@media screen and (max-width: 850px) {
    #funeral_home h4{
        text-align: left;
        font-size: 4vw;
        width: 86vw;
        margin: 0 auto;
    }
    .funeral_home_img_box1{
        background-image: url(../img/toda.jpg);
        background-repeat: no-repeat;
        padding-top: 13%;
        background-size: cover;
        width: 90vw;
        border: solid 0.3vw;
        height: 40vw;
        margin: 7vw auto 0vw auto;
    }
    .funeral_home_img_box2{
        background-image: url(../img/machiya.jpg);
        background-repeat: no-repeat;
        padding-top: 13%;
        background-size: cover;
        width: 90vw;
        border: solid 0.3vw;
        height: 40vw;
        margin: 7vw auto 0vw auto;
    }
    .funeral_home_img_box3{
        background-image: url(../img/otiai.jpg);
        background-repeat: no-repeat;
        padding-top: 13%;
        background-size: cover;
        width: 90vw;
        border: solid 0.3vw;
        height: 40vw;
        margin: 7vw auto 0vw auto;
    }

    .flow_p{
        font-size: 4.5vw;
        line-height: 1.3;
    }
    #mainvisual{
    	background-image: url(../img/flower.jpg);
    	background-repeat: no-repeat;
    	padding-bottom: 44%;
    	background-size: cover;
    }
    #mainvisual div{
        position: relative;
        top: 20vw;
        background: rgba(217,217,217,0.7);
        padding: 5vw 0 5vw 20vw;
        margin-left: 0vw;
    }

    #mainvisual h2{
        color: #b44c97;
        /* position: relative; */
        /* top: 23vw; */
        right: 3%;
        font-size: 5vw;
        /* text-align: center; */
        font-weight: bold;
    }
    #mainvisual h2 span{
    	font-size: 4vw;
    }

    #mainvisual h1{
        color: #FFF;
        position: relative;
        bottom: 3vw;
        right: 6%;
        font-size: 4.2vw;
        text-align: right;
        line-height: 1.5;
    }

