@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');
:root {
    --serif: "Noto Serif JP", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    --plaryfair: 'Playfair Display', serif;
    --brawn: #A8947B;
}
.ff-serif {
    font-family: var(--serif);
}

.heading01 {
    text-align: center;
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 30px;
    margin-top: 10px;
}

.heading02 {
    display: flex;
    gap: 10px 10px;
    justify-content: center;
    align-items: center;
    margin-bottom: 34px;
}

.heading02 h3,
.heading02 h4 {
    color: #398D8B;
    font-size: 25px;
    font-weight: 700;
    width: auto;
    margin: 0;
}

.heading02 span:not(.ez-toc-section,.ez-toc-section-end) {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #398D8B;
}

.heading03 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 24px;
    line-height: 2rem;
}

.heading04 {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 32px;
}

.heading05 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #222;
}
@media screen and (max-width: 768px) {
    .heading01 {
        font-size: 22px;
    }
    .heading02 {
        display: flex;
        gap: 10px 10px;
        justify-content: center;
        align-items: center;
        margin-bottom: 22px;
        text-align: center;
    }
    .heading02 span {
        width: 30px;
    }
    .heading02 h3,
    .heading02 h4 {
        font-size: 17px;
        font-weight: 700;
        width: auto;
        margin: 0;
        padding: 0;
        line-height: 1.52rem;
    }
    .heading03 {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .heading04 {
        font-size: 18px;
        margin-bottom: 2rem;
    }
    .heading05 {
        line-height: 1.5;
        /* margin-bottom: 5px; */
    }
}
.button.button-inline span{
    display: inline;
    line-height: 1.3!important;
}

.section-reien .row ,
.section-form-request .row,
.section-form-confirm .row,
.section-qa .row,
.section-staff-blog .row,
.section-staff-blog-detail .row,
.section-shoplist .row,
.section-column .row,
.section-shoplist-kobe .row,
.section-page-voice .row,
.section-page-type .row,
.section-page-boseki .row,
.section-search .row{

    --bs-gutter-x: 0 !important;
    --bs-gutter-y: 0 !important;
}
.tab-area-item {
    border: 1px solid #B1AFAD;
    padding: 9px 5px 8px;
    width: 100%;
    text-align: center;
}

.tab-area-item.active {
    background-color: #65615C;
    color: #FFFFFF;
}
.tab-area-item:hover {
    background-color: #65615C;
    color: #FFFFFF;
}

/* .tab-area-item:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
} */

.tab-areas {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.tab-areas .tab-area-item {
    border-radius: 4px;
}

/* .tab-area-item:last-child {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
} */

#search_cemetery_area {
    display: flex;
    border: 1px solid #B1AFAD;
    cursor: pointer;
}

#search_cemetery_area .region {
    background-color: #65615C;
    color: #FFFFFF;
    padding: 10px 0;
    min-width: 135px;
    text-align: center;
    font-size: 16px;
}

#search_cemetery_area .input-search {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

#search_cemetery_area .text-search {
    padding-left: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-width: 500px;
}

#search_cemetery_area .btn-search {
    background-color: #65615C;
    padding: 2px 15px;
    color: #FFF;
    border-radius: 3px;
    margin-right: 15px;
    width: 90px;
    height: 32px;
}

.tab-category {
    display: flex;
    justify-content: space-between;
}

.tab-category-item {
    background-color: #fff;
    border: 1px solid #B1AFAD;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
}

.tab-category-item.active {
    background-color: #F8F7F2;
    border-bottom: none;
    font-weight: 700;
}
.tab-category-item:hover {
    background-color: #F8F7F2;
}

.wrap-list-cemeteries {
    padding: 30px 30px 60px 30px;
    background-color: #F8F7F2;
    border: 1px solid #B1AFAD;
    border-top: none;
}

.wrap-list-cemeteries .pagination-text {
    margin-left: 30%;
    display: inline-block;
    margin-bottom: 20px;
}

.cemeteries-item {
    background-color: #FFFFFF;
    padding: 25px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.check-cemeteries {
    position: relative;
}

.cemeteries-item .item-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cemeteries-item .block-right {
    background-color: #1EADB2;
    color: #FFFFFF;
    border-radius: 20px;
    padding: 0px 20px;
    height: 30px;
    margin-bottom: 10px;
    display: flex;
    font-size: 14px;
}
.cemeteries-item .block-right i {
    margin-right: 5px;
}

.cemeteries-item .hr-top {
    color: #B1AFAD;
    opacity: 1;
    margin-top: 0;
}

.icon-memorial-grave .icon {
    background: url('../assets/img/icon-custom/icon-memorial-grave.png') no-repeat;
    background-size: contain;
    height: 30px;
    width: 25px;
}

.icon-tree-funeral .icon {
    background: url('../assets/img/icon-custom/icon-tree-funeral.png') no-repeat;
    background-size: contain;
    height: 30px;
    width: 40px;
}

.icon-pet .icon {
    background: url('../assets/img/icon-custom/icon-pet.png') no-repeat;
    background-size: contain;
    height: 25px;
    width: 40px;
}

.wrap-icon-help {
    display: flex;
    align-items: center;
}

.wrap-icon-help .icon-item {
    height: 45px;
    color: #FFF;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 6px;
    margin-right: 11px;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    font-size: 12px;
}

.icon-memorial-grave {
    background-color: #62618A;
}

.icon-tree-funeral {
    background-color: #559A73;
}

.icon-pet {
    background-color: #807262;
}

.icon-help {
    background: url('../assets/img/icon-custom/icon-help.png') no-repeat;
    background-size: contain;
    height: 12px;
    width: 12px;
    margin-left: 5px;
}

.search-cemetery .text-copy {
    margin-top: 15px;
    font-size: 20px;
    font-family: "Noto Serif JP", sans-serif;
}

.item-body {
    padding: 8px 30px;
}

.office-location:before {
    content: "\e009";
    font-family: fl-icons;
    color: #A8947B;
}

.office-location {
    margin-right: 5px;
}

.wrap-icon-service img {
    width: 70px;
}
.wrap-icon-service {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
    justify-items: center;
}

.view-detail {
    padding: 17px !important;
    margin-top: 25px !important;
    font-size: 18px !important;
}

.check-cemeteries .note {
    font-size: 19px;
    background-color: #FF5700;
    color: #FFF;
    font-weight: bold;
    top: -55px;
    left: -12px;
    position: absolute;
    height: 40px;
    width: 235px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check-cemeteries .note:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 17px;
    margin: 0 auto;
    width: 0;
    height: 0;
    border-top: solid 10px #FF5700;
    border-left: solid 5px transparent;
    border-right: solid 5px transparent;
}
.check-cemeteries input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none !important;
    cursor: pointer;
}
.check-cemeteries label {
    position: relative;
    cursor: pointer;
    font-size: 32px;
    font-family: "Noto Serif JP", sans-serif;
}
.cemeteries_title {
    font-family: "Noto Serif JP", sans-serif;
    font-weight: 700;
}
.check-cemeteries label:before {
    content:'';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #707070;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 10px;
    top: -7px;
}
  
.check-cemeteries input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 14px;
    left: 8px;
    width: 5px;
    height: 12px;
    border: solid #FF5700;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.intro-div p {
    margin-bottom: 15px;
}
.intro-div p a {
    color: #0066C0;
    text-decoration: underline;
}
.intro-div p a:hover {
    color: #333;
}
.intro-div > .title {
    font-size: 20px !important;
}

.cemeteries-content {
    font-size: 18px;
    background-color: #FFF;
    padding: 50px!important;
}

.cemeteries-content .guide-content {
    margin: 22px 0 30px 0;
}

.cemeteries-content .rest-area span {
    margin-top: 15px;
    display: inline-block;
}
.cemeteries-content.construction-content .table-facilities{
    margin: 30px 0;
}
.cemeteries-content.construction-content .button {
    margin: 0;
} 
.cemeteries-content .comment-content .title{
    margin-top: 30px;
    margin-bottom: 20px;
}
.form-content h1 {
    font-family: "Noto Serif JP", sans-serif;
    font-size: 34px;
}
.wpforms-valid.select-year,.wpforms-valid.select-month {
    height: 26px !important;
    width: 86px !important;
}
.desired-completion-time {
    position: relative !important;
}
.desired-completion-time .wpforms-field-description {
    position: absolute !important;
    bottom: 12px;
    left: 70px;
}
.policy-confirm a, .document-checkbox a {
    color: #0066C0;
}
.wpforms-field.wpforms-field-content .wpforms-field-row h4 {
    font-size: 18px !important;
}
.wp-name,.wp-phone,.wp-email,.wp-other,.wp-zipcode,.wp-pref {
    width: 50% !important;
}
.wp-zipcode {
    position: relative !important;
}
.wp-zipcode .zipcode {
    padding: 10px !important;
    font-size: 16px !important;
    background-color: #8D7D69 !important;
    color: #fff;
    border-radius: 35px !important;
    position: absolute !important;
    top: 38%;
    right: -195px;
}
div.wpforms-container-full .wpforms-form .wpforms-field-label {
    font-size: 18px !important;
    font-weight: 400 !important;
}
.wp-form-between {
    background-color: rgb(231, 240, 242) !important;
    margin-right: -15px !important;
    margin-left: -15px !important;
}
.wrap-slide-recommend h2{
    font-size: 34px;
    font-family: "Noto Serif JP", sans-serif;
    margin-top: 60px;
    margin-bottom: 50px;
}
.wrap-slide-recommend button {
    height: 64px;
}
.cemeteries-content .comment-content .overview-author + .overview-author {
    margin-top: 30px;
}
.cemeteries-content.voice a {
    margin-bottom: 0;
}

