@charset "UTF-8";

a {
    text-decoration: none
}

.f-eng {
    font-family: Times New Roman, 'Noto Serif JP', serif;
}

.co_pu {
    color: #d46eb5 !important
}

.co_or {
    color: #f6b052 !important
}

.co_gr {
    color: #12b3ae !important
}

.co_bl {
    color: #4db4ff !important
}

.co_pi {
    color: #f2909d !important
}

.bgco_pu {
    background-color: #d46eb5 !important
}

.bgco_or {
    background-color: #f6b052 !important
}

.bgco_gr {
    background-color: #12b3ae !important
}

.bgco_bl {
    background-color: #4db4ff !important
}

.bgco_pi {
    background-color: #f2909d !important
}

.notice {
    color: #c70c46;
    font-size: inherit
}

.btn-wrap {
    display: block;
    text-align: center;
    padding: 16px 0 !important;
    border-radius: 40px;
    color: #fff;
    text-transform: uppercase;
    font-size: 1rem;
    transition: all .3s;
    position: relative;
    overflow: hidden;
    width: 280px;
    margin: auto;
    z-index: 1;
}

.btn-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #4CC764;
    /* border-radius: 40px; */
    z-index: -2
}

.btn-wrap::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #24913a;
    transition: all .3s;
    border-radius: 0;
    z-index: -1
}

.btn-wrap.btn-web::after {
    background-color: #3D5DFF;
}

.btn-wrap.btn-web::before {
    background-color: #253fc0;
}

.btn-wrap:hover {
    color: #fff
}

.btn-wrap:hover::before {
    width: 100%
}

.btn-txt {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: .2em;
    color: #fff;
    z-index: 10;
    text-align: center;
}

.btn-txt::before {
    content: url("images/icon-line.webp");
    /* background-size: 35px; */
    display: inline-block;
    vertical-align: middle;
    /* width: 35px; */
    transform: scale(.65);
    position: absolute;
    top: -13px;
    left: 10px;
    /* transform: translate(-50%, -50%); */
    /* -webkit-transform: translate(-50%, -50%); */
    -ms-transform: translate(-50%, -50%);
}

.btn-web .btn-txt::before {
    content: url("images/icon-mail.webp");
    top: -5px;
    left: 15px;
}

/*.btn-wrap:hover .btn-txt::before{content:url("images/btn_icon_w.webp")}*/
.btn-wrap:hover .btn-txt {
    color: #fff
}

@media screen and (min-width: 768px) {
    .btn-wrap {
        width: 400px;
        padding: 22px 0 !important;
    }

    .btn-txt {
        font-size: 1.125rem
    }

    .btn-txt::before {
        transform: scale(.65);
    }

    .btn-wrap:hover .btn-txt {
        color: #fff
    }
}

/* コンテンツ
  ================================================ */
.page .entry__content {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 100%;
    color: #fff;
}

@media (min-width: 768px) {
    .page .entry__content {}
}

/* FancyBox
  ================================================ */
.fancybox-slide {
    padding: 20px;
}

.results_detail.fancybox-content {
    padding: 10px 15px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

@media (max-width: 767px) {
    .fancybox-content {
        vertical-align: top;
    }
}

@media (min-width: 768px) {
    .fancybox-slide {
        padding: 2% 15%;
        padding: 5%;
    }
}

@media (min-width: 992px) {
    .fancybox-slide {
        /* padding: 2% 25%; */
        /* padding: 5%; */
    }

    .results_detail.fancybox-content {
        /* padding: 50px; */
    }
}

@media (min-width: 1200px) {
    .results_detail.fancybox-content {
        max-width: 920px;
    }
}

@media (min-width: 768px) {

    .accordion__title::before,
    .accordion__title::after {
        right: 22px;
    }
}

/* ページトップ
  ================================================ */
.gotop_pc {
    position: fixed;
    bottom: 88px;
    right: 16px;
    margin: 0;
    padding: 0;
    width: 60px;
    z-index: 100;
    display: block;
    opacity: 0;
}

.gotop_pc i {
    font-size: 1.5rem;
    color: #fff;
}

.gotop_pc span {
    display: block;
    display: none;
}

.gotop_pc.active {
    opacity: 1
}

@media (min-width: 768px) {
    .gotop_pc {
        /* display: none; */
        width: 60px;
        bottom: 93px;
        right: 16px;
    }
}

/* Home
  ================================================ */
#main section {
    padding: 40px 0;
}

#main section .container {
    max-width: 1080px;
    padding: 0 16px;
}

#main section h2.crown {
    font-size: 1.375rem;
    font-weight: 600;
    text-align: center;
    margin: 0 0 30px;
    position: relative;
}

#main section h2.crown::before {
    content: "";
    display: block;
    /* position: absolute; */
    background-image: url("images/crown.webp");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 72px;
    width: 100%;
    height: 41px;
    margin-bottom: 25px;
}

#main section h2.crown::after {
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: #fff;
    margin: 25px auto 0;
}

