.sm {
    display: none;
}

.pc {
    display: block;
    margin: auto;
}

.pc_inline {
    display: inline;
}

.sp {
    display: none;
}

a {
    color: #000;
}

body {
    letter-spacing: 0.06em;
    color: #000;
    margin: 0 auto;
}

.on_sp {
    display: none;
}

.container {
    max-width: 1152px;
    position: relative;
}

.flex {
    display: flex;
}

.fwb {
    font-weight: bold;
}

.fw6 {
    font-weight: 600;
}

.fw7 {
    font-weight: 700;
}

.fw8 {
    font-weight: 800;
}

.fw9 {
    font-weight: 900;
}

.f_w {
    color: #fff;
}

.f_g {
    color: #777
}

.f_b {
    color: #0468b9;
}

.f_ora {
    color: #fc5c00;
}

.spe_f {
    font-family: 'Barlow', 'Noto Sans JP', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
}

section {
    margin-bottom: 7vh;
}

.fs20 {
    font-size: 2em;
}

.fs19 {
    font-size: 1.9em;
}

.fs18 {
    font-size: 1.8em;
}

.fs17 {
    font-size: 1.7em;
}

.fs16 {
    font-size: 1.6em;
}

.fs15 {
    font-size: 1.5em;
}

.fs14 {
    font-size: 1.4em;
}

.fs13 {
    font-size: 1.3em;
}

.bg_g {
    background-color: #eee;
}

.bg_w {
    background-color: #fff;
}

.bg_ora {
    background-color: #ec5904;
}

#contact_btn {
    margin-bottom: 7vh;
}

.tt {
    font-size: 1.9em;
    color: #fc5c00;
    font-family: 'Noto Sans JP', sans-serif;
}

.mb4p {
    margin-bottom: 4%;
}

.mb15 {
    margin-bottom: 15px;
}

.mb10 {
    margin-bottom: 10px;
}

.i_center {
    text-align: center;
}

.err-message p {
    margin-bottom: 10px;
}

.err-message span {
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 5px;
}

.swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 30px;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.swiper-container2 {
    position: relative;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

/*============= HEADER==============*/
.navbar {
    box-shadow: 0px 2px 2px #f5f5f5;
    padding: 7px 0 3px 0;
}

.pc_navbar {
    display: flex;
}

.navbar-brand img {
    max-width: 50%;
}

.box-tel, .box-mail {
    padding-top: 7px;
}

.box-tel {
    display: flex;
}

.telnote {
    background-color: #fc5c00;
    padding: 3px 25px;
    border-radius: 20px;
    height: 25px;
    margin-top: 10px;
    color: #fff;
    font-size: 0.8em;
}

.tel_text {
    font-size: 0.75rem;
    line-height: 15px;
    margin-right: 20px;
}

.tel_text strong {
    margin-bottom: 3px;
}

.tel_text span {
    line-height: 12px;
}

ruby {
    margin: 0 10px;
}

ruby a {
    font-size: 1.6rem;
    font-weight: bolder;
    font-family: 'Lato', sans-serif;
}

ruby rt {
    text-align: end;
    color: #ef5a24;
}

.box-mail {
    text-align: center;
    height: 40px;
    right: 0;
    margin-top: 10px;
    width: 195px;
    border-radius: 3px;
    background: #ef5a24;
}

.box-mail p {
    margin: 0 auto;
}

.maila {
    font-size: 0.9rem;
    text-align: center;
    padding-top: 3px;
}

.maila .satei_img, .maila .arrow_img {
    width: 16px;
    height: 16px;
    margin: 0 8px;
    vertical-align: bottom;
}


/*============= TOP_VIEW ==============*/
#top_view {
    background: url(../img/1_top.jpg) no-repeat;
    background-size: cover;
}

.top_view_con {
    padding: 9% 0 6% 0;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    position: relative;
}

.triangle_top {
    position: absolute;
    bottom: -22%;
    right: 0;
    left: 0;
    margin: 0 auto;
}

.topview_main {
    position: relative;
}

.top_view_con img {
    width: 150px;
}

.toptext_ora {
    background: rgba(247, 79, 28, 0.9);
    width: 85%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 5px;
    position: absolute;
    text-align: center;
    top: -5px;
}

.toptext_ora h3 strong {
    color: rgb(255, 217, 0);
}

.top_white {
    background: rgba(255, 255, 255, .9);
    padding: 1px;
}

.top_white .top_white_text {
    padding: 3% 4%;
}

.top_white .top_white_text h2 {
    border-bottom: dotted 3px #ee5c08;
    padding: 2% 0;
}

.top_white .top_white_text p {
    color: #000;
    margin-top: 10px;
}

/*FORM_TOP*/
.form_area {
    text-align: center;
}

.top_form {
    margin: 10px;
}

.top_form .form_baloon {
    animation: balloons 2s infinite;
    margin-left: 5px;
    font-size: 0.9em;
    display: inline-block;
    padding: 10px;
}