h1 {}

    #mainvisual p{
        color: #b44c97;
        /* position: relative; */
        font-size: 6vw;
        /* text-align: center; */
        /* top: 18vw; */
    }

    #motto{
        background-color: #D9D9D9;
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    #motto p{
        width: 85vw;
        line-height: 1.5;
        font-size: 3.5vw;
        margin: 20px 0;
    }
    #motto p span{
    	font-size:4.3vw;
    }
    .motto_img{
    	 width: 37vw;
    }
    #flow{
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .flow_div_border1{
        display: flex;
        justify-content: center;
        height: 139vw;
        background-color: rgba(255,255,255,0.5);
        margin: 0 auto;
        padding: 11vw 0;
        box-shadow: 0 0 1vw;
    }
    .flow_div_border2{
        border-radius: 2vw;
        width: 88vw;
        height: 43vw
    }

    .flow_div_h3{
        display: flex;
        justify-content: center;
        margin-bottom: 2vw;
    }
    .flow_div_h3 h3{
        border-bottom: 2px solid #2e425b;
        font-size: 9vw;
        width: 70vw;
        padding: 3vw 0 1vw 0;
        text-align: center;
        
        margin: 6vw 0;
        color: #2e425b;
    }
    .flow_div_list{
        display: flex;
        justify-content: center;
        padding-left: 6vw;
    }
    .flow_list2{
        list-style: circle;
        font-size:4vw;
        width: 79vw;
        margin: 4vw auto;
    }
    .flow_list2 li{
        padding-top: 2vw;
    }
    .flow_list2 span{
        color:#FD0809;
    }
    .flow_list1{
        display: flex;
        justify-content: center;
        margin-top: 4vw;
    }
    .flow_list1 li{
        height: 36vw;
        display: flex;
        align-items: center;
    }
    .flow_list1_content{
        font-size: 4vw;
        width: 5vw;
        border: 1vw solid #b44c97;
        padding: 1vw;
        border-radius: 2vw;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    .flow_list1_triangle{
        width: 0;
        height: 0;
        border: 3vw solid transparent;
        border-right: 0;
        border-left: 4vw solid #b44c97;
        margin: 0 0.7vw;
    }
    .flow_detail{
        text-align: right;
        text-decoration: underline;
        margin: 4vw 6vw;
        font-size: 4.5vw;
    }
    #plan{
        height:200vw;
    }
    #plan h3{
        font-size: 9vw;
        margin: 8vw auto;
        height: 14vw;
        width: 72vw;
        text-align: center;
        border-bottom: solid 2px #2e425b;
        color: #2e425b;
    }

    .plan_background{
        width: 100vw;
        margin:7vw auto;
        padding-bottom: 1vw;
    }
    .plan_flex_box{
        display: flex;
        justify-content: center;
    }
    .plan_img_box img{
        width: 38vw;
        margin: 1vw;
        height: 28vw;
    }
    .plan_content{
        background-color: #FFFFFF;
        margin: 1vw;
        width: 58vw;
        height: 28vw;
        color: #000;
    }
    .plan_content h4{
        font-size: 4.3vw;
        margin: 2vw auto;
        text-align: center;
        width: 55vw;
        font-weight: bold;
    }
    .plan_content ul{
        line-height: 1.3;
        font-size: 4.5vw;
        color: #d51237;
        text-align: center;
    }
    .plan_content ul li span{
        font-size: 6.5vw;
    }
    .plan_detail{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 9vw;
        color: #FFF;
        font-size: 5vw;
        width: 99vw;
        margin: 0 auto 0.5vw auto;
    }
    
    .splendid_border{
        border-bottom: 0.4vw solid #c39143;
    }
    .splendid_background{
        background-image: url("../img/rich.jpg");
    }
    .splendid_detail{
        background: #c39143;
    }
    .general_border{
        border-bottom: 0.4vw solid #274a78;
    }
    .general_background{
        background-image:url("../img/general.jpg");
    }
    .general_detail{
        background-color:#274a78;
    }
    .reasonable_border{
        border-bottom: 0.4vw solid #006e54;
    }
    .reasonable_background{
        background-image: url("../img/reasonable.jpg");
    }
    .reasonable_detail{
        background-color: #006e54;
    }


    .another_plan_flex_box{
        display: flex;
        margin:0 auto;
        justify-content: space-around;
        color: #FFFFFF;
    }
    .no_religion_funeral{
        background-color: #015852;
        width: 46vw;
        height: 30vw;
        color: white;
    }
    .another_plan_flex_box h4{
        text-align: center;
        height: 15vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 4vw;
    }
    .another_plan_flex_box p{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 10vw;
        font-size: 4vw;
    }
    .only_cremate{
        background-color: #7D1919;
        width: 46vw;
        height: 30vw;
        color: #FFF;
    }

    #funeral_home h3{
        font-size: 9vw;
        margin: 8vw auto;
        height: 13vw;
        width: 78vw;
        text-align: center;
        border-bottom: solid 2px #2e425b;
        color: #2e425b;
    }
    .funeral_home_img_box{
        background-image: url(../img/img.png);
        background-repeat: no-repeat;
        padding-top: 45%;
        background-size: cover;
        width: 90vw;
        margin: 0 auto;
        border: solid 0.6vw;
        margin-bottom: 15vw;
    }
    .round_add_name{
        font-size: 4vw;
        height: 8vw;
        text-align: center;
        margin-top: 2vw;
    }
    .funeral_home_name{
        font-size: 6vw;
        text-align: center;
        height: 4vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        margin-bottom: 10vw;
    }
    .funeral_home_list{
        background-color: #b44c97;
        display: flex;
        justify-content: center;
        width: 90vw;
        align-items: center;
        margin: 0 auto;
        height: 13vw;
        margin-bottom: 20vw;
    }
    .funeral_home_list p{
        color: #FFF;
        font-size:5.5vw;
    }
    .div_triangle{
        width: 0;
        height: 0;
        margin-left: 1vw;
        border-left: 5vw solid #FFF;
        border-top: 3vw solid transparent;
        border-bottom: 3vw solid transparent;
    }
    .triangle_border {
        margin-left: 6vw;
        border: 0.6vw solid #FFF;
        border-radius: 50%;
        padding: 1.3vw;
    }


}
@media screen and (min-width: 850px) {
    #mainvisual{
        height: 550px;
        background-image: url(../img/flower.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: fixed;
    }
    #mainvisual h2 {    
        bottom: -39px;
        right: 50px;
        font-size: 40px;
        display: none;
        color: #1B82A3;
        position: relative;
        text-align: right;
        font-weight: bold;
    }
    #mainvisual h2 span{
        font-size:25px;
    }
    #mainvisual h1{
        top: 270px;
        right: 60px;
        position: relative;
        font-size: 20px;
        display: none;
        text-align: right;
        line-height: 1.5;
    }

    #mainvisual p{
        position: relative;
        top: 337px;
        left: -14%;
        font-size: 30px;
        z-index: 1;
        text-align: right;
        user-select: none;
    }

    #motto{
        height: 210px;
        background: rgba(217,217,217,0.8);
        position: absolute;
        top: 390px;
        width: 100%;
        align-items: center;
        display: flex;
        justify-content: space-around;
        user-select: none;
    }
    #motto p{
        width: 600px;
        line-height: 1.5;
        font-size: 16px;
        padding-left: 10px;
    }
    #motto p span{
        font-size:22px  ;
    }
    .motto_img{
         width: 220px;
         display: none;
    }

    #flow{
        background-color: rgba(255,255,255,0);
        width: 100%;
    }
    .flow_p{
        margin: 30px auto 0 auto;
        width: 680px;
        font-size: 20px;
        line-height: 1.5;
    }
    .flow_pc_h3{
        font-size: 35px;
        margin: 40px auto 40px auto;
        height: 60px;
        width: 910px;
        text-align: center;
        border-bottom: double 15px #70A6F6;
        color: #2e425b;
        border-bottom: 2px solid #2e425b;
    }
    .flow_div_border1{
        width: 100%;
        background-color: rgba(255,255,255,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        box-shadow: 0px 0px 3px;
        margin: 0 auto;
    }
    .flow_div_border2{
        width: 1000px;
        margin: 0 auto;
    }

    .flow_div_h3{
        margin-bottom: 16px;
        display: flex;
        justify-content: center;
        background-color: rgba(255,255,255,0);
    }
    .flow_div_h3 h3{
        border-bottom: 2px solid #A9DEEB;
        font-size: 27px;
        width: 620px;
        padding: 24px 0 8px 0;
        text-align: center;    
        display: none;
        color: #2e425b;
    }

    .flow_div_list{
        display: flex;
        justify-content: center;        
        padding-left: 48px;
    }
    .flow_list1{
        display: flex;
        justify-content: center;
        margin: 30px 0;
        user-select: none;
    }
    .flow_list1 li{
        height: 210px;
        display: flex;
        align-items: center;
        background: #FFF;
    }
    .flow_list1_content{
        font-size: 22px;
        width: 40px;
        border: 3px solid #192f60;
        padding: 12px;
        border-radius: 10px;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    .flow_list1_triangle{
        width: 0;
        height: 0;
        border: 15px solid transparent;
        border-right: 0;
        border-left: 25px solid #192f60;
        margin: 7px;
    }
    .flow_list2{
        list-style: circle;        
        font-size:20px;
        width: 538px;
    }
    .flow_list2 li{
        padding-top: 16px;
    }
    .flow_list2 span{
        color:#FD0809;
    }    
    .flow_detail{
        background-color: #83b88e;
        display: flex;
        justify-content: center;
        width: 526px;
        margin: 25px auto;
        height: 60px;
        margin-bottom: 100px;
        align-items: center;
        font-size: 28px;
        color: #FFF;
    }
    #plan{
        width: 1100px;
        margin: 60px auto;
        background-color: rgba(255,255,255,0);
    }
    #plan h3{
        font-size: 40px;
        margin: 0 auto;
        height: 60px;
        width: 500px;
        text-align: center;        
        color: #2e425b;
        border-bottom: 2px solid #2e425b;
    }
    .all_plan_box{
        padding: 0px 0 25px 0;
        width: 1100px;
        margin: 0 auto;
    }
    .plan_background{
        width: 1000px;
        margin:35px auto;
        color: #000;
    }
    .plan_flex_box{
        display: flex;
        justify-content: space-around;
    }
    .plan_img_box img{
        width:  270px;
        margin: 10px;
        height: 180px;
    }
    .plan_content{
        height: 104px;
        padding: 5px;
        margin-top: 0;
        color: #FFF;
        width: 395px;
    }
    .plan_content h4{
        font-size: 32px;
        margin: 30px 0;
        text-align: center;        
        font-weight: bold;        
    }
    .plan_content ul{
        line-height: 1.5;        
        margin-left: 8px;
        font-size:16px;
        background-color: #FFF;
        color: #000;
        display: none;
    }
    .plan_content p{
        width: 335px;
        color:#000;
        padding: 15px;
        height: 55px;
        font-size: 17px;
        display: flex;
        margin: 0 auto;
    }
    .plan_content_pc{
        height: 169px;
        background-color:#FFF;
        
        margin: 10px;
        width: 252px;
        padding: 5px 19px;
        line-height: 1.8;
        font-size: 16px;
    }
    .emphasis{
        color:#d51237;
        font-size:17px;
    }
    .emphasis span{
        font-size:30px;
    }
    .plan_click_here{
        text-decoration: underline;
        text-align: right;
        margin-top: 4px;
    }
    .splendid_p{
        background-color: #f3e7ca;
    }
    .general_p{
         
    background-color: #dce3e9;
    }
    .reasonable_p{
        background-color: #e9efcf;
    }
    .plan_detail{
        height: 40px;
        font-size: 23px;
        width: 260px;
        display: none;
        justify-content: center;
        align-items: center;
        color: #FFF;
        margin: auto;
    }
    .splendid_border{
        border-bottom: 0.4vw solid rgba();
    }
    .splendid_background{
        background-image: url("../img/rich.jpg");
    }
    .splendid_detail{
        background: rgba(238, 221, 221, 1);
        opacity: 0.8;
    }
    .general_border{
           }
    .general_background{
        background-image:url("../img/general.jpg");
    }
    .general_detail{
        background-color:#4169e1;
    }
    .reasonable_border{
           }
    .reasonable_background{
        background-image: url("../img/reasonable.jpg");
    }