.pagination .pagination{
    display: flex;
    gap: 15px;
}
span.page-numbers.current {
    background-color: #65615C;
    color: #FFF!important;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.page-numbers, .page-ajax {
    background-color: #D5CDC4;
    color: #65615C !important;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.next.page-numbers, .prev.page-numbers, .next.page-ajax, .prev.page-ajax {
    min-width: 60px;
}

.page-numbers.dots {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #D5CDC4;
}

.block-contact {
    background-color: #F8F7F2;
    text-align: center;
    padding: 45px 60px;
}

.btn-green {
    color: #FFF;
    background-color: #208F50;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    width: 49%;
}

.btn-orange {
    color: #FFF;
    background-color: #FF5700;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.request {
    display: flex;
    justify-content: space-between;
}

.btn-contact-phone {
    background-color: #798C9C;
    color: #FFF;
    padding: 10px;
    border-radius: 5px;
}

.body-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sidebar-title {
    margin-bottom: 20px;
    color: #383838;
}

.wrap-consideration-items img {
    border-radius: 4px;
    width: 80px;
}

.wrap-consideration-items .image { 
    margin-right: 9px;
}

.wrap-consideration-items .title_item {
    margin-bottom: 6px;
}
.wrap-consideration-items .location {
    padding-top: 6px;
    display: flex;
    align-items: center;
}
.wrap-consideration-items .location span:last-child { 
    font-size: 14px;
    margin-left: 6px;
}
.delete-consideration {
    border: 1px solid #B1AFAD;
    padding: 2px 6px;
    cursor: pointer;
    font-size: 14px;
}

.consideration, .consideration h3 {
    color: #383838;
}

.consideration h3 { 
    margin-bottom: 20px;
}

.wrap-consideration-items {
    max-height: 340px;
    overflow-y: auto;
    padding-right: 20px;
}

/* Cho trình duyệt WebKit (Chrome, Safari) */
.wrap-consideration-items::-webkit-scrollbar,
.scroll-common::-webkit-scrollbar {
    width: 12px;
}

.wrap-consideration-items::-webkit-scrollbar-thumb,
.scroll-common::-webkit-scrollbar-thumb {
    background-color: #B1B1B1;
    border-radius: 10px
}

.wrap-consideration-items::-webkit-scrollbar-track,
.scroll-common::-webkit-scrollbar-track {
    background-color: #F2F2F2;
    border-radius: 10px
}

/* Cho Firefox */
.wrap-consideration-items::-moz-scrollbar,
.scroll-common::-moz-scrollbar {
    width: 12px;
}

.wrap-consideration-items::-moz-scrollbar-thumb,
.scroll-common::-moz-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px
}
/* #btn-submit-consideration {
    width: 100%;
    color: #FFF;
    background-color: #FF5700;
    border-radius: 5px;
    padding: 10px;
    text-align: center;
} */

.wrap-cemetery {
    background-color: #F8F7F2;
    padding: 45px 58px 50px 58px;
}
.item-block-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.title {
    font-weight: bold;
    font-size: 18px!important;
}
.icon-branch {
    background: url(../assets/img/icon-custom/icon_branch.png) no-repeat;
    background-size: contain;
    height: 25px;
    width: 30px;
    margin: 8px 8px 0 0px;
}
.block-introduce {
    display: flex;
    justify-content: space-between;
}

.text-introduce {
    margin-top: 20px;
    padding-left: 0!important;
    padding-right: 30px!important;
    text-align: justify;
}
.wrap-gallery {
    padding-left: 0!important;
}
.request-info {
    color: #FFF;
    border-radius: 5px;
    padding: 10px;
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: bold;
    position: relative;
}
.request-info__orange {
    background-color: #FF5700;
}
.request-info__green {
    background-color: #208F50;
}
.request-info__gray {
    background-color: #798C9C;
}

.request-info > .arrow-right {
    position: absolute;
    font-size: 30px;
    right: 15px;
}
.request-info .small {
    font-size: 12px;
}

.inquiry-info {
    display: flex !important;
    padding: 0px !important;
    align-items: center !important;
    justify-content: center !important;
}

.text-fee {
    font-size: 14px;
    background-color: #FFF;
    color: #FF5700;
    padding: 4px 10px;
    border-radius: 5px;
}
.phone {
    font-size: 20px;
}
.phone.common{
    font-size: 20px;
    font-weight: 500;
}

.title-overview, .title-cemetery-price {
    text-align: center;
    color: #398D8B;
    font-weight: bold;
    font-size: 22px;
}
.title-overview > span {
    position: relative;
    display: inline-block;
}
.title-overview > span::before{
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #398D8B;
    left: -50px;
    top: 50%;
}
.title-overview > span::after{
    content: "";
    position: absolute;
    width: 40px;
    height: 1px;
    background-color: #398D8B;
    right: -50px;
    top: 50%;
}
.table-facilities .title-row {
    background-color: #F8F7F2;
    vertical-align: middle;
    padding: 15px;
}

.table-facilities .title-row {
    vertical-align: middle;
    padding: 15px 0 15px 20px;
    min-width: 125px;
    width: 140px;
}
.table-facilities td, .table-cemetery-price td{
    font-size: 18px;
    color: #333;
}
.table-facilities {
    margin: 0;
}
.table-facilities .content-row {
    padding: 20px 0 20px 15px;
}

td, th {
    border-bottom: 1px solid #B1AFAD!important;
}

.wrap-icon-facilities img {
    width: 80px;
}

.overview-author {
    display: flex;
    /* align-items: center; */
}

.author_text {
    background-color: #F8F7F2;
    padding: 15px 18px;
    width: 100%;
    margin-left: 35px;
    position: relative;
    border-radius: 5px;
}

.author_text::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 45px 15px 0px;
    border-color: transparent #F8F7F2 transparent transparent;
    z-index: 0;
    left: -26px;
    top: 18%;
}

.table-cemetery-price td {
    text-align: center;
    padding: 15px 0 15px 20px;
}

.wrap-set-cemetery .set-top {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.table-cemetery-price tr:last-child, .table-cemetery-price tr:last-child td {
    border-bottom: none!important;
}

.recommendation {
    background-color: #23BB83;
    color: #FFF;
    padding: 3px 15px;
    border-radius: 25px;
    margin-left: 13px;
    font-size: 14px;
    font-weight: 700;
}

span.set-price {
    color: #FF5700;
    font-size: 20px;
    font-weight: bold;
}

.set-body {
    display: flex;
    margin-top: 30px;
    align-items: center;
}

.set-img img {
    width: 210px;
    height: 210px;
    object-fit: cover;
}

.recommend-body {
    display: flex;
    align-items: center;
    margin-top: 15px;
    margin-bottom: 50px;
}

.recommend-body img {
    width: 360px;
    height: 244px;
    object-fit: cover;
    margin-right: 30px;
}
.btn-add-favorite {
    background-color: #FF5700;
    color: #FFF;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

.btn-stores-charge {
    background-color: #71918A;
    color: #FFF;
    padding: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

.btn-route-search {
    margin-top: 24px;
    margin-bottom: 20px;
}
.btn-route-search span {
    background-color: #957E61;
    color: #FFF!important;
    border-radius: 50px;
    padding: 10px 20px;
    min-width: 240px;
    display: inline-block;
    position: relative;
    /* font-weight: bold; */
}
.btn-route-search span::before {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border: 0px;
    border-top: solid 1px #fff;
    border-right: solid 1px #fff;
    transform: translateY(-50%)rotate(45deg);
    position: absolute;
    top: 50%;
    right: 22px;
    z-index: 2;
}

.map-foot {
    padding: 20px;
    border: 1px solid #707070;
}

.footer-2 .widget-title, .footer-2 .is-divider {
    display: none;
}
.cemeteries-content .testimonial-item {
    background-color: #F9F9F9;
    padding: 40px 50px;
    margin-bottom: 30px;
}

.testimonial-top {
    display: flex;
    justify-content: space-between;
}

.border-radius-round {
    position: relative;
    border-radius: 35px!important;
    padding-left: 40px!important;
    padding-right: 40px!important;
}

.border-radius-round i {
    position: absolute!important;
    top: 50% !important;
    right: 15px;
    transform: translate(-50%, -50%);
}

.form-section {
    margin-top: 100px!important;
    background-color: #E7F0F2;
    padding: 50px 80px!important;
}

.overview-detail, .cemetery-price,
.recommend-section, .map-section,
.testimonials-section, .park-section,
.construction-section {
    background-color: #FFF;
    padding: 40px;
    padding-left: 25px!important;
    padding-right: 25px!important;
}

.park-section img {
    border-radius: 5px;
}
.gallery-construction {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 9px;
}
.gallery-construction img {
    width: 100%;
    margin-right: 10px;
}

.wrap-form .select-year {
    width: 100px!important;
    border-radius: 10px!important;
    margin-right: 10px!important;
}
.wrap-form .select-month {
    width: 100px!important;
    border-radius: 10px!important;
    margin-left: 10px!important;
}
.wrap-form {
    background-color: #FFF;
    padding: 0 40px;
}

.wrap-form .input-require {
    background-color: #FF5700!important;
    color: #FFF!important;
    border-radius: 5px!important;
    padding: 3px 12px!important;
    font-size: 14px !important;
}
.wrap-form h4 {
    font-weight: 700;
}

div.wpforms-container-full .wpforms-form hr {
    border-top: 2px solid #A5A5A5 !important;
    margin: unset !important;
}
.presence li.choice-3.depth-1 {
    width: 100%!important;
}

.wpforms-submit-container {
    text-align: center;
}
.btn-confirmation {
    background-color: #B1AFAD!important;
    color: #65615C!important;
    border-radius: 35px!important;
    padding: 5px 60px!important;
}

.btn-cemeteries {
    background-color: #A8947B;
    color: #FFF;
    text-align: center;
    padding: 15px 30px;
    border-radius: 5px;
    font-weight: bold;
    cursor: pointer;
}
#searchModal #total_search {
    color: #FF5700;
    font-weight: bold;
    left: 10%;
    font-size: 24px;
}
#searchModal .modal-title {
    font-weight: bold;
}
#searchModal label {
    font-weight: normal!important;
}
.cemeteries_count {
    color: #FF5700;
    font-weight: bold;
    margin-left: 5px;
}