@keyframes balloons {
    0%, 100% {
        bottom: 9px
    }
    50% {
        bottom: 0;
    }
}

.top_form .form_baloon::after {
    left: 35%;
    bottom: -6px;
    border-right: 10px solid transparent;
    border-top: 7px solid #fff;
    border-left: 10px solid transparent;
}

.pc.top_form {
    position: relative;
}

.pc.top_form .top_f_tt {
    position: absolute;
    top: -30px;
    width: 50%;
    right: 17%;
}

.top_form {
    background: rgba(247, 79, 28, 0.75);
}

.top_form .top_form_main {
    padding: 30px 3% 15px 3%;
}

.top_form .top_form_main .columns {
    padding: 0.3rem;
}

.top_form .top_form_main .columns .select {
    border-radius: 5px;
    height: 2em;
}

.top_form .top_f_tt {
    margin: 15px 0;
}

.top_form .top_f_tt strong {
    border: 2px solid rgb(255, 208, 0);
    padding: 5px 10px;
    margin-left: 10%;
}

.top_form .form_baloon {
    border: solid 1px #ff4400;
    padding: 3px;
    max-width: 100px;
    display: initial;
    color: #000;
}

.top_form_btn.column.is-one-fifth {
    justify-content: center;
    align-items: end;
    margin-top: auto;
}

.top_form select {
    width: 100%;
    padding: 6px !important;
}

.top_form label {
    color: #fcfcfc;
}

.top_form_btn button {
    background: rgb(3, 161, 53);
    background: linear-gradient(0deg, rgba(3, 161, 53, 1) 45%, rgba(214, 241, 21, 1) 100%);
    height: 2em;
    padding-top: 3px;
    width: 100%;
    color: #fcfcfc;
}

.top_form_btn button:hover {
    background-position: right center;
}

.top_form_btn button:hover img {
    filter: brightness(0);
}

.top_form_btn img {
    width: 15px;
    margin-left: 18%;
}


/*============= CONTACT_BTN ==============*/
.contact_btn_con {
    padding: 0 11%;
}

@keyframes hover {
    50% {
        transform: translateY(-3px);
    }
    100% {
        transform: translateY(-6px);
    }
}

@keyframes hover-shadow {
    0% {
        transform: translateY(6px);
        opacity: .4;
    }
    50% {
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        transform: translateY(6px);
        opacity: .4;
    }
}

.btn {
    text-align: center;
    display: block;
    position: relative;
    transition-duration: 0.3s;
    transition-property: transform;
    -webkit-tap-highlight-color: transparent;
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.btn:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    transition-duration: 0.3s;
    transition-property: transform opacity;
}

.btn:hover {
    transform: translateY(-6px);
    animation-name: hover;
    animation-duration: 1.5s;
    animation-delay: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.btn:hover:before {
    opacity: .4;
    transform: translateY(6px);
    animation-name: hover-shadow;
    animation-duration: 1.5s;
    animation-delay: .3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.web_btn a p {
    padding: 20px 0;
    background: url(../img/2_buttonA.png) center no-repeat;
    background-size: cover;
    border: solid 1px #a5a5a5;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1),
    1px -1px 0 rgba(255, 255, 255, 1),
    -1px 1px 0 rgba(255, 255, 255, 1),
    1px 1px 0 rgba(255, 255, 255, 1);
}

.tel_btn a p {
    padding: 20px 0;
    background: url(../img/2_buttonB.png) center no-repeat;
    background-size: cover;
    border: solid 1px #a5a5a5;
    font-family: 'Lato', sans-serif;
    color: #d60000;;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1),
    1px -1px 0 rgba(255, 255, 255, 1),
    -1px 1px 0 rgba(255, 255, 255, 1),
    1px 1px 0 rgba(255, 255, 255, 1);
}

.line_btn a p {
    padding: 20px 0;
    background: url(../img/2_buttonC.png) center no-repeat;
    background-size: cover;
    border: solid 1px #089e3a;
    color: #089e3a;
    text-shadow: -1px -1px 0 rgba(255, 255, 255, 1),
    1px -1px 0 rgba(255, 255, 255, 1),
    -1px 1px 0 rgba(255, 255, 255, 1),
    1px 1px 0 rgba(255, 255, 255, 1);
}

.web_btn img, .tel_btn img, .line_btn img {
    width: 20px;
    vertical-align: top;
    margin-left: 5%;
    margin-top: 6px
}

.ctbtn_text {
    padding: 5px 0;
    border-radius: 0 0 15px 15px;
}

/*============= JUMP_BTN ==============*/
#jump_btn {
    background: #444;
    margin-bottom: 10vh;
}

.jump_ul {
    padding: 15px 1%;
}

.jump_ul li {
    margin: 0 1%;
    padding: 0;
}

.jump_ul li a img {
    width: 18px;
    vertical-align: middle;
    margin-right: 5px;
}

.button_su {
    overflow: hidden;
    position: relative;
    display: inline-block;
    border-radius: 3px;
    width: 100%;
}

.su_button_circle {
    background-color: red;
    border-radius: 1000px;
    position: absolute;
    left: 0;
    top: 0;
    width: 0px;
    height: 0px;
    margin-left: 0px;
    margin-top: 0px;
    pointer-events: none;
    /*animation-timing-function: ease-in-out; */
}

.button_su_inner {
    display: inline-block;
    background: #fff;
    color: #000;
    font-weight: normal;
    text-align: center;
    border-radius: 3px;
    transition: 400ms;
    text-decoration: none;
    z-index: 100000;
}

.button_text_container {
    position: relative;
    z-index: 5;
}

.explode-circle {
    animation: explode 0.5s forwards;

}

.desplode-circle {
    animation: desplode 0.5s forwards;
}

@keyframes explode {
    0% {
        width: 0px;
        height: 0px;
        margin-left: 0px;
        margin-top: 0px;
        background-color: rgba(42, 53, 80, 0.2);
    }
    100% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: rgba(255, 145, 0, 0.8);
    }
}

