@charset "utf-8";
/* CSS Document */

/*設定
======================================================*/
body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color: #343434;
}
body * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
}
#wrapper {
	background: #fff;
}
#headerWrap {
	width: 100%;
	background: #fff;
	height: 1100px;
}
#header {
	background: none;
	padding: 0px;
	margin: 0 auto;
	width: 1000px !important;
}
#headerCategoryList, #headerBtm, .mt12 {
 	display: none;
 }
#headerStoreWrap {
 	padding: 25px 12px 5px 0px;
 } 
#headerStore {
 	width: 1000px;
 	margin: 0 auto;
 }
#headerStore .name {
	font-size: 15px;
	color: #577e14;
}
#headerStore .name a {
	color: #577e14;
}
#headerStoreContact img {
    display: none;
}
#headerStoreDialWrap {
    background: none;
    margin-top: -25px;
}
#headerStoreDial {
	padding: 0;
	background: none;
}
#headerStoreDial .number {
    padding-left: 0;
    text-align: right;
    color:#afda63;
    background: none;
}
.header_mgn01 {
	display: none !important;
}
#headerIconList {
	margin-top: 0;
}
#gNavi {
    border-top: 4px solid #5d8517;
}
#mainimg {
    width: auto;
    margin: auto;
    height: 973px;
    position: relative;
    top: 57px;
    background: #fff;
    background-repeat: no-repeat,no-repeat;
    background-position: right center,left center;
    background-size: 50% 600px;
}
#mainimgIn {
    width: 100%;
    height: 973px;
    background: url(https://cms.locoplace.biz/storeimg/43/431222/20250627_1245211.png)no-repeat scroll top /1000px !important;
    border-top: solid #9acf3b 1px;
}
/*設定
============================*/
.sectionBtm, #g01 .indexCornerWrap01 {
	display: none;
}
.sectionWrap, .h2WrapBtm, .h2WrapTop, .h2WrapMid {
	background: none;
}
.sectionWrap {
	z-index: auto;
}
.h2WrapMid h2 {
	color: #002500;
}
#g01 .h2WrapMid h2 {
    color: #ffffff;
}
#g01 .section {
	background: none;
	padding: 0;
}
#g01 .sectionIn {
	padding: 0;
}
#g01 #contents {
	width: 100%;
}
#g02 .section,#g03 .section,#g05 .section,#g06 .section {
	background: #fff;
}
#g04 #contents {
	width: 880px;
}
#g04 .section {
	padding: 0;
	background: none;
}
#g04 .sectionIn {
	padding: 0;
}
#g04 .indexGalleryWrap01 {
	padding: 0;
}
#map_canvas {
	width: 880px !important;
	margin: 0 auto !important;
}
.accessSec01 {
	width: 880px;
}
#dlpoC_D {
    width: 1000px;
    margin: 30px auto;
}
div#dlpoC_C {
    width: 1000px;
    margin: 0 auto;
}
#g01 .h2WrapTop {
    background: #b0db60;
    padding: 5px !important;
}
/*gNavi 
======================================================*/
#gNavi {
    border-top: 4px solid #5d8517;
}
#gNaviWrap .fixed {
    position: fixed;
    top: 0;
    left: 0;
}
#gNaviWrap {
    margin: 0;
    clear: both;
    position: absolute;
    top: 84px;
    left: 0;
}
#gNaviWrap::after {
    display: block;
    content: "";
    clear: both;
}
#gNavi.fixed {
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.2);
	padding: 0;
	background: #173753;
}
#gNaviIn {
	width: auto;
	margin: 0px auto;
	background: #afda63;
	padding: 0px 10px 0px 10px;
	box-shadow: 0px 3px 7px #c6c6c6;
}
#gNavi ul {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
	display: flex;
}
#gNavi ul::after {
	display: block;
	content: "";
	clear: both;
}
#gNavi li {
	padding-bottom: 0;
	width: auto;
	height: 50px;
	flex: 1 1 0px;
	justify-content: center;
	align-items: center;
	position: static;
}
#gNavi li#gNav02 {
	left: 176px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav03 {
	left: 352px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav04 {
	left: 528px;
	min-width: 0px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav05 {
	left: 704px;
	min-width: 0px;
	height: 50px;
	width: 176px;
}
#g01 #gNavi li#gNav01 a, #g02 #gNavi li#gNav02 a, #g03 #gNavi li#gNav03 a, #g04 #gNavi li#gNav04 a, #g05 #gNavi li#gNav05 a, #g06 #gNavi li#gNav06 a, #g07 #gNavi li#gNav07 a {
	background: linear-gradient(#98ca3f, #577d13);
}
#gNavi li a {
	width: auto;
	height: 50px;
	background: #afda63;
	border-left: 1px solid #fff;
	color: #fff;
}
#gNavi li:last-child a {
	border-right: 1px solid #fff;
}
#gNavi li a:hover {
	background: linear-gradient(#98ca3f, #577d13);
	color: #fff;
}
/*footer
============================*/
#footerTop {
    background: #b1dc60;
}
#footerBtm {
    background: #f1eadb;
    padding-bottom: 35px;
}
/*ぱんくず
======================================================*/
p.link-p span {
    margin: 0 10px;
}

