/*  Color
----------------------------------------------- */
:root{
  --maincolor : #27a639; 
  --accentcolor : #c0a55c;
  --text: #000000;
  --gray-text: #534741;
  --light-green: #ebeee8;
}


/*  Font
----------------------------------------------- */
.noto-sans-jp-light {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.noto-sans-jp-regular {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.noto-sans-jp-medium {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.noto-sans-jp-bold {
  font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.noto-serif-jp-light {
  font-family: "Noto Serif JP", serif !important;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}
.noto-serif-jp-regular {
  font-family: "Noto Serif JP", serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
.noto-serif-jp-medium {
  font-family: "Noto Serif JP", serif !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.noto-serif-jp-bold {
  font-family: "Noto Serif JP", serif !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

/* 数字 */
.arial{
  font-family: "Arial", sans-serif !important;
}



/*  Typo
----------------------------------------------- */

a{
    color: var(--text);
    transition: all .3s;
    cursor: pointer;
}
a:hover { text-decoration:none; }

a img{transition: all .3s;}

h1 {
    font-size:45px !important;
    letter-spacing:0.1em;
    font-family: "Noto Serif JP", serif !important;
    font-weight: 700 !important;
    color:#FFF !important;
}
h1.j-blog-header{color:var(--text) !important;}

h2 {
    font-size:30px !important;
    letter-spacing:0.15em;
    font-family: "Noto Serif JP", serif !important;
    font-weight: 500 !important;
}

h3{
    letter-spacing:0.1em;
    font-family: "Noto Serif JP", serif !important;
    font-weight: 500 !important;
}

body, p {
    font-size:18px;
    line-height:1.9;
    letter-spacing: 0.075em;
    font-family: "Noto Serif JP", serif !important;
    font-optical-sizing: auto;
    font-weight: 400 !important;
    font-style: normal;
}
body{letter-spacing: 0;}

/* ~~~編集画面用~~~ */
div.cc-m-all>div.cc-m-all-editor.cc-m-all-editor-top{
    letter-spacing: 0 !important;
}
/* ~~~~~~ */


/*  Base
----------------------------------------------- */

body, a, p, h1, h2, h3, li, span{
    padding: 0;
    margin: 0;
}
body.overflow{
   overflow: hidden;
}

dl, ol, ul{
    padding: 0 !important;
    margin: 0 !important;
}

ul, li{
    list-style:none;
}

.n{padding:0;}

#cc-inner{overflow: hidden;}

.sp-only{display:none;}
.pc-only{display:block;}

@media screen and (max-width: 768px) {
   /* 表示領域が768px以下の場合に適用するスタイル */

/* 改行設定 */
.break-keep {
    display:block;
  }

.sp-only{display:block;}
.pc-only{display:none;}
}


/*  button
----------------------------------------------- */
.button1 a{
    width: 300px;
    height: 50px;
    font-weight: 500;
    color: var(--maincolor) !important;
    border: 1px solid var(--maincolor);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    text-decoration: none !important;
    position: relative;
    letter-spacing: 0.1em;
}
.button1 a:hover{background: var(--maincolor); color: #FFF !important;}

.arrow{position: relative;}
a.arrow::before {
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-arrow.svg?t=1749021380) no-repeat;
    width: 11px;
    height: 17px;
    position: absolute;
    right: 15px;
    top: calc(50% - 8px);
}
a.arrow:hover::before{
filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2%) hue-rotate(317deg) brightness(108%) contrast(100%);
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
.button1 a{
    width: 240px;
    height: 40px;
    font-size: 15px;
    margin: 0 auto;
}
a.arrow::before {
    width: 9px;
    height: 15px;
    right: 5px;
    top: calc(50% - 6px);
}
}

/* arrow2 */
.arrow2{position: relative;}
.arrow2::after {
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-arrow.svg?t=1749021380) no-repeat;
    width: 11px;
    height: 17px;
    position: absolute;
    right: -15px;
    top: calc(50% - 7px);
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
}


/*  table
----------------------------------------------- */
table{border-collapse: collapse;}
tr, th, td{
    font-family: "Noto Serif JP", serif !important;
    font-weight: 400 !important;
    letter-spacing: 0.1em;
} 
.table-style1, .table-style2{width:100%;}
.table-style2{border-top: 1px solid var(--text);}
.table-style1 th, .table-style1 td, .table-style2 th, .table-style2 td{
    font-size:20px;
}
.table-style1 tr{
    display: block;
    padding: 35px 0;
    border-bottom: 1px solid var(--text);
}
.table-style2 tr{
    display: block;
    border-bottom: 1px solid var(--text);
}
.table-style1 tr:last-child{border:none;}

.table-style1 th{
    white-space: nowrap;
    width: 240px;
    color: var(--maincolor);
}

.table-style2 th{
    white-space: nowrap;
    width: 200px;
    background: var(--light-green);
    padding: 35px 0;
    vertical-align: top;
}
.table-style2 td{
    padding: 35px 0 35px 40px;
}
.table-style2 td p{
    font-size: 16px;
    line-height: 1.5;
    margin-top: 10px;
}


@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
.table-style1 th, .table-style1 td, .table-style2 th, .table-style2 td{
    font-size:15px;
}
.table-style1 tr{
    padding: 25px 0;
}
.table-style1 th{
    width: 100px;
    text-align:left;
    padding-left:15px;
}
.table-style1 td{line-height: 2.2;}

.table-style2 th{
    display: block;
    width: calc(100% - 60px);
    padding: 10px 30px;
    text-align: left;
}
.table-style2 td{
    padding: 25px 30px;
}
.table-style2 td p{
    font-size: 14px;
}
}


/*  スマホ時の下部固定の電話番号
----------------------------------------------- */
.sp-fixed-contact{display:none;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
.sp-fixed-contact{
    display:block;
    width:100%;
    height:92px;
    background: var(--accentcolor);
    position:fixed;
    bottom:0;
    text-align: center;
    z-index: 9;
}
.sp-fixed-contact p{color:#FFF; font-size:12px;}
.sp-fixed-contact p.arial{
    font-size:24px;
    color:#FFF !important;
}
.sp-fixed-contact p.arial a{color:#FFF !important;}
.sp-fixed-contact p.arial::before{
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-tel.svg?t=1749021389) no-repeat;
    width:12px;
    height:17px;
    position: relative;
    right: -3px;
}
.sp-fixed-contact p.arial::after{
    content: "";
    display: block;
    background: #FFF;
    width: 193px;
    height: 1px;
    position: relative;
    top: -5px;
    margin: 0 auto;
}
.sp-fixed-contact p:last-child::before{
    content: "";
    display: inline-block;
    background:url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-mail.svg?t=1749021355) no-repeat;
    width: 10px;
    height: 8px;
}
}


/*  header
----------------------------------------------- */
#header-wrap{
    display: flex;
    justify-content: space-between;
    align-items: end;
    height:75px;
    padding-top:40px;
    padding-bottom: 15px;
}
#header-wrap div.sp-nav-inner{
    display: flex;
    align-items: flex-end;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
#header-wrap{
    align-items: center;
    height:80px;
    padding:0 30px;
    position: relative;
}
#header-wrap div.sp-nav-inner{display: block;}

}


/* サイトタイトル */
.header-site-title{
    padding-left: 100px;
    padding-bottom: 15px;
    position: relative;
}
.header-site-title h1{
    font-size: 30px !important;
    color: var(--text) !important;
    font-weight: 500 !important;
}
.header-site-title a{
    position: absolute;
    width: calc(100% - 60px);
    height: 100%;
}
@media screen and (max-width: 1470px) {
   /* 表示領域が1470px以下の場合に適用するスタイル */
/* サイトタイトル */
.header-site-title{
    padding-left: 60px;
}
.header-site-title h1{
    font-size: clamp(18px, 2vw, 26px) !important;
}
.header-site-title span{font-size: clamp(14px, 1.2vw, 18px);}
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* サイトタイトル */
.header-site-title{
    padding-left: 0px;
}
.header-site-title h1{
    font-size: 16px !important;
    line-height: .8;
}
.header-site-title span{
    font-size: 10px;
    line-height: .8;
}
.header-site-title a{width:100%;}
}


/* ヘッダーナビゲーション */
.header-nav-link{
    display: flex;
}
.header-nav-link li a{
    font-size:20px;
    margin-right:25px;
    font-family: "Noto Serif JP", serif !important;
    font-weight: 500;
    text-decoration:none;
    position:relative;
    transition: all .3s;
}
.header-nav-link li:last-child a{margin-right:40px;}

/* ホバー・カレント設定 */
.header-nav-link li a:hover, .header-nav-link li.current a{color:var(--maincolor);}
.header-nav-link li a:hover::after, .header-nav-link li.current a::after{
    content:"";
    display:inline-block;
    position: absolute;
    left: 0;
    bottom: -8px;
    width: 100%;
    height: 3px;
    background: var(--maincolor);
}

/* ハンバーガーメニューのボタン */
.sp-menu{display:none;}

@media screen and (max-width: 1470px) {
   /* 表示領域が1470px以下の場合に適用するスタイル */
/* ヘッダーナビゲーション */
.header-nav-link li a{
    font-size:clamp(14px, 1.2vw, 20px);
}
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* ヘッダーナビゲーション */
#header-fixed{
    position: fixed;
    width: 100%;
    background: #FFF;
    z-index: 10;
}

.sp-nav{
    width: 100%;
    height: calc(100dvh - 80px);
    background: #FFF;
    position: fixed;
    top: 80px;
    right: -300px;
    transition: all .5s;
    opacity:0;
    visibility: hidden;
}
.sp-nav.open{
    right: 0px;
    opacity:1;
    visibility: visible;
}
.sp-nav-inner{
    height: 100%;
    display: grid;
    place-content: center;
}

.header-nav{
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/leaf-bg.svg?t=1749093473);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 575px 400px;
    padding: 40px 0;
}
.header-nav-link{
    display: grid;
    gap: 40px;
}


