.txt h4{
	font-size: clamp(20px, 1.5vw, 32px);
	margin-bottom: 20px;
}
.intro {
    position: relative;
    margin-bottom: 50px;
}
.intro-box{
    gap: 3vw;
}
.intro-box .txt{
    max-width: 660px;
    width: 100%;
}
.under-line {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 40px;
}
.car-arrow{
    background: url(../img/funeral-car/big-arrow.png)no-repeat;
    background-size: contain;
    background-position: center top;
}
.car-arrow{
    margin-bottom: 40px;
}
.car-arrow p{
    font-size:clamp(24px, 2.5vw, 36px);
    letter-spacing: 0;
}
.car-arrow h5{
    font-size:clamp(32px, 2.5vw, 40px);
    letter-spacing: 0;
}
.car-arrow h5 span{
    font-size:clamp(36px, 2.5vw, 46px);
}
#pick h2{
    position: relative;
}
#pick h2 .sub{
    font-size:clamp(12px, 1vw, 18px);
    position: absolute;
    right: 1vw;
    bottom: 1vw;
}
#burden{
    margin-bottom: 70px;
}
#burden ul{
    gap: 5vw;
}
#burden ul:first-of-type{
    margin-bottom: 40px;
}
#burden ul:first-child{
    margin-bottom: 60px;
}
#burden ul li{
    padding: 40px;
    position: relative;
}
#burden ul li h3{
    font-size:clamp(19px, 1.7vw, 32px);
    margin: 20px 0;
}
#burden ul li.gray-box{
    background: #f5f5f5;
    border-radius: 30px;
    width: 100%;
}
#burden ul li.gray-box::after{
    content: '';
    background: url(../img/common/arrow_green_right.svg)no-repeat;
    background-size: contain;
    width: 54px;
    height: 47px;
    position: absolute;
    right: -4.5vw;
    top: 50%;
    transform: translateY(-50%);

}
#burden ul li.line-box{
    box-sizing: border-box;
    border:5px solid #ff8f8f;
    border-radius: 30px;
    background: #ffebeb;
    width: 100%;
}

#neighborhood ul li{
    padding: 30px 40px;
    border-radius: 30px;
    margin-bottom: 50px;
}

.grid-box{
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-rows: auto auto;
    place-content: center
}
.grid-box h3{
    grid-column:1 ;
    grid-row: 1;
    font-size:clamp(20px, 1.7vw, 28px);
    align-self: center;
}
.grid-box h3::before,
.grid-box-rev h3::before,
.grid-box-other h3::before{
    content: '●';
    color:var(--site-tertiary-keycolor);
    font-size:clamp(20px, 1.7vw, 28px);
    margin-right: 5px;
}
.grid-box .md_radius_photo{
    grid-column:2 ;
    grid-row: 1/-1;
    height: fit-content;
}
.grid-box p{
    grid-column:1 ;
    grid-row: 2;
    width: 95%;
}
.grid-box-rev{
    display: grid;
    grid-template-columns: 30% 70%;
    grid-template-rows: auto auto;
}
.grid-box-rev h3{
    grid-column:2 ;
    grid-row: 1;
    font-size:clamp(20px, 1.7vw, 28px);
    margin-left: 5%;
    align-self: center;
}
.grid-box-rev .md_radius_photo{
    grid-column:1 ;
    grid-row: 1/-1;
    height: fit-content;
}
.grid-box-rev p{
    grid-column:2 ;
    grid-row: 2;
    width: 95%;
    margin-left: 5%;
}

.grid-box-other{
    display: grid;
    grid-template-columns: 80% 20%;
    grid-template-rows: auto auto auto;
}
.grid-box-other h3{
    grid-column:1 ;
    grid-row: 1;
    font-size:clamp(20px, 1.7vw, 28px);
    align-self: center;
    margin-bottom: 10px;
}

