#top_main{background:linear-gradient(#0e3361 10%, #00a6ba 90%);margin: 0 43px;}
#top_01{position: relative;}
#top_01:before{content:"";width: 40vw;height: 90vh; position: absolute;top:0;left: -43px;background:url(../img/top/bg_top_01_left.svg)no-repeat;background-size: contain;}
#top_01:after{content:"";width: 40vw;height: 90vh; position: absolute;top:0;right: -43px;background:url(../img/top/bg_top_01_right.svg)no-repeat;background-size: contain;background-position: top right;}
.top_main_ttl{padding:200px 0 0;position: relative;font-family: "Shippori Mincho", serif;font-weight: 800;color:#f8f8f8;}
.top_main_ttl_inner{max-width: 38em;margin: 0 auto;position: relative;z-index: 1;}
.top_main_ttl h2{font-size: 66px;}
.top_main_ttl h2 span{color:#009cdd;}
.top_main_ttl p{font-size: 17px;}
.top_main_ttl:before{content:"";background:url(../img/top/top_ttl_bg.webp)no-repeat;background-position: top center;mix-blend-mode: color-dodge;position: absolute;top:0;left: 50%;transform: translateX(-50%);width: 100%;height: 100vh;}
.top_main_inner{font-family: "Shippori Mincho", serif;font-weight: 800;color:#f8f8f8;position: relative;z-index: 1;}
.top_main_lead{text-align: center;}
.top_main_lead_block{text-align: center;}
.top_main_lead_block img{max-width: 100%;}
.top_main_lead_block .top_main_lead{padding: 1em 0 0;}
.top_lead_ttl{font-size: 45px;text-align: center;padding:0 0 .5em;}
.top_main_lead_btm{position: relative;z-index: 2;}
@media screen and (max-width:740px) {
    #top_main{margin: 0 20px;}
    #top_01:before{left: -20px;z-index: 1;}
    #top_01:after{right: -20px;z-index: 1;}
    .top_main_ttl_inner{max-width: inherit;padding:0 20px;}
    .top_main_ttl h2{font-size: 9vw;white-space: nowrap;}
    .top_main_inner{padding:0 20px;}
    .top_main_lead{text-align: justify;}
    .top_lead_ttl{font-size: 7vw;}
}

.recommend_list{max-width: 900px;margin: 0 auto;position: relative;z-index: 1;}
.recommend_list:before{content:"";width: 249px;height: 290px; position: absolute;top:-290px;right: -100px;background:url(../img/common/dolphin.svg)no-repeat;background-size: contain;}
.recommend_list:after{content:"";width: 288px;height: 257px; position: absolute;top:-90px;left: -100px;background:url(../img/common/jellyfish_blue.svg)no-repeat;background-size: contain;z-index: -1;}
.recommend_list > li{width: 800px;height:90px;display: flex;gap:5px 20px;align-items: center;padding:10px;background:rgba(248,248,248,.9);color:#556F7F;}
.recommend_list > li:nth-child(odd){margin:0 auto 25px 0;}
.reco_num{font-size: 75px; font-weight: 900;padding:0 20px ;position: relative;}
.reco_num:after{content:"";position: absolute;top:50%;right:0;transform: translateY(-50%);width: 2px;height: 75%; border-right:solid 2px #556F7F;}
.reco_txt{font-size: 23px; font-weight: 900;}
.recommend_list > li:nth-child(even){margin:0 0 25px auto;}
@media screen and (max-width:980px) {
    .recommend_list{padding:0 20px;}
    .recommend_list:before{width: 30vw;right:-43px;}
    .recommend_list:after{width: 25vw;left: -43px;}
    .recommend_list > li{width: 90%;}
}
@media screen and (max-width:740px) {
    .recommend_list{padding: 0;}
    .recommend_list:before{top:-200px;right:-20px;}
    .recommend_list:after{left: -20px;top:-50px;}
    .recommend_list > li{width: 100%; height: auto;flex-wrap: wrap;justify-content: center;margin: 0 0 25px!important;padding:10px 20px 20px;}
    .reco_num{padding: 0;font-size: 40px;}
    .reco_num:after{width: 100%;height: 2px; top:auto;bottom: 5px;right:auto;left: 50%;transform: translateX(-50%);border:solid #556F7F;border-width: 0 0 2px 0;}
    .reco_txt{font-size: 20px;text-align: justify;}
}

.top_service_cont{max-width: 700px;margin: 0 auto;}
.deco_ttl{text-align: center;}
.plan_cont{position: relative;}
.deco_ttl > h2{font-family: "Noto Sans", sans-serif;font-size: 39px;font-weight: 900;color:#f8f8f8;line-height: 1;}
.deco_ttl span{font-size: 26px;font-weight: 500;}
.plan_cont:after{content:"";width: 152px;height: 107px; position: absolute;top:0;right:-152px;background:url(../img/common/clownfish_red_right.svg)no-repeat;background-size: contain;}
.deco_ttl_sub{padding:.5em 0;text-align: center;font-family: "Shippori Mincho", serif;font-size: 30px;font-weight: 800;color:#f8f8f8;}
.service_lead{padding:0 50px;font-family: "Shippori Mincho", serif;text-align: justify;color:#f8f8f8;}
@media screen and (max-width:980px) {
    .plan_cont:after{width: 13vw;right:-13vw;}
}
@media screen and (max-width:740px) {
    .deco_ttl > h2{font-size: 9vw;}
    .deco_ttl span{font-size: 6vw;}
    .deco_ttl_sub{font-size: 6.5vw;}
    .service_lead{padding: 0;}
    .plan_cont:after{right: -40px;}
}

#top_02{position: relative;padding:0 0 70px;}
#top_02:before{content:"";width: 169px;height: 276px; position: absolute;top:0;left: -43px;background:url(../img/common/jellyfish_right.svg)no-repeat;background-size: contain;}
.area_cont_item{position: relative;height: 485px;}
.area_cont_txt{max-width: 390px;padding:0 0 0 50px;}
.area_cont_txt .deco_ttl_sub{text-align: left;}
.area_cont .service_lead{padding: 0;}
.area_map{position: absolute;top:20px;right:0;}
.area_map img{max-width: 100%;}
.license_cont .deco_ttl_sub{font-size: 25px;}
.license_item{padding: 20px 0 0;}
.memorial_cont{position: relative;z-index: 1;}
.memorial_cont:after{content:"";width: 297px;height: 276px; position: absolute;top:-100px;right:-200px;background:url(../img/common/jellyfish_white.svg)no-repeat;background-size: contain;}
.momorial_item{padding:0 50px;font-family: "Shippori Mincho", serif;color:#f8f8f8;}
.momorial_item_ttl{font-size: 25px;font-weight: 800;text-align: center;}
.momorial_item_eng{font-size: 12px;font-weight: 800;padding:0 0 1em;text-align: center;}
.momorial_item .service_lead{padding: 0;position: relative;z-index: 2;}
.urn_img{padding:20px 0 0;text-align: center;}
#top_02:after{content:"";background:url(../img/top/top_02_bg.webp)no-repeat;mix-blend-mode: color-dodge;position: absolute;bottom:0;right: 0;width: 50%;height: 100vh;background-position: bottom center;/*background-size: contain;*/}
@media screen and (max-width:980px) {
    #top_02:before{width: 14vw;}
    .memorial_cont:after{width: 24vw;right:-24vw;}
}
@media screen and (max-width:740px) {
    #top_02:before{left: -20px;}
    .area_cont_item{height: auto;}
    .area_cont_txt{max-width: 100%;padding:0 20px 20px;}
    .area_cont_txt .deco_ttl_sub{text-align: center;}
    .area_map{position: static;top:auto;right:auto;padding:0 20px;}
    .license_cont > .deco_ttl > h2{line-height: 1.3;}
    .license_item{padding: 20px 20px 0;}
    .license_cont .deco_ttl_sub{font-size: 5vw;text-align: justify;}
    .license_cont .deco_ttl_sub br{display: none;}
    .memorial_cont:after{right:-12vw;}
    .momorial_item{padding:0 20px;}
    #top_02:after{width: 100%;}
    .memorial_cont:after{right: -20px;}
}

#top_blog{padding:70px 43px;position: relative;z-index: 1;}
#blog_cont_ttl{padding:0 0 30px;color:#fff;max-width: 700px;margin: 0 auto;position: relative;}
.blog_ttl{text-align: center;font-size: 40px;font-weight: 900;position: relative;z-index: 1;}
.top_archive_inner{max-width: 900px;margin: 0 auto;}
.archive_btn{max-width: 350px;margin: 40px auto 0; height: 40px;display: grid;place-items: center;font-size: 25px;}
@media screen and (max-width:980px) {
    .blog_ttl{font-size: 35px;}
}

#top_howto{position: relative;padding:70px 0;}
#top_howto:before{content:"";width: 293px;height: 292px; position: absolute;top:-200px;right:0;background:url(../img/common/plants_green.svg)no-repeat;background-size: contain;}
#top_howto:after{content:"";background:url(../img/top/top_ttl_bg.webp)no-repeat;mix-blend-mode: color-dodge;position: absolute;top:0;right: 0;width: 50%;height: 100vh;background-position: top center;/*background-size: contain;*/}
.howto_cont{position: relative;}
.howto_cont:before{content:"";width: 547px;height: 539px; position: absolute;top:-280px;left: 0;background:url(../img/common/whale.svg)no-repeat;background-size: contain;}
.howto_cont_inner{padding:0 50px;}
.howto_cont_inner .deco_ttl{position: relative;z-index: 1;}
.howto_step{padding: 30px 0;position: relative;}
.howto_step:before{content:"";width: 288px;height: 257px; position: absolute;top:50%;left: -200px;transform: translateY(-50%);background:url(../img/common/jellyfish_blue.svg)no-repeat;background-size: contain;}
.howto_step:after{content:"";width: 200px;height: 198px; position: absolute;top:60%;right: -220px;background:url(../img/common/clownfish_green_right.svg)no-repeat;background-size: contain;}
.howto_step > li{display: flex;gap:15px;align-items: flex-start;position: relative;padding:0 0 84px;z-index: 1;}
.step_num{width: 85px;height: 85px;background:#f8f8f8;display: grid;place-items: center;font-family: "Shippori Mincho", serif;font-size: 60px;font-weight: 800;line-height: 1;}
.step_num_txt{font-size: 18px;margin: -1em 0 0;}
.step_txt{width: calc(100% - 100px);color: #f8f8f8;}
.step_point{color:#00C8E0;font-size: 19px;font-weight: 500;white-space: nowrap;}
.step_col2{padding: 20px 0 30px;display: flex;gap:20px;flex-wrap: wrap;justify-content: center;}
.howto_step > li:after{content:"";width:28px;height: 24px; aspect-ratio: 1/cos(30deg); clip-path: polygon(50% 100%,100% 0,0 0);background:#00a6ba;position: absolute;bottom: 30px;left: 50%;transform: translateX(-50%);}
.step_option{background:linear-gradient(to right,#b7e1ea,#f4919c);font-weight: 700;color:#143855;display: grid;place-items: center;padding:5px;position: relative;z-index: 1;}
.step_txt p + p{margin: .5em 0 0;}
.step_note{font-size: 14px;}
.kit_item{display: flex;gap:20px;justify-content: space-between;padding: 30px 0;}
.kit_item > li{width: calc((100% - 80px)/5);}
.kit_item p{font-size: 14px;text-align: center;}
.step_link{text-align: right;padding: 1em 0 0;}
.step_link a{font-weight: 700;color:#7fa3ba;border-bottom:solid 1px #7fa3ba;text-decoration: none;}
.howto_step figure{padding:20px 0;}
.howto_step figure + .step_point,.step_link + .step_point{padding: 20px 0 0;}
.certificate_img{border:solid 1px #f8f8f8;}
.howto_step > li:last-child{padding: 0;}
.howto_step > li:last-child:after{display: none;}
.howto_cont:after{content:"";width: 171px;height: 281px; position: absolute;top:40%;right: 0;background:url(../img/common/jellyfish_left.svg)no-repeat;background-size: contain;}
@media screen and (max-width:980px) {
    #top_howto:before{width: 24vw;}
    .howto_cont:before{width: 45vw;top:-200px;}
    .howto_cont:after{width: 14vw;}
    .howto_step:before{width: 24vw;left: -24vw;}
    .howto_step:after{width: 16vw;right:calc(-16vw - 20px);}
}
@media screen and (max-width:740px) {
    .howto_cont_inner{padding:0 40px;}
    #top_howto:after{width: 100%;}
    #top_howto .top_main_inner{padding: 0 40px;}
    .howto_cont:before{width: 35vw;top:-100px;}
    .howto_step > li{flex-wrap: wrap;}
    .step_point{white-space: inherit;}
    .step_txt{width: 100%;}
    .howto_step:after{right:-40px;}
    .howto_cont:after{background-position: center;}
}

#top_price{background:#00a6ba;margin: 0 43px;padding:70px 0;position: relative;}
#top_price:before{content:"";width: 436px;height: 199px; position: absolute;top:-50px;left: 0;background:url(../img/common/turtle.svg)no-repeat;background-size: contain;}
#top_price:after{content:"";width: 250px;height: 371px; position: absolute;top:-200px;right: -43px;background:url(../img/common/plants_long_right.svg)no-repeat;background-size: contain;}
.price_cont{position: relative;}
.price_cont:before{content:"";width: 178px;height: 417px; position: absolute;top:40%;left: -43px;background:url(../img/common/sea_anemone.svg)no-repeat;background-size: contain;}
.price_cont_inner{padding:0 50px;}
.basic_price{padding:30px 0 0;display: flex;gap:0 10px;justify-content: center;align-items: center;font-family: "Shippori Mincho", serif;font-weight: 800;position: relative;z-index: 1;line-height: 1;}
.price_ttl{font-size: 32px;line-height: 1.3;padding:0 10px 0 0;}
.price_txt{font-size: 110px;}
.price_yen{font-size: 45px;text-align: center;}
.price_yen > span{font-size: 14px;}
.basic_price:before{content:"";position: absolute;bottom:0;left: 50%;transform: translateX(-50%);width: 80%;height: 30%; background:linear-gradient(to right,#b7e1ea,#f4919c);z-index: -1;}
.basic_price_item{color:#f8f8f8;font-size: 20px; font-weight: 500;background:#143855;text-align: center;padding: 5px;margin: 10px auto 0;}
.price_opt_ttl{padding:40px 0 30px;font-size: 30px;font-weight: 900;color:#f8f8f8;text-align: center;}
.price_opt_ttl span{position: relative;}
.price_opt_ttl span:before{content:"";width: 90px;height: 1px;position: absolute;left: -100px;top:50%;transform: translateY(-50%);border-top:solid 1px #f8f8f8;}
.price_opt_ttl span:after{content:"";width: 90px;height: 1px;position: absolute;right: -100px;top:50%;transform: translateY(-50%);border-top:solid 1px #f8f8f8;}
.add_opt_item{max-width: 540px;margin: 0 auto;padding:0 0 40px;display: flex;gap:20px 0;justify-content: space-between;flex-wrap: wrap;}
.add_opt_item > li{width: 150px;}
.add_opt_item p{font-size: 18px;font-weight: 500;text-align: center;}
.price_opt_link{text-align: center;}
.price_opt_link a{text-decoration: none; font-weight: 700; color:#f8f8f8;border-bottom:solid 1px #f8f8f8;}
.price_main_list{display: flex;gap:20px;justify-content: center;padding: 30px 0 0;}
.price_main_list p{text-align: center;color: #f8f8f8;}
.quote_simulator_block{position: relative;z-index: 1;}
/*シミュレーター実装まで非表示
.quote_simulator_block:before{content:"";width: 297px;height: 276px; position: absolute;top:-100px;right:-100px;background:url(../img/common/jellyfish_white.svg)no-repeat;background-size: contain;z-index: -1;}*/
.quote_simulator{margin:40px 0 0;background:linear-gradient(to right,#b7e1ea,#f4919c);border-radius: 20px;padding:2px;position: relative;}
.quote_simulator_inner{background:#f8f8f8;border-radius: 20px;padding:40px;position: relative;}
.quote_simulator:after{content:"";width:28px;height: 24px; aspect-ratio: 1/cos(30deg); clip-path: polygon(50% 100%,100% 0,0 0);background:linear-gradient(to right,#b7e1ea,#f4919c);position: absolute;bottom: -21px;left: 50%;transform: translateX(-50%);}
.quote_simulator_inner:after{content:"";width:24px;height: 20px; aspect-ratio: 1/cos(30deg); clip-path: polygon(50% 100%,100% 0,0 0);background:#f8f8f8;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);z-index: 1;}
/*シミュレーター実装まで非表示
.quote_simulator_block:after{content:"";width: 217px;height: 194px; position: absolute;bottom:0;left: -100px;background:url(../img/common/jellyfish_blue.svg)no-repeat;background-size: contain;z-index: -1;}
*/
.simulator_sum{height: 70px;display: grid;place-items: center;background:linear-gradient(to right,#b7e1ea,#f4919c);border:solid 3px #f8f8f8;margin:30px 0 40px;}
.simulator_sum_item{display: flex;align-items: flex-end;font-family: "Shippori Mincho", serif;font-weight: 800;line-height: 1;}
.sum_ttl{font-size: 22px;line-height: 1.3;padding:0 10px 0 0;}
.sum_txt{font-size: 55px;}
.sum_yen{font-size: 23px;text-align: center;}
.sum_yen > span{font-size: 12px;}
.simulator_note{color:#f8f8f8;}
@media screen and (max-width:980px) {
    #top_price:before{width: 37vw;}
    #top_price:after{width: 20vw;}
    .price_cont:before{width: 15vw;}
    /*シミュレーター実装まで非表示
    .quote_simulator_block:before{width: 25vw;right:-15vw;}
    .quote_simulator_block:after{width: 18vw;left: -10vw;}*/
}
@media screen and (max-width:740px) {
    #top_price{margin: 0 20px;}
    #top_price:after{right: -20px;}
    .price_cont:before{left: -20px;}
    .price_cont_inner{padding: 0 20px;}
    .price_txt{font-size: 60px;}
    .basic_price{gap:0;}
    .price_ttl{font-size: 18px;}
    .price_txt{font-size: 55px;}
    .price_yen{font-size: 20px;}
    .price_opt_ttl{font-size: 25px;}
    .price_opt_ttl span:before{width: 1em;left: calc(-1em - 10px);}
    .price_opt_ttl span:after{width: 1em;right: calc(-1em - 10px);}
    .quote_simulator_block:before{right: -40px;}
    .sum_ttl{font-size: 20px;}
    .sum_yen{font-size: 20px;}
}

#top_faq{padding:70px 0 0;position: relative;}
#top_faq:before{content:"";background:url(../img/top/top_ttl_bg.webp)no-repeat;background-position: top center;mix-blend-mode: color-dodge;position: absolute;top:0;left: 50%;transform: translateX(-50%);width: 100%;height: 100vh;}
/*シミュレーター実装まで非表示
#top_faq:after{content:"";width: 343px;height: 264px; position: absolute;top:-200px;right: 0;background:url(../img/common/plants_blue.svg)no-repeat;background-size: contain;}*/
.faq_cont{position: relative;}
.faq_cont:before{content:"";width: 258px;height: 320px; position: absolute;top:25%;left: 0;background:url(../img/common/plants_long_left.svg)no-repeat;background-size: contain;}
.faq_cont:after{content:"";width: 171px;height: 281px; position: absolute;top:50%;right:0;background:url(../img/common/jellyfish_left.svg)no-repeat;background-size: contain;}
.faq_cont_inner{max-width: 900px;margin: 0 auto;}
.faq_list{padding:80px 0;}
.faq_list > li{width: 800px; padding:0 0 50px;}
.faq_question{height: 95px;display: flex;gap:0 20px;align-items: center;position: relative;background:#00a6ba;border-radius: 50px;font-family: "Shippori Mincho", serif;font-weight: 800;color: #f8f8f8;padding:10px 20px;}
.faq_question:after{content:"";width:28px;height: 24px; aspect-ratio: 1/cos(30deg); clip-path: polygon(50% 100%,100% 0,0 0);background:#00a6ba;position: absolute;bottom: -22px;left: 50%;transform: translateX(-50%);}
.faq_list > li:nth-child(odd) {margin: 0 auto 0 0;}
.faq_list > li:nth-child(even) {margin: 0 0 0 auto;}
.question_num{font-size: 55px;border-right:solid 2px #f8f8f8;padding:0 20px 0 0;}
.question_txt{font-size: 28px;}
.faq_answer{min-height: 95px;background:#f8f8f8;display: flex;gap:0 20px;align-items: center;margin: 15px 0 0; padding:10px 20px;}
.answer_num{font-size: 55px;font-family: "Shippori Mincho", serif;color:#556F7F;border-right:solid 2px #7fa3ba;padding:0 20px 0 0;}
.faq_list > li:nth-child(6){position: relative;}
.faq_list > li:nth-child(6):before{content:"";width: 152px;height: 107px; position: absolute;top:0;left: -200px;background:url(../img/common/clownfish_red_left.svg)no-repeat;background-size: contain;}
.faq_list > li:nth-child(7){position: relative;}
.faq_list > li:nth-child(7):after{content:"";width: 217px;height: 194px; position: absolute;top:0;right: -250px;background:url(../img/common/jellyfish_blue.svg)no-repeat;background-size: contain;}

#top_archive{background:#00a6ba;margin: 0 43px 70px;padding:70px 0 ;position: relative;}

.top_btn_block{padding: 0 0 100px;}
.blog_link{display: block;max-width: 700px;margin: 80px auto;background:#fff;border-radius: 20px;border:solid 2px #f8f8f8;padding:20px 30px;text-align: center;text-decoration: none;}
.blog_link_ttl{font-size: 30px;font-weight: 600; color: #143855;}
.blog_link_txt{font-size: 23px;font-weight: 500;color: #143855;padding:0 0 .5em;}
.blog_link_cat{font-size: 23px;font-weight: 700;background:#00a6ba;color: #f8f8f8;padding:5px 0;}
@media screen and (max-width:980px) {
    /*シミュレーター実装まで非表示
    #top_faq:after{width: 28vw;}*/
    .faq_cont:before{width: 21vw;}
    .faq_cont:after{width: 14vw;}
    .faq_list{padding:80px 20px;}
    .faq_list > li{width: 90%;}
    .faq_list > li:nth-child(6):before{width: 12vw;left:calc(-12vw - 20px);}
    .faq_list > li:nth-child(7):after{width: 18vw;right:calc(-18vw - 20px);}
    #top_archive{padding: 70px 40px;}
}
@media screen and (max-width:740px) {
    .faq_list > li{width: 100%;margin: 0 auto!important;}
    .faq_question{gap:0 10px;}
    .question_num{font-size: 30px;padding: 0 10px 0 0;}
    .question_txt{font-size: 20px;}
    .faq_answer{gap:0 10px;align-items: stretch;}
    .answer_num{display: grid;place-items: center;font-size: 30px;padding: 0 10px 0 0;}
    .faq_list > li:nth-child(7):after{right: -20px;}
    #top_archive{margin: 0 20px 70px;padding: 70px 20px;}
    #archive_cont_ttl{padding:0 0 30px!important;}
    .archive_btn{height: auto;padding: 5px 10px;font-size: 23px;}
    .blog_link{margin: 80px 20px;padding:20px;}
    .blog_link_ttl{font-size: 25px;}
    .blog_link_txt{text-align: justify;font-size: 20px;}
    .blog_link_cat{padding: 5px;font-size: 20px;}
}
