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



/* トップページ */
.top_page03 h3>strong{ background-color: #e72a23; color: white; font-weight: bold; display: inline-block;}
#top_slide img{ width: 100%;}
#top_slide .sp-button{ border: none; background-color: #a0a0a0; width: 20px; height: 20px;}
#top_slide .sp-selected-button{ background-color: #549a76;}
@media (min-width: 768px) {
#pcslides{ border: none; margin: 0;}
#pcslides .flex-control-paging li a.flex-active{ background-color: #549a76;}
.flex-control-nav{ z-index: 3;}
.flex-control-paging li a{ width:20px; height: 20px;}
.flex-control-nav li{ margin: 0 10px;}
#spslides{display: none;}

#top_slide{ min-width: 980px;}

.top_page01{}
.top_page01 h1{ color: #362e2b; font-size:42px; text-align: center; margin: 120px 0 60px;}
.top_page01 p{ font-size:26px; text-align: center; line-height: 1.923; color: #362e2b;}
.top_btn01{ text-align: center; margin: 50px 0 60px;}
.top_btn01>div:nth-child(1)>a{ background-color: #6972a0;}
.top_btn01>div:nth-child(2)>a{ background-color: #b26580;}
.top_btn01>div:nth-child(3)>a{ background-color: #6a9658;}
.top_btn01>div>a{ font-size: 30px; vertical-align: middle; display: block; font-weight: normal; color: white; background: url(../images/arrow_white.png) no-repeat 96% center; background-size: 11px auto; text-decoration: none; padding: 26px 0; line-height: 1;}
.top_btn01>div>a>small{ font-size: 18px; vertical-align: middle; font-weight: bold;}

.top_page02{ padding: 6px; text-align: center; border: 1px solid #362e2a; background-color: white; margin-left: 10px; margin-right: 10px;}
.top_page02>div{}
.top_page02 h2{ color: #604c81; font-size: 30px; line-height: 40px; margin-top: 10px;}
.top_page02 p{ width:390px; text-align: left; margin: 0 auto 10px;}
.top_page02 a{display: block; background-color: #362e2a; width: 200px; margin: 0 auto; background:#362e2a url(../images/arrow_white.png) no-repeat 96% center; background-size: 9px auto; padding: 13px 0; color: white; text-decoration: none;}

.top_flow{ margin-top: 60px; margin-bottom: 80px;}

.top_page03{ padding: 30px 60px 0 60px; background-color: white; margin-left: 10px; margin-right: 10px;}
.top_page03 h2{color: #549a76; font-size: 36px; text-align: center; border-bottom: #549a76 solid 1px; padding-bottom: 10px;}
.top_page03 h3{ font-size: 20px; line-height: 26px; margin: 0 0 10px;}
.top_page03 h3>strong{ font-size: 14px; width: 22px; height: 22px; border-radius: 11px; text-align: center; margin: 3px 3px 0 0; line-height: 1.7; vertical-align: top;}
.top_page03 p{ font-size: 16px; line-height: 24px;}
.top_page03 a{ font-size: 16px; color: white; text-align: center; background:#549a76 url(../images/arrow_white.png) no-repeat 92% center; background-size: 9px auto; padding: 6px 26px 6px 16px; line-height: 1;}
.top_page03 ul{ font-size: 0;}
.top_page03 ul.fukuoka_saijo{ background-color: #efebfe; padding: 20px 20px 20px 30px;}
.top_page03 ul li{ display: inline-block; width: 50%; vertical-align: top;}
.top_page03 ul li>div{ display: table-cell; vertical-align: top;}
.top_page03 ul li>div:first-child{ width: 200px;}
.top_page03 ul li>div:last-child{ padding-left: 14px;}
.top_page03 ul.fukuoka_saijo,
.top_page03 ul>li{ margin-bottom: 40px;}
.top_page03 ul>li:nth-child(odd){ padding-left: 40px;}
.top_page03 ul.fukuoka_saijo>li:nth-child(odd){ padding-left: 0;}
.top_page03 ul.fukuoka_saijo>li:last-child{ padding-left: 15px;}

#pctel{ background-color: white; margin: 50px 0 60px;}
#pctel>.container{ display: table;}
#pctel>.container>div{ display: table-row;}
#pctel>.container>div>h2,
#pctel>.container>div>p{ display: table-cell; vertical-align: middle;}
#pctel>.container>div>h2{ color: #e82633; font-size: 30px; font-weight: bold; width: 440px; text-align: center;}
#pctel>.container>div>p{ background: url(../images/free_dial_green.png) no-repeat left center; background-size: 48px auto; color: #36693c; font-size: 52px; font-weight: bold; padding-left: 58px;}
#pctel>.container>div>h2>small{ background-color: #e82633; color: white; display: block; text-align: center; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; font-size: 16px; margin: 4px auto 0; padding: 2px; width: 300px; line-height: 1;}

}
@media all and (-ms-high-contrast: none){
#pctel>.container>div>h2>small{ padding-top: 3px;}

}

@media (min-width: 768px) and (max-width: 980px) {
header{ width:980px;}
#pcslides{ width:980px;}
}
@media (max-width: 767px) {
#pcslides{ display: none;}
#spslides{ border: none; margin: 0;}
#spslides .flex-control-paging li a.flex-active{ background-color: #549a76;}
#spslides .flex-control-nav{ bottom:-30px;}
.flex-direction-nav a:before{ font-size: 30px;}

.top_page01{}
.top_page01 h1{ color: #362e2b; font-size:21px; text-align: center; margin: 45px 0 15px;}
.top_page01 p{ font-size:15px; text-align: left; line-height: 25px; color: #362e2b;}
.top_btn01{ text-align: center; margin: 30px 0 35px;}
.top_btn01>div{padding: 0;}
.top_btn01>div:nth-child(1)>a{ background-color: #6972a0;}
.top_btn01>div:nth-child(2)>a{ background-color: #b26580;}
.top_btn01>div:nth-child(3)>a{ background-color: #6a9658;}
.top_btn01>div>a{ font-size: 27px; vertical-align: middle; display: block; font-weight: normal; color: white; background: url(../images/arrow_white.png) no-repeat 96% center; background-size: 11px auto; text-decoration: none; padding: 15px 0; line-height: 1; margin-bottom: 22px;}
.top_btn01>div>a>small{ font-size: 18px; vertical-align: middle; font-weight: bold;}

.top_page02{ padding: 10px; text-align: center; border: 1px solid #362e2a; background-color: white; margin-left: 0; margin-right: 0;}
.top_page02>div:last-child{ padding-top: 15px;}
.top_page02 h2{ color: #604c81; font-size: 22.5px; line-height: 40px; margin-top: 10px;}
.top_page02 p{ text-align: left; margin: 0 auto 20px;}
.top_page02 a{display: block; background-color: #362e2a; margin: 0 auto; background:#362e2a url(../images/arrow_white.png) no-repeat 76% center; background-size: 9px auto; padding: 14px 0; color: white; text-decoration: none; font-size: 16px;}

.top_flow{ margin-top: 25px; margin-bottom: 25px;}

.top_page03{ background-color: white;}
.top_page03 h2{color: #549a76; font-size: 21px; text-align: center; border-bottom: #549a76 solid 1px; padding-bottom: 10px;}
.top_page03 h3{ font-size: 17px; line-height: 21px; margin: 0 0 10px;}
.top_page03 h3>strong{ font-size: 12px; width: 20px; height: 20px; border-radius: 11px; text-align: center; margin: 1px 3px 0 0; line-height: 1.7; vertical-align: top;}
.top_page03 p{ font-size: 13px; line-height: 14px;}
.top_page03 a{ font-size: 13px; color: white; text-align: center; background:#549a76 url(../images/arrow_white.png) no-repeat 92% center; background-size: 9px auto; padding: 6px 26px 6px 16px; line-height: 1; display: block;}
.top_page03 ul{ font-size: 0;}
.top_page03 ul.fukuoka_saijo{ background-color: #efebfe; padding: 15px 0; margin-bottom: 20px;}
.top_page03 ul li{ display: table; width: 100%; vertical-align: top; padding: 0 15px; margin-bottom: 20px;}
.top_page03 ul li>div{ display: table-cell; vertical-align: top;}
.top_page03 ul li>div:first-child{ width: 42%;}
.top_page03 ul li>div:last-child{ padding-left: 3%;}
.top_page03 ul.fukuoka_saijo>li:last-child{margin-bottom: 0;}

}
.saijo_content .access_table{ width:100%;}

/* saijo-斎場*/
@media (min-width: 768px) {
.saijo_lead h1{ font-size: 36px; letter-spacing: 2.5px; margin: 90px 0 30px;}
.saijo_lead p{ font-size: 24px; letter-spacing: 2px; margin: 0;}
.saijo_anchor_link{ margin-bottom: 109px; display: block;}
.saijo_content{ background-color: white; padding: 60px 80px;}
.saijo_content h2{ color: #549a76; font-weight: bold; font-size: 36px; margin: 0 0 20px;}
.saijo_content p.saijo_link{ font-size: 0; line-height: 1; margin-bottom: 25px;}
.saijo_content p.saijo_link>a{ color: white; line-height: 1; display: inline-block; font-size: 17px; width: 124px; padding: 6px 12px 6px 0; text-align: center; margin: 0 5px 0 0; background: black url(../images/arrow_white.png) no-repeat 90% center; background-size: 7px auto; text-decoration: none;}
.saijo_content p.saijo_link a.kazokusou{ background-color: #6972a0;}
.saijo_content p.saijo_link a.ippansou{ background-color: #b26580;}
.saijo_content p.saijo_link a.shasou{ background-color: #6a9658;}
.saijo_content p.saijo_link span{}
.saijo_content p.saijo_link span.no-link{ color: white; line-height: 1; display: inline-block; font-size: 17px; width: 124px; padding: 6px 0 6px 0; text-align: center; margin: 0 5px 0 0; background-color:gray; text-decoration: none;}
.saijo_content p.saijo_link span.no-link_text{ font-size: 14px; color: black; display: block; margin: 5px 0 0; line-height: 1.4;}

.saijo_content .info_table{}
.saijo_content .info_table tr{}
.saijo_content .info_table th,
.saijo_content .info_table td{ vertical-align: middle; font-size: 16px; border-bottom: 5px solid white;}
.saijo_content .info_table th{ color: white; background-color: #362e2a; width: 90px; height: 21px; text-align: center; font-weight: normal;}
.saijo_content .info_table td{ padding-left: 12px; color: #362e2a;}

.saijo_content .googlemap{ margin: 50px 0;}
.saijo_content .access_table caption{ background-color: #362e2a; color: white; padding: 5px 0 5px 20px; line-height: 1;}
.saijo_content .access_table th,
.saijo_content .access_table td{ font-size: 16px; vertical-align: top; border-bottom: 1px solid #362e2a; padding: 10px 5px 10px 20px;}
.saijo_content .access_table th{ width: 135px; background-color: #f5f3ee;}
.saijo_content .access_table td{}

#saijo_anchor_link{ font-size: 0; margin-top: 40px; margin-bottom: -60px; border-left: #549a76 1px solid;}
#saijo_anchor_link li{ font-size: 20px; display: inline-block; border-right: #549a76 1px solid;}
#saijo_anchor_link li a{ display: inline-block; padding: 0 20px; color: #549a76;}
.info_table .tel_link{ color:#362e2a;}
.info_table .tel_link:hover{ text-decoration:none;}
}
@media (max-width: 767px) {
.saijo_lead h1{font-size: 36px; margin: 40px 0 10px; text-align: center;}
.saijo_lead p{ font-size: 18px; margin: 0;}
.saijo_content{ background-color: white; padding: 20px 10px; margin: 0 -10px;}
.saijo_anchor_link{ margin-bottom: 50px; display: block;}
.saijo_content h2{ color: #549a76; font-weight: bold; font-size: 30px; margin: 0 0 20px;}
.saijo_content p.saijo_link{ font-size: 0; line-height: 1; margin-bottom: 25px;}
.saijo_content p.saijo_link>a{ color: white; line-height: 1; display: inline-block; font-size: 17px; padding: 6px 27px 6px 15px; text-align: center; margin: 0 5px 0 0; background: black url(../images/arrow_white.png) no-repeat 90% center; background-size: 7px auto; text-decoration: none;}
.saijo_content p.saijo_link a.kazokusou{ background-color: #6972a0;}
.saijo_content p.saijo_link a.ippansou{ background-color: #b26580;}
.saijo_content p.saijo_link a.shasou{ background-color: #6a9658;}
.saijo_content p.saijo_link span.no-link{ color: white; line-height: 1; display: inline-block; font-size: 17px; padding: 6px 15px 6px 15px; text-align: center; margin: 0 5px 0 0; background-color:gray; text-decoration: none;}
.saijo_content p.saijo_link span.no-link_text{ font-size: 14px; color: black; display: block; margin: 10px 0 0; line-height: 1.4;}


.saijo_content .info_table{ margin-bottom: 20px;}
.saijo_content .info_table tr{}
.saijo_content .info_table th,
.saijo_content .info_table td{ vertical-align: middle; font-size: 14px; border-bottom: 5px solid white;}
.saijo_content .info_table th{ color: white; background-color: #362e2a; width: 80px; height: 22px; text-align: center; font-weight: normal;}
.saijo_content .info_table td{ padding-left: 8px; color: #362e2a;}

.saijo_content .googlemap{ margin: 20px 0;}
.saijo_content .access_table caption{ background-color: #362e2a; color: white; padding: 5px 0 5px 20px; line-height: 1;}
.saijo_content .access_table th,
.saijo_content .access_table td{ font-size: 14px; vertical-align: top; border-bottom: 1px solid #362e2a; padding: 10px 5px 10px 10px;}
.saijo_content .access_table th{ width: 95px; background-color: #f5f3ee;}
.saijo_content .access_table td{}

#saijo_anchor_link{ font-size: 0; margin-top: 20px; margin-bottom: -30px;}
#saijo_anchor_link li{ font-size: 16px; display: inline-block; line-height: 2;}
#saijo_anchor_link li a{ display: inline-block; color: #549a76;}
#saijo_anchor_link li a::before{ content:"【";}
#saijo_anchor_link li a::after{ content:"】";}

.info_table .tel_link{ color:#362e2a;}
.info_table .tel_link:hover{ text-decoration:none;}
}


/* sougi-葬儀 共通 */
p.sougi_lead_p{ line-height: 2.1;}
.sougi_facility h2{ color: white; background-color: #43322c; text-align: center;}
.sougi_facility h3{ color: #43322c; border-bottom: 1px solid #43322c;}
dl.saijo_link_dl dt{ background-color: #3f4c8d; color: white;}
dl.saijo_link_dl dd{ background-color: white;}
dl.saijo_link_dl dd a{ background-image: url(../images/aroow_purple.png); background-position: left center; background-repeat: no-repeat; color: #313131;}

dl.saijo_link_dl.ippanso_saijo_link_dl dt{ background-color: #a93762;}
dl.saijo_link_dl.ippanso_saijo_link_dl dd a{ background-image: url(../images/aroow_magenta.png); color: #313131;}

@media (min-width: 768px) {
p.sougi_lead_p{ font-size: 24px; letter-spacing: 5px;}
.sougi_figure{ font-size: 0;}
.sougi_figure figure{ width: 50%; display: inline-block; margin-bottom: 30px;}
.sougi_figure figure:nth-child(2n+1){ padding-right: 20px;}
.sougi_figure figure:nth-child(2n+2){ padding-left: 20px;}
.sougi_figure figure img{}
.sougi_figure figure figcaption{ font-size: 16px;}
.sougi_figure figure figcaption strong{ display: block; font-weight: bold; font-size: 20px;}
.sougi_figure figure figcaption p{margin: 0;}

dl.saijo_link_dl{ display: table; width: 100%; margin: 0;}
dl.saijo_link_dl dt,dl.saijo_link_dl dd{ display: table-cell; font-weight: normal; font-size: 18px; height: 50px; vertical-align: middle; line-height: 1;}
dl.saijo_link_dl dt{ width: 216px; text-align: center;}
dl.saijo_link_dl dd{ text-align: left; padding-left: 20px;}
dl.saijo_link_dl dd a{ padding-left: 14px; background-size: 8px auto; margin-right: 30px;}

dl.saijo_link_dl.saijo_link_dl_2024 dt,
dl.saijo_link_dl.saijo_link_dl_2024 dd{ height: auto; min-height: 50px; padding-top: 10px; padding-bottom: 10px;}
dl.saijo_link_dl.saijo_link_dl_2024 dd>.sldd_flex{ display: flex; flex-wrap: wrap; margin: -5px -15px;}
dl.saijo_link_dl.saijo_link_dl_2024 dd>.sldd_flex>a{ margin: 5px 15px;}



.sougi_facility h2{ font-size: 36px; padding: 5px 0; margin: 0;}
.sougi_facility>div>small{ display: block; text-align: right;}
.sougi_facility>div:first-child{margin-bottom: 30px;}
.sougi_facility h3{ margin: 0 0 20px; font-size: 30px; padding-bottom: 4px;}
.sougi_facility p{ font-size: 20px; line-height: 34px;}

.figure_20{}
.figure_20{ font-size: 0;}
.figure_20 figure{ width: 50%; display: inline-block; margin-bottom: 40px;}
.figure_20 figure:nth-child(2n+1){ padding-right: 10px;}
.figure_20 figure:nth-child(2n+2){ padding-left: 10px;}
.figure_20 figure img{}
.figure_20 figure figcaption{ font-size: 16px;}

.figure_3{}
.figure_3{ font-size: 0;}
.figure_3 figure{ width: 33.33%; display: inline-block; margin-bottom: 30px;}
.figure_3 figure:first-child{ padding-right: 13px;}
.figure_3 figure:nth-child(2){ padding: 0 6.5px;}
.figure_3 figure:last-child{ padding-left: 13px;}
.figure_3 figure img{}
.figure_3 figure figcaption{ font-size: 16px;}


}

@media all and (-ms-high-contrast: none){
.sougi_facility h2{ font-size: 36px; padding: 13px 0 5px; margin: 0;}
}

@media (max-width: 767px) {
p.sougi_lead_p{ font-size: 14px;}

.sougi_facility h2{ font-size: 24px; padding: 5px 0; margin: 0;}
.sougi_facility h3{ margin: 10px 0; font-size: 18px; padding-bottom: 2px;}
.sougi_facility p{ font-size: 14px; line-height: 1.8;}

.sougi_figure{}
.sougi_figure figure{ margin-bottom: 20px;}
.sougi_figure figure img{}
.sougi_figure figure figcaption{ font-size: 14px;}
.sougi_figure figure figcaption strong{ display: block; font-weight: bold; font-size: 18px;}
.sougi_figure figure figcaption p{margin: 0;}

dl.saijo_link_dl{}
dl.saijo_link_dl dt,
dl.saijo_link_dl dd{ font-weight: normal; font-size: 18px; vertical-align: middle; line-height: 1;}
dl.saijo_link_dl dt{ text-align: center; padding: 10px 0;}
dl.saijo_link_dl dd{ text-align: left;}
dl.saijo_link_dl dd a{ padding-left: 14px; background-size: 8px auto; display: inline-block; width: 50%; padding: 10px 0 10px 20px; background-position: 5px center; vertical-align: middle;}

.figure_20{}
.figure_20 figure{ margin-bottom: 20px;}
.figure_20 figure img{}
.figure_20 figure figcaption{ font-size: 14px;}

.figure_3{}
.figure_3 figure{ margin-bottom: 20px;}
.figure_3 figure img{}
.figure_3 figure figcaption{ font-size: 14px;}

}

/* sougi-葬儀 家族 */
#famiry_sougi{}
#famiry_sougi h1{background: url(../../sougi/images/famiry/famiry_main.jpg) no-repeat center center; color: #3f4c8d; text-align: center; background-size: 100% auto;}
#famiry_sougi h1 small{ color: #362e2b;}
#famiry_sougi h2{ color: #3f4c8d; text-align: center;}
#famiry_sougi p{ line-height: 1.8; color: #313131;}
#famiry_sougi .famiry_lead p{ background:url(../images/arrow_bottom.gif) no-repeat center bottom; line-height: 1.95;}
#famiry_sougi .famiry_photo{ font-size: 0;}
#famiry_sougi .famiry_photo li{ width: 50%; display: inline-block; vertical-align: top;}
#famiry_sougi .famiry_photo li img{ width: 100%; height: auto;}
#famiry_sougi .support h3{ color: #43322c; border-bottom: 1px solid #43322c;}
#famiry_sougi .choice h3{ color: white; background-color: #454545; text-align: center; font-weight: normal; margin: 0;}
#famiry_sougi .choice ul{ background: url(../../sougi/images/famiry/bg.gif) repeat center center; font-size: 0}
#famiry_sougi .choice ul li{ vertical-align: top;}
#famiry_sougi .choice ul li>div{background-color: white; border: #a0aadc 2px solid;}
#famiry_sougi .choice ul li>div h4{ text-align: center;}
#famiry_sougi .choice ul li>div h4 img{ display: block; margin: 0 auto;}
#famiry_sougi .choice ul li>div h4 small{color:#313131;}
#famiry_sougi .choice ul li>div a{ background-color: #3f4c8d; text-align: center; background-image: url(../images/arrow_white.png); background-position: 90% center; background-repeat: no-repeat; line-height: 1; display: block; margin: auto; color: white; text-decoration: none;}
@media (min-width: 768px) {
#famiry_sougi>div.row{margin-bottom: 100px;}
#famiry_sougi h1{ font-size: 60px; margin: 30px 0 110px; padding: 120px 0 150px;}
#famiry_sougi h1 small{ font-size:30px; padding: 0 0 10px;}
#famiry_sougi h2{ font-size: 36px;}
#famiry_sougi p{ font-size: 22px;}
#famiry_sougi .famiry_lead p{ font-size: 24px; text-align: center; padding-bottom:170px;}

#famiry_sougi .support h3{ font-size: 24px; margin: 0 0 20px; padding-bottom: 14px; line-height: 1;}
#famiry_sougi .support p{ font-size: 20px;}
#famiry_sougi>div.row .support{ margin-top: 75px;}
#famiry_sougi .support .col-sm-5{ padding-right: 38px;}

#famiry_sougi .choice h3{ font-size: 20px; padding: 5px;}
#famiry_sougi .choice p{ font-size: 18px;}
#famiry_sougi .choice ul{ padding: 34px 24px;}
#famiry_sougi .choice ul li{ padding: 15px; width: 50%; display: inline-block;}
#famiry_sougi .choice ul li>div{ padding: 30px 34px;}
#famiry_sougi .choice ul li>div h4{ margin: 0 0 28px;}
#famiry_sougi .choice ul li>div h4 img{ margin-bottom: 7px;}
#famiry_sougi .choice ul li>div h4 small{ font-size: 22px;}
#famiry_sougi .choice ul li>div p{ height: 130px;}
#famiry_sougi .choice ul li>div a{ font-size: 18px; background-size: 7px auto; width: 280px; padding: 10px 0;}

#famiry_sougi .famiry_photo li:nth-child(2n+1){ padding-right: 2px; padding-bottom: 4px;}
#famiry_sougi .famiry_photo li:nth-child(2n+2){ padding-left: 2px; padding-bottom: 4px;}
}

@media all and (-ms-high-contrast: none){
#famiry_sougi .choice h3{ padding: 12px 5px 5px;}
}

@media (max-width: 767px) {
#famiry_sougi>div.row{margin-bottom: 50px;}
#famiry_sougi h1{ font-size: 26px; margin:0 -10px 25px; padding: 15% 0 16%; background-size: cover;}
#famiry_sougi h1 small{ font-size:18px; padding: 0 0 10px; display: inline-block;}
#famiry_sougi .famiry_lead p{ padding-bottom:100px;}

#famiry_sougi h2{ font-size: 26px;}
#famiry_sougi .famiry_photo li:nth-child(2n+1){ padding-right: 2px; padding-bottom: 4px;}
#famiry_sougi .famiry_photo li:nth-child(2n+2){ padding-left: 2px; padding-bottom: 4px;}
#famiry_sougi .famiry_photo.famiry_photo_sp{}
#famiry_sougi .famiry_photo.famiry_photo_sp li{ padding: 0; width: 100%; margin-bottom: 10px;}

#famiry_sougi .support h3{ font-size: 21px; margin: 0 0 10px; padding-bottom: 8px; line-height: 1;}
#famiry_sougi>div.row .support{ margin-top: 30px;}

#famiry_sougi .choice h3{ font-size: 20px; padding: 10px 0;}
#famiry_sougi .choice ul{ padding:15px 0 0;}
#famiry_sougi .choice ul li{ padding:0 15px 15px; width: 100%; display: inline-block;}
#famiry_sougi .choice ul li>div{ padding:10px;}
#famiry_sougi .choice ul li>div h4{ margin: 0 0 14px;}
#famiry_sougi .choice ul li>div h4 img{ margin-bottom: 5px;}
#famiry_sougi .choice ul li>div h4 small{ font-size: 18px;}
#famiry_sougi .choice ul li>div p{}
#famiry_sougi .choice ul li>div a{ font-size: 18px; background-size: 8px auto; padding: 10px 0;}

}

/* sougi-葬儀 w-ing */
#w-ing_sougi{ color: #362e2b;}
#w-ing_lead h1 small{ color: #362e2b;}
#w-ing_lead p{ line-height: 2.1;}
#w-ing_lead ul li{ background-color: white; border-color: #c3bae1; border-style: solid;}
#w-ing_lead ul li h2,#w-ing_lead ul li h2 small{ color: #626262;}

#w-ing_facility h2{ color: white; background-color: #43322c; text-align: center;}
#w-ing_facility h3{ color: #43322c; border-bottom: 1px solid #43322c;}
#w-ing_shikijo{}
@media (min-width: 768px) {
#w-ing_sougi{}
#w-ing_lead{ text-align: center; margin-bottom: 80px;}
#w-ing_lead h1{ margin: 60px 0;}
#w-ing_lead h1 img{ display: block; margin: 0 auto;}
#w-ing_lead h1 small{ font-size: 30px; margin: 60px auto 40px; display: block;}
#w-ing_lead ul{ font-size: 0; margin-bottom: 60px;}
#w-ing_lead ul li{ display: inline-block; width: 300px; border-width: 4px; vertical-align: top; padding: 22px;}
#w-ing_lead ul li:nth-child(2){ margin: 0 30px;}
#w-ing_lead ul li h2{ font-size: 32px; line-height: 44px; margin: 6px auto 20px;}
#w-ing_lead ul li h2 small{ display: block; font-size: 20px;}
#w-ing_lead ul li p{ font-size: 16px; text-align: left; letter-spacing: 1px; margin-bottom: 0;}

#w-ing_facility h2{ font-size: 36px; padding: 5px 0; margin: 0;}
#w-ing_facility>div>small{ display: block; text-align: right;}
#w-ing_facility>div:first-child{margin-bottom: 30px;}
#w-ing_facility h3{ margin: 0 0 20px; font-size: 30px; padding-bottom: 4px;}
#w-ing_facility p{ font-size: 20px; line-height: 34px;}

#w-ing_shikijo{ margin-bottom: 70px;}
#w-ing_shikijo>div{margin-bottom: 30px;}
#w-ing_shikijo>div::after{ content: ""; display: table; clear: both;}
#w-ing_shikijo>div>div{ width: 430px; float: left;}
#w-ing_shikijo>div>img{ width: 496px; height: auto; float: right;}
#w-ing_shikijo figure{ font-size: 0; margin-bottom: 70px;}
#w-ing_shikijo figure img{ display: inline-block; width: 50%;}
#w-ing_shikijo figure img:first-child{ padding-right: 10px;}
#w-ing_shikijo figure img:last-child{ padding-left: 10px;}
#w-ing_shikijo figure figcaption{ font-size: 16px;}

#w-ing_support{ font-size: 0;}
#w-ing_support figure{ width: 50%; display: inline-block; margin-bottom: 30px;}
#w-ing_support figure:nth-child(2n+1){ padding-right: 20px;}
#w-ing_support figure:nth-child(2n+2){ padding-left: 20px;}
#w-ing_support figure img{}
#w-ing_support figure figcaption{ font-size: 16px;}
#w-ing_support figure figcaption strong{ display: block; font-weight: bold; font-size: 20px;}
#w-ing_support figure figcaption p{margin: 0;}
#w-ing_support dl.saijo_link_dl{ margin: 10px 0 30px}
}

@media all and (-ms-high-contrast: none){
#w-ing_facility h2{ padding-top:13px;}
}

@media (max-width: 767px) {
#w-ing_lead{ text-align: center; margin-bottom: 40px;}
#w-ing_lead h1 img{ display: block; margin: 0 auto;}
#w-ing_lead h1 small{ font-size: 20px; font-size: 6.5vw; margin: 15px auto 10px; display: block; line-height: 1.8;}
#w-ing_lead ul{ font-size: 0; margin-bottom: 60px;}
#w-ing_lead ul li{ border-width: 4px; vertical-align: top; padding: 22px; margin-bottom: 30px;}
#w-ing_lead ul li h2{ font-size: 32px; line-height: 44px; margin: 6px auto 20px;}
#w-ing_lead ul li h2 small{ display: block; font-size: 20px;}
#w-ing_lead ul li p{ font-size: 16px; text-align: left; letter-spacing: 1px; margin-bottom: 0;}

#w-ing_facility h2{ font-size: 24px; padding: 5px 0; margin: 0;}
#w-ing_facility>div>small{ display: block; text-align: center;}
#w-ing_facility>div:first-child{margin-bottom: 15px;}
#w-ing_facility h3{ margin: 0 0 10px; font-size: 18px; padding-bottom: 2px;}
#w-ing_facility p{ font-size: 14px; line-height: 1.8;}

#w-ing_shikijo{ margin-bottom: 35px;}
#w-ing_shikijo>div{margin-bottom: 20px;}
#w-ing_shikijo>div::after{ content: ""; display: table; clear: both;}
#w-ing_shikijo>div>div{}
#w-ing_shikijo>div>img{}
#w-ing_shikijo figure{ font-size: 0; margin-bottom: 35px;}
#w-ing_shikijo figure img{ margin-bottom: 20px;}
#w-ing_shikijo figure figcaption{ margin-top: -10px; font-size: 16px;}

#w-ing_support{}
#w-ing_support figure{ margin-bottom: 20px;}
#w-ing_support figure img{}
#w-ing_support figure figcaption{ font-size: 14px;}
#w-ing_support figure figcaption strong{ display: block; font-weight: bold; font-size: 18px;}
#w-ing_support figure figcaption p{margin: 0;}
#w-ing_support dl.w-ing_saijo_link{ margin: 5px 0 15px}

}


/* sougi-葬儀 家族愛葬 */
#kazokuai_sougi{ color: #362e2b;}
@media (min-width: 768px) {
#kazokuai_sougi{margin-bottom: 100px;}
#kazokuai_lead{ text-align: center; margin-bottom: 90px;}
#kazokuai_lead h1{ font-size: 100px; margin: 70px 0 50px;}
#kazokuai_lead p{ margin-bottom: 80px;}
#kazokuai_shikijo hr{ border-top:dashed 1px #785a4f; margin: 50px 0 30px;}

#kazokuai_shikijo{ margin-bottom: 90px;}
#kazokuai_shikijo figure::after{ content: ""; display: table; clear: both;}
#kazokuai_shikijo figure img{ float: right; margin-bottom:20px; width: 340px; height: auto;}
#kazokuai_shikijo figure img:first-child{ width: 600px; height: auto; float: left; margin-bottom: 0;}
#kazokuai_shikijo figure img:last-child{ margin-bottom: 0;}

}
@media (max-width: 767px) {
#kazokuai_sougi{margin-bottom: 50px;}
#kazokuai_lead{ text-align: center; margin-bottom: 40px;}
#kazokuai_lead h1{ font-size: 50px; margin: 35px 0 25px;}
#kazokuai_lead p{ margin-bottom: 40px;}
#kazokuai_shikijo hr{ border-top:dashed 1px #785a4f; margin: 25px 0 15px;}

#kazokuai_shikijo{ margin-bottom: 45px;}
#kazokuai_shikijo figure{ font-size: 0;}
#kazokuai_shikijo figure::after{ content: ""; display: table; clear: both;}
#kazokuai_shikijo figure img{ float: left; margin-bottom:20px; width: 50%; height: auto; padding-right: 10px;}
#kazokuai_shikijo figure img:first-child{ width: 100%; height: auto; float: none; padding: 0;}
#kazokuai_shikijo figure img:last-child{ padding-left: 10px; float: right; padding-right: 0;}
}



/* sougi-葬儀 一般葬 */
#ippanso_sougi{}
#ippanso_lead h1{ background: url(../../sougi/images/ippanso/ippanso_main.jpg) no-repeat center center; color: #a93762;}
#ippanso_lead h1 small{ color: #362e2b;}
@media (min-width: 768px) {
#ippanso_sougi{ margin-bottom: 120px;}
#ippanso_lead{ margin-bottom: 70px;}
#ippanso_lead h1{font-size: 60px; line-height: 70px; text-align: center; padding: 70px 0 90px; margin: 30px 0 90px; background-size: 100% auto;}
#ippanso_lead h1 small{ font-size: 30px; line-height: 40px; display: block; margin: 0 0 20px;}
#ippanso_lead p{ text-align: center; margin-bottom: 60px;}

#ippanso_facility>div{ margin-bottom: 60px;}
#ippanso_facility>div:first-child{ margin-bottom: 30px;}

}
@media (max-width: 767px) {
#ippanso_lead{ margin-bottom: 35px;}
#ippanso_lead h1{font-size: 30px; line-height: 35px; text-align: center; padding: 20px 0 20px; margin: 15px 0 30px; background-size: auto 100%;}
#ippanso_lead h1 small{ font-size: 15px; line-height: 20px; display: block; margin: 0 0 10px;}
#ippanso_lead p{ text-align: left; margin-bottom: 30px;}
}






/* ユウベル積善社の葬儀の特徴 */
#tokucho_sougi{}
.tokucho_lead{ background: url(../../sougi/images/tokucho/main_bg.jpg) no-repeat center center; background-size: auto 100%;}
.tokucho_lead h1{ color: #437b5e; text-align: center; margin: 0;}
.tokucho_lead p{ color: #313131; margin: 0;}
#tokucho_container h2,#tokucho_container h2 small{ color: #4d8e6d; text-align: center;}
#tokucho_container h2 small{ display: block;}
#tokucho_container div.text_box a{ text-decoration: none; color: #43322c;}
#tokucho_container h3,.tokucho_container p{ color: #362e2b;}
#tokucho_container h3{ text-align: center;}
#tokucho_container>div>div>div.text_box{background-color: white;}
#tokucho_container>div>div>div.text_box_green{ background-color: #ecf7f1;}
@media (min-width: 768px) {
.tokucho_lead{ min-width: 980px; padding: 0 10px;}
.tokucho_lead h1{ font-size: 50px; line-height: 70px; padding: 55px 0 50px;}
.tokucho_lead p{ text-align: center; font-size: 24px; line-height: 50px; letter-spacing: 5px; padding-bottom: 50px;}
#tokucho_container{ padding-top:55px;}
#tokucho_container>div>div{ position: relative; margin-bottom: 100px;}
#tokucho_container>div>div>div.text_box{ position: absolute; z-index: 2; padding: 45px;}
#tokucho_container>div>div>div.text_box_green{ position: absolute; z-index: 3; padding: 35px 30px;}

#tokucho_container>div>div>div>h2{ font-size: 30px; margin: 0 0 30px; padding: 0;}
#tokucho_container>div>div>div>h2>small{ font-size: 20px; margin-bottom: 20px;}
#tokucho_container>div>div>div>h2>span{ font-size: 20px;}
#tokucho_container>div>div>div>p{ font-size: 20px; margin: 0;}
#tokucho_container>div>div>div.text_box_green>h3{ font-size: 22px; margin: 0 0 20px;}
#tokucho_container>div>div>div.text_box_green>p{ font-size: 16px;}

#tokucho_container .kenso div.text_box{ width: 420px; left: 0; top: 0;}
#tokucho_container .kenso img{ float: right; margin-top: 80px;}
#tokucho_container .yukanshiki div.text_box{ width: 460px; right: 30px; top: 0;}
#tokucho_container .yukanshiki img{ margin-left: 30px; margin-top: 115px; margin-left: 40px;}
#tokucho_container .oreijo div.text_box{ width: 420px; top: 420px; left: 50px;}
#tokucho_container .oreijo img{ float: right; margin-bottom: 190px;}
#tokucho_container .movie div.text_box{ width: 430px; right: 40px; top:430px;}
#tokucho_container .movie img{ margin-bottom: 150px;}
#tokucho_container .kaeshi div.text_box{ width: 586px; top: 350px; left: 0;}
#tokucho_container .kaeshi div.text_box_green{ width: 610px; top: 620px; left: 70px;}
#tokucho_container .kaeshi img{ float: right; margin-bottom: 170px;}
#tokucho_container>div>div>div.text_box>a{ margin: 15px auto 0; font-size: 18px; text-align: center; border: #aca49f 1px solid; display: block; padding: 10px; width: 200px;}
#tokucho_container>div>div>div.text_box>a>small{ padding-left: 10px; font-size: 8px;}
}
@media (max-width: 767px) {
.tokucho_lead h1{ font-size: 30px; line-height: 1.8; padding: 25px 0;}
.tokucho_lead p{ font-size: 16px; line-height: 1.6; text-align: left; padding: 0 15px 25px;}

#tokucho_container{ padding-top:30px;}
#tokucho_container>div>div{ position: relative; margin-bottom: 40px;}

#tokucho_container>div>div>div{ padding:15px;}
#tokucho_container>div>div>div>h2{ font-size: 20px; margin: 0 0 10px; padding: 0;}
#tokucho_container>div>div>div>h2>small{ font-size: 15px; margin-bottom: 5px;}
#tokucho_container>div>div>div>h2>span{ font-size: 15px;}
#tokucho_container>div>div>div>p{ font-size: 15px; margin: 0;}
#tokucho_container>div>div>div.text_box_green>h3{ font-size: 16px; margin: 0 0 8px; line-height: 1.6; text-align: left;}
#tokucho_container>div>div>div.text_box_green>p{ font-size: 12px;}

#tokucho_container>div>div>div.text_box>a{ margin: 15px auto 0; font-size: 14px; text-align: center; border: #aca49f 1px solid; display: block; padding: 10px; width: 200px;}
#tokucho_container>div>div>div.text_box>a>small{ padding-left: 10px; font-size: 8px;}

}







/* 会社概要 */
#company_content{}
#company_content>div{ background-color: white;}
#company_content>div h1,
#company_content>div h2{ color: #437b5e; margin: 0; text-align: center;}
#company_content>div h1>span,
#company_content>div h2>span{ border-bottom: #437b5e solid 3px; font-weight: normal; display: inline-block;}
#company_content>div p strong{ display: block; font-weight: normal;}
#company_content>div table th{ font-weight: normal;}
@media (min-width: 768px) {
#top_main_bn{ min-width: 980px; width: 100%; height: 630px; background:#dde4ec url(../../images/slide/slide_pc/TopBn.jpg) no-repeat center; background-size: auto 100%; display: block;}

#company_content>div{ padding: 50px; margin-top: 50px;}
#company_content>div h1>span,
#company_content>div h2>span{ font-size: 26px; line-height: 1.6; padding: 0 15px;}
#company_content>div p{ font-size:18px; line-height: 2; letter-spacing: 2px; margin: 100px 0 170px;}
#company_content>div p strong{ font-size: 22px; line-height: 70px;}
#company_content>div table{ border-top: 1px solid #b9d4c6; margin-top: 70px;}
#company_content>div table th,
#company_content>div table td{ font-size:16px; line-height: 24px; border-bottom: 1px solid #b9d4c6; padding: 25px 0 ; vertical-align: top;}
#company_content>div table th{ padding-left:30px; width: 330px;}
#company_content>div table td{ padding-right:25px;}
}
@media (max-width: 767px) {
#top_main_bn{ width: 100%; background:url(../../images/slide/slide_sp/TopBn_smp.jpg) no-repeat center; background-size: auto 100%; padding: 30% 0; display: block;}

#company_content>div{ padding: 25px 10px; margin-top: 25px;}
#company_content>div h1>span,
#company_content>div h2>span{ font-size: 18px; line-height: 1.6; padding: 0 10px;}
#company_content>div p{ font-size:14px; line-height: 2; letter-spacing: 2px; margin: 25px 0 85px;}
#company_content>div p strong{ font-size: 16px; line-height: 50px;}
#company_content>div table{ border-top: 1px solid #b9d4c6; margin-top: 35px;}
#company_content>div table th,
#company_content>div table td{ font-size:12px; line-height: 20px; border-bottom: 1px solid #b9d4c6; padding: 5px ; vertical-align: top;}
#company_content>div table th{ width: 100px;}
#company_content>div table td{}
}





/* 供花の注文 */
#flower_leed{}
#flower_leed h1{ color: #b5065c; font-weight: bold;}
#flower_leed p{}
#flower_leed p strong{ display: block;}

#sample_flower{ background-color:white; border: 2px solid #92418a;}
#sample_flower h2{ text-align: center; color: #92418a;}
#sample_flower ul{ font-size: 0; text-align: center;}
#sample_flower ul li{ display: inline-block; vertical-align: top; text-align: left;}
#sample_flower ul li img{}
#sample_flower ul li p{}
#sample_flower ul li p span{ display: block; color: #95000b; font-weight: bold;}
#sample_flower ul li p span small{ font-weight: bold;}

#fax_flower{}
#fax_flower>h2{ background-color: #92418a; color: white; text-align: center; margin: 0; font-weight: normal;}
#fax_flower>div{ background-color: white;}
#fax_flower>div>p>span{ color: #0000ff;}
#fax_flower>div .col-sm-8 img{ border: solid 1px #c9c9c9; box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.2);}
#fax_flower>div>strong{ font-weight: normal;}
#fax_flower>div .col-sm-4>a:first-child{ font-weight: bold; display: inline-block; background: #b5065c no-repeat right center url(../../kuge/images/dl_icon.gif); color: white;}

#from_flower{}
#from_flower>h2{ background-color: #92418a; color: white; text-align: center; margin: 0; font-weight: normal;}
#from_flower>div{ background-color: white;}

#from_flower>div table caption{ color:#313131; font-weight: bold;}
#from_flower>div table tbody{ border-top: 1px solid #434343;}
#from_flower>div table tr th,
#from_flower>div table tr td{ vertical-align:top; border-bottom: 1px solid #434343;}
#from_flower>div table tr th{ background-color:#f2e8f1; font-weight: normal;}

#from_flower>div table.flower_product tr td{ vertical-align:middle;}
#from_flower>div table.flower_product tr td:last-child{ vertical-align:top;}
#from_flower>div table.flower_product tr td:nth-last-child(2)>div{ display: table; width: 100%;}
#from_flower>div table.flower_product tr td:nth-last-child(2)>div>div{ vertical-align: bottom; display: table-cell;}

#from_flower>div table.vamt tr th,
#from_flower>div table.vamt tr td{ vertical-align:middle;}

#from_flower>div .flower_tag_name{}
#from_flower>div .flower_tag_name span{}
#from_flower>div .flower_tag_name img{}

.form-control.inline{ display: inline-block;}
#from_flower .btn.btn-purple{ background-color: #92418a; color: white;}
#from_flower .caution_text{}
#from_flower .caution_text strong{ display: block;}
#from_flower .agree_box{ text-align: center;}

@media (min-width: 768px) {
#flower_leed{ margin:60px 0 30px;}
#flower_leed h1{ font-size: 38px; line-height: 42px;}
#flower_leed p{ font-size: 18px; line-height: 34px;}
#flower_leed p strong{ font-size: 22px; line-height: 60px;}

#sample_flower h2{ font-size:35px; line-height: 75px;}
#sample_flower ul{}
#sample_flower ul li{ margin: 0 10px;}
#sample_flower ul li img{ margin-bottom: 10px;}
#sample_flower ul li p{ font-size: 20px; line-height: 32px;}
#sample_flower ul li p span{ font-size: 18px;}
#sample_flower ul li p span small{ font-size: 14px;}
#sample_flower>p{ font-size: 16px; line-height: 24px; padding: 0 30px 30px;}

#fax_flower{ margin: 70px 0 50px;}
#fax_flower>h2{ font-size: 30px; padding: 10px;}
#fax_flower>div{ padding: 50px;}
#fax_flower>div>p{ font-size:18px; line-height: 30px; margin-bottom: 30px;}
#fax_flower>div>strong{ font-size: 15px;}
#fax_flower>div .col-sm-4>a:first-child{ font-size:20px; line-height: 26px; padding: 10px; padding-right: 80px; margin: 30px 0 ;}
#fax_flower>div .col-sm-4>a:first-child:hover{ text-decoration: none;}
#fax_flower>div .col-sm-4>p{ font-size: 13px; line-height: 18px;}

#from_flower>div>p{ font-size: 18px; line-height: 30px; margin-bottom: 30px;}
#from_flower>div table{ margin-bottom:60px;}
#from_flower>div table caption{ font-size:18px;}
#from_flower{ margin: 70px 0 50px;}
#from_flower>h2{ font-size: 30px; padding: 10px;}
#from_flower>div{ padding: 50px;}
#from_flower>div table tr th,
#from_flower>div table tr td{ padding: 15px 20px; font-size: 18px;}
#from_flower>div table tr th{ width: 230px;}


#from_flower>div table.flower_product tr td:nth-last-child(2)>div>div:last-child{padding-left: 5px;}
#from_flower>div table.flower_product tr td:last-child{ width:140px; text-align: center;}
#from_flower>div table.flower_product tr td:last-child img{ width: 60px; height: auto;}


#from_flower>div .flower_tag_name{ margin-top: -30px; margin-bottom: 60px;}
#from_flower>div .flower_tag_name span{ display: inline-block; font-size: 18px; background-color: #e5e5e5; padding: 5px 15px; line-height: 1;}
#from_flower>div .flower_tag_name img{ display: block; margin: 0 20px 0 auto;}

.form-control.inline.zip{ width: 100px;}
#from_flower .btn.btn-purple{ text-align:center; width: 515px; font-size: 24px; margin: 0 auto; display: block;}
#from_flower .caution_text{ font-size: 14px; line-height: 20px;}
#from_flower .caution_text strong{}
#from_flower .agree_box{ margin: 30px 0; font-size: 16px;}
#from_flower>div table tr td .form-horizontal{ padding: 0 5px;}

#from_flower>div table.payment_table td label:first-child{ margin: 0 150px 0 0;}

#from_flower>div table.customer_table p{ font-size: 15px; margin: 10px 0 0 0;}
#from_flower>div table.customer_table p.caution_icon{ background:url(../../kuge/images/caution_icon.png) no-repeat left 3px; padding-left: 40px;}

}
@media (max-width: 767px) {
#flower_leed{ margin:30px 0 15px;}
#flower_leed h1{ font-size: 26px; line-height: 28px;}
#flower_leed p{ font-size: 12px; line-height: 23px;}
#flower_leed p strong{ font-size: 15px; line-height: 40px;}

#sample_flower h2{ font-size:24px; line-height: 50px; margin: 10px 0;}
#sample_flower ul{}
#sample_flower ul li{ margin: 0 10px; width: 40%; max-width: 162px;}
#sample_flower ul li img{ margin-bottom: 7px;}
#sample_flower ul li p{ font-size: 14px; line-height: 22px;}
#sample_flower ul li p span{ font-size: 12px;}
#sample_flower ul li p span small{ font-size: 10px;}
#sample_flower>p{ font-size: 11px; line-height: 14px; padding: 0 15px 15px;}

#fax_flower{ margin: 35px 0 25px;}
#fax_flower>h2{ font-size: 20px; padding: 7px;}
#fax_flower>div{ padding: 10px;}
#fax_flower>div>p{ font-size:12px; line-height: 20px; margin-bottom: 20px;}
#fax_flower>div>strong{ font-size: 12px;}
#fax_flower>div .col-sm-4>a:first-child{ font-size:14px; line-height: 20px; padding: 7px; padding-right: 80px; margin: 15px auto;}
#fax_flower>div .col-sm-4>a:first-child:hover{ text-decoration: none;}
#fax_flower>div .col-sm-4>p{ font-size: 10px; line-height: 14px; text-align: left;}
#fax_flower>div .col-sm-4>a>img{ max-width: 50%; height: auto;}

#from_flower>div>p{ font-size: 12px; line-height: 20px; margin-bottom: 15px;}
#from_flower>div table{ margin-bottom:30px;}
#from_flower>div table caption{ font-size:12px;}
#from_flower{ margin: 35px 0 25px;}
#from_flower>h2{ font-size: 15px; padding: 5px;}
#from_flower>div{ padding: 10px;}
#from_flower>div table tr th,
#from_flower>div table tr td{ padding: 5px; font-size: 12px;}
#from_flower>div table tr th{ width: 60px;}

#from_flower>div table.flower_product tr td:nth-last-child(2)>div>div:last-child{padding-left: 5px;}
#from_flower>div table.flower_product tr td:last-child{ text-align: center;}
#from_flower>div table.flower_product tr td:last-child img{ width: 50%; height: auto;}

#from_flower>div table.flower_product{ border-bottom: 1px solid #434343;}
#from_flower>div table.flower_product tr td,
#from_flower>div table.flower_product tr th{ border: none;}
#from_flower>div table.flower_product tr td{ display:block; width: 60%;}
#from_flower>div table.flower_product tr td:nth-child(1){ width:100%; border-top: 1px solid #434343;}
#from_flower>div table.flower_product tr td:nth-child(2){ float:left;}
#from_flower>div table.flower_product tr td:last-child{ float:right; width:40%;}

#from_flower>div table.flower_product tr:first-child td{ display:block; width: 60%;}
#from_flower>div table.flower_product tr:first-child td:nth-child(2){ width:100%;}
#from_flower>div table.flower_product tr:first-child td:nth-child(3){ float:left;}
#from_flower>div table.flower_product tr:first-child td:last-child{ float:right; width:40%;}

#from_flower>div table.flower_product tr td:nth-last-child(2)>div{ margin-top:25px;}

#from_flower>div table.flower_product tr td strong{ margin-right: 10px;}

#from_flower>div .flower_tag_name{ margin-top: -15px; margin-bottom: 30px;}
#from_flower>div .flower_tag_name span{ display: inline-block; font-size: 12px; background-color: #e5e5e5; padding: 3px 5px; line-height: 1; margin-bottom: 10px;}
#from_flower>div .flower_tag_name img{ display: block; margin: 0 auto; max-width: 100%;}

.form-control.inline.zip{ width: 50px;}
#from_flower .btn.btn-purple{ text-align:center; font-size: 20px; margin: 0 auto; display: block;}
#from_flower .caution_text{ font-size: 10px; line-height: 16px;}
#from_flower .caution_text strong{}
#from_flower .agree_box{ margin: 20px 0;}

#from_flower>div table tr td .form-horizontal{ padding: 0 5px;}

#from_flower>div table.customer_table p{ font-size: 10px; margin: 5px 0 0 0;}
#from_flower>div table.customer_table p.caution_icon{ background:url(../../kuge/images/caution_icon.png) no-repeat left 2px; padding-left: 20px; background-size: 16px;}
}








/* CMギャラリー */
#cmgallery_content h1{ color: #549a76;}
#cmgallery_content h1::after{ content:"　"; background: url(../../cmgallery/images/movieicon.png) no-repeat center center;}
#gallery_box{}
#gallery_box video{ width:100%; height: auto;}
@media (min-width: 768px) {
#cmgallery_content h1{ font-size: 30px; margin-top: 50px;}
#cmgallery_content h1::after{ background-size: 41px auto; width: 41px; height: 31px; display: inline-block; margin-left: 10px;}
#gallery_box{ padding: 50px;}
#gallery_box h2{ font-size: 24px;}
#gallery_box>div{ margin-bottom:80px;}
#gallery_box>div:last-child{margin-bottom:0;}
}
@media (max-width: 767px) {
#cmgallery_content h1{ font-size: 30px; margin-top: 50px;}
#cmgallery_content h1::after{ background-size: 41px auto; width: 41px; height: 31px; display: inline-block; margin-left: 10px;}
#gallery_box{}
#gallery_box h2{ font-size: 18px;}
#gallery_box>div{ margin-bottom:40px;}
}










/* sougi-逝去から葬儀を終えるまで */
#flow_ol{ list-style:none; padding: 0;}
#flow_ol li{ position:relative;}
#flow_ol li small{ color:white; background-color: #549a76; text-align: center; font-weight: bold;}
#flow_ol li p strong{ color: #549a76; font-weight: normal;}
@media (min-width: 768px) {
.flow_lead{ margin-bottom:50px;}
.flow_lead h1{ font-size: 30px; letter-spacing: 2.5px; margin: 90px 0 30px;}
.flow_lead p{ font-size: 20px; letter-spacing: 2px; margin: 0;}
#flow_ol{ font-size:0;}
#flow_ol li{ background-color: white; border: 2px solid #99cdb2; display: inline-block; vertical-align: top; width: 225px; margin: 0 20px 50px 0; padding: 24px 20px 18px; height: 284px;}
#flow_ol li:nth-child(4n+0){ margin-right: 0;}
#flow_ol li small{ display:block; width: 30px; font-size: 24px; margin: 0 auto 15px;;}
#flow_ol li p{ font-size: 16px;}
#flow_ol li p strong{ display: block; border-bottom: 2px solid #99cdb2; text-align: center; font-size: 20px; margin-bottom: 10px;}
#flow_ol li div{ text-align: center;}
#flow_ol li div img{ height: auto;}
#flow_ol li.flow01 div img{ width: 97px;}
#flow_ol li.flow02 div img{ width: 65px;}
#flow_ol li.flow03 div img{ width: 54px;}
#flow_ol li.flow04 div img{ width: 88px;}
#flow_ol li.flow05 div img{ width: 88px;}
#flow_ol li.flow06 div img{ width: 73px;}
#flow_ol li.flow07 div img{ width: 66px;}
#flow_ol li.flow08 div img{ width: 45px;}
#flow_ol li.flow01 div{ padding-top: 0px;}
#flow_ol li.flow02 div{ padding-top: 18px;}
#flow_ol li.flow03 div{ padding-top: 0px;}
#flow_ol li.flow04 div{ padding-top: 20px;}
#flow_ol li.flow05 div{ padding-top: 20px;}
#flow_ol li.flow06 div{ padding-top: 20px;}
#flow_ol li.flow07 div{ padding-top: 20px;}
#flow_ol li.flow08 div{ padding-top: 15px;}
#flow_ol li::before{ content:""; width: 30px; height: 43px; display: block; background: url(../../sougi/images/flow/arrow_r.png) no-repeat; position: absolute; right: -22px; top:48%;}
#flow_ol li:last-child::before{ content:none; display: none;}
.flow_ol_p{ font-size: 18px; line-height: 30px; margin-bottom: 50px;}
}
@media (max-width: 767px) {
.flow_lead{ margin-bottom:50px;}
.flow_lead h1{font-size: 24px; margin: 40px 0 10px;}
.flow_lead p{ font-size: 16px; margin: 0;}
#flow_ol li{ display:table; width: 100%; margin-bottom: 10px; background-color: white;}
#flow_ol li small,
#flow_ol li p,
#flow_ol li div{ display: table-cell; vertical-align: middle;}
#flow_ol li small{ width: 35px; font-size: 18px;}
#flow_ol li p{ border-top: 1px solid #99cdb2; border-bottom: 1px solid #99cdb2; font-size: 14px; padding: 15px 0 15px 15px;}
#flow_ol li p strong{ font-size:18px; display: block;}
#flow_ol li div{ border-top: 1px solid #99cdb2; border-bottom: 1px solid #99cdb2; border-right: 1px solid #99cdb2; padding: 0 10px; width: 70px; text-align: center;}
#flow_ol li.flow01 div img{ width: 100%;}
#flow_ol li.flow02 div img{ width: 90%;}
#flow_ol li.flow03 div img{ width: 92%;}
#flow_ol li.flow04 div img{ width: 100%;}
#flow_ol li.flow05 div img{ width: 100%;}
#flow_ol li.flow06 div img{ width: 100%;}
#flow_ol li.flow07 div img{ width: 86%;}
#flow_ol li.flow08 div img{ width: 76%;}
#flow_ol li::before{ content:""; width: 100%; height: 19.5px; display: block; background: url(../../sougi/images/flow/arrow_b.png) no-repeat center; background-size: 39px auto; position: absolute; bottom: -11px; left:0;}
#flow_ol li:last-child::before{ content:none; display: none;}
.flow_ol_p{ font-size: 14px; line-height: 1.66; margin-top: 50px;}
}










.shaso_lead h1{ background: url(../../sougi/images/shaso/back_img.jpg) no-repeat center center; color: #50790a;}
.shaso_lead h1 small{ color: #362e2b;}
#shaso_tel{ background-color:white; border-color: #50790a; border-style: solid;}
#shaso_tel>div>p>strong,
#shaso_tel>div>p>span.red{ color: #d70011;}
#shaso_tel>div>a.tel{ font-weight: bold; color: #cc2a1e; background: url(../../sougi/images/shaso/tel_icon.png) no-repeat left center;}
#shaso_tel>div>a.mail{ color: white; font-weight: normal; background:#59493f url(../../sougi/images/shaso/mail_icon.png) no-repeat center;}
#shaso_tel>div>a.tel:hover,
#shaso_tel>div>a.mail:hover{ text-decoration: none;}
#shaso_flow{}
#shaso_flow h2{ color:white; background-color: #50790a; text-align: center;}
#shaso_flow>div:first-child img{width: 100%; height: auto;}
@media (min-width: 768px) {
.shaso_lead{ margin-bottom: 40px;}
.shaso_lead h1{font-size: 60px; line-height: 70px; text-align: center; padding: 90px 0 110px; margin: 30px 0 90px; background-size: 100% auto;}
.shaso_lead h1 small{ font-size: 30px; line-height: 40px; display: block; margin: 0 0 20px;}
.shaso_lead p{ text-align: center; margin-bottom: 60px;}
#shaso_tel{ border-width:3px; padding: 30px 30px 20px; display: table; width: 100%; margin-bottom: 120px;}
#shaso_tel>div{ display:table-cell; vertical-align: middle; text-align: center;}
#shaso_tel>div:first-child{ width:420px; font-size: 0;}
#shaso_tel>div>p{ display: inline-block; width: 291px; vertical-align: middle; font-size: 16px; margin: 0; line-height: 1.6;}
#shaso_tel>div>p strong{ display:block; font-size: 28px; margin-bottom: 10px;}
#shaso_tel>div>div{ display: inline-block; width: 129px; vertical-align: middle;}
#shaso_tel>div>a{ display: inline-block; margin: 0 auto;}
#shaso_tel>div>a.tel{ font-size:46px; padding-left: 60px; margin-bottom: 5px;}
#shaso_tel>div>a.mail{ width: 430px; background-position: 360px center; font-size: 18px; padding: 6px 0; position: relative;}
#shaso_tel>div>a.mail::after{ content: ">"; font-size: 10px; font-weight: normal; position: absolute; right: 20px; top: 10px;}
#shaso_flow>div{ margin-bottom: 50px; font-size: 0;}
#shaso_flow h2{ font-size: 36px; padding: 10px 0;}
#shaso_flow p{ font-size: 20px; margin: 20px 0;}
#shaso_flow figure{ margin-bottom: 50px;}
#shaso_flow figure img{ margin-bottom: 10px;}
#shaso_flow figure figcaption{ font-size: 14px;}
#shaso_flow figure.no01 figcaption{ text-align: right;}
#shaso_flow figure.no02,
#shaso_flow figure.no03{ width: 455px; display: inline-block;}
#shaso_flow figure.no02{ margin-right:50px;}

}
@media all and (-ms-high-contrast: none){
#shaso_flow h2{ padding-top:20px;}
}

@media (max-width: 767px) {
.shaso_lead{ margin-bottom: 35px;}
.shaso_lead h1{font-size: 30px; line-height: 35px; text-align: center; padding: 20px 0 20px; margin: 15px 0 30px; background-size: 100% auto;}
.shaso_lead h1 small{ font-size: 15px; line-height: 20px; display: block; margin: 0 0 10px;}
.shaso_lead p{ text-align: left; margin-bottom: 30px;}
#shaso_tel{ border-width:2px; padding: 15px 15px 10px; width: 100%; margin-bottom: 60px;}
#shaso_tel>div{ display:block; width: 266px; margin: 0 auto; font-size: 0;}
#shaso_tel>div>p{ display:inline-block; font-size: 12px; margin: 0; line-height: 1.6; width: 190px;}
#shaso_tel>div>p strong{ display:block; font-size: 18px;}
#shaso_tel>div>div{ display: inline-block; width: 76px; vertical-align: top; text-align: center;}
#shaso_tel>div>div img{ width: 51px; height: auto; vertical-align: top;}
#shaso_tel>div>a{ display: inline-block; margin: 0 auto;}
#shaso_tel>div:last-child{text-align: center;}
#shaso_tel>div>a.tel{ font-size:25px; padding-left: 40px; margin: 10px auto; background-size: 30px auto;}
#shaso_tel>div>a.mail{ width:100%; background-position: 230px center; font-size: 12px; padding: 10px 0; position: relative; background-size: 12px auto;}
#shaso_tel>div>a.mail::after{ content: ">"; font-size: 10px; font-weight: normal; position: absolute; right: 10px; top: 11px;}
#shaso_flow>div{ margin-bottom: 50px; font-size: 0;}
#shaso_flow h2{ font-size: 20px; padding: 10px 0;}
#shaso_flow p{ font-size: 16px; margin: 20px 0;}
#shaso_flow figure{ margin-bottom: 30px;}
#shaso_flow figure img{ margin-bottom: 10px; max-width: 100%;}
#shaso_flow figure figcaption{ font-size: 14px;}

}