@keyframes desplode {
    0% {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -200px;
        background-color: rgba(255, 145, 0, 0.8);
    }
    100% {
        width: 0px;
        height: 0px;
        margin-left: 0px;
        margin-top: 0px;
        background-color: rgba(247, 184, 125, 0.6);
    }
}

.jump_ul li a {
    display: block;
    padding: 5% 0;
}

/*============= REASON ==============*/
#reason {
    margin-top: 20vh;
    margin-bottom: 0;
}

.reason_main {
    background: url(../img/bg3.jpg) left/55% no-repeat;
    position: relative;
}

.reason_block {
    position: relative;
    overflow: hidden;
    padding-right: 170px;
}

.reason_main .container {
    max-width: 1300px;
    position: initial;
}

.reason_img {
    position: absolute;
    right: 0%; /* 画面の右端から10%の位置に固定 */
    width: 320px; /* 必要に応じて調整 */
    bottom: -6px; 
}

.rs_con {
    position: relative;
}

.reason_main .rs_con {
    position: initial;
}

.rs_con .tt {
    position: absolute;
    top: -2.2em;
}

.rs_ul {
    width: 64%;
    padding: 7% 0;
    margin: 0 0 0 auto;
}

.rs_ul li {
    background: #fff;
    display: flex;
    padding: 20px 20px 20px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px #ccc;
}

.rs_ul li img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.rs_ul li h3 {
    margin: 5px 20px 0 0;
}

.rs_ul li:last-child {
    margin-bottom: 0
}

.rs_text {
    font-size: 1.4em;
    text-align: center;
    padding: 3vh 0;
    line-height: 1.7em;
}

.rs_text strong {
    font-size: 2em;
    color: #fff;
    vertical-align: sub;
}

/*============= ACHIEVEMENTS ==============*/
#achievements {
    background: url(../img/idx_buy_bg.jpg) center/50% no-repeat;
    background-size: cover;
    margin-bottom: 380px;
}

.achi_con {
    margin: auto;
    padding: 12% 0 35% 0;
    position: relative;
}

.achi_form {
    position: absolute;
    bottom: -15%;
}

#achive_tt {
    position: absolute;
    right: 10%;
    top: 2.8%;
    text-align: right;
    z-index: 3;
}

/*----swiper slider-----*/
.achi_swiper {
    background: #fff;
    padding: 3% 0 2% 0;
}

.zisseki_box {
    margin: 10%;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 0px !important;
}

.zisseki_in {
    box-shadow: 0 0 5px #ccc;
}

.zisseki_info {
    padding: 5% 5% 10% 5%;
}

.zisseki_box .zisseki_info .title {
    border-bottom: solid 1px #ff4400;
    margin-bottom: 3%;
    padding-bottom: 10px;
}

.price {
    display: flex;
    margin-bottom: 25px;
}

.price_title {
    font-size: 1.2em;
}

.price_value {
    color: black;
    margin-left: auto;
}

.zisseki_info ul {
    display: flex;
}

.zisseki_info ul li {
    border: #777 solid 1px;
    text-align: center;
    border-radius: 15px;
}

.zisseki_info ul .column {
    padding: 0;
    margin: 0 3px;
}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none !important;
}

.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none !important;
}

.swiper-pagination {
    padding: 0 10%;
}

.achi_note {
    margin: 3% 5%;
    border-top: #ec5904 solid 1px;
    padding-top: 10px;
    color: black;
}

/*============= FIRST_FORM =============*/
.form_erea {
    text-align: center;
}

.form_baloon {
    position: relative;
    display: inline-block;
    margin: 2em 0;
    padding: 1% 2%;
    max-width: 100%;
    font-size: 1.2em;
    border-radius: 5px;
    border: solid 1.7px #ee5c08;
    background-color: #fff;
}

