@charset "utf-8";
/*===============================================
 *	下層タイトル
===============================================*/
#second-visualcontents h1 span::before {width: 80%;}
@media only screen and (max-width: 568px) {
#second-visualcontents h1 span::before {width: 90%;}
}
/*===============================================
 *	見出し
===============================================*/
.basic-hdttl {font-size: 32px;text-align: center;padding: .6em 1em;}
.point-hdttl {background: #f0922e;border-radius: 10px;align-items: center;display: flex;flex-wrap: wrap;padding: .25em .5em;color: #fff;font-size: 35px;font-weight: bold;margin-bottom: 1em;}
.point-hdttl span{line-height: 1.4;margin-left: 1.5vw;}
.icon-point {max-width: 74px;display: inline-block;}
@media only screen and (max-width: 768px) {
.basic-hdttl {font-size: 26px;}
.point-hdttl {font-size: 30px;padding: .25em .5em;}
.icon-point {max-width: 64px;}
}
@media only screen and (max-width: 568px) {
.basic-hdttl {font-size: 20px;}
.icon-point {height: auto;width: 100%;max-width: 40px;}
.point-hdttl {padding: .25em;}
.point-hdttl span {font-size: 20px;letter-spacing: 0;width: 84%;}
}
/*===============================================
 *	opening-wrap
===============================================*/
.otxt{color: #ed8120;}
.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: 36px;}
.ttl-opening span{display: block;font-size: 24px;line-height: 1.4;}
.opening-top_dashed{border-top: #959595 3px dashed;padding-top: 1em;max-width: 480px;}
figure.bg-opening_ttl{max-width: 456px;position: absolute;right: 0;bottom: -32px;}
@media only screen and (max-width: 768px) {
.ttl-opening p {font-size: 25px;}
figure.bg-opening_ttl {max-width: 360px;bottom: -30px;}
.opening-top_dashed {max-width: 340px;}
}
@media only screen and (max-width: 568px) {
.opening-wrap{align-items: flex-end;}
.ttl-opening {font-size: 24px;margin-bottom: 10px;}
.ttl-opening em {font-size: 30px;}
.ttl-opening span {font-size: 18px;}
.ttl-opening p {font-size: 16px;}
figure.bg-opening_ttl {max-width: 150px;bottom: 115px;}
.opening-top_dashed {max-width: initial;}
}
@media only screen and (max-width: 375px) {
figure.bg-opening_ttl {max-width: 140px;}
}
/*===============================================
 *	Point
===============================================*/
.point-summarybox{display: flex;justify-content: space-between;margin-bottom: 2em;}
.point-txt_summary{margin-right: 1.75em;}
.point-summarybox figure{max-width: 355px;width: 100%;}
.point-contents{margin-bottom: 4em;}
@media only screen and (max-width: 568px) {
.point-summarybox {display: block;}
.point-summarybox figure {max-width: 355px;margin: 0 auto 1em;}
.point-txt_summary {margin-right: 0;}
.point-contents {margin-bottom: 3em;}
}
/*-----------------------------------------------
 *	point01
-----------------------------------------------*/
.basic-pinkbox{background:#fff;border: #ec7589 4px solid;border-radius: 10px;margin-bottom: 10em;position: relative;}
.basic-pinkbox::after{content: "";display: block;background: url("../img/purchase/txt-make_pc.png") center bottom no-repeat;background-size: contain;position: absolute;bottom: -135px;left: 50%;transform: translateX(-50%);width: 492px;height: 132px;}
.pinkbox-normal_ttl {background: #ec7589;color: #fff;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 3px;padding: 10px 0;position: relative;}
.internal-content{padding: 2em;}
.ttl-pink_band{background: #ffebee;border-radius: 6px;color: #ec7589;font-size: 26px;font-weight: 800;padding: 5px 0;text-align: center;margin-bottom: 1em;}
.recycling-contents{display: flex;justify-content: space-between;align-items:flex-start;flex-wrap: wrap;}
figure.graph-purchase{max-width: 310px;}
.recycling-detailbox{max-width: 570px;}
.recycling-detailbox h5{margin-bottom: 10px;}
.recycling-detailbox figure.img-formula{margin-bottom: 20px;}
.recycling-detailbox dl{background: #ffebee;border-radius: 10px;padding: .5em 1em;}
.recycling-detailbox dt{background: #fff;border-radius: 6px;color: #ec7589;font-size: 16px;font-weight: bold;padding: 5px 10px;text-align: center;margin-bottom: 5px;line-height: 1.4;}
@media only screen and (max-width: 1024px) {
.recycling-detailbox {max-width: 545px;}
figure.graph-purchase {max-width: 300px;}
}
@media only screen and (max-width: 768px) {
.internal-content{padding: 1em;}
.pinkbox-normal_ttl {font-size: 24px;}
.ttl-pink_band {font-size: 18px;}
figure.graph-purchase {max-width: 260px;}
.recycling-detailbox {max-width: 380px;}
.recycling-detailbox dd {font-size: 13px;padding: 5px 0;}
}
@media only screen and (max-width: 568px) {
.basic-pinkbox::after {bottom: -100px;width: 362px;height: 102px;}
.pinkbox-normal_ttl {font-size: 20px;line-height: 1;}
.pinkbox-normal_ttl::before {width: 43px;height: 43px;}
figure.graph-purchase {max-width: 310px;margin: 0 auto 20px;}
.recycling-detailbox {max-width: initial;}
.ttl-pink_band {font-size: 16px;letter-spacing: 0;}
}
@media only screen and (max-width: 375px) {
.basic-pinkbox::after {bottom: -98px;max-width: 352px;}
}
/*====== recycling-wrap ========*/
figure.img-recycling{max-width: 311px;}
.photo-reuse{max-width: 640px;}
.ttl-reuse{font-size: 32px;font-weight: bold;letter-spacing: 4px;line-height: 1.4;margin-bottom: 10px;}
.ttl-reuse em{font-size: 32px;}
.ttl-reuse em:nth-of-type(1){color: #17a5d3;}
.ttl-reuse em:nth-of-type(2){color: #ec7589;}
.reuse-top_dashed{border-top: #959595 3px dashed;padding-top: 1em;margin-bottom: 1em;}
.catch-reuse{font-size: 26px;font-weight: bold;line-height: 1.6;margin-bottom: 1em;}
.recycling-box{background: #e9f3f4;border:#17a5d3 2px solid;border-radius: 10px;padding: 2em;}
.item-recycling{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 100%;}
.item-recycling li{width: calc(95%/6);}
.ttl-recycling_detail {background: #0e96ca;border-radius: 60px;color: #fff;font-size: 19px;font-weight: bold;margin: 0 auto 1em;padding: 7px 5px 7px 25px;top:auto;text-align: center;}
.icon-recycling{max-width: 638px;position: relative;}
.icon-recycling::before{content: "";background: url("../img/purchase/icon-recycling.png") left no-repeat;background-size: contain;display: inline-block;width: 66px;height: 66px;position: absolute;left: 30px;top: -10px;}
@media only screen and (max-width: 1024px) {
.photo-reuse {max-width: 620px;}
.recycling-box {padding: 1.5em 1em;}
}
@media only screen and (max-width: 768px) {
.photo-reuse {max-width: 420px;}
.reuse-top_dashed {margin-bottom: 1em;}
figure.img-recycling {max-width: 271px;}
.catch-reuse {font-size: 19px;}
.ttl-recycling_detail {font-size: 20px;width: 92%;}
.icon-recycling::before {height: 64px;top: -5px;left: 20px;width: 64px;}
}
@media only screen and (max-width: 568px) {
.ttl-reuse {font-size: 20px;letter-spacing: 1px;}
.ttl-reuse em {font-size: 26px;}
.item-recycling li{width: calc(94%/3);margin-bottom: 10px;}
.ttl-recycling_detail {font-size: 16px;letter-spacing: 0;}
.icon-recycling::before {height: 44px;top: 50%;left: 0;width: 44px;transform: translateY(-50%);}
figure.img-recycling {float: left;padding-top: 1em;max-width: 120px;margin-right: 1em;}
.catch-reuse {font-size: 16px;}
}
@media only screen and (max-width: 375px) {
.ttl-recycling_detail {font-size: 15px;}
}
@media only screen and (max-width: 320px) {
}
/*-----------------------------------------------
 *	point02
-----------------------------------------------*/
figure.bg-relics_ttl{max-width: 456px;position: absolute;right: 0;bottom: -32px;}
.ttl-opening02 {font-size: 36px;line-height: 1.4;margin-bottom: 10px;}
.opening02-top_dashed {border-top: #959595 3px dashed;padding-top: 1em;max-width: 570px;}
.txt-small {font-size: 14px;margin-bottom: 20px;}
@media only screen and (max-width: 768px) {
.ttl-opening02 {font-size: 28px;}
.opening02-top_dashed {max-width: 440px;}
figure.bg-relics_ttl {max-width: 260px;bottom: -30px;}
}
@media only screen and (max-width: 568px) {
.ttl-opening02 {font-size: 20px;font-weight: bold;}
figure.bg-relics_ttl {max-width: 130px;bottom: 127px;}
}
@media only screen and (max-width: 414px) {
figure.bg-relics_ttl {max-width: 140px;bottom: 115px;}
}
@media only screen and (max-width: 375px) {
figure.bg-relics_ttl {max-width: 125px;}
}
/*-----------------------------------------------
 *	type-tbl
-----------------------------------------------*/
table.type-tbl {background: #fff;border-top: 1px solid #ccc;border-left: 1px solid #ccc;border-collapse: separate;margin-bottom: 30px;width: 100%;}
table.type-tbl caption {border-top: 1px solid #ccc;border-right: 1px solid #ccc;border-left: 1px solid #ccc;padding: 10px 0;background: #17a5d3;color: #fff;font-size: 22px;font-weight: bold;letter-spacing: 1px;}
table.type-tbl th {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;vertical-align: middle;padding: 10px 0;color: #282828;font-size: 18px;font-weight:bold;letter-spacing: 1px;text-align: center;}
table.type-tbl td {border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;padding: 15px 20px;background: #fff;letter-spacing: 1px;word-break: break-all;width: 70%;}
@media only screen and (max-width: 568px) {
table.type-tbl {margin-bottom: 10px;}
table.type-tbl caption {padding: 10px 0 5px;font-size: 16px;}
table.type-tbl th {padding: 5px;font-size: 14px;}
table.type-tbl td {padding: 10px;font-size: 12px;letter-spacing: 0;}
}
/*===============================================
 *	pink-caution
===============================================*/
.caution-wrap{align-items: flex-start;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;text-align: center;}
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: 40px;margin: 1em 0 10px;}
}
/*-----------------------------------------------
 *	appraisal
-----------------------------------------------*/
.basic-bluebox{background:#fff;border: #17a5d3 4px solid;border-radius: 10px;margin-bottom: 0;}
.bluebox-normal_ttl {background: #17a5d3;color: #fff;font-size: 30px;font-weight: bold;text-align: center;letter-spacing: 3px;padding: 10px 0;position: relative;}
.internal-content{padding: 2em;}
.appraisal-contents{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 1em;}
.appraisal-contents figure{max-width: 248px;}
.appraisal-dl {max-width: 640px;}
.appraisal-dl dt{background: #e4f0f2;font-size: 19px;font-weight: bold;letter-spacing: 0;margin-bottom: 10px;padding: 5px 15px;}
.appraisal-dl dd{letter-spacing: 0;}
@media only screen and (max-width: 1024px) {
.appraisal-contents figure {max-width: 218px;}
}
@media only screen and (max-width: 768px) {
.internal-content{padding: 1em;}
.bluebox-normal_ttl {font-size: 24px;}
.appraisal-dl {max-width: 430px;}
.appraisal-dl dt{font-size: 18px;}
}
@media only screen and (max-width: 568px) {
.bluebox-normal_ttl {font-size: 20px;line-height: 1.4;padding: 10px 1em;}
.appraisal-contents figure {max-width: 248px;margin: 1em auto 0;}
.appraisal-dl dt{font-size: 16px;}
}

/*-----------------------------------------------
 *	point03
-----------------------------------------------*/
.bluebox-small_ttl {background: #17a5d3;color: #fff;font-size: 26px;font-weight: bold;letter-spacing: 2px;padding: 10px 1em;position: relative;}
.cash-dl{position: relative;}
.cash-dl figure{max-width: 382px;position: absolute;right: 0;top: 0;}
.cash-dl dt{border-bottom: #959595 2px dashed;color: #17a5d3;font-size: 24px;font-weight: bold;letter-spacing: 1px;margin-bottom: .75em;padding: .5em 0;}
.cash-dl dt span{border-left: #17a5d3 18px solid;display: block;padding: .2em 0 .2em .5em;}
.cash-dl dt:nth-of-type(1){max-width: 480px;}
.cash-dl dd:nth-of-type(1){max-width: 480px;}
@media only screen and (max-width: 768px) {
.bluebox-small_ttl {font-size: 24px;}
.cash-dl dt {font-size: 18px;}
.cash-dl dt span {border-left: #17a5d3 13px solid;}
.cash-dl dt:nth-of-type(1) {max-width: 360px;}
.cash-dl dd:nth-of-type(1) {max-width: 360px;}
.cash-dl figure {max-width: 292px;top: 20px;}
}
@media only screen and (max-width: 568px) {
.bluebox-small_ttl {font-size: 18px;line-height: 1.4;letter-spacing: 0;padding: 10px .5em;}
.cash-dl figure {margin: 1em auto;position: relative;top: auto;right: auto;}
.cash-dl dt {font-size: 16px;}
.cash-dl dt span {border-left: #17a5d3 10px solid;letter-spacing: 0;padding: .25em 0 .25em .5em;}
}
@media only screen and (max-width: 375px) {
.cash-dl dt span {letter-spacing: 0;}
.bluebox-small_ttl {font-size: 17px;}
}
/*-----------------------------------------------
 *	ex_purchase-wrap
-----------------------------------------------*/
.ex_purchase-wrap {padding: 4vw 0;margin-bottom: 4em;}

/*-----------------------------------------------
 *	bereaved-wrap
-----------------------------------------------*/
.bereaved-wrap{margin-bottom: 3em;}
.bereaved-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.bereaved-list li{background: #e9f3f4;border:#17a5d3 2px solid;border-radius: 10px;box-shadow: 1px 1px 4px 2px rgb(169 169 169);padding: 1.5em 1em 1em;margin-bottom: 2em;width: calc(90%/2);}
.bereaved-list li img{margin: 0 auto 10px;}
.bereaved-list dt {background: #17a5d3;border-radius: 60px;color: #fff;font-size: 20px;font-weight: bold;text-align: center;margin-bottom: 1em;padding: 10px 0;}
.bereaved-list dd {letter-spacing: 0;}
@media only screen and (max-width: 768px) {
.bereaved-wrap {margin-bottom: 2em;}
.bereaved-list li{width: calc(88%/2);}
}
@media only screen and (max-width: 568px) {
.bereaved-list li {width: 100%;}
.bereaved-list li img {margin: 0 1em 0 0;width: 30%;}
.bereaved-list dt {font-size: 18px;margin-bottom: .75em;padding: 4px 0;}
.bereaved-list dd {letter-spacing: 0;display: flex;justify-content: space-between;align-items: flex-start;}
}
/* =========================================================
* faq-よくある質問
========================================================= */
.faq-wrap{margin-bottom: 4em;}
.faq-list {margin-bottom: 4em;}
.faq-list li{margin-bottom: 2em;}
.faq-list li:last-child{margin-bottom: 0;}
.faq-list dt {background: url("../img/purchase/icon-q.png") 15px no-repeat #17a5d3;color: #fff;position: relative;cursor:pointer;font-size: 20px;font-weight: bold;padding: .75em 0 .75em 3em;margin-bottom: 0;}
.faq-list dt:after {content: "";position: absolute;background: url("../img/purchase/icon-open.png") right no-repeat;right: 15px;width: 30px;height: 30px;top: 50%;transition: .3s;transform: translateY(-50%);}
.faq-list dt.close:after {content: "";position: absolute;background: url("../img/purchase/icon-close.png") right no-repeat;width: 30px;height: 8px;right: 15px;top: 50%;transition: .3s;transform: translateY(-50%);}
.faq-list dd {background: url("../img/purchase/icon-a.png") 15px no-repeat #fff;font-size: 18px;padding: 1em 1em 1em 4em;}
@media only screen and (max-width: 768px) {
.subhd-txt {margin-bottom: 1em;}
}
@media only screen and (max-width: 568px) {
.faq-list dt {background: url(../img/purchase/icon-q.png) 5px no-repeat #17a5d3;font-size: 15px;font-weight: normal;background-size: 20px;padding: .75em 0 .75em 2em;letter-spacing: 0;}
.faq-list dt:after {width: 15px;height: 15px;background-size: contain;right: 5px;}
.faq-list dt.close:after {width: 15px;height: 8px;top: 20px;background-size: contain;}
.faq-list dd {background-size: 20px;font-size: 15px;padding: .5em 1em .5em 3em;}
}
@media only screen and (max-width: 320px) {
.faq-list dt {font-size: 14px;background-size: 18px;}
}