@charset "UTF-8";

/* ==================================================
  base
================================================== */

.indent {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.tac {
    text-align: center;
}

.fold-form {
    text-align: left;
    margin-left: 226px;
}

/* =========================
  clearfix
========================= */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

/* ==================================================
  SP用
================================================== */
@media screen and (max-width: 480px) {
    /* =========================
  共通
    body.height-s-sp {
        height: 100vh;
        min-height: 700px;
    }
    .inner {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
    .pc {
        display: none !important;
    }
    .fold-form {
        margin-left: 0;
    }
    /* =========================
  ヘッダ
========================= */
    #header {
        position: relative;
        width: 100%;
        background: #fff;
        border-bottom: solid 1px #F0F0F0;
        z-index: 9997;
    }
    #header .header-inner {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        margin: 0 auto;
        padding: 16px 4%;
    }
    #header .logo {
        display: block;
        width: 94px;
        margin-top: 23px;
        text-decoration: none;
        line-height: 0;
    }
    #header .logo img {
        display: block;
        width: 94px;
        height: 22px;
    }
    #header .nomura-logo {
        display: block;
        width: 180px;
        text-decoration: none;
        line-height: 0;
    }
    #header .nomura-logo img {
        width: 180px;
        height: 27px;
        /* for IE 10 11 */
    }
    #header .jv-logo {
        display: block;
        width: 190px;
        text-decoration: none;
        line-height: 0;
    }
    #header .jv-logo img {
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 33px;
    }
    /* =========================
  ログアウトリンク
========================= */
    .logout {
        float: right;
        display: inline-block;
        margin: 12px 0 5px 10px;
        color: #A9894A;
        font-size: 10px;
        font-weight: bold;
        text-align: right;
        text-decoration: underline;
    }
    /* =========================
  フッタ
========================= */
    #footer {
        /* 物件概要用
  ---------------*/
    }
    #footer .executive-office {
        padding: 4%;
        background: #F0F0F0;
        font-size: 3.6vw;
    }
    #footer .executive-office a {
        color: #A9894A;
        text-decoration: underline;
    }
    #footer .footer-bottom {
        padding: 11% 4%;
        border-top: solid 1px #F0F0F0;
        text-align: center;
        line-height: 0;
    }
    #footer .footer-bottom a {
        display: inline-block;
    }
    #footer .footer-bottom a img {
        width: 255px;
        /* for IE 10 11 */
        height: 38px;
        /* for IE 10 11 */
    }
    #footer .copyright {
        display: block;
        padding: 4% 4%;
        border-top: solid 1px #F0F0F0;
        color: #bbb;
        font-size: 2.8vw;
        text-align: center;
    }
    #footer .seller {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 0 17%;
        font-size: 4vw;
        text-align: left;
    }
    #footer .seller dt {
        width: 17%;
        margin-right: 3%;
        font-weight: bold;
        text-align: right;
    }
    #footer .seller dd {
        width: 80%;
    }
    #footer .seller dd img {
        width: 76%;
        display: block;
        margin: 2% 0 1%;
    }
    #footer .seller dd .address {
        font-size: 3.4vw;
    }
    /* 天地が短いページでのフッタ一調整用
---------------*/
    body.height-s-sp #footer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    /* =========================
  pagetop
========================= */
    .pagetop {
        text-align: right;
    }
    .pagetop a {
        color: #333;
    }
    .pagetop span {
        padding-left: 15px;
        position: relative;
        /* padding-left: 35px; */
    }
    .pagetop span:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 0px;
        /* margin: auto; */
        margin: 3px 0 0;
        border-right: 3px solid #A9894A;
        border-bottom: 3px solid #A9894A;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    /* =========================
  アイコン