.grid-box-other a{
    grid-column:2 ;
    grid-row: 1 / 4;
    height: fit-content;
    position: relative;
}
.grid-box-other a::after{
    content: '';
    background: url(../img/common/icon-zoom.png)no-repeat;
    background-size: contain;
    width: 41px;
    height: 41px;
    position: absolute;
    right: 0;
    bottom: 0;
}
.grid-box-other p{
    grid-column:1 ;
    grid-row: 2;
    width: 95%;
    margin-bottom: 10px;
}
.grid-box-other div{
    grid-column:1 ;
    grid-row: 3;
    width: 95%;
    background: #fff7f2;
    border-radius: 30px;
    padding: 20px 30px;
}
.grid-box-other div h4{
    font-size:clamp(16px, 1.5vw, 20px);
    margin-bottom: 10px;
}
.grid-box-other div h4::before{
    content: '';
    background: url(../img/common/icon-dioxin.svg)no-repeat;
    background-size: contain;
    width: 29px;
    height: 33px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
.grid-box-other p.annotation_txt{
    font-size: 14px;
    color: #ccc;
}
@media only screen and (max-width: 1024px) {
    #burden ul li.line-box{
        padding: 15px;
    }
    #burden{
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 568px) {
    .intro-box{
        flex-direction: column;
    }
    .intro{
        margin-bottom: 20px;
    }
    .txt h4{
        font-size: 22px;
        text-align: center;
    }
    .under-line{
        padding-bottom: 20px;
    }
    .car-arrow{
        margin-bottom: 20px;
    }
    .car-arrow h5{
        font-size: 21px;
    }
    .car-arrow p{
        font-size: 20px;
    }
    .car-arrow h5 span{
        font-size: 24px;
    }
    .sp-full{
        margin: 0 -5.7vw;
        width: 100vw;
    }
    #pick h2 {
        line-height: 1.4;
        
    }
    #pick h2 .sub{
        position: static;
        display: block;
        text-align: center;
        margin: 5px 0 10px;
    }
    #burden{
        margin-bottom: 0px;
    }
    #burden ul li{
        padding: 20px;
    }
    #burden ul{
        flex-direction: column;
    }
    #burden ul li.gray-box{
        margin-bottom: 20px;
    }
    #burden ul li.gray-box::after{
        content: '';
        background: url(../img/common/arrow_green_down.svg)no-repeat;
        background-size: contain;
        right: auto;
        top: auto;
        left: 50%;
        width: 27px;
        height: 23px;
        transform: translateX(-50%);
        bottom: -32px;
    }
    #burden ul li.gray-box .md_radius_photo,
    #burden ul li.line-box .md_radius_photo{
        border-radius: 15px;
        float: left;
        width: 50%;
        margin-right: 10px;
    }

    #burden ul li h3{
        margin: 10px 0 20px;
        font-size: 15px;
        width: 100%;
        text-align: center;
        margin-left: auto;
        width: 50%;
        letter-spacing: 0;
    }
    #burden ul li h3.mb-30{
        margin-bottom: 30px;
    }
    #burden ul:first-child,
    #burden ul:first-of-type{
        margin-bottom: 20px;
    }

    #neighborhood ul li{
        padding: 20px;
        margin-bottom: 20px;
    }
    .grid-box,
    .grid-box-rev{
        grid-template-columns: 50% 50%;
        grid-template-rows: auto 1fr;
    }
    .grid-box h3,
    .grid-box-rev h3,
    .grid-box-other h3{
        font-size: 18px;
        text-indent: -1.4em;
        padding-left: 1.4em;
    }
    .grid-box p,
    .grid-box-rev p{
        grid-column: 1 / 4;
        grid-row: 2 ;
        width: 100%;
        margin-top: 10px;
    }
    .grid-box-rev p{
        margin-left: 0;
    }
    .grid-box .md_radius_photo{
        grid-column: 2;
        grid-row: 1;
    }
    .grid-box-other{
        grid-template-columns: 60% 40%;
        grid-template-rows: auto 1fr;
    }
    .grid-box-other a{
        grid-column: 2;
        grid-row: 1;
        height: fit-content;
        position: relative;
    }
    .grid-box-other p{
        grid-column: 1 / 4;
        grid-row: 2 ;
        width: 100%;
        margin-top: 10px;
    }
    .grid-box-other div{
        grid-column: 1 / 4;
        grid-row: 3 ;
        width: 100%;
        padding: 20px;
    }
    .grid-box-other div h4{
        position: relative;
        padding-left: 35px;
    }
    .grid-box-other div h4::before{
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }


}