.form_baloon:before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 45%;
    bottom: -15px;
    border-right: 25px solid transparent;
    border-top: 15px solid #ee5c08;
    border-left: 25px solid transparent;
}

.form_baloon:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 45%;
    bottom: -13.3px;
    border-right: 25px solid transparent;
    border-top: 15px solid #fff;
    border-left: 25px solid transparent;
}


.form {
    width: 100%;
    background-color: #fff;
    border-top: 15px solid #ee5c08;
    box-shadow: 0 0 10px #aaa;
    margin: 0 auto 5% auto;
    position: relative;
    padding: 0% 7% 5% 7%;
}

.form .form_tt {
    text-align: center;
    padding: 30px 0 0 0;
}

.form .form_tt img {
    max-width: 75px;
    position: absolute;
    right: 5%;
    top: -10%;
}

.form .form_main {
    text-align: left;
    padding: 5% 0;
}

.form .form_main .column {
    width: 45%;
}

.form .form_main .column label {
    position: relative;
    margin-bottom: 0.5em;
}

/* .form .form_main .column label  {font-size: 9px;background-color: rgb(110, 110, 110);color: #fff;padding:2px 3px 2px 3px;position: absolute;right: 0;border-radius: 3px;} */
.form .form_main .column .select {
    width: 100%;
    border-radius: 5px;
    background-color: #fefefe;
}

.form .form_btn_box {
    text-align: center;
}

.form .form_btn {
    margin-bottom: 15px;
    background-color: #f15112;
    color: #fff;
    text-align: center;
    width: 100%;
}

.form .form_btn img {
    margin-left: 1em;
    width: 20px;
}

.form button .form_btn_box:focus {
    outline: 0 !important;
}

.form button.form_btn_box {
    background: none;
    border: none;
    width: 50%;
    margin: 5px auto 35px auto;
    justify-content: center;
    cursor: pointer;
}


/*============= FREE ==============*/
#free {
}

.ora_big_arrow {
    width: 100px;
}

.free_sub {
    padding: 60px;
}

.free_sub li {
    border: solid #aaa;
    border-width: 0 1px;
    padding: 0 20px;
}

.free_sub li h3 {
    font-style: italic;
    padding-bottom: 5px;
    border-bottom: solid 1px #ee5c08;
    margin-bottom: 15px;
}

.free_sub li h3 img {
    width: 18px;
    margin-right: 10px;
}

.cancel {
    padding: 5px 35px;
}

.cancel h3 {
    padding: 5px 0;
    border-radius: 0 0 15px 15px;
}

/*============= BUY_STEP ==============*/
#buy_step {
    margin-top: 15vh;;
    padding: 5vh 0 10vh 0;
    background: url(../img/7_step_bg.png) bottom no-repeat;
    background-size: cover;
}

#buy_step .container {
    position: relative;
}

.bs_main {
    margin: 0 auto;
}

.buystep_tt {
    position: absolute;
    top: -7vh;
}

.step {
    background-color: #fff;
    border: 1px solid #999;
    margin: 5% 2% 2% 2%;
}

.step_tt {
    padding: 5px 0 10px 0;
    margin: 0 5% 10;
    border-bottom: #ee5c08 solid 1px;
}

.step_tt img {
    width: 1.6em;
    vertical-align: bottom;
    margin-right: 10px;
}

.step h4 {
    padding: 5px 0;
    margin: 15px 0;
}

/*============= UUNIQUE ==============*/
#unique {
    margin-top: 20vh;
    margin-bottom: 0;
}

.uni_main {
    background: url(../img/bg1.jpg) right/55% no-repeat;
}

.uni_con {
    position: relative;
}

.uni_con .uni_tt {
    position: absolute;
    top: -2.2em;
    right: 5%;
    text-align: right;
}

.uni_con .uni_tt .tt {
    color: #000;
}

.uni_con .uni_tt strong {
    font-size: 0.8em;
    background-color: #ee5c08;
}


.number {
    font-family: 'Prompt', sans-serif;
    font-size: 40px;
}

.uni_ul {
    width: 60%;
    padding: 7% 0;
}

.uni_ul li {
    background: #fff;
    display: flex;
    padding: 15px 20px;
    margin-bottom: 30px;
    box-shadow: 0 0 10px #ccc;
}

.uni_ul li:last-child {
    margin-bottom: 0;
}

.uni_ul li img {
    width: 40px;
    height: 40px;
    margin-right: 15px;
}

.uni_ul li h3 {
    border-bottom: orangered 1px solid;
    width: 100%;
}

.uni_text {
    display: table-cell;
}

/*============= P_NOTE ==============*/
.uni_p_note {
    background: url(../img/9_p_note.jpg) center no-repeat;
    background-size: cover;
    margin-top: 7%;
}