#main section .crown-lead {}

#main section h2 {
    margin: 0 0 40px;
    font-size: 1.75rem;
    letter-spacing: .2em;
}

#main section .h2-sub-eng {
    margin-bottom: 30px;
    color: #434343;
    font-size: .75rem;
    letter-spacing: .2em;
}

.contact-wrap {}

.contact-wrap__title {
    text-align: center;
    font-size: 1.125rem;
    margin: 0 0 54px;
}

.contact-wrap__title::before {
    content: ""
}

.contact-wrap__title::after {
    content: ""
}

.btn-w-wrap {
    text-align: center;
}

.btn-w-wrap__outline {
    display: inline-block;
    position: relative;
}

.btn-w-wrap__outline.outline-line {}

/* .btn-w-wrap__outline.outline-line::before {
    content: "";
    display: inline-block;
    background-image: url("images/icon-3min.webp");
    background-size: cover;
    width: 202px;
    height: 39px;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
} */

.btn-w-wrap__outline.outline-web {
    margin-top: 20px;
}

.btn-w-wrap .btn {
    width: 280px;
}

.btn-line {}

.btn-web {}

.intro {
    background-image: url("images/first-view.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    /* padding-bottom: 40px; */
    margin-bottom: 12.2vw;
}

.intro::before {
    content: "";
    background-color: #101010;
    opacity: .5;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
}

.btn-line-satei {
    display: none;
}

.intro__inner {
    display: flex;
    flex-direction: column;
    z-index: 10;
}

.intro__logo {
    width: 200px;
    margin: 0 auto 30px;
}

.intro__copy {
    width: 296px;
    margin: 0 auto 100px;
    margin-bottom: 14vh;
}

.value {
    padding: 40px 0;
    position: relative;
    display: table;
    width: 100%;
    margin-top: -11.9vw;
}

.value:before {
    content: "";
    display: block;
    height: 22vw;
    position: absolute;
    right: 0;
    left: 0;
    background-image: url(images/value-triangle.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    z-index: 10;
}

.value:before {
    bottom: calc(100% - 1px);
}

.value .container {}

.triangle {
    padding: 40px 0;
    position: relative;
    display: table;
    width: 100%;
    margin-top: 22vw;
}

.triangle:before,
.triangle:after {
    content: "";
    display: block;
    height: 22vw;
    position: absolute;
    right: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.triangle:before {
    background-image: url(images/triangle-top.svg);
    bottom: calc(100% - 1px);
}

.triangle:after {
    background-image: url(images/triangle-bottom.svg);
    top: calc(100% - 1px);
    /* transform: rotate(180deg); */
}

.onayami {
    background-color: #171717;
    padding: 40px 0;
}

.onayami .container {
    padding: 0 !important;
}

.onayami h2 {
    width: 300px;
    margin: 0 auto 48px !important;
}

.nayami {
    margin: 0 0 70px;
}

.nayami .container {}

.nayami__pict {
    margin-right: 32px;
}

.nayami__pict img {}

.nayami__detail {
    background-image: url("images/crest-b.webp");
    background-size: 200px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #232323;
    padding: 75px 16px;
    position: relative;
    margin: -32px 0 0 32px;
}

.nayami__detail h3 {
    font-size: 1.75rem;
    margin: 0 0 30px;
    letter-spacing: .2em;
}

.nayami:nth-child(even) {}

.nayami:nth-child(even) .nayami__pict {
    margin-left: 32px;
    margin-right: 0;
}

.nayami:nth-child(even) .nayami__detail {
    margin-left: 0;
    margin-right: 32px;
}

.nayami__num {
    position: absolute;
    top: -5px;
    right: 16px;
    font-style: italic;
    font-size: 3rem;
    font-weight: 600;
}

.jirei {
    margin-top: 22vw;
    margin-bottom: 22vw;
}

.jirei .container {}

.jirei h2 {
    width: 132px;
}

.jirei-card {
    margin-bottom: 80px;
}

.jirei-card .row {
    margin: -24px -12px 0;
}

.jirei-card .col {
    padding: 24px 12px 0;
}

.jirei-card__box {
    background-color: #232323;
}

.jirei-card__pict {}

.jirei-card__detail {
    padding: 16px 16px 18px;
}

.jirei-card__maker {
    font-size: .75rem;
}

.jirei-card__model {
    font-size: .875rem;
}

.jirei-card__mileage {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px dashed #fff;
    margin-bottom: 10px;
}

.jirei-card__mileage .title {
    font-size: .75rem;
}

.jirei-card__mileage .mileage {
    font-size: .875rem;
}

.jirei-card__price {}

.jirei-card__price span {}

.jirei-card__price .title {
    font-size: .75rem;
    margin-right: 1.5em;
}

.jirei-card__price .yen {
    font-size: .875rem;
    margin-right: .3em;
}

.jirei-card__price .f-eng {
    font-size: 1.5rem;
}

.voice {
    background-color: #171717;
}

.voice h2 {
    width: 165px;
}

.voice-list {
    margin: 0 !important;
    padding: 0 !important;
}

.voice-list li {
    list-style: none;
    background-image: url("images/voice-bg-pc.webp");
    background-position: left bottom;
    background-repeat: no-repeat;
    background-size: auto 16px;
    background-color: #232323;
    padding: 0;
    margin: 0 0 40px;
}

.voice-list li::after {
    content: "";
    background-image: url("images/voice-bg-pc.webp");
}

.voice-card {}

.voice-card__pict h3,
.voice-card__detail h3 {
    background-image: url("images/crest-w.webp");
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 60px;
    background-size: 40px;
    margin: 0 0 30px;
    padding: 40px 0 40px 55px;
    font-size: 1.125rem;
    letter-spacing: .2em;
    border-bottom: 1px solid #fff;
}

.voice-card__pict h3 {
    padding-left: 60px;
    background-size: 40px;
    margin: 0 0 30px;
    padding: 40px 0 40px 55px;
    font-size: 1.125rem;
    border-bottom: 1px solid #fff;
}

.voice-card__detail h3 {
    display: none;
}

.voice-card__detail {
    padding: 20px 16px 55px;
}

.voice-card__detail p {
    font-size: .875rem;
}

.voice-card__pict {
    padding: 0 16px;
}

.voice-card__pict img {
    margin-bottom: 16px;
}

.voice-card__pict p {
    font-size: .75rem;
    text-align: right;
    margin-bottom: 10px;
    line-height: 1.5;
}

.voice-card__pict__name {}

.voice-card__pict__model {}

.satei {
    padding-bottom: 0 !important;
    margin-top: 22vw;
}

.satei-flow {
    padding: 40px 16px;
}

.satei-flow img {
    max-width: 311px;
}

.satei-form-border {
    max-width: 1080px;
    margin: 80px 16px;
    height: 2px;
    background-color: #fff;
}

.satei-form {
    padding: 0 0 80px !important;
}

.satei-form .container {}

.satei-form__wrap {
    background-color: #fff;
    padding: 56px 16px;
}

.form-wrap {
    max-width: 800px;
    margin: auto;
    color: #262626;
}

.satei-form h2 {
    width: 270px;
}

@media (min-width: 768px) {
    #main section .container {
        padding: 0;
    }

    #main section h2.crown {
        font-size: 2rem;
    }

    #main section h2.crown::before {}

    #main section h2.crown::after {}

    #main section .crown-lead {
        text-align: center;
        font-size: 1.125rem;
    }

    #main section h2 {
        margin-bottom: 48px;
        font-size: 2rem;
    }

    #main section .h2-sub-eng {
        font-size: 1rem;
        margin-bottom: 40px;
    }

    .contact-wrap {}

    .contact-wrap__title {
        font-size: 1.375rem;
        margin-bottom: 24px;
        position: relative;
    }

    .contact-wrap__title::before,
    .contact-wrap__title::after {
        content: "";
        display: inline-block;
        width: 40px;
        height: 1px;
        background-color: #fff;
        position: absolute;
        top: 50%;
    }

    .contact-wrap__title::before {
        left: 175px;
    }

    .contact-wrap__title::after {
        right: 175px;
    }

    .btn-w-wrap {}

    .btn-w-wrap__outline {
        margin: 0 7px;
    }

    .btn-w-wrap__outline.outline-line {}

    .btn-w-wrap__outline.outline-line::before {
        width: 260px;
        height: 40px;
        top: -5px;
    }

    .btn-w-wrap__outline.outline-web {}

    .btn-w-wrap .btn {}

    .btn-line {}

    .btn-web {}

    .btn-outline-line {
        background-image: url("images/icon-3min.webp");
    }

    .intro {
        background-image: url("images/first-view-pc.webp");
        background-size: cover;
        height: auto;
        padding: 120px 0 250px;
    }

    .btn-line-satei {
        position: absolute;
        z-index: 11;
        width: 170px;
        bottom: 32px;
        left: 16px;
        display: block;
    }

    .intro__inner {
        align-items: center;
        text-align: center;
    }

    .intro__logo {
        width: 218px;
        margin-bottom: 40px;
    }

    .intro__copy {
        width: 812px;
        margin-bottom: 50px;
    }

    .value {
        padding: 40px 0;
        margin-top: -12.2vw;
    }

    .value:before {
        height: 11vw;
        background-image: url(images/value-triangle-pc.svg);
    }

    .value .container {}

    .triangle {
        padding: 40px 0;
        margin-top: 10vw;
    }

    .triangle:before,
    .triangle:after {
        height: 12vw;
    }

    .triangle:before {
        background-image: url(images/triangle-top-pc.svg);
    }

    .triangle:after {
        background-image: url(images/triangle-bottom-pc.svg);
    }

    .onayami {}

    .onayami .container {}

    .onayami h2 {
        width: 838px;
        margin-bottom: 56px !important;
    }

    .nayami {
        position: relative;
        margin-bottom: 120px;
    }

    .nayami__pict,
    .nayami__detail {
        /* top: 0; */
        /* left: 0; */
    }

    .nayami__pict {
        width: 604px;
        margin: 0;
    }

    .nayami__pict img {}

    .nayami__detail {
        background-image: url("images/crest-b.webp");
        background-size: auto 625px;
    }

    .nayami__detail h3 {
        font-size: 2.25rem;
    }

    .nayami__detail {
        position: absolute;
        top: 60px;
        right: 0;
        width: 604px;
        height: 380px;
        margin: 0 !important;
        padding: 0 30px;
        background-position: right center;
        background-size: 270px;
        display: flex;
        flex-flow: column;
        justify-content: center;
    }

    .nayami__num {
        top: -52px;
        right: 0;
        font-size: 3.625rem;
    }

    .nayami:nth-child(even) {
        margin-bottom: 70px;
    }

    .nayami:nth-child(even) .nayami__pict {
        padding-top: 60px;
        margin-left: 476px;
    }

    .nayami:nth-child(even) .nayami__detail {
        top: 0;
        left: 0;
    }

    .nayami:nth-child(1) .nayami__detail {}

    .nayami:nth-child(2) .nayami__detail {}

    .nayami:nth-child(3) .nayami__detail {}

    .nayami:nth-child(4) .nayami__detail {}

    .jirei {
        margin-top: 12vw;
        margin-bottom: 12vw;
    }

    .jirei .container {}

    .jirei h2 {
        width: 167px;
    }

    .jirei-card {
        margin-bottom: 100px;
    }

    .jirei-card .row {}

    .jirei-card .col {}

    .jirei-card__box {}

    .jirei-card__pict {}

    .jirei-card__detail {}

    .jirei-card__maker {}

    .jirei-card__model {
        min-height: 4em;
    }

    .jirei-card__mileage {}

    .jirei-card__mileage .title {}

    .jirei-card__mileage .mileage {}

    .jirei-card__price {}

    .jirei-card__price span {}

    .jirei-card__price .title {}

    .jirei-card__price .yen {}

    .jirei-card__price .f-eng {}

    .voice {}

    .voice h2 {
        width: 187px;
    }

    .voice-list {}

    .voice-list li {
        background-image: url("images/voice-bg-pc.webp");
        padding-bottom: 40px;
        background-position: -15px bottom;
    }

    .voice-list li::after {
        content: "";
        background-image: url("images/voice-bg-pc.webp");
    }

    .voice-card {
        display: flex;
        flex-direction: row-reverse;
    }

    .voice-card__pict h3 {
        display: none;
    }

    .voice-card__detail h3 {
        display: block;
        background-size: 56px;
        padding: 40px 0 40px 75px;
        font-size: 1.375rem;
    }

    .voice-card__detail {
        width: 688px;
        padding: 0 30px;
    }

    .voice-card__detail p {
        font-size: 1rem;
    }

    .voice-card__pict {
        flex: 1;
        padding: 30px;
    }

    .voice-card__pict img {}

    .voice-card__pict p {
        font-size: .875rem;
    }

    .voice-card__pict__name {}

    .voice-card__pict__model {}

    .satei {
        margin-top: 12vw;
    }

    .satei-flow {
        padding: 50px 0;
    }

    .satei-flow img {
        max-width: 800px;
        margin: auto;
    }

    .satei-form-border {
        margin: 64px auto;
    }

    .satei-form {}

    .satei-form .container {}

    .satei-form__wrap {}

    .form-wrap {}

    .satei-form h2 {
        width: 308px;
    }
}


