@charset "UTF-8";

/*===============================================
画面の横幅が約797.99pxまで（スマホ用）
===============================================*/
@media screen and (max-width:797.99px){


body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;/*横にした時に文字の大きさを変えない*/
}

img{
max-width: 100%;
height: auto;
width /***/: auto;　
}


  .pc,
  .tt_big2-l,
  .tt_big2-r,
  .kiran,
  .hoverBox:hover { display:none;}
  .sp { display:inline; }

.marker{background: none!important;}


.wrap {
    width: 94%;
    margin-left: 3%;
    margin-right: 3%;
}








.contents-first{
    padding-bottom: 3rem;
    background: url(../img/bg_topback_pc.png) no-repeat right 153%;
    background-size: 147%;
    background-color: rgba(255,255,255,0.7);
    background-blend-mode: lighten;
    bottom: 0;
    width: 100%;
    position: relative;

   /* background: url(../img/heart-hand.jpg) no-repeat right 38%;
    background-size: 29%;
background-color:rgba(255,255,255,0.2);
background-blend-mode:lighten;*/
    /* transform: translateY(-50%); */
    /* top: 72%; */
    /* left: 87%;*/
}
    @media screen and (max-width: 1060px) {
.contents-first{
background: url(../img/bg_topback_pc.png) no-repeat right 100%;
    background-size: 100%;
    background-color: rgba(255,255,255,0.7);
    background-blend-mode: lighten;
    }}





.contents .contents-first .tt_left-cap {/* SP用 2カラム外し対応 */
    margin: 1.5rem 4% 1rem;
    float: left;
    color: #6e6e6e;
    line-height: 1.7;
    padding: 0;
    font-size: 130%;
    text-align: left;
    width: 92%;
    font-feature-settings: "palt";
}

.contents .contents-first .leadimg20 { /* SP用 2カラム外し対応 */
margin: 0rem auto;
    text-align: center;
    width: 100%;
}




@media screen and (max-width: 797.99px){
.leadimg30 img{
    height: auto;
    width: 54% !important;
}}
@media screen and (max-width: 430.99px){
.leadimg30 img{
    object-fit: none;
    width: 100% !important;
    height: auto;
}}




.contents .contents-first .tt_cap{
margin: 2rem auto;
    color: #6e6e6e;
line-height: 1.7;
    font-size: 130%;
    text-align: left;
    width: 94%;
    font-feature-settings: "palt";
}

.contents .contents-first  .tt_tyuki{
margin: 2rem 5% 4rem 7%;
    text-indent: -1em;
}

.contents .contents-first h3{
width: 100%;
    text-align: center;
    margin: 3rem auto 0;
    color: #33366a;
    font-weight: bold;
    font-size: 180%;
    line-height: 1.8;
    font-family: serif;
    font-feature-settings: "palt";

    animation: first-fade 10s infinite;
}

