@charset "utf-8";

/*===============================================
 *	Common
===============================================*/
.bg-relics{background: url("../img/relics/bg-relics.png") left bottom no-repeat;background-size: 212px;max-width: 980px;margin: 0 auto;}
.relics-box {max-width: 750px;margin-left: auto;padding: 6em 0 1em;}
.ttl-relics{font-size: 36px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;margin-bottom: .5em;line-height: 1.4;}
.ttl-main_relics{font-size: 34px;font-weight: bold;text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;line-height: 1.4;}
.ttl-main_relics span{font-size: 44px;}
.basic-greenbox{border: #009db3 2px solid;}
.basic-greenbox {background: url(../img/bg-note.png) bottom left repeat #fff;border: #009db3 6px solid;}
.greenbox-normal_ttl {background: #009db3;padding: 10px 0;}
.band-ttl, .band-fl_ttl {font-size: 26px;line-height: 1.3;}
@media only screen and (max-width: 768px) {
.bg-relics {background-size: 172px;}
.relics-box {max-width: 580px;}
.ttl-main_relics{font-size: 28px;}
.ttl-main_relics span{font-size: 34px;}
}
@media only screen and (max-width: 568px) {
.bg-relics {background: url("../img/relics/bg-relics.png") 1em bottom no-repeat;background-size: 112px;}
.relics-box {max-width: 275px;padding: 1.5em 0;}
.ttl-main_relics {font-size: 18px;}
.ttl-main_relics span {font-size: 20px;}
.band-ttl, .band-fl_ttl {font-size: 20px;}
.greenbox-normal_ttl {padding: 5px 0 10px;}
}
/*===============================================
 *	pink-box
===============================================*/
.pink-box {background: url("../img/departure/bg-note.png") left repeat #fff;border: #ec7589 4px solid;outline: #ffdae0 12px solid;outline-offset: -16px;position: relative;padding: 35px;max-width: 910px;margin: 0 auto;}
.pink-box h2{border-left: #ec7589 7px solid;padding-left: .5em;font-size: 26px;font-weight: bold;margin-bottom: 20px;}
.pink-box p{margin-bottom: 2em;}
.pink-box p span{font-weight: bold;}
.pink-box img{max-width: 865px;margin: 0 auto;}
img.arrow-relics_service{max-width: 730px;margin: 0 auto 60px;}
@media only screen and (max-width: 768px) {
.pink-box {border: #ec7589 2px solid;outline: #ffdae0 8px solid;outline-offset: -12px;padding: 25px;margin: 0 4%;}
.pink-box h2 {font-size: 22px;}
img.arrow-relics_service {max-width: 550px;margin: 0 auto 60px;}
}
@media only screen and (max-width: 568px) {
.pink-box h2 {border-left: #ec7589 5px solid;font-size: 20px;}
.pink-box p{margin-bottom: 1em;}
img.arrow-relics_service {max-width: 350px;margin: 0 auto 30px;}
}
@media only screen and (max-width: 375px) {
img.arrow-relics_service {max-width: 320px;}
}
@media only screen and (max-width: 320px) {
.pink-box h2 {font-size: 16px;}
}
/*-----------------------------------------------
 *	sorting
-----------------------------------------------*/
.ttl-definition {width: 57%;}
.definition-box {display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-start;position: relative;}
.definition-box p{width: 58%}
.item1 {order: 1;}
.item2 {order: 3;}
.item3 {order: 2;}
.processing-contents01 {background: url("../img/service/photo-processing01.png") 98% 20px no-repeat;}
.processing-contents02 {background: url("../img/service/photo-processing02.png") 2% 20px no-repeat;}
.bg-service_photo{padding: 2%;}
.bg-service_photo img{max-width: 369px;margin-top: -60px;}
.photo_l {flex-direction:row-reverse;}
@media only screen and (max-width: 768px) {
.ttl-definition {width: 52%;}
.definition-box p {width: 53%;}
.bg-service_photo img {max-width: 280px;margin-top: -60px;}
}
@media only screen and (max-width: 568px) {
.definition-box {display: block;}
.ttl-definition span {padding: 10px 0 10px 10px;}
.ttl-definition {width: 95%;}
.bg-service_photo {margin-top: 1em;padding: 0 3% 3%;}
.definition-box p {margin-bottom: 1em;width: 100%;}
.bg-service_photo img{max-width: initial;margin-top: 0;position: relative;}
.photo_l img{margin: 0 auto;}
.photo_r img{margin: 0 auto;}
}
@media only screen and (max-width: 320px) {
.bg-service_photo img {max-width: 90px;}
.definition-box p {padding-top: 1em;}
}
/*-----------------------------------------------
 *	appraiser
-----------------------------------------------*/
.appraiser-wrap{margin-bottom: 4em;}
/*-----------------------------------------------
 *	recycling
-----------------------------------------------*/
.recycling-intro{display: flex;flex-wrap: wrap;justify-content: space-between;}
.recycling-intro li{border: #aae1e9 2px solid;max-width: 286px;padding: 1em 0;width: 100%;margin-bottom: 1em;}
.recycling-intro img{max-width: 258px;margin: 0 auto 1em;}
.recycling-intro dl{max-width: 258px;margin: 0 auto;}
.recycling-intro dt{background: #009db3;font-size: 16px;font-weight: bold;color: #fff;text-align: center;margin-bottom: .5em;padding: 5px 0;}
.recycling-intro dd{font-size: 15px;}

@media only screen and (max-width: 768px) {
.recycling-intro li{max-width: 310px;padding: 1.5em 0;}
.picture-inset_ttl {font-size: 28px;}
}
@media only screen and (max-width: 568px) {
.picture-inset_ttl {font-size: 18px;}
.recycling-intro li {padding: 1em 0;}
}
/*===============================================
 * expensive-wrap
===============================================*/
#expensive-wrap{margin-bottom: 5%;}
img.photo-expensive01{max-width: 436px;}
img.photo-expensive02{max-width: 422px;}
.appraiser-introbox{background-image: url("../img/beginner/img-decoration_left_top.png"),url("../img/beginner/img-decoration_right_top.png"),url("../img/beginner/img-decoration_right_bottom.png"),url("../img/beginner/img-decoration_left_bottom.png");background-color: #fff;background-repeat: no-repeat;background-position: .5% 1%,99.5% 1%,99.5% 99%,.5% 99%;border: #a08643 4px solid;padding: 30px 40px;margin-bottom: 5%;}
.appraiser-introbox p{margin-bottom: 20px;}
.appraiser-ttl{color: #a08643;font-size: 30px;font-weight: 700;text-align: center;margin-bottom: 20px;}
img.photo-appraiser{max-width: 345px;float: left;margin-right: 4%;}
.appraiser-name{font-weight: bold;text-align: right;padding-top: 30px;}
@media only screen and (max-width: 768px) {
img.photo-expensive01,img.photo-expensive02 {max-width: 290px;}
.appraiser-introbox {padding: 20px 30px;}
img.photo-appraiser {max-width: 225px;}
.appraiser-name {padding-top: 0;}
}
@media only screen and (max-width: 568px) {
img.photo-expensive01, img.photo-expensive02 {max-width: 150px;}
.appraiser-introbox {padding: 15px 20px;}
.appraiser-introbox p{margin-bottom: 5px;}
.appraiser-ttl {font-size: 18px;margin-bottom: 15px;}
img.photo-appraiser {max-width: 130px;}
}
@media only screen and (max-width: 375px) {
img.photo-expensive01, img.photo-expensive02 {max-width: 135px;}
}
@media only screen and (max-width: 320px) {
.appraiser-introbox {padding: 15px;}
}
/*===============================================
 *	cv-field
===============================================*/
.cv-field{border: #009db3 2px solid;border-radius: 6px;max-width: 910px;margin: 0 auto;}
.cv-field-ttl{background: #009db3;color: #fff;font-size: 28px;padding: 5px 0 5px 1em;letter-spacing: 1px;}
.cv-fieldbox{background: #daf3f7;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;padding: 30px;position: relative;}
.cv-txt{max-width: 560px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.cv-field .cheapest-price_txt {font-size: 32px;}
.cv-field .cheapest-price_txt b {font-size: 38px;}
.cv-field .phonebox{max-width: 335px;}
.cv-field .contactbox{max-width: 210px;}
img.cv-field_woman{max-width: 292px;position: absolute;right: 10px;bottom: 0;}
@media only screen and (max-width: 768px) {
.cv-field-ttl {font-size: 26px;}
.cv-fieldbox {padding: 20px;}
.cv-txt {max-width: 450px;}
.cv-field .cheapest-price_txt {font-size: 24px;padding: 0 45px 0 45px;}
.cv-field .cheapest-price_txt b {font-size: 32px;}
.cv-field .phonebox {max-width: 255px;}
.cv-field .contactbox {max-width: 180px;}
img.cv-field_woman {max-width: 220px;}
}
@media only screen and (max-width: 568px) {
.cv-field-ttl {font-size: 16px;padding: 5px 0 5px 5px;letter-spacing: 1px;}
.cv-fieldbox {padding: 10px;}
.cv-field .cheapest-price_txt {font-size: 18px;padding: 0 30px 0 35px;}
.cv-field .cheapest-price_txt b {font-size: 22px;}
.cv-field .cheapest-txt::before, .cv-field .cheapest-txt::after {width: 22px;height: 24px;}
.cv-field .cheapest-txt::after {right: 0;}
.cv-field .cheapest-txt::before {left: 0;}
.cv-field .phonebox {margin-bottom: 10px;}
.cv-field .phonebox,.cv-field .contactbox {max-width: 230px;}
.cv-field .cheapest-price_txt {padding: 0 25px 0 25px;}
img.cv-field_woman {max-width: 115px;right: 0;}
}
@media only screen and (max-width: 375px) {
.cv-field-ttl {font-size: 15px;letter-spacing: 0;}
.cv-subhd_ttl {font-size: 15px;}
.cv-field .cheapest-price_txt {font-size: 15px;}
.cv-field .cheapest-price_txt b {font-size: 21px;}
.cv-field .phonebox,.cv-field .contactbox {max-width: 210px;}
img.cv-field_woman {max-width: 105px;}
}
@media only screen and (max-width: 320px) {
.cv-field {margin-bottom: 10px;}
.cv-fieldbox {padding: 10px;}
.cv-subhd_ttl {font-size: 13px;}
.cv-field .cheapest-txt {font-size: 14px;padding: 0 20px 0 25px;}
.cv-field .cheapest-price_txt b {font-size: 17px;}
.cv-field .phonebox,.cv-field .contactbox {max-width: 170px;}
img.cv-field_woman {max-width: 90px;}
}