/*スクロールダウン全体の場所*/
.scrolldown1 {
    position: absolute;
    right: 30px;
    bottom: 10px;
    height: 70px;
}

/*Scrollテキストの描写*/
.scrolldown1 span {
    position: absolute;
    left: -12px;
    top: -53px;
    color: #569cda;
    font-size: .8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    writing-mode: vertical-rl;
    text-orientation: sideways;
}

/* 線の描写 */
.scrolldown1::after {
    content: "";
    position: absolute;
    top: 0;
    /*描画位置*/
    width: 1px;
    height: 50px;
    background: #569cda;
    /*線の形状*/
    animation: pathmove 1.4s ease-in-out infinite;
    opacity: 0;
    /*線の動き1.4秒かけて動く。永遠にループ*/
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove {
    0% {
        height: 0;
        top: 0;
        opacity: 0;
    }

    50% {
        height: 50px;
        opacity: 1;
    }

    100% {
        height: 0;
        top: 70px;
        opacity: 0;
    }
}

.element {
    visibility: hidden;
    transition: opacity 1s, visibility 1s, -webkit-transform 1s;
    transition: transform 1s, opacity 1s, visibility 1s;
    transition: transform 1s, opacity 1s, visibility 1s, -webkit-transform 1s;
    /* 最初は非表示 */
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    opacity: 0;
}

.is-fadein {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

/* Footer
  ================================================ */
.footer {}

.footer .copyright {
    text-align: center;
}

@media screen and (min-width: 768px) {
    .footer {}

    .footer .copyright {}
}

/* Accordion
  ================================================ */
.accordion {
    max-width: 100%;
    margin: 0 auto
}

.accordion__item {
    border: 0 solid #000;
    background-color: #000;
    margin: 0;
    cursor: pointer
}

.accordion__title {
    position: relative;
    padding: 20px 60px;
    margin-top: 0;
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    cursor: pointer
}

.accordion__title:hover {
    color: #00abeb
}

.accordion__title::before,
.accordion__title::after {
    content: "";
    position: absolute;
    right: 17px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: #00abeb;
    width: 20px;
    height: 2px;
    transition: all .3s
}

.accordion__title::after {
    transform: rotate(90deg)
}

.accordion__content {
    padding: 0 20px 15px;
    margin: 0;
    display: none;
    cursor: pointer
}

.accordion__content.is-open {
    display: block;
    padding-bottom: 30px
}

.accordion__item.is-active .accordion__title::before {
    transform: rotate(180deg)
}

.accordion__item.is-active .accordion__title::after {
    transform: rotate(180deg);
    opacity: 0
}

@media (min-width: 768px) {

    .accordion__title::before,
    .accordion__title::after {
        right: 22px
    }
}


/* お問い合わせ・フォーム
   ================================================== */
::placeholder {
    color: #555
}

/* Chrome, Safari */
::-webkit-input-placeholder {
    color: #555;
}

/* Firefox */
::-moz-placeholder {
    color: #555;
}

/* Firefox 18以前 */
:-moz-placeholder {
    color: #555;
}

/* IE */
:-ms-input-placeholder {
    color: #555;
}

.form-flex {}

.form-flex dl {
    margin-top: 30px !important;
}

.entry__content.contact .container {
    max-width: 760px;
}

.entry__content.contact .col.tel {
    border: 3px solid #86c45f;
    background-color: #f7f7f0;
    border-radius: 4px;
    padding: 20px 15px;
    margin: 40px auto 50px;
    max-width: 500px;
}

.entry__content.contact .col.tel p {
    margin-bottom: 0;
    text-align: center;
}

.entry__content.contact .col.tel .box {
    text-align: center;
}

.entry__content.contact .col.tel .box a {
    color: inherit;
    text-decoration: none !important;
}

.entry__content.contact .col.tel .box .recep {
    font-weight: 700;
}

.mw_wp_form .form_input_area {}

.mw_wp_form .form_input_area dl {
    margin: 30px 0 0;
}

.mw_wp_form .form_input_area dt {
    font-size: 1.0rem;
    font-weight: 700;
    margin: 0 0 10px;
    line-height: 1.3;
}

.mw_wp_form .form_input_area dd {
    margin: 0;
    padding: 0;
}

.mw_wp_form .form_input_area .required {
    font-size: .75rem;
    color: #fff;
    padding: 2px 10px 2px;
    background-color: #000B50;
    text-align: center;
    margin-left: 10px;
    display: inline-block;
    vertical-align: bottom;
    border-radius: 12px;
    line-height: 1.2;
}

.mw_wp_form .form_input_area label {
    width: 100%;
    margin: 0 0 10px;
}

.mw_wp_form .form_input_area dl:first-child {
    margin-top: 0;
}

.mw_wp_form .form_input_area label:last-child {
    margin-bottom: 0;
}

.mw_wp_form .form_input_area .d-flex {
    max-width: 400px;
    margin: auto;
}

.mw_wp_form .form_input_area .d-flex button {
    /* flex: auto; */
    margin: 50px 10px 0;
}

.mw_wp_form .form_input_area .d-flex button.kakunin {
    margin: 50px auto 0;
}

.mw_wp_form .form_input_area .menseki .box {
    border: 1px solid #e50012;
    background-color: #fffef2;
    padding: 15px;
    margin: 50px 0 20px;
}

.mw_wp_form .form_input_area .menseki h3 {
    text-align: center;
    margin: 0 0 15px;
    font-size: 1rem;
}

.mw_wp_form .form_input_area .menseki h4 {
    font-size: .875rem;
    margin: 15px 0 5px;
}

.mw_wp_form .form_input_area .menseki ul {
    margin: 0;
    padding: 0 0 0 22px;
}

.mw_wp_form .form_input_area .menseki ul li {
    font-size: .875rem;
    margin-top: 5px;
}

.mw_wp_form .form_input_area .menseki .kiyaku {
    font-size: 1.125rem;
    text-align: center;
}

.mw_wp_form .form_input_area .menseki .doui {
    vertical-align: middle;
}

.mw_wp_form .form_input_area .menseki .kiyaku2 {
    font-size: .875rem;
    margin: 0;
}

.mw_wp_form .form_input_area #privacy_policy {
    margin-top: 50px;
}

.mw_wp_form .form_input_area #privacy_policy h2 {
    font-size: 1rem;
    margin: 0 0 20px;
}

