@charset "utf-8";
/*===============================================
 *	料金について
===============================================*/
.basic-service_list{margin: 0 0 50px;}
/*-----------------------------------------------
 *	見出し
-----------------------------------------------*/
.icon-price{margin: 0 0 40px;}
.icon-price::before{content: "";background:url("../img/price/icon-price.png") no-repeat;background-size: contain;width: 80px;height: 80px;position: absolute;left: 0;bottom: 0;}
@media only screen and (max-width: 1024px) {
.icon-price {padding: 0 0 0 1em;}
}
@media only screen and (max-width: 960px) {
.icon-price {padding: 0 0 0 1.25em;}
.icon-price::before {width: 60px;height: 60px;}
}
@media only screen and (max-width: 568px) {
.icon-price {padding: 50px 0 0;}
.icon-price::before {width: 50px;height: 50px;top: 0;left: 50%;transform: translateX(-50%);}
}
/*-----------------------------------------------
 *	必要なサービス
-----------------------------------------------*/
.price-inc_contents{margin: 0 auto 60px;}
.price-inc_ttl {background: var(--site-secondary);color: #fff;font-size: 34px;font-weight: bold;padding: 10px 0;text-align: center;border-radius: 6px 6px 0 0;}
.price-inc_ttl span {position: relative;z-index: 10;}
.price-inc_box{background: #fff;border:var(--site-secondary) 4px solid;border-radius: 0 0 6px 6px;padding: 30px 0;position: relative;}
.price-inc_box::after{content: "";display: block;background: url("../img/price/bg-price-point.png") no-repeat;background-size: contain;width: 190px;height: 186px;position: absolute;left: 5px;bottom: -1px;z-index: 5;}
@media only screen and (max-width: 1024px) {
.price-inc_box .need-detail {margin: 0 0 0 25%;}
}
@media only screen and (max-width: 960px) {
.price-inc_contents{margin: 0 auto 50px;}
.price-inc_ttl {font-size: 30px;}
.price-inc_box::after {width: 160px;height: 156px;}
}
@media only screen and (max-width: 568px) {
.price-inc_contents{margin: 0 auto 40px;}
.price-inc_ttl {font-size: 22px;}
.price-inc_box {padding: 15px 0;}
.price-inc_box::after {width: 90px;height: 86px;}
.price-inc_box .need-detail {width: 92%;margin: 0 auto;}
.price-inc_box .need-detail dt {font-size: 20px;width: 100%;}
.price-inc_box .need-detail dd {font-size: 30px;text-align: right;width: 100%;}
.price-inc_box .need-detail dd span:first-child {font-size: 24px;}
.price-inc_box .need-detail dd span:last-child {font-size: 16px;}
}
@media only screen and (max-width: 375px) {
.price-inc_box::after {width: 70px;height: 66px;}
}
/*-----------------------------------------------
 *	間取り別
-----------------------------------------------*/
#price .note-box{margin: 0 0 50px;}
#price .secondary-frame .link-service_list {margin: 0 0 50px;}
#price .top-point_contents p{margin: 0 0 20px;}
#price .top-point_contents dl {display: flex;flex-wrap: wrap;width: 100%;}
#price .top-point_contents dt {width: 25%;color: #fff;padding: 15px 10px 10px;margin-bottom: 10px;background-color: var(--site-secondary);font-size: 20px;font-weight: bold;text-align: center}
#price .top-point_contents dd{width: 75%;color: var(--site-primary);font-size: 22px;font-weight: bold;padding: 10px;background: #fff;border:var(--site-secondary) 2px solid;margin-bottom: 10px;text-align: center;}
#price .top-point_wrap {margin: 0;}
@media only screen and (max-width: 1024px) {
#price .top-point_wrap {margin: 0;padding: 20px;}
#price .top-point_contents dt {padding: 10px;}
#price .top-point_contents dd {font-size: 20px;padding: 10px;}
}
@media only screen and (max-width: 960px) {
#price .top-point_contents dt {font-size: 18px;}
#price .top-point_contents dd {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
#price .note-box {margin: 0 4% 30px;}
#price .top-point_contents dt {font-size: 17px;width: 20%;}
#price .top-point_contents dd {font-size: 17px;width: 80%;}
}
/*-----------------------------------------------
 *	料金の目安
-----------------------------------------------*/
.catch-price_ttl{color: var(--site-secondary);font-size: 26px;font-weight: bold;margin: 0 0 40px;text-align: center;}
.other-price_item{margin: 0 0 50px;}
.other-price_item:last-child{margin: 0 0 80px;}
.price-item_contents{margin: 0 0 40px;}
.price-item_contents img{max-width: 510px;width: 46%;}
.item-box{width: 50%;}
.item-txt{margin: 0 0 20px;}
#price .underlayer-nm_ttl {margin: 0 0 20px;}
@media only screen and (max-width: 568px) {
.catch-price_ttl {font-size: 21px;margin: 0 0 20px;}
.price-item_contents img {max-width: initial;width: 100%;margin: 0 auto 20px;}
.item-box {width: 100%;}
}
@media only screen and (max-width: 375px) {
.catch-price_ttl {font-size: 20px;}
}
/*-----------------------------------------------
 *	Basic Table
-----------------------------------------------*/
table.basic-tbl{width: 100%;}
table.basic-tbl th{font-weight: bold;border-left: 1px solid var(--site-secondary);border-right: 1px solid var(--site-secondary);border-top: 1px solid var(--site-secondary);border-bottom: 1px solid var(--site-secondary);padding: 10px 0;line-height: 1.2;}

table.basic-tbl td{border-left: 1px solid var(--site-secondary);border-bottom: 1px solid var(--site-secondary);border-top:none;padding: 5px 0;}
table.basic-tbl td:last-child{border-top: 1px solid var(--site-secondary);border-right: 1px solid var(--site-secondary);}
.small-txt{color: #6f6f6f;font-size: 14px;}
/*-----------------------------------------------
 *	Table
-----------------------------------------------*/
table.row01-tbl {margin-bottom: 5px;}
table.row01-tbl th{background: var(--site-secondary);border-bottom: #fff 1px solid;color: #fff;font-weight: bold;text-align: center;font-size: 20px;}
table.row01-tbl th span{font-size: 16px;}
table.row01-tbl th.subhd-txt{background: var(--site-secondary);font-size: 18px;}
table.row01-tbl td{background: #fff;font-weight: bold;font-size: 20px;padding: 5px 1em;}
table.row01-tbl td.price{color: #dc2338;}
table.row01-tbl td span{font-size: 14px;}
@media only screen and (max-width: 960px) {
table.row01-tbl th {font-size: 18px;}
table.row01-tbl td {font-size: 17px;padding: 5px .5em;}
}
@media only screen and (max-width: 568px) {
table.row01-tbl th {font-size: 16px;width: 42%;}
table.row01-tbl th.subhd-txt{font-size: 16px;}
table.row01-tbl th span {font-size: 13px;}
table.row01-tbl td {font-size: 17px;padding: 5px .5em;}
table.row01-tbl td span{font-size: 13px;}
table.row01-tbl td.price {font-size: 18px;}
}
@media only screen and (max-width: 320px) {
table.row01-tbl th.subhd-txt{font-size: 14px;}
table.row01-tbl th,table.row01-tbl td {font-size: 14px;}
}
/*-----------------------------------------------
 *	消毒・除菌
-----------------------------------------------*/
table.altar-tbl {margin-bottom: 5px;}
table.altar-tbl tr:nth-child(even){background-color:#dceaf0;}
table.altar-tbl tr:nth-child(odd){background-color:#fff;}
table.altar-tbl th{background: var(--site-secondary);color: #fff;font-weight: bold;text-align: center;font-size: 16px;}
table.altar-tbl th span{font-size: 14px;}
table.altar-tbl td{font-weight: bold;text-align: center;font-size: 20px;padding: 7px 0;}
table.altar-tbl th:first-child{background: #E2DBCC;}
table.altar-tbl td:first-child{color: #282828;font-size: 18px;}
@media only screen and (max-width: 568px) {
table.altar-tbl th {font-size: 16px;}
table.altar-tbl td:first-child {font-size: 16px;}
table.altar-tbl td {font-size: 18px;}
table.altar-tbl th span{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
table.altar-tbl th {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
table.altar-tbl th {font-size: 14px;}
table.altar-tbl td:first-child {font-size: 14px;}
table.altar-tbl td:first-child span {font-size: 12px;}
table.altar-tbl td {font-size: 16px;}
}
/*-----------------------------------------------
 *	buddhist-tbl 仏壇クリーニング
-----------------------------------------------*/
table.buddhist-tbl {margin-bottom: 5px;}
table.buddhist-tbl tr:nth-child(even){background-color:#f9f4e9;}
table.buddhist-tbl tr:nth-child(odd){background-color:#fff;}
table.buddhist-tbl th {background: var(--site-secondary);border: solid 1px var(--site-secondary);color: #fff;font-weight: bold;text-align: center;font-size: 16px;}
table.buddhist-tbl th span{font-size: 14px;}
table.buddhist-tbl td {border: solid 1px var(--site-secondary);color: #dc2338;font-weight: bold;text-align: center;font-size: 18px;padding: 7px 0;}
table.buddhist-tbl th:first-child{background: #d0e7e5;color: #333;}
table.buddhist-tbl td:first-child{color: #282828;font-size: 18px;}
@media screen and (max-width: 640px) {
table.buddhist-tbl tr:nth-child(even){background-color:none;}
table.buddhist-tbl tr:nth-child(odd){background-color:none;}
table.buddhist-tbl th {border-bottom: none;}
table.buddhist-tbl td{background-color:#fff;border-bottom: none;padding: 7px 10px;}
table.buddhist-tbl .last td:last-child {border-bottom: solid 1px var(--site-secondary);width: 100%;}
table.buddhist-tbl {width: 100%;}
table.buddhist-tbl .thead {display: none;}
table.buddhist-tbl tr {width: 100%;}
table.buddhist-tbl td {display: block;text-align: right;width: 100%;}
table.buddhist-tbl td:first-child {background: var(--site-secondary);color: #fff;font-weight: bold;text-align: center;}
    
table.buddhist-tbl td:before {content: attr(data-label);color: #333;font-size: 14px;float: left;font-weight: bold;margin-right: 10px;}
}





