@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;
	margin-bottom: 48px;
}
#header {
	background: none;
	padding: 0px;
	margin: 0 auto;
	width: 1000px !important;
}
#headerCategoryList, #headerBtm, .mt12 {
 	display: none;
 }
#headerStoreWrap {
 	padding: 10px 12px 0px 0px !important;
 } 
#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;
}
/*設定
============================*/
.sectionBtm, #g01 .indexCornerWrap01 {
	display: none;
}
.sectionWrap, .h2WrapBtm, .h2WrapTop, .h2WrapMid {
	background: none;
}
.sectionWrap {
	z-index: auto;
	padding-top: 33px;
}
.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: 90px;
    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;
}
/*設定(タイトル画像）
======================================================*/
.indexCornerWrap01 {
    padding: 0 !important;
}
.indexCorner01_top, .indexCorner01_bottom {
    display: none;
}
.indexCorner01 {
    background: none;
}
.indexCornerIn01 {
    padding: 0;
}
.indexCornerIn01 .indexCornerL01 {
    width: 100% !important;
    float: none !important;
}
.indexCornerL01 img {
    max-width: 880px !important;
    height: auto !important;
    display: block;
    margin: 0 auto;
}
/*共通
======================================================*/
h2.indexCopy01 {
    display: none;
}
.cont-bg {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0;
}
.cont-title {
    border-bottom: 2px solid #add863;
}
.cont-title h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ 明朝", serif;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
    margin: 0 auto;
    padding-top: 30px;
    width: 1000px;
}
span.kome, span.kome2 {
    font-size: 14px;
    color: #774e00;
}
br.pc-non {
    display: none;
}
/*top
=======================*/
.top-cont h4 {
    font-size: 20px;
    font-weight: bold;
}
.top-cont table {
    width: 100%;
    margin: 30px 0 10px;
}
.top-cont th {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
    background: #ffe597;
    font-weight: bold;
    width: 200px;
}
.top-cont td {
    border: 1px solid #000;
    text-align: center;
    padding: 5px;
    background: #fff;
}
.top-cont p span {
    margin-bottom: 30px;
    display: block;
}
.sougijyo-box2 td:nth-child(2n+1) {
    background: #add863;
    text-align: center;
    width: 190px;
    border-right: 1px solid #000;
    font-weight: bold;
}
.sougijyo-box2 td {
    text-align: left;
}
/*お客様の声
=======================*/
.voice-box dl {
    border: solid 2px #828282;
    margin-bottom: 30px;
}
.voice-box dl {
    border: solid 2px #828282;
    margin-bottom: 30px;
    border-radius: 10px;
}
.voice-box dt {
    background: #f9f7da;
    border-radius: 10px 10px 0 0;
    padding: 15px;
    font-size: 20px;
    font-weight: bold;
}
.voice-box dd {
    padding: 15px;
}
/*「やさしいお葬式」とは？
=======================*/
.yasashii-cont p {
    margin-bottom: 20px;
}
h4.ct-title_h4 {
    background: #add863;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    margin-top: 40px;
    margin-bottom: 15px;
}
/*3つの理由
-------------------------*/
ul.reason-List {
    margin-bottom: 20px;
}
ul.reason-List li {
    list-style: disc;
    margin-left: 20px;
}
/*「やさしいお葬式」の葬儀費用プラン
-------------------------*/
.plan {
    width: 470px;
    float: left;
    margin: 10px 15px;
}
.plan p {
    margin: 10px 10px 0 !important;
}
.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: 32px;
}
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: 100%;
    height: auto;
}
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!important;
    padding: 10px;
    font-size: 16px;
}
.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;
}
.clearboth {
    clear: both;
}
/*「やさしいお葬式」とお客様との３つ約束
-------------------------*/
.yakusoku-list li {
    margin: 30px 0;
}
.yakusoku-list dt {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 2px solid #f7b038;
}
.yakusoku-list dt span {
    color: #67a200;
    font-size: 30px;
    margin-right: 5px;
}
/*「やさしいお葬式」の葬儀費用プラン
-------------------------*/
h5.ct-title_h5 {
    font-size: 18px;
    font-weight: bold;
    color: #f7b138;
    border-bottom: solid 2px;
}
.temporaryplan-box span {
    font-weight: bold;
}
p.en-bold {
    color: #d20000;
    font-weight: bold;
    margin-bottom: 0;
}
p.sub-title {
    font-weight: bold;
    background: #f9f7da;
    padding: 5px 0;
}
.kome-box {
    margin: 15px 0;
}
.temporaryplan-box ul {
    margin-bottom: 15px;
}
.temporaryplan-ct > div:nth-child(12) > p:nth-child(11) {
    margin-bottom: 0!important;
}
/*おくやみ手続きのご案内
======================================================*/
p.city-place-ct {
    background: #e2fab7;
    padding: 10px;
    margin: 10px 0;
    border-radius: 10px;
}
/*「やさしいお葬式」運営会社
======================================================*/
table.company-bg {
    width: 100%;
    margin: 30px 0;
}
.company-bg td {
    border: 1px solid #f7b038;
    padding: 5px 20px;
    background: #fff;
}
.company-bg th {
    width: 210px;
    border: 1px solid #f7b038;
    padding: 5px;
    background: #f9f7da;
    font-weight: bold;
    text-align: center;
}
/* Googleマップ表示
----------------------- */
.areamap_in { margin: 20px 0px 20px; }