.mw_wp_form .form_input_area #privacy_policy h3 {
    font-size: .875rem !important;
    margin: 20px 0 5px !important;
}

.mw_wp_form .form_input_area #privacy_policy p {
    font-size: .75rem;
}

.i_frame {
    background-color: #f7f7f0;
    border: 1px solid #d8d8c5;
    height: 150px;
    overflow: auto;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 20px 15px;
    margin-bottom: 15px;
}

/**
 * vertical style of radio and checkbox
 */
.mw_wp_form .radio .vertical-item {
    display: block;
    display: inline-block;
    margin-right: 25px;
}

.mw_wp_form .radio .vertical-item+.vertical-item {
    margin-top: 5px;
    margin-top: 0;
}

.uplord-pict label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.uplord-pict label input {
    border: 0;
    padding: 0;
    font-size: .875rem;
}

.uplord-pict label .mwform-file-delete {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.2;
}

.uplord-pict .att {
    font-size: .875rem;
    font-weight: 600;
    color: #C80000;
}

@media (min-width: 768px) {
    .form-flex {
        display: flex;
        margin: 0 -25px;
    }

    .form-flex dl {
        padding: 0 25px;
        width: 50%;
    }

    .entry__content.contact .col.tel {
        max-width: 520px;
        padding: 25px;
        margin: 50px auto 60px;
    }

    .mw_wp_form .form_input_area .menseki .box {
        padding: 30px;
    }

    .mw_wp_form .form_input_area .menseki h3 {
        margin-bottom: 25px;
    }

    .mw_wp_form .form_input_area .menseki .kiyaku2 {
        text-align: center;
    }

    .i_frame {
        height: 250px;
        padding: 25px;
        margin-bottom: 15px;
    }

    .complete .container {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .complete .container p {
        text-align: center;
        font-size: 1rem;
    }
}

/*ーーーーーーーーーーーーーーーー*/
/*　　MW WP Formカスタマイズ　　*/
/*ーーーーーーーーーーーーーーーー*/
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form input[type="number"],
.mw_wp_form textarea {
    padding: 1em;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: .875rem;
    border: 1px solid #e6e6e6;
    background-color: #f6f6f6;
    border-radius: 3px;
}

.mw_wp_form input[type="number"] {
    width: auto;
}

.mw_wp_form select {
    display: block;
    position: relative;
    width: 80%;
    height: 38px;
    font-size: 14px;
    font-size: 0.9rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
    padding: 0 10px;
}

.mw_wp_form selectt:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;
}