========================= */
    .cmn-icon {
        position: relative;
        display: inline-block;
        text-decoration: none;
    }
    .cmn-icon:before {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-icon:hover {
        text-decoration: none;
    }
    .cmn-icon.log-out {
        background: url(/module/images/icon_logout.png) no-repeat left top;
        background-size: 16px auto;
        width: 16px;
        height: 14px;
        margin-right: 4px;
        vertical-align: -4px;
        /*
    &:before {
      content: "\e906";
      font-size: 16px;
      line-height: 16px;
      color: $color_white;
    }
    */
    }
    .cmn-icon.plus {
        background: url(/module/images/icon_plus.png) no-repeat left top;
        background-size: 23px auto;
        width: 23px;
        height: 23px;
        margin-left: 6px;
        vertical-align: middle;
    }
    .cmn-icon.minus {
        background: url(/module/images/icon_minus.png) no-repeat left top;
        background-size: 23px auto;
        width: 23px;
        height: 23px;
        margin-left: 6px;
        vertical-align: middle;
    }
    /* =========================
  main
========================= */
    #main {
        padding-bottom: 20%;
    }
    #main.outline {
        padding-bottom: 10%;
    }
    /* =========================
  タイトル
========================= */
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        margin-bottom: 5%;
        font-family: inherit;
        font-weight: normal;
        line-height: 1.4;
        color: inherit;
        font-weight: bold;
    }
    h1, .h1 {
        margin-bottom: 2%;
        padding-top: 10%;
        font-size: 6.4vw;
        text-align: left;
    }
    h1.space-t, .h1.space-t {
        padding-top: 10%;
    }
    h1.space-t02, .h1.space-t02 {
        padding-top: 8%;
    }
    h1.space-t03, .h1.space-t03 {
        padding-top: 10%;
    }
    h1.space-t-sp, .h1.space-t-sp {
        padding-top: 14%;
    }
    h1.space-b, .h1.space-b {
        margin-bottom: 8%;
    }
    h1.space-b02, .h1.space-b02 {
        margin-bottom: 10%;
    }
    h1.space-b03, .h1.space-b03 {
        margin-bottom: 8%;
    }
    h1.space-b04, .h1.space-b04 {
        margin-bottom: 8%;
    }
    h1.space-b-sp, .h1.space-b-sp {
        margin-bottom: 12%;
    }
    h1.surv, .h1.surv {
        margin: 0 0 6%;
        padding: 0 0 9%;
        border-bottom: solid 1px #F0F0F0;
        font-size: 6.4vw;
    }
    h1.surv .sub, .h1.surv .sub {
        display: block;
        margin: 9% 0 -3%;
        color: #696969;
        font-size: 3.4vw;
        font-weight: normal;
    }
    h1.surv.border-b-none, .h1.surv.border-b-none {
        border-bottom: none;
    }
    h1.surv.space-b, .h1.surv.space-b {
        margin-bottom: 9%;
    }
    h1.surv.space-b-s, .h1.surv.space-b-s {
        padding-bottom: 3%;
    }
    h1 img, .h1 img {
        display: block;
        width: 32%;
        margin-bottom: 4%;
    }
    h2, .h2 {
        font-size: 4.8vw;
    }
    h2.space-t, .h2.space-t {
        margin-top: 10%;
    }
    h2.space-t02, .h2.space-t02 {
        margin-top: 10%;
    }
    h2.space-l, .h2.space-l {
        margin-left: 4%;
    }
    h2.space-b, .h2.space-b {
        margin-bottom: 7%;
    }
    h2.space-b02, .h2.space-b02 {
        margin-bottom: 2%;
    }
    h2.space-b03, .h2.space-b03 {
        margin-bottom: 4%;
    }
    h2.border-b, .h2.border-b {
        margin-bottom: 4%;
        padding-bottom: 4%;
        border-bottom: solid 1px #F0F0F0;
    }
    h2.border-b02, .h2.border-b02 {
        margin-bottom: 8%;
        padding-bottom: 7%;
        border-bottom: solid 1px #F0F0F0;
    }
    h2.none, .h2.none {
        margin-bottom: 0;
    }
    h2.surv, .h2.surv {
        padding: 0 0 6%;
        border-bottom: solid 2px #A9894A;
        font-size: 4.8vw;
        font-weight: bold;
    }
    h2 .link, .h2 .link {
        display: block;
        margin-top: 3%;
        padding-left: 15px;
        color: #333;
        text-decoration: none;
        font-size: 3.6vw;
        font-weight: normal;
        position: relative;
        /* padding-left: 29px; */
    }
    h2 .link:after, .h2 .link:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 0px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 3px solid #A9894A;
        border-bottom: 3px solid #A9894A;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
    }
    h3, .h3 {
        font-size: 5.6vw;
    }
    h3.resv, .h3.resv {
        font-size: 4.8vw;
        line-height: 1.6;
    }
    h4, .h4 {
        margin-bottom: 2%;
        font-size: 4.4vw;
    }
    h4.resv, .h4.resv {
        margin-bottom: 4%;
        font-size: 4.8vw;
        line-height: 1.6;
    }
    h5, .h5 {
        font-size: 4.8vw;
    }
    h6, .h6 {
        font-size: 4.4vw;
    }
    /* =========================
  ボタン
========================= */
    .cmn-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        display: inline-block;
        margin: 0;
        padding: 15px 23px;
        background: #A9894A;
        border: none;
        border-radius: 3px;
        color: #fff;
        font-size: 4vw;
        font-weight: normal;
        text-align: center;
        line-height: 1.2;
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn:disabled {
        background: #F0F0F0;
        cursor: default;
    }
    .cmn-btn.b-shadow {
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    }
    .cmn-btn.space-l {
        margin-left: 10px;
    }
    .cmn-btn.arrow-right {
        position: relative;
        /* padding-right: 29px; */
    }
    .cmn-btn.arrow-right:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 10px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
    }
    .cmn-btn.arrow-right-inline span {
        padding-right: 12px;
        position: relative;
        /* padding-right: 29px; */
    }
    .cmn-btn.arrow-right-inline span:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 0px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
    }
    .cmn-btn.arrow-left {
        position: relative;
        /* padding-left: 30px; */
    }
    .cmn-btn.arrow-left:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 15px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
    }
    .cmn-btn.arrow-back {
        position: relative;
        /* padding-left: 30px; */
    }
    .cmn-btn.arrow-back:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 15px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-60%) rotate(45deg);
        -ms-transform: translateY(-60%) rotate(45deg);
        transform: translateY(-60%) rotate(45deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
    }
    .cmn-btn.arrow-down {
        position: relative;
        /* padding-right: 36px; */
    }
    .cmn-btn.arrow-down:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 15px;
        /* margin: auto; */
        margin: -3px 0 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.arrow-up {
        position: relative;
        /* padding-right: 36px; */
    }
    .cmn-btn.arrow-up:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 15px;
        /* margin: auto; */
        margin: 3px 0 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.arrow-down-cir {
        position: relative;
    }
    .cmn-btn.arrow-down-cir:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin: 0;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cmn-btn.arrow-down-cir:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        margin: -1px 0 0;
        width: 8px;
        height: 8px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.arrow-up-cir {
        position: relative;
    }
    .cmn-btn.arrow-up-cir:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin: 0;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cmn-btn.arrow-up-cir:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        margin: 2px 0 0;
        width: 8px;
        height: 8px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.login {
        width: 48%;
        margin-left: 1.0%;
        padding-left: 0;
        padding-right: 0;
    }
    .cmn-btn.border {
        width: 26%;
        padding: 14px 0 15px;
        background: #F0F0F0;
        border: solid 1px #333;
        color: #333;
        font-size: 3.6vw;
    }
    .cmn-btn.border.space-l {
        margin-left: 2%;
    }
    .cmn-btn.border.space-l02 {
        margin-left: 2%;
    }
    .cmn-btn.large {
        width: 100%;
        padding: 17px 20px;
        font-size: 4.4vw;
        font-weight: bold;
    }
    .cmn-btn.wide {
        width: 100%;
    }
    .cmn-btn.wide.space-l {
        margin-left: 8%;
    }
    .cmn-btn.wide.space-l02 {
        margin-left: 8%;
    }
    .cmn-btn.wide.space-l03 {
        margin-left: 8%;
    }
    .cmn-btn.wide.space-l04 {
        margin-left: 0;
    }
    .cmn-btn.wide.space-t {
        margin-top: 11%;
    }
    .cmn-btn.wide.space-l-sp {
        margin-left: 2%;
    }
    .cmn-btn.wide.space-l-sp02 {
        margin-left: 8%;
    }
    .cmn-btn.wide-sp {
        width: 60%;
    }
    .cmn-btn.wide-sp02 {
        width: 56%;
    }
    .cmn-btn.wide-sp03 {
        width: 65%;
    }
    .cmn-btn.back {
        width: 30%;
        padding: 14px 0;
        background: #F0F0F0;
        border: solid 1px #A9A9A9;
        color: #333;
        font-size: 3.6vw;
        font-weight: normal;
    }
    .cmn-btn.back.long {
        width: 40%;
    }
    .cmn-btn.back02 {
        width: auto;
        padding: 15px 23px;
        background: #F0F0F0;
        border: solid 1px #A9A9A9;
        color: #333;
        font-size: 4.4vw;
        font-weight: bold;
    }
    .cmn-btn.black {
        background: #333;
    }
    .cmn-btn.kojin {
        width: 100%;
        margin-bottom: 8%;
        padding: 13px 0;
        background-color: transparent;
        border: solid 1px #DC3435;
        color: #DC3435;
        font-size: 4.4vw;
        font-weight: bold;
    }
    .cmn-btn.kojin.none {
        margin-bottom: 0;
    }
    /* =========================
  メイン画像
========================= */
    .main-area {
        line-height: 0;
    }
    .main-area.space-t {
        margin-top: 11%;
    }
    .main-area.space-b {
        margin-bottom: 11%;
    }
    .main-area.w-auto-sp img {
        width: auto;
    }
    /* =========================
  ステップ
========================= */
    .step-wrap {
        margin-bottom: 7%;
    }
    .step-wrap h2 {
        line-height: 1.6;
    }
    .step {
        margin-top: 4%;
        line-height: 0;
        text-align: center;
    }
    .step img {
        width: 100%;
    }
    /* =========================
  共通ボックス
========================= */
    .cmn-box {
        padding: 6% 4%;
        border: solid 1px #A9894A;
    }
    .cmn-box.gray {
        border: solid 2px #F0F0F0;
    }
    .cmn-box.bg-gray {
        background: #F0F0F0;
        border: none;
    }
    .cmn-box.space-t {
        margin-top: 7%;
    }
    .cmn-box.space-t02 {
        margin-top: 11%;
    }
    .cmn-box.space-b {
        margin-bottom: 10%;
    }
    .cmn-box.space-b02 {
        margin-bottom: 10%;
    }
    .cmn-box.space-b03 {
        margin-bottom: 12%;
    }
    .cmn-box.space-b04 {
        margin-bottom: 12%;
    }
    .cmn-box.space-b05 {
        margin-bottom: 15%;
    }
    .cmn-box.tal-sp {
        text-align: left;
    }
    .cmn-box.flex {
        text-align: center;
    }
    .cmn-box.flex .cmn-btn {
        margin-top: 4%;
    }
    .cmn-box-btn {
        margin-top: 5%;
        text-align: center;
    }
    /* =========================
  物件情報
========================= */
    .property-info {
        margin-bottom: 7%;
    }
    .property-info li {
        margin-bottom: 1%;
    }
    .property-info li:last-of-type {
        margin-bottom: 0;
    }
    .property-info li:before {
        content: '-';
        padding-right: 5px;
    }
    /* =========================
  フレックス定義リスト
========================= */
    .flex-dl {
        position: relative;
        width: 100%;
    }
    .flex-dl dt {
        width: 100%;
        margin-bottom: 2%;
        font-weight: bold;
    }
    .flex-dl dd {
        width: 100%;
    }
    .flex-dl input, .flex-dl select {
        vertical-align: baseline;
    }
    .flex-dl.layout-sp dt {
        position: absolute;
        top: 2%;
        right: 0;
        width: 35%;
    }
    .flex-dl.layout-sp dd p {
        padding-right: 40%;
    }
    .flex-dl.fwn.layout-sp dt {
        display: none;
    }
    .flex-dl.fwn.layout-sp dd p {
        padding: 0;
    }
    /* =========================
  補足
========================= */
    .sup {
        margin-top: 2%;
        color: #696969;
        font-size: 3.4vw;
    }
    .sup li a {
        color: #A9894A;
        text-decoration: underline;
    }
    /* =========================
  フォーム部品
========================= */
    .form-area {
        /* ラジオボタン・チェックボックス内包テーブル
  ---------------*/
        /* 予約フォームテーブル
  ---------------*/
        /* 入力フォームテーブル
  ---------------*/
        /* マトリクス
  ---------------*/
    }
    .form-area .form-inner {
        display: inline-block;
        width: 48%;
        margin-right: 1.5%;
    }
    .form-area .form-inner:last-of-type {
        margin-right: 0;
    }
    .form-area table {
        width: 100%;
        margin-bottom: 5%;
        border-top: none;
        border-left: none;
    }
    .form-area table.none {
        margin-bottom: 0;
    }
    .form-area table.space-b {
        margin-bottom: 10%;
    }
    .form-area table.space-b02 {
        margin-bottom: 7%;
    }
    .form-area th,
    .form-area td {
        display: block;
        width: 100%;
        padding: 0;
        border-right: none;
        text-align: left;
        vertical-align: top;
    }
    .form-area th .vertical,
    .form-area td .vertical {
        display: block;
        width: 1em;
        margin: 0 auto;
    }
    .form-area th {
        position: relative;
        padding: 5% 0 3%;
        background: #fff;
        border-bottom: none;
        font-weight: bold;
    }
    .form-area td {
        padding-bottom: 7%;
        border-bottom: solid 1px #F0F0F0;
    }
    .form-area td sup {
        font-size: 3.4vw;
        vertical-align: super;
    }
    .form-area td .red {
        color: #DC3435;
    }
    .form-area td .strong {
        font-weight: bold;
    }
    .form-area tr:first-of-type th {
        border-top: solid 1px #F0F0F0;
    }
    .form-area tr.border-b-none td {
        border-bottom: none;
    }
    .form-area tr.border-b-none-sp td {
        padding-bottom: 0;
        border-bottom: none;
    }
    .form-area tr.t-none td {
        padding-top: 0;
    }
    .form-area tr.b-none th,
    .form-area tr.b-none td {
        padding-bottom: 0;
    }
    .form-area .table-wrap {
        width: 104.2%;
        overflow-x: auto;
    }
    .form-area table.inc-radio {
        table-layout: fixed;
        width: auto;
        margin-bottom: 0;
        border-top: none;
        border-left: none;
    }
    .form-area table.inc-radio th,
    .form-area table.inc-radio td {
        display: table-cell;
        width: 76px;
        min-width: 76px;
        padding: 0;
        border-right: none;
        border-bottom: none;
        font-size: 3.4vw;
        text-align: left;
        vertical-align: middle;
    }
    .form-area table.inc-radio th {
        position: relative;
        padding: 10px 8px;
        background: #F0F0F0;
        font-weight: normal;
        text-align: center;
    }
    .form-area table.inc-radio th:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 2px;
        height: 100%;
        background: #fff;
    }
    .form-area table.inc-radio th:last-of-type:after {
        display: none;
    }
    .form-area table.inc-radio th.norm {
        background-color: transparent;
        font-weight: bold;
        text-align: left;
    }
    .form-area table.inc-radio th.norm:after {
        display: none;
    }
    .form-area table.inc-radio td {
        padding: 20px 8px;
        text-align: center;
    }
    .form-area table.inc-radio td .custom-radio label,
    .form-area table.inc-radio td .custom-checkbox label {
        height: 22px;
        padding-left: 18px;
    }
    .form-area table.inc-radio tr:first-of-type th,
    .form-area table.inc-radio tr:first-of-type td {
        border-top: none;
    }
    .form-area table.inc-radio.border-b th,
    .form-area table.inc-radio.border-b td {
        width: 53px;
        min-width: 53px;
        border-bottom: solid 2px #bbb;
    }
    .form-area table.inc-radio.border-b tr:first-of-type th {
        border-bottom: none;
    }
    .survey .form-area table.inc-radio.border-b th:first-of-type {
        width: 132px;
        min-width: 132px;
    }
    .survey .form-area table.inc-radio.border-b.pre-matrix th:last-of-type {
        width: 132px;
        min-width: 132px;
    }
    .form-area table.inc-radio.both-side th:first-of-type, .form-area table.inc-radio.both-side th:last-of-type {
        font-weight: bold;
        text-align: left;
    }
    .form-area table.day-select-tbl {
        table-layout: fixed;
        width: auto;
        min-width: 95%;
        margin-bottom: 3%;
        border-top: none;
        border-left: none;
    }
    .form-area table.day-select-tbl th,
    .form-area table.day-select-tbl td {
        display: table-cell;
        width: 53px;
        min-width: 53px;
        padding: 0;
        border-right: solid 2px #bbb;
        border-bottom: solid 2px #bbb;
        font-size: 3.4vw;
        text-align: left;
        vertical-align: middle;
    }
    .form-area table.day-select-tbl th {
        position: relative;
        padding: 10px 5px;
        background: #F0F0F0;
        font-weight: normal;
        text-align: center;
    }
    .form-area table.day-select-tbl th:after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        display: block;
        width: 2px;
        height: 100%;
        background: #fff;
        z-index: 10;
    }
    .form-area table.day-select-tbl th:last-of-type:after {
        display: none;
    }
    .form-area table.day-select-tbl td {
        position: relative;
        padding: 10px 3px;
        text-align: center;
    }
    .form-area table.day-select-tbl td:first-of-type {
        font-weight: bold;
    }
    .form-area table.day-select-tbl td:last-of-type {
        border-right: none;
    }
    .form-area table.day-select-tbl td.none {
        font-size: 5.2vw;
    }
    .form-area table.day-select-tbl td.tel {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.tel:before {
        content: "TEL";
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        color: #696969;
        font-size: 4.4vw;
        font-weight: bold;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-indent: 0;
        white-space: nowrap;
    }
    .form-area table.day-select-tbl td.ok {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.ok:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 19px;
        height: 19px;
        pointer-events: none;
        background-color: transparent;
        border: solid 3px #A9894A;
        border-radius: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .form-area table.day-select-tbl td.ok.selected {
        background: #2676FA;
    }
    .form-area table.day-select-tbl td.ok.selected:before {
        border: solid 3px #fff;
    }
    .form-area table.day-select-tbl td.little {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.little:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: transparent;
        width: 24px;
        height: 18px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 12px transparent;
        border-right: solid 12px transparent;
        border-bottom: solid 18px #A9894A;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .form-area table.day-select-tbl td.little:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: transparent;
        width: 14px;
        height: 10px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
        border-bottom: solid 10px #fff;
        -webkit-transform: translateX(-50%) translateY(-37%);
        -ms-transform: translateX(-50%) translateY(-37%);
        transform: translateX(-50%) translateY(-37%);
    }
    .form-area table.day-select-tbl td.little.selected {
        background: #2676FA;
    }
    .form-area table.day-select-tbl td.little.selected:before {
        border-bottom: solid 18px #fff;
    }
    .form-area table.day-select-tbl td.little.selected:after {
        border-bottom: solid 10px #2676FA !important;
    }
    .form-area table.day-select-tbl td.full {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.full:before, .form-area table.day-select-tbl td.full:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #696969;
        width: 20px;
        height: 2px;
    }
    .form-area table.day-select-tbl td.full:before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .form-area table.day-select-tbl td.full:after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
        transform: translateX(-50%) translateY(-50%) rotate(135deg);
    }
    .form-area table.day-select-tbl td.none {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.none:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #333;
        width: 10px;
        height: 1px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .form-area table.day-select-tbl tr:first-of-type th,
    .form-area table.day-select-tbl tr:first-of-type td {
        border-right: none;
        border-bottom: solid 2px #bbb;
        border-top: none;
    }
    .form-area table.day-select-tbl tr.sat td {
        background: #F5F9FF;
    }
    .form-area table.day-select-tbl tr.sat td:first-of-type span {
        color: #1655B9;
    }
    .form-area table.day-select-tbl tr.sat td.little:after {
        border-bottom: solid 10px #F5F9FF;
    }
    .form-area table.day-select-tbl tr.holiday td {
        background: #FFF4F4;
    }
    .form-area table.day-select-tbl tr.holiday td:first-of-type span {
        color: #DC3435;
    }
    .form-area table.day-select-tbl tr.holiday td.little:after {
        border-bottom: solid 10px #FFF4F4;
    }
    .form-area table.entry {
        border-top: solid 1px #F0F0F0;
    }
    .form-area table.entry th {
        margin-bottom: 5%;
        padding: 2.5% 0 2.5% 3%;
        border-top: none;
        border-left: solid 5px #A9894A;
    }
    .form-area table.entry td {
        margin-bottom: 6%;
    }
    .form-area table.entry tr:first-of-type th {
        margin-top: 6%;
    }
    .form-area table.matrix {
        table-layout: fixed;
        width: 100%;
        /* 3：7 */
        /* 4：6 */
        /* 5：5 */
        /* 6：4 */
        /* 7：3 */
        /* 1：8：1 */
        /* 1.5：7：1.5 */
        /* 2：6：2 */
        /* 3：4：3 */
    }
    .form-area table.matrix th {
        width: auto;
        min-width: auto;
    }
    .form-area table.matrix td {
        width: auto;
        min-width: auto;
    }
    .form-area table.matrix.border-b th,
    .form-area table.matrix.border-b td {
        width: auto;
        min-width: auto;
    }
    .form-area table.matrix.m3-7 th:first-of-type,
    .form-area table.matrix.m3-7 td:first-of-type {
        width: 30%;
    }
    .form-area table.matrix.m4-6 th:first-of-type,
    .form-area table.matrix.m4-6 td:first-of-type {
        width: 40%;
    }
    .form-area table.matrix.m5-5 th:first-of-type,
    .form-area table.matrix.m5-5 td:first-of-type {
        width: 50%;
    }
    .form-area table.matrix.m6-4 th:first-of-type,
    .form-area table.matrix.m6-4 td:first-of-type {
        width: 60%;
    }
    .form-area table.matrix.m7-3 th:first-of-type,
    .form-area table.matrix.m7-3 td:first-of-type {
        width: 70%;
    }
    .form-area table.matrix.m7-3 td {
        padding-left: 4px;
        padding-right: 4px;
    }
    .form-area table.matrix.m1-8-1 th:first-of-type,
    .form-area table.matrix.m1-8-1 td:first-of-type {
        width: 10%;
    }
    .form-area table.matrix.m1-8-1 th:last-of-type,
    .form-area table.matrix.m1-8-1 td:last-of-type {
        width: 10%;
    }
    .form-area table.matrix.m15-7-15 th:first-of-type,
    .form-area table.matrix.m15-7-15 td:first-of-type {
        width: 15%;
    }
    .form-area table.matrix.m15-7-15 th:last-of-type,
    .form-area table.matrix.m15-7-15 td:last-of-type {
        width: 15%;
    }
    .form-area table.matrix.m2-6-2 th:first-of-type,
    .form-area table.matrix.m2-6-2 td:first-of-type {
        width: 20%;
    }
    .form-area table.matrix.m2-6-2 th:last-of-type,
    .form-area table.matrix.m2-6-2 td:last-of-type {
        width: 20%;
    }
    .form-area table.matrix.m3-4-3 th:first-of-type,
    .form-area table.matrix.m3-4-3 td:first-of-type {
        width: 30%;
    }
    .form-area table.matrix.m3-4-3 th:last-of-type,
    .form-area table.matrix.m3-4-3 td:last-of-type {
        width: 30%;
    }
    .form-area h3 {
        margin: 4% 0 3%;
        padding: 3% 3%;
        background: #F0F0F0;
        font-size: 4.4vw;
        font-weight: normal;
    }
    .form-area h3.t-none {
        margin-top: 0;
    }
    .form-area h3.norm {
        margin: 0 0 2%;
        padding: 0;
        background-color: transparent;
        font-weight: bold;
    }
    .form-area h3.norm.space-t {
        margin-top: 7%;
    }
    .form-area h3.norm.space-b {
        margin-bottom: 4%;
    }
    .form-area h3.surv {
        margin: 0 0 4%;
        padding: 0;
        background-color: transparent;
    }
    .form-area h3.surv .red {
        display: block;
        margin-top: 5px;
        color: #DC3435;
    }
    .form-area h3.border-l {
        margin: 6% 0 5%;
        padding: 2.5% 0 2.5% 3%;
        border-top: none;
        border-left: solid 5px #A9894A;
    }
    .form-area p.space-t {
        margin-top: 2%;
    }
    .form-area p.space-t02 {
        margin-top: 4%;
    }
    .form-area p.space-b {
        margin-bottom: 2%;
    }
    .form-area p.space-b02 {
        margin-bottom: 4%;
    }
    .form-area p.space-b02-sp {
        margin-bottom: 4%;
    }
    .form-area p.space-b03 {
        margin-bottom: 4%;
    }
    .form-area p a {
        color: #A9894A;
        text-decoration: underline;
    }
    .form-area a.to-kiyaku {
        display: inline-block;
        margin-bottom: 3%;
        color: #A9894A;
        text-decoration: underline;
    }
    .form-area a.to-kiyaku02 {
        display: block;
        margin-top: 3%;
        color: #A9894A;
        text-decoration: underline;
    }
    .form-area .thumb-list {
        display: block;
    }
    .form-area .thumb-list-inner {
        width: 100%;
    }
    .form-area .thumb-list-inner:after {
        content: " ";
        display: block;
        clear: both;
    }
    .form-area .thumb-list h3 {
        margin-top: 6%;
        margin-bottom: 4%;
    }
    .form-area .thumb-list h3 .custom-checkbox label {
        width: 100%;
    }
    .form-area .thumb-list h3 .custom-checkbox label:before {
        top: 1px;
    }
    .form-area .thumb-list h3 .custom-checkbox label:after {
        top: 3px;
    }
    .form-area .thumb-list img {
        float: left;
        width: 40%;
        margin-right: 3%;
    }
    .form-area .thumb-list p {
        margin-left: 43%;
    }
    .form-area .thumb-list.col-one .thumb-list-inner:first-of-type h3 {
        margin-top: 2%;
    }
    .form-area .must {
        display: inline-block;
        margin: 0 0 0 3%;
        padding: 2px 4px 3px;
        background: #DC3435;
        border-radius: 3px;
        color: #fff;
        font-size: 3.6vw;
        font-weight: normal;
        vertical-align: 2px;
        line-height: 1.0;
        text-align: center;
    }
    .form-area .required {
        /* background-color: $color_red; */
    }
    .form-area input[type="text"],
    .form-area input[type="email"],
    .form-area input[type="password"],
    .form-area input[type="tel"],
    .form-area textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        display: inline-block;
        width: 100%;
        padding: 9px 10px 10px 10px;
        background-color: #fff;
        font-size: 4.4vw;
        color: #333;
        line-height: 1.6;
        border: 1px solid #A9A9A9;
        border-radius: 3px;
    }
    .form-area input[type="text"]:focus,
    .form-area input[type="email"]:focus,
    .form-area input[type="password"]:focus,
    .form-area input[type="tel"]:focus,
    .form-area textarea:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .form-area input[type="text"]:placeholder-shown,
    .form-area input[type="email"]:placeholder-shown,
    .form-area input[type="password"]:placeholder-shown,
    .form-area input[type="tel"]:placeholder-shown,
    .form-area textarea:placeholder-shown {
        color: #bbb;
    }
    .form-area input[type="text"]::-webkit-input-placeholder,
    .form-area input[type="email"]::-webkit-input-placeholder,
    .form-area input[type="password"]::-webkit-input-placeholder,
    .form-area input[type="tel"]::-webkit-input-placeholder,
    .form-area textarea::-webkit-input-placeholder {
        color: #bbb;
    }
    .form-area input[type="text"]:-moz-placeholder,
    .form-area input[type="email"]:-moz-placeholder,
    .form-area input[type="password"]:-moz-placeholder,
    .form-area input[type="tel"]:-moz-placeholder,
    .form-area textarea:-moz-placeholder {
        color: #bbb;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .form-area input[type="text"]::-moz-placeholder,
    .form-area input[type="email"]::-moz-placeholder,
    .form-area input[type="password"]::-moz-placeholder,
    .form-area input[type="tel"]::-moz-placeholder,
    .form-area textarea::-moz-placeholder {
        color: #bbb;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .form-area input[type="text"]:-ms-input-placeholder,
    .form-area input[type="email"]:-ms-input-placeholder,
    .form-area input[type="password"]:-ms-input-placeholder,
    .form-area input[type="tel"]:-ms-input-placeholder,
    .form-area textarea:-ms-input-placeholder {
        color: #bbb;
    }
    .form-area input[type="text"].small,
    .form-area input[type="email"].small,
    .form-area input[type="password"].small,
    .form-area input[type="tel"].small,
    .form-area textarea.small {
        width: 19%;
    }
    .form-area input[type="text"].small02,
    .form-area input[type="email"].small02,
    .form-area input[type="password"].small02,
    .form-area input[type="tel"].small02,
    .form-area textarea.small02 {
        width: 25%;
    }
    .form-area input[type="text"].small03,
    .form-area input[type="email"].small03,
    .form-area input[type="password"].small03,
    .form-area input[type="tel"].small03,
    .form-area textarea.small03 {
        width: 40%;
    }
    .form-area input[type="text"].middle,
    .form-area input[type="email"].middle,
    .form-area input[type="password"].middle,
    .form-area input[type="tel"].middle,
    .form-area textarea.middle {
        width: 62%;
    }
    .form-area input[type="text"].middle02,
    .form-area input[type="email"].middle02,
    .form-area input[type="password"].middle02,
    .form-area input[type="tel"].middle02,
    .form-area textarea.middle02 {
        width: 48%;
    }
    .form-area input[type="text"].middle03,
    .form-area input[type="email"].middle03,
    .form-area input[type="password"].middle03,
    .form-area input[type="tel"].middle03,
    .form-area textarea.middle03 {
        width: 100%;
    }
    .form-area input[type="text"].large,
    .form-area input[type="email"].large,
    .form-area input[type="password"].large,
    .form-area input[type="tel"].large,
    .form-area textarea.large {
        width: 100%;
    }
    .form-area input[type="text"].w100-sp,
    .form-area input[type="email"].w100-sp,
    .form-area input[type="password"].w100-sp,
    .form-area input[type="tel"].w100-sp,
    .form-area textarea.w100-sp {
        width: 100%;
    }
    .form-area input[type="text"].vat,
    .form-area input[type="email"].vat,
    .form-area input[type="password"].vat,
    .form-area input[type="tel"].vat,
    .form-area textarea.vat {
        vertical-align: baseline;
    }
    .form-area textarea {
        min-height: 160px;
    }
    .form-area select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        width: 100%;
        height: auto;
        padding: 9px 20px 10px 10px;
        color: #333;
        font-size: 4.4vw;
        line-height: 1.6;
        background: url(/module/images/icon_select.png) no-repeat right 6px center;
        background-size: 8px auto;
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 3px;
    }
    .form-area select.required {
        /* background-color: $color_red; */
    }
    .form-area select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .form-area select.small {
        width: 19%;
    }
    .form-area select.small02 {
        width: 25%;
    }
    .form-area select.small03 {
        width: 40%;
    }
    .form-area select.middle {
        width: 62%;
    }
    .form-area select.middle02 {
        width: 48%;
    }
    .form-area select.middle03 {
        width: 100%;
    }
    .form-area select.w100-sp {
        width: 100%;
    }
    .form-area select.vat {
        vertical-align: top;
    }
    .form-area select::-ms-expand {
        /* 矢印非表示 for IE */
        display: none;
    }
    .form-area .input-wrap {
        display: block;
        margin-top: 4%;
    }
    .form-area .label-txt {
        display: block;
        margin: 4% 0 1%;
        font-size: 3.4vw;
    }
    .form-area .label-txt.t-none {
        margin-top: 0;
    }
    .form-area .pre-txt {
        display: inline-block;
        margin: 0 2% 0 0;
    }
    .form-area .post-txt {
        display: inline-block;
        margin: 0 2% 0 1%;
    }
    .form-area .post-txt.r-none-sp {
        margin-right: 0;
    }
    .form-area input[type="button"],
    .form-area input[type="submit"],
    .form-area button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
    }
    .form-area input[type="radio"],
    .form-area input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
    }
    .form-area .custom-checkbox,
    .form-area .custom-radio {
        position: relative;
    }
    .form-area .custom-checkbox.border-t,
    .form-area .custom-radio.border-t {
        padding-top: 10px;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .custom-checkbox input,
    .form-area .custom-radio input {
        position: absolute;
        left: 10px;
        z-index: -1;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    .form-area .custom-checkbox label,
    .form-area .custom-radio label {
        position: relative;
        display: inline-block;
        padding-left: 24px;
        font-size: 4.4vw;
    }
    .form-area .custom-checkbox label .sub,
    .form-area .custom-radio label .sub {
        display: block;
        color: #696969;
        font-size: 3.4vw;
    }
    .form-area .custom-checkbox label:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        display: block;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        pointer-events: none;
        background: #fff;
        border: solid 1px #A9A9A9;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 3px;
        /* vertical-align: middle; */
    }
    .form-area .custom-checkbox label:after {
        display: none;
        content: "";
        position: absolute;
        top: 6px;
        left: 5px;
        width: 7px;
        height: 11px;
        margin: auto;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        /* vertical-align: middle; */
    }
    .form-area .custom-checkbox input:checked ~ label:before {
        background-color: #2676FA;
        border: solid 1px #2676FA;
    }
    .form-area .custom-checkbox input:checked ~ label:after {
        display: block;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .form-area .custom-radio label:before {
        display: block;
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        pointer-events: none;
        background: #fff;
        border: solid 1px #A9A9A9;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* vertical-align: middle; */
    }
    .form-area .custom-radio label:after {
        display: block;
        content: "";
        position: absolute;
        top: 8px;
        left: 4px;
        width: 10px;
        height: 10px;
        margin: auto;
        background: #F0F0F0;
        border-radius: 50%;
        /* vertical-align: middle; */
    }
    .form-area .custom-radio input:checked ~ label:after {
        display: block;
        background: #2676FA;
    }
    .form-area .col-inline {
        padding-left: 10px;
    }
    .form-area .col-inline.space-b {
        margin-bottom: 2%;
    }
    .form-area .col-inline.no-indent {
        padding-left: 0;
    }
    .form-area .col-inline.no-indent .custom-checkbox,
    .form-area .col-inline.no-indent .custom-radio {
        display: inline-block;
        margin: 2% 0;
    }
    .form-area .col-inline .custom-checkbox,
    .form-area .col-inline .custom-radio {
        display: inline-block;
        margin-right: 5%;
    }
    .form-area .col1 {
        padding-left: 4%;
    }
    .form-area .col1.space-b {
        margin-bottom: 25px;
    }
    .form-area .col1.no-indent {
        padding-left: 0;
    }
    .form-area .col1 .custom-checkbox,
    .form-area .col1 .custom-radio {
        display: inline-block;
        width: 100%;
        margin: 2% 0;
    }
    .form-area .col1-half {
        padding-left: 4%;
    }
    .form-area .col1-half .custom-checkbox,
    .form-area .col1-half .custom-radio {
        display: inline-block;
        width: 49%;
        margin: 2% 0;
        vertical-align: top;
    }
    .form-area .col1-half .custom-checkbox label,
    .form-area .col1-half .custom-radio label {
        padding-right: 4%;
    }
    .form-area .col2 {
        padding-left: 4%;
    }
    .form-area .col2 .custom-checkbox,
    .form-area .col2 .custom-radio {
        display: inline-block;
        width: 49%;
        margin: 2% 0;
        vertical-align: top;
    }
    .form-area .col2 .custom-checkbox label,
    .form-area .col2 .custom-radio label {
        padding-right: 4%;
    }
    .form-area .col3 {
        padding-left: 4%;
    }
    .form-area .col3 .custom-checkbox,
    .form-area .col3 .custom-radio {
        display: inline-block;
        width: 32%;
        margin: 2% 0;
        vertical-align: top;
    }
    .form-area .col3 .custom-checkbox label,
    .form-area .col3 .custom-radio label {
        padding-right: 4%;
    }
    .form-area input[type="text"].error,
    .form-area input[type="email"].error,
    .form-area input[type="password"].error,
    .form-area input[type="tel"].error,
    .form-area textarea.error,
    .form-area select.error {
        background: #FCEFF0;
        border: solid 1px #DC3435;
    }
    .form-area select.error {
        background: url(/module/images/icon_select.png) no-repeat right 6px center;
        background-size: 8px auto;
        background-color: #FCEFF0;
    }
    .form-area .error-box {
        margin: 0 0 1%;
        color: #DC3435;
        font-size: 4.4vw;
        font-weight: bold;
    }
    .form-area .error-box.small {
        margin: 4% 0 -3%;
    }
    .form-area .notice-box {
        margin: 4% 0;
        color: #DC3435;
        font-size: 4.4vw;
        font-weight: bold;
    }
    /* 確認
---------------*/
    /* 完了
---------------*/
    .form-area .thanks-txt {
        padding-top: 7%;
        border-top: solid 1px #F0F0F0;
        font-size: 4.8vw;
        font-weight: bold;
        text-align: left;
    }
    .form-area .thanks-txt02 {
        padding-top: 7%;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .thanks-txt03 {
        padding-top: 23%;
        border-top: solid 1px #F0F0F0;
        font-size: 4.8vw;
        font-weight: bold;
        text-align: center;
    }
    .form-area .thanks-txt03 a {
        display: inline-block;
        margin-top: 3%;
        color: #A9894A;
        font-size: 4.4vw;
        font-weight: normal;
    }
    .form-area .thanks-txt04 {
        padding-top: 11%;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .thanks-txt04.t-none {
        padding-top: 0;
        border-top: 0;
    }
    .form-area .thanks-txt-surv {
        padding-top: 30%;
        font-size: 4.8vw;
        font-weight: bold;
        text-align: center;
    }
    .form-area .thanks-txt-surv a {
        display: inline-block;
        margin-top: 3%;
        color: #A9894A;
        font-size: 4.4vw;
        font-weight: normal;
    }
    .form-area .thanks-select {
        margin-bottom: 11%;
        padding-top: 4%;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .thanks-select.space-b {
        margin-bottom: 11%;
    }
    .form-area .thanks-select .block {
        display: block;
        margin-bottom: 10%;
        padding: 0;
        border: none;
    }
    /* =========================
  個人情報保護方針
========================= */
    .kojin-joho {
        display: none;
        width: 100%;
        margin: 0 auto 7%;
        padding: 0;
        background: #fff;
        border: solid 1px #A9A9A9;
    }
    .kojin-joho-inner {
        padding: 0 0 0 4%;
    }
    .kojin-joho iframe {
        width: 100%;
        height: 150px;
    }
    /* =========================
  戻る付きボタンエリア
========================= */
    .with-back.space-t {
        margin-top: 10%;
    }
    .with-back.space-t02 {
        margin-top: 12%;
    }
    .with-back.flex-col-sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .with-back.flex-col-sp .cmn-btn:first-child {
        margin-top: 5%;
    }
    /* =========================
  3カラムボタンエリア
========================= */
    .btn-col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 10%;
    }
    .btn-col3 .wide {
        margin-bottom: 8%;
    }
    .btn-col3 .back {
        width: 46%;
    }
    /* =========================
  汎用ボタンエリア
========================= */
    .btn-area {
        margin: 6% 0 17%;
        text-align: center;
    }
    .btn-area.none {
        margin-bottom: 0;
    }
    .btn-area.t-none {
        margin-top: 5%;
    }
    .btn-area.space-t {
        margin-top: 5%;
    }
    .btn-area.space-t02 {
        margin-top: 11%;
    }
    .btn-area.space-b {
        margin-bottom: 22%;
    }
    /* =========================
  画像エリア
========================= */
    .img-area {
        margin-bottom: 4%;
    }
    .img-area img {
        width: 100%;
    }
    .img-area .cap {
        display: block;
        margin-top: 3%;
    }
    /* =========================
  アラートボックス
========================= */
    .alert {
        margin-bottom: 7%;
        padding: 15px 10px 15px 40px;
        background: url(/module/images/alert.png) no-repeat 13px 18px;
        background-size: 20px auto;
        border: solid 2px #F0F0F0;
        color: #DC3435;
        font-weight: bold;
    }
    .alert.none {
        margin-bottom: 0;
    }
    .alert.space-t {
        margin-top: 6%;
    }
    .alert.space-b {
        margin-bottom: 8%;
    }
    /* =========================
  解答率
========================= */
    .state {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 9%;
    }
    .state .strong {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-weight: bold;
    }
    .state-indi {
        width: 55%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 10px;
        text-align: center;
    }
    .state-indi li {
        width: 50%;
        padding: 5px 4px 4px;
        background: #F0F0F0;
        line-height: 1.2;
    }
    .state-indi li.on {
        background: #333;
        color: #fff;
        font-size: 3.4vw;
    }
    /* =========================
  共通内部領域
========================= */
    .block {
        margin-bottom: 9%;
        padding: 0 0 7%;
        border-bottom: solid 1px #F0F0F0;
    }
    .block.none {
        margin-bottom: 0;
    }
    .block.none-p {
        padding-bottom: 0;
    }
    .block.space-b {
        margin-bottom: 10%;
    }
    .block.space-l {
        padding-left: 4%;
    }
    /* =========================
  残り文字数
========================= */
    .rest-txt {
        color: #DC3435;
        font-size: 3.4vw;
    }
    /* =========================
  ランキングリスト
========================= */
    .rank-list li {
        margin-bottom: 4%;
    }
    .rank-list li:last-of-type {
        margin-bottom: 0;
    }
    /* =========================
  アンケートフォーム
========================= */
    .survey {
        padding-top: 9%;
        border-top: solid 10px #A9894A;
    }
    .survey p {
        margin-bottom: 4%;
    }
    .survey p.none {
        margin-bottom: 0;
    }
    .survey p.tal-sp {
        text-align: left;
    }
    /* =========================
  物件概要
========================= */
    .bukken-outline {
        width: 100%;
        margin-bottom: 0;
        border-top: none;
        border-left: none;
        border-bottom: solid 1px #F0F0F0;
    }
    .bukken-outline th,
    .bukken-outline td {
        display: block;
        width: 100%;
        padding: 0;
        border-right: none;
        border-bottom: none;
        text-align: left;
        vertical-align: top;
    }
    .bukken-outline th {
        margin: 0 0 3%;
        padding: 3% 3%;
        background: #F0F0F0;
        font-size: 4.4vw;
        font-weight: bold;
    }
    .bukken-outline td {
        padding: 0 3% 6%;
    }
    .bukken-outline td sup {
        font-size: 3.4vw;
        vertical-align: super;
    }
    .bukken-outline .notice {
        color: #DC3435;
    }
    .bukken-outline .notice h2 {
        margin: 2% 0 2%;
        font-size: 5.6vw;
    }
    .bukken-outline .notice h2 .strong {
        font-weight: bold;
    }
    .bukken-outline .traffic li {
        margin-bottom: 4%;
        padding-left: 1em;
        text-indent: -1em;
    }
    .bukken-outline .traffic li:last-of-type {
        margin-bottom: 0;
    }
    .bukken-outline .traffic-sup {
        margin-top: 4%;
    }
    /* =========================
  予約フォーム
========================= */
    .reservation-step-wrap {
        margin-bottom: 5%;
    }
    .reservation-step-wrap h2 {
        margin-bottom: 4%;
        font-size: 5.2vw;
        line-height: 1.6;
    }
    .reservation-step {
        line-height: 0;
        text-align: center;
    }
    .reservation-step img {
        width: 100%;
    }
    .leading {
        margin-bottom: 4%;
        padding-bottom: 4%;
        border-bottom: solid 1px #F0F0F0;
    }
    .ic-detail ul {
        text-align: left;
    }
    .ic-detail ul li {
        position: relative;
        display: inline-block;
        margin: 0 4% 1% 0;
        font-size: 4vw;
    }
    .ic-detail ul li span:not(.strong) {
        position: relative;
        display: inline-block;
        width: 22px;
        text-indent: -9999px;
    }
    .ic-detail ul li.ok span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        pointer-events: none;
        background-color: transparent;
        border: solid 2px #A9894A;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .ic-detail ul li.little span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        background-color: transparent;
        width: 18px;
        height: 15px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 9px transparent;
        border-right: solid 9px transparent;
        border-bottom: solid 15px #A9894A;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .ic-detail ul li.little span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 4px;
        display: block;
        background-color: transparent;
        width: 10px;
        height: 8px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 5px transparent;
        border-right: solid 5px transparent;
        border-bottom: solid 8px #fff;
        -webkit-transform: translateY(-37%);
        -ms-transform: translateY(-37%);
        transform: translateY(-37%);
    }
    .ic-detail ul li.full span:before, .ic-detail ul li.full span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        background-color: #696969;
        width: 16px;
        height: 2px;
    }
    .ic-detail ul li.full span:before {
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }
    .ic-detail ul li.full span:after {
        -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }
    .ic-detail ul li.tel {
        margin-right: 0;
        white-space: nowrap;
    }
    .ic-detail ul li.tel span {
        width: 17%;
    }
    .ic-detail ul li.tel span:not(.strong):before {
        content: "TEL";
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        color: #696969;
        font-size: 4vw;
        font-weight: bold;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-indent: 0;
    }
    .ic-detail ul li.tel span.strong {
        font-weight: bold;
    }
    .day-selected {
        margin-top: 10%;
        padding: 7% 4%;
        background: #F0F0F0;
        text-align: center;
    }
    .day-selected.space-b {
        margin-bottom: 11%;
    }
    .day-selected.space-tb-sp {
        margin-top: 8%;
        margin-bottom: 5%;
    }
    .day-selected.t-none {
        margin-top: 0;
    }
    .day-selected h3 {
        margin: 0 0 3%;
        padding: 0;
        font-size: 4.4vw;
        font-weight: normal;
        text-align: center;
    }
    .day-selected p {
        font-size: 5.2vw;
        font-weight: bold;
    }
    .proud-login {
        margin: 11% 0 10%;
    }
    /* =========================
  セレクトフォーム
========================= */
    .select-leading {
        margin-bottom: 9%;
    }
    .select-leading.space-b {
        margin-bottom: 2%;
    }
    .model-plan {
        margin-bottom: 7%;
        padding: 4%;
        background: #F2F9FF;
    }
    .model-plan.space-b {
        margin-bottom: 12%;
    }
    .model-plan:after {
        content: " ";
        display: block;
        clear: both;
    }
    .model-plan .model-select {
        color: #DC3435;
        font-weight: bold;
    }
    .model-plan img {
        display: block;
        float: left;
        width: 21%;
    }
    .model-plan .txt-area {
        margin-left: 25%;
    }
    .model-plan h2 {
        margin-bottom: 2%;
        padding: 0;
        font-size: 4.4vw;
        font-weight: bold;
    }
    .select-area {
        padding-top: 4%;
        border-top: solid 1px #F0F0F0;
    }
    .select-area.t-none {
        padding-top: 0;
    }
    .select-area.space-b {
        margin-bottom: 17%;
    }
    .select-area.space-b02 {
        margin-bottom: 17%;
    }
    .select-area.space-b-sp {
        margin-bottom: 11%;
    }
    .select-area .lead {
        margin-bottom: 2%;
    }
    .select-area .select-area-list {
        display: block;
    }
    .select-area .select-area-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        margin-bottom: 5%;
    }
    .select-area .select-area-list li .txt-area {
        font-weight: bold;
    }
    .select-area .select-area-list li .txt-area .red {
        color: #DC3435;
    }
    .select-area .select-area-list li .txt-area .madori {
        color: #888;
    }
    .select-area .img-area {
        margin-bottom: 2%;
        text-align: center;
    }
    .select-area .img-area img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    .select-area .select-checkbox,
    .select-area .select-radio {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        width: 150px;
        margin-right: 2%;
    }
    .select-area .select-checkbox input,
    .select-area .select-radio input {
        position: absolute;
        left: 0;
        z-index: -1;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    .select-area .select-checkbox label,
    .select-area .select-radio label {
        position: relative;
        display: inline-block;
        width: 148px;
        padding: 28px 0;
        background: #F5E9CF;
        border: solid 2px #F5E9CF;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
        color: #A9894A;
        font-size: 4.4vw;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }
    .select-area .select-checkbox label:before,
    .select-area .select-radio label:before {
        content: "未選択";
    }
    .select-area .select-checkbox input:checked ~ label {
        background: #DC3435;
        color: #fff;
        border: solid 2px #fff;
    }
    .select-area .select-checkbox input:checked ~ label:before {
        content: "選択中";
    }
    .select-area .select-radio input:checked ~ label {
        background: #DC3435;
        color: #fff;
        border: solid 2px #fff;
    }
    .select-area .select-radio input:checked ~ label:before {
        content: "選択中";
    }
    .slect-box {
        display: block;
        width: 100%;
        border: solid 2px #F0F0F0;
    }
    .slect-box.space-b {
        margin-bottom: 11%;
    }
    .slect-box dt {
        width: 100%;
        padding: 6% 6% 1%;
        font-weight: bold;
    }
    .slect-box dt:nth-of-type(n + 2) {
        border-top: solid 2px #F0F0F0;
    }
    .slect-box dd {
        width: 100%;
        padding: 1% 6% 6%;
    }
    .slect-box dd:nth-of-type(n + 2) {
        border-top: solid 2px #F0F0F0;
    }
    .slect-box.flex-sp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .slect-box.flex-sp dt {
        width: 45%;
        padding: 6% 4% 6% 6%;
    }
    .slect-box.flex-sp dt:nth-of-type(n + 2) {
        border-top: solid 2px #F0F0F0;
    }
    .slect-box.flex-sp dd {
        width: 55%;
        padding: 6% 6% 6% 0;
    }
    .slect-box.flex-sp dd:nth-of-type(n + 2) {
        border-top: solid 2px #F0F0F0;
    }
    .plus-minus {
        text-decoration: none;
        vertical-align: middle;
    }
    .forget-pass {
        display: inline-block;
        margin-top: 1%;
        font-size: 3.6vw;
    }
}

/* end SP */
/* ==================================================
  PC用
================================================== */
@media screen and (min-width: 768px), print {
    /* =========================
  共通
    body.height-s-pc {
        height: 100vh;
        min-height: 900px;
    }
    .inner {
        max-width: 888px;
        margin: 0 auto;
        padding: 0 20px;
    }
    a[href^="tel"] {
        color: #333;
        cursor: default;
    }
    a img {
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
    a:hover {
        color: #0066CC;
        -webkit-transition: color .4s ease;
        transition: color .4s ease;
        text-decoration: none;
    }
    a:hover img {
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
    }
    a:hover img:hover {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }
    a:hover img:hover img {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    a:hover img.no-opa:hover {
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    img {
        width: auto;
    }
    .sp {
        display: none !important;
    }
    /* =========================
  ヘッダ
========================= */
    #header {
        position: relative;
        width: 100%;
        background: #fff;
        border-bottom: solid 1px #F0F0F0;
        z-index: 9997;
    }
    #header .header-inner {
        position: relative;
        max-width: 888px;
        margin: 0 auto;
        padding: 16px 20px;
    }
    #header .header-inner:after {
        content: " ";
        display: block;
        clear: both;
    }
    #header .logo {
        float: left;
        display: block;
        width: 130px;
        margin-top: 20px;
        text-decoration: none;
        line-height: 0;
    }
    #header .logo:hover {
        text-decoration: none;
    }
    #header .logo img {
        display: block;
        width: 130px;
        height: 30px;
    }
    #header .nomura-logo {
        float: right;
        display: block;
        width: 211px;
        margin-top: 0;
        text-decoration: none;
        line-height: 0;
    }
    #header .nomura-logo:hover {
        text-decoration: none;
    }
    #header .nomura-logo img {
        width: 215px;
        height: 31px;
        /* for IE 10 11 */
    }
    #header .jv-logo {
        float: left;
        display: block;
        text-decoration: none;
        line-height: 0;
    }
    #header .jv-logo img {
        display: block;
        width: auto;
        height: auto;
        max-width: 650px;
        max-height: 60px;
    }
    /* =========================
  ログアウトリンク
========================= */
    .logout {
        float: right;
        display: inline-block;
        margin: 45px 0 10px 30px;
        color: #A9894A;
        font-size: 0.875rem;
        font-weight: bold;
        text-align: right;
        text-decoration: underline;
    }
    .logout:hover {
        text-decoration: none;
    }
    /* =========================
  フッタ
========================= */
    #footer {
        /* 物件概要用
  ---------------*/
    }
    #footer .executive-office {
        padding: 17px 20px 17px 108px;
        background: #F0F0F0;
        font-size: 0.75rem;
    }
    #footer .executive-office a {
        color: #A9894A;
        text-decoration: underline;
        text-decoration: underline;
    }
    #footer .executive-office a:hover {
        text-decoration: none;
    }
    #footer .footer-bottom {
        padding: 70px 20px 70px;
        border-top: solid 1px #F0F0F0;
        text-align: center;
        line-height: 0;
    }
    #footer .footer-bottom a {
        display: inline-block;
    }
    #footer .footer-bottom a img {
        width: 269px;
        height: 40px;
        /* for IE 10 11 */
    }
    #footer .copyright {
        display: block;
        padding: 18px 20px;
        border-top: solid 1px #F0F0F0;
        color: #bbb;
        font-size: 0.625rem;
        text-align: center;
    }
    #footer .seller {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 0 0 100px;
        font-size: 0.875rem;
        text-align: left;
    }
    #footer .seller dt {
        margin-right: 20px;
        font-weight: bold;
    }
    #footer .seller dd img {
        display: block;
        margin: 8px 0 3px;
    }
    #footer .seller dd .address {
        font-size: 0.75rem;
    }
    /* 天地が短いページでのフッタ一調整用
---------------*/
    body.height-s-pc #footer {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
    }
    /* =========================
  pagetop
========================= */
    .pagetop {
        text-align: right;
    }
    .pagetop a {
        color: #333;
    }
    .pagetop a:hover {
        text-decoration: underline;
    }
    .pagetop span {
        padding-left: 15px;
        position: relative;
        /* padding-left: 35px; */
    }
    .pagetop span:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 0px;
        /* margin: auto; */
        margin: 3px 0 0;
        border-right: 3px solid #A9894A;
        border-bottom: 3px solid #A9894A;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    /* =========================
