#action_plan .title__area, .action_plan .title__area{
    text-align: center;
}

#action_plan .title__area span.catch, .action_plan .title__area span.catch{
    font-weight: bold;
    letter-spacing: .1em;
    color: #fff;
    background-color: #E0245C;
    border-radius: 50px;
    padding: .1em .8em;
}

@media (max-width: 580px) {
    #inner {
    width:100%;
    height:180px;
    }
    section#main {
        background:#f1f9fc;
        height:180px;
    }
    h1#defult_h1 {
        text-align:center;
        line-height:180px;
    }
    #breadcrumbs p {
        margin-left:20px;
    }
    section#buyback {
        display:none;
    }
    section#communication {
        display:none;
    }
    section#act {
        display:none;
    }
    section#established {
        display:none;
    }
    section#payment_method {
        display:none;
    }
    input[name="tab_item"] {
        display: none;
      }
    .tab_item {
        transition: all .5s ease;
        text-align: center;
        background: #fff;
        color: #146092;
        font-size: 3.5vw;
        line-height: 35px;
        border-radius: 8px 8px 0 0;
        display: inline-block;
        width: 32.5vw;
        border:2px solid #146092; 
    }
    .tab_item:hover {
        opacity: 0.6;
        background:#146092;
        color:#fff;
    }
    .tab_inner_content {
    display: none;
    padding: 40px 10px 0;
    clear: both;
    overflow: hidden;
    }
    #trip:checked ~ #trip_content,