.mw_wp_form label {
    width: 100%;
}

.mw_wp_form .label_att {
    display: block;
    margin: 0 0 10px;
    font-size: .875rem;
}

.mw_wp_form .label_att:last-child {
    margin: 0;
}


/*確認画面エラーメッセージ*/
.mw_wp_form .error {
    font-size: .875rem !important;
    font-weight: 700 !important;
    color: #C80000 !important;
    margin-top: 5px !important;
}

/*確認画面表示*/
.mw_wp_form_preview dl {}

.mw_wp_form_preview dl dt {}

.mw_wp_form_preview dl dd {}

.mw_wp_form_preview dl dd label {
    background-color: #f5f5f5;
    padding: 15px !important;
}

/*ボタン*/
.btn-secondary {
    color: #ffffff;
    background-color: #3D5DFF;
    border-color: transparent;
    border-radius: 30px;
    font-weight: 700;
    font-size: .875rem;
    padding: 15px 35px;
    width: 200px;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #fbc305;
    border-color: transparent;
}

[type="submit"].btn-wrap {
    width: 180px;
    padding: 10px 0 !important;
    border: 0;
}

[type="submit"].btn-wrap::before {
    background-color: #253fc0;
}

[type="submit"].btn-wrap::after {
    background-color: #3D5DFF;
}