.btn-faq, .btn-back, .btn-brand-page, .view-more {
    background-color: #A8947B!important;
    padding: 10px 30px!important;
    min-width: 275px;
    color: #FFF!important;
}

.tab-faq .tab-panels {
    background-color: #F5F5F5!important;
}
.post-content {
    padding: 10px;
    border: 1px #000 solid;
    margin-bottom: 30px;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.font-bold {
    font-weight: bold;
    color: #555!important;
}
.memorial-services-item {
    display: flex;
    justify-content: space-between;
}
.services-content {
    background-color: #FFF;
    padding: 30px 10px;
    margin-top: 10px;
}
.services-type {
    background-color: #E8E2D6;
    font-weight: bold;
    display: flex;
    justify-content: center;
    width: 200px;
    align-items: center;
    margin-top: 10px;
}

.block-memorial-services {
    background-color: #F2F0EC;
    text-align: center;
    padding: 45px 60px;
}
.cate_ref_item {
    border: 1px #000 solid;
    padding: 15px;
    margin: 10px!important;
    position: relative;
    background-color: #FFF;
}

.cate_ref_book a {
    background-color: #A8947B;
    padding: 5px 10px;
    color: #FFF !important;
    font-size: 13px;
}

.cate-title {
    font-weight: bold;
    text-align: center;
    padding: 40px;
    margin-bottom: -10px;
}

.block-post-ref {
    background-color: #F8F7F2;
}
.row-pagination {
    padding: 30px 0;
    margin-top: -10px!important;
}
.blog-detail {
    border: 1px #000 solid;
    padding: 15px;
    position: relative;
    background-color: #FFF;
}
.blog-detail + .blog-detail {
    border-top: none;
}
.triangle-element {
    width: 0 !important;
    height: 0 !important;
    border-top: 80px solid #A8947B;
    border-right: 80px solid transparent;
    position: absolute;
    margin: 0px;
    padding: 0px !important;
    top: 0;
    left: 0;
}
.triangle-element span {
    position: absolute;
    width: 100px;
    top: -65px;
    left: 10px;
    color: #fff;
}
.container-gird {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-column-gap: 10px;
}
.triangle-element-bottom {
    width: 0 !important; 
	height: 0; 
	border-bottom: 15px solid #A8947B;
	border-left: 15px solid transparent;
    position: absolute;
    margin: 0px;
    padding:0px !important;
    bottom: 15px;
    right: calc(var(--bs-gutter-x) * .5);

}
.store-contact {
    background-color: #F8F7F2;
    text-align: center;
    padding: 25px 15px 0px 15px;
}
.store-contact > .group-btn {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 3fr));
    grid-column-gap: 10px;
}
.store-contact > .group-btn > div {
    background-color: #A8947B!important;
    padding: 15px 25px;
    margin-bottom: 25px;
}
.store-contact > .group-btn p, .store-contact > .group-btn h3 {
    color:#fff
}
.search-cemetery {
    font-size: 18px;
}
.search-cemetery p{
    margin: 0;
}
.search-cemetery h1{
    font-size: 30px;
    margin-top: 50px;
    margin-bottom: 30px;
    font-family: "Noto Serif JP", sans-serif;
    color: #333;
}
.search-cemetery .list-cemetery {
    margin-top: 35px;
}
.cemeteries-item .check-cemeteries .note {
    height: 30px;
    width: 160px;
    font-size: 14px;
    top: -40px;
}
.cemeteries-item .check-cemeteries label:before {
    top: -3px;
}
.cemeteries-item .check-cemeteries input:checked + label:after {
    top: 11px;
}
.cemeteries-item .check-cemeteries label {
    font-size: 24px;
}
.search-cemetery .wrap-slide-product h2 {
    margin-top: 80px;
    margin-bottom: 50px;
    font-size: 30px;
    font-family: "Noto Serif JP", sans-serif;
}
.search-cemetery .block-contact {
    padding: 30px 50px 50px 50px;
}
.search-cemetery h2 {
    font-size: 24px;
    font-family: "Noto Serif JP", sans-serif;
}
.search-cemetery p {
    font-size: 18px;
    line-height: 1.6;
    /* text-align: justify; */
    margin-bottom: 20px;
}

.search-cemetery .request .el-btn-green,.search-cemetery .request .el-btn-orange {
    width: 49.5%;
}
.search-cemetery .request .btn {
    height: 80px;
    font-size: 20px;
    padding: 0;
}
.search-cemetery .request .btn .small {
    font-size: 14px;
}

.search-cemetery .characteristic {
    margin-top: 80px;
}
.search-cemetery .characteristic:not(:first-child) {
    margin-top: 50px;
}
.search-cemetery .characteristic h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}
.search-cemetery .request {
    flex-wrap: wrap;
    row-gap: 20px;
}
.search-cemetery .custom-click-btn {
    z-index: 999;
}
.col-divided {
    padding-right: 33.5px !important;
    /* padding-bottom: 100px !important; */
    max-width: 794.5px !important;
    margin-bottom: 100px !important;
}
@media only screen and (max-width: 767px) {
    .col-divided {
    margin-bottom: 0px !important;
}
}
.breadcrumbs {
    margin-bottom: 50px;
    font-size: 14px!important;
    letter-spacing: 0 !important;
    line-height: normal !important;
}
.breadcrumbs a {
    position: relative;
}
.breadcrumbs a::before {
    bottom: -4px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    opacity: 0.6;
    transition: width 0.3s ease 0s, opacity 0.2s ease 0s;
    width: 0;
    background-color: #383838;
}
.breadcrumbs a:hover::before {
    width: 100%;
    opacity: 0.9;
}
.section.s-common{
    padding-bottom: 0;
}
#searchModal .check-cemeteries label {
    font-size: 16px;
    font-family: 'YuGothicMedium', sans-serif, Noto Sans !important;
}

#searchModal .check-cemeteries label:before {
    top: -1px;
    border: 1px solid #707070;
}
#searchModal .check-cemeteries input:checked + label:after {
    top: 3px;
    left: 7px;
}
.icon-help .note {
    display: none;
    width: 210px;
    padding: 20px;
    font-size: 14px;
    background-color: #F8F7F2;
    color: #383838;
    border-radius: 10px;
    top: 40px;
    left: -10px;
    box-shadow: 0px 3px 6px #707070;
}
.icon-help .note::before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 15px 25px 5px;
    border-color: transparent transparent #F8F7F2 transparent;
    z-index: 0;
    left: 10px;
    top: -25px;
    box-shadow: inset 0px 3px 6px #707070;
}
.icon-help:hover .note{
    display: block;
}
#searchModal .modal-header {
    height: 50px;
}
#searchModal .modal-body {
    padding: 0 40px;
}
#searchModal .modal-footer {
    padding: 30px;
}
.wrap-top-page {
    padding: 0 42px;
}
.memorial-service__icon {
    width: 10px;
    height: 10px;
    background: url('../assets/img/icon-custom/icon-arrow-vision.svg') no-repeat;
    background-size: contain;
    margin-left: 5px;
}

