/*-----------------------------------------------
 *	Heading settings
-----------------------------------------------*/
.policy_wrapper .content_ttl {font-size: min(2.5vw, 30px);line-height: 1.4;color: var(--site-primary);background: #d1e8f6;text-align: center;padding: 0.55em 1em 0.7em;margin: 0 0 28px;}
.policy_wrapper .ttl_left_border span {color: var(--site-primary);margin-right: 10px;}
.policy_wrapper p {margin-bottom: 32px;}
.policy_wrapper p:last-of-type {margin-bottom: 0;}
.policy_wrapper p strong {color: var(--site-primary);font-weight: bold;}
.policy_wrapper li strong {color: var(--site-primary);font-weight: bold;}
.policy_wrapper a {color: var(--site-primary);font-weight: bold;text-decoration: underline;text-underline-offset: 8px;}
.policy_wrapper a:hover{text-decoration: none;}
.policy_wrapper p.reference_txt{color: #999;text-align: center;margin: -20px 0 30px 0;}
@media only screen and (max-width: 1024px) {
.policy_wrapper h2 span{font-size: 26px;}
.policy_wrapper h3 .en_txt{font-size: 22px;}
}
@media only screen and (max-width: 960px) {
.policy_wrapper {padding: 4vw;margin-top: 35px;}
.policy_wrapper h2 {font-size: 22px;}
.policy_wrapper h2 span{font-size: 24px;}
.policy_wrapper h3 .en_txt{font-size: 17px;}
.policy_wrapper p {margin-bottom: 26px;}
.policy_wrapper p.reference_txt {margin-bottom: 30px;}
}
@media only screen and (max-width: 568px) {
.ttl_left_border::before {width: 5px;height: 77%;}
.policy_wrapper {width: 100%;padding: 0;margin-top: 0;}
.policy_wrapper .content_ttl {font-size: 21px;}
.policy_wrapper h2 {font-size: 18px;padding: 0.7em 0.5em 0.5em;}
.policy_wrapper h2 span{font-size: 16px;}
.policy_wrapper h3 .en_txt {display: block;font-size: 18px;margin: 0 0 5px 0;}
.policy_wrapper h3 .en_txt::before {content: '―';padding-right: 5px;}
.policy_wrapper h3 .en_txt::after {content: '―';padding-left: 5px;}
.policy_wrapper h4 {font-size: 18px;margin-bottom: 10px;}
.policy_wrapper p {line-height: 1.78;margin-bottom: 18px;}
.policy_wrapper p.reference_txt {margin-bottom: 20px;}
}
/*-----------------------------------------------
 *	Contents
-----------------------------------------------*/
.policy_contents .ttl_content_top{font-size: min(2.2vw, 28px);font-weight: bold;padding: 0.55em 1em 0.7em;border-radius: 10px 10px 0 0;margin-bottom: 0;}
.policy_contents .ttl_content_top span{font-size: 32px;margin-bottom: 0;line-height: 1.4;}
.policy_contents h3 span{color: #356ec2;margin: 0 10px 0 0;}
.img_contents{background: #e7f3fa;padding: 40px;border-radius: 0 0 10px 10px;margin: 0 0 30px 0;}
.img_mvv{max-width: 626px;margin: 0 auto;}
@media screen and (max-width: 640px) {
.img_contents {margin: 0 0 20px 0;padding: 20px;}
.policy_contents .ttl_content_top {font-size: 20px;border-radius: 10px 10px 0 0;}
}

/*-----------------------------------------------
 *	Number List
-----------------------------------------------*/
ol.num_list{counter-reset:list;list-style-type:none; display: table;border-collapse: separate;width: 100%;
  border-spacing: 0 10px;}
ol.num_list li{background: #fff;border-radius:10px;margin: 0 0 20px 0;font-weight: bold;font-size:28px;padding: 10px 0;display: table-row;counter-increment: table-ol;}
ol.num_list li:last-child{margin: 0;}
ol.num_list li span{margin-left: 1em;display: block;}

ol.num_list li:before{counter-increment: list;content: counter(list);display: table-cell;font-size: 32px;color: #fff;background: #356ec2;border-radius: 10px 0 0 10px;padding: 13px 25px;text-align: center;}
@media screen and (max-width: 1024px) {
ol.num_list li{font-size:26px;}
}
@media screen and (max-width: 960px) {
ol.num_list li{font-size:18px;}
ol.num_list li:before {font-size: 24px;padding: 13px 20px;}
}
@media screen and (max-width: 640px) {
ol.num_list li {font-size: 16px;}
ol.num_list li span {margin-left: .75em;line-height: 1.4;padding: 6px 0 0;}
ol.num_list li:before {font-size: 18px;padding: 14px 10px;vertical-align: middle;}
}
/*-----------------------------------------------
 *	Normal List
-----------------------------------------------*/
.list_box{background: #fff;border: var(--site-primary) 2px solid;padding: 20px;margin: 0 0 30px 0;}
.list_box li{padding: 0 0 0 1em;position: relative;}
.list_box li:before {content:  "";width: 7px;height: 7px;display: inline-block;background-color: var(--site-primary);border-radius: 50%;margin-right: 10px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.list_box li em{font-weight: normal;color: #333;}
.list_box li strong{color: var(--site-primary);}
.list_box li:not(:last-child){margin-bottom: 10px;}
@media screen and (max-width: 640px) {
.list_box {padding: 15px;}
}
/*-----------------------------------------------
 *	Head List
-----------------------------------------------*/
.head_box{position: relative;margin: 40px 0 30px 0;}
.head_box .box-title {position: absolute;display: inline-block;top: -20px;left: 15px;padding: .5em 1em;line-height: 1;background: var(--site-primary);color: #fff;font-weight: bold;}

/*-----------------------------------------------
 *	Attempt List
-----------------------------------------------*/
.attempt_list li{width:calc(100% / 4 - 20px);}
.attempt_list li:nth-child(-n+4){margin: 0 0 30px 0;}
.attempt_list li img{display: block;max-width: 100px;margin: 0 auto 10px;}
.attempt_list li .attempt_name{color: var(--site-primary);margin: 0 0 10px 0;font-size: 18px;font-weight: bold;text-align: center;}
.attempt_list li p{margin: 0;}

@media only screen and (max-width: 1024px) {
.attempt_list::after{content:"";display: block;width:30%;}
}
@media only screen and (max-width: 960px) {
.attempt_list li .attempt_name{font-size: 16px;}
}
@media screen and (max-width: 640px) {
.attempt_list li {width: calc(100% / 2 - 10px);}
.attempt_list li:nth-child(n+4) {margin: 0 0 30px 0;}
.attempt_list li:nth-child(n+7) {margin: 0;}

}
/*-----------------------------------------------
 *	引用
-----------------------------------------------*/
blockquote {position: relative;padding: 30px;box-sizing: border-box;font-style: italic;color: #4e4e4e;background: #f5f5f5;margin: 30px 0 0 0;}
blockquote:before{display: inline-block;position: absolute;top: 10px;left: 10px;content: "";background: url(../img/column-policy/bg_quote_left.png) left top no-repeat;width: 80px;height: 60px;}
blockquote:after{display: inline-block;position: absolute;bottom: 10px;right: 10px;content: "";background: url(../img/column-policy/bg_quote_right.png) right bottom no-repeat;width: 80px;height: 60px;}
blockquote p.name{font-size: 20px;margin: 0 0 10px 0;border-bottom: #ccc 1px solid;padding: 0 0 10px 0;}
blockquote p {position: relative;padding: 0;margin: 10px 0;z-index: 3;line-height: 1.7;}
blockquote cite {color: #999;position: relative;z-index: 10;}
@media screen and (max-width: 640px) {
blockquote {padding: 20px;}
blockquote p.name {font-size: 16px;font-weight: bold;}
}


/*-----------------------------------------------
 *	Work example
-----------------------------------------------*/
.detail-box{background: #fff;border:4px solid #346bb6;border-radius:6px;margin-bottom: 40px;}
.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;}
.detail-content .customer-infobox{margin: 0 0 20px 0;width: 100%;}
.policy_wrapper .customer-infobox p{margin: 0 10px 10px 0;}
.policy_wrapper h2.ttl-case_hd {background: #346bb6;color: #fff;font-size: 24px;font-weight: bold;padding: 15px 30px;position: relative;margin: 0;text-align: left;}
.policy_wrapper h2.ttl-case_hd span{background: #fff;color: #346bb6;font-size: 18px;padding: 5px 10px;margin: 0 10px 0 0;}
.policy_wrapper h2.ttl-case_hd::before {content: none;border-top: none;border-bottom: none;}
.policy_wrapper h2.ttl-case_hd::after {content: none;border-top: none;border-bottom: none;}
.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{position: relative;width: 80%;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{position: relative;width: 45%;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;}

.policy_wrapper h2.ttl-case_hd {font-size: 17px;padding: 10px;}
.policy_wrapper h2.ttl-case_hd span{display: block;text-align: center;font-size: 16px;padding: 4px 10px;margin-bottom: 5px;}
.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;border-bottom: #fff 1px solid;margin: 0;width: 50%;}
.case-dl dd {font-size: 13px;border-top: none;border-left: none;border-bottom: #5184cc 1px solid;margin: 0;width: 50%;}
.case-dl dd:first-of-type {border-top: #5184cc 1px solid;}
.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: initial;width: 90%;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;padding: 0;}
.photo-box li:first-child::before {font-size: 13px;width: 55px;padding: 0;}
.car {font-size: 13px;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;}
.txt-branch {font-size: 14px;}
}
/***********************
* 買取品有り
************************/
.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: -30px;width: 20px;}
.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: -30px;width: 20px;}

.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: 10px;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: 10px;}
.txt-on_price dl dd .yen {font-size: 13px;}
.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: 17px;}
.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: -28px;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: 45%;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: 50%;}
.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: 35%;}
.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: 70%;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;background-size: contain;}
.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;}
}
/*-----------------------------------------------
 *	Table
-----------------------------------------------*/
table.tbl-case {margin: 20px auto 30px;width: 100%;}
table.tbl-case caption{background: var(--site-primary);color: #fff;font-size: 20px;text-align: left;padding: 15px 2%;margin: 0 auto;width: 100%;}
table.tbl-case caption span {color: var(--site-primary);padding: 5px 1em;line-height: 1;border-radius: 6px;background: #fff;font-weight: bold;margin: 0 1em 0 0;}
table.tbl-case th {background: #d1e8f6;border: solid 1px #ccc;color: #333333;font-size: 20px;font-weight: bold;padding: 15px 0 15px 2em;}
table.tbl-case td {background: #fff;border: solid 1px #ccc;font-size: 20px;padding: 15px 0 15px 2em;}
table.tbl-case td.price {color: var(--site-keycolor);font-weight: bold;}
table.tbl-case td .tax{font-size: 14px;}
table.tbl-case th,table.tbl-case td {box-sizing: border-box;font-size: 17px;}
@media only screen and (max-width: 960px) {
table.tbl-case caption{font-size: 18px;padding: 15px 5%;width: 100%;}
}
@media screen and (max-width: 640px) {
table.tbl-case .last td:last-child {border-bottom: solid 1px #ccc;width: 100%;}
table.tbl-case {margin: 30px auto;width: 100%;}
table.tbl-case th,table.tbl-case td {border-bottom: none;display: block;width: 100%;text-align: center;padding: 15px 0;}
}