[type="submit"] .btn-txt::before {
    display: none;
}


/*――――「表」デザイン――――*/

.cform th {
    font-size: 15px;
    width: 25%;
    border-bottom: solid 1px #d6d6d6;
    padding: 10px 0px 10px 15px;
    font-weight: bolder;
}


.cform td {
    font-size: 15px;
    line-height: 200%;
    border-bottom: solid 1px #d6d6d6;
    padding: 10px 10px;
}


/*―――――表示―――――*/

.cform {
    width: 94%;
    margin: auto;
}


.cform option,
.cform textarea,
.cform input[type=text],
.cform input[type=email],
.cform input[type=search],
.cform input[type=url] {
    width: 90%;
}



@media (max-width:767px) {

    .cform th,
    .cform td {
        width: 97%;
        border: 1px solid #999;
        padding: .5em 1em;
        display: block;
        border-top: none;
    }
}

/*――「送信ボタン」デザイン――*/

.submit-btn input {
    background-color: #ebbbbb;
    border: 0;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: bolder;
    margin: 0 auto;
    padding: 10px 35px;
    border-radius: 3px;
    cursor: pointer;
    text-align: center;
}

.submit-btn {
    text-align: center;
    margin-top: 20px;
    cursor: pointer;
}

.submit-btn input:hover {
    background: #EF5B9C;
    color: #FFFFFF;
    cursor: pointer;
}