.input-menu-mobile .input-group-text {
    padding: 5px 7px 5px 23px !important;
    font-size: 13px !important;
    border-color: #A8947B !important;
}
.button-introduce .el-btn-arrow {
    font-size: 18px;
    min-height: 60px;
    padding: 0px;
}
.button-introduce .el-btn-arrow .small {
    font-size: 14px;
}
.group-btn-cemeteries-publish {
    margin: 60px 0 !important;
}
.group-btn-cemeteries-publish .btn {
    height: 64px;
}
.construction-content .slider-nav .slick-track,
.construction-content .slider-main .slick-track {
    display: flex;
}
.construction-content .slider-nav .slick-slide {
    padding: 0 2.5px;
    height: inherit !important;
}
.construction-content .slider-nav .slick-slide img
{
    height: 65px;
}
.construction-content .slider-main .slick-slide img {
    height: 275px;
}
.construction-content .slider-main .slick-slide {
    height: inherit !important;
}
.banner-business-result {
    height: 100px;
    background-color: #4D5D6B;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
    font-family: "Noto Serif JP", sans-serif;
    position: relative;
    margin-top: 10px;
}
.banner-business-result > img {
    width: 130px;
    height: 130px;
    position: absolute;
    left: -25px;
    top: -30px;
}
.wrap-block-cemeteries {
    background-color: #F8F7F2;
    border-radius: 12px;
    text-align: center;
    font-size: 18px;
}
.wrap-block-cemeteries > h2 {
    margin: 0px;
    padding: 40px 0 30px 0;
    font-size: 34px;
    font-family: "Noto Serif JP", sans-serif;
}
.item-step-construct {
    border-radius: 5px;
    background-color: #fff;
    border: 2px solid #D5CDC4;
    padding: 30px !important;
    margin: 0;
}
.step-construct {
    width: 90px !important;
    height: 90px !important;
    font-family: 'PlayfairDisplay-Regular';
    background-color: #A8947B;
    border-radius: 50%;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 1.5rem;
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
}
.item-step-construct img {
    max-width: 65px;
    max-height: 65px;
}
.item-step-construct__custom img {
    width: 240px;
    height: 160px;
    object-fit: cover;
    max-width: 100%;
    max-height: 100%;
    flex-shrink: 0;
}
.item-step-construct__custom {
    gap: 35px;
}
.item-step-construct__custom + .item-step-construct__custom {
    margin-top: 10px;
}
.list-cemeteries-special {
    padding: 0 80px 0 125px;
}
.list-cemeteries-special > .item-cemeteries-special {
    padding: 35px 40px 40px 40px;
    background-color: #fff;
    border-radius: 8px;
}
.feature-special {
    padding: 7px 0;
    background-color: #398D8B;
    border-radius: 50px;
    text-align: center;
    max-width: 220px; 
    color: #fff;
    font-weight: bold;
    margin-bottom: 17px;
    position: relative;
    z-index: 1;
}
.feature-special::before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0px 16px 15px 0px;
    border-color: transparent #398D8B transparent transparent;
    z-index: 0;
    left: 55px;
    bottom: -10px;
}
.cemeteries-award {
    background-color: #E6E8EA;
}
.cemeteries-award-block {
    padding: 40px 60px !important;
    background-color: #fff;
    border-radius: 8px;
    margin-top: -20px !important;
    position: relative;
}
.cemeteries-award .banner-business-result img {
    height: 90px;
}
.item-committed-cemeteries {
    background-color: #fff;
}
.item-committed-button {
    background-color: #F2F2F2;
    border-radius: 20px;
    padding: 7px 20px;
    min-width: 200px;
    min-height: 40px;
    text-align: center;
}
.item-committed-feature {
    color: #398D8B;
}
.button-switch-area {
    max-width: 360px;
    height: 60px;
}

.btn-store-detail {
    width: 170px!important;
    height: 35px!important;
}
.section-form-request-material .request-contact {
    background-color: #798C9C;
    border-radius: 4px;
    color: #fff;
    max-width: 760px;
    font-size: 14px;
    height: 90px;
    padding: 15px 0;
}
.section-form-request-material .request-contact .request-contact-phone{
    margin-left: 0;
}
.section-qa-list-btn li, .section-store-list-btn li {
    list-style: none;
}
.section-qa-list-btn ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(235px, 1fr));
    justify-items: center;
}
.section-store-list-btn ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
    justify-items: center;
}
.section-store-list-btn, .section-sekou-case, .section-oterasama {
    background-color: #F8F7F2;
    padding: 30px;
    border-radius: 12px;
}
.section-store-list-btn .cate-store-item {
    border: 1px solid #796b61;
    background: url(../assets/img/icon-custom/anchor_ic_arr.svg) no-repeat center right 12px /15px #796b61;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
    width: 170px;
    height: 50px;
    text-align: center;
    letter-spacing: 0;
    padding-top: 2px;
    font-size: 16px;
    transition: all ease 0.3s;
    color: #ffffff;
}

.section-qa-list-btn a{
    border: 1px solid #796b61;
    background: url(../assets/img/icon-custom/anchor_ic_arr.svg) no-repeat center right 12px /15px #796b61;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    line-height: 1.3;
    width: 235px;
    height: 70px;
    text-align: center;
    letter-spacing: 0;
    padding-top: 2px;
    transition: all ease 0.3s;
    color: #ffffff;
}
.section-qa-list-btn a:hover {
    background: url(../assets/img/icon-custom/anchor_ic_arr_hv.svg) no-repeat center right 12px /15px #FFF;
    color: #796b61;
}
.qa-content {
    max-width: 885px;
}
.qa-content dl, .qa-content-detail dl{
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
    text-align: start;
    opacity: 1;
}
.qa-content dt, .qa-content-detail dt{
    background-color: #F8F7F2;
    padding: 5px 50px 5px 20px;
    position: relative;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 30px;
    min-height: 48px;
    cursor: pointer;
    margin-right: 0;
}
.qa-content dt div, .qa-content-detail dt div {
    display: flex;
    align-items: flex-start;
    line-height: 1.3;
}
.qa-content dd {
    display: none;
}
.qa-content dd a{
    color: #7B5713;
    text-decoration: underline;
}
.qa-content dd div, .qa-content-detail  dd div{
    font-size: 16px;
    display: flex;
    padding: 0 15px 35px 55px;
    text-align: justify;
}
.qa-content dl dt:hover {
    opacity: 0.75;
}
.qa-content dl dt::after {
    content: "";
    position: absolute;
    width: 14px;
    height: 8px;
    background: url(../assets/img/icon-custom/qa_ic_arrow.png) no-repeat center /cover;
    transition: all 0.3s;
    right: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg)
}
.qa-content dl.active dt::after {
    transform: translateY(-50%) rotate(0)
}


.qa-content .qa-q , .qa-content-detail .qa-q,
.qa-content .qa-a, .qa-content-detail .qa-a {
    font-size: 30px;
    font-family: 'PlayfairDisplay-Regular';
    color: #798C9C;
    margin-right: 15px;
}
.qa-content .qa-a {
    margin-top: -15px;
}
.section-form-request-content {
    padding: 40px 110px 80px 110px;
    background-color: #E7F0F2;
    border-radius: 4px;
    margin-bottom: 130px;
}
.section-form-request-content .check-cemeteries label,
.section-shoplist .check-cemeteries label,
.section-column .check-cemeteries label,
.section-shoplist-kobe .check-cemeteries label,
.section-form-request-box .check-cemeteries label
{
    font-family: 'YuGothicMedium', sans-serif, Noto Sans ;
}
.section-form-request-process .shape {
    width: 10px;
    height: 10px;
    background-color: #BCBCBC;
    border-radius: 50%;
}
.section-form-request-process .active .shape {
    background-color: #5285B0;
}
.section-form-request-process .active .shape::after {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid #5285B0;
    top: -10px;
    left: 1px;
}
.section-form-request-process .shape-line {
    width: 100px;
    height: 1px;
    background-color: #BCBCBC;
    display: inline-block;
    margin-bottom: 5px;
}

.section-form-request-process .process-text {
    font-family: "Noto Sans", sans-serif;
    font-weight: 700;
    color: #BCBCBC;
}
.section-form-request-process .active .process-text {
    color: #5285B0;
}

.section-form-request-box {
    background-color: #fff;
    padding: 30px 35px 25px 35px;
}
.list-headstone .section-card-tomb .row {
    --bs-gutter-x: 47px !important;
}
.form-request-delete {
    background-color: #E9E9E9;
    border-radius: 3px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 21.5px;
    max-height: 110px;
    flex-shrink: 0;
}
.form-request-delete .check-cemeteries label:before {
    margin: 0;
    top: 50%;
    transform: translate(0, -50%);
}
.form-request-delete .check-cemeteries input:checked + label:after {
    top: 2px;
    left: 7px;
}
.item-headstone-delete {
    opacity: 0.7;
}
.item-headstone-delete.active {
    opacity: 1;
}

