/*=============================================== *
	パターン
===============================================*/
.base-fl {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;}
.row {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-direction: row;flex-direction: row;}
.row-rev {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.wrap {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: horizontal;-webkit-box-direction: normal;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.space-btw {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.space-around {-ms-flex-pack: distribute;justify-content: space-around;}
.js-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.al-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.al-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.al-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.al-base {-webkit-box-align: baseline;-ms-flex-align: baseline;align-items: baseline;}
/*===============================================
 *	関連記事の見出し
===============================================*/
.related-ttl {position: relative;background: #759ed7;font-size: 22px;font-weight: bold; box-shadow: 0px 0px 0px 5px #759ed7;border: dashed 2px white;padding: .5em .8em;color: #fff;margin-bottom: 15px;}
.related-ttl:after {position: absolute;content: '';left: -7px;top: -7px;border-width: 0 0 15px 15px;border-style: solid;border-color: #dfeafa #dfeafa #6d8fbe;box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);}
@media only screen and (max-width: 568px) {
.column-wrapper h2 {font-size: 16px;}
}
/*===============================================
 *	band_list
===============================================*/
.ttl-main_example{max-width: 854px;margin: 0 auto;}

.band-ttl {font-size: 30px;}
@media only screen and (max-width: 768px) {
.ttl-main_example {margin: 0 3%;}
}
@media only screen and (max-width: 568px) {
.band-ttl {font-size: 20px;}
}
/*===============================================
 *	共通
===============================================*/
#second-visualcontents h1 span{max-width: 100px;}
.img-service{margin-top: 0;}
#bread li:nth-child(2) a{color: #00a0e9;font-weight: normal;border-bottom: #00a0e9 1px solid;}
.detail-box{background: #fff;border:4px solid #346bb6;border-radius:6px;margin-bottom: 40px;}
/*===============================================
 *	対応作業
===============================================*/
.customer-infobox{margin-bottom: 20px;width: 100%;}
@media only screen and (max-width: 768px) {
.customer-infobox .workname {font-size: 16px;}
}
@media only screen and (max-width: 568px) {
.customer-infobox {width: 100%;margin-bottom: 10px;}
}


/*===============================================
 *	詳細ページ
===============================================*/
.detail-content{padding: 30px;position: relative;}
.detail-content .date_time{font-size:16px;color:var(--site-primary);margin-bottom: 0;position: absolute;right: 30px;top: 30px;}
.detail-content .date_time time{padding-left: 25px;background: url(../img/icon-clock.png) no-repeat left center;background-size: 18px;}

.ttl-case_hd {background: #346bb6;color: #fff;font-size: 24px;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;}
.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: #5184cc;color: #fff;padding: 5px 0 5px;text-align: center;width: 13%;}
.case-dl dd {background: #fff;border: #5184cc 2px solid;box-sizing: border-box;padding: 2px 0;text-align: center;font-weight: bold;width: 12%;}
.photo-box{background: url("../img/case/illust-bg.png") bottom no-repeat #dbf0fb;background-size: contain;padding: 33px 0;margin-bottom: 30px;position: relative;}
.car{background:#5184cc;color: #fff;padding: 5px 10px;position: absolute;width: 24%;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: #346bb6 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%;object-fit: cover;}
.photo-box li img {height: 100%;object-fit: cover;}
.photo-box li:first-child{border: #346bb6 5px solid;}
.photo-box li:nth-child(2){border: #f29011 5px solid;}
.photo-box li:first-child::before{content:'Before';background:#346bb6;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;margin-bottom: 10px;}
.case-staffbox img{order: 2;max-width: 243px;height: 182px;object-fit:cover;}
.case-staffbox h3{font-size: 20px;font-weight: bold;border-bottom: #9FA0A0 2px dashed;padding-bottom: 15px;margin-bottom: 15px;width: 100%;order: 1;}
.case-staffbox .staff-txt{width: 70%;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;}
.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) {
.detail-content .date_time {right: 25px;top: 21px;}
.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) {
.detail-content .date_time{font-size: 14px;margin-bottom: 5px;position: static;right:auto;top: auto;}
.detail-content .date_time time {padding-left: 22px;background-size: 16px;}

.ttl-case_hd {font-size: 18px;padding: 10px;}
.detail-content {padding: 15px;}
.txt-address {font-size: 14px;margin: 0 0 10px 10px;ing: 0 0 0 18px;grid-column: none;grid-row: none;}
.txt-address::before {width: 20px;height: 14px;}
.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: #5184cc 2px solid;margin-bottom: 5px;}
.photo-box{background: url("../img/case/illust-bg_sp.png") bottom no-repeat #dbf0fb;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 #00a0e9;border-top: 10px solid transparent;border-bottom: 10px solid transparent;}
.photo-box li {max-width: 130px;}
.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;width: 250px;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: 15px 0 20px;}
.txt-on_price li:nth-child(3)::before {background: none;width: 0;height: 0;left: 50%;border-left: 15px solid transparent;border-right: 15px solid transparent;border-top: 15px solid #346bb6;transform: translateX(-50%);top: -25px;}
.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;width: 37%;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: 27px;font-weight: bold;text-align: right;padding: 10px 0;}
.txt-off_price dl dd .yen {font-size: 17px;}
.txt-off_price dl dd .tax{font-size: 14px;}
.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/case/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;}
}
/***********************
* ページャー
************************/
.post_under_nav {color: #fff;background: #346bb6;margin: 0 0 60px;}
.post_under_nav ul {display: table;width: 100%;table-layout: fixed;}
.post_under_nav li {display: table-cell;text-align: center;}
.post_under_nav li span, .post_under_nav li a {display: block;padding: 15px 10px;color: #fff;}
.post_under_nav li a:hover {background: rgba(255, 255, 255, 0.3);}
.post_under_nav .nav-left {text-align: left;}
.post_under_nav .nav-center {text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.3);border-left: 1px solid rgba(255, 255, 255, 0.3);}