/*―――「必須」デザイン―――*/
.required-srt {
    font-size: 0.9em;
    padding: 6px;
    border-radius: 5px;
    margin-right: 10px;
    background: #ebbbbb;
    color: #ffffff;
}

@media only screen and (max-width:575px) {
    .mwform-tel-field input[type="text"] {
        width: 30%;
    }
}

#contact .tel_info {
    text-align: center;
    margin-bottom: 30px;
}

#contact .tel_info .ttl {
    font-size: 1.0rem;
    font-weight: 700;
}

#contact .tel_info .tel {
    position: relative;
    display: inline-block;
    padding-left: 35px;
}

#contact .tel_info .tel:before {
    content: "\f879";
    font-size: 1.75rem;
    top: 48%;
    left: 0;
    margin-top: -11px;
}

#contact .tel_info a {
    font-family: bc-sklonar, sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 2.25rem;
    letter-spacing: -1.5px;
}

#contact .taiou {
    text-align: center;
    margin-bottom: 60px;
    font-size: 1.0rem;
    padding: 15px 20px;
    background-color: #3c3e39;
    color: #fff;
    /* border: 1px solid #d5d5d5; */
    max-width: 480px;
    margin: 0 auto 60px;
}

#contact .taiou span {
    font-weight: 700;
    display: block;
}

#contact .form_wrap {
    max-width: 760px;
}

.form_wrap {
    max-width: 760px;
    margin: auto;
}

.contact_entry {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    /* border-top: 1px solid #e5e5e5; */
    /* border-left: 1px solid #e5e5e5; */
}

.contact_entry th,
.contact_entry td {
    display: block;
    padding: 0;
    border: none;
}

.contact_entry th {
    background: transparent;
    padding: 20px 0 0;
}

.contact_entry td {
    /* border-right: 1px solid #e5e5e5; */
    /* background: #FFF; */
    /* text-align: left; */
}

.contact_entry th span {
    color: #ff0100;
    font-size: .75rem;
    font-weight: 600;
    margin-left: 10px;
}

.contact_entry .short {
    max-width: 100px;
}

.contact_entry .mid {
    max-width: 350px;
}

.contact_entry .full {
    width: 100%;
}

.form_wrap .check_wrap {
    border: 1px solid #999;
    padding: 20px 15px;
    margin-top: 30px;
}

.form_wrap .check_wrap .kakunin {
    text-align: center;
    margin: 0 0 10px;
}

.form_wrap .check_wrap .box {
    text-align: center;
    font-weight: 600;
    color: #ff0100;
}

.form_wrap .check_wrap .wpcf7-list-item {
    width: auto;
    margin-right: 10px;
}

.form_wrap .check_wrap .wpcf7-list-item checkbox {}

.checkBox {}

.submit_wrap {}

.submit_wrap .btn_wrap {
    max-width: 600px;
    margin: 0 auto;
}

.submit_wrap [type=submit],
.submit_wrap [type="button"] {
    max-width: 280px;
    width: 100%;
    margin: 70px auto 0;
    padding: 15px 35px;
    display: block;
    background-color: #555;
    border-radius: 0;
    font-size: .875rem;
    font-weight: bold;
    text-align: center;
    text-decoration: none !important;
    color: #FFF !important;
    line-height: 1.3;
    position: relative;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.submit_wrap .back [type="button"] {
    background-color: #555;
}

.submit_wrap .submit [type=submit] {
    background-color: #ff8226;
}

div.wpcf7 .ajax-loader {
    display: block;
    margin: 15px auto 0;
}

button[disabled],
input[disabled],
select[disabled],
textarea[disabled] {
    cursor: default;
    opacity: .5;
}

.wpcf7-form input,
.wpcf7-form textarea,
.wpcf7-form select {
    display: inline-block;
    width: auto;
    height: auto;
    padding: 10px 12px;
    margin: 7px 0;
    font-size: .875rem;
    line-height: 1.7;
    color: #555;
    background-color: #f5f5f5;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s,
        -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,
        box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,
        -webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,
        box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,
        box-shadow ease-in-out .15s,
        -webkit-box-shadow ease-in-out .15s;
}

.wpcf7-form text,
.wpcf7-form textarea {
    width: 100%;
}

div.wpcf7-response-output {
    margin: 0 0 30px;
    padding: 0;
    text-align: center;
    border: 0 solid #ff0000;
    color: #ff0000;
    font-weight: 600;
}

.radio input[type=radio],
.radio-inline input[type=radio],
input[type=checkbox],
input[type=radio] {
    position: inherit;
    margin-top: 4px\9;
    margin: 0;
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

input[type=checkbox] {
    -webkit-appearance: checkbox;
    vertical-align: baseline;
    font-size: 1.5rem;
    margin-right: 3px;
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 0;
    width: 100%;
}

.full>.wpcf7-list-item {
    width: 100%;
}

.toyuSample span.wpcf7-list-item {
    width: 50%;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha {
    text-align: center;
    text-align: -webkit-center;
    margin: 30px auto 10px;
}

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha>div {
    margin: auto;
}

.recaptchaAtt {
    text-align: center;
    margin-bottom: 40px;
}

.entryForm .kakunin input,
.entryForm .bkakunin input,
.entryForm input[type=submit] {
    margin-bottom: 0;
    width: 100%;
    margin: 24px auto 0;
    padding: 1.0rem;
    max-width: 300px;
    display: block;
    background-color: #ff8400;
    text-align: center;
    border-radius: 4px;
    color: #FFF;
    font-size: 1.0rem;
    font-weight: 400;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
    line-height: 1.0;
}

.entryForm .submit input:hover {
    background-color: #ffa442;
    color: #FFF;
    text-decoration: none;
}

.entryForm .kakunin input,
.entryForm .bkakunin input {
    background-color: #666;
}

.entryForm .kakunin input:hover,
.entryForm .bkakunin input:hover {
    background-color: #999;
    color: #FFF;
    text-decoration: none;
}

/*送信ボタン*/
input[type=submit].button,
input[type=button].button {
    width: 100%;
    max-width: 300px;
    display: block;
    height: auto;
    padding: .75em;
    margin: 10px auto 0;
    /* width:100%; */
    background: #666;
    color: #fff;
    font-size: 1.0rem;
    font-weight: normal;
    font-weight: bold;
    letter-spacing: 2.0px;
    border-radius: 2px;
    border: none;
}

input[type=button]#back {
    background: #666;
    color: #fff;
}

input[type=submit]#submit {
    background: #00afcc;
    color: #fff;
}

input[type=submit].button:hover {
    background: #999;
    color: #fff;
}

input[type=button]#back:hover {
    background: #999;
    color: #fff;
}

