@media screen and (max-width: 768px){
    .main-img{margin-top:0px;}
    .main-img .pc-img{display:none;}
    .main-img .sp-img{display:inline-block;}

    .gojokai-menu{
        font-size:12px;
        line-height:1.45;
        box-shadow: none;
    }
    .gojokai-menu ul{
        flex-wrap:wrap;
        width:100%;
    }
    .gojokai-menu li{
        width:calc(100%/3);
        border-bottom:1px solid #DDD0B6;
    }
    .gojokai-menu li::after{bottom:6px}
    .gojokai-menu li::before{
        content:"";
        background-image: url(../images/nav-line.svg);
        display:inline-block;
        width:1px;
        height:20px;
        background-position:center center;
        background-size:cover;
        position:absolute;
        top:33%;
        right:0;
    }
    .gojokai-menu li:nth-child(3)::before,.gojokai-menu li:nth-child(6)::before{
        background-image:none;
    }
    .gojokai-menu a{
        padding:15px 0px;
    }
    .gojokai-box .pc-img{display:none;}
    .gojokai-box .sp-img{display:inline-block;}

    .catch{
        font-size:1.4em;
        letter-spacing:0;
    }
    .catch-img{width:100%;}
    .catch-text{padding-top:20px}

    .gojokai-catch{
        font-size:1.1em;
        line-height:1.9;
    }

    .anshin-yutori{padding:30px 20px;}
    .anshin-yutori-box{display:block;}
    .anshin-yutori-box > .image{
        display:block;
        width:100%;
        max-width:351px;
        padding:0px;
        margin:auto;
    }
    .anshin-yutori-box > .text{
        display:block;
        padding-top:35px;
    }
    .anshin-yutori-box p{line-height:1.9;}
    .anshin-yutori-box .check{
        padding-top:20px;
        line-height:1.25;
    }
    .anshin-yutori-text > .price{font-size:1.4em;}
    .anshin-yutori-text > .point{font-size:1.35em}
    .anshin-yutori-arrow{width:25px;}

    .gojokai-subtext{line-height:1.9;}

    .gojokai-otoku{padding-top:10px}
    .otoku-box{
        width:48%;
        padding-bottom:5px
    }
    .otoku-point{
        display:block;
        padding:10px 0px;
    }
    .otoku-point img{display:none;}
    .otoku-point > p{
        display:block;
        font-size:0.9em;
        line-height:1.7;
    }
    .otoku-point > p > span{
        font-size:0.95em;
        line-height:1.6;
    }

    .feature-box{
        flex-wrap: wrap;
        padding:0px;
    }
    .feature-box p > strong{
        font-size:1.05em;
        line-height:1.8;
    }
    .feature-box > .left{
        width:100%;
        padding:0px;
    }
    .feature-box > .right{width:100%;}
    .feature-box h3{font-size:1.25em;}
    .feature-box h3::before{font-size:1.0em;}
    .feature-box p{
        font-size:1em;
        line-height:1.9;
    }
    .feature-box p > span{
        font-size:0.9em;
    }
    .feature-box .column1{order:2;padding-bottom:15px;}
    .feature-box .column2{order:1;}
    .feature-box .column3{order:3;}
    .feature-box .column4{order:4;padding-bottom:45px;}

    .zengokyo{margin-top:30px;}
    .zengokyo h4{
        font-size:1.1em;
        text-align:left;
        padding:10px 23px;
        line-height:1.5;
    }
    .zengokyo .zengokyo-box{
        flex-wrap: wrap;
        padding-bottom:25px;
    }
    .zengokyo .zengokyo-box .left, .zengokyo .zengokyo-box .right{
        width:90%;
        margin:0px auto;
        padding:0px;
    }
    .zengokyo .zengokyo-title{display:block;}
    .zengokyo .zengokyo-title > div{display:block;}
    .zengokyo .zengokyo-title > div > strong{margin:10px 0px;}
    .zengokyo .zengokyo-title > div > span{font-size:0.9em}
    .zengokyo .soudan{
        padding:15px 0px;
        font-size:13px
    }
    .zengokyo .soudan > p{font-size:1.05em;}
    .zengokyo .soudan > strong{font-size:1.3em;}
    .zengokyo .soudan > strong > span{font-size:0.9em;}
    .zengokyo .soudan > p > a, .zengokyo .soudan > p > span{font-size:1.6em;}
    .kakekin > h4{font-size:1.1em;}
    .kakekin > p > strong{
        font-size:1em;
        line-height:1.85;
    }
    .anshin-img{max-width:280px;}

    .diff{
        display:flex;
        flex-wrap:wrap;
    }
    .diff > div{width:100%;}
    .diff .column1{order:2;padding:0px;}
    .diff .column2{order:1;padding:0px;}

    .diff-img{
        width:90%;
        max-width:350px;
        flex-wrap: wrap;
        margin:0px auto 20px auto;
    }
    .diff-img img{
        width:100%;
        padding:20px 0px;
    }

    .plan-catch{
        padding:15px 0px;
        font-size:1.1em;
        line-height:1.85
    }
    .plan-text{
        text-align:left;
        line-height:1.85;
    }
    .plan-text-check{text-align:left;}
    .plan-img{
        width:90%;
        max-width:304px;
        margin:0px auto;
    }
    .service-list{width:90%;}
    .service-list li{
        font-size:0.85em;
        box-shadow: 0px 4px 4px #00000015;
    }
    .service-box h3{
        margin:0px auto;
        border-radius:0px;
        width:100%;
    }
    .service-box h4{
        font-size:1.1em;
        line-height:1.35;
    }
    .service-box .service-img{
        padding:30px 0px 45px 0px;
        width:95%;
        margin:auto;
    }
    .service-box p{line-height:1.85;}
    .service-box .check{
        font-size:1.05em;
        padding:10px 0px;
    }
    .service-box .example-check{
        text-align:left;
        font-size:0.95em;
        padding:0px;
        line-height:1.95;
    }
    .service-box .service-point{
        flex-wrap:wrap;
        padding-bottom:27px;
    }
    .service-box .service-point > div{
        width:95%;
        margin:auto;
    }
    .service-box .service-point h5{
        padding:20px 0px 0px 0px;
        font-size:1.1em;
    }
    .service-box .service-point h5::before{font-size:1em;}
    .service-box .service-point p{
        width:100%;
        line-height:1.85;
    }
    .service-box .service-check{
        font-size:1.1em;
        line-height:1.7;
    }
    .service-box .service-link{
        width:95%;
        margin:auto
    }

    #wedding{padding:0px;}
    #wedding .service-box{
        border-radius:0px;
        padding:0px 0px 50px 0px;
        margin-bottom:50px;
    }
    #wedding .service-box .example{
        width:95%;
        flex-wrap:wrap;
        padding-bottom:7px;
    }
    #wedding .service-box .example .left{
        width:100%;
        max-width:350px;
        padding-bottom:32px;
    }
    #wedding .service-box .wedding-sp{
        display:block;
    }
    #wedding .service-box .wedding-pc{display:none;}
    #wedding .service-box .example .right{
        width:100%;
        max-width:356px;
    }
    #funeral{padding:0px;}
    #funeral .service-box{
        border-radius:0px;
        padding:0px 0px 50px 0px;
        margin-bottom:50px;
    }
    #funeral .service-box .example{
        width:95%;
        margin:auto;
        padding-bottom:40px;
    }
    #anniversary{padding:0px;}
    #anniversary .service-box{
        border-radius:0px;
        padding:0px 0px 50px 0px;
        margin-bottom:30px;
    }
    #anniversary .service-box h4 > span{
        display: block;
        font-size:0.9em;
        line-height:1.9;
        padding:30px 0px 0px 0px;
    }
    #anniversary .service-box .anniversary-title{width:95%;}
    #anniversary .service-box .anniversary-box{
        width:95%;
        margin:auto;
        box-shadow: inset 0px 3px 6px #00000029;
        flex-wrap:nowrap;
        overflow-x:auto;
    }
    #anniversary .service-box .anniversary-box > div{
        flex: 0 0 auto; 
        width:80%;
        max-width:484px;
        padding:15px 15px 20px 15px;
        display:inline-block;
    }
    #anniversary .service-box .example-check{
        width:95%;
        margin:auto;
        padding:15px 0px 15px 0px;
    }

    .gojokai-flow{padding:15px 0px;}
    .gojokai-flow .pc-img{display:none;}
    .gojokai-flow .sp-img{
        display:inline-block;
    }

    .detail-catch{
        display:block;
        padding:25px 0px;
    }
    .detail-catch > .catch-img{
        display:block;
        width:100%;
    }
    .detail-catch > .catch-img > h3{margin:0px;}
    .detail-catch .pc-img{display:none;}
    .detail-catch .sp-img{display:inline-block;}
    .detail-catch > .no1{
        display:block;
        width:95%;
    }
    .detail-catch > .no1 img{
        padding:20px 0px 0px 0px;
        width:90%;
    }
    .detail-catch > .no1 p{width:100%;}
    .detail-catch > .no1 p .sp-br{display:none;}
    #detail-contents{
        width:100%;
        padding:0px;
    }
    .detail-box{padding:0px;}
    .detail-box .text, .detail-box .img{
        padding:0px;
        width:100%;
    }
    .detail-box .text > h3{padding:35px 0px 0px 0px;}
    .detail-box .text > p{padding:25px 0px 0px 0px;}
    .detail-box .column1{
        order:2;
        width:95%;
        margin:auto;
    }
    .detail-box .column2{
        order:1;
    }
    .detail-box .column3{
        order:3;
        width:90%;
        margin:auto;
    }
    .detail-box .column3 .pc-img{display:none;}
    .detail-box .column3 .sp-img{
        display:block;
    }
    .detail-box .column4{
        order:4;
        width: 95%;
        margin: auto;
    }
    .detail-box .column5{
        order:6;
        width:95%;
        margin:auto;
    }
    .detail-box .column6{
        order:5;
        padding-top:50px;
        width:90%;
        margin:auto;
    }
    .detail-title{margin-top:30px;}
    .tvcm{
        flex-wrap:wrap;
    }
    .tvcm > div{
        width:90%;
        margin:auto;
        padding-bottom:35px;
    }
    .detail-link{
        padding:0px;
    }
    .detail-link a{
        width:100%;
        max-width:298px;
        margin:auto;
        padding-bottom:15px;
    }
    .detail-voice .voice{width:74%;}
    .detail-voice .voice::after{display:none;}
    .detail-voice .voice::before{display:none;}
    .detail-voice .v-column1::before,.detail-voice .v-column3::before{
        content:"";
        display:block;
        position:absolute;
        top:50%;
        left:auto;
        right:-10px;
        width:10px;
        height:17px;
        background-image: url(../images/detail/right.svg);
        background-size:cover;
        background-repeat:no-repeat;
        border-width:0px;
    }
    .detail-voice .v-column2::before{
        content:"";
        display:block;
        position:absolute;
        top:50%;
        left:-10px;
        right:auto;
        width:10px;
        height:17px;
        background-image: url(../images/detail/left.svg);
        background-size:cover;
        background-repeat:no-repeat;
        border-width:0px;
    }
    .detail-voice .v-column1, .detail-voice .v-column3{
        border-radius:0px 10px 10px 0px;
        border-left:1px solid #f2f2f2;
    }
    .detail-voice .v-column2{
        border-radius:10px 0px 0px 10px;
        border-right:1px solid #f2f2f2;
    }
    .detail-voice .img{
        width:25%;
        padding-top:60px;
    }
    .detail-voice .i-column1{order:2;}
    .detail-voice .v-column1{order:1;}
    .detail-voice .v-column1 p{padding:0px 25px;}
    .detail-voice .i-column2{order:3;}
    .detail-voice .v-column2{order:4;}
    .detail-voice .i-column3{order:6;}
    .detail-voice .v-column3{order:5;}

    .appleclub{
        margin:30px auto;
        width:98%;
    }
    .appleclub > h3{
        font-size:1.25em;
        padding:15px 0px;
    }
    .appleclub .appleclub-box{padding:0px 5px 30px 5px;}
    .appleclub-box > h4{
        font-size:1.3em;
        text-indent:-1em;
        padding-left:1.5em;
    }
    .appleclub-box > .no-indent{
        font-size:1.3em;
        text-indent:0;
        padding-left:0.5em;
    }
    .appleclub-box > h4 > span{
        text-indent: 0;
        padding-left:0;
    }
    .appleclub .appleclub-detail{flex-wrap: wrap;}
    .appleclub .appleclub-detail .img{
        width:80%;
        max-width:274px;
        margin:45px auto 0px auto;
    }
    .appleclub .appleclub-detail .text{
        width:95%;
        margin:auto;
        padding:0px 10px;
    }
    .appleclub .appleclub-detail .text h4{
        border-left:none;
        font-size:1.25em;
        text-align:center;
        padding:20px 0px;
        margin:0px;
    }
    .appleclub .appleclub-detail .text p{
        font-size:1em;
        margin:0px;
        padding:15px 0px 0px 0px;
    }
    .appleclub .appleclub-detail .text ul li{
        text-indent: -1em;
        padding-left: 1em;
        font-size:1.05em;
    }
    .appleclub-box .card-box{
        flex-wrap:wrap;
        padding:20px;
    }
    .appleclub-box .card-box .img{display:none;}
    .appleclub-box .card-box .img-sp{
        display:block;
        width:80%;
        max-width:215px;
        margin:auto;
        padding:20px 0px 0px 0px;
    }
    .appleclub-box .example{
        flex-wrap:wrap;
        background-color:#FEFEFE;
    }
    .appleclub-box .example > .example1{
        margin:0px;
        width:100%;
        padding:0px 0px 5px 0px;
    }
    .appleclub-box a{
        width:95%;
        font-size:1.15em;
        margin:30px auto 0px auto;
        padding:15px 0px;
    }
    .appleclub-box a > span::after{
        margin-right:15px;
        margin-left:10px;
    }
    .appleclub-box .kaigo{
        font-size:14px;
        padding:24px 0px 20px 0px;
        margin:0px auto;
        width:90%;
    }


    .app{padding:10px}
    .app .app-main-box{padding:20px 10px 0px 10px;}
    .app .app-box{
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
    }
    .app .app-box .text .h4_pc{display:none;}
    .app .app-box .h4_sp{
        display:block;
        margin:0px;
        text-align:center;
        font-size:1.05em;
        color:#0078B8;
        letter-spacing:0.1em;
        width:100%;
    }
    .app .app-box .h4_sp img{
        width:80%;
        max-width:184px;
        padding:5px 0px;
    }
    .app .app-box .text{
        display: block;
        width:50%;
    }
    .app .app-box .img{
        display: block;
        width:48%;
        padding:20px 0px 0px 0px;
    }
    .app .app-box .title .logo{display:none;}
    .app .app-box .title .logo-text p{padding:5px 10px;}
    .app .app-box .text .app-catch{
        font-size:0.95em;
        padding:0px;
    }
    .app .app-box .app-point{display:none;}
    .app .app-point_sp{
        display:block;
        padding:15px 0px 0px 0px;
        color:#00A3DF;
        line-height:1.7;
    }
    .app .app-point_sp > p{
        margin:0px;
        padding-top:10px;
    }
    .app .app-point_sp span{
        color:#222222;
        display:block;
    }
    .app .point-box{
        flex-wrap:wrap;
        padding:5px 0px 10px 0px;
    }
    .app .point-box .list{width:100%;}
    .app .point-box .banner{display:none;}
    .app .banner_sp{
        display:block;
        text-align:center;
        padding:30px 0px;
    }
    .app .banner_sp > a{
        color:#001A76;
        font-weight:bold;
        font-size:1.05em
    }
    .app .banner_sp > a img{
        padding:10px 0px;
    }
    .appleclub .cluboff-box{
        padding:15px 10px;
        flex-wrap:wrap;
    }
    .appleclub .cluboff-box .text{width:100%;}
    .appleclub .cluboff-box .text h5{
        padding:0px;
        font-size:1.4em;
    }
    .appleclub .cluboff-box .text p{
        padding:10px 0px 15px 0px;
    }
    .appleclub .cluboff-box .img{width:100%;}
    .appleclub .cluboff-service{
        margin:0px;
        background-color:#E4F0F7;
        width:100%;
        text-align:center;
        padding-bottom:15px;
    }
    .appleclub .cluboff-service img{width:95%;}
    .qa-main-box .qa-title{
        flex-wrap:wrap;
        padding:0px;
        width:95%;
        margin:auto;
    }
    .qa-main-box .qa-title .text{width:100%;}
    .qa-main-box .qa-title .text p{
        width:100%;
        font-size:1.1em;
        line-height:1.7;
    }
    .qa-main-box .qa-title .text a, .qa-main-box .qa-title .text span{
        width:98%;
        padding:20px 0px;
        margin:0px auto;
    }
    .qa-main-box .qa-title .img{
        width:80%;
        max-width:175px;
        margin:auto;
    }
    .qa-main-box .qa-box{padding:35px 0px;}
    .qa-main-box .qa-box dt{
        font-size:1em;
        padding:0px 0px 10px 0px;
        width:95%;
    }
    .qa-main-box .qa-box dt > span{padding-right:35px;}
    .qa-main-box .qa-box dt::before{
        margin-left:0;
        padding:0px 0px 0px 5px;
        width:25px;
    }
    .qa-main-box .qa-box dd{
        padding:0px 20px 10px 20px;
        font-size:0.9em;
        margin-left:20px;
        line-height:1.75;
    }
    .tetsuzuki{
        margin-top:0px;
        width:90%;
    }
    .qa-table{padding:25px 0px 0px 0px;}
    .qa-table p{
        font-size:14px;
        line-height:24px;
    }
    .qa-table table{
        margin-top:25px;
    }
    .qa-table table th{
        padding:8px 8px 8px 10px
    }
    .qa-table table td{
        font-size:12px;
        width:auto;
    }
    .page-top{
        font-size:1.05em;
        padding:12px 0px;
    }

    #sticky-nav {
        transition: transform 0.3s ease, opacity 0.3s ease;
        transform: translateY(0);
        opacity: 1;
        z-index: 1000;
    }
    
    #sticky-nav.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: translateY(0);
        opacity: 1;
    }
    
    #sticky-nav.hidden {
        transform: translateY(-100%);
        opacity: 0;
    }
    
    #sticky-nav-placeholder {
        width: 100%;
        display: none;
    }
    
    
    
}