@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 65%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 65%;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {font-size: 32px;text-align: center;padding: .6em 1em;}
.ytxt{color: #ffeb00;}
.rtxt{color: #dd717f;}
.p_ptxt{color: #ec7589;}
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 26px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {font-size: 20px;}
}
/*===============================================
 *	opening-wrap
===============================================*/
.btxt{color: #17a5d3;}
.opening-wrap{position: relative;margin-bottom: 2em;}
.ttl-opening{font-size: 32px;font-weight: bold;letter-spacing: 3px;line-height: 1.5;margin-bottom: .5em;}
.ttl-opening em{font-size: 40px;}
.opening-top_dashed{border-top: #959595 3px dashed;padding-top: 1em;max-width: 550px;}
figure.bg-opening_ttl{max-width: 410px;position: absolute;right: 0;bottom: -32px;}
@media only screen and (max-width: 1024px) {
.opening-top_dashed {max-width: 530px;}
}
@media only screen and (max-width: 768px) {
.opening-wrap {margin-bottom: 1em;}
.ttl-opening {font-size: 26px;letter-spacing: 1px;}
.ttl-opening em {font-size: 30px;}
.ttl-opening p {font-size: 25px;}
.opening-top_dashed {max-width: 380px;}
figure.bg-opening_ttl {max-width: 320px;bottom: -14px;}
}
@media only screen and (max-width: 568px) {
.opening-wrap{align-items: flex-end;}
.ttl-opening {font-size: 16px;margin-bottom: 10px;width: 70%;}
.ttl-opening em {font-size: 18px;}
figure.bg-opening_ttl {max-width: 125px;bottom: 105px;}
.ttl-opening p {font-size: 16px;}
.opening-top_dashed {max-width: initial;}
}
@media only screen and (max-width: 414px) {
figure.bg-opening_ttl {max-width: 100px;bottom: 140px;}
}
@media only screen and (max-width: 390px) {
figure.bg-opening_ttl {max-width: 110px;}
}
@media only screen and (max-width: 375px) {
.ttl-opening {width: 72%;}
figure.bg-opening_ttl {max-width: 100px;}
}
/*===============================================
 *	price Table
===============================================*/
table.price-tbl{width: 100%;}
table.price-tbl th{font-weight: bold;border-left: 1px solid #17a5d3;border-top: 1px solid #17a5d3;border-bottom: 1px solid #17a5d3;padding: 10px 0;line-height: 1.2;}
table.price-tbl th:last-child{border-right: 1px solid #17a5d3;}
table.price-tbl td{border-left: 1px solid #17a5d3;border-bottom: 1px solid #17a5d3;border-top:none;padding: 5px 0;}
table.price-tbl td:last-child{border-top: 1px solid #17a5d3;border-right: 1px solid #17a5d3;border-bottom: 1px solid #17a5d3;}

/*===============================================
 *	Basic Table
===============================================*/
table.basic_row-tbl {margin-bottom: 5px;}
table.basic_row-tbl th{background: #17a5d3;color: #fff;font-weight: bold;text-align: center;font-size: 20px;}
table.basic_row-tbl th.subhd-txt{background: #ecf8fd;color: #282828;font-size: 18px;}
table.basic_row-tbl td{background: #fff;color: #f25d5e;font-weight: bold;font-size: 20px;padding: 5px 1em;}
table.basic_row-tbl td span{font-size: 14px;}
@media only screen and (max-width: 768px) {
table.basic_row-tbl th {font-size: 16px;}
table.basic_row-tbl td {font-size: 18px;}
}
@media only screen and (max-width: 568px) {
table.basic_row-tbl th {font-size: 16px;width: 46%;}
table.basic_row-tbl th.subhd-txt{font-size: 15px;}
table.basic_row-tbl td {font-size: 16px;padding: 5px .5em;text-align: center;}
table.basic_row-tbl td span{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
table.basic_row-tbl th,table.basic_row-tbl td {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
table.basic_row-tbl th.subhd-txt{font-size: 14px;}
table.basic_row-tbl th,table.basic_row-tbl td {font-size: 14px;}
}

/*===============================================
 *	Price Other Table
===============================================*/
table.row01-tbl {margin-bottom: 5px;}
table.row01-tbl th{background: #e4f0f2;color: #f0922d;font-weight: bold;text-align: center;font-size: 20px;}
table.row01-tbl th span{color: #282828;font-size: 16px;}
table.row01-tbl th.subhd-txt{background: #ecf8fd;color: #282828;font-size: 18px;}
table.row01-tbl td{background: #fff;color: #f25d5e;font-weight: bold;text-align: center;font-size: 20px;padding: 5px 1em;}
table.row01-tbl td span{font-size: 14px;}
@media only screen and (max-width: 768px) {
table.row01-tbl th {font-size: 16px;}
table.row01-tbl th span {font-size: 13px;}
}
@media only screen and (max-width: 568px) {
table.row01-tbl th {font-size: 16px;width: 50%;}
table.row01-tbl th.subhd-txt{font-size: 16px;}
table.row01-tbl th span {font-size: 13px;}
table.row01-tbl td {font-size: 16px;padding: 5px .5em;}
table.row01-tbl td span{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
table.row01-tbl th,table.row01-tbl td {font-size: 15px;}
}
@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;}
}
/*===============================================
 *	Relics Table
===============================================*/
table.relics-tbl {margin-bottom: 5px;}
table.relics-tbl tr:nth-child(even){background-color:#e4f0f2;}
table.relics-tbl tr:nth-child(odd){background-color:#fff;}
table.relics-tbl th{color: #fff;font-weight: bold;text-align: center;font-size: 20px;}
table.relics-tbl th:first-child{background: #f0922d;width: 28%;}
table.relics-tbl th:nth-child(2){background: #17a5d3;width: 32%;}
table.relics-tbl th:nth-child(3){background: #ec7589;width: 40%;}
table.relics-tbl th span{color: #fff;font-size: 18px;}
table.relics-tbl td{background: none;color: #282828;font-weight: bold;text-align: center;font-size: 20px;padding: 7px 0;line-height: 1.3;}
table.relics-tbl td:nth-child(3){color: #ec7589;font-size: 28px;}
@media only screen and (max-width: 768px) {
table.relics-tbl th{font-size: 16px;}
table.relics-tbl th span {display: block;font-size: 14px;}
table.relics-tbl td{font-size: 18px;}
table.relics-tbl td:nth-child(3) {font-size: 20px;}
}
@media only screen and (max-width: 568px) {
table.relics-tbl th {font-size: 16px;}
table.relics-tbl td:first-child {font-size: 16px;}
table.relics-tbl td {font-size: 18px;}
table.relics-tbl th span{font-size: 13px;}
}
@media only screen and (max-width: 375px) {
table.relics-tbl th {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
table.relics-tbl th {font-size: 14px;}
table.relics-tbl td:first-child {font-size: 14px;}
table.relics-tbl td:first-child span {font-size: 12px;}
table.relics-tbl td {font-size: 16px;}
}
/*===============================================
 *	buddhist-tbl 仏壇クリーニング
===============================================*/
table.buddhist-tbl {margin-bottom: 5px;}
table.buddhist-tbl tr:nth-child(even){background-color:#dceaf0;}
table.buddhist-tbl tr:nth-child(odd){background-color:#fff;}
table.buddhist-tbl th {background: #17a5d3;border: solid 1px #ccc;color: #fff;font-weight: bold;text-align: center;font-size: 16px;}
table.buddhist-tbl th span{color: #fff;font-size: 14px;}
table.buddhist-tbl td {background: none;border: solid 1px #ccc;color: #f25d5e;font-weight: bold;text-align: center;font-size: 20px;padding: 7px 0;}
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 #ccc;width: 100%;}
table.buddhist-tbl {width: 94%;}
table.buddhist-tbl td:last-child {border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.buddhist-tbl .thead {display: none;}
table.buddhist-tbl tr {width: 100%;}
table.buddhist-tbl td {display: block;font-size: 15px;text-align: right;width: 100%;}
table.buddhist-tbl td:first-child {background: #17a5d3;color: #fff;font-weight: bold;text-align: center;}
table.buddhist-tbl td:before {content: attr(data-label);color: #363636;font-size: 14px;float: left;font-weight: bold;margin-right: 10px;}
}
/*===============================================
 * price-wrap
===============================================*/
.price-wrap{margin-bottom: 4em;}
.service-contents{margin-bottom: 4em;}
.cleaning-contents{margin-bottom: 4em;}
@media only screen and (max-width: 568px) {
.price-wrap{margin-bottom: 2.5em;}
.service-contents {margin-bottom: 2.5em;}
.cleaning-contents {margin-bottom: 2.5em;}
}
/*===============================================
 * picture-container
===============================================*/
.picture-container{margin-bottom: 6%;}
.picture-field{display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;margin-bottom: 5%;}
.photo-field{max-width: 380px;}
.txt-fieldgroup{max-width: 570px;}
.txt-descriptionbox p{margin-bottom: 20px;}
.picture-field_reverse {flex-direction: row-reverse;}
@media only screen and (max-width: 1024px) {
.photo-field {max-width: 370px;}
.txt-fieldgroup {max-width: 550px;}
}
@media only screen and (max-width: 768px) {
.photo-field {max-width: 280px;}
.txt-fieldgroup {max-width: 410px;}
}
@media only screen and (max-width: 568px) {
.photo-field {max-width: inherit;margin-bottom: 20px;}
.txt-fieldgroup {max-width: initial;}    
.txt-descriptionbox p {margin-bottom: 10px;}
}
/*===============================================
 *	subhd-fieldgroup
===============================================*/
.subhd-fieldgroup{border-bottom: #959595 2px dashed;font-size: 30px;font-weight: bold;letter-spacing: 0;margin-bottom: .75em;padding: 0 0 .5em;}
.subhd-fieldgroup span{border-left: #17a5d3 18px solid;display: block;padding: 0 0 0 .5em;line-height: 1.4;}
.subhd-fieldgroup em{font-size: 32px;}
@media only screen and (max-width: 1024px) {
.subhd-fieldgroup {font-size: 28px;}
.subhd-fieldgroup em {font-size: 30px;}
}
@media only screen and (max-width: 768px) {
.subhd-fieldgroup {font-size: 18px;margin-bottom: 15px;}
.subhd-fieldgroup em {font-size: 21px;}
.subhd-fieldgroup span {border-left: #17a5d3 13px solid;}
}
@media only screen and (max-width: 568px) {
.subhd-fieldgroup {font-size: 16px;}
.subhd-fieldgroup em {font-size: 20px;}
.subhd-fieldgroup span {border-left: #17a5d3 10px solid;padding: .25em 0 .25em .5em;}
}
/*-----------------------------------------------
 *	memo-contents
-----------------------------------------------*/
.memo-contents{background: #fff;border: #ec7589 3px solid;border-radius: 10px;padding: .75em;position: relative;margin-bottom: 2.5em;}
.memo-contents figure.img-service_memo{max-width: 306px;}
.memo-inner{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;flex-direction:row-reverse;}
.img-exist_re .memo-box_re{max-width: 625px;}
.memo-ttl{background: #f8ebed;border-radius: 6px;color: #ec7589;font-size: 16px;font-weight: bold;margin-bottom: 5px;text-align: center;padding: 5px 0 0;}
.memo-ttl::before{content: url("../img/price/icon-caution.png");display: inline-block;padding: 5px 5px 0 0;vertical-align: middle;}
.memo-box p span{color: #f49b2e;}
@media only screen and (max-width: 1024px) {
.img-exist_re .memo-box_re {max-width: 585px;}
}
@media only screen and (max-width: 768px) {
.img-exist_re .memo-box_re {max-width: 435px;}
.memo-contents figure.img-service_memo {max-width: 230px;}
}
@media only screen and (max-width: 568px) {
.memo-ttl{font-size: 15px;line-height: 1.2;margin-bottom: 10px;padding: 5px 0 7px;}
.img-exist_re .memo-box_re {max-width: inherit;}
.memo-contents {padding: 1em;margin-bottom: 8vw;}
.memo-contents figure.img-service_memo {max-width: initial;margin: 1em auto 0;}
}
/*-----------------------------------------------
 *	relics
-----------------------------------------------*/
.relics-contents{background: #fff;border-radius: 10px;margin-bottom: 3em;position: relative;}
.relics-contents:last-of-type{margin-bottom: 0;}
.relics-ttlbox{background: #17a5d3;border-top-left-radius: 10px;border-top-right-radius: 10px;padding: .5em 1em;}
.relics-ttl{color: #fff;font-size: 26px;font-weight: bold;letter-spacing: 4px;text-align: center;}
.relics-inner{border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;padding: 1.5em;}
.relics-inner figure{max-width: 550px;margin: 0 auto;}
@media only screen and (max-width: 768px) {
.relics-contents{margin-bottom: 2em;}
.relics-ttl {font-size: 21px;letter-spacing: 2px;}
}
@media only screen and (max-width: 568px) {
.relics-inner {padding: 1em;}
.relics-ttl {font-size: 17px;line-height: 1.4;text-align: center;padding: 5px 0;letter-spacing: 1px;}
}
/*===============================================
 *	Option Service
===============================================*/
.service-ttl{background: #f0922e;border-radius: 10px;color: #fff;font-size: 32px;font-weight: 800;letter-spacing: 2px;margin-bottom: 1em;text-align: center;padding: .5em 1em;}
.service-intro_li {display: flex;justify-content: space-between;flex-wrap: wrap;}
.txt-adjust{margin-bottom: 1em;}
.service-intro_li li {max-width: 150px;}
table.packing-tbl th{background: #dceaf0;font-weight: bold;text-align: center;font-size: 20px;width: 20%;}
table.packing-tbl td{background: #fff;color: #f25d5e;font-weight: bold;text-align: left;font-size: 22px;padding: 0 1em;}
@media only screen and (max-width: 1024px) {
.service-intro_li li {max-width: 140px;}
}
@media only screen and (max-width: 768px) {
.service-ttl {font-size: 22px;padding: .5em .75em;}
.service-intro_li li {max-width: 105px;}
}
@media only screen and (max-width: 568px) {
.service-ttl {font-size: 18px;}
.service-intro_li li {max-width: initial;margin-bottom: 2%;width: 32%;}
table.packing-tbl th {font-size: 16px;width: 30%;}
table.packing-tbl td {font-size: 16px;padding: 0 .5em;}
}
@media only screen and (max-width: 375px) {
table.packing-tbl th,table.packing-tbl td {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
table.packing-tbl th,table.packing-tbl td {font-size: 14px;}
}
/*===============================================
 *	pink-caution
===============================================*/
.caution-wrap{align-items: center;background: #ffebee;border-radius: 6px;display: flex;justify-content: center;flex-wrap: wrap;padding: 2% 0;color: #ec7589;margin-bottom: 3em;font-size: 17px;font-weight: bold;}
img.icon-caution{max-width: 60px;margin-right: 3%;}
@media only screen and (max-width: 768px) {
.caution-wrap {font-size: 16px;}
img.icon-caution {max-width: 60px;}
}
@media only screen and (max-width: 568px) {
.caution-wrap {font-size: 13px;}
.caution-wrap p{width: 80%;}
img.icon-caution {max-width: 30px;margin: 1em 1em 10px 0;}
}

/*===============================================
 *	クレジット・電子決済
===============================================*/
.credit-box ul li {font-size: 17px;}
@media only screen and (max-width: 568px) {
  .credit-box ul li {font-size: 13px;}
}