.note_con {
    padding: 5vh 0;
}

/*============= CT_METHOD ==============*/
#method {
    background: url(../img/10_form_arrow.png) no-repeat bottom;
}

/*============= QUESTION ==============*/
.arrow-right {
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgb(250, 112, 0);
    margin: 90% auto;
}

#question {
    margin-top: 20vh;
    margin-bottom: 0;
}

.que_main {
    background: url(../img/question_bg.jpg) left/55% no-repeat;
}

.que_con {
    position: relative;
}

.que_con .tt {
    position: absolute;
    top: -1.1em;
}

.que_ul {
    width: 60%;
    padding: 8% 0;
    margin: auto 0 auto auto;
}

.que_ul li {
    margin-bottom: 40px !important;
}

.que_ul li:last-child {
    margin-bottom: 0 !important;
}

.que_li_q {
    position: relative;
    display: inline-block;
    margin: 1.5em 0;
    padding: 10px;
    min-height: 100px;
    max-width: 100%;
    color: #555;
    background: #fff;
    border-radius: 15px;
    box-shadow: 0 0 10px #aaa;
}

.que_li_q:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 25%;
    margin-left: -15px;
    border-right: 20px solid transparent;
    border-top: 15px solid #fff;
    border-left: -10px solid transparent;

}

.que_li_a {
    padding: 10px 15px;
    border-radius: 15px;
    box-shadow: 0 0 10px #ccc;
}

/*============= P_NOTE_B  ==============*/
.p_note_b {
    font-size: initial;
    background-color: #ee5c08;
    padding: 20px 0;
}

.p_note_b div strong {
    vertical-align: middle;
}

/*============= CUSTOMER ==============*/
#customer {
    background: url(../img/custom_bg.jpg) no-repeat;
    background-size: cover;
    padding: 7% 0 5% 0;
}

.cus_main {
    margin: 7% auto;
    background: rgba(255, 255, 255);
}

#customer .container .tt {
    text-align: right;
    margin: 0% 10% -10% 0;
}

.voice_box {
    padding: 5% 10% 0 10%;
}

.voice_main {
    border: #ccc solid 1px;
    padding: 0 5%;
    margin-bottom: 5%;
    min-height: 35vh;
    background: rgba(255, 255, 255);
}

.voice_img_box {
    display: flex;
    margin-bottom: 20px;
}

.voice_img_box img {
    width: 140px;
    height: 140px;
    float: left;
    box-sizing: border-box;
    margin-right: 5%;
    margin-top: -25px;
}

.clients_name {
    height: 80px;
    padding-top: 20px;
    color: #000;
    line-height: 2.3em;
    border-bottom: #f15112 solid 1px;
    width: 100%;
}

.clients_name span strong {
    margin-right: 15px;
}

.voice_text {
    line-height: 1.7em;
    font-size: 0.95em;
}

.display_sp {
    display: none;
}

/*============= FOOTER ==============*/
footer {
    text-align: center;
    width: 100%;
    background: #292929;
    padding: 10px 0;
    bottom: 0;
    margin-top: 5%;
}

.f_text, .f_text a {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 3px 0;
}

footer a:hover {
    color: rgb(255, 208, 0);
}

.f_text.f_text-s {
    font-size: 0.8rem;
}


/* 202012111 */
#top_view_new {
    background-image: url(../img/top_bg_pc.png);
    background-repeat: no-repeat;
    background-size: cover;
}

#top_view_new .content {
    padding: 11px 0 0 0;
}
#top_image_02 {
    margin-bottom: -0.5%;
}

#top_view_form_new {
    background: #EF5A24;
}

.call_bunner .cv_call_text {
    width: 350px;
    margin: auto;
    position: relative;
}

.call_bunner .cv_call_text span {
    display: block;
    position: absolute;
    top: 25px;
    left: 80px;
    font-size: 2.0rem;
    font-weight: bold;
    color: #fff;
    text-shadow: #56AA64 2px 0px 0px, #56AA64 -2px 0px 0px,
    #56AA64 0px -2px 0px, #56AA64 0px 2px 0px,
    #56AA64 2px 2px 0px, #56AA64 -2px 2px 0px,
    #56AA64 2px -2px 0px, #56AA64 -2px -2px 0px,
    #56AA64 1px 2px 0px, #56AA64 -1px 2px 0px,
    #56AA64 1px -2px 0px, #56AA64 -1px -2px 0px,
    #56AA64 2px 1px 0px, #56AA64 -2px 1px 0px,
    #56AA64 2px -1px 0px, #56AA64 -2px -1px 0px,
    #56AA64 1px 1px 0px, #56AA64 -1px 1px 0px,
    #56AA64 1px -1px 0px, #56AA64 -1px -1px 0px;;
}
.call_bunner .cv_call_text2 {
    margin: auto;
    position: relative;
}