/*共通
======================================================*/
.cont-wallpaper {
    font-size: 16px;
    color: #2f2f2f;
}
.cont-bg {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}
.cont-title {
    border-bottom: 2px solid #add863;
}
.cont-title h2 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    margin: 0 auto;
    background: url(https://cms.locoplace.biz/storeimg/43/431222/20191220_0924591.png)no-repeat bottom left /110px;
    padding-top: 30px;
    width: 1000px;
}
.em {
    color: #b01a21;
    font-weight: bold;
}
span.font-b {
    font-weight: bold;
}
p.top-link::before {
    content: "\025b6";
    margin-right: 5px;
    color: #f80;
}
p.top-link a {
    color: #f80;
}
p.kome {
    margin: 0;
    color: #6c6c6c;
    font-size: 14px;
}
/*top
======================================================*/
.top-cont p {
    margin: 20px 0;
}
h2.indexCopy01 {
    width: 1000px;
    margin: 30px auto 0;
    border: 4px double #ffbd00;
    padding: 20px;
    background: #fffbef;
}
.top-btn-list li {
    float: left;
    width: 333px;
    text-align: center;
}
p.btn-ttl {
    font-size: 20px;
    text-align: center;
    margin: 50px 0 20px;
    background: #f7b238;
    border-radius: 50px;
    color: #fff;
    font-weight: bold;
    padding: 10px;
}
ul.top-btn-list {
    margin: 30px 0 20px;
}
.top-btn-list li a {
    background: #b0db63;
    width: 200px;
    margin: 0 auto;
    padding: 10px 0;
    border-radius: 5px;
    box-shadow: 0px 5px 0 #698f25;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-shadow: 2px 2px 2px #698f25;
    font-size: 20px;
    border: 1px solid #698f25;
}
.top-btn-list p {
    margin-bottom: 7px;
}
.top-btn-list p span {
    display: inline-block;
    position: relative;
}
.top-btn-list p span:after {
    position: absolute;
    content: "";
    background-color: #688f25;
    border-radius: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    bottom: 0px;
    right: -20px;
    width: 3px;
    height: 23px;
}
.top-btn-list p span:before {
    position: absolute;
    content: "";
    background-color: #688f25;
    border-radius: 10px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    bottom: 0px;
    left: -20px;
    width: 3px;
    height: 23px;
}
.top-btn-list::after {
    display: block;
    content: "";
    clear: both;
}
.top-btn-list li a:hover {
    box-shadow: 0px 2px 0 #698f25;
    position: relative;
    top: -3px;
    transform: translateY(5px) !important;
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
    opacity: 0.9;
}
/*やさしいお葬式は多数のメディアに紹介されています
======================================================*/
.media-ct h3 {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
}
.media-box {
    border: solid #b8b8b8 2px;
    background: #f4f4f4;
    border-radius: 3%;
    padding: 0 20px 20px;
    margin-bottom: 30px;
}
.media-box h4 {
    text-align: center;
    font-size: 23px;
    border: solid 2px #fff;
    background: #e0dcdc;
    padding: 10px;
    margin-bottom: 5px;
}
ul.media-box1 {
    background: url(https://cms.locoplace.biz/storeimg/43/431222/20211102_1402241.jpg)no-repeat bottom 10% right 0% /350px;
}
.media-box1 li {
    border-bottom: solid #9e9e9e 1px;
    display: table;
    color: #add863;
    margin: 30px 0;
    font-size: 20px;
    text-shadow: 1px 1px 1px #2f2f2f;
}
img.media-img {
    display: none;
}
.media-box1 li span {
    color: #2f2f2f;
    margin-left: 15px;
    text-shadow: 0px 0px 0px #2f2f2f;
}
.media-box1 li::before {
    content: "★";
    color: #fcfc2f;
    font-size: 25px;
    margin-right: 5px;
}
span.maru-ore {
    background: orange;
    border-radius: 50%;
    padding: 5px 20px;
    color: #fff;
    margin-right: 10px;
}
.media-box p {
    display: inline-flex;
    margin: 20px 10px;
}
ul.media-box2 li {
    margin: 20px 0px;
}
.top-txt_01 {
    background: #fffbef;
    padding: 30px;
    box-shadow: 3px 3px 4px 4px #e2e2e2;
    border-radius: 10px;
    margin-top: 60px;
}
/*{エリア}のやさしい家族葬
======================================================*/
.family-sougi h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 10px;
}
.h3-b {
    font-size: 30px;
    color: #ffa400;
}
.explanation-txt {
    background: #f5fdea;
    padding: 20px;
}
.fee-txt {
    border: 2px solid #ffc662;
    padding: 20px 30px 20px;
    background: #f9f8f1;
}
.flow-txt {
    padding: 20px 70px;
    background: #e1e1e1;
}
.flow-txt img {
    width: 100%;
    height: auto;
}
.osusume-list li {
    list-style: disc;
    margin-left: 25px;
}
.osusume-p {
    font-weight: bold;
    font-size: 18px;
    margin-top: 20px;
    border-left: 5px solid #b0db63;
    padding: 6px;
    background: #e5f5ca;
    text-align: center;
    border-right: 5px solid #b0db63;
    margin-bottom: 5px;
}
.jirei-box_02-txt p {
    margin: 10px 0 20px;
    background: #f1f1f1;
    padding: 20px;
}
.koe-ct {
    background-color: #fffdfa;
    background-image: linear-gradient(
90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fffdfa 0%, #fffdfa 100%), linear-gradient(
180deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 95%, #e5ab45 100%);
    background-size: 8px 100%,100% 2em;
    line-height: 2;
    border: solid 2px #ffd385;
    margin: 10px 0 20px;
    padding: 0 20px;
}
.koe-type {
    font-weight: bold;
}
p.koe-ini {
    text-align: right;
}
/*{エリア}のやさしい一般葬
======================================================*/
.general-sougi h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 10px;
}
/*{エリア}のやさしい一日葬
======================================================*/
.oneday-sougi h3 {
    font-size: 20px;
    font-weight: bold;
    margin: 30px 0 10px;
}
/*「やさしいお葬式」の葬儀プラン一覧
======================================================*/
.plan {
    width: 470px;
    float: left;
    margin: 10px 15px;
}
.plan p {
    margin: 10px 10px 0;
}
.plan-box {
    border: 1px solid #f7b138;
    padding: 10px;
    background: #f9f7da;
}
span.sougi-name {
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    background: #f7b138;
    color: #fff;
    text-align: center;
    padding: 5px;
    font-size: 25px;
}
span.title-before {
    display: block;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
    margin-bottom: 5px;
}
.fee-point {
    text-align: center;
    margin-top: 10px;
    border-bottom: double 4px #e59d20;
    margin-bottom: 10px;
}
span.fee {
    color: #d20000;
    font-weight: bold;
    font-size: 35px;
}
span.sougi-kome {
    display: block;
    text-align: right;
    font-size: 90%;
    margin-top: 5px;
}
span.en {
    font-size: 20px;
    font-weight: bold;
}
.plan-box img {
    width: 300px;
    height: auto;
    margin: 15px auto;
    display: block;
}
p.fee-del {
    /* text-decoration: line-through; */
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #555555;
}
span.tax {
    font-size: 15px;
    font-weight: normal;
    margin-left: 10px;
}
span.discount {
    display: block;
    background: #e59d20;
    color: #fff;
}
span.kakaku {
    margin-left: 10px;
}
.clearboth {
    clear: both;
}
span.fee-kome {
    font-size: 13px;
}
.plan p:nth-child(1) {
    height: 70px;
    text-align: center;
    position: relative;
    background: #e3f7bf;
    margin: 20px 0;
    padding: 10px;
}
.plan p:nth-child(1)::before {
    content: '';
    position: absolute;
    left: 225px;
    display: block;
    width: 0;
    height: 0;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: -15px;
    border-top: 15px solid #e4f7be;
}
/*葬儀について、追加費用が必要となる場合のご案内
======================================================*/
.tsuika-type_list h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.tsuika-type_list h3 span {
    background: #f7b138;
    border-radius: 50%;
    padding: 3px 8px;
    margin-right: 10px;
    color: #fff;
}
/*やさしいお葬式に{エリア}で行う葬儀相談をするメリット
======================================================*/
.merit-bg {
    margin: 30px 0;
}
.merit-bg h3 {
    padding: 20px 0 0 80px;
    font-weight: bold;
    font-size: 23px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
    margin-bottom: 5px;
}
.merit-bg:nth-child(1) h3 {
    background: url(https://cms.locoplace.biz/storeimg/61/616152/20210823_1411091.png)no-repeat left /70px;
}
.merit-bg:nth-child(2) h3 {
    background: url(https://cms.locoplace.biz/storeimg/61/616152/20210823_1411092.png)no-repeat left /70px;
}
.merit-bg:nth-child(3) h3 {
    background: url(https://cms.locoplace.biz/storeimg/61/616152/20210823_1411093.png)no-repeat left /70px;
}
.merit-bg:nth-child(4) h3 {
    background: url(https://cms.locoplace.biz/storeimg/61/616152/20210823_1411094.png)no-repeat left /70px;
}
.merit-bg:nth-child(5) h3 {
    background: url(https://cms.locoplace.biz/storeimg/61/616152/20210823_1411095.png)no-repeat left /70px;
}
.merit-txt {
    background: #f6fdea;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 3px 3px 5px #ccc;
    min-height: 245px;
}
.merit-txt img {
    width: 300px;
    height: auto;
    float: right;
    margin-left: 10px;
}
/*「やさしいお葬式」は葬儀実務経験者・全国の葬儀社の連携・終活関連サポート安心のトータルサポート
======================================================*/
.person-ct {
    border: solid 4px #afda63;
    padding: 15px 15px 25px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.person-ct img {
    width: 155px;
    height: auto;
    float: left;
    margin-left: 20px;
}
.person-txt {
    margin-left: 205px;
}
.person-txt::after {
    content: "";
    clear: both;
}
.person-txt span {
    font-weight: bold;
    font-size: 110%;
}
.support-cont dt {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 22px;
    margin-top: 50px;
    margin-bottom: 10px;
}
.support-cont dt span {
    background: #f7b138;
    border-radius: 50%;
    padding: 3px 8px;
    margin-right: 10px;
    color: #fff;
}
.support-cont h4 span {
    display: inline-block;
}
.support-cont h4 br {
    display: block;
}
.support-cont .h4-title::after {
    position: relative;
    top: -37px;
}
.support-cont .h4-title::before {
    position: relative;
    top: -37px;
}

/*事前相談と生前相談
======================================================*/
.consultation-bg {
    background: url(https://cms.locoplace.biz/storeimg/61/616152/20210823_1520471.jpg)no-repeat left bottom /500px;
}
.consultation-bg p {
    margin: 20px 0;
}
/*信頼できる葬儀社とは
======================================================*/
.trust-bg {
    background: #f5fdea;
    padding: 10px 25px;
}
.trust-cont p {
    margin: 20px 0;
}
/*葬儀場コンテンツ
======================================================*/
.sougi-box {
    border: 1px solid #add863;
    padding: 20px;
    margin: 10px 0;
}
.sougi-box h5 {
    font-weight: bold;
    font-size: 18px;
}
.area-box {
    border: 1px solid #add863;
    padding: 20px;
    margin: 10px 0;
}
/*対応地域
======================================================*/
h2.h2-title {
    font-size: 25px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    margin-top: 50px;
}
h2.h2-title::after {
    content: "◆";
    margin-left: 5px;
    color: #add863;
}
h2.h2-title::before {
    content: "◆";
    margin-right: 5px;
    color: #add863;
}
h2.h2-title br {
    display: none;
}

/*CTA
======================================================*/
.tel-bnr img {
    width: 800px;
    height: auto;
    margin: 50px auto;
    display: block;
}
#g02 .tel-bnr2 {
    margin: 30px 0;
}
.tel-bnr2 img {
    width: 100%;
    height: auto;
}
#g04 .tel-bnr2 {
    margin: 20px 0;
}
.fixed_bnr {
    display: none;
}
/*OM
============================*/
#g01 .sectionWrap:nth-child(1) {
    width: 1000px;
    margin: 30px auto 0;
}
#g01 .sectionWrap:nth-child(1) .section {
    border: 1px solid #6b6b6b;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapTop {
    background: #6b6b6b;
    padding: 5px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapMid h2 {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.topMessageDetail .h3_basic01 {
    font-size: 16px;
}
.topMessageSec01 {
    font-size: 14px;
}
.topMessageDetail .detailAnchor {
    margin-top: 10px !important;
    margin-bottom: 5px;
}
#dlpoC_B > div > div.sectionWrap {
    width: 1000px;
    margin: 0 auto !important;
}
#g01 .sectionWrap:nth-child(6) {
    width: 1000px;
    margin: 0 auto !important;
}
/*OM公開ページ用
============================*/
#g01 .sectionWrap:nth-child(3) {
    width: 1000px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) {
    width: 1000px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div {
    width: 1000px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div > div.h2WrapBtm {
    width: 1000px!important;
    margin: 0px auto!important;
}
#g01 #main > div:nth-child(3) > div > div.sectionIn {
    width: 1000px!important;
    margin: 0px auto!important;
}
/*serviceページ
======================================================*/
#g02 #contents {
    width: 1000px !important;
}
.service-img img {
    width: 50%;
    height: auto;
    margin: 0 auto 25px;
    display: block;
}
#g02 .h2WrapMid h2 {
    background: #b0db63;
    color: #fff;
    text-align: center;
    padding: 10px;
    border-left: 7px solid #60871f;
    border-right: 7px solid #60871f;
}
/*葬儀費用の相場は？
===============================*/
.souba-cont p {
    margin: 20px 0;
}
.uchiwake {
    margin: 50px 0;
}
.uchiwake h4 {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.uchiwake li {
    float: left;
    padding: 15px 0;
    background: #F9F7DA;
    margin: 10px;
    width: 268px;
    text-align: center;
    border: 1px dotted #9f7e69;
    font-size: 13px;
    height: 80px;
}
.uchiwake li span {
    font-weight: bold;
    display: block;
    font-size: 20px;
}
.uchiwake ul::after {
    content: "";
    display: block;
    clear: both;
}
.uchiwake h4::after {
    content: "◆";
    margin-left: 5px;
    color: #add863;
}
.uchiwake h4::before {
    content: "◆";
    margin-right: 5px;
    color: #add863;
}
span.emphasis {
    font-weight: bold;
    font-size: 23px;
    color: #c70000;
    padding: 10px;
    background: linear-gradient(transparent 60%, #ffff66 60%);
    display: table-cell;
    line-height: 1;
}
/*葬儀費用が払えない時はどうすればいい
===============================*/
.payment-box {
    background: #f1e2cf;
    padding: 1px 20px;
    margin: 20px 0;
}
.payment-box p {
    margin: 20px 0;
}
.payment-box h4 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    padding-top: 20px;
    border-bottom: 1px solid #9F7E69;
}





/*地方創生テレワーク推進運動 Action宣言
======================================================*/
.telwork-ct {
    background: #ccecf0;
    padding: 30px;
    overflow: hidden;
    position: relative;
    min-height: 210px;
}
img.action-img {
    width: 150px;
    height: auto;
    position: absolute;
    right: 30px;
}
p.ttl-p {
    width: 750px;
    border-bottom: 3px solid #4eb6c4;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    padding: 0 !important;
}
.telwork-ct p {
    width: 750px;
    padding: 20px 0;
    line-height: 2;
}
/*{エリア}でご案内できる葬儀場・斎場
======================================================*/
.sougi_ct {
    background: #fffce9;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #a9a9a9;
}
.sougi_ct h3 {
    text-align: center;
    color: #5f5f5f;
    font-weight: bold;
    font-size: 20px;
    border-bottom: 1px solid #b2dd62;
}
.sougijyo-box {
    margin: 15px 0;
}
.sougi_box *, .sougi_box *:after, .sougi_box *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.sougijyo-box table {
    width: 100%;
}
.sougijyo-box th, .sougijyo-box td {
    font-size: 12px;
    text-align: center;
    border: 1px solid #b5b3b3;
    padding: 5px 0;
    background: #fff;
    width: 20px;
}
.sougijyo-box th {
    background: #dcdcdc;
}
.sougijou-txt {
    margin-bottom: 10px;
}
.sougijou-txt table {
    width: 100%;
}
.sougijou-txt tr {
    border-bottom: 1px solid #b5b3b3;
}
.sougijou-txt th {
    width: 200px;
    padding-left: 40px;
}
.sougijou-detail, .sougijou-tel {
    background: #fdd890;
    text-align: center;
    padding: 5px;
    border-radius: 5px;
    border-bottom: 5px solid #f5ba47;
    margin: 10px 15px;
    width: 448px;
    float: left;
}
.sougijou-detail a, .sougijou-tel a {
    color: #bd7c00;
    font-weight: bold;
    text-decoration: none;
    display: block;
}
.sougijou-cv::after {
    display: block;
    content: "";
    clear: both;
}
/*キャンペーン
======================================================*/
.cp_inner {
    margin: 100px 0;
}
.cp_Web {
    padding: 0 0 10px;
    border: 6px solid #e0dcdc;
    background-color: #fff;
}
p.top-text {
    font-weight: bold;
    width: 60%;
    margin: 0 auto;
    font-size: 1.5em;
    top: -30px;
    line-height: 60px;
    position: relative;
    height: 60px;
    padding: 0 2rem;
    text-align: center;
    color: #fff;
    background: #fa4141;
}
p.top-text::before, p.top-text::after {
    position: absolute;
    top: 0;
    display: block;
    height: 0px;
    content: '';
    border: 30px solid #fa4141;
}
p.top-text::before {
    left: -40px;
    border-left-width: 15px;
    border-left-color: transparent;
}
p.top-text::after {
    right: -40px;
    border-right-width: 15px;
    border-right-color: transparent;
}
p.top-text span {
    position: relative;
    display: block;
}
p.cp-top {
    text-align: center;
    font-size: 120%;
}
p.cp-top span {
    background: linear-gradient(transparent 65%, #f7b238 0%);
    font-weight: bold;
    line-height: 1.7;
}
p.title-p {
    text-align: center;
    font-size: 22px;
    margin-top: 25px;
    font-weight: bold;
}
p.title-p::before {
    content: "●";
    color: #f7b238;
}
p.title-p::after {
    content: "●";
    color: #f7b238;
}
.cp_Web ul {
    margin: 5px 15px 15px;
}
.cp_Web ul li {
    list-style: auto;
    margin-left: 30px;
    line-height: 1.7;
}
br.non {
    display: none;
}
/*form
======================================================*/
.fotm_Btn {
    background: #699025;
    border-radius: 5px;
    border: 2px solid #51770c;
    width: 450px;
    margin: 0 auto;
    box-shadow: 0px 6px 0px 0px #52770d;
}
.fotm_Btn a {
    display: block;
    text-decoration: none;
    padding: 20px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
}
.formBg p {
    font-size: 20px;
    position: relative;
    text-align: center;
    font-weight: bold;
    color: #6a9125;
    margin-bottom: 10px;
}
.formBg p span {
    position: relative;
    display: inline-block;
}
.formBg p span::after {
    position: absolute;
    content: "";
    background-color: #52770d;
    border-radius: 10px;
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    bottom: 0px;
    right: -20px;
    width: 3px;
    height: 30px;
}
.formBg p span::before {
    position: absolute;
    content: "";
    background-color: #52770d;
    border-radius: 10px;
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    bottom: 0px;
    left: -20px;
    width: 3px;
    height: 30px;
}
.fotm_Btn:hover {
    box-shadow: 0px 2px 0 #698f25;
    position: relative;
    top: -3px;
    transform: translateY(5px) !important;
    -ms-transform: translateY(5px);
    -webkit-transform: translateY(5px);
}
span.yellow-point {
    color: #FFEB3B;
}
/*pc追従
======================================================*/
#fixed_bnr_pc {
    position: fixed;
    bottom: 0;
    background: linear-gradient(to right, #4e820b 0%, #4f830a 50%, #ffffff 50%, #ffffff 100%);
    display: flex;
    width: 100%;
    z-index: 99;
    justify-content: center;
    border-top: solid 2px #afda63;
}
#fixed_bnr_pc img {
    width: 1300px;
    height: auto;
    display: block;
}
/*promo
======================================================*/
.promo-bnr img {
    height: auto;
    display: block;
    margin: 35px auto 0;
}
/*
============================*/
ul.list_box {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    margin: 30px 0;
}
ul.list_box li {
    width: calc(calc(100% - 30px) / 3);
    background-color: #e7ffbd;
    padding: 5px 10px;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
}
ul.list_box a {
    text-decoration: none;
    color: #4e3617;
    display: block;
}
ul.list_box li:hover {
    opacity: 0.8;
}