#delivery:checked ~ #delivery_content,
#bring:checked ~ #bring_content {
  display: block;
}
.tabs .method {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 17px;
        font-weight: bold;
        color: #146092;
        padding: 20px 60px;
        width: 95%;
        border: 3px solid #146092;
        color: #146092;
        border-radius: 5px;
        position: relative;
        margin:20px auto 48px;
    }
    .tabs .method::after {
        content: "";
        width: 3px;
        height: 50px;
        background: #146092;
        position: absolute;
        bottom: -75px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .first_contact {
        padding:30px 15px;
        width:99%;
        margin:20px auto;
        background:#f1f9fc;
        font-size:3.5vw;
        border-radius:8px;
    }
    /*20250605-*/
    .first_contact .photo_mail{
         padding: 10vw 7vw;
    }
    .first_contact .photo_mail .btn__area{
        margin: 0 5vw;
    }
    
    .first_contact .photo_mail .sp_icon{
        width: 20vw;
        height: 20vw;
        border-radius: 50%;
        margin: auto;
        background-color: #146092;
    }
    .first_contact .photo_mail .sp_line{
        width: 20vw;
        height: 20vw;
        border-radius: 50%;
        margin: auto;
        background-color: #06c755;
;
    }
    .first_contact .photo_mail .sp_icon img{
        width: 10vw;
        height: -webkit-fill-available;
        margin: auto;      
    }
    .first_contact .photo_mail .sp_line img{
        width: 12vw;
        height: -webkit-fill-available;
        margin: auto;  
    }
    /*-20250605*/
    
    .first_contact img{
        display:block;
        margin:20px auto;
    }
    .first_contact p {
        font-size: 5.3vw;
        font-weight: 500;
        display:block;
        /*margin:auto;*/
        text-align:center;
    }
    .action_plan {
        width:99%;
        background:#f1f9fc;
        position: relative;
        margin:50px 0;
        padding:30px 20px;
    }
    .action_plan::before {
        content: "";
        width: 3px;
        height: 50px;
        background: #146092;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .action_plan::after {
        content: "";
        width: 3px;
        height: 50px;
        background: #146092;
        position: absolute;
        bottom: -75px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .action_plan img {
        display:block;
        margin:auto;
        width:30vw;
        height:auto;
    }
    .action_plan img.parking {
        width:30vw;
        height:auto;
    }
    .action_plan h3 {
        text-align:center;
    }
    .icon {
        width:99%;
        background:#f1f9fc;
        position: relative;
        margin:50px 0;
        padding:30px 20px;
    }
    .icon::after {
        width:3px;
        height:50px;
        position:absolute;
        background: #146092;
        content:"";
        bottom:-75px;
        left:50%;
        transform: translate(-50%, -50%);;
    }
    .icon .inner{
        display: flex;
        justify-content: space-between;
    } 
    .icon figure {
        width:20vw;
        height:auto;
        margin:0;
    }
    .icon figure figcaption {
        text-align: center;
    }
    aside.polite {
        color: #fff;
        text-align: center;
        font-size: 4vw;
        background: rgb(20, 96, 146);
        margin: 50px auto;
        border-radius: 6px;
        padding: 25px;
    }
    aside.polite span {
        display:block;
        text-align: center;
    }
    .houhou {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 99%;
        margin-bottom:50px;
        background: #f1f9fc;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 8px;
        position: relative;
    }
    .houhou img {
        margin:20px auto;
        width:27vw;
        margin: 20px 17px 20px 0;
    }
    .houhou span {
        font-size:6vw;
        text-align: center;
        font-weight:bold;
    }
}
@media (min-width: 581px) {
   #inner {
    max-width:1226px;
    width:100%;
    margin:0 auto;
    }
    section#sp {
        display:none;
    }
    section#main {
        background:#f1f9fc;
        height:250px;
    }
        section#main h1#defult_h1 {
        display:flex;
        height:250px;
        justify-content: center;
        align-items: center;
        color:black;
        font-size:1.6rem;
        position: relative;
    }
    section#main h1#defult_h1:before {
        content:"flow";
        font-size:0.9rem;
        position: absolute;
        top:93px;
        left:50%;
        color:#9dccd6;
        transform: translate(-50%, -50%);
    }
    #breadcrumbs {
        font-size:0.8rem;
        padding-left:126px;
    }
    section#buyback {
        margin:60px 0 45px;
    }
    section#buyback .detail {
        width:80%;
        margin:auto;
        margin-bottom: 45px;
        display:flex;
        justify-content: space-between;
    }
    section#buyback .left {
        display:flex;
        justify-content: center;
        align-items: center;
        font-size:17px;
        font-weight: bold;
        color:#146092;
        padding:20px 60px;
        width:300px;
        border:3px solid #146092;
        color:146092;
        border-radius: 5px;
        position:relative;
    }
    section#buyback .left:after {
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        bottom:-75px;
        left:50%;
        transform: translate(-50%,-50%);
        }
    section#buyback .center {
        display:flex;
        justify-content: center;
        align-items: center;
        font-size:17px;
        font-weight: bold;
        color:#146092;
        width:300px;
        padding:20px 60px;
        border:3px solid #146092;
        color:146092;
        border-radius: 5px;
        position: relative;
    }
    section#buyback .center:after {
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        bottom:-75px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#buyback .right {
        display:flex;
        justify-content: center;
        align-items: center;
        font-size:17px;
        font-weight: bold;
        color:#146092;
        width:300px;
        padding:20px 60px;
        border:3px solid #146092;
        color:146092;
        border-radius: 5px;
        position: relative;
    }
    section#buyback .right:after {
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        bottom:-75px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#communication .contact {
            box-sizing: border-box;
            background:#f1f9fc;
            width:80%;
            padding:60px;
            border-radius: 7px;
            margin:0 auto;
        }
    section#communication .contact p {
        text-align: center;
        font-size: 1.1rem;
    }
    section#communication .contact .detail_4_column {
        display:flex;
        justify-content: space-between;
        margin:40px 0;
        background:#f1f9fc;
    }
    /*section#communication .contact .detail_4_column img {
        width:200px;
        height:auto;
        background:#f1f9fc;
    }*/
    section#communication .contact .photo_mail {
        padding:20px;
        background:#fff;
        width:95%;
        margin:auto;
    }
 
    section#communication .contact .photo_mail p {
        text-align: left;
        width:100%;
        padding-left:260px;
        position: relative;
    }
    section#communication .contact .photo_mail p img {
        position: absolute;
        left:60px;
        top:50%;
        transform: translate(-50%,-50%);
    }
    section#communication .contact .photo_mail p span {
        position: absolute;
        left:155px;
        font-size:1.4rem;
        font-weight: bold;
        top:50%;
        transform: translate(-50%,-50%);
    }
    section#act {
        margin-top:50px;
        padding-bottom: 50px;
    }
    section#act #action_plan {
        display: flex;
        justify-content: space-between;
        width:80%;
        margin:auto;
    }
    section#act #action_plan .left{
        width:320px;
        background: #f1f9fc;
        padding:20px;
        box-sizing: border-box;
        border-radius:8px;
        position:relative;
    }
    section#act #action_plan h3 {
        text-align:center;
        font-size:1.5rem;
    }
    section#act #action_plan .left img {
        display: block;
        margin:0 auto;
    }
   section#act #action_plan .left:before {
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        top:-25px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#act #action_plan .left:after {
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        bottom:-75px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#act #action_plan .center{
        width:320px;
        background: #f1f9fc;
        padding:18px;
        box-sizing: border-box;
        border-radius:8px;
        position: relative;
    }
    section#act #action_plan .center img {
        display: block;
        margin:0 auto;
    }
    section#act #action_plan .center:before{
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        top:-25px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#act #action_plan .center:after{
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        bottom:-75px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#act #action_plan .right{
        width:320px;
        padding:18px;
        box-sizing: border-box;
        background: #f1f9fc;
        border-radius:8px;
        position: relative;
    }
    section#act #action_plan .right img{
        display: block;
        margin:0 auto;
    }
    section#act #action_plan .right:before{
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        top:-25px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#act #action_plan .right:after{
        content:"";
        width:3px;
        height:50px;
        background:#146092;
        position: absolute;
        bottom:-75px;
        left:50%;
        transform: translate(-50%,-50%);
    }
    section#established #content {
        box-sizing: border-box;
        width:80%;
        margin:auto;
        background:#f1f9fc;
        border-radius: 7px;
        padding: 60px;
    }
    section#established #content .icon {
        width:75%;
        margin:auto;
        padding:20px;
        display: flex;
        justify-content: center;
    }
    section#established #content .icon figure {
        margin:0 0;
    }
    section#established #content .icon figure img {
        width:80%;
        display:block;
        height:auto;
        margin:auto;
    }
    section#established #content .icon figure figcaption {
        font-size:1.5rem;
        margin-top:25px;
        font-weight: bold;
        text-align: center;
    }
    section#established #content aside#polite {
        width:75%;
        background:#146092;
        margin:50px auto;
        border-radius: 8px;
        padding:50px;
        color:#fff;
        text-align: center;
        font-size: 1.68rem;
    }
    section#established #content aside#polite span {
        display: block;
        text-align: center;
        font-size: 1.25rem;
        color:#fff;
        margin-top:10px;
    }
    section#established #content p.memo {
        text-align: center;
        font-size: 1.2rem;
        font-weight:bold;
    }
    section#payment_method {
        margin-top: 50px;
        padding-bottom: 50px;
    }
    section#payment_method #last-action {
        display: flex;
        justify-content: space-between;
        width: 80%;
        margin:auto;
    }
    section#payment_method #last-action .left {
        width: 320px;
        background: #f1f9fc;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 8px;
        position: relative;
    }
    section#payment_method #last-action .left::before {
        content: "";
        width: 3px;
        height: 50px;
        background: #146092;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%, -50%);

    }
    section#payment_method #last-action .center {
        width: 320px;
        background: #f1f9fc;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 8px;
        position: relative;
        
    }
    section#payment_method #last-action .center::before {
        content: "";
        width: 3px;
        height: 50px;
        background: #146092;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%, -50%);

    }
    section#payment_method #last-action .right {
        width: 320px;
        background: #f1f9fc;
        padding: 20px;
        box-sizing: border-box;
        border-radius: 8px;
        position: relative;
    }
    section#payment_method #last-action p {
        display: inline-block;
        font-size:1.5rem;
        font-weight:bold;
        margin-left:20px;
        line-height: 3;
    }
    section#payment_method #last-action .right::before {
        content: "";
        width: 3px;
        height: 50px;
        background: #146092;
        position: absolute;
        top: -25px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}


.detail_4_column .col{ width: 20%; text-align: center;}
.btn__area a { font-size: 1rem; width: auto; height: 50px; line-height: 50px; }
.detail_4_column .col .flowimg{
    background-color: #146092;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    margin: auto;
}
.detail_4_column .col .lineimg{
    background-color: #06c755;
}

.detail_4_column .col .flowimg img{
    width: 40%;
    height: -webkit-fill-available;
}
.detail_4_column .col .lineimg img{
    width: 65%;
}

@media (min-width: 581px) {
    .detail_4_column .btn__area {
        margin-top: 20px;
    }
}