ステップ
========================= */
    .step img {
        max-width: 338px;
        max-height: 24px;
    }
    /* =========================
PROUDCLUBのロゴ

========================= */
    .top-logo {
        max-width: 120px;
        max-height: 48px;
    }
    /* =========================
  アイコン
========================= */
    .cmn-icon {
        position: relative;
        display: inline-block;
        text-decoration: none;
    }
    .cmn-icon:before {
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-icon:hover {
        text-decoration: none;
    }
    .cmn-icon.log-out {
        background: url(/module/images/icon_logout.png) no-repeat left top;
        background-size: 19px auto;
        width: 19px;
        height: 15px;
        margin-right: 4px;
        vertical-align: -2px;
        /*
    &:before {
      content: "\e906";
      font-size: 16px;
      line-height: 16px;
      color: $color_white;
    }
    */
    }
    .cmn-icon.plus {
        background: url(/module/images/icon_plus.png) no-repeat left top;
        background-size: 23px auto;
        width: 23px;
        height: 23px;
        margin-left: 6px;
        vertical-align: middle;
    }
    .cmn-icon.minus {
        background: url(/module/images/icon_minus.png) no-repeat left top;
        background-size: 23px auto;
        width: 23px;
        height: 23px;
        margin-left: 6px;
        vertical-align: middle;
    }
    /* =========================
  main
========================= */
    #main {
        padding-bottom: 120px;
    }
    #main.outline {
        padding-bottom: 60px;
    }
    #main.reservation {
        padding-bottom: 140px;
    }
    #main.select {
        padding-bottom: 80px;
    }
    /* =========================
  タイトル
========================= */
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
        margin-bottom: 15px;
        font-family: inherit;
        font-weight: normal;
        line-height: 1.2;
        color: inherit;
        font-weight: bold;
    }
    h1, .h1 {
        margin-bottom: 15px;
        padding-top: 30px;
        font-size: 1.5rem;
        text-align: left;
    }
    h1.space-t, .h1.space-t {
        padding-top: 60px;
    }
    h1.space-t02, .h1.space-t02 {
        padding-top: 55px;
    }
    h1.space-t03, .h1.space-t03 {
        padding-top: 55px;
    }
    h1.space-t04, .h1.space-t04 {
        padding-top: 45px;
    }
    h1.space-b, .h1.space-b {
        margin-bottom: 55px;
    }
    h1.space-b02, .h1.space-b02 {
        margin-bottom: 30px;
    }
    h1.space-b03, .h1.space-b03 {
        margin-bottom: 30px;
    }
    h1.space-b04, .h1.space-b04 {
        margin-bottom: 40px;
    }
    h1.surv, .h1.surv {
        margin: 0 0 15px;
        padding: 0 0 32px;
        border-bottom: solid 1px #F0F0F0;
        font-size: 1.5rem;
    }
    h1.surv .sub, .h1.surv .sub {
        display: block;
        margin: 25px 0 -10px;
        color: #696969;
        font-size: 0.75rem;
        font-weight: normal;
    }
    h1.surv.border-b-none, .h1.surv.border-b-none {
        border-bottom: none;
    }
    h1.surv.space-b, .h1.surv.space-b {
        margin-bottom: 30px;
    }
    h1.surv.space-b-s, .h1.surv.space-b-s {
        padding-bottom: 17px;
    }
    h1 img, .h1 img {
        display: inline-block;
        margin-right: 18px;
        vertical-align: middle;
    }
    h2, .h2 {
        font-size: 1.125rem;
    }
    h2.space-t, .h2.space-t {
        margin-top: 55px;
    }
    h2.space-t02, .h2.space-t02 {
        margin-top: 25px;
    }
    h2.space-l, .h2.space-l {
        margin-left: 24px;
    }
    h2.space-b, .h2.space-b {
        margin-bottom: 30px;
    }
    h2.space-b02, .h2.space-b02 {
        margin-bottom: 10px;
    }
    h2.space-b03, .h2.space-b03 {
        margin-bottom: 15px;
    }
    h2.border-b, .h2.border-b {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #F0F0F0;
    }
    h2.border-b02, .h2.border-b02 {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: solid 1px #F0F0F0;
    }
    h2.none, .h2.none {
        margin-bottom: 0;
    }
    h2.surv, .h2.surv {
        padding: 0 0 20px;
        border-bottom: solid 2px #A9894A;
        font-size: 1.125rem;
        font-weight: bold;
    }
    h2 .link, .h2 .link {
        float: right;
        display: inline-block;
        margin-top: 2px;
        padding-left: 15px;
        color: #333;
        text-decoration: none;
        font-size: 0.75rem;
        font-weight: normal;
        position: relative;
        /* padding-left: 29px; */
    }
    h2 .link:after, .h2 .link:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 0px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 3px solid #A9894A;
        border-bottom: 3px solid #A9894A;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
    }
    h2 .link:hover, .h2 .link:hover {
        text-decoration: underline;
    }
    h3, .h3 {
        font-size: 1.375rem;
    }
    h3.resv, .h3.resv {
        font-size: 1.125rem;
        line-height: 1.6;
    }
    h4, .h4 {
        margin-bottom: 5px;
        font-size: 1rem;
    }
    h4.resv, .h4.resv {
        margin-bottom: 15px;
        font-size: 1.125rem;
        line-height: 1.6;
    }
    h5, .h5 {
        font-size: 1.125rem;
    }
    h6, .h6 {
        font-size: 1rem;
    }
    /* =========================
  ボタン
========================= */
    .cmn-btn {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        display: inline-block;
        margin: 0;
        padding: 15px 23px;
        background: #A9894A;
        border: none;
        border-radius: 3px;
        color: #fff;
        font-size: 0.875rem;
        font-weight: normal;
        text-align: center;
        line-height: 1.2;
        cursor: pointer;
        text-decoration: none;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn:hover {
        color: #fff;
        text-decoration: none;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
    }
    .cmn-btn:hover:hover {
        opacity: 0.7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }
    .cmn-btn:hover:hover img {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .cmn-btn:hover.no-opa:hover {
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .cmn-btn:disabled {
        background: #F0F0F0;
        cursor: default;
    }
    .cmn-btn:disabled:hover {
        opacity: 1.0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .cmn-btn.b-shadow {
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
    }
    .cmn-btn.space-l {
        margin-left: 10px;
    }
    .cmn-btn.arrow-right {
        position: relative;
        /* padding-right: 29px; */
    }
    .cmn-btn.arrow-right:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 10px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
    }
    .cmn-btn.arrow-right-inline span {
        padding-right: 12px;
        position: relative;
        /* padding-right: 29px; */
    }
    .cmn-btn.arrow-right-inline span:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 0px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 9px;
        height: 9px;
    }
    .cmn-btn.arrow-left {
        position: relative;
        /* padding-left: 30px; */
    }
    .cmn-btn.arrow-left:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 15px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-60%) rotate(-45deg);
        -ms-transform: translateY(-60%) rotate(-45deg);
        transform: translateY(-60%) rotate(-45deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
    }
    .cmn-btn.arrow-back {
        position: relative;
        /* padding-left: 30px; */
    }
    .cmn-btn.arrow-back:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        left: 15px;
        /* margin: auto; */
        margin: 1px 0 0;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-60%) rotate(45deg);
        -ms-transform: translateY(-60%) rotate(45deg);
        transform: translateY(-60%) rotate(45deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
    }
    .cmn-btn.arrow-down {
        position: relative;
        /* padding-right: 36px; */
    }
    .cmn-btn.arrow-down:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 15px;
        /* margin: auto; */
        margin: -3px 0 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.arrow-up {
        position: relative;
        /* padding-right: 36px; */
    }
    .cmn-btn.arrow-up:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: 15px;
        /* margin: auto; */
        margin: 3px 0 0;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        /* vertical-align: middle; */
        width: 10px;
        height: 10px;
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.arrow-down-cir {
        position: relative;
    }
    .cmn-btn.arrow-down-cir:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin: 0;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cmn-btn.arrow-down-cir:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        margin: -1px 0 0;
        width: 8px;
        height: 8px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.arrow-up-cir {
        position: relative;
    }
    .cmn-btn.arrow-up-cir:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 15px;
        margin: 0;
        width: 18px;
        height: 18px;
        background: #fff;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cmn-btn.arrow-up-cir:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        right: 20px;
        margin: 2px 0 0;
        width: 8px;
        height: 8px;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        -webkit-transform: translateY(-50%) rotate(-135deg);
        -ms-transform: translateY(-50%) rotate(-135deg);
        transform: translateY(-50%) rotate(-135deg);
        -webkit-transition: 0.4s;
        transition: 0.4s;
    }
    .cmn-btn.login {
        margin-left: 10px;
    }
    .cmn-btn.border {
        width: 117px;
        padding: 12px 0 13px;
        background: #F0F0F0;
        border: solid 1px #333;
        color: #333;
        font-size: 1rem;
    }
    .cmn-btn.border.space-l {
        margin-left: 5px;
    }
    .cmn-btn.border.space-l02 {
        margin-left: 7px;
    }
    .cmn-btn.large {
        padding: 25px 32px;
        font-size: 1.125rem;
        font-weight: bold;
    }
    .cmn-btn.wide {
        width: 352px;
    }
    .cmn-btn.wide.space-l {
        margin-left: 110px;
    }
    .cmn-btn.wide.space-l02 {
        margin-left: 145px;
    }
    .cmn-btn.wide.space-l03 {
        margin-left: 65px;
    }
    .cmn-btn.wide.space-l04 {
        margin-left: 40px;
    }
    .cmn-btn.wide.space-l05 {
        margin-left: 20px;
    }
    .cmn-btn.wide.space-t {
        margin-top: 60px;
    }
    .cmn-btn.back {
        padding: 12px 9px;
        background: #F0F0F0;
        border: solid 1px #A9A9A9;
        color: #333;
        font-size: 1rem;
        font-weight: normal;
    }
    .cmn-btn.back.space-l {
        margin-left: 30px;
    }
    .cmn-btn.back.fix-w {
        width: 116px;
    }
    .cmn-btn.back02 {
        padding: 24px 23px;
        background: #F0F0F0;
        border: solid 1px #A9A9A9;
        color: #333;
        font-size: 1.125rem;
        font-weight: bold;
    }
    .cmn-btn.black {
        background: #333;
    }
    .cmn-btn.kojin {
        display: block;
        width: 351px;
        margin: 0 auto 60px;
        padding: 13px 23px;
        background-color: transparent;
        border: solid 1px #DC3435;
        color: #DC3435;
        font-size: 1rem;
        font-weight: bold;
    }
    .cmn-btn.kojin.none {
        margin-bottom: 0;
    }
    /* =========================
  メイン画像
========================= */
    .main-area {
        line-height: 0;
    }
    .main-area.space-t {
        margin-top: 60px;
    }
    .main-area.space-b {
        margin-bottom: 30px;
    }
    /* =========================
  ステップ
========================= */
    .step-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    .step-wrap.jcfe {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .step-wrap h2 {
        line-height: 1.6;
    }
    .step {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        line-height: 0;
        text-align: center;
    }
    .step img {
        width: 338px;
    }
    /* =========================
  共通ボックス
========================= */
    .cmn-box {
        padding: 20px 24px;
        border: solid 1px #A9894A;
    }
    .cmn-box.gray {
        border: solid 2px #F0F0F0;
    }
    .cmn-box.bg-gray {
        background: #F0F0F0;
        border: none;
    }
    .cmn-box.space-t {
        margin-top: 20px;
    }
    .cmn-box.space-t02 {
        margin-top: 35px;
    }
    .cmn-box.space-b {
        margin-bottom: 60px;
    }
    .cmn-box.space-b02 {
        margin-bottom: 35px;
    }
    .cmn-box.space-b03 {
        margin-bottom: 45px;
    }
    .cmn-box.space-b04 {
        margin-bottom: 30px;
    }
    .cmn-box.space-b05 {
        margin-bottom: 80px;
    }
    .cmn-box.flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .cmn-box-btn {
        margin-top: 15px;
    }
    /* =========================
  物件情報
========================= */
    .property-info {
        margin-bottom: 30px;
    }
    .property-info li:before {
        content: '-';
        padding-right: 5px;
    }
    /* =========================
  フレックス定義リスト
========================= */
    .flex-dl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .flex-dl dt {
        width: 199px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        font-weight: bold;
    }
    .flex-dl dt img {
        max-width: 110px;
    }
    .flex-dl dd {
        width: 100%;
    }
    .flex-dl input, .flex-dl select {
        vertical-align: top;
    }
    .flex-dl.fwn dt {
        padding-right: 45px;
        font-weight: normal;
    }
    /* =========================
  補足
========================= */
    .sup {
        margin-top: 5px;
        color: #696969;
        font-size: 0.75rem;
    }
    .sup li a {
        color: #A9894A;
        text-decoration: underline;
    }
    .sup li a:hover {
        text-decoration: none;
    }
    /* =========================
  フォーム部品
========================= */
    .form-area {
        /* ラジオボタン・チェックボックス内包テーブル
  ---------------*/
        /* 予約フォームテーブル
  ---------------*/
        /* マトリクス
  ---------------*/
    }
    .form-area .form-inner {
        display: inline-block;
        width: 200px;
        margin-right: 5px;
    }
    .form-area table {
        width: 100%;
        table-layout: fixed;
        margin-bottom: 20px;
        border-top: none;
        border-left: none;
    }
    .form-area table.none {
        margin-bottom: 0;
    }
    .form-area table.space-b {
        margin-bottom: 60px;
    }
    .form-area table.space-b02 {
        margin-bottom: 35px;
    }
    .form-area th,
    .form-area td {
        padding: 0;
        border-right: none;
        border-bottom: solid 1px #F0F0F0;
        text-align: left;
        vertical-align: top;
    }
    .form-area th .vertical,
    .form-area td .vertical {
        display: block;
        width: 1em;
        margin: 0 auto;
    }
    .form-area th {
        position: relative;
        width: 226px;
        padding: 20px 60px 20px 24px;
        background: #fff;
        font-weight: bold;
    }
    .form-area th.r-none {
        padding-right: 0;
    }
    .form-area td {
        padding: 20px 24px 20px 0;
    }
    .form-area td sup {
        font-size: 0.625rem;
        vertical-align: super;
    }
    .form-area td .red {
        color: #DC3435;
    }
    .form-area td .strong {
        font-weight: bold;
    }
    .form-area tr:first-of-type th,
    .form-area tr:first-of-type td {
        border-top: solid 1px #F0F0F0;
    }
    .form-area tr.border-b-none th,
    .form-area tr.border-b-none td {
        border-bottom: none;
    }
    .form-area tr.b-none th,
    .form-area tr.b-none td {
        padding-bottom: 0;
    }
    .form-area .table-wrap {
        width: 100%;
        overflow-x: auto;
    }
    .form-area table.inc-radio {
        table-layout: fixed;
        width: auto;
        margin-bottom: 0;
        border-top: none;
        border-left: none;
    }
    .form-area table.inc-radio th,
    .form-area table.inc-radio td {
        padding: 0;
        border-right: none;
        border-bottom: none;
        text-align: left;
        vertical-align: middle;
    }
    .form-area table.inc-radio th {
        position: relative;
        width: 177px;
        min-width: 177px;
        padding: 10px 10px;
        background: #F0F0F0;
        font-weight: normal;
        text-align: center;
    }
    .form-area table.inc-radio th:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 2px;
        height: 100%;
        background: #fff;
    }
    .form-area table.inc-radio th:last-of-type:after {
        display: none;
    }
    .form-area table.inc-radio th.norm {
        background-color: transparent;
        font-weight: bold;
        text-align: left;
    }
    .form-area table.inc-radio th.norm:after {
        display: none;
    }
    .form-area table.inc-radio td {
        width: 177px;
        min-width: 177px;
        padding: 10px 10px;
        text-align: center;
    }
    .form-area table.inc-radio td .custom-radio label,
    .form-area table.inc-radio td .custom-checkbox label {
        height: 22px;
        padding-left: 18px;
    }
    .form-area table.inc-radio tr:first-of-type th,
    .form-area table.inc-radio tr:first-of-type td {
        border-top: none;
    }
    .form-area table.inc-radio.border-b th,
    .form-area table.inc-radio.border-b td {
        width: 123px;
        min-width: 123px;
        border-bottom: solid 2px #bbb;
    }
    .form-area table.inc-radio.border-b tr:first-of-type th {
        border-bottom: none;
    }
    .form-area table.inc-radio.both-side th:first-of-type, .form-area table.inc-radio.both-side th:last-of-type {
        font-weight: bold;
        text-align: left;
    }
    .form-area table.day-select-tbl {
        table-layout: fixed;
        width: auto;
        min-width: 100%;
        margin-bottom: 15px;
        border-top: none;
        border-left: none;
    }
    .form-area table.day-select-tbl th,
    .form-area table.day-select-tbl td {
        padding: 0;
        border-right: solid 2px #bbb;
        border-bottom: solid 2px #bbb;
        text-align: left;
        vertical-align: middle;
    }
    .form-area table.day-select-tbl th {
        position: relative;
        width: 131px;
        min-width: 131px;
        padding: 10px 10px;
        background: #F0F0F0;
        font-weight: normal;
        text-align: center;
    }
    .form-area table.day-select-tbl th:after {
        content: "";
        position: absolute;
        top: 0;
        right: -1px;
        display: block;
        width: 2px;
        height: 100%;
        background: #fff;
        z-index: 10;
    }
    .form-area table.day-select-tbl th:last-of-type:after {
        display: none;
    }
    .form-area table.day-select-tbl td {
        position: relative;
        width: 131px;
        min-width: 131px;
        padding: 12px 12px;
        text-align: center;
    }
    .form-area table.day-select-tbl td:first-of-type {
        /* text-align: left; */
        font-weight: bold;
    }
    .form-area table.day-select-tbl td:last-of-type {
        border-right: none;
    }
    .form-area table.day-select-tbl td.none {
        font-size: 1.25rem;
    }
    .form-area table.day-select-tbl td.tel {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.tel:before {
        content: "TEL";
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        color: #696969;
        font-size: 1.125rem;
        font-weight: bold;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        text-indent: 0;
    }
    .form-area table.day-select-tbl td.ok {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.ok:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        width: 19px;
        height: 19px;
        pointer-events: none;
        background-color: transparent;
        border: solid 3px #A9894A;
        border-radius: 50%;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .form-area table.day-select-tbl td.ok.selected {
        background: #2676FA;
    }
    .form-area table.day-select-tbl td.ok.selected:before {
        border: solid 3px #fff;
    }
    .form-area table.day-select-tbl td.little {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.little:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: transparent;
        width: 24px;
        height: 18px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 12px transparent;
        border-right: solid 12px transparent;
        border-bottom: solid 18px #A9894A;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .form-area table.day-select-tbl td.little:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: transparent;
        width: 14px;
        height: 10px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 7px transparent;
        border-right: solid 7px transparent;
        border-bottom: solid 10px #fff;
        -webkit-transform: translateX(-50%) translateY(-37%);
        -ms-transform: translateX(-50%) translateY(-37%);
        transform: translateX(-50%) translateY(-37%);
    }
    .form-area table.day-select-tbl td.little.selected {
        background: #2676FA;
    }
    .form-area table.day-select-tbl td.little.selected:before {
        border-bottom: solid 18px #fff;
    }
    .form-area table.day-select-tbl td.little.selected:after {
        border-bottom: solid 10px #2676FA !important;
    }
    .form-area table.day-select-tbl td.full {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.full:before, .form-area table.day-select-tbl td.full:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #696969;
        width: 20px;
        height: 2px;
    }
    .form-area table.day-select-tbl td.full:before {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
        transform: translateX(-50%) translateY(-50%) rotate(45deg);
    }
    .form-area table.day-select-tbl td.full:after {
        -webkit-transform: translateX(-50%) translateY(-50%) rotate(135deg);
        -ms-transform: translateX(-50%) translateY(-50%) rotate(135deg);
        transform: translateX(-50%) translateY(-50%) rotate(135deg);
    }
    .form-area table.day-select-tbl td.none {
        text-indent: -9999px;
    }
    .form-area table.day-select-tbl td.none:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: block;
        background-color: #333;
        width: 10px;
        height: 1px;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
    .form-area table.day-select-tbl tr:first-of-type th,
    .form-area table.day-select-tbl tr:first-of-type td {
        border-right: none;
        border-bottom: solid 2px #bbb;
        border-top: none;
    }
    .form-area table.day-select-tbl tr.sat td {
        background: #F5F9FF;
    }
    .form-area table.day-select-tbl tr.sat td:first-of-type span {
        color: #1655B9;
    }
    .form-area table.day-select-tbl tr.sat td.little:after {
        border-bottom: solid 10px #F5F9FF;
    }
    .form-area table.day-select-tbl tr.holiday td {
        background: #FFF4F4;
    }
    .form-area table.day-select-tbl tr.holiday td:first-of-type span {
        color: #DC3435;
    }
    .form-area table.day-select-tbl tr.holiday td.little:after {
        border-bottom: solid 10px #FFF4F4;
    }
    .form-area table.matrix {
        table-layout: fixed;
        width: 100%;
        /* 3：7 */
        /* 4：6 */
        /* 5：5 */
        /* 6：4 */
        /* 7：3 */
        /* 1：8：1 */
        /* 1.5：7：1.5 */
        /* 2：6：2 */
        /* 3：4：3 */
    }
    .form-area table.matrix th {
        width: auto;
        min-width: auto;
    }
    .form-area table.matrix td {
        width: auto;
        min-width: auto;
    }
    .form-area table.matrix.border-b th,
    .form-area table.matrix.border-b td {
        width: auto;
        min-width: auto;
    }
    .form-area table.matrix.m3-7 th:first-of-type,
    .form-area table.matrix.m3-7 td:first-of-type {
        width: 30%;
    }
    .form-area table.matrix.m4-6 th:first-of-type,
    .form-area table.matrix.m4-6 td:first-of-type {
        width: 40%;
    }
    .form-area table.matrix.m5-5 th:first-of-type,
    .form-area table.matrix.m5-5 td:first-of-type {
        width: 50%;
    }
    .form-area table.matrix.m6-4 th:first-of-type,
    .form-area table.matrix.m6-4 td:first-of-type {
        width: 60%;
    }
    .form-area table.matrix.m7-3 th:first-of-type,
    .form-area table.matrix.m7-3 td:first-of-type {
        width: 70%;
    }
    .form-area table.matrix.m1-8-1 th:first-of-type,
    .form-area table.matrix.m1-8-1 td:first-of-type {
        width: 10%;
    }
    .form-area table.matrix.m1-8-1 th:last-of-type,
    .form-area table.matrix.m1-8-1 td:last-of-type {
        width: 10%;
    }
    .form-area table.matrix.m15-7-15 th:first-of-type,
    .form-area table.matrix.m15-7-15 td:first-of-type {
        width: 15%;
    }
    .form-area table.matrix.m15-7-15 th:last-of-type,
    .form-area table.matrix.m15-7-15 td:last-of-type {
        width: 15%;
    }
    .form-area table.matrix.m2-6-2 th:first-of-type,
    .form-area table.matrix.m2-6-2 td:first-of-type {
        width: 20%;
    }
    .form-area table.matrix.m2-6-2 th:last-of-type,
    .form-area table.matrix.m2-6-2 td:last-of-type {
        width: 20%;
    }
    .form-area table.matrix.m3-4-3 th:first-of-type,
    .form-area table.matrix.m3-4-3 td:first-of-type {
        width: 30%;
    }
    .form-area table.matrix.m3-4-3 th:last-of-type,
    .form-area table.matrix.m3-4-3 td:last-of-type {
        width: 30%;
    }
    .form-area h3 {
        margin: 14px 0 7px;
        padding: 12px 10px;
        background: #F0F0F0;
        font-size: 1rem;
        font-weight: normal;
    }
    .form-area h3.t-none {
        margin-top: 0;
    }
    .form-area h3.norm {
        margin: 0 0 5px;
        padding: 0;
        background-color: transparent;
        font-weight: bold;
    }
    .form-area h3.norm.space-t {
        margin-top: 25px;
    }
    .form-area h3.norm.space-b {
        margin-bottom: 10px;
    }
    .form-area h3.surv {
        margin: 0 0 15px;
        padding: 0;
        background-color: transparent;
    }
    .form-area h3.surv .red {
        display: block;
        margin-top: 5px;
        color: #DC3435;
    }
    .form-area p.space-t {
        margin-top: 5px;
    }
    .form-area p.space-t02 {
        margin-top: 15px;
    }
    .form-area p.space-b {
        margin-bottom: 5px;
    }
    .form-area p.space-b02 {
        margin-bottom: 25px;
    }
    .form-area p.space-b03 {
        margin-bottom: 10px;
    }
    .form-area p a {
        color: #A9894A;
        text-decoration: underline;
    }
    .form-area p a:hover {
        text-decoration: none;
    }
    .form-area a.to-kiyaku {
        display: inline-block;
        margin-bottom: 13px;
        color: #A9894A;
        text-decoration: underline;
    }
    .form-area a.to-kiyaku:hover {
        text-decoration: none;
    }
    .form-area a.to-kiyaku02 {
        color: #A9894A;
        text-decoration: underline;
    }
    .form-area a.to-kiyaku02:hover {
        text-decoration: none;
    }
    .form-area .thumb-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .form-area .thumb-list-inner {
        width: 48%;
    }
    .form-area .thumb-list-inner:after {
        content: " ";
        display: block;
        clear: both;
    }
    .form-area .thumb-list h3 {
        margin-bottom: 12px;
    }
    .form-area .thumb-list h3 .custom-checkbox label {
        width: 100%;
    }
    .form-area .thumb-list h3 .custom-checkbox label:before {
        top: 1px;
    }
    .form-area .thumb-list h3 .custom-checkbox label:after {
        top: 3px;
    }
    .form-area .thumb-list img {
        float: left;
        width: 139px;
        margin-right: 8px;
    }
    .form-area .thumb-list p {
        margin-left: 147px;
    }
    .form-area .thumb-list.col-one {
        display: block;
    }
    .form-area .thumb-list.col-one .thumb-list-inner {
        width: 100%;
    }
    .form-area .thumb-list.col-one .thumb-list-inner:first-of-type h3 {
        margin-top: 0;
    }
    .form-area .must {
        display: block;
        width: 32px;
        margin-top: 3px;
        padding: 2px 4px 3px;
        background: #DC3435;
        border-radius: 3px;
        color: #fff;
        font-size: 0.75rem;
        font-weight: normal;
        /* vertical-align: 1px; */
        line-height: 1.0;
        text-align: center;
    }
    .form-area .required {
        /* background-color: $color_red; */
    }
    .form-area input[type="text"],
    .form-area input[type="email"],
    .form-area input[type="password"],
    .form-area input[type="tel"],
    .form-area textarea {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        display: inline-block;
        width: 100%;
        padding: 9px 10px 10px 10px;
        background-color: #fff;
        font-size: 1rem;
        color: #333;
        line-height: 1.6;
        border: 1px solid #A9A9A9;
        border-radius: 3px;
    }
    .form-area input[type="text"]:focus,
    .form-area input[type="email"]:focus,
    .form-area input[type="password"]:focus,
    .form-area input[type="tel"]:focus,
    .form-area textarea:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .form-area input[type="text"]:placeholder-shown,
    .form-area input[type="email"]:placeholder-shown,
    .form-area input[type="password"]:placeholder-shown,
    .form-area input[type="tel"]:placeholder-shown,
    .form-area textarea:placeholder-shown {
        color: #bbb;
    }
    .form-area input[type="text"]::-webkit-input-placeholder,
    .form-area input[type="email"]::-webkit-input-placeholder,
    .form-area input[type="password"]::-webkit-input-placeholder,
    .form-area input[type="tel"]::-webkit-input-placeholder,
    .form-area textarea::-webkit-input-placeholder {
        color: #bbb;
    }
    .form-area input[type="text"]:-moz-placeholder,
    .form-area input[type="email"]:-moz-placeholder,
    .form-area input[type="password"]:-moz-placeholder,
    .form-area input[type="tel"]:-moz-placeholder,
    .form-area textarea:-moz-placeholder {
        color: #bbb;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .form-area input[type="text"]::-moz-placeholder,
    .form-area input[type="email"]::-moz-placeholder,
    .form-area input[type="password"]::-moz-placeholder,
    .form-area input[type="tel"]::-moz-placeholder,
    .form-area textarea::-moz-placeholder {
        color: #bbb;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    .form-area input[type="text"]:-ms-input-placeholder,
    .form-area input[type="email"]:-ms-input-placeholder,
    .form-area input[type="password"]:-ms-input-placeholder,
    .form-area input[type="tel"]:-ms-input-placeholder,
    .form-area textarea:-ms-input-placeholder {
        color: #bbb;
    }
    .form-area input[type="text"].small,
    .form-area input[type="email"].small,
    .form-area input[type="password"].small,
    .form-area input[type="tel"].small,
    .form-area textarea.small {
        width: 64px;
    }
    .form-area input[type="text"].small02,
    .form-area input[type="email"].small02,
    .form-area input[type="password"].small02,
    .form-area input[type="tel"].small02,
    .form-area textarea.small02 {
        width: 100px;
    }
    .form-area input[type="text"].small03,
    .form-area input[type="email"].small03,
    .form-area input[type="password"].small03,
    .form-area input[type="tel"].small03,
    .form-area textarea.small03 {
        width: 146px;
    }
    .form-area input[type="text"].middle,
    .form-area input[type="email"].middle,
    .form-area input[type="password"].middle,
    .form-area input[type="tel"].middle,
    .form-area textarea.middle {
        width: 200px;
    }
    .form-area input[type="text"].middle02,
    .form-area input[type="email"].middle02,
    .form-area input[type="password"].middle02,
    .form-area input[type="tel"].middle02,
    .form-area textarea.middle02 {
        width: 254px;
    }
    .form-area input[type="text"].middle03,
    .form-area input[type="email"].middle03,
    .form-area input[type="password"].middle03,
    .form-area input[type="tel"].middle03,
    .form-area textarea.middle03 {
        width: 410px;
    }
    .form-area input[type="text"].large,
    .form-area input[type="email"].large,
    .form-area input[type="password"].large,
    .form-area input[type="tel"].large,
    .form-area textarea.large {
        width: 600px;
    }
    .form-area input[type="text"].vat,
    .form-area input[type="email"].vat,
    .form-area input[type="password"].vat,
    .form-area input[type="tel"].vat,
    .form-area textarea.vat {
        vertical-align: top;
    }
    .form-area textarea {
        min-height: 170px;
    }
    .form-area select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
        width: 100%;
        height: auto;
        padding: 9px 20px 10px 10px;
        color: #333;
        font-size: 1rem;
        line-height: 1.6;
        background: url(/module/images/icon_select.png) no-repeat right 6px center;
        background-size: 8px auto;
        background-color: #fff;
        border: 1px solid #333;
        border-radius: 3px;
        vertical-align: middle;
        cursor: pointer;
    }
    .form-area select.required {
        /* background-color: $color_red; */
    }
    .form-area select:focus {
        border-color: #80bdff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
    }
    .form-area select.small {
        width: 64px;
    }
    .form-area select.small02 {
        width: 100px;
    }
    .form-area select.small03 {
        width: 146px;
    }
    .form-area select.middle {
        width: 200px;
    }
    .form-area select.middle02 {
        width: 254px;
    }
    .form-area select.middle03 {
        width: 410px;
    }
    .form-area select::-ms-expand {
        /* 矢印非表示 for IE */
        display: none;
    }
    .form-area .input-wrap {
        display: block;
        margin-top: 15px;
    }
    .form-area .label-txt {
        display: block;
        margin: 10px 0 2px;
        font-size: 0.75rem;
    }
    .form-area .label-txt.t-none {
        margin-top: 0;
    }
    .form-area .pre-txt {
        display: inline-block;
        margin: 0 5px 0 0;
    }
    .form-area .post-txt {
        display: inline-block;
        margin: 0 5px 0 5px;
    }
    .form-area input[type="button"],
    .form-area input[type="submit"],
    .form-area button {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        font-family: inherit;
    }
    .form-area input[type="radio"],
    .form-area input[type="checkbox"] {
        box-sizing: border-box;
        padding: 0;
    }
    .form-area .custom-checkbox,
    .form-area .custom-radio {
        position: relative;
    }
    .form-area .custom-checkbox.border-t,
    .form-area .custom-radio.border-t {
        padding-top: 10px;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .custom-checkbox input,
    .form-area .custom-radio input {
        position: absolute;
        left: 10px;
        z-index: -1;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    .form-area .custom-checkbox label,
    .form-area .custom-radio label {
        position: relative;
        display: inline-block;
        padding-left: 24px;
        font-size: 1rem;
        cursor: pointer;
    }
    .form-area .custom-checkbox label .sub,
    .form-area .custom-radio label .sub {
        display: block;
        color: #696969;
        font-size: 0.75rem;
    }
    .form-area .custom-checkbox label:before {
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        display: block;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        pointer-events: none;
        background: #fff;
        border: solid 1px #A9A9A9;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border-radius: 3px;
        /* vertical-align: middle; */
    }
    .form-area .custom-checkbox label:after {
        display: none;
        content: "";
        position: absolute;
        top: 6px;
        left: 5px;
        width: 7px;
        height: 11px;
        margin: auto;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        /* vertical-align: middle; */
    }
    .form-area .custom-checkbox input:checked ~ label:before {
        background-color: #2676FA;
        border: solid 1px #2676FA;
    }
    .form-area .custom-checkbox input:checked ~ label:after {
        display: block;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .form-area .custom-radio label:before {
        display: block;
        content: "";
        position: absolute;
        top: 4px;
        left: 0;
        width: 18px;
        height: 18px;
        margin-right: 5px;
        pointer-events: none;
        background: #fff;
        border: solid 1px #A9A9A9;
        border-radius: 50%;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        /* vertical-align: middle; */
    }
    .form-area .custom-radio label:after {
        display: block;
        content: "";
        position: absolute;
        top: 8px;
        left: 4px;
        width: 10px;
        height: 10px;
        margin: auto;
        background: #F0F0F0;
        border-radius: 50%;
        /* vertical-align: middle; */
    }
    .form-area .custom-radio input:checked ~ label:after {
        display: block;
        background: #2676FA;
    }
    .form-area .col-inline {
        padding-left: 10px;
    }
    .form-area .col-inline.space-b {
        margin-bottom: 10px;
    }
    .form-area .col-inline.no-indent {
        padding-left: 0;
    }
    .form-area .col-inline .custom-checkbox,
    .form-area .col-inline .custom-radio {
        display: inline-block;
        margin-right: 18px;
    }
    .form-area .col1 {
        padding-left: 10px;
    }
    .form-area .col1.space-b {
        margin-bottom: 25px;
    }
    .form-area .col1.no-indent {
        padding-left: 0;
    }
    .form-area .col1 .custom-checkbox,
    .form-area .col1 .custom-radio {
        display: inline-block;
        width: 100%;
        margin: 5px 0;
    }
    .form-area .col1-half {
        padding-left: 10px;
    }
    .form-area .col1-half .custom-checkbox,
    .form-area .col1-half .custom-radio {
        display: block;
        width: 45%;
        margin: 5px 0;
    }
    .form-area .col2 {
        padding-left: 10px;
    }
    .form-area .col2 .custom-checkbox,
    .form-area .col2 .custom-radio {
        display: inline-block;
        width: 49%;
        margin: 5px 0;
        vertical-align: top;
    }
    .form-area .col2 .custom-checkbox label,
    .form-area .col2 .custom-radio label {
        padding-right: 10px;
    }
    .form-area .col3 {
        padding-left: 10px;
    }
    .form-area .col3 .custom-checkbox,
    .form-area .col3 .custom-radio {
        display: inline-block;
        width: 32%;
        margin: 5px 0;
        vertical-align: top;
    }
    .form-area .col3 .custom-checkbox label,
    .form-area .col3 .custom-radio label {
        padding-right: 10px;
    }
    .form-area input[type="text"].error,
    .form-area input[type="email"].error,
    .form-area input[type="password"].error,
    .form-area input[type="tel"].error,
    .form-area textarea.error,
    .form-area select.error {
        background: #FCEFF0;
        border: solid 1px #DC3435;
    }
    .form-area select.error {
        background: url(/module/images/icon_select.png) no-repeat right 6px center;
        background-size: 8px auto;
        background-color: #FCEFF0;
    }
    .form-area .error-box {
        margin: 0 0 5px;
        color: #DC3435;
        font-size: 1rem;
        font-weight: bold;
    }
    .form-area .error-box.small {
        margin: 10px 0 -8px;
    }
    .form-area .notice-box {
        margin: 10px 0 10px;
        color: #DC3435;
        font-size: 1rem;
        font-weight: bold;
    }
    /* 確認
---------------*/
    /* 完了
---------------*/
    .form-area .thanks-txt {
        padding-top: 55px;
        border-top: solid 1px #F0F0F0;
        font-size: 1.125rem;
        font-weight: bold;
        text-align: center;
    }
    .form-area .thanks-txt02 {
        padding-top: 55px;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .thanks-txt03 {
        padding-top: 115px;
        border-top: solid 1px #F0F0F0;
        font-size: 1.125rem;
        font-weight: bold;
        text-align: center;
    }
    .form-area .thanks-txt03 a {
        display: inline-block;
        margin-top: 10px;
        color: #A9894A;
        font-size: 1rem;
        font-weight: normal;
    }
    .form-area .thanks-txt04 {
        padding: 70px 100px 0;
        border-top: solid 1px #F0F0F0;
        font-size: 1.125rem;
        line-height: 1.7;
    }
    .form-area .thanks-txt04.t-none {
        padding-top: 0;
        border-top: 0;
    }
    .form-area .thanks-txt-surv {
        padding-top: 170px;
        font-size: 1.125rem;
        font-weight: bold;
        text-align: center;
    }
    .form-area .thanks-txt-surv a {
        display: inline-block;
        margin-top: 10px;
        color: #A9894A;
        font-size: 1rem;
        font-weight: normal;
    }
    .form-area .thanks-select {
        margin-bottom: 60px;
        padding-top: 15px;
        border-top: solid 1px #F0F0F0;
    }
    .form-area .thanks-select.space-b {
        margin-bottom: 40px;
    }
    .form-area .thanks-select .block {
        display: block;
        margin-bottom: 25px;
        padding: 0;
        border: none;
    }
    /* =========================
  個人情報保護方針
========================= */
    .kojin-joho {
        width: 100%;
        margin: 0 auto 60px;
        padding: 0;
        background: #fff;
        border: solid 1px #A9A9A9;
    }
    .kojin-joho-inner {
        padding: 0 0 0 20px;
    }
    .kojin-joho iframe {
        width: 100%;
        height: 150px;
    }
    /* =========================
  戻る付きボタンエリア
========================= */
    .with-back.space-t {
        margin-top: 55px;
    }
    .with-back.space-t02 {
        margin-top: 40px;
    }
    .with-back.center {
        text-align: center;
    }
    /* =========================
  3カラムボタンエリア
========================= */
    .btn-col3 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 55px;
    }
    .btn-col3 .wide {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }
    /* =========================
  汎用ボタンエリア
========================= */
    .btn-area {
        margin: 10px 0 70px;
    }
    .btn-area.none {
        margin-bottom: 0;
    }
    .btn-area.t-none {
        margin-top: 0;
    }
    .btn-area.space-t {
        margin-top: 25px;
    }
    .btn-area.space-t02 {
        margin-top: 45px;
    }
    .btn-area.space-b {
        margin-bottom: 80px;
    }
    .btn-area.center {
        text-align: center;
    }
    /* =========================
  画像エリア
========================= */
    .img-area {
        margin-bottom: 10px;
    }
    .img-area.space-b {
        margin-bottom: 25px;
    }
    .img-area img {
        max-width: 100%;
    }
    .img-area .cap {
        display: block;
        margin-top: 10px;
    }
    /* =========================
  アラートボックス
========================= */
    .alert {
        margin-bottom: 20px;
        padding: 13px 20px 13px 55px;
        background: url(/module/images/alert.png) no-repeat left 24px center;
        background-size: 22px auto;
        border: solid 2px #F0F0F0;
        color: #DC3435;
        font-weight: bold;
    }
    .alert.none {
        margin-bottom: 0;
    }
    .alert.space-t {
        margin-top: 60px;
    }
    .alert.space-b {
        margin-bottom: 60px;
    }
    /* =========================
  解答率
========================= */
    .state {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-bottom: 30px;
    }
    .state .strong {
        font-weight: bold;
    }
    .state-indi {
        width: 240px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-left: 10px;
        text-align: center;
    }
    .state-indi li {
        width: 50%;
        padding: 5px;
        background: #F0F0F0;
        line-height: 1.2;
    }
    .state-indi li.on {
        background: #333;
        color: #fff;
        font-size: 0.75rem;
    }
    /* =========================
  共通内部領域
========================= */
    .block {
        margin-bottom: 35px;
        padding: 0 24px 24px;
        border-bottom: solid 1px #F0F0F0;
    }
    .block.none {
        margin-bottom: 0;
    }
    .block.none-p {
        padding-bottom: 0;
    }
    .block.space-b {
        margin-bottom: 55px;
    }
    .block.space-l {
        padding-left: 48px;
    }
    /* =========================
  残り文字数
========================= */
    .rest-txt {
        color: #DC3435;
        font-size: 0.75rem;
    }
    /* =========================
  ランキングリスト
========================= */
    .rank-list li {
        margin-bottom: 15px;
    }
    .rank-list li:last-of-type {
        margin-bottom: 0;
    }
    /* =========================
  アンケートフォーム
========================= */
    .survey {
        padding-top: 32px;
        border-top: solid 10px #A9894A;
    }
    .survey p {
        margin-bottom: 15px;
    }
    .survey p.none {
        margin-bottom: 0;
    }
    /* =========================
  物件概要
========================= */
    .bukken-outline {
        width: 100%;
        table-layout: fixed;
        margin-bottom: 0;
        border-top: none;
        border-left: none;
    }
    .bukken-outline th,
    .bukken-outline td {
        padding: 0;
        border-right: none;
        border-bottom: solid 1px #F0F0F0;
        text-align: left;
        vertical-align: top;
    }
    .bukken-outline th {
        position: relative;
        width: 226px;
        padding: 20px 60px 20px 24px;
        background: #fff;
        font-weight: bold;
    }
    .bukken-outline td {
        padding: 20px 24px 20px 0;
    }
    .bukken-outline td sup {
        font-size: 0.625rem;
        vertical-align: super;
    }
    .bukken-outline tr:first-of-type th,
    .bukken-outline tr:first-of-type td {
        border-top: solid 1px #F0F0F0;
    }
    .bukken-outline .notice {
        color: #DC3435;
    }
    .bukken-outline .notice h2 {
        margin: 15px 0 10px;
        font-size: 1.25rem;
    }
    .bukken-outline .notice h2 .strong {
        font-weight: bold;
    }
    .bukken-outline .traffic li {
        margin-bottom: 12px;
        padding-left: 1em;
        text-indent: -1em;
    }
    .bukken-outline .traffic li:last-of-type {
        margin-bottom: 0;
    }
    .bukken-outline .traffic-sup {
        margin-top: 12px;
    }
    /* =========================
  予約フォーム
========================= */
    .reservation-step-wrap {
        margin-bottom: 25px;
    }
    .reservation-step-wrap h2 {
        margin-bottom: 25px;
        font-size: 1.25rem;
        line-height: 1.6;
    }
    .reservation-step {
        line-height: 0;
        text-align: center;
    }
    .reservation-step img {
        width: 669px;
    }
    .leading {
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: solid 1px #F0F0F0;
    }
    .ic-detail ul {
        text-align: center;
    }
    .ic-detail ul li {
        position: relative;
        display: inline-block;
        margin-right: 30px;
        font-size: 0.875rem;
    }
    .ic-detail ul li span:not(.strong) {
        position: relative;
        display: inline-block;
        width: 19px;
        text-indent: -9999px;
    }
    .ic-detail ul li.ok span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        width: 16px;
        height: 16px;
        pointer-events: none;
        background-color: transparent;
        border: solid 2px #A9894A;
        border-radius: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .ic-detail ul li.little span:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        background-color: transparent;
        width: 18px;
        height: 15px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 9px transparent;
        border-right: solid 9px transparent;

        border-bottom: solid 15px #A9894A;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .ic-detail ul li.little span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 4px;
        display: block;
        background-color: transparent;
        width: 10px;
        height: 8px;
        border: none;
        border-top: solid 0 transparent;
        border-left: solid 5px transparent;
        border-right: solid 5px transparent;
        border-bottom: solid 8px #fff;
        -webkit-transform: translateY(-37%);
        -ms-transform: translateY(-37%);
        transform: translateY(-37%);
    }
    .ic-detail ul li.full span:before, .ic-detail ul li.full span:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        display: block;
        background-color: #696969;
        width: 16px;
        height: 2px;
    }
    .ic-detail ul li.full span:before {
        -webkit-transform: translateY(-50%) rotate(45deg);
        -ms-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg);
    }
    .ic-detail ul li.full span:after {
        -webkit-transform: translateY(-50%) rotate(135deg);
        -ms-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
    }
    .ic-detail ul li.tel {
        margin-right: 0;
    }
    .ic-detail ul li.tel span {
        width: 28px;
    }
    .ic-detail ul li.tel span:not(.strong):before {
        content: "TEL";
        position: absolute;
        top: 50%;
        left: 0;
        display: inline-block;
        color: #696969;
        font-size: 0.875rem;
        font-weight: bold;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        text-indent: 0;
    }
    .ic-detail ul li.tel span.strong {
        font-weight: bold;
    }
    .day-selected {
        margin-top: 40px;
        padding: 20px;
        background: #F0F0F0;
        text-align: center;
    }
    .day-selected.space-b {
        margin-bottom: 40px;
    }
    .day-selected.t-none {
        margin-top: 0;
    }
    .day-selected h3 {
        margin: 0 0 15px;
        padding: 0;
        font-size: 1rem;
        font-weight: normal;
        text-align: center;
    }
    .day-selected p {
        font-size: 1.25rem;
        font-weight: bold;
    }
    .proud-login {
        margin: 40px 0 55px;
    }
    /* =========================
  セレクトフォーム
========================= */
    .select-leading {
        margin-bottom: 35px;
    }
    .select-leading.space-b {
        margin-bottom: 10px;
    }
    .model-plan {
        margin-bottom: 25px;
        padding: 13px 20px;
        background: #F2F9FF;
    }
    .model-plan.space-b {
        margin-bottom: 50px;
    }
    .model-plan:after {
        content: " ";
        display: block;
        clear: both;
    }
    .model-plan .model-select {
        color: #DC3435;
        font-weight: bold;
    }
    .model-plan img {
        float: left;
        margin-right: 20px;
    }
    .model-plan h2 {
        margin-bottom: 10px;
        padding: 0;
        font-size: 1rem;
        font-weight: bold;
    }
    .select-area {
        padding: 10px 25px 0;
        border-top: solid 1px #F0F0F0;
    }
    .select-area.t-none {
        padding-top: 0;
    }
    .select-area.space-b {
        margin-bottom: 20px;
    }
    .select-area.space-b02 {
        margin-bottom: 45px;
    }
    .select-area .lead {
        margin-bottom: 10px;
    }
    .select-area .select-area-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .select-area .select-area-list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 47%;
        margin-bottom: 25px;
    }
    .select-area .select-area-list li .txt-area {
        max-width: 205px;
        font-weight: bold;
    }
    .select-area .select-area-list li .txt-area .red {
        color: #DC3435;
    }
    .select-area .select-area-list li .txt-area .madori {
        color: #888;
    }
    .select-area .img-area {
        margin-bottom: 10px;
        text-align: center;
    }
    .select-area .img-area img {
        display: block;
        width: auto;
        margin: 0 auto;
    }
    .select-area .select-checkbox,
    .select-area .select-radio {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        position: relative;
        width: 150px;
        margin-right: 20px;
    }
    .select-area .select-checkbox input,
    .select-area .select-radio input {
        position: absolute;
        left: 0;
        z-index: -1;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    .select-area .select-checkbox label,
    .select-area .select-radio label {
        position: relative;
        display: inline-block;
        width: 148px;
        padding: 28px 0;
        background: #F5E9CF;
        border: solid 2px #F5E9CF;
        box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.2);
        color: #A9894A;
        font-size: 1rem;
        font-weight: bold;
        text-align: center;
        cursor: pointer;
    }
    .select-area .select-checkbox label:before,
    .select-area .select-radio label:before {
        content: "未選択";
    }
    .select-area .select-checkbox input:checked ~ label {
        background: #DC3435;
        color: #fff;
        border: solid 2px #fff;
    }
    .select-area .select-checkbox input:checked ~ label:before {
        content: "選択中";
    }
    .select-area .select-radio input:checked ~ label {
        background: #DC3435;
        color: #fff;
        border: solid 2px #fff;
    }
    .select-area .select-radio input:checked ~ label:before {
        content: "選択中";
    }
    .slect-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        border: solid 2px #F0F0F0;
    }
    .slect-box.space-b {
        margin-bottom: 40px;
    }
    .slect-box dt {
        width: 24%;
        padding: 24px;
        font-weight: bold;
    }
    .slect-box dt:nth-of-type(n + 2) {
        border-top: solid 2px #F0F0F0;
    }
    .slect-box dd {
        width: 76%;
        padding: 24px;
    }
    .slect-box dd:nth-of-type(n + 2) {
        border-top: solid 2px #F0F0F0;
    }
    .plus-minus {
        text-decoration: none;
        vertical-align: middle;
    }
    .forget-pass {
        display: inline-block;
        margin-top: 10px;
        font-size: 0.75rem;
    }
}

