@charset "utf-8";


.bg-stripe{background: #3063ae;background-size: auto auto;background-color: rgba(59, 107, 178, 1);background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(48, 99, 174, 1) 5px, rgba(48, 99, 174, 1) 10px );border-radius: 6px;}
/*===============================================
 *	bred-wrapper
===============================================*/
#bread-box{width: 100%;max-width: 1060px;background: #fff;margin: -40px auto 60px;padding: 25px 30px;border-bottom: #ccc 1px solid;border-top-left-radius: 6px;border-top-right-radius: 6px;}
#bread {max-width: 980px;font-size: 13px;}
#bread a{color: #444;}
#bread li a{padding-left: 0;color: var(--site-primary);font-weight: normal;border-bottom: var(--site-primary) 1px solid;}
#bread .bread-list {display: inline;}
#bread .bread-list::after {content: '／';}
#bread .bread-list:last-child::after {content: '';}
#bread .bread-list_link {display: inline-block;text-decoration: none;}


@media only screen and (max-width: 1024px) {
#bread-box {margin: -40px 0 6% 3%;width: 88%;}
.service-menu li:nth-child(-n+8) {font-size: 14px;}
}
@media only screen and (max-width: 768px) {
#bread-box {margin: -40px auto 6%;width: 84%;}
}
@media only screen and (max-width: 568px) {
#bread-box {display: none;}
}
/*===============================================
 *	下層メインタイトル
===============================================*/
#sub_mainvisual-wrap {background: url(../img/bg-title_second.jpg) center no-repeat;margin-bottom: 1em;background-size: cover;padding: 33px 0 52px;}
#second-visualcontents{max-width: 380px;margin: 0 auto;width: 100%;padding: 5px;z-index: 5;}
#second-visualbox{border:#fff 1px solid;;border-radius: 6px;padding: 20px 0;position: relative;}
#second-visualcontents h1 {color: #fff;font-size: 30px;font-weight: bold;text-align: center;}
#second-visualcontents h1 span{display: block;font-size: 16px;position: relative;max-width: 180px;margin: 0 auto;}
#second-visualcontents h1 span:before, 
#second-visualcontents h1 span:after {content: '';position: absolute;top: 50%;display: inline-block;width: 15px;height: 1px;background-color: #fff;}
#second-visualcontents h1 span:before {left:0;}
#second-visualcontents h1 span:after {right: 0;}
@media only screen and (max-width: 768px) {
#second-visualcontents h1 {font-size: 32px;}
}
@media only screen and (max-width: 568px) {
#sub_mainvisual-wrap {margin: 63px 0 1.5em 0;padding: 20px 0;}
#second-visualbox {padding: 5px 0;}
#second-visualcontents {max-width: inherit;margin: 0 auto;width: 80%;}
#second-visualcontents h1 {font-size: 20px;padding: .2em;}
#second-visualcontents h1 span {font-size: 13px;}
#second-visualcontents h1 span:before {height: 2px;bottom: 32px;}
#second-visualcontents::after {width: 185px;height: 55px;bottom: -10px;left: 55%;}
}
/*===============================================
 *	下層タイトル
===============================================*/
.ttl-basic{color: #fff;font-size: 28px;font-weight: bold;margin-bottom: 30px;padding: 15px 30px 15px 40px;position: relative;}
.ttl-basic::before {content: '';background: #fff;top: 25%;left: 20px;width: 6px;height: 50%;position: absolute;}
.band-ttlbox{padding: 30px 0;position: relative;}
.band-ttlbox::before {content: '';background: #fff;top: 50%;left: 0;width: 6px;height: 50%;position: absolute;transform: translateY(-50%);}
.band-ttl{color: #fff;font-size: 28px;font-weight: bold;padding: 0 0 0 30px;}
/*----イラスト付きタイトル----*/
.img-subttl {position: relative;}
.img-subttl .basic-hdttl{color: #444;font-size: 30px;letter-spacing: 0;margin-bottom: 80px;}
.img-subttl .basic-hdttl em{font-size: 32px;}
.img-subttl .basic-hdttl span{padding: 0 30px;}
.img-subttl .basic-hdttl span::before {content: '';display: block;background: url(../img/service/bg-svttl_lb.png) no-repeat;width: 24px;height: 41px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.img-subttl .basic-hdttl span::after {content: '';display: block;background: url(../img/service/bg-svttl_rb.png) no-repeat;width: 24px;height: 41px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.img-subttl .basic-hdttl::before{content: '';display: block;background: url(../img/service/img-illustration01.png) no-repeat;width: 118px;height: 136px;background-size: contain;position: absolute;right: -20%;top: -50px;z-index: 10;}
/*----2色ラインタイトル----*/
.two-color-ttl{font-size: 28px;font-weight: bold;color:var(--site-primary);border-bottom: solid 10px #6790db;position: relative;line-height: 1.7; padding: 5px 0;}
.two-color-ttl::after{position: absolute;content: " ";display: block;border-bottom: solid 10px var(--site-primary);bottom: -10px;width: 221px;}

@media only screen and (max-width: 568px) {
.ttl-basic {font-size: 22px;padding: 10px 10px 10px 30px;}
.ttl-basic::before {left: 15px;}
.band-ttl {font-size: 22px;padding: 0 0 0 20px;}
.band-ttlbox::before {height: 40%;}
}
/*===============================================
 *	サービスメニュー
===============================================*/
.service-menu{background: #fff;border: #ccc 1px solid;border-radius: 6px;border-top: #ccc 1px solid;border-left: #ccc 1px solid;align-items: center;margin-bottom: 60px;}
.service-link{margin-bottom: 0;}
.service-menu li a{color: var(--site-primary);display: block;padding: 20px 20px 20px 60px;position:relative;}
.service-menu li a:hover{background: #eaf0f9;}
.service-menu li a::after {background: url(../img/icon-arrow_bottom.png) no-repeat;background-size: contain;content: "";display: block;height: 16px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);width: 16px;}
.service-link li a::after {background: url(../img/icon-arrow_right.png) no-repeat;background-size: contain;content: "";display: block;height: 16px;position: absolute;right: 5%;top: 50%;transform: translateY(-50%);width: 16px;}
.service-menu li{color: #249cdf;display:table-cell;font-weight: bold;width: calc(100%/3);}
.service-menu li {border-bottom: #ccc 1px solid;border-right: #ccc 1px solid;box-sizing: border-box;}
.service-menu li:nth-child(-n+8){font-size: 16px;width: calc(100%/4);}
.service-menu li:nth-child(n+9){border-bottom: none;font-size: 15px;width: calc(100%/6);}
.service-menu li:nth-child(4),.service-menu li:nth-child(8){border-right: none;}
.service-menu li:nth-child(10){line-height: 1.2;}
.service-menu li:last-child{border-right: none;}
.service-menu li:nth-child(n+9) a{padding: 22px 10px;}
.service-menu li:nth-child(10) a{padding: 16px 10px;}
.service-menu li.ic-huyou a::before{background: url("../img/services/ic-huyou.png") no-repeat;background-size: contain;margin-top: 5px;}
.service-menu li.ic-kaitori a::before{background: url("../img/services/ic-kaitori.png") no-repeat;background-size: contain;}
.service-menu li.ic-sodai a::before{background: url("../img/services/ic-sodai.png") no-repeat;background-size: contain;margin-top: 3px;}
.service-menu li.ic-haihin a::before{background: url("../img/services/ic-haihin.png") no-repeat;background-size: contain;}
.service-menu li.ic-kagu a::before{background: url("../img/services/ic-kagu.png") no-repeat;background-size: contain;}
.service-menu li.ic-kaden a::before{background: url("../img/services/ic-kaden.png") no-repeat;background-size: contain;}
.service-menu li.ic-sup a::before{background: url("../img/services/ic-sup.png") no-repeat;background-size: contain;margin-top: 5px;}
.service-menu li.ic-gomi a::before{background: url("../img/services/ic-gomi.png") no-repeat;background-size: contain;}
.service-menu .ic a::before{content: "";display: block;width: 30px;height: 30px;position: absolute;left: 5%;top: 50%;transform: translateY(-50%);}

@media only screen and (max-width: 1024px) {
.service-menu li:nth-child(-n+8) {font-size: 15px;}
.service-menu li:nth-child(n+9) {font-size: 13px;}
}
@media only screen and (max-width: 768px) {
.service-menu li a::after {height: 13px;width: 13px;}
.service-menu li:nth-child(-n+8) {font-size: 12px;}
.service-menu li:nth-child(n+9) {font-size: 12px;width: calc(100%/3);}
.service-menu li:nth-child(10) {line-height: 1.6;}
.service-menu li:nth-child(10) a {padding: 22px 10px;}
.service-menu li:nth-child(9),
.service-menu li:nth-child(10),
.service-menu li:nth-child(11){border-bottom: #ccc 1px solid;}
.service-menu li:nth-child(11){border-right: none;}
.service-menu li a {padding: 15px 20px 15px 35px;}
.service-menu .ic a::before {width: 20px;height: 20px;}
}
@media only screen and (max-width: 568px) {
.service-menu{margin-bottom: 40px;}
.service-link{margin-bottom: 0;}
.service-menu li:nth-child(-n+8) {font-size: 12px;width: calc(100%/2);}
.service-menu li:nth-child(2),.service-menu li:nth-child(6),
.service-menu li:nth-child(10),.service-menu li:nth-child(12){border-right: none;}
.service-menu .ic a::before {left: 3%;}
.service-menu li a {padding: 15px 20px 15px 30px;}
.service-menu li:nth-child(n+9) {width: calc(100%/2);}
.service-menu li:nth-child(n+9) a {padding: 12px 10px;}
.service-menu li:nth-child(10) a {padding: 7px 10px;line-height: 1.25;}
.service-menu li:nth-child(11){border-right: #ccc 1px solid;}
.service-menu li:nth-child(12){border-bottom: #ccc 1px solid;}
}


/*===============================================
 *	下層マージン
===============================================*/
.under{margin-bottom: 96px;}
.pdt70{padding-top: 70px;}
.pdt50{padding-top: 50px;}
.pd30{padding: 30px;}
.mt90{margin-top: 90px;}
.mbn{margin-bottom:0;}
.mb50{margin-bottom: 50px;}

@media only screen and (max-width: 568px) {
.under{margin-bottom:61px;}
.pdt70{padding-top: 30px;}
.pdt50{padding-top: 20px;}
.pd30{padding: 20px;}
.mb50{margin-bottom: 20px;}
}

/*===============================================
 *	斜め線ボーダー
===============================================*/

.underline-stripe{padding: 19px 34px 14px;background-image: repeating-linear-gradient(-135deg, #cccccc, #cccccc 3px, transparent 2px, transparent 5px);background-position: center bottom;background-repeat: repeat-x;background-size: auto 2px;}

/*===============================================
 *	~について
===============================================*/
.txtbox{max-width:540px;}
.txtbox h3{font-size: 28px;font-weight: 900;line-height: 1.3;}
.txtbox .txt-balloon{font-size: 26px;margin-top: 20px;}
.pds10{padding: 5px 10px;}
.txtbox .subtxt p{margin-top: 30px;}
.img-service{max-width: 530px;max-height: 350px;margin-top: 27px;}


@media only screen and (max-width: 1024px) {
.txtbox{max-width: 470px;}
.txtbox .txt-balloon{font-size: 24px;}
.txtbox h3{font-size: 26px;}
.img-service{max-width: 450px;}
}
@media only screen and (max-width: 768px) {
.txtbox{max-width: 100%;}
.txtbox .txt-balloon{max-width: 100%;}
.img-service{max-width: 100%;max-height: 466px;}
}
@media only screen and (max-width: 568px) {
.txtbox .txt-balloon{font-size: 22px;margin-top: 0;}
.txtbox.subttl .basic-hdttl{font-size: 20px;}
.txtbox .subttl .basic-hdttl em{font-size: 24px;}
.txtbox .sodai-subtxt p{margin-top: 20px;}
.txtbox h3{font-size: 22px;}
}

/*===============================================
 *	~のお悩みは
===============================================*/

.onayami{position: relative;max-width: 535px;margin: 0 auto 58px;}
.icon-ttl {color:#444444;font-size: 30px;text-align: center;}
.icon-ttl em{color:var(--site-primary);font-size: 32px;}
.icon-ttl span::before{content: '';display: block;background: url(../img/haihin/icon-l.png) no-repeat;width: 32px;height: 52px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.icon-ttl span::after{content: '';display: block;background: url(../img/haihin/icon-r.png) no-repeat;width: 32px;height: 52px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.onayami-txt{position: relative;margin-bottom: 48px;}
.onayami-txt p{margin-bottom: 24px;max-width: 840px;line-height: 1.8;text-align: justify}
.onayami-txt::after{content: '';display: block;background: url(../img/img-top_staff.png) no-repeat;width: 218px;height: 250px;background-size: contain;position: absolute;right:30px;top:67px;transform: translateY(-50%);z-index: 0;}
.type{margin-bottom: 30px;position: relative;z-index: 5;}
.type li{max-width: 356px;background-color: #fff;border-radius: 6px;border-bottom: var(--site-primary) 5px solid;margin-bottom: 30px;}
.type dl{padding: 20px;}
.type dt{background: var(--site-primary);color: #fffc09;font-size: 18px;font-weight: bold;padding: 5px 0;text-align: center;margin-bottom: 10px;}

@media only screen and (max-width: 1024px) {
.type li{max-width: 306px;}
.onayami-txt::after{top:33%;}
.onayami-txt p{max-width:680px;}
}
@media only screen and (max-width: 768px) {
.onayami-txt{margin-bottom: 10px;}
.onayami-txt p{max-width: 500px;}
.onayami-txt::after{width: 158px;height: 231px;top:56%;right: 10px;}
.type li{max-width: 31%;}
}
@media only screen and (max-width: 568px) {
.icon-ttl{font-size: 20px;}
.icon-ttl em{font-size: 22px;}
.icon-ttl span::before{width: 26px;height: 40px;}
.icon-ttl span::after{width: 26px;height: 40px;}
.onayami{margin: 0 auto 20px;}
.onayami-txt{margin-bottom: 86px;}
.onayami-txt::after{width: 90px;height: 170px;top:134%;}
.type li{max-width: 100%;display: block;}
.type li:last-child{margin-bottom: 0;}
/*.type{margin-bottom: 0;}*/
}
/*===============================================
 *	よくある~のご依頼内容
===============================================*/

.request-box{background: #fff;border-radius: 6px;margin: 77px 0 85px;}
.light-blue-ttl{background: var(--site-primary);color: #fff;text-align: center;border-radius: 6px 6px 0 0;font-size: 22px;padding: 15px 0;}
.light-blue-ttl span{font-size: 26px;}
.request-box .text-content{width: 637px;position: relative;}
.request-box .text-content li::before{content: '';display: block;background: url(../img/haihin/icon-check.png) no-repeat;width: 20px;height: 20px;background-size: contain;position: absolute;left:0px;margin-top: 3px;}

@media only screen and (max-width: 1024px) {
.img-content{max-width: 320px;}   
}
@media only screen and (max-width: 768px) {
.request-box .text-content{max-width:640px;width:100%;}
.img-content{max-width: 100%;width: 100%;}   
}
@media only screen and (max-width: 568px) {
.request-box{margin: 20px 0;}
.light-blue-ttl{font-size: 20px;}
.light-blue-ttl span{font-size: 22px;}
.request-box .text-content li::before{margin-top: 12px;}
.underline-stripe{padding: 19px 10px 14px 34px;}
}
/*===============================================
 *	○つのポイント
===============================================*/

.strength-box li{width: 1048px;background: #fff;border: 6px solid var(--site-primary);border-radius: 6px;padding:40px 30px;margin-bottom: 39px;}
.strength-box li:last-child{margin-bottom: 0 ;}
.strength-box .s-left{width: 455px;}
.strength-box .s-right{max-width: 530px;}
.strength-box .s-right p{max-width: 673px;letter-spacing: 0px;margin-top: 30px;line-height: 1.9;}
.strength-box:first-child .s-right{max-width: 680px;}
.st-icon{background: var(--site-primary);color: #fff;font-size: 14px;font-weight: bold;padding: 4px 5px;border-radius:6px;max-width: 60px;text-align: center;}
.st-icon em{font-size:26px;line-height: .8;text-align: center;}
.st-point{align-items: center;}
.st-point h3{font-size: 22px; font-weight: bold;margin-left: 1em;}
.st-point h3 span{color:var(--site-primary);font-size: 26px;}

@media only screen and (max-width: 1024px) {
.strength-box .s-right{max-width: 400px;}
}
@media only screen and (max-width: 768px) {
.strength-box .s-left{max-width: 100%;width: 100%;margin-bottom: 30px;}
.strength-box .s-right{max-width: 100%;width: 100%;}
}
@media only screen and (max-width: 568px) {
.strength-box li{padding: 20px;}
.strength-box .s-right p{margin-top: 20px;}
.st-point h3{margin-left: 10px;display: block;font-size: 20px;width: 70%;}
.st-point h3 span{font-size: 22px;}
.strength-box li{margin-bottom: 20px;}
}

/*===============================================
 *	アイコンボックスリスト[6個並び]
===============================================*/

.icon-list li{width:100%;max-width:170px;border: 3px solid var(--site-primary);color: #fff;border-radius: 6px;background: #fff;}
.icon-list li dl dt{height: 107px;display: flex;justify-content: center;align-items: center;}
.icon-list li dl dd{background-color: var(--site-primary);text-align: center;padding: 18px 0;font-weight: bold;}

@media only screen and (max-width: 1024px) {
.icon-list li {max-width: 140px;}
}
@media only screen and (max-width: 768px) {
.icon-list li{max-width: 210px;margin-bottom: 20px;}
}
@media only screen and (max-width: 568px) {
    .icon-list li {max-width: 155px;}
}

/*===============================================
 *	事例ボックス
===============================================*/
.example{margin-top: 57px;}
.example li{width: 100%;max-width: 475px;background-color: #fff;border:5px solid var(--site-primary);padding: 30px 27px;border-radius: 6px ;}
.example li h3{background: var(--site-primary);;color: #fff;border-radius: 6px;text-align: center;font-size: 18px;font-weight: bold;padding: 12px 0; margin-bottom: 30px;}
.example li h4{background: var(--site-primary);color: #fff;border-radius: 6px;text-align: center;font-size: 18px;font-weight: bold;padding: 12px 0; margin-bottom: 30px;}
.example li img{max-width: 220px;margin-bottom: 20px;}
.example li dl{position: relative;}
.example li dd:first-child::after{content: '';display:block;background: url(../img/moving/icon-arrow.png) no-repeat;width: 17px;height: 26px;background-size: contain;position: absolute;right: 48%;top:45%;transform: translateY(-50%);}

@media only screen and (max-width: 1024px) {
.example li{max-width:405px;}
.example li dd{max-width: 46%;width:100%;}
}
@media only screen and (max-width: 768px) {
.example li{max-width: 100%;}
.example li dd{max-width: 46%;width:100%;}
.example li dd img{width: 100%;max-width: 100%;}
.example li:first-child{margin-bottom: 30px;}
}
@media only screen and (max-width: 568px) {
.example li h3{padding: 5px 0; margin-bottom: 20px;}
.example li dd{max-width: 100%;}
.example li dd:first-child{margin-bottom: 30px;}
.example li dd:first-child::after {top:46%;transform:rotate(90deg);}
}
/*===============================================
 *	after-staff
===============================================*/
.after-staff{position: relative;}
.after-staff p{margin: 60px 0 50px;line-height: 1.8;width: 75%;}
.after-staff p::after{content: '';display: block;background: url(../img/img-top_staff.png) no-repeat;width: 169px;height: 194px;background-size: contain;position: absolute;right:30px;top:45%;transform: translateY(-50%);}
@media only screen and (max-width: 1024px) {
.after-staff p{margin: 30px 0 29px;}
}
@media only screen and (max-width: 768px) {
.after-staff p{width: 70%;}
.after-staff p::after{right: 0px;top:38%;}
}

@media only screen and (max-width: 568px) {
.after-staff p{width: 100%;padding-bottom: 110px;}
.after-staff p::after{right: 0px;top:38%;width:100px ;height:133px;right: 35%;top:86%;}

}
/*===============================================
 *	赤二重線box
===============================================*/
.border-box{background: #fff;border: #fbdb9d  8px solid;outline: #fbb93a 3px solid;padding: 25px 0 25px 20px;margin-top: 66px;}
@media only screen and (max-width: 568px) {
.border-box{margin-top: 30px; padding: 15px 10px;}
}
/*===============================================
 *	背景白box 画像右寄り
===============================================*/
.white-box{background: #fff;border-radius: 6px;padding: 40px;}
.white-box img{max-width:370px;}
.white-box-content{flex-direction: row-reverse;}
.white-box .white-box-txt{max-width: 637px;}
.white-box-txt h4{font-size: 22px;font-weight: bold;color: var(--site-primary);margin-bottom: 30px;}
.white-box-txt p{line-height: 1.7;}
@media only screen and (max-width: 1024px) {
.white-box-content .white-box-txt{max-width:480px;}
}
@media only screen and (max-width: 768px) {
.white-box-content img{max-width: 100%;}
.white-box-content .white-box-txt{max-width:100%;margin-top: 20px;}
}
@media only screen and (max-width: 568px) {
.white-box{padding: 20px;}
.white-box-content .white-box-txt h4{font-size: 18px; margin-bottom: 20px;}
}
/*===============================================
 *	当社の強みページ
 青左ライン見出し
===============================================*/
.left-line{font-size: 26px;font-weight: bold;padding: 0px 30px 0 20px;position: relative; color: var(--site-primary);line-height: 1.8;margin-bottom: 10px;}
.left-line::before{content: '';background: var(--site-primary);left: 0px;width: 6px;height: 100%;position: absolute;}
@media only screen and (max-width: 568px) {
.left-line{padding: 0 0 0 20px;} 
}
/*===============================================
 *	買取可能な品目
===============================================*/
.goods li{background: #fff;max-width: 265px;margin-bottom: 20px;color:var(--site-primary);font-size: 16px;font-weight:bold; text-align: center;box-shadow: 0 5px 0 0 var(--site-primary);}
.goods li p{padding: 24px 0;}
.goods ol{margin-bottom: 40px;}
.goods .btn-basic{margin: 60px auto 85px;}
@media only screen and (max-width: 1024px) {
.goods li{max-width: 180px;} 
}
@media only screen and (max-width: 768px) {
.goods li{max-width: 210px;}
}
@media only screen and (max-width: 568px) {
.goods li {max-width: 160px;}
.goods li p {padding: 10px 0;}
.goods ol{margin-bottom: 0;}
.goods .btn-basic{margin: 30px auto 50px;}
}
/*===============================================
 *	回収可能bluebox
===============================================*/
.line-bluebox{border: 2px solid var(--site-primary);border-radius: 6px;margin-top: 70px;background: #fff;}
.line-bluebox-ttl{background:var(--site-primary);color: #fff;font-size:28px;font-weight: bold; text-align:center;padding:10px 0;}
.bluebox-ttlsub{margin-bottom: 20px;}
.box-space{padding: 15px 25px 38px;}
.box-flex img{max-width: 380px;}
.box-flex .item-table{max-width: 650px;width: 100%;}
.item-table table{width: 100%;}
.item-table th{font-size:18px; font-weight: bold;color: var(--site-primary);background:#e4edff;border: 1px solid var(--site-primary);text-align: center;width: 25%;}
.item-table td{font-size: 14px;border: 1px solid var(--site-primary);padding: 30px 25px;}
@media only screen and (max-width: 1024px) {
.box-flex img{max-width: 320px;}
.box-flex .item-table{max-width: 560px;}
}
@media only screen and (max-width: 768px) {
.line-bluebox{margin-top: 30px;}
.box-flex li{display: block; width: 100%;}
.box-flex img{max-width: 100%;}
.box-flex .item-table{width: 100%;max-width:100%;margin-top: 20px;}
}
@media only screen and (max-width: 568px) {
.line-bluebox-ttl{font-size: 24px;}
.item-table th{display: block;width: 100%;margin-top: -1px;padding:10px 0;box-sizing: border-box;}
.item-table td{display: block;width: 100%;padding: 20px;margin-top: -1px;box-sizing: border-box;}
}
/*===============================================
 *	サービスページ見出しーイラスト右
===============================================*/
.service-subttl {position: relative;}
.service-subttl .basic-hdttl{color: #444;font-size: 30px;etter-spacing: 0;margin-bottom: 80px;}
.service-subttl .basic-hdttl em{font-size: 32px;}
.service-subttl .basic-hdttl span{padding: 0 30px;}
.service-subttl .basic-hdttl span::before {content: '';display: block;background: url(../img/service/bg-svttl_lb.png) no-repeat;width: 24px;height: 41px;background-size: contain;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.service-subttl .basic-hdttl span::after {content: '';display: block;background: url(../img/service/bg-svttl_rb.png) no-repeat;width: 24px;height: 41px;background-size: contain;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.service-subttl .basic-hdttl::before{content: '';display: block;background: url(../img/service/img-illustration01.png) no-repeat;width: 118px;height: 136px;background-size: contain;position: absolute;right: -20%;top: -50px;z-index: 10;}
@media only screen and (max-width: 768px) {
.service-type li{max-width: 340px;}
.service-subttl .basic-hdttl::before{right: 0;top: 60px;width: 98px;height: 116px;}
.service-subttl .basic-hdttl span{padding: 0px 25px;}
}
@media only screen and (max-width: 568px) {
.service-subttl .basic-hdttl{font-size: 20px;}
.service-subttl .basic-hdttl em{font-size: 24px;}
.service-subttl .basic-hdttl::before{width: 79px;height: 88px;right: 0%;top: 60px;}
.service-txtbox h3{font-size: 20px;}
.service-txtbox .service-subtxt p{margin-top: 10px;}
}
/*===============================================
 *	上記以外にも回収可能
===============================================*/
.item-other{background: #fff;border-bottom:5px solid var(--site-primary);padding:40px 30px 55px;}
.item-other h4{font-size: 22px;font-weight: bold;text-align: center;margin-bottom: 30px;}
@media only screen and (max-width: 568px) {
.item-other{padding: 40px 20px 25px;}
.item-other h4{margin-bottom: 20px;font-size: 20px;}
}
/*===============================================
 *	買取事例box
===============================================*/
.box-list li{max-width: 356px;border-radius: 6px;background: #fff;margin-bottom: 30px;position: relative;box-shadow: 0px 5px 0px 0px var(--site-primary);}
.box-list li dt{background: var(--site-primary);color: #fff;border-radius: 6px 6px 0 0;padding:25px 40px;font-size: 20px;font-weight: bold;}
.box-list li dd:last-child{padding: 30px 40px 40px;}
.box-list li dd:last-child::after{content: '';background: url(../img/img-service_arrow.png) no-repeat;width: 53px;height: 50px;position: absolute;right: 0;bottom: 0;}
@media only screen and (max-width: 1024px) {
.box-list li{max-width: 310px;}
}
@media only screen and (max-width: 768px) {
.box-list li{max-width: 220px;}
.box-list li dt{padding: 15px 20px;}
.box-list li dd:last-child{padding: 20px 20px 40px;}   
}
@media only screen and (max-width: 568px) {
.box-list li{max-width: 100%;}    
}
/*===============================================
 *	投稿一覧ページネーション
===============================================*/
.pagination {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;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;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: 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.pre a:hover img, .pagination li.next a:hover img {display: none;}
.pagination li.next a:hover::after {content: '';display: block;background: url(../img/common/icon_arrow_left_white.svg) no-repeat;width: 9px;height: 14px;}
.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/icon_arrow_left_white.svg) no-repeat;width: 9px;height: 14px;}
.pagination li.next a:hover::after {content: '';display: block;background: url(../img/icon_arrow_right_white.svg) no-repeat;width: 9px;height: 14px;}
@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-top: 50px;}
.post_under_nav ul {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;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;-webkit-transition: 0.2s;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/common/icon_arrow_left_blue.svg) no-repeat;width: 10px;height: 16px;position: absolute;left: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.post_under_nav li.nav-left a:hover::after {background: url("../img/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: #4c7acf;border: 2px solid #4c7acf;}
.post_under_nav li.nav-right a::after {content: '';background: url("../img/icon_arrow_right_blue.svg") no-repeat;width: 10px;height: 16px;position: absolute;right: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.post_under_nav li.nav-right a:hover::after {background: url(../img/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;-ms-grid-columns: 1fr 1fr;grid-template-columns: 1fr 1fr;-ms-grid-rows: auto auto;grid-template-rows: auto auto;width: 74.7vw;-webkit-column-gap: 4vw;column-gap: 4vw;margin: 25px auto 0;}
.post_under_nav li a {font-size: 15px;padding: 7px 0 9px;}
.post_under_nav li.nav-left {-ms-grid-column: 1;grid-column: 1;-ms-grid-row: 2;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;-ms-grid-row: 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 {-ms-grid-column: 2;grid-column: 2;-ms-grid-row: 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;}
}

/*===============================================
 *	投稿詳細ページネーション
===============================================*/
.under-pager{display: flex;justify-content: center;margin-top: 50px;}
.under-pager ul{max-width: 520px; width: 100%;}
.under-pager ul 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;-webkit-transition: 0.2s;transition: 0.2s;}
.under-pager ul li.list-center a{width: 200px;color: #fff;background:var(--site-primary);}
.under-pager ul li.old a::before{content: '';background: url(../img/example/icon-l.png) no-repeat;width: 10px;height: 16px;position: absolute;left: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.under-pager ul li.new a::before{content: '';background: url(../img/example/icon-r.png) no-repeat;width: 10px;height: 16px;position: absolute;right: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.under-pager ul li a:hover{background:var(--site-primary);color: #fff;}
.under-pager ul li.old a:hover::before{content: '';background: url(../img/example/icon-lw.png) no-repeat;}
.under-pager ul li.new a:hover::before{content: '';background: url(../img/example/icon-rw.png) no-repeat;}
.under-pager ul li.list-center a:hover{background: #2570df;;}
@media only screen and (max-width: 568px) {
.under-pager{margin-top: 0;margin-bottom: 20px;}
.under-pager ul{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: auto auto;column-gap: 4vw;margin: 25px auto 0;}
.under-pager ul li a{font-size: 16px;}
.under-pager ul li.list-center{grid-column: 1 / -1;grid-row: 1;margin-bottom: 15px;}
.under-pager ul li.old a{grid-column: 1;grid-row: 2;width: 100%;}
.under-pager ul li.new a{grid-column: 2;grid-row: 2;width: 100%;}
.under-pager ul li.list-center a{width: 100%;}
}
/*===============================================
 *	投稿詳細ページbox
===============================================*/
.detail-box{background: #fff;border:4px solid var(--site-primary);border-radius:6px;}
.detail-box .bg-stripe{border-radius: 0;}