.header-nav-link li{text-align:center;}
.header-nav-link li a{
    font-size:20px;
    margin-right:0px;
}
.header-nav-link li:last-child a{
    margin-right:0px;
}

/* ハンバーガーメニューのボタン */
.sp-menu{
    display:block;
    cursor: pointer;
    width: 40px;
    height: 24px;
    background: none;
    border:0;
    position:relative;
}
.sp-menu span{
    width: 40px;
    height: 1px;
    background-color: var(--text);
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transition: all .3s;
}
.sp-menu span:nth-of-type(1) {top:0px;}
.sp-menu span:nth-of-type(2) {top:12px;}
.sp-menu span:nth-of-type(3) {bottom:0px;}

/* ハンバーガーメニューのボタン　オープン時 */
.sp-menu.open span:nth-of-type(1) {
    top: 8px;
    left: 0px;
    transform: translateY(6px) rotate(-45deg);
    width: 40px;
}
.sp-menu.open span:nth-of-type(2) {
    opacity: 0;
}
.sp-menu.open span:nth-of-type(3){
    top: 20px;
    left: 0px;
    transform: translateY(-6px) rotate(45deg);
    width: 40px;
}
}



/* ヘッダー電話番号 */
.header-contact{
    height: 100px;
    background: var(--accentcolor);
    padding: 0px 30px 0px;
}
.header-contact p{color:#FFF; font-size:14px; text-align:center;}
.header-contact p.arial{
    font-size:25px;
    color:#FFF !important;
}
.header-contact p.arial a{color:#FFF !important;}
.header-contact p.arial::before{
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-tel.svg?t=1749021389) no-repeat;
    width:16px;
    height:20px;
    position: relative;
    right: -3px;
}
.header-contact p.arial::after{
    content: "";
    display: block;
    background: #FFF;
    width: 100%;
    height: 1px;
    position: relative;
    top: -5px;
}
.header-contact p:last-child::before{
    content: "";
    display: inline-block;
    background:url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-mail.svg?t=1749021355) no-repeat;
    width: 10px;
    height: 8px;
}

@media screen and (max-width: 1470px) {
   /* 表示領域が1470px以下の場合に適用するスタイル */
/* ヘッダー電話番号 */
.header-contact{height: 90px; padding: 0px 20px 0px;}
.header-contact p{font-size:12px;}
.header-contact p.arial{
    font-size:24px;
}
.header-contact p.arial::before{
    width:15px;
    height:18px;
}
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* ヘッダー電話番号 */
.header-contact{
    width:320px;
    height:100px;
    margin: 55px auto 0;
    padding: 0px;
    display: grid;
    place-content: center;
}
.header-contact p{font-size:16px;}
.header-contact p.arial{
    font-size:35px;
    margin-top: -8px;
}
}


/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
トップページ
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
/* メインビジュアル */
#sp-top-mainvisual-wrapper, #top-mainvisual-wrapper{display:none; position:relative;}
.cc-indexpage #top-mainvisual-wrapper{display:block;}
.bx-wrapper{
    margin:0 !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
}
.bx-wrapper img{width:100% !important;}

.hero-logo{
    width: 215px;
    height:270px;
    position:absolute;
    top: 50px;
    left:100px;
}
.hero-text{
    width: 137px;
    height:410px;
    position:absolute;
    top: 120px;
    right:230px;
}
@media screen and (max-width: 1470px) {
   /* 表示領域が1470px以下の場合に適用するスタイル */
/* メインビジュアル */
.hero-logo{
    width: 180px;
    height: 226px;
    left:60px;
}
.hero-text{
    width: 100px;
    height: 298px;
    top: 100px;
    right:100px;
}
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* メインビジュアル */
#sp-top-mainvisual-wrapper, .cc-indexpage #top-mainvisual-wrapper{display:none; position:relative;}
.cc-indexpage #sp-top-mainvisual-wrapper{display:block; margin-top: 80px;}


.hero-logo{
    width: 110px;
    height: 138px;
    top:24px;
    left:24px;
}
.hero-text{
    width: 78px;
    height: 228px;
    top: 95px;
    right:33px;
}

.cc-indexpage #sp-top-mainvisual-wrapper .bx-viewport{
    height: calc(100vh - 80px) !important;
}
.cc-indexpage #sp-top-mainvisual-wrapper .bx-viewport img{
    height: calc(100vh - 80px);
    object-fit: cover;
}

}

/*  content
----------------------------------------------- */
#content{
    max-width:1100px;
    margin: 0 auto;
}

/* コンテンツ見出し */
.h2con{text-align: center;}
h2.content{
    display:inline-block;
    font-size:30px !important;
    letter-spacing: 0.15em;
    border-bottom: 4px solid var(--maincolor);
    padding-bottom: 5px;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
body:not(.cc-indexpage, #page-2569314427, #page-2569409327) #content{padding-top: 80px;}
/* コンテンツ見出し */
h2.content{
    font-size:24px !important;
}

}



/* サブページ　ページ見出し */
.sub-headline{
    width:100%;
    height:200px;
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/sub-hero.svg?t=1749443702), url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/bg-green.jpg?t=1749171874);
    background-repeat: no-repeat, repeat;
    background-size: contain, auto;
    background-position: center left 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 100px;
}
.sub-headline h1{
    font-size: 45px !important;
    font-weight: 500 !important;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* サブページ　ページ見出し */
.sub-headline{
    height:150px;
    background-position: center left -245px;
}
.sub-headline h1{
    font-size: 24px !important;
}
/* ブログページのコンテンツ上余白 */
#page-2569314427 .sub-headline,
#page-2569409327 .sub-headline{padding-top: 80px;}

}

@media screen and (max-width: 500px) {
   /* 表示領域が500px以下の場合に適用するスタイル */
/* サブページ　ページ見出し */
.sub-headline{
    background-size: cover, auto;
}
}



/* キャッチ文 */
.intro{
    text-align: center;
    margin-bottom: 135px;
}
.cc-indexpage .intro{
    padding: 100px 0 90px;
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/intro-bg-l.svg?t=1749091378), url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/intro-bg-r.svg?t=1749091399);
    background-repeat:no-repeat;
    background-size: 200px 408px;
    background-position: left center, right center;
    margin-bottom: 0px;
}

.intro h2{
    letter-spacing:0.1em;
    margin-bottom:45px;
}
.intro p{
    letter-spacing:0.1em;
    line-height:2.2;
}
.intro .button1 a{margin: 45px auto 0; background:#FFF;}
.intro .button1 a:hover{background:var(--maincolor);}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* キャッチ文 */
.intro{
    margin: 0px 0 100px;
}
.cc-indexpage .intro{
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/leaf-bg.svg?t=1749093473);
    background-repeat: no-repeat;
    background-position: center bottom 15px;
    background-size: 575px 409px;
    padding: 0px 0 0px;
    margin: 80px 0 140px;
}

.intro h2{font-size:24px !important;}
.intro p{font-size:15px;}
.intro .button1 a{margin: 60px auto 0;}
}


/* バナー（料金・式場・葬儀の流れ） */
.top-banner{max-width:1000px;}
.top-banner{margin: 0 0 0 auto;}
.top-banner h2, .top-banner p{
    color:#FFF;
}
.top-banner h2{font-size:35px !important;}
.top-banner p{margin: 35px 0;}

.top-banner .button1 a{
    color:#FFF !important;
    border:1px solid #FFF;
}
.top-banner .button1 a::before {
    filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2%) hue-rotate(317deg) brightness(108%) contrast(100%);
}
.top-banner .button1 a:hover{
    color: var(--text) !important;
    background: #FFF;
    border:1px solid var(--text);
}
.top-banner .button1 a:hover::before {
    filter: brightness(0) saturate(100%)
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* バナー（料金・式場・葬儀の流れ） */
.top-banner{
    margin: 40px 0 0 0;
    padding: 0 30px;
    text-align: center;
}
.top-banner h2{font-size:24px !important;}
.top-banner p{font-size:15px; margin: 40px 0; line-height: 2.1;}
}


/* バナー（料金） */
#cc-m-14860502727{
    height:240px;
    padding: 50px 0 60px 0;
    margin: 0px 0 0 calc(50% - 50vw);
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/top-bn-plan.png?t=1751247315), url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/bg-mid.jpg?t=1749193084);
    background-repeat: no-repeat, repeat;
    background-size: 1100px 350px, auto;
    background-position: right center;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* バナー（料金） */
#cc-m-14860502727{
    height:auto;
    padding: 0px 0 60px 0;
    margin: 0px 0 50px 0;
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/sp-bg-mid.jpg?t=1749435488);
    background-repeat: repeat;
    background-size: auto;
}
#cc-m-14860502727:before{
    content:"";
    display:block;
    width:100%;
    height: auto;
    aspect-ratio: 500 / 250;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/sp-top-bn-plan.jpg?t=1751245705) no-repeat;
    background-size: contain;
}
}


/* バナー（式場） */
#cc-m-14860503627{
    height:240px;
    padding: 50px 0 60px 0;
    margin: 50px calc(50% - 50vw) 50px 0;
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/top-bn-shisetu.png?t=1749196555), url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/bg-dark.jpg?t=1749193076);
    background-repeat: no-repeat, repeat;
    background-size: 1100px 350px, auto;
    background-position: left center;
}
#cc-m-14860503627 .top-banner{
    margin: 0 auto 0 0;
    width: 405px;
    padding-left: calc(550px + 145px);
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* バナー（式場） */
#cc-m-14860503627{
    height:auto;
    padding: 0px 0 60px 0;
    margin: 0px 0 50px 0;
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/sp-bg-dark.jpg?t=1749435470);
    background-repeat: repeat;
    background-size: auto;
}
#cc-m-14860503627:before{
    content:"";
    display:block;
    width:100%;
    height: auto;
    aspect-ratio: 500 / 250;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/sp-top-bn-shisetu.jpg?t=1751245939) no-repeat;
    background-size: contain;
}
#cc-m-14860503627 .top-banner{
    margin: 40px 0 0 0;
    width: auto;
    padding: 0 30px;
}

}