.plan_background.reasonable_background {}
    .reasonable_detail{
        background-color: #7C39BA;
    }
    .no_religion_funeral{
        background-color: #015852;
        width: 430px;
        height: 180px;
        color: #FFF;
    }
    .another_plan_flex_box{
        justify-content: space-between;
        display: flex;
        margin:0 auto;
        color: #FFF;        
        width: 1000px;
    }
    .another_plan_flex_box h4{
        text-align: center;
        height: 85px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 23px;
    }
    .another_plan_flex_box p{
        display: flex;
        justify-content: center;
        align-items: center;
        height: 65px;
        font-size: 23px;
    }
    .only_cremate{
        background-color: #7D1919;
        width: 400px;
        height: 180px;
        color: #FFF;
    }
    .funeral_home_flex{
        display: flex;
        justify-content: space-between;
    }
    #funeral_home{
        width: 1000px;
        margin: 0 auto;
        margin-bottom: 60px;
    }
    #funeral_home h3{
        font-size: 40px;
        margin: 60px auto 32px auto;
        height: 60px;
        width: 500px;
        text-align: center;
        border-bottom: double 15px #70A6F6;
        color: #2e425b;
        border-bottom: 2px solid #2e425b;
    }
    #funeral_home h4{
        text-align: center;
        height: 77px;
        
        font-size: 23px;
        margin: -10px;
    }
    .funeral_home_img_box1{
        background-image: url(../img/toda.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 300px;
        border: solid 3px;
        margin-bottom: 20px;
        height: 210px;
    }
    .funeral_home_img_box2{
        background-image: url(../img/machiya.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 300px;
        border: solid 3px;
        margin-bottom: 20px;
        height: 210px;
    }
    .funeral_home_img_box3{
        background-image: url(../img/otiai.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        width: 300px;
        border: solid 3px;
        margin-bottom: 20px;
        height: 210px;
    }
    .round_add_name{
        font-size: 15px;
        text-align: center;
    }
    .funeral_home_name{
        font-size: 26px;
        height: 60px;
        text-align: center;        
        font-weight: bold;        
    }
    .funeral_home_list{
        background-color: #b44c97;
        display: flex;
        justify-content: center;
        width: 526px;
        margin: 25px auto;
        height: 60px;
        align-items: center;
    }
    .funeral_home_list p{
        font-size:28px;
        color: #FFF;        
    }
    .div_triangle{
        width: 0;
        height: 0;        
        margin-left: 5px;
        border-left: 20px solid #FFF;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
    }
    .triangle_border {
        margin-left: 30px;
        border: 4px solid #FFF;
        border-radius: 50%;
        padding: 6px;
    }
    .funeral_home_list:hover{
        transition: .1s;
        background-color: #e5abbe;
    }
    .plan_background:hover{
        transition: .1s;
        box-shadow: 0 0 8px #000;
    }
    .another_plan_flex_box a:hover{
        transition: .1s;
        box-shadow: 0 0 8px #000;
    }
}

}/* media scereen ends