.item-headstone-delete .btn-temple-cemetery {
    display: inline-block;
    border-radius: 5px;
    width: 100px;
    height: 30px;
    font-size: 15px;
    font-weight: 700;
    background-color: #A8947B;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-headstone-delete + .item-headstone-delete {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #A5A5A5;
}
.confirm-number_copies {
    border-top: 1px solid #A5A5A5;
}
.section-form-request .check-cemeteries label:before,
.section-form-request-box .check-cemeteries label:before,
.form-common-confirm-content .check-cemeteries label:before{
    padding: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #707070;
}
.item-headstone-delete__right {
    border-left: 1px solid #A5A5A5;
}
.item-headstone-delete__right .note {
    display: none;
}
.item-headstone-delete__right .check-cemeteries label{
    font-size: 18px;
    font-weight: 400;
    font-family: 'YuGothicMedium', sans-serif, Noto Sans ;
}
.item-headstone-delete__right .check-cemeteries label:before {
    top: -2px;
}
.item-headstone-delete__right .check-cemeteries input:checked + label:after {
    top: 3px;
    left: 7px;
}

.section-form-request .check-cemeteries input:checked + label:after 
.section-form-request-box .check-cemeteries input:checked + label:after {
    width: 5px;
    height: 10px;
}
.list-headstone-delete,
.list-headstone-delete-confirm{
    overflow-y: auto;
    max-height: 350px;
}
.list-document {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -10px;
}
.list-document .item-document {
    border-radius: 5px;
    border: 1px solid #E4E4E4;
    padding: 15px;
    width: calc(50% - 4px);
    margin-top: 10px;
}
.item-document .check-cemeteries label {
    font-size: 15px;
    display: flex;
}
.item-document .check-cemeteries input:checked + label:after {
    top: 2px;
    left: 7px;
}
table.table-form-common {
    margin-bottom: 0;
}
table.table-form-common td:first-child {
    width: 230px;
    padding: 25px 50px 25px 0;
}
table.table-form-common td:last-child {
    padding: 25px 0px 25px 0px;
}
table.table-form-common tr:last-child td {
    border-bottom: 0 !important;
    padding-bottom: 0;
}
table.table-form-common tr:first-child td {
    padding-top: 0;
}

