@charset "utf-8";
/*===============================================
 *	作業事例一覧
===============================================*/
/*-----------------------------------------------
 *	小見出し
-----------------------------------------------*/
.catch-ttl{color: var(--site-secondary);font-size: 26px;font-weight: bold;margin: 0 0 40px;text-align: center;}
@media only screen and (max-width: 568px) {
.catch-ttl {font-size: 21px;margin: 0 0 20px;}
}
@media only screen and (max-width: 375px) {
.catch-ttl {font-size: 20px;}
}
/*-----------------------------------------------
 *	作業事例一覧
-----------------------------------------------*/
#case .case-list{max-width: 1120px;margin: 0 auto;}
#case .case-list ul {display: flex;width: 100%;flex-wrap: wrap;justify-content: space-between;}
#case .case-list li {background: #fff;border:var(--site-primary) 4px solid;border-radius: 6px;box-shadow: 0 0 8px #999;width: 32%;padding: 20px;display: flex;flex-direction: column;justify-content: space-between;-webkit-flex-direction: column;-webkit-justify-content: space-between;margin: 0 0 30px;}
#case .case-list li img{margin: 0 0 10px;}
#case .case-list .workname {color: #fff;font-size: min(1.4vw, 18px);font-weight: bold;text-align: center;padding: 8px 0 10px;margin: 0 0 15px;}
#case .case-list .list-ttl{border-bottom:#ccc 1px solid;font-size: 22px;font-weight: bold;line-height: 1.5;padding: 0 0 5px;margin: 0 0 15px;}
#case .case-list .date-time{font-size:16px;font-weight: bold;color:var(--site-secondary);margin-bottom: 5px;}
#case .case-list .date-time time{padding-left: 22px;background: url(../img/common/icon-clock.png) no-repeat left center;background-size: 16px;}
#case .case-txt-info {font-weight: 900;position: relative;display: block;padding: 0.2em 0 0.2em 1.2em;margin: 0 0 10px;}
#case .case-txt-info::before {content: "";position: absolute;top: 50%;transform: translateY(-50%);left: 0;display: block;width: 10px;height: 10px;background: var(--site-secondary);}
#case .madori {font-size: 15px;font-weight: 900;margin: 0 0 10px;}
#case .madori dt {background: var(--site-secondary);color: #fff;flex-basis: 75px;padding: 9px 0 9px;}
#case .madori dd {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 9px 0 9px;background: #fff;border:var(--site-secondary) 1px solid;}
#case .madori dd:nth-of-type(1) {border-right: var(--site-secondary) 1px solid;margin: 0 10px 0 0;}
#case .other-total {margin: 0 0 10px;}
#case .other-total dt {background: #dc2338;color: #fff;font-size: 18px;font-weight: bold;flex-basis: 60px;border-radius: 4px;padding: 5px 0;margin: 0 10px 0 0;text-align: center;}
#case .other-total dd {font-size: 26px;font-weight: bold;color: #dc2338;padding: 4px 0 6px;}
#case .other-total dd .yen {font-size: 17px;}
#case .other-total dd .tax {font-size: 17px;}
.work_huyou {background: #4c99d4;}
.work_tokusyu {background: #5dc595;}
.work_gomi {background: #d1a76b;}
.work_ihin {background: #9d73bb;}
@media only screen and (max-width: 1024px) {
#case .case-list{max-width: initial;width: 92%;}
}
@media only screen and (max-width: 960px) {
#case .madori dt {font-size: 15px;-ms-flex-preferred-size: 30%;flex-basis: 30%;}
#case .madori dd {font-size: 15px;}
#case .case-list li{width: 48%;}
#case .case-list li:last-child{display: none;}
#case .case-list .workname {margin: 0 0 10px;}

}
@media only screen and (max-width: 568px) {
#case .case-other_ttl{border-radius: 6px;margin: 0 0 20px;}
#case .case-list{margin: 0 auto;}
#case .case-list li{max-width: initial;width: 100%;}
#case .case-list li:first-child{margin: 0 0 30px;}
#case .case-list .workname {font-size: 18px;padding: 2px 0 4px;}
#case .madori dl {margin-top: 15px;}
#case .madori dl dt {font-size: 13px;padding: 8px 0 7px;}
#case .madori dl dd {padding: 4px 0 4px;}
#case .other-total dt {font-size: 16px;padding: 4px 0 5px;}
#case .other-total dd {font-size: 22px;padding: 0 0 4px;}
}
/*===============================================
 *	作業事例 対応作業
===============================================*/
.case-contents .workname{border-radius: 6px;text-align: center;color: #fff;font-size: 19px;font-weight: bold;padding: 5px 0;margin-bottom: 20px;}
.customer-infobox{margin-bottom: 30px;width: 100%;display: grid;grid-template-columns: 176px 80%;grid-template-rows: auto auto auto;}
.work-infobox{width: 100%;}
.customer-infobox .workname{border-radius: 4px;text-align: center;color: #fff;font-size: 20px;font-weight: bold;padding: 56px 0 18px;position: relative;grid-column: 1;grid-row: 1/-2;}
.customer-infobox .workname::before{content: "";display: block;position: absolute;width: 40px;height: 40px;top: 15px;transform: translateX(-50%);background-size: contain;}
.work_huyou{background: #4c7acf;}
.work_huyou::before{background: url("../img/case/icon-cardboard.svg") top center no-repeat;left: 50%;}
.work_ihin{background: #9d73bb;}
.work_ihin::before{background: url("../img/case/icon-cardboard_box.svg") top center no-repeat;left: 50%;}
.work_gomi{background: #d1a76b;}
.work_gomi::before{background: url("../img/case/icon-garbage_bag.svg") top center no-repeat;left: 50%;}
.work_tokusyu{background: #5dc595;}
.work_tokusyu::before{background: url("../img/case/icon-spray.svg") top center no-repeat;left: 50%;}
.pack-badge{background: var(--site-secondary);color: #fff;padding: 10px 20px 11px;font-size: 22px;font-weight: bold;text-align: center;}
.pack-other{background: var(--site-secondary);color: #fff;padding: 10px 20px 11px;font-size: 22px;font-weight: bold;display: block;}

@media only screen and (max-width: 1024px) {
.customer-infobox {grid-template-columns: 130px 82%;}
.customer-infobox .workname {font-size: 18px;}
.case-contents .workname {font-size: 17px;}
.pack-badge,.pack-other {font-size: 16px;}
}
@media screen and (max-width: 960px) {
.customer-infobox {grid-template-columns: 156px 77%;}
}
@media only screen and (max-width: 768px) {
.customer-infobox {grid-template-columns: 32% 65%;}
.customer-infobox .workname {font-size: 16px;}
.case-contents .workname {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.pack-badge,.pack-other {font-size: 16px;padding: 10px;grid-column: none;grid-row: none;}
.customer-infobox {width: 100%;grid-template-columns: none;grid-template-rows: none;display: flex;margin-bottom: 10px;}
.customer-infobox .workname {font-size: 15px;display: flex;align-items: center;margin-bottom: 15px;padding: 10px 5px;grid-column: none;grid-row: none;width: 48%;}
.customer-infobox .workname::before {width: 25px;height: 25px;display: block;position: relative;margin-right: 10px;top: initial;transform: none;left: unset;}
.case-contents .workname {font-size: 18px;}
.work-huyou::before{left: 5%;}
.work-ihin::before{left: 5%;}
.work-gomi::before{left: 5%;}
.work-tokusyu::before{left: 5%;}
.work-infobox {width: 100%;}
}
@media only screen and (max-width: 375px) {
.customer-infobox .workname {font-size: 13px;width: 46%;}
.customer-infobox .workname::before{width: 20px;height: 20px;}
}
/*===============================================
 *	詳細ページ
===============================================*/
.case_content {position: relative;}
.case_content_box .case-ttl {font-size: 32px;font-weight: bold;line-height: 1.4;color: #fff;padding: .5em 1.75em .65em;position: relative;}
.case_content .date_time{font-size:16px;margin-bottom: 0;position: absolute;right: 60px;top: 60px;}
.case_content .date_time time{padding-left: 25px;background: url("../img/case/icon-calendar.png") no-repeat left center;background-size: 20px;}

.case_content_box {background: #fff;border: var(--site-primary) 4px solid;max-width: 1120px;margin: 0 auto;border-radius: 6px;width: 100%;}
.case_content_box .case_content {padding: 45px 50px 50px;}
.case_content_box .customer_box {display: grid;grid-template-columns: auto 177px;grid-template-rows: auto 1fr;column-gap: 4.3%;}
.customer-infobox .txt-address{font-size: 24px;font-weight: bold;margin-bottom: 10px;position: relative;display: flex;align-items: center;}
.customer-infobox .txt-address::before{content: '';background-size: contain;display: inline-block;position: relative;margin-right: 8px;width: 30px;height: 30px;}
.icon-home::before{background: url(../img/case/icon-home.png) top left no-repeat;}

.case_content_box .customer_box img {grid-column: 2;grid-row: 1 / -1;border: 2px solid #dfdfdf;aspect-ratio: 177 / 260;object-fit: cover;}
.case_content_box .customer_box .ttl_left_border {grid-column: 1;grid-row: 1;margin: -12px 0 22px;}
.case_content_box .customer_box p {grid-column: 1;grid-row: 2;}
.case_content_box .photo_box {background-color: #decba0;background-image: linear-gradient(45deg, #e3d0a5 25%, transparent 25%, transparent 75%, #e3d0a5 75%),linear-gradient(45deg, #e3d0a5 25%, transparent 25%, transparent 75%, #e3d0a5 75%);background-size: 40px 40px;background-position: 0 0, 20px 20px;padding: 50px 40px 40px;margin: 30px 0;border-radius: 6px;}

.case_content_box .photo_box ul {gap: 0 50px;position: relative;margin-bottom: 20px;}
.case_content_box .photo_box ul li {position: relative;}
.case_content_box .photo_box ul li .photo {border-radius: 6px;width: 420px;aspect-ratio: 1.618 / 1;position: relative;overflow: hidden;}
.case_content_box .photo_box ul li .photo img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.case_content_box .photo_box ul li .photo_ttl {text-align: center;padding: 7px 1em 10px;position: absolute;left: 0;top: 0;z-index: 10;color: #fff;border-radius: 6px 0 6px 0;}
.case_content_box .photo_box ul li:first-child .photo_ttl {background: #333;}
.case_content_box .photo_box ul li:last-child {position: relative;}
.case_content_box .photo_box ul li:last-child .photo_ttl {background: #cf5f64;}
.case_content_box .photo_box ul::after {content: '';border-left: #cf5f64 20px solid;border-top: 20px solid transparent;border-bottom: 20px solid transparent;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);background-size: contain;}
.case-dl {font-size: 18px;width: 100%;}
.case-dl dt {background: var(--site-secondary);color: #fff;padding: 13px 0 7px;text-align: center;width: 12%;}
.case-dl dd {background: #fff;border: var(--site-secondary) 2px solid;font-size: 17px;padding: 10px 0;text-align: center;font-weight: bold;width: 13%;}
.car {max-width: 890px;margin: 0 auto;font-size: 20px;}
.car dt{background: url(../img/case/icon-car.png) 30% no-repeat var(--site-secondary);color: #fff;padding: 10px;font-weight: bold;text-align: center;width: 50%;}
.car dd{background: #fff;border: var(--site-secondary) 2px solid;font-weight: bold;padding: 10px;text-align: center;width: 50%;}
.case-staffbox{background: #f6f2e8;border-radius: 6px;}
.staff-ttl{background: var(--site-secondary);color: #fff;padding: 10px 1em 13px;font-size: 26px;font-weight: bold;border-radius: 6px 6px 0 0;}
.case-staffbox div{padding: 30px;}
.case-staffbox img{border-radius: 10px;float: right;max-width: 302px;height: 187px;object-fit:cover;}
.case-staffbox .staff-txt{width: 64%;}

@media screen and (max-width: 1024px) {
.case_content_box {width: 92%;}
.case-dl dd {letter-spacing: 0;}
.case_content .date_time {top: 50px;}
.case_content_box .case_content {padding: 35px 40px 40px;}
.case_content_box .photo_box ul li .photo {width: 310px;}
.case-dl {font-size: 16px;}
.case-staffbox .staff-txt {width: 58%;}
}
@media screen and (max-width: 960px) {
.case_content_box .case-ttl {font-size: 28px;padding: .5em 1em .65em;}
.case_content_box .case_content {padding: 4vw;}
.customer-infobox {grid-template-columns: 126px 78%;}
.case_content .date_time {right: 6vw;top: 5vw;}
.customer-infobox .txt-address {font-size: 20px;margin-bottom: 5px;}
.case_content_box .photo_box {padding: 5vw 0;}
.case_content_box .photo_box ul li .photo {width: 250px;}
.car {max-width: 550px;}
.car dt {background: url(../img/case/icon-car.png) 22% no-repeat var(--site-secondary);}
.case-dl {font-size: 13px;width: 100%;}
.case-dl dt {width: 23%;padding: 8px 0 5px;margin-bottom: 5px;}
.case-dl dd {width: 27%;padding: 5px 0;margin-bottom: 5px;}
.ttl_stripe_color04 {font-size: 24px;padding: 0.5em 1.25em 0.6em;}
.case-staffbox {border-top-left-radius: 0;border-top-right-radius: 0;}
.case-staffbox div {padding: 20px;}
.case-staffbox img {max-height: 110px;width: 25%;order: 2;}
.case-staffbox .staff-txt {width: 74%;order: 1;}
}
@media screen and (max-width: 768px) {
.customer-infobox .txt-address::before {width: 32px;height: 32px;}
}
@media screen and (max-width: 568px) {
.case_content_box {margin: 30px auto 20px;}
.case_content_box .case-ttl {font-size: 22px;padding: .5em .5em .65em;}
.case_content .date_time{font-size: 14px;margin-bottom: 5px;margin-top: -8px;position: static;right:auto;top: auto;}
.case_content .date_time time {padding-left: 22px;background-size: 16px;}
.customer-infobox .txt-address {font-size: 15px;line-height: 1.4;margin-bottom: 10px;}
.customer-infobox .txt-address::before {width: 25px;height: 25px;}
.case_content_box .case_content {padding: 20px;border-right: none;border-left: none;border-radius: 0;}
.case_content_box .customer_box {display: block;}
.case_content_box .customer_box .ttl_left_border {margin: -5px 0 20px;}
.case_content_box .customer_box img {float: left;width: 48.2%;margin: 0 4.5% 0 0;}
.case_content_box .customer_box p {line-height: 1.85;margin-top: -5px;}
.case_content_box .photo_box {background: #f5f5f5;padding: 25px 27px;margin-top: 20px;}
.case_content_box .photo_box ul {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;gap: 40px 0;}
.case_content_box .photo_box ul li .photo {width: 100%;}
.case_content_box .photo_box ul li .photo_ttl {padding: 6px 10px 8px;}
.case_content_box .photo_box ul::after {border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #fbb46c;left: 50%;top: 52%;width: 0;height: 0;transform: translate(-50%,-50%);}
.case-dl {font-size: 14px;width: 100%;}
.case-dl dt {font-size: 13px;margin-bottom: 5px;}
.case-dl dd {font-size: 13px;border: none;border: var(--site-secondary) 2px solid;margin-bottom: 5px;}
.car {font-size: 16px;}	
.car dt {background: url(../img/case/icon-car.png) 12% no-repeat var(--site-secondary);text-align: right;padding: 10px;background-size: 20px;width: 40%;}
.car dd {width: 60%;}
.ttl_stripe_color04 {border-radius: 0;font-size: 18px;padding: 0.4em 1em 0.5em;}
.ttl_stripe_color04.top_radius {border-radius: 0;}
.case-staffbox {margin: 0 -20px 0;border-radius: 0;}
.case-staffbox img {margin: 0 0 10px 10px;max-width: initial;height: auto;width: 47%;float: right;}
.case-staffbox .staff-txt {width: 100%;}
.case-other_list {margin: 0 auto 20px;}
}

/***********************
* 買取金額有り
************************/
.txt-on_price{line-height: 1;margin-bottom: 30px;}
.txt-on_price li {width: 294px;position: relative;}
.txt-on_price dl dt{background: #888;color: #fff;padding: 15px 0;font-size: 20px;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-on_price dl dd{color: #888;font-size: 27px;font-weight: bold;text-align: center;padding: 15px 0;border-bottom: #afafaf 2px solid;border-left: #afafaf 2px solid;border-right: #afafaf 2px solid;}
.txt-on_price dl dd .yen {font-size: 22px;}
.txt-on_price dl dd .tax{font-size: 17px;}
.txt-on_price li:first-child::after {content: '';background: url("../img/case/icon-minus.png") no-repeat;background-size: contain;height: 100%;position: absolute;bottom: -50px;right: -46px;width: 25px;}
.txt-on_price li:nth-child(2) dt{background: #0042ba;}
.txt-on_price li:nth-child(2) dd{color: #0042ba;border-bottom: #7fa0dc 2px solid;border-left: #7fa0dc 2px solid;border-right: #7fa0dc 2px solid;font-size: 27px;padding: 15px 0;}
.txt-on_price li:nth-child(2) dl dd .yen{font-size: 22px;}
.txt-on_price li:nth-child(2) dl dd .tax{font-size: 17px;}
.txt-on_price li:nth-child(3) {margin-bottom: 0;}
.txt-on_price li:nth-child(3) dl{width: 100%;}
.txt-on_price li:nth-child(3) dl dt{background: #cf1126;font-size: 22px;padding: 14px 0;}
.txt-on_price li:nth-child(3) dl dd{color: #cf1126;border-left: #e2707d 2px solid;border-bottom: #e2707d 2px solid;border-right: #e2707d 2px solid;font-size: 32px;padding: 12px 0 13px;}
.txt-on_price li:nth-child(3) dl dd .yen{font-size: 24px;}
.txt-on_price li:nth-child(3) dl dd .tax{font-size: 19px;}
.txt-on_price li:nth-child(3)::before {content: '';background: url("../img/case/icon-equal.png") no-repeat;background-size: contain;height: 100%;position: absolute;bottom: -45px;left: -45px;width: 25px;}
.collect-dl {margin-bottom: 20px;}
.purchase-dl{margin-bottom: 40px;}
.collect-dl dt,.purchase-dl dt{color: #fff;padding: 10px 1em;margin-bottom: 10px;font-size: 20px;font-weight: bold;}
.collect-dl dt{background: #888;}
.purchase-dl dt{background:#0042ba;}
.collect-dl dd{background: #f5f5f5;padding: 15px 20px;font-size: 17px;font-weight: bold;}
.purchase-dl dd{background: #e6f0ff;padding: 15px 20px;font-size: 17px;font-weight: bold;}
@media only screen and (max-width: 1024px) {
.txt-on_price li {width: 250px;}
.txt-on_price li:first-child::after {right: -35px;}
.txt-on_price li:nth-child(3)::before {left: -35px;}
}
@media only screen and (max-width: 960px) {
.txt-on_price li {width: 210px;}
}
@media only screen and (max-width: 768px) {
.txt-on_price li {width: 190px;letter-spacing: 0;}
.txt-on_price li:first-child::after {right: -22px;width: 18px;}
.txt-on_price li:nth-child(3)::before {left: -23px;width: 20px;}
.txt-on_price dl dt{font-size: 18px;}
.txt-on_price dl dd{font-size: 25px;}
.txt-on_price dl dd .yen {font-size: 20px;}
.txt-on_price dl dd .tax{font-size: 15px;}
.txt-on_price li:nth-child(2) dd{font-size: 25px;}
.txt-on_price li:nth-child(2) dl dd .yen{font-size: 20px;}
.txt-on_price li:nth-child(2) dl dd .tax{font-size: 15px;}
.txt-on_price li:nth-child(3) dl dt{font-size: 20px;}
.txt-on_price li:nth-child(3) dl dd{font-size: 28px;}
.txt-on_price li:nth-child(3) dl dd .yen{font-size: 20px;}
.txt-on_price li:nth-child(3) dl dd .tax{font-size: 15px;}
}
@media only screen and (max-width: 568px) {
.txt-on_price li {width: 42%;}
.txt-on_price li dd {font-size: 22px;padding: 10px 0;}
.txt-on_price li dd .tax {display: block;padding: 5px 0 0 0;}
.txt-on_price li:first-child::after {height: 5px;top: 50%;right: -40%;transform: translateY(-50%);width: 40px;}
.collect-dl dt,.purchase-dl dt{font-size: 18px;}
.txt-on_price li dt {padding: 10px 0;font-size: 16px;}
.txt-on_price li:nth-child(2) dd{font-size: 22px;padding: 10px 0px;}
.txt-on_price li:nth-child(2) dl dd .yen{font-size: 20px;}
.txt-on_price li:nth-child(2) dl dd .tax{font-size: 15px;}
.txt-on_price li:nth-child(3) dl dt{font-size: 20px;}
.txt-on_price li:nth-child(3) dl dd{font-size: 35px;}
.txt-on_price li:nth-child(3) dl dd .yen{font-size: 25px;}
.txt-on_price li:nth-child(3) dl dd .tax{display: inline;font-size: 17px;}
.txt-on_price li:nth-child(3) {width: 100%;margin: 50px 0 0;}
.txt-on_price li:nth-child(3)::before {background: none;width: 0;height: 0;left: 50%;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 25px solid #f1b7bd;transform: translateX(-50%);top: -40px;}
}
/***********************
* 買取金額無し
************************/
.txt-off_price li {position: relative;margin-bottom: 15px;}
.txt-off_price dl dt{padding: 8px 0;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-off_price dl dd{font-weight: bold;padding: 10px 0;}
.txt-off_price dl dd .yen {font-size: 24px;}
.txt-off_price dl dd .tax{font-size: 19px;}
.txt-off_price li:first-child {width: 45%;margin-bottom: 0;}
.txt-off_price li:first-child dl {width: 100%;display: flex;justify-content: space-evenly;}
.txt-off_price li:first-child dl dt {color: #fff;padding: 13px 0;background: #cf1126;font-size: 22px;width: 35%;}
.txt-off_price li:first-child dl dd {box-sizing: border-box;border-bottom: #e2707d 2px solid;border-top: #e2707d 2px solid;border-right: #e2707d 2px solid;color: #cf1126;font-size: 32px;width: 65%;padding: 3px 5px;text-align: right;}
.txt-off_price li:nth-child(2) {margin-bottom: 20px;width: 52%;}
.txt-off_price li:nth-child(2) dl{background: #0042ba;display: flex;border: none;}
.txt-off_price li:nth-child(2) dt{background: #0042ba;color: #fff;font-size: 20px;font-weight: bold;padding: 13px 0;width: 28%;}
.txt-off_price li:nth-child(2) dd{background: #fff;border-bottom: #7fa0dc 2px solid;border-top: #7fa0dc 2px solid;border-right: #7fa0dc 2px solid;font-size: 17px;font-weight: bold;width: 75%;text-align: left;padding: 13px 10px;}
@media only screen and (max-width: 1024px) {
.txt-off_price li:first-child dl dd {font-size: 30px;}
}
@media only screen and (max-width: 960px) {
.txt-off_price li:first-child dl dt {font-size: 17px;width: 30%;}
.txt-off_price li:nth-child(2) dt {font-size: 17px;}
.txt-off_price li:first-child dl dd {font-size: 25px;width: 70%;}
.txt-off_price li:nth-child(2) dd{padding: 10px;}
.txt-off_price dl dd .yen {font-size: 17px;}
.txt-off_price dl dd .tax {font-size: 15px;}
.staff-ttl {font-size: 22px;}
}
@media only screen and (max-width: 768px) {
.txt-off_price li:first-child dl {display: block;}
.txt-off_price li:first-child dl dt {padding: 8px 0;width: 100%;}
.txt-off_price li:first-child dl dd {border-top: none;border-left: #e2707d 2px solid;width: 100%;text-align: center;padding: 4%;}
.txt-off_price li:nth-child(2) dl {display: block;}
.txt-off_price li:nth-child(2) dt {padding: 10px 0;width: 100%;}
.txt-off_price li:nth-child(2) dd {border-top: none;border-left: #7fa0dc 2px solid;width: 100%;padding: 4%;}
}
@media only screen and (max-width: 568px) {
.txt-off_price li {width: 100%;}
.txt-off_price li:first-child {margin-bottom: 20px;width: 100%;}
.txt-off_price li:first-child dl dt {font-size: 20px;}
.txt-off_price li:first-child dl dd {font-size: 35px;}
.txt-off_price dl dd .yen {font-size: 25px;}
.txt-off_price dl dd .tax{font-size: 17px;}
.txt-off_price li:nth-child(2) {width: 100%;}
.txt-off_price li:nth-child(2) dt {padding: 5px 0;font-size: 18px;}
.staff-ttl {font-size: 20px;border-radius: 0;}
}

/*===============================================
 *	一覧ページャー
===============================================*/
.pagination {display: flex;justify-content: center;gap: 0 5px;margin-top: 50px;}
.pagination li a {font-size: 18px;font-weight: bold;font-family: 'Robot';color: var(--site-primary);display: -webkit-box;display: -ms-flexbox;display: flex;align-items: center;justify-content: center;background: #fff;border-radius: 5px;border: 2px solid var(--site-primary);width: 50px;height: 50px;}
.pagination li a.active {color: #fff;background: var(--site-primary);}
.pagination li a:hover {color: #fff;background: var(--site-primary);}
.pagination li img {width: 9px;vertical-align: middle;margin-top: -1px;}
.pagination li.pre a:hover img, .pagination li.next a:hover img {display: none;}
.pagination li.pre a:hover::after {content: '';display: block;background: url(../img/case/icon_arrow_left_white.svg) no-repeat;width: 10px;height: 16px;}
.pagination li.next a:hover::after {content: '';display: block;background: url(../img/case/icon_arrow_right_white.svg) no-repeat;width: 10px;height: 16px;}
@media only screen and (max-width: 960px) {
.pagination {margin-top: 35px;}
.pagination li a {font-size: 16px;width: 40px;height: 40px;}
.pagination li img {width: 8px;}
.pagination li.pre a:hover::after, .pagination li.next a:hover::after {width: 8px;position: relative;top: 2px;}
}
@media only screen and (max-width: 568px) {
.pagination {margin-top: 30px;gap: 0 10px;}
.pagination li a {font-size: 18px;}
.pagination li img {width: 8px;position: relative;top: -1px;}
.pagination li.pre a:hover::after, .pagination li.next a:hover::after {width: 8px;}
}

/*===============================================
 *	投稿詳細ページネーション
===============================================*/
.post_under_nav {margin: 50px 0;}
.post_under_nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;justify-content: center;gap: 0 20px;}
.post_under_nav li a {font-size: 18px;font-weight: bold;display: block;width: 140px;color: var(--site-primary);background: #fff;border-radius: 5px;border: 2px solid var(--site-primary);padding: 12px 0 14px;text-align: center;position: relative;transition: 0.2s;}
.post_under_nav li a:hover {background: var(--site-primary);color: #fff;}
.post_under_nav li.nav-left a::after {content: '';background: url(../img/case/icon_arrow_left.svg) no-repeat;width: 10px;height: 16px;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.post_under_nav li.nav-left a:hover::after {background: url(../img/case/icon_arrow_left_white.svg) no-repeat;}
.post_under_nav li.nav-center a {background: var(--site-primary);color: #fff;width: 200px;}
.post_under_nav li.nav-center a:hover {background: #ad2f3b;border: 2px solid #ad2f3b;}
.post_under_nav li.nav-right a::after {content: '';background: url(../img/case/icon_arrow_right.svg) no-repeat;width: 10px;height: 16px;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.post_under_nav li.nav-right a:hover::after {background: url(../img/case/icon_arrow_right_white.svg) no-repeat;}
@media screen and (max-width: 960px) {
.post_under_nav {margin-top: 32px;}
.post_under_nav li a {font-size: 16px;}
.post_under_nav li.nav-center a {width: 220px;}
}
@media screen and (max-width: 568px) {
.post_under_nav {margin-top: 30px;}
.post_under_nav ul {display: -ms-grid;display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;width: 92%;column-gap: 4vw;margin: 25px auto 0;}
.post_under_nav li a {font-size: 15px;padding: 15px 0;}
.post_under_nav li.nav-left {grid-column: 1;grid-row: 2;}
.post_under_nav li.nav-left a {width: 100%;}
.post_under_nav li.nav-left a span {position: relative;right: -6px;}
.post_under_nav li.nav-left a::after {width: 8px;height: 12px;right: 12px;}
.post_under_nav li.nav-center {grid-column: 1 / -1;grid-row: 1;margin-bottom: 15px;}
.post_under_nav li.nav-center a {font-size: 17px;width: 100%;}
.post_under_nav li.nav-right {grid-column: 2;grid-row: 2;}
.post_under_nav li.nav-right a {width: 100%;}
.post_under_nav li.nav-right a span {position: relative;left: -6px;}
.post_under_nav li.nav-right a::after {width: 8px;height: 12px;right: 12px;}
}