@keyframes first-fade {
  0% {opacity: 1; color: #8386c0;scale(1.0);}
  50% {opacity: 1;color: #e55d8a;scale(1.15);}
  100% {opacity: 1;color: #33366a;scale(1.3);}
}


/* ///  常にお客様を第一に  ///////////////////////　*/

.answers_place {/**/}

.answers_all {
    margin: 0 auto 4rem;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
}

.answers{
    margin: 0 auto -2rem;
    text-align: center; 
    padding-bottom: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.answers_all h3{
    width: 100%;
    text-align: center;
margin: 0rem auto 0;
    /* font-family: serif; */
    font-feature-settings: "palt";
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.answers_all .answers .leadimg{
    width: 86%;
    text-align: center;
    background: #f7dc6f;
    border: 5px solid #f7dc6f ;
    border-radius: 0.5rem;
   animation: blinkBorder 1.4s ease infinite alternate;
}


@keyframes blinkBorder {
  0% { border: 5px solid #f7dc6f ;}
  50% { border: 5px solid #fff ;}
  100% { border: 5px solid #f9edbb ;}
}



.answers .physicalship-big {
    line-height: 1.4;
    font-size: 154%;
    font-weight: bold;
    width: 100%;
    margin: 0 auto 3rem;
}
.answers .physicalship-big::before,
.answers .physicalship-big::after{
bottom: -2rem;
    font-size: 256%;
}

.answers .physicalship-big .tt_middle {
    margin: 0;
    font-size: 125%;
}

.answers .physicalship-big .tt_big {
    margin: 0rem 0.5% 0rem;
    color: #e55d8a;
    line-height: 1;
    font-size: 212%;
}

.answers_all .answers .leadimg{
    width: 96%;
    text-align: center;
    background: #f7dc6f;
    border: 5px solid #f7dc6f ;
    border-radius: 0.5rem;
   /*animation: blinkBorder 1.4s ease infinite alternate;
*/}

/*
@keyframes blinkBorder {
  0% { border: 5px solid #f7dc6f ;}
  50% { border: 5px solid #fff ;}
  100% { border: 5px solid #f9edbb ;}
}
*/

.answers_all .answers .block_btn2 {
    text-align: center;
    margin: 2rem auto 3rem;
    display: initial;
    width: 100%;
    display: flex;
    flex-wrap: wrap
}

.answers_all .answers .block_btn2 a {
    font-size: 140%;
    text-align: left;
    margin: 1rem auto;
    width: 46%;
    line-height: 1.3;
    padding: 3%;
}

/* ///  声紹介  ///////////////////////　*/
.questionnaire_place {/**/}

.questionnaire_all {
    margin: -9rem auto 0rem;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
    width: 100%;
}

.questionnaire{
    margin: 0 auto -2rem;
    text-align: center; 
    padding-bottom: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}



.questionnaire_all h3{
    width: 100%;
    text-align: center;
    margin: 10rem auto 0;
    font-family: serif;
    font-feature-settings: "palt";
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.questionnaire_all h3::after{
content: "";
    position: absolute;
    display: inline-block;
    width: 27%;
    height: 100px;
    height: 273px;
    background: url(../img/Illust_woman_move3.gif) no-repeat;
    background-size: contain;
    transform: translateY(-63%);
    left: 76%;
}


.questionnaire_all h3 p{
    position: relative;
    padding: 1.2rem 6%;
    text-align: left;
    font-size: 130%;
    line-height: 1.4;
    font-family: serif;
    font-feature-settings: "palt";
    /* animation: fadeing 10s 8s infinite;*/
}
/*
@keyframes fadeing {
  0% {opacity: 0; }
  80% {opacity: 1; }
  100% {opacity: 0; }
}
*/



.questionnaire_item{
    padding: 2rem 2%;
    background: #f4e4bf;
    border-radius: 0.5rem;
    text-align: center;
    width: 100%;
    margin-top: 2rem;
}


/* １ */
.questionnaire .questionnaireimg{
    background: #7c4922;
    animation: blinkBorder 1.4s ease infinite alternate;
    margin: 0 2.5%;
    width: 28%; 
    height: max-content;}
    @media screen and (max-width: 1060px) {
.questionnaire .questionnaireimg{
    width: 27%; 
    }}

@keyframes blinkBorder {
  0% { border: 5px solid #f7dc6f ;}
  100% { border: 5px solid #f9edbb ;}
}
.questionnaire .questionnaireimg img{
    width: 99.6%;
}


/* ２ */
.questionnaire .questionnaireimg2{
    margin: 0 2%;
    height: max-content;
    width: 30%;
}
.questionnaire .questionnaireimg2 img{
    width: 96%;
}




.questionnaire .tt_big{
margin: 0rem 2% 0rem;
    width: 62%;}
    @media screen and (max-width: 1060px) {
.questionnaire .tt_big{
    font-size: 1.8rem;
    }}


.questionnaire .tt_big-c{
margin: 0rem auto;
    color: #33366a;
    line-height: 1.6;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
    font-feature-settings: "palt";
    }
    @media screen and (max-width: 1060px) {
.questionnaire .tt_big-c{
    font-size: 110%;
    }}


.questionnaire .tt_big span.big-p{
margin: 0.7rem;
    color: #e55d8a;
    line-height: 1.5;
    font-size: 230%;
    font-weight: bold;
    font-feature-settings: "palt";
    vertical-align: baseline;
}

.questionnaire .tt_big span.small-p{
    margin: 0rem 0 0 -0.3rem;
    color: #e55d8a;
    line-height: 1.8;
    font-size: 108%;
    font-weight: bold;
}


.questionnaire .tt_cap{
    margin: 2rem 5%;
    color: #6e6e6e;
    line-height: 1.7;
    font-size: 1.6rem;
    text-align: left;
}

.questionnaire .capimg-r{ 
    margin: 10rem 2%;
    text-align: right;
    float: right;}
.questionnaire .capimg-r img{
    width: 100%;
    margin-top: -7vh;
}



.questionnaire .tt_tyuki{
    margin: 2rem 5% 3rem 7%;
    text-indent: -1em;
}



.questionnaire_list {
    width: calc(50% - 15px);
    margin: 0 2%;
    text-align: center;
    padding: 1rem 0 2rem;
    border: 1px solid #bbcad2;
    background: #fffbec;
    position: relative;
}


.questionnaire_list .list-title {
    width: 100%;
    margin: 0 auto;
}

.questionnaire_list .list-title img{
    width: 20%;
    float: left;
    margin: 0 0 0.5rem 2%;
}

.questionnaire_list .list-img{ /* 基本＆左IMG個別調整用 */
    margin: 1rem 5% 2rem;
    float: left;
    width: 90%;
    max-height: 27vh;
}

.questionnaire_list .list-img2 {/* 右IMG個別調整用 */
    width: 62%;
    margin: 1rem auto 2rem;
}
 .questionnaire_list .list-img img{width: 100%;margin-top: 1vh;}
 .questionnaire_list .list-img2 img{width: 100%;}

  .questionnaire_list .list-title span{
    font-size: 2.3rem;
    line-height: 1.4;
    text-align: center;
    font-weight: bold;
    color: #33366a;
    font-feature-settings: "palt";
    margin: 2rem 2%;
    float: right;
    width: 73%;}
    @media screen and (max-width: 1060px) {
  .questionnaire_list .list-title span{
    font-size: 1.8rem;
    }}



 .questionnaire_list .list-cap{
    line-height: 1.6;
    /* padding: 2%; */
    margin: 0.5rem 2% 1rem;
    font-size: 1.5rem;
    width: 96%;
    /* float: left; */
    top: 0;}
    @media screen and (max-width: 960px) {
 .questionnaire_list .list-cap{
        font-size: 1.3rem; 
    }}


/*   */
.questionnaire_qa-eria {
    margin: 7rem 2% 2rem ;
    text-align: center;
    padding: 0;
display: flex;
    flex-wrap: wrap;
}

.qa-txt{
    width: 44%;
    background: #8386c020;
    padding: 2.2%;
    margin: 2% 2.8%;
    border-radius: 1rem;
    font-size: 2rem;
    line-height: 1.4;
    font-weight: bold;
    color: #8386c0;
}

.qa-txt-l{padding-right:10%; padding-left: 5%; text-align: left;}
.qa-txt-r{padding-right:5%; padding-left: 10%; text-align: right;}




/* /// TAB  ///////////////////////　*/
.tabs{
}

  .tab-panels ul {
      margin: 0;
      padding: 0;
      position: relative;
  }
  .tab-panels ul li {
    list-style-type: none;
    display: inline-block;
    background: #33366a;
    margin: 0.5rem 1%;
    padding: 1em 0.5em;
    border-radius: 0.5em 0.5em 0 0;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    width: 30.2%;
    min-height: 3em;
    line-height: 1.3;
        font-size: 96%;
    }


  .tab-panels ul li::after{

}



  .tab-panels ul li:hover {
        color: #fff;
        background: #8885c2;
              }

  .tab-panels ul li.active {
        color: #fff;
        background: #e55d8a;
      
        }

  .tab-panels .panel  {
        display:none;
        background: ##f4e4bf;
        color: #000;
        padding: 1.5em 2%;
    border-radius: 0.4em;
      }


  .tab-panels .panel .title {
margin: 0 auto 2rem;
    font-size: 126%;
    font-weight: bold;
    line-height: 1.5;
      }

.tab-panels .panel.active {display:block;}



.panel .panel-list{
    margin: 1rem auto;
    /* display: flex; */
    background: #f4f4f410;
    border-radius: 1rem;
    /* float: left; */
    /* flex-wrap: wrap;*/}
@media screen and (max-width: 960px) {
.panel .panel-list{
    margin: 0 auto;
    }}


.panel-list .panel-part{
    padding: 1%;
    margin: 1rem auto;
    width: auto;
    background: #fff9ea;
    border: 1px solid #dbd3c5;
    border-radius: 1rem;
    filter: drop-shadow(0px 3px 1px #8386c020);
    /* float: left; */
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    font-feature-settings: "palt";
    }

#panel-part1{background: #fffffd;}/*#fff9ea*/
#panel-part2{background: #faffff;}/*#f3ffff*/
#panel-part3{background: #fbfbff;}/*#f5f5ff*/
#panel-part4{background: #f9fff6;}/*#fff9ea*/
#panel-part5{background: #fffaff;}/*#fff7ff*/
#panel-part6{background: #fff9f3;}/*#fff5ef*/

.panel-part .panelimg{
    margin: 0.5rem 0% 0%;
    width: 25%;
    /*bottom: 0rem;
    left: 0;*/}
@media screen and (max-width: 960px) {
.panel-part .panelimg{
    margin: 0.5rem 0% 0 2%;
    width: 20%;
}}
.panel-part .panelimg img{
    width: 78%;
}


.panel-part .panelcap{
    width: 94%;
    text-align: right;
    bottom: 0rem;
    right: 0;
    margin: 0 3%;}
 @media screen and (max-width: 960px) {
.panel-part .panelcap .block_btn{
    margin-top: 20px;
    font-size: 84%;
    }}





.panel-part .panelcap .captitle{
margin: -5rem 0 2rem 23%;
    color: #333;
    font-size: 130%;
    font-weight: bold;
    text-align: left;
    bottom: 1rem;
    line-height: 1.5;
    min-height: 5rem;
}

.panel-part .panelcap .cap{
    margin: 1rem auto 1rem;
    color: #333;
    line-height: 1.8;
    font-size: 120%;
    text-align: justify;
    /* filter: drop-shadow(0px 1px 1px #fff); */
    /* border-radius: 0.5rem; */
    font-weight: 500;
    font-feature-settings: "palt";}


.panel-part .panelcap .cap:last-of-type{
    margin: 1.5rem 1% 4rem;
}

.panel-part .panelcap .cap span{
    font-size: 1.2rem;
    font-feature-settings: "palt";}


.panel-part .panelcap .name{
    margin: 0 2% 1.25rem;
    color: #655e51;
    font-size: 110%;
    text-align: right;
    line-height: 1.5;
    font-weight: bold;
}


.tab-return{
    margin: 0 5% 0;
    width: 90%;
}

.tab-return a{
padding: 0.7rem;
    color: #33366a;
    font-size: 124%;
    font-weight: bold;
    text-align: center;
    display: block;
    text-decoration: none;
    transition-duration: 0.8s;
    background: #f4e4bf;
    border-radius: 0 0 3rem 3rem;
    border: 2px solid;
    border-top: none;
    filter: drop-shadow(1px 2px 1px #f4f4f460);
    border-color: #f4e4bf #33366a #33366a #33366a;
}

/*
.tab-return :hover{
    color: #e55d8a90;
    border: 2px solid #e55d8a60;
    border-top: none;
    filter: drop-shadow(1px 4px 1px #e55d8a20);
}
*/






/* ///  プラン  ///////////////////////　*/
.funeralplan_place {/**/}

.funeralplan_all {
    margin: 0 auto 4rem;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
    width: 100%;}
        @media screen and (max-width: 1060px) {
.funeralplan_all {
    width: 100%;
    }}


.funeralplan .lead{
    width: 100%;
    text-align: center;
    margin: 3rem auto;
    color: #33366a;
    font-weight: bold;
    font-size: 160%;
    line-height: 1.6;
    font-family: serif;
    /*font-feature-settings: "palt";*/
    animation: first-fade2 16s infinite; /* both */
}

@keyframes first-fade2 {
  0% {opacity: 1; color: #e55d8a;scale(1.0);}
  50% {opacity: 1; color: #8386c0;scale(1.0);}
  100% {opacity: 1;color: #e55d8a;scale(1.15);}
}


.funeralplan{
    margin: 0 auto 2rem;
    text-align: center;
    padding: 0;
    width: 100%;
}

.funeralplan .funeralplan_item{
margin: 2rem auto;
    width: 100%;
  }


.funeralplan .funeralplan_box{
margin: 0 auto 2rem;
    width: 100%;
    text-align: center;
    border: 1px solid #e4e4e4;
    background: #fff;
    filter: drop-shadow(0px 2px 2px #8386c020);
}

.funeralplanimg{ 
    margin: 0 auto 1rem;
    overflow:hidden;}
.funeralplanimg img{
    /*object-fit: cover;*/
    width: 100%;
    /*height: 20vh;
    object-position: 100% 30%; トリミングの内の位置*/
/*transition:1s all;*/
}



/*
.funeralplanimg img:hover{
  transform:scale(1.1,1.1);
  transition:1s all;
}
*/

.funeralplancap{ 
    width: 100%;
    margin: 1rem auto;
    font-size: 128%;
    font-weight: bold;
    color: #8386c0;
    line-height: 1.4;
    font-feature-settings: "palt";
    text-align: center;
}


.funeralplantitle{ 
margin: 1.5rem auto;
    font-size: 200%;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    text-align: center;
}


.funeralplanname{ 
    margin: 1rem 0 1rem;
    font-size: 1.75rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 32%;
    text-align: right;
}


.funeralplan-inner{
margin: 0 auto 0.5rem;
    padding: 0 2%;
    width: 100%;
    text-align: center;
display: flex;
flex-wrap: wrap;
/*background-color: rgba(255,255,255,0.7);*/
}



.funeralplancontent{ 
margin: 0rem 1% 2rem;
    padding: 0.6rem 1%;
    width: 23%;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    color: #655e51;
    background: #fff;
    line-height: 1.3;
    font-feature-settings: "palt";
    border: 1px solid #e4e4e4;
    border-radius: 0.4rem;
}

.funeralplanprice-all{ 
margin: 0rem 0% 1rem;
    width: 100%;
text-align: left;
    color: #e55d8a;
    display: inline-block;
}


.in-price{ 
    float: left;
    margin: 0rem 2% 0rem;
    padding: 1.5%;
    width: 26%;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #e55d8a;
    font-feature-settings: "palt";
    border-radius: 0.4rem;
}

.funeralplanprice{ 
    float: right;
    width: 60%;
    font-size: 280%;
    font-weight: bold;
    text-align: left;
    line-height: 1.3;
    font-feature-settings: "palt";
    margin: -0.1em 1% 0;
    position: relative;
}

.funeralplanprice::before{ 
    content: "￥";
    position: absolute;
    font-size: 80%;
    font-weight: bold;
    left: -12%;
    bottom: 0.1em;
    float: left;
}

.funeralplanprice::after{ 
    content: "～";
    position: absolute;
    font-size: 70%;
    font-weight: bold;
    bottom: 0.3em;
}


.funeralplan .funeralplan_item .btn_minilink {
    margin: 0 4% 2rem;
    width: 92%;
}


.funeralplan .funeralplan_item .block_btn {
    text-align: center;
    margin: 0 auto;
}

.funeralplan .funeralplan_item .btn_minilink:hover {
color: #e55d8a;
    background: rgba(229,93,138,0.1);
    text-decoration: none;
    border: 1px solid #e55d8a;
}











/* ///  ～とは  ///////////////////////　*/
.whatfuneral_place {/**/}

.whatfuneral_all {
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
}



.whatfuneral{
    margin: 0 auto 2rem;
    text-align: center;
    padding: 0;
    width: 100%;
    /*display: flex;
    flex-wrap: wrap;
    position: relative;*/
}
/*
.whatfuneral::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 4rem 20vw 0px 20vw;
    border-color: #fffbec transparent transparent transparent;
    bottom: -5rem;
    transform: translateY(-50%) translateX(20%);
    -webkit- transform: translateY(-50%) translateX(20%);
    margin: auto;
    z-index: 500;
}
*/




.whatfuneral .lead{
    width: 100%;
    text-align: center;
    margin: 0rem auto;
    color: #33366a;
    font-weight: bold;
    font-size: 150%;
    line-height: 1.6;
    font-family: serif;
    /*font-feature-settings: "palt";*/
    animation: first-fade2 16s infinite; /* both */
}

@keyframes first-fade2 {
  0% {opacity: 1; color: #e55d8a;scale(1.0);}
  50% {opacity: 1; color: #8386c0;scale(1.0);}
  100% {opacity: 1;color: #e55d8a;scale(1.15);}
}


.whatfuneral .tt_l-cap{
    padding: 0 1vw 1em;
}








.whatfuneral .whatfuneral_item{
margin: 2rem auto;
    width: 100%;
display: flex;
    flex-wrap: wrap;
  }



.whatfuneral .whatfuneral_box{
    padding: 0 1rem;
    margin: 0 auto 1em;
    width: 100%;
    text-align: center;
    border: 1px solid #ccc;
    background: #fff;
    filter: drop-shadow(0px 2px 2px #8386c020);

    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
}



.whatfuneralimg{
    margin: 0 auto;}
.whatfuneralimg img{
    width: 100%;
/*transition:1s all;*/
}


/*.whatfuneralimg img:hover{
  transform:scale(1.1,1.1);
  transition:1s all;
}
*/



.whatfuneralcap{
    width: 100%;
    margin: 1.5rem auto 1rem;
    font-size: 130%;
    font-weight: bold;
    color: #8386c0;
    line-height: 1.4;
    font-feature-settings: "palt";
    text-align: center;
    bottom: 0}


.whatfuneralcap2{
    width: 100%;
    margin: 0rem auto 1rem;
    font-size: 120%;
    color: #4d4d4d;
    line-height: 1.4;
    font-feature-settings: "palt";
    text-align: center;
    bottom: 0}



.whatfuneraltitle{
    margin: 1.5rem auto 1rem;
    font-size: 150%;
    font-weight: bold;
    color: #33366a; /*#e55d8a*/
    line-height: 1.3;
    /* width: 60%; */
    text-align: center;
    font-family:serif;
}


.whatfuneralname{
    margin: 1rem 0 1rem;
    font-size: 1.75rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 32%;
    text-align: right;
}




/* */
.whatfuneral-inner{
margin: 0 auto 0.5rem;
    padding: 0 2%;
    width: 100%;
    text-align: center;
display: flex;
flex-wrap: wrap;
/*background-color: rgba(255,255,255,0.7);*/}



.whatfuneralcontent{
margin: 0rem 1% 2rem;
    padding: 0.6rem 1%;
    width: 23%;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    color: #655e51;
    background: #fff;
    line-height: 1.3;
    font-feature-settings: "palt";
    border: 1px solid #e4e4e4;
    border-radius: 0.4rem;}
 @media screen and (max-width: 960px) {
.whatfuneralcontent{
    padding: 0.4rem 1%;
    font-size: 1.2rem;
}}


.whatfuneralprice-all{
margin: 0rem 0% 1rem;
    width: 100%;
text-align: left;
    color: #e55d8a;
    display: inline-block;
}


.in-price{
    float: left;
    margin: 0rem 2% 0rem;
    padding: 1.5%;
    width: 22%;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: #e55d8a;
    font-feature-settings: "palt";
    border-radius: 0.4rem;}
 @media screen and (max-width: 960px) {
.in-price{ 
    width: 26%;
    font-size: 1rem;
}}



.whatfuneralprice{
    float: right;
    width: 66%;
    font-size: 2.5em;
    font-weight: bold;
    text-align: left;
    line-height: 1.3;
    font-feature-settings: "palt";
    margin: -0.2em 1% 0;
    position: relative;}
 @media screen and (max-width: 960px) {
.whatfuneralprice{ 
    width: 58%;
    font-size: 1.9em;
}}



.whatfuneralprice::before{ 
    content: "￥";
    position: absolute;
    font-size: 2.8rem;
    font-weight: bold;
    left: -9%;
    bottom: 0.1em;
    float: left;}
 @media screen and (max-width: 960px) {
.whatfuneralprice::before{ 
    font-size: 2.4rem;
    font-weight: bold;
    left: -14%;
}}


.whatfuneralprice::after{ 
    content: "～";
    position: absolute;
    font-size: 2.3rem;
    font-weight: bold;
bottom: 0.4em;}
 @media screen and (max-width: 960px) {
.whatfuneralprice::after{ 
    font-size: 2rem;
    bottom: 0.25em;
}}


.whatfuneral .whatfuneral_item .btn_minilink {
    margin: 0 4% 2rem;
    width: 92%;
    font-size: 130%;
}


.whatfuneral .whatfuneral_item .block_btn {
    text-align: center;
    margin: 0 auto;
}

.whatfuneral .whatfuneral_item .btn_minilink:hover {
color: #e55d8a;
    background: rgba(229,93,138,0.1);
    text-decoration: none;
    border: 1px solid #e55d8a;
}









/* //////////  8つのポイントほか　//////////////////////  */


.point_place {
    padding: 1.2rem 0 4rem 0;
margin: 0;
position: relative;
background: #e2ebf0;
background: rgb(133,136,194);
/*background: linear-gradient(180deg, rgba(133,136,194,0.34217436974789917) 0%, rgba(226,235,240,0.2497373949579832) 5%, rgba(226,235,240,0.24693627450980393) 95%, rgba(133,136,194,0.34217436974789917) 100%)*/
background: linear-gradient(180deg, rgb(156 221 124 / 34%) 0%, rgb(224 239 185 / 23%) 5%, rgb(224 239 185 / 23%) 95%, rgb(154 211 126 / 34%) 100%);
}

}

.point_all {
    margin: 0rem auto 0;
    text-align: center;
    position: relative;

}


.point_all .lead{
    margin: 1rem auto 1rem;
    line-height: 1.5;
    text-align: center;
    font-size: 160%;
    font-weight: bold;
    text-shadow: 1px 1px 1px #fff;
    color: #9f9f9f;
}



.lead_fact_item {
    display: flex;
    flex-wrap: wrap;
    width: 98%;
    margin: 1em 2%;
    font-size: 18px;
    justify-content: center;
    align-items: center;
}

.lead_fact {
    text-align: right;
    font-size: 240%;
    font-weight: bold;
    color: #929292;
    line-height: 1.2;
    padding-right: 4vw;}
@media screen and (max-width: 819.99px) {
.lead_fact {
    margin: 0em 2%;
    padding-right: 0;
    text-align: center;
    width: 70%;
    font-size: 170%;
  }}
@media screen and (max-width: 412.99px) {
.lead_fact {
    padding-right: 0;
    text-align: left;
    font-size: 150%;
  }}





.lead_factimg  {
    width: 15%;
    height: auto;
    margin-bottom: -0.1vh;
    }

.lead_fact .notes {
    font-size: 36%;
    font-weight: normal;
    width: 100%;
    text-align:center;
      font-feature-settings: "palt";
}




.point_item .limit {
    font-size: 1.8rem;
    font-weight: bold; }




.lead_fact .large {
 font-size: 130%;
    color: #e55d8a; }



.point_list {
width: 100%;
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     }

.point_list .point_item {
    width: 46%;
    padding: 1.4rem 1vw;
    text-align: center;
    border: 1px solid #7ac543;
    border-radius: 10px;
    margin: 1rem auto;
    position: relative;
    /* max-width: 1100px; */
    transition: 1s;
    display: block;
    background: #4ca736;
    /* background: #4ca736 url(../img/img_backflower.png) no-repeat center bottom; */
    /* background-size: 100%; */
    line-height: 1.6;
    color: #fff;

     }



.point_list .point_item a {
    display: block;
    text-decoration: none;
    height: 100%;
}

.point_list .point_item:hover {
    border: 1px solid #6FBA2C;
}


.point_list .point_item::after {
    content: "";
    display: block;
    width: fit-content;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 11px solid #8E8BC2;
    position: absolute;
    left: calc(50% - 20px);
    bottom: calc(0% - 12px);
    transition: 0.6s;
}


.point_list .point_item:hover::after {
    border-top: 15px solid #6FBA2C;
}

 .point_item .num img {
width: 41.85185%;
margin-top: 0.5rem;
}



.point_item .ttl {
    margin: 0.5rem auto;
    font-size: 114%;
    font-weight: bold;
    color: #e55d8a;
    line-height: 1.3;
    transition: 1s;
    width: 98%;
}


.point_item .explain {
    line-height: 1.5;
    font-feature-settings: "palt";
    font-size: 115%;
    text-align: center;
    line-height: 1.5;
    font-feature-settings: "palt";
    font-weight: 500;
    color: #fff;
}

.point_item .explaintitle {
    margin: 0rem auto 1rem;
    font-size:140%;
    font-weight: bold;
    color: #FFF;
    line-height: 1.3;
    transition: 1s;
    width: 96%;
}




    .point_item .explain a {
        color: #929292;
    }



/* */
.obititle,
.obititle2 {
    padding: 0.8vh 0 1vh;
    margin: 1em auto 2rem;
width: 100%;
    font-size: 180%;
    font-family: serif;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    width: 100%;
    /* filter: drop-shadow(rgb(255, 255, 255) 0.5px 0.5px 0px); */
    text-align: center;
    display: block;
    background: #4ca736;
    /* background: #4ca736 url(../img/img_titleback1.png) no-repeat right bottom; */
}

/*
.obititle2 {
    padding:5vh 0;
    margin: 1em auto 2em;
width: 100%;
    font-size: 3.2rem;
    font-family:serif;
    font-weight: bold;
    color: #fff;
    line-height: 1.3;
    width: 100%;
    filter: drop-shadow(rgb(255, 255, 255) 0.5px 0.5px 0px);
    text-align: center;
    display: block;
    background: #4ca736;
    background: #4ca736 url(../img/img_titleback2.png) no-repeat left bottom;
    background-size: 30%;
}

*/


.obilead{
    width: 100%;
    text-align: center;
    margin: 0rem auto;
    color: #33366a;
    font-weight: bold;
    font-size: 160%;
    line-height: 1.7;
    font-family: serif;
    /*font-feature-settings: "palt";*/
    animation: first-fade2 16s infinite; /* both */
}



.obilead-s{
    width: 100%;
    text-align: center;
    margin: 0rem auto;
    color: #33366a;
    font-weight: bold;
    font-size: 150%;
    line-height: 1.7;
    font-family: serif;
    /*font-feature-settings: "palt";*/
    animation: first-fade2 16s infinite; /* both */
}









/*  */

.point_itemboxall {
    margin:1em 2%;
    width: 96%;
    text-align: center;
    border-radius: 10px;
    display: flex ;
    flex-wrap: wrap;
    align-items: flex-start;
}


.point_itembox {
    margin: 1em auto 0;
    width: 100%;
    padding: 1rem 1vw;
    text-align: center;
    border: 2px solid #d5e5d1;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}


.noling {
    margin: 0 auto 1rem;
    text-align:left;
    width: 18%;}



.noling img {
    width: 90%;
}



.p_itemboxtitle {
padding-bottom: 0.5rem;
    margin: 0.25rem 2% 2rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 96%;
    font-size: 170%;
    /* filter: drop-shadow(rgb(255, 255, 255) 0.5px 0.5px 0px); */
    text-align: center;
}


.titleic {
    margin: 0.5rem 2% 0 0;
}

.p_itemboximg {
    float: left;
    margin: 0 0% 1rem;
    width: 35%;
}

.p_itemboximg2,
.p_itemboximg3 {
    margin: 1rem auto;
    width: 100%;
    text-align: center;
}

.p_itemboximg img {
    border-radius: 1rem 0 1rem 0;
    width: 100%;
}

.point_itemboxin {
    margin: 0em 0% 1rem;
    /*width: 65%;*/
    text-align: center;
    float: right;
}

.point_itemboxin2 {
    margin: 0em 0% 1rem 1%;
    width: 98%;
    text-align: center;
}





.p_itemboxsubtitle {
    margin: 0rem auto 1rem;
    font-size: 144%;
    font-weight: bold;
    text-align: left;
    color: #333;
    line-height: 1.5;
}

.p_itemboxcap {
    margin: 0 auto 1rem;
    font-size: 130%;
    text-align: left;
    line-height: 1.7;
    font-feature-settings: "palt";
    width: 98%;
    padding-left: 1em;
    text-indent: -1em;
}


.p_itemboxcap2 {
    margin: 0 0 1.5rem 1.5em;
    font-size: 130%;
    text-align: left;
    line-height: 1.5;
    font-feature-settings: "palt";
    width: 92%;
    position: relative;
    font-weight: 500;}
.p_itemboxcap2::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: -1em;
    width: 0.5em;
    height: 0.5em;
    background-color: #8386c0;
    border-radius: 50%;
}




.p_modoru {
    margin:1rem 0 0;
    font-size: 1.5rem;
    text-align: right;
    width: -webkit-fill-available;
}

.p_modoru a {
    display:block;
text-decoration:none;
    transition: 1s;
    padding:0.5rem;

}

.p_modoru a:hover {
    /*background:#fff00030;
    border-radius:1rem;*/
}

dd.explain p {
    font-size: 115%;
    text-align: left;
    padding: 0.3rem 1% 1rem;
}




.hyobox{
display:flex;
flex-wrap:wrap;
width:100%;
}

.hyobox img{
margin: 0 5% 0.5rem;
width: 90%;}


/* */
.point_itemboxin2{
    margin: 7vh auto 0em;
    padding: 0 0 1em;
    text-align: left;
    width: 98%;
    background: #fff;
    border-radius: 0.8rem;
    box-shadow: 0px 0px 2px 2px #33366a20;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

 .minipointtitle {
      margin: 0 auto 1em;
      padding: 1rem 1vw 0.6em 1vw;
      text-align: center;
      width: 100%;
      background:#f0f0f0;
      border-radius: 0.5rem 0.5rem 0 0;
      color: #33366a;
      font-size: 150%;
      font-family:serif;
      font-weight: bold;
      line-height: 1.5;}


 .minipointcap {
    margin: 1rem 4%;
    text-align: left;
    width: 92%;
    color: #33366a;
    font-size: 140%;
    font-weight: 600;
    line-height: 1.5;
    font-feature-settings: "palt";

}


 .minipointcap .capic {
  margin: 0.5rem 1% 0 0;
vertical-align: text-bottom;}
 .minipointcap .capic img {
        width: 9%;
}


 .minipointcap .minititle {
    margin: 0rem 2% 0rem 1.75em;
    text-align: left;
    color: #4d4d4d;
    font-weight: 500;
    line-height: 1.5;
    font-feature-settings: "palt";
    font-size: 100%;
    float: left;
    text-indent: -1em;
    padding-left: 1em;
  /*padding: 0.6rem 1vw 0.3rem;
  border: solid #e55d8a;
  border-width: 1px 0px;*/}

 .minipointtitle2 {
    margin: 1em auto;
    text-align: center;
    width: 96%;
    color: #33366a;
    font-size: 2rem;
    font-family: serif;
    font-weight: bold;
    line-height: 1.5;
  }









.point_itembox .point_itemboxin .itemboxinbox {
    margin: 2em 1% 0;
    padding: 1em 2vw;
    text-align: center;
    width: 98%;
    display: flex;
    flex-wrap: wrap;
    border: 3px solid #d5e5d1;
    border-radius: 1rem;
    background: #fff;
    filter: drop-shadow(#f3f3f3 1px 2px 3px);
    position:relative;
}

.point_itembox .point_itemboxin .itemboxinbox:last-child {
    margin-bottom:1.5em;
}


.point_itembox .point_itemboxin .itemboxinbox::after {
    content: "";
    display: block;
    width: fit-content;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #d5e5d1;
    position: absolute;
    left: calc(50% - 20px);
    bottom: calc(0% - 15px);
    transition: 0.6s;
}


.point_itembox .point_itemboxin .itemboxinbox:last-child::after {
    border: none;
}



.itemboxinbox .itemboxinboxtitle {
    margin: 0rem 1% 1em;
    font-size: 1.9rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 98%;
    text-align: left;
    border-bottom: 1px solid #d5e5d1;
    padding: 0 0 0.4rem 1.5em;
}


.itemboxinbox .itemboxinboxtitle2 {
    margin: 1em 1% 0em;
    font-size: 1.9rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 98%;
    text-align: left;
    padding: 0;
}


.itemboxinbox .itemboxinboxtitle .capic{
    margin: 0rem 6px 0.5rem -1.75em;}
.itemboxinbox .itemboxinboxtitle .capic img {
    vertical-align: middle;
    width: 10%;
    margin-bottom: 0.5rem;
}







/* ////   indexlist   //////////////////　*/
.indexlist_place {/**/}

.indexlist_all {
    margin: 0 auto;
    text-align: center;
    position: relative;
}

.indexlist{
    margin: 0 auto -2rem;
    text-align: center; 
    padding-bottom: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}



.indexlist_list {
    margin: 0 auto 2em;
    width: 100%;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-evenly;
    flex-wrap: wrap;
}


.indexlist_list .indexlist_item {
    width: 44%;
    padding: 0 0 0.6rem;
    text-align: center;
    border-radius: 10px;
    margin: 1em 2.5%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    background: #4ca736;
    justify-content: center;
    align-items: center;
}



.indexlist_list .indexlist_item a {
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 1rem;
    width: 100%;
}



.indexlist_list .indexlist_item::after {
content: "";
    display: block;
    width: fit-content;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 11px solid #fff;
    position: absolute;
    right: calc(0% - 1%);
    bottom: calc(0% - -3%);
    transform: rotate(316deg);
}



.indexlist_item .indexlisttitle {
        font-size: 130%;
    font-weight: bold;
    color: #FFF;
    line-height: 1.3;
    width: 100%;
    text-align: center;
    margin-bottom: 0.25em;
}


.indexlistimg {
    margin: 0rem auto 1rem;
    text-align: center;

    width: 86%;}
@media screen and (max-width: 820.99px) {
.indexlistimg {
width: 50%;
}}
@media screen and (max-width: 798.99px) {
.indexlistimg {
width: 50%;
margin-bottom: 2vh;
}}

 @media screen and (max-width: 375.99px) {
.indexlistimg{
width: 70%;
}}

.indexlistimg img {
width: 100%;
}}









/* ////   葬儀に必要な費用の総額   //////////////////　*/
.sogaku_place {/**/}

.sogaku_all {
    margin: 0 auto 4rem;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
}

.sogaku{
    margin: 0 auto -2rem;
    text-align: center; 
    padding-bottom: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.sogaku_all h3{
    width: 100%;
    text-align: center;
    margin: 0rem auto;
    /*font-family: serif;*/
    font-feature-settings: "palt";}
 @media screen and (max-width: 960px) {
.sogaku_all h3{
    margin: 0rem auto 0rem;
}}


.sogaku_all .sogaku .leadimg {
    margin: 0rem auto 2em;
    width: 96%;
    text-align: center;}
.sogaku_all .sogaku .leadimg img {
    width: 100%;
}



.sogaku_list {
    width: 100%;
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}


.sogaku_list .sogaku_item {
    width: 44%;
    padding: 1.4rem 1vw;
    text-align: center;
    border: 1px solid #7ac543;
    border-radius: 10px;
    margin: 1rem auto;
    position: relative;
    max-width: 1100px;
    transition: 1s;
    display: flex;
    background: #4ca736;
    background: #4ca736 url(../img/img_backflower.png) no-repeat center bottom;
    background-size: 100%;
    justify-content: center;
    align-items: center;
}



.sogaku_list .sogaku_item a {
    display: block;
    text-decoration: none;
}

.sogaku_list .sogaku_item:hover {
    border: 1px solid #6FBA2C;
}

/*
.sogaku_list .sogaku_item::before {
    position: absolute;
    content: "+";
    display: block;
    width: fit-content;
    height: 0;
    font-size: 160%;
    right: calc(0% - 20px);
    bottom: calc(50% - -27%);
    color: #6FBA2C;
    font-weight: bold;
}

.sogaku_list .sogaku_item:last-child::before {
    content: "";
}
*/

.sogaku_list .sogaku_item::after {
    content: "";
    display: block;
    width: fit-content;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid #6FBA2C;
    position: absolute;
    left: calc(50% - 20px);
    bottom: calc(0% - 15px);
    transition: 0.6s;
}


.sogaku_list .sogaku_item:hover::after {
    border-top: 15px solid #33366a;
}

 .sogaku_item .num img {
width: 41.85185%;
margin-top: 0.5rem;
}


.sogaku_item .sogaku_explaintitle {
    font-size:2rem;
    font-weight: bold;
    color: #FFF;
    line-height: 1.3;
    transition: 1s;
}




.sogaku_item .sogaku_explain a {
    color: #929292;
}




/*  */

.sogaku_itemboxall {
    margin:2em 2%;
    width: 96%;
    text-align: center;
    border-radius: 10px;
    max-width:1100px;
    display: flex ;
    flex-wrap: wrap;
    align-items: flex-start;
}


.sogaku_itembox,
.sogaku_itembox2  {
    margin: 0em 1% 2em;
    width: 98%;
    padding: 1rem 1vw;
    text-align: center;
    background: #fff;
    border: 2px solid #d5e5d1;
    border-radius: 5px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    border-width: 7px 3px 10px 3px;
    filter: drop-shadow(0px 2px 3px #00000005);
}


.sogaku_itembox2::after {
    content: "";
    display: block;
    width: fit-content;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 15px solid #d5e5d1;
    position: absolute;
    left: calc(50% - 9vw);
    bottom: calc(0% - 5vw);
    transition: 0.6s;}
 @media screen and (max-width: 915.99px) {
.sogaku_itembox2::after {
    left: calc(50% - 6vw);
    bottom: calc(0% - 3vw);
}}
 @media screen and (max-width: 430.99px) {
.sogaku_itembox2::after {
    left: calc(50% - 10vw);
    bottom: calc(0% - 5vw);
}}


.sogaku_itembox2:last-of-type::after {
     content: none;
}



.sogaku_noling {
    margin: 0 auto 0.5rem;
    text-align:left;
    width: 15%;}
.sogaku_noling img {
    width: 90%;
}



.s_itemboxtitle {
    padding-bottom: 0.5rem;
    margin: 1rem 1% 1em;
    font-size: 2.2rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 78%;
    text-align: left;
}


.s_titleic {
    margin: 0rem 1% 0 0;
    width: 9%;
}


.s_itemboximg {
    margin: 0rem auto 1rem;
    width: 100%;}


.s_itemboximg img {
    width: 100%;
    border-radius:0.8rem;
    /*height: 30vh;
    object-fit: cover;
    object-position: 90% 100%;*/}
 @media screen and (max-width: 960px) {
.s_itemboximg img {
    /*height: 14vh;*/
}}


.sogaku_itemboxin {
    margin: 0em 0% 1rem 1%;
    width: 98%;
    text-align: center;
    float: right;
}


.s_itemboxsubtitle {
    margin: 1rem auto;
    padding-bottom:0.6rem;
    font-size: 170%;
    font-weight: bold;
    text-align: center;
    color: #33366a;
    line-height: 1.4;
    border-bottom: 2px solid #d5e5d1;
}

.s_itemboxsubtitle2 {
    margin: 0rem auto 0rem;
    padding: 0.8rem 0 0.4rem;
    width: 98%;
    font-size: 130%;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 1.4;
    background: #5da74a;
    border-bottom: 3px solid #fff00080;
}


.s_itemboxsubtitle3 {
    margin: 1rem auto 1rem;
    padding-bottom: 0.6rem;
    padding-left: 13vw;
    width: 100%;
    font-size: 180%;
    font-weight: bold;
    text-align: left;
    color: #33366a;
    line-height: 1.4;
    border-bottom: 2px solid #d5e5d1;
    position: relative;}
 @media screen and (max-width: 797.99px) {
.s_itemboxsubtitle3 {
    padding-left: 12vw;
}}
 @media screen and (max-width: 430.99px) {
.s_itemboxsubtitle3 {
    padding-left: 13vw;
}}


.s_itemboxsubtitle3 .nmb {
    position: absolute;
    margin: -1.5vh auto;
    font-size: 190%;
    font-weight: bold;
    letter-spacing: -0.5vw;
    left: 0;
    text-align: center;
    color: #5da74a;
    line-height: 1.4;
    font-family: math;
    width: 13%;
letter-spacing: -3px;}
 @media screen and (max-width: 768.99px) {
.s_itemboxsubtitle3 .nmb {
    width: 11%;
}}
 @media screen and (max-width: 375.99px) {
.s_itemboxsubtitle3 .nmb {
    margin: -1vh auto;
    width: 12%;
    font-size: 150%;
}}

.s_itemboxsubtitle3 .nmb img {
    margin: auto;
    width: 60%;
    vertical-align: initial;
}




.s_itemboxcap {
    margin:0 auto 1em;
    font-size: 130%;
    text-align: left;
    line-height: 1.7;
    font-feature-settings: "palt";
}


.s_itemboxcap2 {
    margin:0 auto 1em;
    padding-left:3vw;
    font-size: 1.6rem;
    text-align: left;
    line-height: 1.7;
    font-feature-settings: "palt";
    font-weight:bold;
    color:#e55d8a;
}


.onecheak{
    margin: 0 1%;
    width: 7%;
    vertical-align: bottom;}
.onecheak img{
    width:100%;
}


.sogaku_itembox2 .block_btn a.btn_minilink.mrlauto {
        margin: 0rem 4% 0.8rem!important;
}



.sogaku_itembox .captext {
    margin: 0 2% 1rem;
    width: 96%;
    font-size: 130%;
    font-weight:bold;
    text-align: left;
    color: #333;
    line-height: 1.5;
    font-feature-settings: "palt";
}


/* */
.sogaku_itembox .numberingin ,
.sogaku_itembox2 .numberingin {
    margin: 1em 0%;
    padding: 0 0 0 4vw;
    text-align: left;
    width: 98%;
  /*background: #fff;
  border-radius: 1rem;
  box-shadow: 0px 0px 2px 2px #33366a20;*/
}

.sogaku_itembox .numberinginbox,
.sogaku_itembox2 .numberinginbox{
display: flex;
flex-wrap:wrap;
align-items: flex-start;
}

.sogaku_itembox .numberinginbox li,
.sogaku_itembox2 .numberinginbox li{
    margin: 0em 0% 0rem 2%;
    padding: 0.4rem 0vw 0.6rem;
    width: 48%;
    text-align: left;
    font-size: 130%;
    letter-spacing: -.2px;
    position: relative;
    line-height: 1.4;
}



.sogaku_itembox .numberinginbox li:before ,
.sogaku_itembox2 .numberinginbox li:before {
    content: "";
    position: absolute;
    top: .5em;
    left: -1em;
    width: 0.8em;
    height: 0.8em;
    background-color: #5da74a;
    border-radius: 50%;
}





.numberinginbox3{
width: 100%;
}
.numberinginbox3 .listbox{
    width: 100%;
    margin: 0em 0% 0rem 2%;
    padding: 0.4rem 0vw 1rem;
    text-align: left;
    font-size: 130%;
    letter-spacing: -.2px;
    position: relative;
    line-height: 1.4;

    float: left;}

.numberinginbox3 .listbox::before {
    content: "";
    position: absolute;
    top: .7em;
    left: -1em;
    width: 0.5em;
    height: 0.5em;
    background-color: #8386c0;
    border-radius: 50%;
}









/*  ・・・など　をつける時最後に*/
.sogaku_itembox .numberinginbox li.liend:last-child::before,
.sogaku_itembox .numberinginbox2 li.liend:last-child::before{
    content: none;
}







/* */
.s_modoru {
    margin:0 auto;
    font-size: 130%;
    text-align: center;
    width: -webkit-fill-available;
}

.s_modoru a {
    display:block;
text-decoration:none;
    transition: 1s;
    padding:0.5rem;

}

.s_modoru a:hover {
    background:#fff00030;
    border-radius:1rem;
}







/* ///  事前相談から葬儀後まで  ///////////////////////　*/

.f-process_place {/**/}

.f-process_all {
    margin: 0 auto 0;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
}


.f-process .lead{
    width: 100%;
    text-align: center;
    margin: 3rem auto 1rem;
    color: #33366a;
    font-weight: bold;
    font-size: 160%;
    line-height: 1.7;
    font-family: serif;
    /*font-feature-settings: "palt";*/
    animation: first-fade2 16s infinite; /* both */}
 @media screen and (max-width: 960px) {
.f-process .lead{
margin: 2rem auto 1rem;
    font-size: 150%;
}}


@keyframes first-fade2 {
  0% {opacity: 1; color: #e55d8a;scale(1.0);}
  50% {opacity: 1; color: #8386c0;scale(1.0);}
  100% {opacity: 1;color: #e55d8a;scale(1.15);}
}




.f-process{
    margin: 0 auto 2rem;
    text-align: center;
    padding: 0;
    width: 100%;
}



.f-process .f-process_item{
margin: 2rem auto;
    width: 100%;
    }


/*  */
.f-process .f-process_box{
    margin: 0 auto 3em;
    padding: 0;
    width: 94%;
    text-align: center;
    border: 2px solid #6fb62c; /*f7dc6f*/
    background: #fff;
    border-radius: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    filter: drop-shadow(0px 2px 2px #8386c020);
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

#box1back{
    background: #fff url(../img/back_sub01.jpg) no-repeat right 4vh;
    background-size: contain;
}

#box2back{
    background: #fff url(../img/back_sub02.jpg) no-repeat right 4vh;
    background-size: contain;
}

#box3back{
    background: #fff url(../img/back_sub03.jpg) no-repeat right 4vh;
    background-size: contain;
}


.f-process .f-process_box:not(:last-child)::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 2rem 20vw 0px 20vw;
    border-color: #6fb62c transparent transparent transparent;
    bottom: -2rem;
    transform: translatex(30%) translateX(30%);
    margin: auto;
    z-index: 500;
}


.f-process .f-process_box2{
    margin: 0 auto 2em;
    padding: 0;
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}


.f-process_box .f-processmaintitle{
    margin: 0;
    padding-bottom: 1rem;
    width: 100%;
    font-family: serif;
    font-size: 180%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
    color: #fff;
    font-weight: bold;
    background: #6fb62c;
    line-height:1.4;
}

.f-process_box .f-processmaintitle span{
    text-align: center;
    margin: 0rem 1%;
    width: 100%;
    font-size: 60%;
    line-height: 1;
    padding: 0;
}

.f-process_box .f-processmaintitle span::before{
content:"\02014";
margin-right: 2%;
    font-size:90%;
}

.f-process_box .f-processmaintitle span::after{
content:"\02014";
margin-left: 2%;
    font-size:90%;
}

.f-process_box .f-process-inner{
    margin: 0 auto;
    padding: 0rem 2vw 1rem;
    width: 100%;
    text-align: center;
}



.f-process-inner .f-processtitle{
    margin: 2rem 2% 1rem 0;
    padding: 0 0 0.4rem 1em;
    font-size: 160%;
    font-weight: bold;
    color: #e55d8a;
    line-height: 1.3;
    width: 98%;
    text-align: center;
    border-bottom: 1px solid #e4e4e4;
    font-feature-settings: "palt";
    /* float: left;*/
}


.f-process-inner .f-processtitle2{
    margin: 0rem 2% 0em 0;
    padding: 0 0 0.4rem 1em;
    font-size: 1.8rem;
    font-weight: bold;
    color: #6fb62c;
    line-height: 1.3;
    width: 98%;
    text-align: left;
    border-bottom: 1px solid #e4e4e4;
    float: left;
}


.f-process-inner .f-processtitle2::before {
    content: '♦';
    position: absolute;
    color: #f7dc6f;
    margin-left: -1em;
}


.f-process-inner .f-processname{
    margin: 0;
    font-size: 124%;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 32%;
    text-align: right;
    float: right;
    padding-bottom: 0.4rem;
}



.f-process_box .cap{
    width: 98%;
    margin: 0rem 2% 2rem 0;
    font-size: 124%;
    color: #6e6e6e;
    line-height: 1.7;
    font-feature-settings: "palt";
    text-align: left;
}

.f-process_box ul{
list-style-type: none;
}

.f-process_box ul.f-box{
    width: 98%;
    margin: 1rem auto 2rem;
    font-feature-settings: "palt";
    text-align: center;
    display: flex;
    flex-wrap: wrap;
}



.f-process_box li.f-cap{
    width: 46%;
    margin: 1rem 0% 0rem 1rem;
    font-size: 1.6rem;
    color: #6e6e6e;
    line-height: 1.4;
    font-feature-settings: "palt";
    text-align: left;
    padding-left: 1em;
    text-indent: -0.9em;
}

.f-process_box li.f-cap::before{
    content:"●";
    margin-right: 2%;
    margin-bottom:0.3rem;
        font-size:70%;
        color:#6fb62c;
}


/*  */


.f-process .f-process_box2 .textbox{
    margin: 0em 1%;
    padding: 1rem 1vw;
    width: 98%;
    text-align: center;
    font-size:1.6rem;
    color:#6e6e6e;
}

.f-process .f-process_box2 .textbox .texttitle{
    margin: 1rem auto;
    font-size: 2rem;
    font-weight: bold;
    color: #33366a;
    line-height: 1.3;
    width: 98%;
    text-align: center;
}

.f-process .f-process_box2 .textbox .textcap{
    width: 98%;
    margin: 0rem auto;
    font-size: 100%;
    color: #6e6e6e;
    line-height: 1.7;
    font-feature-settings: "palt";
    text-align: left;
}

.f-process .f-process_box2 .textboximg {
    margin: 1rem 1%;
    width: 98%;}
.f-process .f-process_box2 .textboximg img {
    width: 100%;
}








/* ///  葬儀費用の考え方  ///////////////////////　*/
.thought_place {/**/}

.thought_all {
    margin: 0 auto 0;
    text-align: center;
    position: relative;
    padding-bottom: 1rem;
}

.thought_all .tt_l-cap {
    font-size:130%!important;
}

.thought_all .tt_c-cap {
    font-size:130%!important;
}

.thought{
    margin: -1em auto 2rem;
    text-align: center;
    padding: 0;
    width: 100%;
}






.thought_list {
    width: 100%;
display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}



.thought_listlast {
    margin:0rem 5% 2.5em;
    display: block;
    width: 90%;
    height: 1.5em;
    border:solid #33366a ;
    border-width:0px 2px 2px 2px;
    position:relative;
}


.thought_listlast::after {
    content: "";
    display: block;
    width: fit-content;
    height: 0;
    border-left: 5em solid transparent;
    border-right: 5em solid transparent;
    border-top: 2em solid #33366a;
    position: absolute;
    left: calc(50% - 19%);
    bottom: calc(0% - 2em);
    transition: 0.6s;}
 @media screen and (max-width: 820.99px) {
.thought_listlast::after {
    left: calc(50% - 15%);
}}
 @media screen and (max-width: 769.99px) {
.thought_listlast::after {
    left: calc(50% - 10%);
}}
 @media screen and (max-width: 430.99px) {
.thought_listlast::after {
    left: calc(50% - 19%);
}}



/* */
.thought_list .thought_box {
    padding: 0rem 0vw 2rem;
    margin: 1rem auto;
    width: 94%;
    text-align: center;
    border: 1px solid #8184be;
    border-radius: 10px;
    position: relative;
    background: #fff;
    /* background: #fff url(../img/back_classification1.jpg) no-repeat center bottom; */
    /* background-color: rgba(255, 255, 255, 0.4); */
    /* background-blend-mode: lighten; */
    /* background-size: cover; */
    /* min-height: 25vh;*/
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;}
     @media screen and (max-width: 960px) {
    .thought_list .thought_box {
        width: 94%;
        font-size: 1.4rem;
    }}
     @media screen and (max-width: 769px) {
    .thought_list .thought_box {
        width: 46%;
    }}
     @media screen and (max-width: 430px) {
    .thought_list .thought_box {
        width: 100%;
    }}



.thought_list .thought_box .thought_title {
    padding: 0.6rem 1vw;
    margin-bottom: 1rem;
    font-size: 140%;
    font-weight: bold;
    color: #FFF;
    line-height: 1.3;
    background: #8184be;
    border-radius: 8px 8px 0 0;
    width:100%;
    position:relative;
}


.thought_list .thought_box .thought_title::before {
    content: "";
    position: absolute;
    left: calc(0% - -20px);
    bottom: calc(50% - 1px);
    font-size:150%;
    font-weight:bold;
    width: 5%;
    height: 3px;
    background-color: #FFF;
}

.thought_list .thought_box .thought_title::after {
    content: "";
    position: absolute;
    left: calc(0% - -21px);
    bottom: calc(50% - 1px);
    font-size: 150%;
    font-weight: bold;
    width: 17px;
    height: 3px;
    background-color: #FFF;
    transform: rotate(90deg);
}



/* */
.thought_list .thought_box2 {
    padding: 0rem 0vw 2rem;
    margin: 1rem auto;
    width: 94%;
    text-align: center;
    border: 1px solid #e15d86;
    border-radius: 10px;
    position: relative;
    max-width: 1100px;
   background: #fff;
   /* background: #fff url(../img/back_classification2.jpg) no-repeat center bottom; */
   /* background-color: rgba(255, 255, 255, 0.4); */
   /* background-blend-mode: lighten; */
   /* background-size: cover; */
   /* min-height: 25vh;*/
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;}
 @media screen and (max-width: 960px) {
.thought_list .thought_box2 {
    width: 94%;
    font-size: 1.4rem;
}}
 @media screen and (max-width: 769px) {
.thought_list .thought_box2 {
    width: 46%;
}}
 @media screen and (max-width: 430px) {
.thought_list .thought_box2 {
    width: 100%;
}}




.thought_list .thought_box2 .thought_title2 {
    padding: 0.6rem 1vw;
    margin-bottom: 1.5em;
    font-size: 140%;
    font-weight: bold;
    color: #FFF;
    line-height: 1.3;
    background: #e15d86;
    border-radius: 8px 8px 0 0;
    width:100%;
    position:relative;
}

.thought_list .thought_box2 .thought_title2::before {
    content: "";
    position: absolute;
    left: calc(0% - -20px);
    bottom: calc(50% - 1px);
    font-size:150%;
    font-weight:bold;
    width: 5%;
    height: 3px;
    background-color: #FFF;
}


.thoughtcap {
    margin: 0.6em 0% 0rem 3%;
    padding: 0rem 0vw 0rem 1.5em;
    width: 46%;
    text-align: left;
    font-size: 130%;
    font-weight:600;
    color: #6e6e6e;
    position: relative;
    line-height: 1.4;
    filter: drop-shadow(1px 1px 0 #fff);
}


.thoughtcap:before {
    content: "";
    position: absolute;
    top: .4em;
    left: 0.4em;
    width: 0.6em;
    height: 0.6em;
    background-color: #5da74a;
    border-radius: 50%;
}

.thoughtimg {
    margin: 1em 2% ;
    text-align: center;}
.thoughtimg img { width:100%;}



.thought .epiloguetxt {
    margin: 1em 2% 1em;}
 @media screen and (max-width: 960px) {
.epiloguetxt {
    margin: 2em 2% 1em;
}}











/* //////////  スケジュール　//////////////////////  */
.schedule{
    margin: 0 auto 2rem;
    text-align: center;
    padding: 0;
    width: 100%;
    /*display: flex;
    flex-wrap: wrap;
    position: relative;*/
}


.schedule-panels{
    margin: 0 auto 2em;
    padding: 1em 0 1.5em;
    width: 100%;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
        background: #7ac54320;
}

  .schedule-panels ul {
      margin: 0;
      padding: 0;
      position: relative;
  }

  .schedule-panels ul li {
    list-style-type: none;
    display: inline-block;
    background: #fffccc;
    margin: 0;
    padding: 0;
    border-radius: 0.5em 0.5em 0 0;
    color: #fff;
    cursor: pointer;
    text-align: center;
    width: 15%;
    min-height: 4em;
    font-size: 84%;
    font-weight: bold;
    line-height: 1.3;
    font-feature-settings: "palt";
}





li.panel a,
li.panelend a{
    padding: 1rem 1vw 1rem 4vw;
    width: 100%;
    text-decoration: none;
    display: block;
    color: #fff;
    transition: 3s ease;
  }

li.panel:hover,
li.panelend:hover  {
background:#7ac543;
}




.panel,
.panelend  {
    margin: 1rem 4.5% 0;
    width: 40.5%;
    background: #4ca736;
    color: #ffeb3b;
    padding: 0%;
    border-radius: 0.4em;
    position: relative;
    line-height: 1.2;
    font-size: 104%;
display: flex;
align-items: center;
justify-content: center;
/*background: #4ca736 url(../img/img_backflower.png) no-repeat center bottom;
background-size: 100%;*/
}



  .schedule-panels .panelend  {
    border: none;
      }


  .schedule-panels .panel::before {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 2rem 8vw 0px 8vw;
    width: 0;
    height: 0;
    border-left: 1.5rem solid #7ac54370;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-right: 1rem solid transparent;
    top: 30%;
    bottom: 9%;
    left: 98%;
    right: 0%;
    transition: 3s;
    z-index: -1;
}



  .schedule-panels .panel:hover::before,
.schedule-panels .panelend:hover::before {
opacity:0;
    border-left: 0rem solid transparent;
    left: 0%;
}




/*
  .schedule-panels .panel::after,
  .schedule-panels .panel2::after,
    .schedule-panels .panelend::after {
    content: "";
    position: absolute;
    border-style: solid;
    border-width: 1rem 8vw 0px 8vw;
    width: 0;
    height: 0;
    border-left: 2rem solid transparent;
    border-top: 1rem solid #4ca736;
    border-bottom: 1rem solid transparent;
    border-right: 2rem solid transparent;
    bottom: -6%;
    left: 37%;
    right: 0%;
    transition: 2s ease-in-out;
}

  .schedule-panels .panel:hover::after,
  .schedule-panels .panel2:hover::after,
    .schedule-panels .panelend:hover::after {
    border-left: 2rem solid transparent;
    border-top: 1rem solid #7ac543;
    border-bottom: 1rem solid transparent;
    border-right: 2rem solid transparent;
}

*/

  .schedule-panels .panel p.nmb0,
  .schedule-panels .panelend p.nmb0  {
    width: 22%;
    position: absolute;
    top: -20%;
    left: -8%;}
@media screen and (max-width: 915.99px) {
  .schedule-panels .panel p.nmb0,
  .schedule-panels .panelend p.nmb0  {
    width: 14%;
    top: -23%;
    left: -5%;
}}
@media screen and (max-width: 797.99px) {
  .schedule-panels .panel p.nmb0,
  .schedule-panels .panelend p.nmb0  {
    width: 20%;
    top: -21%;
    left: -5%;
}}
@media screen and (max-width: 430.99px) {
  .schedule-panels .panel p.nmb0,
  .schedule-panels .panelend p.nmb0  {
    width: 20%;
    top: -23%;
    left: -7%;
}}


.schedule-panels .title{
    margin: 0 auto 0.5rem;
    width: 100%;
    color: #fff;
    font-size: 3rem;
    /* font-weight: 500; */
    /* line-height: 1.5; */
    filter: drop-shadow(0.5px 0.5px 0px #fff);}
@media screen and (max-width: 1059.99px) {
.schedule-panels .title{
font-size: 124%;
}}


.schedule-panels .panel .subtitle,
.schedule-panels .panel2 ,
.schedule-panels .panelend .subtitle {
    margin: 0 auto;
    width: 100%;
    color: #fff;
    font-size: 96%;
    font-weight: 600;
    line-height: 1.5;
    /*filter: drop-shadow(0.5px 0.5px 0px #7ac543);*/}
 @media screen and (max-width: 959.99px) {
.schedule-panels .panel .subtitle,
.schedule-panels .panel2 ,
.schedule-panels .panelend .subtitle {
font-size: 124%;
}}
 @media screen and (max-width: 430.99px) {
.schedule-panels .panel .subtitle,
.schedule-panels .panel2 ,
.schedule-panels .panelend .subtitle {
font-size: 100%;
}}



.schedule_item .tt_tyuki{
    font-size: small;
    text-indent: -1.1rem;
    width: 90%;
    margin: 1rem auto 0;
}






















} /* END */