/* バナー（葬儀の流れ） */
#cc-m-14860503927{
    height:240px;
    padding: 50px 0 60px 0;
    margin: 0px 0 0 calc(50% - 50vw);
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/top-bn-sougi.png?t=1751247681), url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/bg-light.jpg?t=1749193070);
    background-repeat: no-repeat, repeat;
    background-size: 1100px 350px, auto;
    background-position: right center;
}
#cc-m-14860503927 .top-banner h2,
#cc-m-14860503927 .top-banner p{
    color: var(--gray-text);
}
#cc-m-14860503927 .top-banner .button1 a{
    color:var(--gray-text)!important;
    border:1px solid var(--gray-text);
}
#cc-m-14860503927 .top-banner .button1 a::before {
    filter: brightness(0) saturate(100%) invert(26%) sepia(8%) saturate(1000%) hue-rotate(335deg) brightness(93%) contrast(84%);
}


@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* バナー（葬儀の流れ） */
#cc-m-14860503927{
    height:auto;
    padding: 0px 0 60px 0;
    margin: 0px 0 0px 0;
    background-image: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/sp-bg-light.jpg?t=1749435479);
    background-repeat: repeat;
    background-size: auto;
}
#cc-m-14860503927:before{
    content:"";
    display:block;
    width:100%;
    height: auto;
    aspect-ratio: 500 / 250;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/sp-top-bn-sougi.jpg?t=1751245720) no-repeat;
    background-size: contain;
}
}



/* ~~~編集画面用~~~ */
#cc-m-14860502727.cc-m-all, #cc-m-14860503927.cc-m-all{
    margin:0;
}
#cc-m-14860503627.cc-m-all{
    margin:50px 0;
}
/* ~~~~~~ */



/* お知らせ */
#cc-m-14861888827{
    max-width:774px;
    margin:95px auto 0;
}

#blognews{margin-top:50px;}
.blog-item{
    display: grid;
    grid-template-columns: 115px 1fr;
    border-bottom: 1px solid;
    padding:30px 0;
}
.blog-item a{text-decoration:none !important;}
.blog-date{font-size: 16px;}
.blog-title h2{
    font-size: 18px !important;
    margin-top: 2px;
    letter-spacing: 0.1em;
    transition: all .3s;
}
.blog-title h2:hover{color: var(--maincolor);}

/* 一覧を見るボタン */
#cc-m-14861888827 p{
    text-align:center;
}
#cc-m-14861888827 p a{
    display: inline-block;
    margin-top:30px;
    font-size: 16px;
    text-decoration:none;
}
#cc-m-14861888827 p a:hover{color: var(--maincolor);}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* お知らせ */
#cc-m-14861888827{
    margin:140px auto 0;
}
.blog-item{
    display: block;
    padding: 25px 30px;
}
.blog-date{font-size: 14px;}
.blog-title h2{font-size: 16px !important; margin-top: 0px;}

/* 一覧を見るボタン */
#cc-m-14861888827 p a{
    margin-top:50px;
    font-size: 15px;
}
}




/* ボタンバナー（供物のご注文・よくあるご質問） */
#cc-m-14861889027{margin: 100px 0;}

#cc-m-14861889027 a:hover img{opacity: .7;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* ボタンバナー（供物のご注文・よくあるご質問） */
#cc-m-14861889027{margin: 140px 0 100px; padding: 0 30px !important;}
#cc-m-14861889027 .cc-m-hgrid-column{
    float:none;
    width:100% !important;
}
#cc-m-14861889027 .cc-m-hgrid-separator{height: 20px;}
#cc-m-14861889027 figure{text-align: center;}

}



/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
料金について
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14866728527{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14866728527.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* 導入 */
#cc-m-14866728627 .intro{margin-bottom:100px;}

.intro-button{
    display: grid;
    grid-template-columns: 360px 360px;
    gap: 50px;
    place-content: center;
    margin: 70px 0;
}
.intro-button .button1 a{
    width:100%;
    height:60px;
    font-size:24px;
    margin:0;
    border: 2px solid var(--maincolor);
}
.intro-button .button1 a.arrow::before {
    width: 13px;
    height: 21px;
    top: calc(50% - 8px);
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 導入 */
#cc-m-14866728627 .intro{padding: 0 30px;}
#cc-m-14866728627 .intro p:last-child{text-align:left;}

.intro-button{
    grid-template-columns: 1fr;
    gap: 40px;
}
.intro-button .button1 a{
    height:50px;
    font-size:18px;
}
.intro-button .button1 a.arrow::before {
    width: 11px;
    height: 18px;
    top: calc(50% - 7px);
    right: 15px;
}
}


/*  ご自宅でご葬儀
----------------------------------------------- */
#cc-m-14866740127{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14866740127.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* フォーム　項目名 */
h3.h3con{
    background: var(--maincolor);
    padding: 10px 0 10px 30px;
    font-size: 26px;
    color: #FFF;
    margin-top: 50px;
}

.sougi-item-wrap h3 + p{
    margin-top:20px;
    letter-spacing: 0.1em;
}

/* フォーム　画像 */
.sougi-item-img{
    margin-top:20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
.sougi-item-img figure{margin:0 !important;}
.sougi-item-img img{width:100%;}
.sougi-item-img figcaption{
    font-size:14px;
    text-align:center;
}


/* フォーム　入力欄 */
.sougi-item{
    margin-top:20px;
    border-bottom: 1px solid var(--text);
}
.sougi-item p{
    padding: 15px 20px;
    border-top: 1px solid var(--text);
    display: grid;
    grid-template-columns: 23px 1fr 145px;
    gap: 15px;
    align-items: center;
    font-size: 20px;
}


/* 金額 */
.sougi-item p span{
    font-size: 26px;
    font-weight: 700;
    text-align: right;
}
.sougi-item p span.yen{font-size: 22px;}


/* フォーム　入力欄（返礼品） */
.sougi-item-henrei p{
    grid-template-columns: 23px 1fr 145px 145px;
}
.sougi-item-henrei p span{
    font-size: 20px;
    font-weight: 400;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.sougi-item-henrei p span select{
    margin-left:15px;
    min-width: 70px;
    background: #eee;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 3px;
}


/* フォーム　入力欄（返礼品以外のセレクトボタン項目） */
.sougi-item-pull p{
    grid-template-columns: 23px 1fr 185px;
}
.sougi-item-pull p span:not(.yen){
    display:flex;
    justify-content: flex-end;
    align-items: center;
}
.sougi-item-pull p span select{
    margin-left:15px;
    min-width: 70px;
    background: #eee;
    border: 1px solid #999;
    border-radius: 4px;
    padding: 0 3px;
}



/* ラジオボタン */
.sougi-item input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.sougi-item input{
    width:23px;
    height:23px;
    margin-right:12px !important;
    position: relative;
    border: none !important;
    border-radius: 50%;
    background:#b3b3b3;
}
.sougi-item input:checked:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--text);
    content: '';
}

/* ※印の注意書き */
.sougi-item-caution{
    margin-top:20px;
}
.sougi-item-caution p{
    font-size: 16px;
    letter-spacing: 0.1em;
    padding-left: 23px;
}


/* 計算する・クリア　ボタン */
.sougi-item-submit{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 100px 0;
}

.sougi-item-submit input:first-child,
.sougi-item-submit input:last-child{
    width: 360px;
    height: 60px;
    border-radius: 5px;
    border: none;
    font-size: 24px;
    font-family: "Noto Sans JP", sans-serif !important;
    letter-spacing: 0.1em;
    font-weight: 500;
    cursor: pointer;
    transition: all .3s;
}
.sougi-item-submit input:first-child{
    margin-right:50px;
    background: var(--text);
    color: #FFF;
}
.sougi-item-submit input:last-child{
    background: #ccc;
    color: var(--text);
}
.sougi-item-submit input:first-child:hover{
    background: var(--maincolor);
}
.sougi-item-submit input:last-child:hover{
    background: #eee;
}



/* 合計金額 */
#total-wrap{
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid var(--maincolor);
    font-size: 36px;
    position:relative;
}
#total-wrap::before{
    content:"";
    width: calc(100% - 24px);
    height: 176px;
    border: 2px solid var(--maincolor);
    position: absolute;
    top: 10px;
    left: 10px;
}
#total{
    font-size: 60px;
    color:#c1272d;
    font-weight:700;
}
#total span{
    font-size: 49px;
    margin-left: 20px;
}

/* 合計金額下の注意書き */
#cc-m-14867371827{
    margin: 35px 0 100px;
}
#cc-m-14867371827 p{
    color:#c1272d;
    font-weight: 700 !important;
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フォーム　項目名 */
h3.h3con {
    font-size: 20px;
    text-align: center;
    padding: 10px 0;
}
.sougi-item-wrap h3 + p {
    padding: 0 30px;
    font-size: 15px;
    line-height: 2.2;
}

/* フォーム　画像 */
.sougi-item-img{
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
    padding: 0 30px;
}
.sougi-item-img figcaption{
    font-size:12px;
}

/* フォーム　入力欄 */
.sougi-item p{
    padding: 13px 30px;
    font-size: 15px;
}

/* 金額 */
.sougi-item p span{
    font-size: 18px;
}
.sougi-item p span.yen{font-size: 15px;}

/* フォーム　入力欄（返礼品） */
.sougi-item-henrei p span{
    font-size: 15px;
}

/* ※印の注意書き */
.sougi-item-caution p{
    font-size: 14px;
    padding: 0 30px;
    line-height: 2.2;
}

/* 計算する・クリア　ボタン */
.sougi-item-submit{
    padding: 0 30px;
}
.sougi-item-submit input:first-child,
.sougi-item-submit input:last-child{
    width: 150px;
    height: 40px;
    font-size: 15px;
}
.sougi-item-submit input:first-child{
    margin-right:20px;
}