/* end PC */
/* =========================
  1020px以上のディスプレイ調整
========================= */
/* 1020px以上のスマホ調整 end */
/* =========================
  320px以下のスマホ調整
========================= */
/* 320px以下のスマホ調整 end */
/* =========================
  IEハックテンプレート
========================= */
_:-ms-lang(x), .selector01 {
    /* for IE 10 */
    /*  */
}

_:-ms-lang(x) .selector02, .selector01 .selector02 {
    /*  */
}

_:-ms-fullscreen, :root .selector01 {
    /* for IE 11 */
    /*  */
}

_:-ms-fullscreen .selector02, :root .selector01 .selector02 {
    /*  */
}

_:-ms-input-placeholder, :root .selector01 {
    /* for IE10 11 */
    /*  */
}

_:-ms-input-placeholder .selector02, :root .selector01 .selector02 {
    /*  */
}

@supports (-ms-ime-align: auto) {
    /* for IE Edge */
    .selector01 {
        /*  */
    }
    .selector01 .selector02 {
        /*  */
    }
}

    .flex-dl dt img {
        max-width: 100%;
    }


#login_button{
	margin-bottom:20px;
}
#login_button label{
	/*padding: 8px 80px;*/

	font-family: "F+UD-ニューロダン DB";
	padding:30px 20px; font-size:1.3em;
	font-weight:bold;
	display:block;
	text-align:center;color:#FFF; border-radius:4px;
	-webkit-transition: background-color 0.4s ease;
	-moz-transition: background-color 0.4s ease;
	-ms-transition: background-color 0.4s ease;
	transition: background-color 0.4s ease;
	behavior: url(ie/PIE.htc);
	
	color: #fff;
	display: inline-block;
	font-weight: normal;
	text-align:center;
	font-size:16px;
	max-width:540px;
	/*height:50px;*/
	background-color: #FF8F00;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FF8F00), to(#FF6B00));
	background-image: -webkit-linear-gradient(top, #FF8F00, #FF6B00);
	background-image: -moz-linear-gradient(top, #FF8F00, #FF6B00);
	background-image: -ms-linear-gradient(top, #FF8F00, #FF6B00);
	background-image: -o-linear-gradient(top, #FF8F00, #FF6B00);
	background-image: linear-gradient(to bottom, #168cb2, #168cb2);
	border-radius:5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
#login_button label:hover{
	opacity: 0.7;
}

@media (min-width: 1px) {
	#login_button input[type=checkbox] {
		display: none;
		margin: 0;
	}
}

input[type="password"] {
  border:solid 2px #C7C7C7;
  height:30px;
}
input[type="password"]:focus {
  outline: 0;
  border:solid 2px #6DB7CE;
}