input[type=submit]#submit:hover {
    background: #ec8abb;
    color: #fff;
}

input[type=submit].button[disabled],
input[type=submit].button:hover[disabled] {
    cursor: default;
    background: #ddd;
}

/* Checkbox, Radio 設定 */
input[type=checkbox],
input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 20px;
    width: 20px;
    vertical-align: -.4em;
    transition: all .15s ease-out 0s;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    margin: 0 .3em 0 0;
    outline: none;
    border-radius: 10%;
    padding: 0;
    vertical-align: middle;
}

/* Checkbox */
input[type=checkbox]:before,
input[type=checkbox]:after {
    position: absolute;
    content: "";
    background: #3c3e39;
    transition: all .2s ease-in-out;
}

input[type=checkbox]:before {
    left: 2px;
    top: 6px;
    width: 0;
    height: 2px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

input[type=checkbox]:after {
    right: 9px;
    bottom: 3px;
    width: 2px;
    height: 0;
    transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    transition-delay: .2s;
}

input[type=checkbox]:checked:before {
    left: 2px;
    top: 11px;
    width: 6px;
    height: 2px;
}

input[type=checkbox]:checked:after {
    right: 5px;
    bottom: 1px;
    width: 2px;
    height: 14px;
}

input[type=checkbox]:indeterminate:before,
input[type=checkbox]:indeterminate:after {
    width: 7px;
    height: 2px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}

input[type=checkbox]:indeterminate:before {
    left: 1px;
    top: 7px;
}

input[type=checkbox]:indeterminate:after {
    right: 1px;
    bottom: 7px;
}

/* Radio */
input[type=radio] {
    border-radius: 50%;
}

input[type=radio]:checked:before {
    transform: scale(1);
}

input[type=radio]:before {
    content: "";
    display: block;
    background-color: #252525;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 4px;
    transform: scale(0);
    transition: all ease-out 250ms;
}

/* Checkbox, Radio カラー */
.color input[type=checkbox],
.color input[type=radio] {
    border: 2px solid #3c3e39;
    padding: 0;
    background-color: #fff;
}

.color input[type=checkbox]:checked,
.color input[type=checkbox]:indeterminate,
.color input[type=radio]:checked:before {
    background: #3c3e39;
}

.color input[disabled] {
    background-color: #fff;
}

/* CWPCF7の上書き */
span.wpcf7-not-valid-tip {
    color: #f55;
    font-size: 1rem;
    font-weight: normal;
    display: block;
    line-height: 2;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
    border: 0;
    background-color: #f55;
    color: #fff;
    text-align: center;
    padding: 1.5em 1em;
}

label {
    margin-top: 5px;
}

@media screen and (min-width: 768px) {
    #contact .tel_info {}

    #contact .tel_info .ttl {}

    #contact .tel_info .tel {
        padding-left: 40px;
    }

    #contact .tel_info .tel:before {
        font-size: 2.0rem;
        margin-top: -14px;
    }

    #contact .tel_info a {
        font-size: 2.75rem;
    }

    #contact .taiou span {
        display: inline-block;
        margin-right: 15px;
    }
}