/* 合計金額 */
#total-wrap{
    height: 115px;
    border: 1px solid var(--maincolor);
    font-size: 14px;
    width: calc(100% - 60px);
    margin: 0 auto;
}
#total-wrap::before{
    content:"";
    width: calc(100% - 12px);
    height: 103px;
    border: 1px solid var(--maincolor);
    position: absolute;
    top: 5px;
    left: 5px;
}
#total{
    font-size: 24px;
}
#total span{
    font-size: 18px;
    margin-left: 10px;
}

/* 合計金額下の注意書き */
#cc-m-14867371827{
    padding: 0 30px;
}
#cc-m-14867371827 p{
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
}
}
@media screen and (max-width: 430px) {
   /* 表示領域が430px以下の場合に適用するスタイル */

/* フォーム　画像 */
.sougi-item-img figcaption{
    line-height:1.5;
}

/* フォーム　入力欄 */
.sougi-item p{
    grid-template-columns: 23px 1fr 100px;
}
/* フォーム　入力欄（返礼品） */
.sougi-item-henrei p{
    grid-template-columns: 23px 1fr 80px 80px;
}
.sougi-item-henrei p span{
    display: block;
}

/* フォーム　入力欄（返礼品以外のセレクトボタン項目） */
.sougi-item-pull p{
    grid-template-columns: 23px 1fr 100px;
}
.sougi-item-pull p span:not(.yen){
    display: block;
}

}



/*  ホールでご葬儀
----------------------------------------------- */
#cc-m-14868103627{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14868103627.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* 合計金額 */
#totalHall{
    font-size: 60px;
    color:#c1272d;
    font-weight:700;
}
#totalHall span{
    font-size: 49px;
    margin-left: 20px;
}
/* 合計金額下の注意書き */
#cc-m-14869224827{
    margin: 35px 0 100px;
}
#cc-m-14869224827 p{
    color:#c1272d;
    font-weight: 700 !important;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 合計金額 */
#totalHall{
    font-size: 24px;
}
#totalHall span{
    font-size: 18px;
    margin-left: 10px;
}

/* 合計金額下の注意書き */
#cc-m-14869224827{
    padding: 0 30px;
}
#cc-m-14869224827 p{
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em;
}
}


/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
式場のご案内
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14862035927{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14862035927.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* スライド */
#cc-m-14862407927{
    margin: 60px calc(50% - 50vw) 0;
    position:relative;
}
/* ~~~編集画面用~~~ */
#cc-m-14862407927.cc-m-all{
    margin: 60px 0 0;
}
/* ~~~~~~ */

.shisetu-slide{
    position:relative;
    width: 100%;
    max-width: 1100px;
    margin:0 auto;
}
.shisetu-slide .slick-list{
    margin: 0 -15px;
    overflow: visible;
}
.shisetu-slide .slick-slide{
    margin: 0 15px;
    max-width: 1100px;
}

.arrow-box{
    position:absolute;
    width: calc(100% - 10%);
    aspect-ratio: 1000 / 636;
    top:0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: 2;
    max-width: 1100px;
}
.arrow-box .slide-arrow{
    position:absolute;
    top: 50%;
    cursor: pointer;
}
.arrow-box .prev-arrow{
    width:40px;
    height:40px;
    background:url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/slide-prev.svg?t=1749517722) no-repeat; 
    left: 20px;
}
.arrow-box .next-arrow{
    width:40px;
    height:40px;
    background:url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/slide-next.svg?t=1749517715) no-repeat; 
    right:20px;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* スライド */
#cc-m-14862407927{
    margin: 60px 30px 0;
}
.shisetu-slide .slick-list{
    margin: 0;
    overflow: hidden;
}
.shisetu-slide .slick-slide{margin: 0;}

.arrow-box{width:100%;}
.arrow-box .prev-arrow{left: -15px;}
.arrow-box .next-arrow{right: -15px;}
}


/* スライドの内容 */
.shisetu-slide .slick-slide img{
    width:100%;
}
.shisetu-slide-inner{
    opacity: 0;
    transition: all .3s;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 66px;
    margin: 60px 0 80px;
}
.slick-active .shisetu-slide-inner{
    opacity: 1;
}
.shisetu-slide-text p{
    line-height:2;
    font-weight: 300 !important;
}
.shisetu-slide-text p:first-child{
    font-size:24px;
    margin-bottom:30px;
    letter-spacing: 0.1em;
    font-weight: 400 !important;
}
.shisetu-slide-text p.detail{margin-top:20px;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* スライドの内容 */
.shisetu-slide-inner{
    display: block;
    margin: 20px 0 140px;
}
.shisetu-slide-text{margin-bottom:55px;}
.shisetu-slide-text p{
    font-size:15px;
}
.shisetu-slide-text p:first-child{
    font-size:18px;
    margin-bottom:20px;
}
}


/* アクセス */
#cc-m-14862412427{
    margin: 0px calc(50% - 50vw) 0;
    background: var(--light-green);
    padding: 100px 0;
}
/* ~~~編集画面用~~~ */
#cc-m-14862412427.cc-m-all{
    margin: 0px;
}
/* ~~~~~~ */

.shisetu-access{
    max-width:1100px;
    margin: 0 auto;
    background: #FFF;
    padding: 60px 50px 50px;
    box-sizing: border-box;
}
.shisetu-access .h2con{margin-bottom:60px;}
.shisetu-access img{margin: 60px 0 30px;}

/* 表 */
.table-style1 tr:last-child div{
    display: grid;
    grid-template-columns: 160px 1fr;
}

/* Googleマップ */
.gmap iframe{display:block;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
#cc-m-14862412427{
    margin: 0px;
    padding: 80px 0;
}
.shisetu-access{
    margin: 0 30px;
    padding: 55px 0px 0px;
}
.shisetu-access .h2con{margin-bottom:35px;}
.shisetu-access img{margin: 60px 5px;}

/* 表 */
.table-style1 tr:last-child th{
    display:block;
}
.table-style1 tr:last-child div {
    display:block;
    padding: 0 15px;
}
.access-item{display:block;}
}




/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
葬儀の流れ
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14862502227{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14862502227.cc-m-all{
    margin:0;
}
/* ~~~~~~ */

/* 導入 */
#page-2569220527 .intro{margin-bottom:70px;}

/* 流れ */
.sougi-step{
    display: grid;
    grid-template-columns: 300px 1fr;
    align-items: center;
    padding: 50px 50px 50px 0;
    position:relative;
    margin-bottom: 100px;
}
.sougi-step-odd{background: var(--light-green);}
.sougi-step::after {
    content: "";
    display: block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/sougi-arrow.svg?t=1749538491) no-repeat;
    width: 38px;
    height: 24px;
    position:absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    bottom: calc(-50px + -24px);
}
.sougi-step.last::after{content:none;}

.sougi-step h3{
    font-size:30px !important;
    color: var(--maincolor) !important;
    text-align: center;    
}
.sougi-step .button1{margin-top:25px;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 流れ */
.sougi-step{
    display: block;
    padding: 50px 30px;
}
.sougi-step h3{
    font-size:20px !important;
    margin-bottom:20px;
    text-align: left;  
} 
.sougi-step p{font-size:15px; line-height:2.2;}
}



/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
会葬の心得
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14863039927{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14863039927.cc-m-all{
    margin:0;
}
/* ~~~~~~ */

/* 導入 */
#page-2569313727 .intro{
    text-align:left;
}
#cc-m-14863040027 .intro{margin-bottom: 80px;}


/* アコーディオン */
#cc-m-14863041127{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14863041127.cc-m-all{
    margin:0;
}
/* ~~~~~~ */

.faq{border-bottom:1px solid var(--text);}
.faq-box{
    border-top:1px solid var(--text);
    position:relative;
    transition: all .3s;
}

.fbox, .abox{
    max-width:1100px;
    margin: 0 auto;
}
.fbox{
    padding: 60px 0;
    cursor: pointer;
    transition: all .3s;
    position:relative;
}
.fbox::before, .fbox::after{
    content:"";
    display: inline-block;
    background: var(--text);
    position:absolute;
    transition: all .3s;
}
.fbox::before{
    width:50px;
    height:1px;
    top: 87px;
    right:0;
}
.fbox::after{
    width:1px;
    height:50px;
    top: 62px;
    right:25px;
}

.fbox p{
    font-size:30px;
    color: var(--maincolor);
    letter-spacing: 0.1em;
}
.abox{
    display:none;
    padding: 0px 0 60px 0px;
}
.abox p{padding-right:130px; line-height: 2;}

.faq-box.open {background: var(--light-green);}
.faq-box.open .fbox{padding: 60px 0 40px;}

.faq-box.open .fbox::before, .faq-box.open .fbox::after{transform: rotate(45deg);}


/* 最後の文 */
#cc-m-14863043127 .intro{margin: 80px 0 100px;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 導入 */
#page-2569313727 .intro{
    padding: 0 30px;
}
#cc-m-14863040027 .intro{margin-bottom: 140px;}

/* アコーディオン */
#cc-m-14863041127{margin: 0px;}

.fbox{padding: 50px 30px;}
.fbox::before{
    width:24px;
    height:1px;
    top: 65px;
    right: 30px;
}
.fbox::after{
    width:1px;
    height:24px;
    top: 53px;
    right: 42px;
}
.fbox p{font-size:17px;}

.abox{padding: 0px 30px 50px;}
.abox p{font-size:15px; padding-right:0px; line-height: 2.2;}

.faq-box.open .fbox{padding: 50px 30px 25px;}
}




/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
供花・供物のご注文
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14863580027{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14863580027.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* ~~~フォームページ　差し替えページ用~~~ */
#cc-m-14897445027{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14897445027.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* 一覧 */
.order-item-wrap h2{
    display: flex;
    align-items: center;
}
.order-item-wrap h2::after{
    content:"";
    display: inline-block;
    height:1px;
    background: var(--text);
    flex-grow: 1;
    margin-left: 25px;
}

.order-item-list{
    display: grid;
    grid-template-columns: 250px 250px 250px 1fr;
    gap: 50px;
    margin: 40px 0 60px;
}
.order-item-wrap-last .order-item-list{margin: 40px 0 100px;}
.order-item img{width:100%;}
.order-item p:first-of-type{font-size:16px; margin-top:20px;}
.order-item p:last-child{letter-spacing: 0;}
.order-item .price{font-size:25px; font-weight:700;}


.order-item-column{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.order-item-column .order-item-list{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}


/* 注文方法 */
#cc-m-14863603327{
    margin: 0px calc(50% - 50vw) 0;
    background: var(--light-green);
    padding: 100px 0;
}
/* ~~~編集画面用~~~ */
#cc-m-14863603327.cc-m-all{
    margin: 0px;
}
/* ~~~~~~ */