.map {
  position: relative;
  padding-bottom: 400px;
  height: 0;
  overflow: hidden;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.fixed_bnr {
    display: none;
}
/*よくある質問
======================================================*/
.qa-bg {
    border: 10px solid #d0d0d0;
    margin: 10px 0px;
    padding: 10px;
}
.qa-bg dt {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #d0d0d0;
    padding: 10px 5px 10px 52px;
    background: url(https://cms.locoplace.biz/storeimg/50/501044/20200901_1458271.png)no-repeat left /37px;
}
.qa-bg dd {
    padding: 10px 5px 10px 52px;
    background: url(https://cms.locoplace.biz/storeimg/50/501044/20200901_1458272.png)no-repeat top 10px left /37px;
    font-size: 19px;
}
span.link a {
    display: block;
    color: #f7b038;
    font-weight: bold;
}
/*キャンペーン
======================================================*/
.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 {
    margin-bottom: 0;
    display: inline-block;
    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;
}
/*やさしいお葬式は多数のメディアに紹介されています
======================================================*/
.media-ct h4 {
    font-size: 25px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 20px;
}
.media-box {
    border: solid #b8b8b8 2px;
    background: #F4F4F1 url(https://cms.locoplace.biz/storeimg/43/431222/20211102_1402241.jpg)no-repeat top 20px right 20px /300px;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
}
ul.media-box1, ul.media-box2 {
    line-height: 2;
}
img.media-img {
    display: none;
}
span.maru-ore {
    background: orange;
    border-radius: 50%;
    padding: 5px 20px;
    color: #fff;
    margin-right: 10px;
}
ul.media-box2 {
    margin: 20px 0;
}
.top-txt_01 {
    background: #fffbef;
    padding: 30px;
    box-shadow: 3px 3px 4px 4px #e2e2e2;
    border-radius: 10px;
    margin-top: 60px;
}
/*
======================================================*/
#g01 .sectionWrap:nth-child(1) {
    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;
}
#g01 .sectionWrap:nth-child(3) .h2WrapMid h2 {
    font-size: 0;
}
#g01 .sectionWrap:nth-child(3) .h2WrapMid h2::after {
    content: "やさしいお葬式相談員からのメッセージ";
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
/*OM　タイトル変更
============================*/
#g01 .sectionWrap:nth-child(6) .h2WrapMid h2 {
    font-size: 0;
}
#g01 .sectionWrap:nth-child(1) .h2WrapMid h2 {
    font-size: 0;
}
#g01 .sectionWrap:nth-child(6) .h2WrapMid h2::after {
    content: "やさしいお葬式相談員からのメッセージ";
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}
#g01 .sectionWrap:nth-child(1) .h2WrapMid h2::after {
    content: "やさしいお葬式相談員からのメッセージ";
    font-size: 18px;
}
.topMessageDetail .detailAnchor a::before {
    content: "やさしいお葬式相談員からのメッセージ一覧";
    font-size: 15px;
    padding: 2px 0 2px 22px;
    background: url(https://localplace.jp/static/img/ico_index_arrow01.png) left center no-repeat;
}
.topMessageDetail .detailAnchor a {
    font-size: 0;
    background: none;
    text-decoration: none;
}
/*CTA
======================================================*/
.tel-bnr img {
    width: 600px;
    height: auto;
    margin: 10px auto 50px;
    display: block;
}
.fixed-tel_bnr {
    display: none;
}
.btr-txt {
    margin: 80px 0 10px;
    text-align: center;
}
.btr-txt span {
    margin: 10px 0;
}
.btr-txt p {
    margin: 0 auto;
    position: relative;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.btr-txt p::before, .btr-txt p::after {
    position: absolute;
    background-color: #7eac2e;
    border-radius: 10px;
    bottom: 0;
    width: 5px;
    height: 55px;
    content: "";
}
.btr-txt p::before {
    -webkit-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    transform: rotate(-30deg);
    left: 300px;
}
.btr-txt p::after {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    right: 300px;
}
.btr-txt span {
    display: block;
    font-size: 105%;
}
/*top追加0227
============================*/
#mainimg {
    width: auto;
    margin: auto;
    height: 541px;
    position: relative;
    top: 47px;
    background: #fff;
    background-repeat: no-repeat,no-repeat;
    background-position: right center,left center;
    background-size: 50% 600px;
}
#mainimgIn {
    width: 100%;
    height: 541px;
    background: url(https://cms.locoplace.biz/storeimg/63/638985/20250627_1748261.png)no-repeat scroll top /1000px !important;
    border-top: solid #9acf3b 1px;
}
#headerStore {
    width: 1000px;
    margin: 0 auto;
    background: url(https://cms.locoplace.biz/storeimg/63/638985/20230227_1607131.gif)no-repeat;
    background-position-x: 100%;
    background-size: 53%;
    height: 60px;
    position: relative;
    top: -10px;
}
#headerStore .name {
    font-weight: bold;
    font-size: 15px;
    line-height: 1.2;
    width: 48%;
}
#headerStore .kana {
    font-weight: bold;
    font-size: 86%;
    width: 45%;
}
#headerStoreWrap {
    padding: 20px 12px 0px 0px;
}
#headerStoreContact {
    width: 330px;
    float: right;
}
#headerStoreDial .number {
    padding-left: 22px;
    text-align: right;
    color: #404040;
    background: none;
}
p.number span {
    font-size: 28px;
    position: relative;
    top: -40px;
    left: 50px;
}
/*form
======================================================*/
.fotm_Btn {
    width: 600px;
    margin: 0 auto 30px;
}
.fotm_Btn a {
    display: block;
    text-decoration: none;
}
.fotm_Btn img {
    width: 100%;
    height: auto;
}
.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;
    margin-bottom: 0 !important;
}
.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 {
    opacity: 0.8;
}
span.yellow-point {
    color: #FFEB3B;
}
/*葬儀の流れ
======================================================*/
.flow-cont li {
    margin: 50px 0px;
    border: solid 5px #f7b138;
    padding: 30px;
    position: relative;
    height: 340px;
}
.flow-cont li::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -27px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #f7b138 transparent transparent transparent;
}
.flow-cont li::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -20px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 20px;
    border-color: #f8f8f8 transparent transparent transparent;
}
.flow-cont li.last::before {
    display: none;
}
.flow-cont li.last::after {
    display: none;
}
.flow-cont dt {
    margin-bottom: 35px;
    font-size: 20px;
    border-bottom: solid 3px #f7b138;
    font-weight: bold;
    padding: 0 0 15px;
}
.flow-cont dt span {
    background: #f7b138;
    border-radius: 50px;
    padding: 15px;
    margin: 0 10px 0 6px;
    position: relative;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.flow-cont li dd img {
    float: left;
    width: 300px;
    height: auto;
    margin-right: 27px;
}
/*「やさしいお葬式」は3つのやさしいをお約束します。
======================================================*/
.cont-title_2 h3 {
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    margin: 0 auto;
    background: #add863;
    padding: 10px;
    width: 1000px;
    color: #fff;
}
ul.yakusoku-list li {
    display: flex;
    margin: 30px 0;
    flex-direction: row-reverse;
}
.yakusoku-Img {
    width: 200px;
}
.yakusoku-Img img {
    width: 100%;
    height: auto;
}
.yakusoku-Txt {
    width: 800px;
    padding-left: 30px;
}
.yakusoku-Txt h4 {
    font-weight: bold;
    font-size: 18px;
    border-bottom: 1px solid #add864;
    margin-bottom: 10px;
}
.yakusoku-Txt h4 span {
    color: #4f830a;
    margin-right: 5px;
}
/*.top-Before h2
======================================================*/
.top-Before h2 {
    width: 1000px;
    margin: 30px auto;
    border: 4px double #ffbd00;
    padding: 20px;
    background: #fffbef;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.tel-bnr_Top {
    display: none;
}
/*事例　サンプルBのみ
======================================================*/
.jirei-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.jirei-bg {
    padding: 15px;
    width: 32%;
    background-color: #fff;
    margin: 15px 0;
    border: 6px solid #e0dcdc;
}
h4.tittle {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}
.jirei-box dl {
    display: flex;
    justify-content: space-between;
}
.jirei-box dt {
    width: 80px;
    border-bottom: 1px solid #6f6f6f;
    background: #ffe597;
    padding: 5px;
    margin: 5px 0;
    font-weight: bold;
    text-align: center;
}
.jirei-box dd {
    width: calc(100% - 80px);
    border-bottom: 1px solid #6f6f6f;
    text-align: left;
    padding: 5px;
    margin: 5px 0;
}
/*promo
======================================================*/
.promo-bnr img {
    height: auto;
    display: block;
    margin: 35px auto 0;
}