@charset "UTF-8";

.subtitle{
	color:#950000;
	font-size: 105%;
	font-weight: bold;
}

/* pc */
@media screen and (min-width: 768px) {
    .under_faq_main::after{
        content: "";
        background-image: url(../img/under_orderh_img01.jpg);
        width: 804px;
        height: 399px;
        position: absolute;
        top: 0;
        left: 322px;
    }
    .orderflow_box01{
        width: 820px;
        margin: 150px auto 0;
    }
    .orderflow_box01_inner{
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        width: 202px;
        align-items: center;
    }
    .orderflow_box01_inner img:nth-child(1){
        width: 80px;
        height: 213px;
        margin-bottom: 10px;
    }
    .orderflow_box01_inner img:nth-child(2){
        width: 202px;
        height: 137px;
    }
    .orderflow_box__arrow{
        position: relative;
    }
    .orderflow_box__arrow::after{
        content: "";
        background-image: url(../img/under_orderh_step_arrow.png);
        width: 27px;
        height: 22px;
        position: absolute;
        bottom: -100px;
        left: calc(50% - 13px);
    }
    .orderflow_box02{
        width: 820px;
        margin: 100px auto 180px;
    }
    .orderflow_box02_1{
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }
    .orderflow_box02_1_left{
        width: 412px;
    }
    .orderflow_box02_1_left_ttl{
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box02_1_left_ttl img{
        margin-right: 10px;
    }
    .orderflow_box02_1_left_ttl p{
        color: #3F210E;
        font-size: 28px;
    }
    .orderflow_box02_1_left__p{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
    }
    .orderflow_box02_2{
        display: flex;
        justify-content: space-between;
        margin-bottom: 50px;
    }
    .orderflow_box02_2_left{
        width: 373px;
    }
    .orderflow_box02_2_right{
        width: 373px;
    }
    .orderflow_box02_2_left img,.orderflow_box02_2_right img{
        margin-bottom: 12px;
    }
    .orderflow_box02_2_left p,.orderflow_box02_2_right p{
        font-size: 14px;
        color: #3F210E;
    }
    .orderflow_box02_3 img{
        margin-bottom: 12px;
    }
    .orderflow_box02_3 p{
        font-size: 14px;
        color: #3F210E;
    }
    .orderflow_box03{
        width: 820px;
        margin: 100px auto 180px;
    }
    .orderflow_box03_ttl{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box03_ttl img{
        margin-right: 10px;
    }
    .orderflow_box03_ttl p{
        color: #3F210E;
        font-size: 28px;
    }
    .orderflow_box03__p{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
        margin-bottom: 25px;
    }
    .orderflow_box03__imgbox{
        display: flex;
        justify-content: space-between;
    }
    .orderflow_box04{
        width: 820px;
        margin: 100px auto 180px;
        display: flex;
        justify-content: space-between;
    }
    .orderflow_box04_left{
        width: 412px;
    }
    .orderflow_box04_ttl{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box04_ttl img{
        margin-right: 10px;
    }
    .orderflow_box04_ttl p{
        color: #3F210E;
        font-size: 28px;
    }
    .orderflow_box04_left__p01{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
        margin-bottom: 25px;
    }
    .orderflow_box04_left_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        border-bottom: solid 1px #D49999;
        padding: 20px 0;
    }
    .orderflow_box04_left_box_first{
        border-top: solid 1px #D49999;
    }
    .orderflow_box04_left_box_last{
        margin-bottom: 50px;
    }
    .orderflow_box04_left_box__left{
        font-size: 14px;
        color: #950000;
        width: 93px;
    }
    .orderflow_box04_left_box__right{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
        width: 320px;
    }
    .orderflow_box04_left__p02{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
    }
    .orderflow_box04_right{
        width: 373px;
    }
    .orderflow_box04_right img{
        margin-bottom: 10px;
    }
    .orderflow_box05{
        width: 820px;
        margin: 100px auto 180px;
    }
    .orderflow_box05_ttl{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box05_ttl img{
        margin-right: 10px;
    }
    .orderflow_box05_ttl p{
        color: #3F210E;
        font-size: 28px;
    }
    .orderflow_box05__p{
        color: #3F210E;
        font-size: 14px;
        line-height: 200%;
        margin-bottom: 25px;
    }
    .orderflow_box05__imgbox{
        display: flex;
        justify-content: space-between;
    }

.under_jibun_box08{
        display: flex;
        margin: 80px 0 100px;
    }
    .under_jibun_box08_right{
        width: 832px;
        height: 550px;
        position: relative;
    }
    .under_jibun_box08_right::after{
        content: "";
        background-image: url(../img/order_topimg02.png);
        background-repeat: no-repeat;
        width: 583px;
        height: 532px;
        position: absolute;
        z-index: -1;
        right: 40px;
        top: 15px;
    }
    .under_jibun_box08_right__link01{
        position: absolute;
        top: 50px;
        right: 120px;
    }
    .under_jibun_box08_right__link01::before{
        content: "";
        background-image: url(../img/order_topbtn01.png);
        width: 77px;
        height: 77px;
        position: absolute;
        left: -55px;
        top: -55px;
        background-size: cover;
    }
    .under_jibun_box08_right__link02{
        position: absolute;
        left: 160px;
        top: 170px;
        width: 280px;
    }
    .under_jibun_box08_right__link03{
        position: absolute;
        left: 540px;
        top: 380px;
        width: 190px;
        line-height: 135%;
    }
    .under_jibun_box08_right .nolink{
        background-color: #6F6F6F;
        box-shadow: none;
        text-align: center;
        background-image: none;
        justify-content: center;
    }
    .under_jibun_box08_left{
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

}

/* sp */
@media screen and (max-width: 767px) {
    .under_pagettl_orderflow img{
        height: 50px;
    }
    .orderflow_box01{
        width: 88%;
        margin: 0 auto;
    }
    .orderflow_box01_inner{
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        align-items: center;
    }
    .orderflow_box01_inner img:nth-child(2){
        width: 202px;
        height: 137px;
    }
    .orderflow_box__arrow{
        position: relative;
    }
    .orderflow_box__arrow::after{
        content: "";
        background-image: url(../img/under_orderh_step_arrow.png);
        width: 27px;
        height: 22px;
        position: absolute;
        bottom: -60px;
        left: calc(50% - 13px);
    }
    .orderflow_box02{
        width: 88%;
        margin: 40px auto 100px;
    }
    .orderflow_box02_1{
        margin-bottom: 50px;
    }
    .orderflow_box02_1_left{
        width: 100%;
    }
    .orderflow_box02_1_left_ttl{
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box02_1_left_ttl img{
        margin-right: 10px;
        width: 20%;
    }
    .orderflow_box02_1_left_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .orderflow_box02_1_left__p{
        color: #3F210E;
        font-size: 90%;
        line-height: 170%;
        margin-bottom: 20px;
    }
    .orderflow_box02_1_right img{
        width: 100%;
    }
    .orderflow_box02_2{
        margin-bottom: 50px;
    }
    .orderflow_box02_2_left{
        width: 100%;
    }
    .orderflow_box02_2_left img{
        width: 100%;
    }
    .orderflow_box02_2_right{
        width: 100%;
    }
    .orderflow_box02_2_right img{
        width: 100%;
    }
    .orderflow_box02_2_left img,.orderflow_box02_2_right img{
        margin-bottom: 12px;
    }
    .orderflow_box02_2_left p,.orderflow_box02_2_right p{
        font-size: 90%;
        color: #3F210E;
        margin-bottom: 20px;
    }
    .orderflow_box02_3 img{
        width: 100%;
        margin-bottom: 12px;
    }
    .orderflow_box02_3 p{
        font-size: 90%;
        color: #3F210E;
        line-height: 185%;
    }
    .orderflow_box03{
        width: 88%;
        margin: 100px auto 100px;
    }
    .orderflow_box03_ttl{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box03_ttl img{
        margin-right: 10px;
        width: 20%;
    }
    .orderflow_box03_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .orderflow_box03__p{
        color: #3F210E;
        font-size: 90%;
        line-height: 170%;
        margin-bottom: 25px;
    }
    .orderflow_box03__imgbox img{
        width: 100%;
    }
    .orderflow_box04{
        width: 88%;
        margin: 100px auto 100px;
    }
    .orderflow_box04_left{
        width: 100%;
    }
    .orderflow_box04_ttl{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box04_ttl img{
        margin-right: 10px;
        width: 20%;
    }
    .orderflow_box04_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .orderflow_box04_left__p01{
        color: #3F210E;
        font-size: 90%;
        line-height: 170%;
        margin-bottom: 25px;
    }
    .orderflow_box04_left_box{
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        border-bottom: solid 1px #D49999;
        padding: 20px 0;
    }
    .orderflow_box04_left_box_first{
        border-top: solid 1px #D49999;
    }
    .orderflow_box04_left_box_last{
        margin-bottom: 30px;
    }
    .orderflow_box04_left_box__left{
        font-size: 14px;
        color: #950000;
        width: 30%;
    }
    .orderflow_box04_left_box__right{
        color: #3F210E;
        font-size: 90%;
        line-height: 170%;
        width: 70%;
    }
    .orderflow_box04_left__p02{
        color: #3F210E;
        font-size: 90%;
        line-height: 170%;
        margin-bottom: 30px;
    }
    .orderflow_box04_right{
        width: 100%;
    }
    .orderflow_box04_right img{
        width: 100%;
        margin-bottom: 10px;
    }
    .orderflow_box05{
        width: 88%;
        margin: 100px auto 60px;
    }
    .orderflow_box05_ttl{
        width: 100%;
        display: flex;
        justify-content: flex-start;
        border-bottom: solid 1px #3F210E;
        padding-bottom: 15px;
        margin-bottom: 20px;
        align-items: baseline;
    }
    .orderflow_box05_ttl img{
        margin-right: 10px;
        width: 20%;
    }
    .orderflow_box05_ttl p{
        color: #3F210E;
        font-size: 16px;
    }
    .orderflow_box05__p{
        color: #3F210E;
        font-size: 90%;
        line-height: 170%;
        margin-bottom: 25px;
    }
    .orderflow_box05__imgbox img{
        width: 100%;
        margin-bottom: 20px;
    }
.under_jibun_box08{
        display: flex;
        margin: 30px auto;
        width: 88%;
        justify-content: flex-end;
    }
    .under_jibun_box08_right{
        width: 78%;
        height: auto;
        position: relative;
        padding: 340px 0 0;
    }
    .under_jibun_box08_right::after{
        content: "";
        background-image: url(../img/order_topimg02.png);
        background-repeat: no-repeat;
        width: 130%;
        height: 100%;
        position: absolute;
        z-index: -1;
        left: -30%;
        top: 30px;
        background-size: contain;
    }
    .under_jibun_box08_right .nolink{
        background-color: #6F6F6F;
        box-shadow: none;
        text-align: center;
        background-image: none;
        justify-content: center;
    }
    .under_jibun_box08_right__link01{
        position: relative;
        margin-bottom: 12px;
    }
    .under_jibun_box08_right__link01::before{
        content: "";
        background-image: url(../img/order_topbtn01.png);
        width: 77px;
        height: 77px;
        position: absolute;
        left: -60px;
        top: -45px;
        background-size: cover;
    }
    .under_jibun_box08_right__link02{
        margin-bottom: 12px;
    }
    .under_jibun_box08_right__link03{
        line-height: 135%;
    }
    .under_jibun_box08_left{
        position: absolute;
        width: 90px;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 6%;
    }
    .under_jibun_box08_left img{
        width: 100%;
    }
	
}