/* ~~~フォームページ　差し替えページ用~~~ */
#cc-m-14897461227{
    margin: 0px calc(50% - 50vw) 0;
    background: var(--light-green);
    padding: 100px 0;
}
/* ~~~編集画面用~~~ */
#cc-m-14897461227.cc-m-all{
    margin: 0px;
}
/* ~~~~~~ */



.order{
    max-width:1100px;
    margin: 0 auto;
    background: #FFF;
    padding: 80px 0px 80px;
}
.order .h2con{margin-bottom:50px;}
.order .h2con + p, .order > p{
    text-align:center;
    line-height:2.2;
    margin-bottom:100px;
}

.order-way{width:650px; margin: 0 auto;}
.order-way:not(:last-child){
    margin-bottom:50px;
}
.order-way p, .order-way a{font-family: "Noto Sans JP", sans-serif !important;}
.order-way p:first-child{font-size:20px; margin-bottom:20px;}

.order-way a{
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--maincolor);
    height:100px;
    font-size:30px;
    font-weight: 700 !important;
    color: var(--maincolor) !important;
    letter-spacing: 0.1em;
    text-decoration:none !important;
    padding-left:70px;
    position: relative;
}
.order-way-fax a::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-pdf.svg?t=1749703636) no-repeat;
    width: 38px;
    height: 46px;
    position: absolute;
    left: 40px;
}
.order-way:nth-child(5) a::before{
    content:"";
    display:inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-pc.svg?t=1749704775) no-repeat;
    width: 48px;
    height: 36px;
    position: absolute;
    left: 40px;
}



.order-way-tel a{
    border:none;
    font-weight: 500 !important;
}
.order-way-tel div{
    display: flex;
    align-items: center;
    border: 1px solid var(--maincolor);
    height:100px;
    padding-left: 35px;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-tel-green.svg?t=1749703360) no-repeat;
    background-size: 26px 35px;
    background-position: 40px center;
}
.order-way-tel div a{
    font-size:45px;
    height: 74px;
    margin-bottom:0px;
    color: var(--maincolor);
    border-right: 1px solid var(--maincolor);
    padding: 0 30px 0 40px;
    font-family: "Arial", sans-serif !important;
    letter-spacing: 0.07em;
}
.order-way-tel div p:last-child{
    font-size:16px;
    padding-left:30px;
    text-indent: -0.5em;
}



.order-way:not(.order-way-tel) a:hover{
    background: var(--maincolor);
    color: #FFF !important;
}
.order-way:not(.order-way-tel) a:hover::before{
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(24%) hue-rotate(114deg) brightness(108%) contrast(108%);
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 一覧 */
.order-item-wrap h2{font-size:18px !important;}
.order-item-wrap{padding: 0 30px;}

.order-item-list{
    grid-template-columns: 1fr 1fr;
    gap: 60px 20px;
    margin: 25px 0 60px;
}
.order-item-wrap-last .order-item-list{margin: 25px 0 140px;}
.order-item p{font-size:12px;}
.order-item p:first-of-type{font-size:12px; margin-top:10px;}
.order-item .price{font-size:18px;}

/* 注文方法 */
#cc-m-14863603327{
    margin: 0px;
    padding: 80px 0;
}
.order{
    margin: 0 20px;
    padding: 60px 0px;
}
.order .h2con{margin-bottom:60px;}
.order .h2con + p{
    font-size:15px;
    margin-bottom:80px;
}

.order-way{width:calc(100% - 20px);}
.order-way:not(:last-child){
    margin-bottom:20px;
}
.order-way p:first-child{font-size:14px; margin-bottom:10px;}


.order-way a{
    height:43px;
    font-size:14px;
    padding-left:25px;
}
.order-way-fax a::before{
    width: 16px;
    height: 20px;
    left: 15px;
}
.order-way:nth-child(5) a::before{
    width: 21px;
    height: 16px;
    left: 15px;
}

.order-way-tel div{
    height:43px;
    justify-content: center;
    background-size: 11px 15px;
    background-position: 15px center;
}
.order-way-tel div a{
    font-size:17px;
    padding: 0 10px 0 0px;
    height: 33px;
}
.order-way-tel div p:last-child{
    font-size:10px;
    padding-left:10px;
    text-indent: -0.5em;
    line-height: 1.5;
}

}

/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
供花・供物ご注文フォーム （フォームページ　差し替えページ用）
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */

/* フォーム */
#cc-m-14897469027{
    margin: 0px calc(50% - 50vw) 0px;
    background: var(--light-green);
    padding: 100px 0 100px;
}
/* ~~~編集画面用~~~ */
#cc-m-14897469027.cc-m-all{
    margin: 0px 0 0px;
}
/* ~~~~~~ */

#cc-m-form-14897469027{
    max-width:1100px;
    margin: 0 auto;
}
#cc-m-form-14897469027 .cc-m-form-view-sortable{
    background: #FFF;
    padding: 10px 100px 60px;
    margin-bottom:70px;
}
#cc-m-form-14897469027 label, #cc-m-form-14897469027 span{
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フォーム */
#cc-m-form-14897469027{
    margin: 0 30px;
}
#cc-m-form-14897469027 .cc-m-form-view-sortable{
    padding: 10px 15px 10px;
    margin-bottom:60px;
}
#cc-m-form-14897469027 label, #cc-m-form-14897469027 span{
    font-size:15px;
}
}



/* 「時間」の後ろに「より」をつける */
label[for="m7ab8daa885f3f63d15"] + div::after{
    content:"より";
    display:inline-block;
    margin-left: 20px;
    font-family: "Noto Sans JP", sans-serif !important;
}