.call_bunner .cv_call_text2 span {
    display: block;
    position: absolute;
    top: 19px;
    left: 55px;
    font-size: 1.3rem;
    font-weight: bold;
    color: #fff;
    text-shadow: #56AA64 2px 0px 0px, #56AA64 -2px 0px 0px,
    #56AA64 0px -2px 0px, #56AA64 0px 2px 0px,
    #56AA64 2px 2px 0px, #56AA64 -2px 2px 0px,
    #56AA64 2px -2px 0px, #56AA64 -2px -2px 0px,
    #56AA64 1px 2px 0px, #56AA64 -1px 2px 0px,
    #56AA64 1px -2px 0px, #56AA64 -1px -2px 0px,
    #56AA64 2px 1px 0px, #56AA64 -2px 1px 0px,
    #56AA64 2px -1px 0px, #56AA64 -2px -1px 0px,
    #56AA64 1px 1px 0px, #56AA64 -1px 1px 0px,
    #56AA64 1px -1px 0px, #56AA64 -1px -1px 0px;;
}

/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ TABLET ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼==*/
@media screen and (max-width: 1023px) {

    /*header*/
    .navbar .container {
        display: flex;
    }

    .tablet {
        display: none;
    }

    .navbar-brand {
        width: 30%;
    }

    .navbar-brand a img {
        width: 100%;
    }

    .navbar-end {
        margin-left: auto;
    }

    /*top_view*/
    .topview_main {
        width: 85%;
    }

    .triangle_top {
        bottom: -19%;
    }

    /*jump_btn*/
    /*contact_btn_con*/
    .contact_btn_con {
        padding: 0 8%;
    }

    /*free*/
    #free {
        margin-bottom: 5vh;
    }

    #free h3 {
        font-size: 100%;
    }

    .free_sub {
        padding-bottom: 20px;
    }

    .free_sub li {
        margin-bottom: 2em;
    }

    .cancel {
        padding: 0;
    }

    .cancel h3 {
        padding: 5px 20px;
    }


    /*reason*/
    #reason .container {
        padding: 0 2%;
    }

    .reason_main {
        background-size: 65%;
    }

    .rs_ul {
        width: 67%;
        padding: 15% 0;
    }

    .rs_ul li {
        padding: 15px 0 15px 15px;
        background-color: rgba(255, 255, 255, .7);
        margin-bottom: 25px;
    }

    .rs_text {
        font-size: 1.1em;
    }

    .rs_ul li img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .rs_ul li h3 {
        margin: 5px 10px 0 0;
    }

    .rs_ul li p {
        line-height: 18px;
    }

    /*achive*/
    .achi_form {
        bottom: -25%;
    }

    #achievements {
        padding-top: 5%;
        margin-bottom: 8%;
    }

    #achievements .container .tt {
        padding: 0 5%;
        margin-top: -3%;
    }

    .zisseki_info ul li {
        font-size: 11.5px;
    }

    .form_baloon {
        margin: 2em 0;
        font-size: 13px;
    }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 40px !important;
    }

    .achi_form {
        position: initial;
    }

    .achi_con {
        padding-bottom: 5%;
    }

    /*unique*/
    .uni_main {
        background-size: 70%;
    }

    #unique .container {
        padding: 0 5%;
    }

    #unique .container .uni_tt {
        right: 5%;
    }

    .uni_ul {
        padding: 20% 0 15% 0;
        width: 80%;
    }

    .uni_ul li {
        padding: 10px;
        margin-bottom: 20px;
        background: rgba(255, 255, 255, .9);
    }

    .uni_ul li h3 {
        margin-bottom: 5px;
    }

    /*question*/
    #question {
        margin-top: 10vh;
    }

    .que_main {
        background-size: 65%;
    }

    .que_con .tt {
        top: 2em;
    }

    .que_ul {
        width: 70%;
        padding: 18% 2% 18% 0;
    }

    .que_ul li {
        margin-bottom: 40px !important;
    }

    .que_li_q {
        padding: 5px 0;
        background: rgba(255, 255, 255, .8);
    }

    .que_li_a {
        background: rgba(255, 255, 255, .8);
    }

    .que_li_q h4, .que_li_a h4 {
        margin-bottom: 3px;
    }


}

@media screen and (min-width: 769px) {
    .sm {
        display: none;
    }

    .free_sub li:nth-child(2) {
        border: none;
    }

}