table.table-form-common .small-input {
    max-width: 280px;
}
table.table-form-common .small-input.xs {
    margin-top: 10px;
    max-width: 400px;
    min-height: 60px;
}
@media only screen and (max-width: 991px) {
    table.table-form-common .small-input.xs {
        max-width: 100%;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 767px) {
    table.table-form-common .small-input.xs {
        margin-top: 10px;
        margin-left: 1.5rem;
        max-width: 100%;
        min-height: 80px;
    }
}
table.table-form-common .vsmall-input {
    max-width: 110px;
}

table.table-form-common input[type='text'],
table.table-form-common input[type='tel'],
table.table-form-common input[type='email'],
table.table-form-common select
{
    margin: 0;
    border-radius: 6px;
    height: 45px;
    border: 1px solid #8D7D69;
}
table.table-form-common textarea {
    border-radius: 6px;
    border: 1px solid #8D7D69;
    margin-bottom: 0;
}
table.table-form-common label {
    font-size: 18px;
    display: inline-block;
    margin: 0;
}
table.table-form-common .btn-search-address {
    font-size: 16px;
    border-radius: 200px;
    margin-left: 13.5px;
    transition: all .3s;
    cursor: pointer;
    min-width: 90px;
    text-align: center;
}
@media only screen and (max-width: 991px) {
    table.table-form-common .btn-search-address {
        margin-top: 10px;
    }
    }

.button-label.materials {
    width: 388px;
}
@media only screen and (max-width: 991px) {
.button-label.materials {
    border-radius: 50px !important;
    line-height: 1.4;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}
}

.required {
    color: #fff;
    background-color: #FF5700;
    border-radius: 3px;
    font-size: 14px;
    padding: 2px 8px 1px;
    display: inline-block;
}
.document-checkbox {
    /* padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #A5A5A5; */
}
.document-checkbox .check-cemeteries label{
    font-size: 18px;
    font-weight: 400;
    display: flex;
}
.item-document .check-cemeteries label:before {
    top: 1px;
    flex-shrink: 0;
}
.document-checkbox .check-cemeteries label:before {
    top: 3px;
    flex-shrink: 0;
}

.document-checkbox .check-cemeteries input:checked + label:after {
    top: 4px;
    left: 7px;
}
table.table-form-common td .sub-label {
    margin-top: 25px;
    margin-bottom: 5px;
    font-size: 18px;
}
table.table-form-common td .sub-label:first-child {
    margin-top: 0;
    margin-bottom: 5px;
}

table.table-form-common [type="radio"]:checked,
table.table-form-common [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
table.table-form-common [type="radio"]:checked + label,
table.table-form-common [type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    font-size: 18px;
    color: #383838;
    font-weight: 400;
}
table.table-form-common [type="radio"]:checked + label:before,
table.table-form-common [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #383838;
    border-radius: 100%;
    background: #fff;
}
table.table-form-common [type="radio"]:checked + label:after,
table.table-form-common [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #383838;
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
table.table-form-common [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
table.table-form-common [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
table.table-form-common .check-cemeteries label{
    font-size: 18px;
    font-weight: 400;
    display: inline-block;
    position: relative;
    padding-left: 28px;
}
table.table-form-common .check-cemeteries label:before {
    top: 3px;
    position: absolute;
    left: 0;
}
table.table-form-common .check-cemeteries input:checked + label:after {
    top: 4px;
    left: 7px;
}

.section-staff-blog-box {
    border-radius: 12px;
    background-color: #F8F7F2;
    padding: 50px 30px 30px;
}
.section-staff-blog-box.simple-staff-box {
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}
.section-staff-blog-box.simple-staff-box .flyer-new {
    border: none;
}

.list-staff-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 15px;
}
.item-staff-blog {
    padding: 15px 20px 20px 20px;
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    width: calc(50% - 10px);
    display: flex;
    position: relative;
    flex-direction: column;
    /* margin-top: 10px; */
    transition: all .3s;
    opacity: 1;
}
.item-staff-blog:hover {
    opacity: 0.7;
}
.item-staff-blog img {
    width: 100px;
    margin-right: 15px;
    height: 65px;
    object-fit: cover;
    border-radius: 4px;
}

.item-staff-article img {
    width: 90px !important;
    height: 65px;
    margin-right: 15px !important;
}
.item-column img {
    width: 100px !important;
    height: 95px !important;;
    margin-right: 15px !important;
}

.item-staff-blog-feature {
    padding: 3px 15px;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 5px;
}
.item-staff-blog-feature__red{
    background-color: #A92126;
}
.item-staff-blog-feature__blue{
    background-color: #5285B0;
}
.gap15 {
    gap: 15px;
}
.group-btn-list-staff {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-top: 1px solid #B1AFAD;
    border-left: 1px solid #B1AFAD;
}
.group-btn-list-staff a {
    display: inline-flex;
    text-align: center;
    position: relative;
    border-bottom: 1px solid #B1AFAD;
    border-right: 1px solid #B1AFAD;
    height: 50px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s;
    padding: 0 35px;
}
.group-btn-list-staff a:hover {
    background-color: #A8947B;
    color: #fff;
}
.group-btn-list-staff a:hover i {
    color: #fff;
}
.group-btn-list-staff a i {
    position: absolute;
    left: 20px;
    font-size: 25px;
    color: #B1AFAD;
}
.shape-question {
    position: relative;
    padding-left: 30px;
}
.shape-question::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    left: 0;
    top: 6px;
    background-color: #398D8B;
    border-radius: 50%;
}
.group-type-button span {
    cursor: pointer;
    padding: 10px 20px;
    border: 1px solid #B1AFAD;
    border-radius: 54px;
    background-color: #fff;
}
.ui-datepicker {
    width: 354px;
    min-height: 350px;
    padding-top: 28px;
    max-width: 100%;
    background-color: #FFF;
    border: 1px solid #000;
    display: none;
}
.ui-datepicker .ui-datepicker-header {
    margin-bottom: 10px;
    padding-bottom: 14px;
    position: relative;
    padding: 0.2em 0;
    border-bottom: 1px solid #E6E1DC;
}
.ui-datepicker table, .ui-datepicker-header {
    width: 298px;
    margin: 0 auto;
}
.ui-datepicker table,
.ui-datepicker-calendar thead {
    background-color: #FFF;
}
.ui-datepicker-calendar thead th {
    background-color: #FFF;
    font-size: 16px;
    border: 0 !important;
    padding: 10px 0 5px;
    border-collapse: separate;
    border: 3px solid #FFFFFF;
    font-weight: normal;
    text-align: center;
}
.ui-datepicker-calendar thead tr th:nth-of-type(1) span, .ui-datepicker-calendar tbody tr td:nth-of-type(1) a {
    color: red;
}
.ui-datepicker-calendar thead th span {
    background: none;
}
.ui-datepicker td {
    padding: 5px 2px !important;
    text-align: center;
    border: 0 !important;
    font-size: 16px;
}
.ui-state-default.ui-state-highlight {
    background: #A8947B !important;
    border-radius: 50%;
    color: #FFF !important;
    font-weight: bold !important;
}
.ui-datepicker td span, .ui-datepicker td a {
    display: inline-block;
    padding: 0.3em;
    text-decoration: none;
    width: 30px;
    height: 30px;
}
.ui-datepicker .ui-datepicker-title {
    margin: 0 2.3em;
    border: 1px solid #FFFFFF;
    line-height: 1.8em;
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    width: 6px;
    height: 11px;
    border: 0;
    top: calc(50% - 11px);
    cursor: pointer;
    position: absolute;
}
.ui-datepicker .ui-datepicker-prev {
    background: url(../assets/img/icon-custom/ui-icon_pr.svg) no-repeat center /cover;
    left: 20px;
}

.ui-datepicker .ui-datepicker-next {
    background: url(../assets/img/icon-custom/ui-icon.svg) no-repeat center /cover;
    right: 20px;
}
.ui-helper-clearfix:before, .ui-helper-clearfix:after, .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    display: none;
}

.s-datepicker {
    position: relative;
}
.s-datepicker::after {
    content: '';
    position: absolute;
    background: url(../assets/img/icon-custom/datepicker-calendar.png) no-repeat center /cover;
    width: 20px;
    height: 21px;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.form-common-confirm label {
    font-size: 18px;
    font-weight: 400;
    font-family: 'YuGothicMedium', sans-serif, Noto Sans ;
}
.form-common-confirm label:before {
    height: 20px;
    width: 20px;
    top: -2px;
}
.form-common-confirm input:checked + label:after {
    top: 4px;
    left: 7px;
}
.form-common-confirm a {
    color: #0066C0;
    text-decoration: underline;
}
.item-search-sidebar {
    width:calc(100% - 127px);
}
.item-staff-left {
    width: calc(100% - 118px);
}
.item-column-left {
    width: calc(100% - 115px);
}
.item-staff-article-left {
    width: calc(100% - 105px);
}
.booking_visit-content,
.isQuestion-content,
.isReserve-content,
.isRequestInforCemetery-content,
.tour_reservation-content-none {
    display: none;
}
.error,.errorlb {
    color: red;
    font-size: 16px !important;
    margin-top: 5px !important;
    display: block;
    font-weight: 400;
}
.form-common-confirm-content.disabled .el-btn {
    background-color: #B1AFAD;
    color: #65615C;
    pointer-events: none;
}
.section-shoplist {
    font-size: 16px;
}
.section-shoplist h2 {
    font-family: "Noto Serif JP", sans-serif;
}
.list-store .item-store{
    background-color: #F8F7F2;
    border-radius: 12px;
    padding: 30px;
}
.list-store .item-store img {
    width: 280px;
    height: auto;
    object-fit: cover;
    margin-right: 30px;
    border-radius: 4px;
}

.list-store .item-store .el-btn-arrow:hover .el-btn-arrow__icon {
    transform: translate(6px, -50%);
}

.ref_cate_title {
    border: 1px solid #B1AFAD;
    padding: 3px 10px;
    /* text-wrap: nowrap; */
    border-radius: 5px;
    width: fit-content;
    text-decoration: none!important;
    color: #333;
    display: inline-block;
}
.img-column {
    width: 100%;
    height: 480px;
    object-fit: cover;
}

.block-blog-contact {
    border: 1px solid #A5A5A5;
    border-radius: 8px;
}
.item-store + .item-store {
    margin-top: 20px;
}

.store-info-sidebar img {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
}

.info-location {
    width:calc(100% - 90px)
}
.info-img-sidebar {
    width: 80px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px
}
.section-shoplist a:not(.btn,.cate-qa-item,.btn-search-address,.btn-contact-us),
.section-shoplist-kobe .item-store a:not(.btn,.cate-qa-item,.btn-search-address,.btn-contact-us),
.section-shoplist-kobe form a:not(.btn,.cate-qa-item,.btn-search-address,.btn-contact-us)
{
    color: #7B5713;
    text-decoration: underline;
}
.section-shoplist-kobe .item-store .item-store-content__right,
.list-store .item-store .item-store-content__right {
    width: calc(100% - 280px)
}
.item-store-content__right table td a[href^="tel:"]{
    color: #957E61;
    text-decoration: underline;
}
.item-store-content__right table tr td:first-child {
    width: 85px;
    vertical-align: baseline;
}
.item-store-content__right table tr td:first-child label{
    font-weight: 500;
}
.item-store-content__right table td,
.item-store-content__right table label {
    margin: 0;
    padding: 0;
    border: 0 !important;
    font-size: 14px;
    color: #262626;
    border-color: #A5A5A5;
}
.item-store-content__right table tr + tr td{
    padding-top: 1rem;
}
.item-store-name::after {
    content: '';
    position: absolute;
    width: 40px;
    height: 8px;
    background-color: #8D7D69;
    transform: rotate(90deg);
    left: -45px;
    top: 12px;
}
.form-col-divided {
    background-color: #E7F0F2;
    padding: 50px 35px 80px 35px;
}
.form-recived-request {
    padding: 30px 30px 40px 30px;
    border: 1px solid #398D8B;
    background-color: #F7FAFB;
    border-radius: 5px;
}
.form-recived-request .check-cemeteries label {
    font-size: 14px;
    font-family: 'YuGothic', sans-serif, Noto Sans ;
}
.form-recived-request .check-cemeteries label:before {
    top: -1px;
    border: 1px solid #D2D2D2;
    background: #fff;
}
.form-recived-request .check-cemeteries input:checked + label:after {
    top: 1px;
    left: 7px;
}
.form-recived-request-list-checkbox {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
    grid-row-gap: 5px;
}
.form-recived-request-list-checkbox .check-cemeteries:not(:last-child) {
    padding: 5px 0;
    border-bottom: 1px dashed #398D8B;
}

.table-form-common .sub-div-label {
    width: 230px;
    font-size: 16px;
}

.section-shoplist table.table-form-common .btn-search-address,
.section-column table.table-form-common .btn-search-address,
.section-shoplist-kobe table.table-form-common .btn-search-address{
    font-size: 14px;
}
.item-form-d-delete {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    width: 13px;
    height: 13px;
    background: url('../assets/img/icon-custom/close.svg') no-repeat;
    background-size: contain;
}
.flyer-new-item {
    margin-top: 24px;
    position: relative;
}
.flyer-second {
    margin-top: 0!important;
}
.flyer-second .slogan {
    display: none;
}
.flyer-second .flyer-new {
    /* margin-top: 0px!important; */
    margin-top: 24px;
}
.flyer-new {
    display: flex;
    align-items: center;
    position: relative;
    padding: 30px 38px 31px;
    background-color: #FFF;
    cursor: pointer;
    border: 1px solid #9A917D;
    /* border-top: 0; */
    /* margin-top: 1px; */
}

.section-staff-blog .flyer-new {
    background-color: #EAE6DC;
}

.slogan {
    font-size: 18px;
    font-weight: bold;
    color: #6C5F55;
    text-align: center;
    position: relative;
    z-index: 2;
    overflow: hidden;
    transform: translateY(16px);
    letter-spacing: 0.06em;
}
.slogan span {
    display: inline-block;
    position: relative;
    padding: 0 10px;
}
.text-brown {
    color: #6C5F55!important;
}
.slogan span::after {
    content: "";
    position: absolute;
    width: 500px;
    height: 1px;
    background-color: #9A917D;
    top: 13px;
    left: 100%;
}
.slogan span::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 1px;
    background-color: #9A917D;
    top: 13px;
    right: 100%;
}

.flyer-new .img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 35px;
    /* flex-shrink: 0; */
    width: 215px;
    height: 100%;
}
.flyer-new .img a {
    position: relative;
}
.flyer-new:hover img {
    opacity: 0.7;
}
.flyer-new img {
    transition: all 0.3s;
    /* width: 100%; */
    /* height: 227px; */
    width: 100%;
    height: 157px;
    object-fit: scale-down;
}
.flyer-new .des {
    letter-spacing: 0.07rem;
}
.flyer-new .des span {
    color: #5C4C40;
    margin-top: 6px;
    display: block;
}
.flyer-new .date {
    margin: -8px 0 10px 0;
    color: #312C27;
    flex-shrink: 0;
    font-size: 1.4rem;
}
/* .flyer-new > div > a::after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background: url('../assets/img/icon-custom/sec07_ite_ic_out.png') no-repeat center /cover;
    right: -6px;
    bottom: -2px;
    z-index: 1;
} */
.flyer-new__right {
    width: calc(100% - 235px);
}
.child-item-store + .child-item-store {
    margin-top: 20px;
}
.list-table-of-contents {
    max-width: 500px;
    background-color: #F8F8F8;
    border-radius: 10px;
    padding: 35px;
    margin: 0 auto;
}

.column h2 {
    font-size: 1.3em;
    font-weight: bold;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    color: #333;
    padding: 0.2rem 1rem;
    border-left: 6px double #A8947B;
}

.column h3 {
    font-size: 1.15em;
    font-weight: bold;
    margin-top: 2rem;
    color: #333;
}

.column h4 {
    font-size: 1em;
    font-weight: bold;
    margin-top: 1.25rem;
}
.column .wp-block-image {
    margin-bottom: 1.3em;
}
/* .column p {
    line-height: 1.8;
} */
.column a {
    color: #0d6efd;
    text-decoration: underline;
}
.column a:hover {
    text-decoration: none;
}
.column ol, .column ul {
    padding-left: 2rem;
}
.column .wp-block-image figcaption {
    font-size: .9rem;
}
.column .mark,.column mark {
    padding: 0!important;
}

ul.ez-toc-list a.ez-toc-link {
    padding: 10px 0 0;
    font-size: 1rem;
}
#ez-toc-container {
    margin-bottom: 0!important;
}
.list-table-of-contents ul {
    list-style: none;
}
.list-table-of-contents ul ul {
    margin: 17px 0 17px 27px;
}