/* 「お届け先」の注意書き */
label[for="m7ab8daa885f3f63d17"] + div.cc-m-form-view-input-wrapper::after{
    content:"※生花はご選択いただいた場所から別の葬儀会場へ移動が必要な場合、別途移動料が1基1回につき1,100円(税込)がかかります";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 50px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ご注文内容」の注意書き */
label[for="m7ab8daa885f3f63d1"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d5"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d9"] + div.cc-m-form-view-input-wrapper::before{
    content:"※価格は全て税込みです";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 0px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ご注文本数」の注意書き */
label[for="m7ab8daa885f3f63d2"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d6"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d10"] + div.cc-m-form-view-input-wrapper::before{
    content:"※お供え物の本数を入力してください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 0px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「名札名」の注意書き */
label[for="m7ab8daa885f3f63d3"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d7"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d11"] + div.cc-m-form-view-input-wrapper::before{
    content:"※送り主様のお名前を入力してください（お名前に旧字・外字等ある場合はFAX 0858-22-0045 をご利用ください）";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 0px;
    height: 50px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ご葬家名」の注意書き */
label[for="m7ab8daa885f3f63d13"] + div.cc-m-form-view-input-wrapper::after{
    content:"※送り先のご葬家のお名前をご記入ください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「郵便番号」の注意書き */
label[for="m7ab8daa885f3f63d19"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご請求先の郵便番号を入力してください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ご住所」の注意書き */
label[for="m7ab8daa885f3f63d20"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご請求先の住所を入力してください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ビル・マンション名」の注意書き */
label[for="m7ab8daa885f3f63d21"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご請求先のビル・マンション名を入力してください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ご請求先名」の注意書き */
label[for="m7ab8daa885f3f63d22"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご請求先のお名前を入力してください（会社または個人名）";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「ご担当名」の注意書き */
label[for="m7ab8daa885f3f63d23"] + div.cc-m-form-view-input-wrapper::after{
    content:"※会社名でのご注文の場合ご担当の方のお名前を入力してください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「電話番号」「メールアドレス」の注意書き */
label[for="m7ab8daa885f3f63d24"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご注文内容の確認の為、電話またはメールにて後ほどご連絡させていただきます";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「メールアドレス」の注意書き */
label[for="m7ab8daa885f3f63d25"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご注文内容の確認の為、電話またはメールにて後ほどご連絡させていただきます。「office@koekisha-k.co.jp」からのメールを受信できるように設定をお願いいたします。";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 10px;
    height: 50px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「お支払い方法」の注意書き */
label[for="m7ab8daa885f3f63d26"] + div.cc-m-form-view-input-wrapper::after{
    content:"※ご希望のお支払い方法を選択してください。お振込み手数料は、お客様のご負担となります。";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size:14px;
    position: relative;
    top: 10px;
    height: 50px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 「その他」の注意書き */
label[for="m7ab8daa885f3f63d27"] + div.cc-m-form-view-input-wrapper::before{
    content:"※ご希望、ご要望がございましたらお書きください";
    display:block;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size: 14px;
    position: relative;
    top: 0px;
    height: 30px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}

/* 注文商品の画像 */
label[for="m7ab8daa885f3f63d0"]::after,
label[for="m7ab8daa885f3f63d4"]::after,
label[for="m7ab8daa885f3f63d8"]::after{
    content:"";
    display:block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/order-list.jpg?t=1755563874) no-repeat;
    background-size: contain;
    width:100%;
    padding-top: 100%;
    margin-top: 30px;
}



@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 「時間」の後ろに「より」をつける */
label[for="m7ab8daa885f3f63d15"] + div{position:relative;}
label[for="m7ab8daa885f3f63d15"] + div::after{
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 15px;
    margin:0;
}

/* 「お届け先」の注意書き */
label[for="m7ab8daa885f3f63d17"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「ご注文内容」の注意書き */
label[for="m7ab8daa885f3f63d1"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d5"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d9"] + div.cc-m-form-view-input-wrapper::before{
    font-size: 12px;
}

/* 「ご注文本数」の注意書き */
label[for="m7ab8daa885f3f63d2"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d6"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d10"] + div.cc-m-form-view-input-wrapper::before{
    font-size: 12px;
}

/* 「名札名」の注意書き */
label[for="m7ab8daa885f3f63d3"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d7"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d11"] + div.cc-m-form-view-input-wrapper::before{
    font-size: 12px;
}

/* 「ご葬家名」の注意書き */
label[for="m7ab8daa885f3f63d13"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「郵便番号」の注意書き */
label[for="m7ab8daa885f3f63d19"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「ご住所」の注意書き */
label[for="m7ab8daa885f3f63d20"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「ビル・マンション名」の注意書き */
label[for="m7ab8daa885f3f63d21"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「ご請求先名」の注意書き */
label[for="m7ab8daa885f3f63d22"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「ご担当名」の注意書き */
label[for="m7ab8daa885f3f63d23"] + div.cc-m-form-view-input-wrapper::after{
    font-size: 12px;
}

/* 「電話番号」「メールアドレス」の注意書き */
label[for="m7ab8daa885f3f63d24"] + div.cc-m-form-view-input-wrapper::after,
label[for="m7ab8daa885f3f63d25"] + div.cc-m-form-view-input-wrapper::after{
    font-size:12px;
}

/* 「お支払い方法」の注意書き */
label[for="m7ab8daa885f3f63d26"] + div.cc-m-form-view-input-wrapper::after{
    font-size:12px;
}

/* 「その他」の注意書き */
label[for="m7ab8daa885f3f63d27"] + div.cc-m-form-view-input-wrapper::before{
    font-size:12px;
}

}

@media screen and (max-width: 600px) {
   /* 表示領域が600px以下の場合に適用するスタイル */

/* 「お届け先」の注意書き */
label[for="m7ab8daa885f3f63d17"] + div.cc-m-form-view-input-wrapper::after{
    height: 70px;
}

/* 「名札名」の注意書き */
label[for="m7ab8daa885f3f63d3"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d7"] + div.cc-m-form-view-input-wrapper::before,
label[for="m7ab8daa885f3f63d11"] + div.cc-m-form-view-input-wrapper::before{
    height: 70px;
}

/* 「ビル・マンション名」の注意書き */
label[for="m7ab8daa885f3f63d21"] + div.cc-m-form-view-input-wrapper::after{
    height: 50px;
}

/* 「ご請求先名」の注意書き */
label[for="m7ab8daa885f3f63d22"] + div.cc-m-form-view-input-wrapper::after{
    height: 50px;
}

/* 「ご担当名」の注意書き */
label[for="m7ab8daa885f3f63d23"] + div.cc-m-form-view-input-wrapper::after{
    height: 50px;
}

/* 「電話番号」「メールアドレス」の注意書き */
label[for="m7ab8daa885f3f63d24"] + div.cc-m-form-view-input-wrapper::after{
    height: 50px;
}

/* 「メールアドレス」の注意書き */
label[for="m7ab8daa885f3f63d25"] + div.cc-m-form-view-input-wrapper::after{
    height: 90px;
}

/* 「お支払い方法」の注意書き */
label[for="m7ab8daa885f3f63d26"] + div.cc-m-form-view-input-wrapper::after{
    height: 70px;
}

/* 「その他」の注意書き */
label[for="m7ab8daa885f3f63d27"] + div.cc-m-form-view-input-wrapper::before{
    height: 50px;
}

}


/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
供花・供物ご注文フォーム
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14871136927{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14871136927.cc-m-all{
    margin:0;
}
/* ~~~~~~ */



/* 導入 */
#cc-m-14871215227 .intro{margin-bottom: 50px;}

/* 注意書き */
#cc-m-14871137127{
    margin: 100px calc(50% - 50vw) 0px;
    background: var(--light-green);
    padding: 60px 0 30px;
}
/* ~~~編集画面用~~~ */
#cc-m-14871137127.cc-m-all{
    margin: 100px 0 0px;
}
/* ~~~~~~ */

#cc-m-14871137127 p{
    max-width:1100px;
    margin: 0 auto;
    font-size:16px;
    font-family: "Noto Sans JP", sans-serif !important;
}



@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */

/* 注意書き */
#cc-m-14871137127{
    margin: 100px 0 0px;
}
#cc-m-14871137127 p{
    font-size:14px;
    text-align: center;
    line-height:2;
}
}


/* フォーム */
#cc-m-14871137227{
    margin: 0px calc(50% - 50vw) 100px;
    background: var(--light-green);
    padding: 0px 0 100px;
}
/* ~~~編集画面用~~~ */
#cc-m-14871137227.cc-m-all{
    margin: 0px 0 100px;
}
/* ~~~~~~ */

#cc-m-form-14871137227{
    max-width:1100px;
    margin: 0 auto;
}
#cc-m-form-14871137227 .cc-m-form-view-sortable{
    background: #FFF;
    padding: 10px 100px 60px;
    margin-bottom:70px;
}
#cc-m-form-14871137227 label, #cc-m-form-14871137227 span{
    font-family: "Noto Sans JP", sans-serif;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フォーム */
#cc-m-form-14871137227{
    margin: 0px 0 100px;
}
#cc-m-form-14871137227{
    margin: 0 30px;
}
#cc-m-form-14871137227 .cc-m-form-view-sortable{
    padding: 10px 15px 10px;
    margin-bottom:60px;
}
#cc-m-form-14871137227 label, #cc-m-form-14871137227 span{
    font-size:15px;
}
}



/* ラジオボタン（縦並び） */
#cc-m-form-14871137227 .cc-m-form-radio label{
    display: flex;
    align-items: center;
}

/* チェックボックス */
.cc-m-form-checkgroup label{
    display: flex;
    align-items: center;
}
.cc-m-form-checkgroup input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 23px;
    height: 23px;
    margin-right: 12px !important;
    position: relative;
    border: none !important;
    border-radius: 2px;
    background: #b3b3b3;
}
.cc-m-form-checkgroup input:checked:before {
    position: absolute;
    top: 2px;
    left: 7px;
    transform: rotate(50deg);
    width: 5px;
    height: 10px;
    border-right: 4px solid var(--text);;
    border-bottom: 4px solid var(--text);;
    content: '';
}

/* セレクトボックス */
.cc-m-form-view-input-wrapper select{
    appearance: none;
    padding: 16px 22px !important;
    border: 1px solid #cccccc;
    font-size: 18px;
}




/* 数字入力（ご注文内容　果物・乾物） */
.cc-m-form-number .cc-m-input-wrapper{
    border: 1px solid #ccc;
    position:relative;
}
.cc-m-form-number .cc-m-input-wrapper::after{
    content:"個";
    display:inline-block;
    position: absolute;
    right: -40px;
}
.j-formnew .cc-m-form-view-input-wrapper .cc-spinner .cc-spinner-input-wrapper input[type=text].cc-spinner-input{
    font-size: 18px !important;
}


/* 「ご担当者名」「お名前」の後ろに「様」をつける */
label[for="ma9a48fb4ca863dfd2"] + div::after,
label[for="ma9a48fb4ca863dfd8"] + div::after{
    content:"様";
    display:inline-block;
    margin-left: 20px;
    font-family: "Noto Sans JP", sans-serif !important;
}

/* 「お支払い方法」の注意書き */
label[for="ma9a48fb4ca863dfd6"] + div.cc-m-form-view-input-wrapper div.cc-m-form-checkable-vertical::after{
    content:"※お振込み手数料は　お客様のご負担となります。";
    display:block;
    margin-left: 34px;
    font-family: "Noto Sans JP", sans-serif !important;
    font-size:16px;
    position: relative;
    top: -10px;
    letter-spacing: 0.075em;
    line-height: 1.5;
}


/* 「時間」の後ろに「より」をつける */
label[for="ma9a48fb4ca863dfd13"] + div::after{
    content:"より";
    display:inline-block;
    margin-left: 20px;
    font-family: "Noto Sans JP", sans-serif !important;
}






@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* カテゴリタイトル */
.cc-m-form-view-sortable .cc-m-form-view-element.cc-m-form-subheading{
    padding: 50px 0 10px !important;
}

/* チェックボックス */
.cc-m-form-checkgroup .cc-m-form-view-input-wrapper{width:100%;}


/* セレクトボックス */
.cc-m-form-select .cc-m-form-view-input-wrapper{width:100%;}
.cc-m-form-view-input-wrapper select{
    font-size: 12px;
}


/* 数字入力（ご注文内容　果物・乾物） */
.cc-m-form-number .cc-m-input-wrapper::after{
    font-size: 15px;
}
.j-formnew .cc-m-form-view-input-wrapper .cc-spinner .cc-spinner-input-wrapper input[type=text].cc-spinner-input{
    font-size: 15px !important;
}

/* 「ご担当者名」「お名前」の後ろに「様」をつける */
label[for="ma9a48fb4ca863dfd2"] + div,
label[for="ma9a48fb4ca863dfd8"] + div{position:relative;}
label[for="ma9a48fb4ca863dfd2"] + div::after,
label[for="ma9a48fb4ca863dfd8"] + div::after{
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 15px;
    margin:0;
}

/* 「お支払い方法」の注意書き */
label[for="ma9a48fb4ca863dfd6"] + div.cc-m-form-view-input-wrapper div.cc-m-form-checkable-vertical::after{
    font-size: 12px;
}


/* 「時間」の後ろに「より」をつける */
label[for="ma9a48fb4ca863dfd13"] + div{position:relative;}
label[for="ma9a48fb4ca863dfd13"] + div::after{
    position: absolute;
    right: 10px;
    top: 8px;
    font-size: 15px;
    margin:0;
}

}



/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
会社概要
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14863671227{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14863671227.cc-m-all{
    margin:0;
}
/* ~~~~~~ */

/* 導入 */
#cc-m-14863671427 .intro{margin-bottom: 100px;}


/* 会社概要 */
#cc-m-14863675927 .h2con{margin-bottom:55px;}
#cc-m-14863692327 .table-style2{margin-bottom:100px;}

/* アクセス */
#cc-m-14863687527 .intro{margin: 35px 0 25px;}
#cc-m-14863695127 .gmap{margin-bottom:100px;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
#cc-m-14863692327 .table-style2{margin-bottom:140px;}
}



/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
よくあるご質問
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14863098427{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14863098427.cc-m-all{
    margin:0;
}
/* ~~~~~~ */

/* 導入 */
#cc-m-14863098627 .intro{margin-bottom: 80px;}

/* アコーディオン */
#cc-m-14863098727{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14863098727.cc-m-all{
    margin:0;
}
/* ~~~~~~ */

.faq.QA{border:none;}
.faq.QA .fbox{
    display: flex;
    align-items: center;
}
.faq.QA .fbox p:first-child{
    font-size:45px;
    margin-right:25px;
}
.faq.QA .abox p {padding: 0 130px 0 80px;}

.faq.QA .abox ul{margin: 0 0 10px 80px !important;}
.faq.QA .abox ul li{
    position:relative;
    line-height: 2.5;
    right: -1.3em;
}
.faq.QA .abox ul li::before {
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-arrow.svg?t=1749021380) no-repeat;
    width: 11px;
    height: 17px;
    position: absolute;
    left: -17px;
    top: calc(50% - 8px);
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 導入 */
#cc-m-14863098627 .intro{margin-bottom: 80px;}

/* アコーディオン */
.faq.QA .fbox p:first-child{
    font-size:26px;
    margin-right:15px;
}
.faq.QA .fbox p:last-child{padding-right: 40px; font-size:16px;}
.faq.QA .abox p {padding: 0px;}

.faq.QA .abox ul{margin: 0 0 10px 0px !important;}
.faq.QA .abox ul li{font-size:15px;}
}