/*★★★★★★★★★★★★★★★★★ SMARTPHONE ★★★★★★★★★★★★★★★★★*/
@media screen and (max-width: 768px) {
    .truck_img_up {
        width: 34% !important; 
        margin-top: 2%; 
        margin-left: 1.5%;
    }
    .pc {
        display: none !important;
        margin: auto;
    }
    .pc_inline {
        display: none!important;
    }

    .sm {
        display: block !important;
    }

    body {
        font-size: 85%;
        overflow-x: hidden;
    }

    .fs20 {
        font-size: 1.8em;
    }

    .fs19 {
        font-size: 1.7em;
    }

    .fs18 {
        font-size: 1.6em;
    }

    .fs17 {
        font-size: 1.5em;
    }

    .fs16 {
        font-size: 1.4em;
    }

    .fs15 {
        font-size: 1.3em;
    }

    .fs14 {
        font-size: 1.2em;
    }

    .on_sp {
        display: contents;
    }


    /*header*/
    .sm_navbar {
        display: flex !important;
        padding-top: 7px;
        position: absolute;
        left: 38%;
        top: -20px;
        min-width: 400px;
    }

    .sm_mail_icon {
        margin: 0 auto;
    }

    .sm_mail_icon img {
        width: 40px;
        vertical-align: bottom;
    }

    .sm_tel_icon img {
        width: 30px;
        vertical-align: bottom;
        padding-top: 5px;
    }

    .sm_line_icon img {
        width: 30px;
        vertical-align: bottom;
        padding-top: 5px;
    }

    .box-mail {
        background-color: #fff;
        width: auto;
        margin-top: 0;
    }

    .box-tel, .box-mail {
        display: inline-block;
    }

    .navbar-brand {
        display: inline-block;
        width: 100%;
    }

    .navbar-brand a img {
        width: 70%;
    }

    .navbar .container {
        display: flex;
    }

    .top_white .top_white_text h2 {
        padding-top: 5%;
    }

    /*top_view*/
    .topview_main {
        width: 95%;
        margin: 0 auto;
    }

    .top_view_con {
        padding: 20% 0 15% 0;
    }

    .toptext_ora {
        font-size: 12px;
        width: 90%;
    }

    .triangle_top {
        bottom: -28%;
    }

    .form .form_tt {
        padding: 20px 0 0 0;
    }

    .form_baloon {
        width: 100%;
        padding: 5px 0;
    }

    .form .form_tt img {
        width: 60px;
    }

    .form .form_main .column label {
        font-size: 14px;
    }

    .form .form_main .column .select {
        font-size: 14px;
    }

    /*jump_btn*/
    #jump_btn {
        display: none;
    }

    /*contact_btn*/
    #contact_btn .container {
        padding: 0 10%;
        font-size: 100%;
    }

    .tel_btn p, .web_btn p, .line_btn p {
        margin-bottom: 2%;
    }

    .web_btn img, .tel_btn img, .line_btn img {
        margin-top: 3px;
    }

    /*reason*/
    #reason {
        margin-top: 15vh;
    }

    .reason_main {
        background-size: cover;
    }

    #reason .container {
        padding: 0 5%;
    }

    .rs_ul {
        width: 100%;
        margin: auto;
        padding: 15% 0;
    }

    .rs_ul li {
        margin-bottom: 15px;
    }

    .rs_text {
        font-size: 1.1em;
    }

    .rs_ul li img {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .rs_ul li h3 {
        font-size: 1em;
    }

    .rs_ul li p {
        font-size: 12px;
        line-height: 20px;
    }

    /*achievements*/
    #achievements {
        padding-top: 5%;
    }

    #achievements .container .tt {
        padding: 0 5%;
        margin-top: -10%;
    }

    .form_baloon {
        margin: 2em 0;
        font-size: 13px;
    }

    .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 40px !important;
    }

    .achi_form {
        position: initial;
    }

    .achi_con {
        padding-bottom: 5%;
    }

    /*free*/
    #free {
        margin-bottom: 5vh;
    }

    #free h3 {
        font-size: 1.4em;
    }

    .free_sub {
        padding-bottom: 20px;
    }

    .free_sub li {
        margin-bottom: 2em;
    }

    .cancel {
        padding: 0;
    }

    .cancel h3 {
        padding: 5px 20px;
    }

    /*buy_step */
    #buy_step {
        padding: 8vh 0 10vh 0;
    }

    .buystep_tt {
        top: -10vh;
        padding: 0 5%;
    }

    .step {
        margin: 5% 15%;
    }

    #buy_step h3 {
        font-size: 1em;
    }

    /*unique*/
    .uni_main {
        background-size: cover;
    }

    #unique .container {
        padding: 0 5%;
    }

    #unique .container .uni_tt {
        right: 5%;
    }

    .number {
        font-size: 30px;
        top: 0;
        bottom: 0;
        margin: auto 10px auto auto;
    }

    .uni_ul {
        padding: 20% 0 15% 0;
        width: 100%;
    }

    .uni_ul li {
        padding: 10px;
        margin-bottom: 15px;
        background: rgba(255, 255, 255, .9);
    }

    .uni_ul li h3 {
        margin-bottom: 5px;
    }

    /*#p_note*/
    #p_note {
        font-size: 12px;
        margin-bottom: 0;
    }

    /*question*/
    #question {
        background-size: cover;
        margin-top: 15vh;
    }

    .que_main {
        background-size: cover;
    }

    .que_con {
        position: relative;
    }

    .que_con .tt {
        position: absolute;
        top: -1.1em;
    }

    #question .container {
        padding: 0 5%;
    }

    .que_ul {
        width: 100%;
        margin-top: 5vh;
        padding: 18% 0;
    }

    .que_ul li {
        margin-bottom: 40px !important;
    }

    .que_li_q {
        padding: 5px 0;
    }

    .que_li_a {
        padding: 5px;
        margin-left: 10px;
    }

    .que_li_q h4, .que_li_a h4 {
        margin-bottom: 3px;
    }


    /*customer*/
    #customer {
        margin-bottom: 0 !important;
    }

    #customer .container {
        padding: 0 5%;
    }

    .voice_box {
        padding: 3%;
    }

    .voice_main {
        min-height: 30vh;
        padding-bottom: 5%;
    }

    .voice_img_box {
        margin-bottom: 10px;
    }

    .voice_img_box img {
        width: 90px;
        height: 90px;
        margin-top: -10px;
    }

    .clients_name {
        height: 60px;
        color: #000;
        line-height: 1.6em;
        border-bottom: #f15112 solid 1px;
        width: 100%;
        padding-top: 10px;
    }

    .clients_name h2 {
        font-size: 1em;
    }

    .voice_text {
        font-size: 12px;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0 !important;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0 !important;
    }

    .form .form_main .column {
        display: flex;
        align-items: center;
        width: 100%;
    }
    .form .form_main .column label {
        width: 35%;
    }
    .form .form_main .columns.is-mobile {
        display: block;
    }

}

