/*===============================================
 *	共通
===============================================*/
#second-visualcontents h1 span{max-width: 100px;}
.img-service{margin-top: 0;}
#bread li:nth-child(2) a{color: #346dc1;font-weight: normal;border-bottom: #346dc1 1px solid;}
.caution-box {margin-bottom: 0;}
/*===============================================
 *	詳細ページ
===============================================*/
.pack-badge{background: #f29011;border-radius: 6px;color: #fff;padding: 5px  10px;font-size: 18px;display: block;text-align: center;grid-column: 2;grid-row: 1;}
.pack-other{background: #f29011;border-radius: 6px;color: #fff;padding: 5px  10px;font-size: 18px;display: block;grid-column: 2;grid-row: 1;}
.ttl-case_hd {color: #fff;font-size: 28px;font-weight: bold;padding: 15px 30px;position: relative;}
.txt-address{font-size: 18px;font-weight: bold;padding: 0 0 0 35px;margin-bottom: 10px;position: relative;grid-column: 2;grid-row: 1;}
.txt-address::before {content: '';display: block;background: url("../img/icon-house.png") no-repeat;width: 25px;height: 25px;background-size: contain;position: absolute;left: 0px;top: 50%;transform: translateY(-50%);}
.case-dl {font-size: 16px;width: 100%;}
.case-dl dt {background: #168be6;color: #fff;padding: 5px 0 5px;text-align: center;width: 12%;}
.case-dl dd {background: #fff;border: #168be6 2px solid;box-sizing: border-box;padding: 2px 0;text-align: center;font-weight: bold;width: 13%;}
.detail-content{padding: 36px 40px 40px 40px;}
.photo-box{background: url("../img/case/illust-bg.png") bottom no-repeat #dbf0fb;background-size: contain;border-radius: 6px;padding: 33px 0;margin-bottom: 30px;position: relative;}
.car{background:#168be6;color: #fff;padding: 5px 10px;position: absolute;width: 18%;text-align: center;font-weight: bold;top: 70%;left: 50%;transform: translateX(-50%);}
.photo-box ul{max-width: 870px;position: relative;width: 100%;margin: 0 auto;}
.photo-box ul::after{content:'';  border-left: #eecc2e 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;}
.photo-box li{max-width: 380px;position: relative;width: 100%;height: 285px;}
.photo-box li img {height: 100%;object-fit: cover;}
.photo-box li:first-child{border: var(--site-primary) 5px solid;}
.photo-box li:nth-child(2){border: #f29011 5px solid;}
.photo-box li:first-child::before{content:'Before';background:var(--site-primary);width: 85px;padding: 0 0 5px 0;position: absolute;top: -1px;left: 0;z-index: 10;color: #fff;text-align: center;line-height: 1.8;}
.photo-box li:nth-child(2)::before{content:'After';background:#f29011;width: 85px;padding: 0 0 5px 0;position: absolute;top: -1px;left: 0;z-index: 10;color: #fff;text-align: center;line-height: 1.8;opacity: .8;}
.case-staffbox{background: #efefef;padding: 30px;border-radius: 6px;margin-bottom: 1em;}
.case-staffbox img{order: 2;max-width: 243px;height: 182px;object-fit:cover;}
.case-staffbox h3{font-size: 20px;border-bottom: #9FA0A0 2px dashed;padding-bottom: 15px;margin-bottom: 15px;width: 100%;order: 1;}
.case-staffbox .staff-txt{width: 72%;order: 1;}
@media only screen and (max-width: 1024px) {
.detail-content {padding: 31px 35px 35px 35px;}
.ttl-case_hd {font-size: 24px;}
.txt-address {font-size: 16px;padding: 0 0 0 40px;}
.txt-address::before {margin: 0;width: 34px;height: 28px;}
.pack-badge {font-size: 16px;}
.pack-other {font-size: 16px;}
.case-dl {font-size: 16px;}
.photo-box ul {max-width: 730px;}
.photo-box li {max-width: 320px;}
.staff-txtbox h3 {font-size: 18px;}
}
@media only screen and (max-width: 768px) {
.ttl-case_hd {font-size: 22px;padding: 15px 20px;}
.detail-content {padding: 21px 25px 25px 25px;}
.txt-address {padding: 0 0 0 25px;}
.txt-address::before {width: 25px;height: 19px;}
.case-dl {font-size: 13px;width: 100%;}
.case-dl dt {width: 23%;margin-bottom: 5px;}
.case-dl dd {width: 27%;margin-bottom: 5px;}
.photo-box {padding: 25px 0;}
.photo-box ul {max-width: 580px;}
.photo-box li {max-width: 250px;}
.photo-box li img {height: 180px;}
.car {width: 22%;top: 65%;}
.case-staffbox h3 {font-size: 18px;width: 100%;}
.case-staffbox img {max-height: 110px;width: 25%;order: 2;}
.case-staffbox .staff-txt {width: 74%;order: 1;}
}
@media only screen and (max-width: 568px) {
.ttl-case_hd {font-size: 18px;padding: 10px;}
.detail-content {padding: 15px;}
.txt-address {font-size: 14px;padding: 0 0 0 18px;grid-column: none;grid-row: none;}
.txt-address::before {width: 20px;height: 14px;}
.pack-badge {font-size: 13px;padding: 10px;grid-column: none;grid-row: none;}
.pack-other {font-size: 13px;padding: 10px;grid-column: none;grid-row: none;}
.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: #018ccf 2px solid;margin-bottom: 5px;}
.photo-box{background: url("../img/case/illust-bg_sp.jpg");background-size: contain;padding: 15px 0;margin-bottom: 20px;}
.photo-box ul {max-width: 300px;margin: 0 auto 10px auto;}
.photo-box ul::after {border-left: 10px solid #eecc2e;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.photo-box li {max-width: 130px;height: auto;}
.photo-box li img {height: 100px;}
.photo-box li:first-child {border: var(--site-primary) 2px solid;}
.photo-box li:nth-child(2) {border: #f29011 2px solid;}
.photo-box li:nth-child(2)::before {font-size: 13px;width: 55px;}
.photo-box li:first-child::before {font-size: 13px;width: 55px;}
.car {width: 50%;position: static;transform: none;margin: 0 auto;}
.case-staffbox {padding: 20px;}
.case-staffbox h3 {font-size: 16px;margin-bottom: 20px;width: 100%;}
.case-staffbox img {margin: 0 0 10px 0;max-width: initial;max-height: 200px;width: 100%;}
.case-staffbox .staff-txt {width: 100%;order: 2;}
}
@media only screen and (max-width: 375px) {
.case-dl dt {width: 25%;}
.case-dl dd {width: 25%;}
.txt-address {font-size: 13px;}
}
/***********************
* 買取金額有り
************************/
.txt-on_price{line-height: 1;}
.txt-on_price li {border: #888 2px solid;border-radius: 6px;width: 290px;position: relative;margin-bottom: 15px;}
.txt-on_price dl dt{background: #888;color: #fff;padding: 10px 0;font-size: 18px;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-on_price dl dd{color: #888;font-size: 28px;font-weight: bold;text-align: center;padding: 10px 0;}
.txt-on_price dl dd .yen {font-size: 20px;}
.txt-on_price dl dd .tax{font-size: 15px;}
.txt-on_price li:first-child::after {content: '';background: url("../img/icon-minus.png") no-repeat;background-size: contain;height: 100%;position: absolute;bottom: -40px;right: -53px;width: 28px;}
.txt-on_price li:nth-child(2) {border: #4583d0 2px solid;}
.txt-on_price li:nth-child(2) dt{background: #4583d0;}
.txt-on_price li:nth-child(2) dd{color: #4583d0;}
.txt-on_price li:nth-child(3) {border: #e52b12 2px solid;margin-bottom: 0;}
.txt-on_price li:nth-child(3) dl{width: 100%;}
.txt-on_price li:nth-child(3) dl dt{background: #e52b12;font-size: 20px;}
.txt-on_price li:nth-child(3) dl dd{color: #e52b12;font-size: 28px;padding: 10px 0;}
.txt-on_price li:nth-child(3)::before {content: '';background: url("../img/icon-equal.png") no-repeat;background-size: contain;height: 100%;position: absolute;bottom: -40px;left: -53px;width: 28px;}

.txt-on_price li:nth-child(4) {margin-bottom: 20px;width: 100%;}
.txt-on_price li:nth-child(4) dl{display: flex;border: none;}
.txt-on_price li:nth-child(4) dt{font-size: 18px;font-weight: bold;padding: 15px 0;position: relative;width: 25%;}
.txt-on_price li:nth-child(4) dd{font-size: 14px;font-weight: bold;width: 75%;text-align: left;padding: 15px 0 17px 20px;}

.txt-on_price li:nth-child(5) {border: #c9def9 2px solid;margin-bottom: 40px;width: 100%;}
.txt-on_price li:nth-child(5) dl{display: flex;border: none;}
.txt-on_price li:nth-child(5) dt{background: #c9def9;color: #4583d0;font-size: 18px;font-weight: bold;padding: 15px 0;position: relative;width: 25%;}
.txt-on_price li:nth-child(5) dd{background: #ebf3fc;color: #444;font-size: 14px;font-weight: bold;width: 75%;text-align: left;padding: 15px 0 17px 20px;}
@media only screen and (max-width: 1024px) {
.txt-on_price li {width: 250px;}
.txt-on_price li:first-child::after {right: -48px;}
.txt-on_price li:nth-child(3)::before {left: -48px;}
}
@media only screen and (max-width: 768px) {
.txt-on_price dl dt {font-size: 16px;}
.txt-on_price dl dd {font-size: 24px;}
.txt-on_price li {width: 190px;letter-spacing: 0;}
.txt-on_price li:first-child::after {right: -28px;width: 18px;}
.txt-on_price li:nth-child(3)::before {left: -29px;width: 20px;}
.txt-on_price li:nth-child(3) dl dt {font-size: 18px;}
.txt-on_price li:nth-child(3) dl dd {font-size: 24px;padding: 10px 0;}
.txt-on_price li:nth-child(5) {margin-bottom: 30px;}

.txt-on_price dl dd .tax {font-size: 13px;}
}
@media only screen and (max-width: 568px) {
.txt-on_price li {width: 42%;}
.txt-on_price dl dd {font-size: 22px;}
.txt-on_price dl dd:first-child,.txt-on_price dl dd:nth-child(2) {line-height: 1.4;}
.txt-on_price dl dd .tax {display: block;}
.txt-on_price li:first-child::after {right: -32px;height: 5px;top: 50%;transform: translateY(-50%);}
.txt-on_price li:nth-child(2) dt {padding: 10px 0;font-size: 16px;}
.txt-on_price li:nth-child(3) dl dd .tax {display: inline;}
.txt-on_price li:nth-child(3) {width: 100%;margin: 20px 0;}
.txt-on_price li:nth-child(3)::before {background: none;width: 0;height: 0;left: 50%;border-left: 20px solid transparent;border-right: 20px solid transparent;border-top: 20px solid #eecc2e;transform: translateX(-50%);top: -30px;}
.txt-on_price li:nth-child(4) dl,.txt-on_price li:nth-child(5) dl {display: block;width: 100%;}
.txt-on_price li:nth-child(4) dt,.txt-on_price li:nth-child(5) dt {font-size: 16px;padding: 10px 0;width: 100%;}
.txt-on_price li:nth-child(4) dd,.txt-on_price li:nth-child(5) dd {width: 92%;padding: 15px 4%;}

}
/***********************
* 買取金額無し
************************/
.txt-off_price li {border: #888 2px solid;border-radius: 6px;width: 36%;position: relative;margin-bottom: 15px;}
.txt-off_price dl dt{background: #888;color: #fff;padding: 8px 0;font-size: 18px;font-weight: bold;text-align: center;letter-spacing: .10em;}
.txt-off_price dl dd{color: #888;font-size: 28px;font-weight: bold;text-align: right;padding: 10px 0;}
.txt-off_price dl dd .yen {font-size: 20px;}
.txt-off_price dl dd .tax{font-size: 15px;}
.txt-off_price li:first-child {border: #e52b12 2px solid;margin-bottom: 0;}
.txt-off_price li:first-child dl {width: 100%;display: flex;justify-content: space-evenly;align-items: flex-start;}
.txt-off_price li:first-child dl dt {color: #fff;padding: 13px 0;background: #e52b12;font-size: 18px;width: 40%;}
.txt-off_price li:first-child dl dd {box-sizing: border-box;color: #e52b12;font-size: 28px;width: 67%;padding: 5px;text-align: right;}
.txt-off_price li:nth-child(2) {border: #c9def9 2px solid;margin-bottom: 20px;width: 60%;}
.txt-off_price li:nth-child(2) dl{display: flex;border: none;}
.txt-off_price li:nth-child(2) dt{background: #c9def9;color: #4583d0;font-size: 16px;font-weight: bold;padding: 5px 0;position: relative;width: 30%;}
.txt-off_price li:nth-child(2) dt span{background: url("../img/icon-cardboard.png") no-repeat;background-size: 24px;height: 27px;padding: 0 0 0 30px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90px;}
.txt-off_price li:nth-child(2) dd{background: #ebf3fc;color: #444;font-size: 14px;font-weight: bold;width: 75%;text-align: left;padding: 15px;}
@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 {width: 100%;text-align: center;}
.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) dt span{position: static;width: 90px;}
.txt-off_price li:nth-child(2) dd {width: 92%;padding: 4%;}
}
@media only screen and (max-width: 568px) {
.txt-off_price li {width: 100%;}
.txt-off_price li:first-child {margin-bottom: 20px;}
.txt-off_price li:nth-child(2) {width: 100%;}
.txt-off_price li:nth-child(2) dt {padding: 5px 0;font-size: 16px;}
}