/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
お問合せ
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14864176827{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14864176827.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* 導入 */
#cc-m-14862502327 .intro{margin-bottom: 50px;}


/* 注意書き */
#cc-m-14864181227{
    margin: 100px calc(50% - 50vw) 0px;
    background: var(--light-green);
    padding: 60px 0 30px;
}
/* ~~~編集画面用~~~ */
#cc-m-14864181227.cc-m-all{
    margin: 100px 0 0px;
}
/* ~~~~~~ */

#cc-m-14864181227 p{
    max-width:1100px;
    margin: 0 auto;
    font-size:16px;
    font-family: "Noto Sans JP", sans-serif !important;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 電話番号 */
#cc-m-14864177227 .order-way {
    width: calc(100% - 20px);
}
/* 注意書き */
#cc-m-14864181227{
    margin: 100px 0 0px;
}
#cc-m-14864181227 p{
    font-size:14px;
    text-align: center;
    line-height:2;
}
}




/* フォーム */
#cc-m-14859238227{
    margin: 0px calc(50% - 50vw) 100px;
    background: var(--light-green);
    padding: 0px 0 100px;
}
/* ~~~編集画面用~~~ */
#cc-m-14859238227.cc-m-all{
    margin: 0px 0 100px;
}
/* ~~~~~~ */

#cc-m-form-14859238227{
    max-width:1100px;
    margin: 0 auto;
}
#cc-m-form-14859238227 .cc-m-form-view-sortable{
    background: #FFF;
    padding: 10px 100px 60px;
    margin-bottom:70px;
}
#cc-m-form-14859238227 label, #cc-m-form-14859238227 span{
    font-family: "Noto Sans JP", sans-serif !important;
    letter-spacing: 0.1em;
}
@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フォーム */
#cc-m-14859238227{
    margin: 0px 0 100px;
}
#cc-m-form-14859238227{
    margin: 0 30px;
}
#cc-m-form-14859238227 .cc-m-form-view-sortable{
    padding: 10px 15px 10px;
    margin-bottom:60px;
}
#cc-m-form-14859238227 label, #cc-m-form-14859238227 span{
    font-size:15px;
}
}



/* 入力欄 */
.cc-m-form-view-sortable .cc-m-form-view-element{
    padding:50px 0 !important;
    border-bottom: 1px solid var(--text);
}
.cc-m-form-view-element:last-child{border:none;}

/* フォーム　テキストボックス */
.cc-m-form-text input, .cc-m-form-email input,
.cc-m-form-textarea input{
    padding: 8px 20px !important;
}
.cc-m-form-text, .cc-m-form-email, .cc-m-form-textarea, .cc-m-form-select{
    display: flex !important;
    align-items: center;
}
.cc-m-form-text label, .cc-m-form-email label,
.cc-m-form-textarea label, .cc-m-form-calendar label, .cc-m-form-number label,
.cc-m-form-checkgroup label, .cc-m-form-select label{min-width: 270px !important;}

.cc-m-form-text .cc-m-form-view-input-wrapper, 
.cc-m-form-email .cc-m-form-view-input-wrapper,
.cc-m-form-textarea .cc-m-form-view-input-wrapper{width:100%;}


/* フォーム　ラジオボタン */
.cc-m-form-radio{
    display: flex !important;
    align-items: center;
}
.cc-m-form-radio label{min-width: 270px !important;}
.cc-m-form-radio .cc-m-form-view-input-wrapper{width:100%;}

.cc-m-form-radio input[type="radio"] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.cc-m-form-radio input{
    width:23px;
    height:23px;
    margin-right:12px !important;
    position: relative;
    border: none !important;
    border-radius: 50%;
    background:#b3b3b3;
}
.cc-m-form-radio input:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: var(--text);
  content: '';
}

.cc-m-form-radio span{font-size:18px;}

.cc-m-form-checkable-horizontal{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.cc-m-form-checkable-horizontal label{
    display: flex;
    align-items: center;
}
form.cc-m-form .cc-m-form-view-element .cc-m-form-view-input-wrapper .cc-m-form-checkable-horizontal div{
    margin:0 !important;
}


/* フォーム　テキストエリア */
.cc-m-form-textarea textarea{
    padding: 8px 20px !important;
}
.cc-m-form-textarea{
    display: flex !important;
    align-items: flex-start;
}
.cc-m-form-textarea label{min-width: 270px !important;}
.cc-m-form-textarea .cc-m-form-view-input-wrapper{width:100%;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 入力欄 */
.cc-m-form-view-sortable .cc-m-form-view-element{
    display: block !important;
}
.cc-m-form-view-sortable .cc-m-form-view-element:not(.cc-m-form-radio) > label,
.cc-m-form-radio > label{
    margin-bottom:20px;
}

/* フォーム　テキストボックス */
.cc-m-form-text input, .cc-m-form-email input{
    width:100% !important;
}

/* フォーム　数字入力、日程入力 */
.cc-m-form-number .cc-m-form-view-input-wrapper,
.cc-m-form-calendar .cc-m-form-view-input-wrapper{width:100%;}

/* フォーム　ラジオボタン */
.cc-m-form-checkable-horizontal{
    display: block;
}
}





/* フォーム　キャプチャ */
.cc-m-form-view-captcha label{display: none !important;}
.cc-m-form-view-captcha .cc-m-form-view-input-wrapper {text-align: center;}
div.captcha{margin: 0 auto;}

/* フォーム　送信ボタン */
.cc-m-form-submit > label{display: none !important;}
.cc-m-form-submit .cc-m-form-view-input-wrapper {text-align: center;}
.cc-m-form-submit .cc-m-form-view-input-wrapper label{font-size:13px; margin-bottom:30px; display: block;}

.cc-m-form-view-input-wrapper input[type="submit"]{
    width: 230px;
    height: 60px;
    padding: 4px 18px !important;
    background: var(--maincolor) !important;
    color: #FFF;
    font-size: 18px;
    border: none;
    letter-spacing: 0.1em;
    position: relative;
    transition: all .3s;
    cursor:pointer;
    font-family: "Noto Serif JP", serif !important;
}
.cc-m-form-view-input-wrapper input[type="submit"]:hover{background: var(--text) !important;}
.submit-wrap{
    position: relative;
    width: 230px;
    margin: 0 auto;
}
.submit-wrap::after{
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-arrow.svg?t=1749021380) no-repeat;
    width: 11px;
    height: 17px;
    position: absolute;
    right: 20px;
    top: calc(50% - 8px);
    filter: brightness(0) saturate(100%) invert(99%) sepia(18%) saturate(2%) hue-rotate(317deg) brightness(108%) contrast(100%);
}

/* フォーム　注意書き */
.cc-m-form-note{display: none;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フォーム　キャプチャ */
.cc-m-form-view-captcha span, .cc-m-form-submit label{font-size:13px !important;}

/* フォーム　送信ボタン */
.cc-m-form-view-input-wrapper input[type="submit"]{
    font-size: 15px;
}

}



/* フォーム　入力必須・任意表記 */
form.cc-m-form .cc-m-form-view-element.cc-m-required>label div:after{
    content: none !important;
}
form.cc-m-form .cc-m-form-view-element.cc-m-required>label div:before{
    content: "必須" !important;
    color:#FFF !important;
    margin-right: 15px !important;
    background:#c1272d;
    font-size:12px;
    padding: 7px 10px;
}





/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
プライバシーポリシー
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
#cc-m-14864319327{margin: 0px calc(50% - 50vw);}
/* ~~~編集画面用~~~ */
#cc-m-14864319327.cc-m-all{
    margin:0;
}
/* ~~~~~~ */


/* 導入 */
.policy-intro{
    border-bottom:1px solid var(--text);
    padding-bottom: 70px;
    margin-bottom: 70px;
}
.policy-intro p{
    letter-spacing: 0.1em;
    line-height: 2.2;
}

/* 項目 */
.policy-item{
    margin-bottom: 60px;
}
.policy-item-last{
    margin-bottom: 100px;
}
.policy-item p:first-child{
    font-size:20px;
    font-weight:500 !important;
    margin-bottom: 30px;
}
.policy-item p{line-height: 1.9;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 導入 */
.policy-intro{
    padding: 0 30px 70px;
}
.policy-intro p{
    font-size:15px;
    line-height: 2.5;
}

/* 項目 */
.policy-item{
    padding: 0 30px;
}
.policy-item p:first-child{
    font-size:17px;
}
.policy-item p{
    font-size:15px;
    line-height: 2.2;
}
}





