@charset "utf-8";

/*===============================================
 *	purchase-wrap
===============================================*/
.purchase-wrap{max-width: 900px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;}
.ttl-purchase{max-width: 532px;padding-top: 4%;}
.ttl-purchase h2{margin-bottom: 2vw;}
.ttl-purchase p{font-size: 28px;max-width: 480px;}
img.bg-purchase_ttl{max-width: 350px;}
.bereaved-list {margin: 0 auto;}
@media only screen and (max-width: 768px) {
.purchase-wrap{margin: 0 3%;}
.ttl-purchase p {font-size: 25px;}
img.bg-purchase_ttl {max-width: 270px;}
}
@media only screen and (max-width: 568px) {
.purchase-wrap{align-items: flex-end;}
.ttl-purchase {margin-bottom: 10px;}
img.bg-purchase_ttl {max-width: 100px;}
.ttl-purchase p {font-size: 16px;}
}
/*===============================================
 *	recycling-wrap
===============================================*/
#recycling-wrap{position: relative;}
#recycling-wrap .arrow-bottom{max-width: 660px;position: absolute;bottom: -50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.icon-point{width: 66px;}
.txt-recyclingbox{position: relative;margin-bottom: 40px;}
.txt-recyclingbox p{max-width: 570px;position: relative;z-index: 1;text-shadow: 1px 1px 0 #fff;}
.txt-recyclingbox img{position: absolute;right: 0;z-index: 0;}
.txt-recyclingbox img.recycling_woman{max-width: 236px;top: -118px;}
.txt-recyclingbox img.cash_woman{max-width: 319px;top: -188px;}
.recycling-contents{background: #fff;border: #39a8c4 10px solid;padding: 30px;display: flex;justify-content: space-between;align-items:flex-start;flex-wrap: wrap;position: relative;z-index: 5;}
img.graph-purchase{max-width: 330px;}
.recycling-detailbox{max-width: 520px;}
.recycling-detailbox h5{margin-bottom: 10px;}
.recycling-detailbox img.img-formula{margin-bottom: 20px;}
.recycling-detailbox dl{border: #39a8c4 2px solid;}
.recycling-detailbox dt{background: #39a8c4;color: #fff;font-size: 20px;font-weight: bold;padding: 5px 10px;text-align: center;}
.recycling-detailbox dt span{color: #dc2525;}
.recycling-detailbox dd{padding: 15px;}
@media only screen and (max-width: 768px) {
.txt-recyclingbox p {max-width: 470px;}
.txt-recyclingbox img.recycling_woman {max-width: 200px;top: -75px;}
.txt-recyclingbox img.cash_woman {max-width: 250px;top: -100px;}
.recycling-contents {padding: 15px;border: #39a8c4 5px solid;}
img.graph-purchase {max-width: 310px;}
.recycling-detailbox {max-width: 350px;}
.recycling-detailbox dt {font-size: 18px;}
.recycling-detailbox dd {padding: 10px;}
}
@media only screen and (max-width: 568px) {
#recycling-wrap .arrow-bottom{max-width: 300px;bottom: -20px;}
.icon-point {width: 40px;}
.txt-recyclingbox p {max-width: 270px;}
.txt-recyclingbox img.recycling_woman {max-width: 185px;top: -35px;}
.txt-recyclingbox img.cash_woman {max-width: 170px;top: -30px;}
.txt-recyclingbox {margin-bottom: 10px;}
img.graph-purchase {max-width: initial;margin-bottom: 20px;}
.recycling-detailbox dt {font-size: 17px;}
}
@media only screen and (max-width: 375px) {
#recycling-wrap .arrow-bottom{max-width: 250px;}
.txt-recyclingbox p {max-width: 250px;}
.txt-recyclingbox img.recycling_woman {max-width: 165px;top: 11px;}
.txt-recyclingbox img.cash_woman{max-width: 150px;top: -38px;}

}
@media only screen and (max-width: 320px) {
.txt-recyclingbox p {max-width: 210px;}
.txt-recyclingbox img.recycling_woman {top: 75px;max-width: 130px;}
.recycling-detailbox dt {font-size: 16px;}
}

/*===============================================
 *	reuse-wrap
===============================================*/
#reuse-wrap{background: url("../img/purchase/bg-recycling.jpg") left top no-repeat;padding: 60px 0 5px;margin-bottom: 40px;}
.reuse-ttlbox {margin-bottom: 30px;width: 100%;}
.reuse-ttlbox p{max-width: 650px;font-size: 20px;float: right;margin-top: -8%;}
.photo-reuse{background: url("../img/purchase/img-recycling.png") left top no-repeat;padding: 2% 0 12%;}
.photo-reuse img{max-width: 565px;margin-left: 28%;}
.item-recycling{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;width: 100%;}
.item-recycling li{max-width: 140px;}
.mag-space{margin-bottom: 40px;}
@media only screen and (max-width: 768px) {
#reuse-wrap {padding: 60px 0 20px;}
.reuse-ttlbox p {max-width: 490px;}
.photo-reuse {background-size: contain;}
.photo-reuse img {max-width: 490px;}
.item-recycling li {max-width: 105px;}
}
@media only screen and (max-width: 568px) {
#reuse-wrap {padding: 40px 0 5px;}
.reuse-ttlbox {margin-bottom: 20px;}
.reuse-ttlbox p {max-width: initial;margin-top: 0;font-size: 14px;float: none;}
.photo-reuse {background-size: 80px;padding: 5% 0 5%;}
.photo-reuse img {max-width: initial;width: 75%;margin-left: 25%;}
.item-recycling li{max-width: 110px;margin-bottom: 10px;}
.mag-space {margin-bottom: 30px;}
}
@media only screen and (max-width: 375px) {
.photo-reuse {background-size: 70px;padding: 4% 0 5%;}
.item-recycling li{max-width: 95px;}
}
@media only screen and (max-width: 320px) {
.reuse-ttlbox p {margin-top: 5px;line-height: 1.4;}
.photo-reuse {background-size: 50px;padding: 2% 0 5%;}
.photo-reuse img {max-width: 250px;}
.item-recycling li {max-width: 80px;}
}
/*===============================================
 *	assessment-wrap
===============================================*/
.txt-small{font-size: 14px;margin-bottom: 20px;}
@media only screen and (max-width: 568px) {
.txt-small{font-size: 13px;}
}
/*-----------------------------------------------
 *	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: #009db3;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;}
}
/*-----------------------------------------------
 *	item-tbl
-----------------------------------------------*/
table.item-tbl_mag{margin-bottom: 2em;}
/*-----------------------------------------------
 *	caution-box
-----------------------------------------------*/
.caution-box{background: #fefbe8;border: #fb9f42 10px solid;max-width: 900px;margin: 0 auto 40px;padding: 30px 0;}
.caution-box p{font-size: 20px;font-weight: bold;text-align: center;line-height: 1.8;}
@media only screen and (max-width: 568px) {
.caution-box {border: #fb9f42 5px solid;margin: 0 auto 20px;padding: 10px;}
.caution-box p {font-size: 15px;font-weight: bold;text-align: center;}
}
/*===============================================
 *	cash-wrap
===============================================*/
.cash-contents{border: #39a8c4 2px solid;position: relative;z-index: 5;}
.cash-contents h5{background: #39a8c4;color: #fff;font-size: 20px;font-weight: bold;padding: 10px 15px;}
.cash-contents h5 em{color: #f1e33f;}
.cash-ditailbox{background: #fff;padding: 20px;}
.cash-ditailbox p{float: left;width: 72%;}
.cash-ditailbox img{float: right;max-width: 229px;}
@media only screen and (max-width: 768px) {
.cash-ditailbox p {float: none;width: 100%;}
.cash-ditailbox {padding: 20px 15px 10px;}
}
@media only screen and (max-width: 568px) {
.cash-contents h5 {font-size: 16px;}
.cash-ditailbox img {max-width: 150px;}
}