@media screen and (max-width: 560px) {
    .zisseki_box {
        padding: 5% 10% 10%;
    }

    .topview_main {
        width: 100%;
    }

    .top_white .top_white_text h2 {
        padding-top: 10%;
        font-size: 1.34rem;
    }

    .form_baloon:before {
        left: 43%;
    }

    .form_baloon:after {
        left: 43%;
    }
}


.sm_navbar .box-tel {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.sm_navbar .box-tel .tel_text {
    width: 100%;
    font-size: 0.6rem;
}

.sm_navbar .box-tel .telnote {
    background-color: #fc5c00;
    padding: 3px 10px;
    border-radius: 20px;
    margin-top: 13px;
    height: 20px;
    color: #fff;
    font-size: 0.6em;
}

.sm_navbar .box-tel a {
    font-size: 1.4rem;
}

form select {
    padding: 10px;
    width: 100%;
    border: solid 2px #ccc;
    border-radius: 5px;
    border-color: #777 #ccc #ccc #777;
    background-color: #fefefe;
}
form input {
    border-color: #ccc;
}


/* スライダー修正 */
.achi_swiper_tit {
    font-size: 1.7em;
    font-weight: bold;
    color: #fc5c00;
    padding-left: 40px;
    font-family: 'Noto Sans JP', sans-serif;
}

.zisseki_box {
    margin-top: 5%;
}

.achi_block {
    padding-bottom: 60px;
}

.zisseki_info ul li {
    font-size: 14px;
}

@media screen and (max-width: 560px) { 
    .achi_block {
        padding-bottom: 0px;
    }
    .achi_swiper {
        padding-top: 15%;
    }
    .zisseki_info ul li {
        font-size: 10px;
    }
    .zisseki_box {
        margin-top: 1%;
    }
    #achive_tt {
        top: 3.2%;
    }
}

/* 年間買取実績 */
.purchase {
    padding-top: 80px;
}

.purchase h2 {
  color: #EF5A24;
  font-size: 1.9em;
  font-weight: bold;
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  z-index: 999;
  width: max-content;
  margin-top: -80px;
}

.purchase_block2 {
    position: relative;
    
}

.purchase_block2 .container {
    height: 420px;
}

.purchase_block2_og  {
    background-color: #EF5A24;
    padding-top: 250px;
    padding-bottom: 80px;
}

/* .purchase_block2_og .purchase_box2 {
    width: 800px;
    margin: 0 auto;
} */

.purchase_box {
    margin: 0 auto;
    width: 925px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 99;
    top: 55px;
    margin-top: -40px;
}

.purchase_img_arrow {
    width: 100px;
    margin: 0 auto;
    display: block;
}


@media screen and (max-width: 768px) { 
    .purchase_box {
        width: 95%;
        top: 9.33vw;
    }
    .purchase_block2_og .purchase_box2 {
        width: 95%;
    }
    .purchase_block2 .container {
        height: 90vw;
    }

    #achievements .container .tt{
        padding: 0 5%;
        margin-top: -50px;
        text-align: center;
    }

    /* .purchase_block2_og {
        padding-top: 32vw;
    } */
    .reason_block {
        padding-right: 0;
        overflow: visible;
    }
    .reason_img {
        width: 30.67vw;
        top: -14.13vw;
    }
}