/* ----------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------
お知らせ
----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------- */
/* 記事一覧 */
.j-blogarticle{margin: 70px 0 120px;}
.j-blogarticle #cc-matrix-{
    padding: 30px 0;
    border-bottom: 1px dashed #000;
}
.j-blogarticle #cc-matrix- .j-blog-post--headline{margin-bottom:10px;}

.j-blogarticle #cc-matrix- .j-spacing {display:none;}

.j-blogarticle #cc-matrix- #cc-m-1:first-child{
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.07em;
    font-family: "Arial", sans-serif !important;
}
.j-blogarticle #cc-matrix- #cc-m-1:nth-child(3),
.j-blogarticle #cc-matrix- #cc-m-1.j-spacing + .j-text{
    font-size: 20px;
}
.j-blogarticle #cc-matrix- #cc-m-1 p a{
    font-size: 16px;
    letter-spacing: 0.07em;
    font-family: "Arial", sans-serif !important;
}

/* 記事一覧では画像を非表示にする */
.j-blogarticle #cc-matrix- #cc-m-1.j-imageSubtitle{display:none;}



/* 各記事 */
.cc-page-blog #content{margin-bottom:100px;}
.cc-page-blog .j-blog-post--header{
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 60px;
}
.cc-page-blog h1.j-blog-post--headline{
    font-size:35px !important;
    border-bottom: 1px solid;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.cc-page-blog .j-blog-post--date{
    font-size: 25px;
    font-family: "Arial", sans-serif !important;
}

/* 記事一覧に戻る */
.back-news{
    border-top:1px solid;
    margin-top:100px;
    padding-top:45px;
}
.back-news a{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin: 0 auto;
    width: 110px;
    border: 1px solid;
    text-decoration: none !important;
}
.back-news a:hover{background: var(--maincolor); color:#FFF;}

/* コメント欄 */
.j-comment{margin-top:100px;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* 記事一覧 */
.j-blogarticle{margin: 25px 0 75px; padding: 0 30px;}

.j-blogarticle #cc-matrix- #cc-m-1:first-child{
    font-size: 12px;
}
.j-blogarticle #cc-matrix- #cc-m-1:nth-child(2) h2{
    font-size: 15px !important;
}
.j-blogarticle #cc-matrix- #cc-m-1:nth-child(3),
.j-blogarticle #cc-matrix- #cc-m-1.j-spacing + .j-text{
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.j-blogarticle #cc-matrix- #cc-m-1 p a{
    font-size: 12px;
}
.j-blogarticle #cc-matrix- #cc-m-1 p{
    line-height: 1; margin-top: -5px;
}

/* 各記事 */
.cc-page-blog #content{padding: 0 30px; margin-bottom:80px;}
.cc-page-blog .j-blog-post--header{
    margin-bottom: 15px;
}
.cc-page-blog h1.j-blog-post--headline{
    font-size:15px !important;
    border-bottom: 1px solid;
    padding-bottom: 15px;
    margin-bottom: 0px;
}
.cc-page-blog .j-blog-post--date{
    font-size: 12px;
}
.cc-page-blog p{font-size: 14px;}

.j-comment{font-size: 14px;}


/* 記事一覧に戻る */
.back-news{
    margin-top:60px;
    padding-top:60px;
}
/* コメント欄 */
.j-comment{margin-top:80px;}

}







/*  footer
----------------------------------------------- */
/* フッターお問合せ先 */
.footer-contact{
    width:100%;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/img/bg-green.jpg?t=1749171874);
    padding: 60px 0 55px;
}
.footer-contact-inner{
    max-width:1100px;
    margin: 0 auto;
}
.footer-contact-inner p{
    color:#FFF;
    text-align:center;
    line-height:1.5;
    letter-spacing:0.1em;
}
.footer-contact-inner p:first-child{font-size:35px;}

.footer-contact-button{
    display:grid;
    gap:35px;
    margin:35px 0;
    grid-template-columns: 430px 430px;
    place-content: center;
}
.footer-contact-button a{
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF !important;
    text-decoration: none !important;
    border:1px solid #FFF;
    height:90px;
    padding-left: 40px;
    letter-spacing: 0.1em;
}
.footer-contact-button a:first-child{
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-tel.svg?t=1749021389) no-repeat;
    background-size:26px 35px;
    background-position: 40px center;
    font-size:34px;
}
.footer-contact-button a:last-child{
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-mail.svg?t=1749021355) no-repeat;
    background-size:31px 22px;
    background-position: 40px center;
    font-size:25px;
}
.footer-contact-button a:hover{
    background-color:#FFF;
    color:var(--text) !important;
    border:1px solid var(--text);
}
.footer-contact-button a:hover:first-child{
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-tel-bk.svg?t=1751421700) no-repeat #FFF;
    background-size:26px 35px;
    background-position: 40px center;
}
.footer-contact-button a:hover:last-child{
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-mail-bk.svg?t=1751421691) no-repeat #FFF;
    background-size:31px 22px;
    background-position: 40px center;
}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フッターお問合せ先 */
.footer-contact{
    width: calc(100% - 60px);
    padding: 65px 30px 65px;
}
.footer-contact-inner p{font-size:15px; line-height:2;}
.footer-contact-inner p:first-child{font-size:24px;}
.footer-contact-button{
    display:block;
}
.footer-contact-button a{
    max-width:320px;
    height:67px;
    margin: 0 auto;
}
.footer-contact-button a:first-child,
.footer-contact-button a:hover:first-child{
    background-size:19px 26px;
    background-position: 30px center;
    font-size:25px;
    margin-bottom:20px;
}
.footer-contact-button a:last-child,
.footer-contact-button a:hover:last-child{
    background-size:23px 17px;
    background-position: 30px center;
    font-size:18px;
}


}




/* フッター住所・ナビゲーション */
#footer{
    width:100%;
}
.footer-inner{
    max-width:1100px;
    margin: 60px auto;
    display: grid;
    grid-template-columns: 520px 1fr;
    gap: 98px;
}

.sidebar-address-wrap{
    display: grid;
    grid-template-columns: 122px 1fr;
    gap: 55px;
}
.sidebar-address-wrap p:first-of-type{font-size:30px;}
.sidebar-address-wrap p.noto-sans-jp-regular{
    font-size:16px;
    margin: 30px 0;
}
.sidebar-address-wrap img{max-width: 122px;}

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
/* フッター住所・ナビゲーション */
.footer-inner{
    grid-template-columns: 1fr;
    gap: 65px;
}

.sidebar-address-wrap{
    grid-template-columns: 1fr;
    gap: 40px;
    text-align: center;
}
.sidebar-address-wrap span{font-size:15px;}
.sidebar-address-wrap p:first-of-type{font-size:25px; line-height: 1;}
.sidebar-address-wrap p.noto-sans-jp-regular{
    font-size:14px;
    margin: 30px 0;
}
.sidebar-address-wrap img{max-width: 110px; margin: 0 auto;}
}



#navigation{

}


/* コピーライト */
.copy{
    text-align: center;
    font-size: 12px;
    padding-top: 35px;
    border-top: 1px solid var(--text);
}


#footer .gutter {
    height:60px;
    padding:35px 15px 0 90px;
}

/* ログアウトボタン */
div#contentfooter div.rightrow{text-align: left !important;}


/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2{
    margin:0;
    padding: 0;
}

ul.mainNav1{
    height: 270px;
    /*column-count: 2;*/
    /*width: fit-content;*/
    /*column-gap: 2em;*/
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}


ul.mainNav1 li,
ul.mainNav2 li{
    margin-bottom:10px;	
    padding: 0;
}

ul.mainNav1 li a,
ul.mainNav2 li a{
    font-size:16px;
    text-decoration: none;
}

ul.mainNav1 li a { 
    position:relative;
    padding-left:25px;
}
ul.mainNav2 li a { padding-left:25px; }
ul.mainNav3 li a { padding:0px; }

ul.mainNav1 li a::before {
    content: "";
    display: inline-block;
    background: url(https://u.jimcdn.com/cms/o/s70d8071fb8712e8e/userlayout/font/icon-arrow.svg?t=1749021380) no-repeat;
    width: 11px;
    height: 17px;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}
ul.mainNav2 li a::before {
    content:none;
}

/* 会葬の心得 */
#cc-nav-view-2569313727 a{
    padding-left:47px;
}
#cc-nav-view-2569313727 a::before {
    content: '';
    display: inline-block;
    background: var(--text);
    width: 14px;
    height: 1px;
    position: absolute;
    left: 25px;
    top: 50%;
}

/* プライバシーポリシー */
#cc-nav-view-2569314327{margin: 43px 0 0px;}


ul.mainNav1 a:hover, ul.mainNav2 a:hover{
    color: var(--maincolor);
}

ul.mainNav1 a.current, ul.mainNav2 a.current { color: var(--maincolor); }

@media screen and (max-width: 1050px) {
   /* 表示領域が1050px以下の場合に適用するスタイル */
ul.mainNav1{
    height: auto;
    display: block;
    column-count: 2;
    width: fit-content;
    column-gap: 1em;
    margin: 0 auto !important;
}
ul.mainNav1 li,
ul.mainNav2 li{
    margin-bottom:0px;	
}
ul.mainNav1 li a,
ul.mainNav2 li a{
    font-size:12px;
}
ul.mainNav1 li a { 
    padding-left:15px;
}
ul.mainNav1 li a::before {
    width: 8px;
    height: 13px;
    top: calc(50% - 6px);
}

/* 会葬の心得 */
#cc-nav-view-2569313727 a{
    padding-left:30px;
}
#cc-nav-view-2569313727 a::before {
    width: 11px;
    left: 15px;
}

/* プライバシーポリシー */
#cc-nav-view-2569314327{margin: 35px 0 0px;}
}