.list-table-of-contents ul ul li {
    margin-bottom: 20px;
    position: relative;
    font-size: 16px;
}
.list-table-of-contents ul ul li::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #398D8B;
    top: 50%;
    left: -20px;
    transform: translateY(-50%);
}
.item-column-vertical {
    width: 49%;
}
.item-column-vertical > a {
    width: 100%;
}
.item-popular-articles {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #A5A5A5;
    cursor: pointer;
    opacity: 1;
    transition: all .3s;
}
.item-popular-articles:hover {
    opacity: 0.7;
}
.s-common-sidebar .title-top {
    font-size: 14px;
    letter-spacing: 0.05em;
}
.think-customer {
    height: 290px;
    width: 100%;
}
.map-store1 {
    height: 260px;
    width: 100%;
}
.map-store2 {
    height: 1280px;
    width: 100%;
}
.list-propose-cemetery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 20px;
    grid-column-gap: 20px;
    padding: 0 30px;
}
.list-propose-outline-cemetery {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-row-gap: 20px;
    grid-column-gap:15px;
}
.item-propose-cemetery,
.item-propose-type-cemetery {
    cursor: pointer;
}
.item-propose-cemetery img{
    width: 100%;
    height: 205px;
    object-fit: cover;
    transition: transform 0.6s;
}
.item-propose-type-cemetery img{
    width: 100%;
    height: 150px;
    object-fit: cover;
    transition: transform 0.6s;
}
.item-propose-cemetery img:hover,
.item-propose-type-cemetery img:hover{
    transform: scale(1.1);
}
.page-type-div-img{
    width: 100%;
    height: 425px;
    object-fit: cover;
}
.reconment-hotel {
    max-width: 760px;
    position: relative;
    padding: 0 55px 30px;
    background-color: #FFF;
    border: 1px solid #9A917D;
    margin-bottom: 18px;
    /* cursor: pointer; */
    max-width: 897px;
    margin: 0 auto;
    border-radius: 24px;
}
.reconment-hotel > p{
    color: #6C5F55;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 23px;
    margin-top: -18px;
}
.reconment-hotel > p > span {
    display: inline-block;
    position: relative;
    padding: 0 22px;
    /* margin-left: -25px; */
}
.reconment-hotel > p > span::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 10px;
    background-color: #FFF;
    bottom: 9px;
    left: 0;
    z-index: -1;
}
.reconment-hotel .bg_line {
    background-image: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 87%, #EDE3C9 85%, #EDE3C9 100%);
    background-size: 30px 70px;
    background-position: top 13px left;
}
.reconment-hotel li:last-child {
    margin-bottom: 0;
}
.reconment-hotel li:not(:last-child) {
    margin-bottom: 10px;
}
.marker_normal {
    background-image: linear-gradient(0deg, rgba(0,0,0,0) 0, rgba(0,0,0,0) 87%, #E0D7C5 85%, #E0D7C5 100%);
    background-size: 30px 70px;
    background-position: top 15px left;
}
.marker_cream {
    background-image: linear-gradient(transparent 60%, #FDFBF7 60%);
    background-position: top 22px left;
}
.daidaibo-arrow-down {
    height: 28px;
    position: relative;
}
.daidaibo-arrow-down::after {
    content: "";
    position: absolute;
    width: 12px;
    height: 8px;
    background: #796B61;
    left: calc(50% - 6px);
    bottom: 10px;
    z-index: 1;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}
.guarantee-gr-image {
    gap: 30px;
    justify-content: center;
}
.guarantee-item-image {
    width: 220px;
    height: 220px;
    background-color: #FAF6EF;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.guarantee-item-image img {
    width: 115px;
    height: 145px;
    object-fit: cover;
}
.gr-another-grave {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.gr-another-grave a {
    width: calc(50% - 5px);
    display: inline-block;
    color: #0066C0;
    text-decoration: underline;
}
.div-content-a-b {
    max-width: 615px;
    padding: 30px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 3px solid;
    margin: 0 auto;
    position: relative;
    flex-direction: column;
    background: #fff;
}
.div-content-a-b span {
    position: absolute;
    height: 50px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -40px;
    font-size: 32px;
    color: white;
}
.div-content-a-b__red {
    border-color: #A92126;
    color: #A92126;
}
.div-content-a-b__red span {
    background-color: #A92126;
}
.div-content-a-b__blue {
    border-color: #103675 ;
    color: #103675 ;
}
.div-content-a-b__blue span {
    background-color: #103675 ;
}

.recomment-people {
    background: #fff;
    border: 2px solid #D5CDC4;
    padding: 10px;
    text-align: start;
    border-radius: 5px;
}
.recomment-people__red {
    padding: 10px 10px 10px 30px;
    position: relative;
}
.recomment-people__red::after {
    position: absolute;
    content: '';
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #A92126;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}
.img-eitaikuyou-kansai {
    width: 580px;
    height: 580px;
    object-fit: cover;
    margin: 0 auto;
    display: block;
}
.table-compare table, .table-compare th,  .table-compare td {
    border-collapse: collapse;
    text-align: center;
    font-size: 16px;
}
.ui-state-active {
    border: 1px solid #A8947B;
    border-radius: 50%;
    background-color: #A8947B;
    color: #fff !important;
}
.ui-state-disabled {
    color: #b1afad;
}

.block-parallax-1 {
    overflow: hidden;
    position: relative;
}

.block-parallax-1 .md-box {
    background: linear-gradient(to bottom, rgb(0 0 0 / 0%) 0%,
    rgb(0 0 0 / 60%) 30%,
    rgb(0 0 0 / 80%) 100%);
    position: relative;
    height: 100%;
    text-align: center;
}
.block-parallax-1 .md-box h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 3.2rem;
}
.block-parallax-1 .md-box h2 .line-banner {
    bottom: 35%;
}
.md-box-card {
    position: relative;
    background-color: #fff;
    border-radius: 6px;
    width: 540px;
    height: 185px;
    overflow: hidden;
    padding: 25px 30px 25px 0;
    display: flex;
    color: #000000;
    cursor: pointer;
    transition: all 0.6s;
}
.md-box-card:hover {
    opacity: 0.7;
}
.md-box-card:hover img {
    transform: scale(1.1);
}
.md-box-card:hover .media_logo img {
    transform: none;
}
.md-box-card__left {
    width: calc(100% - 225px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'NotoSerifJP-SemiBold';
    line-height: 1.5;
}
.md-box-card img {
    width: 225px;
    height: 100%;
    object-fit: cover;
    transition: all 0.6s;
}
.md-box-card .media_logo img {
    width: 120px;
    height: auto;
    object-fit: contain;
}
.md-box-card__left .under_line {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid #000;
}
.mission-vision {
    width: 675px;
    height: 675px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
}
.memorial-service-card {
    display: flex;
    padding: 50px 70px;
    position: relative;
    width: 765px;
    height: 280px;
    border: 1px solid #977F66;
    border-radius: 5px;
    margin: 0 auto;
}
.memorial-service-card__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(100% - 260px);

}
.memorial-service-card__right img {
    height: 100%;
    width: 260px;
    object-fit: cover;
}
.memorial-service-card__slogan {
    position: absolute;
    background-color: #E6DFD3;
    top: -18px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    padding: 0 30px;
    color: #675138;
}
.memorial-service-card__content {
    width: 100%;
}

.memorial-service-card__title {
    writing-mode: vertical-rl!important;
    text-orientation: mixed!important;
}
.memorial-service-card__next_sp {
    width: 24px;
    height: 24px;
    background: #A8947B;
    color: #fff;
    border-radius: 50%;
    margin-top: auto;
}
.mission-vision-bg {
    position: absolute;
    width: 675px;
    height: 675px;
    border-radius: 50%;
    background-color: #FAF9F7;
}
.mission-vision > * {
    z-index: 100;
}
.parallax-bg img{
    opacity: 0;
    transition: opacity 2s ease-in-out, transform 8s ease-in-out;
    position: absolute;
    top: 0;
    transform: scale(1);
}
.parallax-bg.active img{
    opacity: 1;
    transform: scale(1.1);
}
.max-lines-3 {
    /* overflow: hidden; */
    /* display: -webkit-box; */
    /* -webkit-line-clamp: 3; Số lượng dòng tối đa */
    /* -webkit-box-orient: vertical; */
    line-height: 1.3; /* Điều chỉnh line-height để cân đối khoảng cách giữa các dòng */
}
.kuyo-life-image img {
    margin-left: 30px;
}
.kuyo-life-image img + img {
    margin-right: -20px;
}
.ul-instruct li{
    margin-bottom: 0;
}
.img-type-protect {
    width: 270px;
    height: 185px;
    object-fit: contain;
    flex-shrink: 0;
}
.c-scrolldown {
    width: 1px;
    height: 52px;
    position: absolute;
    bottom: -52px;
    left: 0;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
    transform: translateY(-50%);
}
.c-scrolldown.philosophy {
    bottom: 20px;
}
.c-scrolldown .c-line {
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(to bottom, white 50%, #957E61 50%);
    background-position: 0 -26px;
    background-size: 100% 200%;
    animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}

/* modify 20241019 */
.the_content p{
    font-size: 16px;
}
.store_main_copy {
    color: #6F5B41!important;
    margin-bottom: 18px;
}
.store_sub_copy{
    color: #6F5B41;
  }

.section-staff-blog-box .the_content{
    font-size: 16px;
}
.store a:not(.news_normal a){
    color: #7B5713;
    text-decoration: underline;
}
@media only screen and (max-width: 767px) {
    .md-box-card .media_logo img{
      width: 86px;
    }
}
@media screen and (max-width: 991px) {
    .store_main_copy {
        margin-bottom: 10px;
    }
}

@keyframes scrolldown {
    0% {
        background-position: 0 -52px;
    }
    75% {
        background-position: 0 0;
    }
    100% {
        background-position: 0 52px;
    }
}
.footer-wrapper {
    z-index: 2;
}
.footer ul.footer-list {
    display: none;
}
.iframe-content {
    width: 100%;
    max-width: 460px;
    height: 260px;
}
.useful-content-img {
    width: 345px;
    height: 170px;
    flex-shrink: 0;
    object-fit: contain;
}
.useful-content-list-btn {
    row-gap: 10px;
    column-gap: 10px;
    /* justify-self: center; */
    /* max-width: 740px; */
    margin: 0 auto;
}
.useful-content-list-btn > a {
    /* max-width: 360px; */
    height: 60px;
    width: 32%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-message {
    display: flex;
    flex-direction: row-reverse;
    gap: 110px;
}
.message-title {
    font-size: 34px;
    writing-mode: vertical-rl;
    text-align: start;
    line-height: 1.8;
    font-weight: 500;
    margin: 0;
    letter-spacing: 5px;
    color: #262626;
}
.message-body p {
    width: 440px;
    text-align: start;
    font-size: 18px;
    font-family: "Noto Serif JP", sans-serif;
    line-height: 2.5;
    letter-spacing: 1px;
    margin-bottom: 30px;
}
.card-message a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 25px;
    background: #A8947B;
    border: 1px solid #A8947B;
    color: #fff;
    width: 322px;
    height: 120px;
    border-radius: 6px;
    transition: all ease 0.3s;
}
.card-message a:hover {
    background: #fff;
    color: #A8947B;
}
.card-message a:hover img{
    opacity: 0.8;
}
/* .card-message_img {
    width: 35%;
} */
.card-message_img img {
    object-fit: cover;
    width: 100px;
    height: 90px;
}
.card-message_body {
    text-align: center;
    width: 65%;
    font-size: 19px;
    font-family: "Noto Serif JP", sans-serif;
    font-weight: 500;
}
.card-message p {
    display: none;
}
#modal-favorite .not_cemeteries_fav {
    text-align: center;
}
@media screen and (max-width: 768px) {
    .search-cemetery .characteristic h2 {
        text-align: center;
    }
    .useful-content-list-btn > a {
        width: 32%;
    }
    .text-introduce {
        padding-right: 0 !important;
    }
    .recommendation {
        display: inline-block;
        position: absolute;
        top: 0px;
        right: 0;
        left: auto;
    }
    .footer ul.footer-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: start;
        padding: 0 15px;
    }
    .footer ul.footer-list > li {
        display: inline-block;
        margin: 0 0 20px;
        font-weight: 500;
        font-size: 15px;
        /* font-family: "Noto Serif JP", sans-serif !important; */
    }
    .footer ul.footer-list li.wrap-item {
        display: inline-block;
        width: auto;
        margin: 0 30px 5px 0;
    }
    ul.footer-list  li a {
        text-decoration: underline;
        text-underline-offset: 2px          
    }
    ul.footer-list-items {
        padding: 0 15px;
        border-left: none !important;
        font-family: 'YuGothicMedium';
        font-size: .9rem;
        /* margin: 5px 0 0px !important; */
    }
    ul.footer-list-items li {
        display: inline-block;
        border-left: none !important;
        font-family: 'YuGothicMedium';
        font-size: .9rem;
    }
    .widget>ul>li ul,ul.menu>li ul {
        display: inline-block!important;
    }
    .widget>ul>li+li, ul.menu>li+li {
        border-top:none!important;
    }
    .brand-message {
        display: block;
    }
    .message-title {
        font-size: 34px;
        writing-mode: inherit;
        text-align: center;
        letter-spacing: 3px;
    }
    .message-body p {
        width: 100%;
        text-align: center;
        line-height: 2;
        letter-spacing: 0;
    }
    .flyer-new {
        padding: 20px;
        align-items: flex-start;
        flex-direction: column;
    }
    .flyer-new .img {
        /* margin: 0 auto; */
        margin: 0 auto 26px;
    }
    .column.section-staff-blog-box {
        padding: 30px 15px;
    }
    .section-staff-blog-box {
        padding: 50px 15px;
    }
}
@media screen and (max-width: 560px) {
    .useful-content-list-btn > a {
        width: 48%;
        font-size: .9rem;
    }
}
.introduction  {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}
.kuyo-life-image {
    width: 315px;
    height: 270px;
    object-fit: cover;
    flex-shrink: 0;
}
.kuyo-life-image-child {
    width: 120px;
    height: 215px;
    object-fit: cover;
    flex-shrink: 0;
}
.list-kuyo-life {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
}
.list-kuyo-life > div {
    width: calc(50% - 25px);
}


.table-profile-company table td.content-row  {
    padding-left:9px
}
#modal-phone {
    padding-right: 0 !important;
}
.color-dark {
    color: #383838;
}
.color-fav {
    color:#FF5700
}
.wrap-content-rq {
    height: 70px;
    width: 100px;
    object-fit: cover;
}

.content-rc-rq {
    color: #222;
}

.reien-banner-title {
    margin-bottom: 0;
    color: #141414!important;
    /* font-size: 1.8rem; */
    font-size: 32px;
    text-shadow: 2px 2px 10px #ffffff, -2px 2px 10px #ffffff, 2px -2px 10px #ffffff, -2px -2px 20px #ffffff;
}
@media only screen and (max-width: 767px) {
    .reien-banner-title {
        /* font-size: 1.4rem; */
        font-size: 24px;
    }
    .search-cemetery .characteristic {
        margin-top: 50px;
    }
    .search-cemetery p {
        font-size: 16px;
        line-height: 1.6;
    }
    table.table-form-common td .sub-label {
        margin-top: 15px;
    }
    table.table-form-common  td:first-child {
        margin-bottom: 5px;
    }
    .cemeteries-content {
        padding: 30px 15px!important;
    }
    .title-overview > span::before{
        width: 20px;
        left: -30px;
    }
    .title-overview > span::after{
        width: 20px;
        right: -30px;
    }
}
.text-note-desired {
    color:#B36566;
}
.text-note-book-fav {
    color:#E01A1A!important;
    line-height: 18px!important;
    margin-bottom: 10px!important;
}
.desired_completion_time {
    width: 85px;
    height: 28px;
}
#tooltip-hyogo {
    transform: translate(53px, 168px);
}
@media only screen and (max-width: 991px) {
    .section-form-request-material .request-contact .request-contact-phone{
        /* margin-left: auto; */
        /* margin-right: auto; */
        margin: auto;
    }
    .flyer-new .img {
        text-align: center;
        height: 100%;
        /* width: 80px; */
        /* margin-right: 16px; */
    }
    .flyer-new .box {
        width: 85%;
    }
    .flyer-new img {
        height: 152px;
    }
    .flyer-new .date{
        margin: 0;
    }
    .flyer-new .des {
        margin-top: 5px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 2;
    }
    .list-staff-blog {
        padding: 15px 10px;
        flex-direction: column;
        border-radius: 0;
    }
    .btn-store-detail {
        margin-top: 15px!important;
        height: 40px !important;
        width: 100%!important;
    }
    .c-scrolldown {
        height: 32px;
        bottom: -32px;
    }

    @keyframes scrolldown {
        0% {
            background-position: 0 -32px;
        }
        75% {
            background-position: 0 0;
        }
        100% {
            background-position: 0 32px;
        }
    }
    
    .table-facilities .title-row {
        width: 100%;
    }
}
@media only screen and (max-width: 710px) {
    #search_cemetery_area .text-search {
        max-width: 300px;
    }
}
@media only screen and (max-width: 500px) {
    #search_cemetery_area .text-search {
        max-width: 205px;
    }
}
@media only screen and (max-width: 415px) {
    #search_cemetery_area .text-search {
        max-width: 150px;
    }
}
@media only screen and (max-width: 325px) {
    #search_cemetery_area .text-search {
        max-width: 115px;
    }
}