@charset "utf-8";

.home .ranking .section-inner .title{display: none;}

/* home:mainimg
******************************************/

.home .mainimg{background: #7cbe14 url(../img/home/mainimg/mainimg-bg.jpg) no-repeat center;background-size:cover;}
.home .mainimg .section-inner{padding: 20px 0; text-align: center;}
.home .mainimg-title{width: 65%;max-width: 900px;display: inline-block;}
.home .mainimg-title h1{margin-bottom: 20px;}
.home .mainimg .note{font-size: 80%;background: rgba(255,255,255,.9);border-radius:5px;float: right;text-align: left;width: 50%;margin-right: 2%;}
.home .mainimg .note h2{background: rgba(0,0,0,.1);padding: 10px;color: #00330b;font-weight: bold;font-size: 13px;}
.home .mainimg .note ul{padding: 10px;}
.home .mainimg .note li{margin-bottom: 7px;}
.home .mainimg .note strong{color: #ed0000;}

.home .mainimg .index-search{width: 34%;float: right;}

@media screen and (max-width:1400px){
.home .mainimg .section-inner{padding: 20px 10px;}
}
@media screen and (max-width:1000px){
.home .mainimg{background-size:140%;background-position: top center;}
.home .mainimg-title{width: 100%;float: none;}
.home .mainimg .index-search{width: 100%;float: none;}

.home .mainimg .note{float: none;width: 100%;margin-right: 0;margin-top: 20px;}
}
@media screen and (max-width:480px){
.home .mainimg .section-inner{padding: 10px;}
}

/* 　reason
******************************************/
.reason-title{text-align: center;}
.reason-title img{max-width: 648px;}
.reason-single{width: 33.3%;float: left;text-align: left;padding: 15px;}
.reason-single:nth-child(1),
.reason-single:nth-child(2),
.reason-single:nth-child(4),
.reason-single:nth-child(5){border-right: solid 1px #eee;border-bottom: solid 1px #eee;}
.reason-single:nth-child(7),
.reason-single:nth-child(8){border-right: solid 1px #eee;}
.reason-single:nth-child(3),
.reason-single:nth-child(6){border-bottom: solid 1px #eee;}


.reason-single h2{font-weight: bold;font-size: 180%;text-align: left;color: #f82d62;margin-bottom: 20px;overflow: hidden;}
.reason-single h2 .option{background: #f82d62;color: #fff;font-size: 50%;float: right;border-radius:20px;padding: 5px 10px 1px;}
.reason-single .point{color: #279c05;border: solid 1px #279c05;border-radius:3px;line-height: 1;padding: 3px 5px 1px;display: inline-block;font-family: 'Roboto',sans-serif;}
.reason-single .reason-img{width: 40%;float: left;}
.reason-single .reason-text{width: 60%;float: right;font-weight: bold;font-size: 128%;line-height: 1.5;}
.reason-single .reason-come{font-size: 12px;color: #999;font-weight: normal;}
.reason-single .reason-link{font-size: 75%;text-align: right;}
.reason-single .reason-link a{color: #2e9d06;text-decoration: none;display: inline-block;padding: 3px 20px;background: #eee;border-radius:20px;border: solid 1px #ddd;}
.reason-single .reason-link a:hover,
.reason-single .reason-link a:active,
.reason-single .reason-link a:focus{background: #2e9d06;color: #fff;}

@media screen and (max-width:1200px){
.reason .section-inner{padding: 10px;}
.reason-single h2{font-size: 150%;}
.reason-single .reason-img{width: 100%;float: none;text-align: center;}
.reason-single .reason-img img{max-width: 150px;margin-bottom: 10px;}
.reason-single .reason-text{width: 100%;float: none;}
}
@media screen and (max-width:900px){
.reason-single{width: 50%;}
.reason-single:nth-child(2),
.reason-single:nth-child(4),
.reason-single:nth-child(6),
.reason-single:nth-child(8){border-right: 0;}
}
@media screen and (max-width:640px){
.reason-single{width: 100%;border-right: 0 !important;border-bottom: solid 1px #eee;padding: 15px 0;}
.reason-single:last-child{border-bottom: 0;}
.reason-single .reason-img{width: 40%;float: left;}
.reason-single .reason-text{width: 60%;float: right;font-size: 100%;}
}

/* 　price
******************************************/

.casestudy{background: #fff;padding-top: 50px;}
.casestudy .section-inner{padding-top: 0;}

.casestudy .catch{text-align: center;font-weight: bold;font-size: 14px;}
.casestudy .catch a{color: #ff0;}

/*.casestudy .price-title{text-align: center;font-size: 24px;margin-bottom: 20px;color: #fff;position: relative;background: #fff;padding: 10px 20px;border-radius:30px;color: #f82d62;border: solid 1px #1d7f00;}*/
.casestudy .title{color: #fff;}
.casestudy .title .jp{position: relative;display: inline-block;}
.casestudy .icon-title{position: absolute;max-width: 70px;bottom: -10px;z-index: 2;left: -70px;}

.price-buy{background: #ffdbe3;}
.price-sell{background: #e1e9f7;}

.casestudy .table-title{padding: 10px;border-radius:10px 10px 0 0;position: relative;overflow: hidden;font-size: 18px;}
.casestudy .table-title .btn{background: #fff;font-size: 12px;padding: 5px 15px;border-radius:30px;float: right;}
.casestudy .table-title .btn:hover,
.casestudy .table-title .btn:active,
.casestudy .table-title .btn:focus{border-radius:10px;}
.casestudy .table-title .label{font-size: 14px;background: #fff;}
.casestudy .box-expense .table-title{background: #1d7f00;color: #fff;}
.casestudy .box-expense .table-title .btn{color: #1d7f00;}

.casestudy .box-name1 .table-title,
.casestudy .box-name1 .label-setprice{background: #f82d62;color: #fff;}
.casestudy .box-name1 .table-title .label,
.casestudy .box-name1 .num,
.casestudy .box-name1 .sale{color: #f82d62;font-weight: bold;}

.casestudy .box-name2 .table-title,
.casestudy .box-name2 .label-setprice{background: #1b7cd0;color: #fff;}
.casestudy .box-name2 .table-title .label,
.casestudy .box-name2 .num,
.casestudy .box-name2 .sale{color: #1b7cd0;font-weight: bold;}

.casestudy .box-option .table-title{background: #f9e6a2;color: #5e4800;}
.casestudy .box-option .table-price thead th{background: #f9e6a2;border: solid 1px #fff;color: #5e4800;}
.casestudy .box-option .table-price thead th.noinspect{background: #ead48c;}
.casestudy .box-option .table-price td.noinspect{background: #fffcf4;}
.casestudy .box-option .table-price .num{color: #e09500;}

/*.casestudy .box-option .acc-header{border-radius:10px;border-bottom: solid 1px #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);cursor:pointer;}
.casestudy .box-option .acc-header.open{border-radius:0;}
.casestudy .box-option .acc-header > i{float: left;position: relative;top: 0.7em;left: 3px;font-size: 12px;}
.casestudy .box-option .acc-header:hover{background: #d62a55;}
.casestudy .box-option .acc-header.open .btn i{transform:none;}*/
.casestudy .box-option .label-setprice{background: #eab300; color: #fff;}
.casestudy .box-option .help{display: inline-block;background: #f9e6a2;border-radius:40px;padding: 0 5px;cursor:pointer;}

.casestudy .box{margin-bottom: 20px;}
.casestudy .box .come{color: #666;font-size: 12px;line-height: 1.4;display: block;margin-bottom: 5px;}
.casestudy .box-name .box{width: 49.5%;float: left;}
.casestudy .box-name .box:last-child{float: right;}
.casestudy .box-name1 .table-title .label,
.casestudy .box-name2 .table-title .label{margin-left: 10px;}

.casestudy .price-list{margin-bottom: 10px;}
.casestudy .price-list h2,
.casestudy .price-list h3{font-size: 20px;text-align: center;position: relative;color: #fff;border: solid 1px #ddd;border-bottom: 0;padding: 5px 10px;margin-bottom: 0;}
.casestudy .price-list h2 .sell-new,
.casestudy .price-list h3 .sell-new{max-width: 75px;position: absolute;top: -30px;left: 0;}
.casestudy .price-list h2 .come,
.casestudy .price-list h3 .come{background: #fff;padding: 2px 10px;border-radius:30px;font-size: 10px;display: inline-block;margin-left: 5px;position: relative;top: -3px;}
.casestudy .img-plan{margin-bottom: 20px;max-width: 640px;}

.casestudy .table-price{margin: 0 0 10px;background-color: transparent;vertical-align: middle;font-weight: bold;}
.casestudy .table-price p{margin-bottom: 0;}
.casestudy .table-price tr{background: #fff;border-top: solid 1px #ddd;}
.casestudy .table-price th,
.casestudy .table-price td{vertical-align: middle;text-align: center;}
.casestudy .table-price th{background: #eee;font-size: 12px;line-height: 1.6;}
.casestudy .table-price td:nth-child(2){border-right: 0;}
.casestudy .table-price tr:last-child{border-radius:0 0 10px 10px;}
.casestudy .table-price tr.row-remark td{font-size: 11px;text-align: left;color: #666;vertical-align: top;}

.casestudy .table-price thead th{color: #fff;font-size: 16px;}
.casestudy .table-price thead .cell-name{width: 20%;}
.casestudy .table-price thead .cell-noncont{width: 30%;}
.casestudy .table-price tbody .cell-noncont{background: #f9f9f9;}

.price-buy .title,
.price-buy h2,
.price-buy h3,
.price-buy .table-price thead th{background: #f82d62;}
.price-buy .table-price thead .cell-cont{background: #ef003b;}
.price-buy .title:before{border-top-color: #f82d62;}

.price-sell .title,
.price-sell h2,
.price-sell h3,
.price-sell .table-price thead th{background: #1b7cd0;}
.price-sell .table-price thead .cell-cont{background: #006ec9;}
.price-sell .title:before{border-top-color: #1b7cd0;}

.price-sell h2.title-plan2,
.price-sell h3.title-plan2,
.price-sell .table-price.sell-plan2 thead th{background: #1a5fce;}
.price-sell .table-price.sell-plan2 thead .cell-cont{background: #044fc9;}

.price-buy .catch,
.price-buy h2 .come,
.price-buy h3 .come,
.price-buy .table-price .num{color: #f82d62;}

.price-sell .catch,
.price-sell h2 .come,
.price-sell h3 .come,
.price-sell .table-price .num,
.price-sell .table-price .price-text{color: #1b7cd0;}

.price-sell h2.title-plan2 .come,
.price-sell h3.title-plan2 .come,
.price-sell .table-price.sell-plan2 .num,
.price-sell .table-price.sell-plan2 .price-text{color: #1a5fce;}

.price-sell h2.title-plan2 strong,
.price-sell h3.title-plan2 strong{color: #ff0;}

.casestudy .table-price .discount {padding: 3px 10px;background: #E4007D; color: #fff;display: inline-block;border-radius: 3px; margin-bottom: 10px; font-weight: bold;position: relative;margin-right: 5px;}
.casestudy .table-price .discount .num{color: #fff;margin: 0 2px;display: inline-block;}
.casestudy .table-price .discount:after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-top: 5px solid #E4007D;
    border-right: 5px solid transparent;
    left: 48%;
    top: 100%;
}

.casestudy .box-name .table-price{text-align: center;}
.casestudy .table-price .tax-out{text-align: center;position: relative;display: inline-block;}
.casestudy .table-price .tax-out .tax{position: absolute;right: -1.5em;top: -0.75em;font-size: 10px;}
.casestudy .table-price strong{font-size: 20px;line-height: 1;color: #f82d62;}
.casestudy .table-price .num{font-size: 24px;line-height: 1;}
.casestudy .table-price .sale{display: block;font-size: 14px;margin-bottom: 3px;}
.casestudy .table-price .label-setprice{display: block;padding: 5px 15px;border-radius:30px;margin-bottom: 5px;}

.casestudy .box-option .table-price{margin-bottom: 10px;}
.casestudy .box-option table .come{color: #999;}
.casestudy .box-option table .come strong{font-size: 100%;}

.casestudy .box-case .table-title{background: #eee;text-align: center;color: #555;border-bottom: solid 1px #ccc;}
.casestudy .table-case{margin-top: 0;background-color: transparent;font-size: 12px;margin-bottom: 10px;}
.casestudy .table-case caption{background: #fff;padding: 10px;font-size: 14px;font-weight: bold;position: relative;}
.casestudy .table-case thead{background: #fff;}
.casestudy .table-case tr{background: #fff;}
.casestudy .table-case td{text-align: center;}
.casestudy .table-case .num{font-size: 18px;line-height: 1;}
.casestudy .table-case .self{font-weight: bold;}

.casestudy .table-case tr:nth-child(2n) th,
.casestudy .table-case tr:nth-child(2n) td{background: rgba(0,0,0,.03);}
.casestudy .table-case th:nth-child(2),
.casestudy .table-case td:nth-child(2) .num{color: #279c05;}
.casestudy .table-case tr.row-total > :first-child{border-radius: 0 0 0 10px;}
.casestudy .table-case tr.row-total > :last-child{border-radius: 0 0 10px 0;}
.casestudy .table-case tr.row-total th,
.casestudy .table-case tr.row-total td{padding-bottom: 20px;}
.casestudy .table-case tr.row-total th{font-size: 18px;font-weight: bold;}
.casestudy .table-case tr.row-total td:nth-child(2) .num{color: #f82d62;}
.casestudy .table-case tr.row-total .num{font-size: 24px;}

.ribbon { display: block;position: relative;padding: 5px 10px;color: #000;background: #fff;text-align: center;margin-bottom: 15px;font-weight: bold;font-size: 16px;}
.ribbon:before,
.ribbon:after { position: absolute;content: '';top: 100%;border: none; border-bottom: solid 5px transparent;}
.ribbon:before {left: 0; border-right: solid 20px #ccc;}
.ribbon:after {right: 0; border-left: solid 20px #ccc;}


@media screen and (max-width:1300px){
.casestudy .box-name .box{width: 100%;float: none;}
.casestudy .box-name .box:last-child{float: none;}
}
@media screen and (max-width:900px){
.casestudy .col2 .price-list,
.casestudy .col2 .price-case{width: 100%;float: none;margin: 0;}
.casestudy .box-name .box{width: 49.5%;float: left;}
.casestudy .box-name .box:last-child{float: right;}
}
@media screen and (max-width:640px){
.casestudy .price-title{font-size: 16px;}
.casestudy .icon-title{max-width: 50px;bottom: -30px;}
.casestudy .table-title{font-size: 14px;}
.casestudy .box-option .table-title{font-size: 14px;}
.casestudy .box-case .table-title{font-size: 14px;}

.casestudy .catch{font-size: 12px;padding: 0 10px;}
.casestudy .box-name .box{width: 100%;float: none;}
.casestudy .box-name .box:last-child{float: none;}
.casestudy .box .come{font-size: 10px;}
.casestudy .table-price th{font-size: 10px;}

.casestudy .price-list{margin-bottom: 10px;}
.casestudy .price-list h3 .sell-new{max-width: 50px;top: -30px;}

.casestudy .table-price td:nth-child(3){border-left: solid 1px #ddd;}
.casestudy .table-price.sell-plan2 tbody td{border-left: solid 1px #ddd;}

.casestudy .table-price tr.row-remark td{font-size: 9px;}
}
@media screen and (max-width:480px){
.casestudy .table-price th,
.casestudy .table-price td,
.casestudy .table-case th,
.casestudy .table-case td{padding: 5px;}
.casestudy .table-price td{font-size: 90%;}
.casestudy .table-price strong{font-size: 16px;}
.casestudy .table-price .num{font-size:18px;}
.casestudy .table-price .tax-out .tax{top:-0.9em;}
.casestudy .table-price .sale{margin-bottom: 10px;}

.casestudy .table-case{font-size: 80%;}
.casestudy .table-case caption{font-size: 14px;}
.casestudy .table-case .num{font-size: 18px;}
.casestudy .table-case tr.row-total .num{font-size: 24px;}
}


.casestudy .table-pack-inner caption{font-weight: bold;}
.casestudy .table-pack-inner th,
.casestudy .table-pack-inner td{font-size: 12px;padding: 3px 10px;text-align: center;}
.casestudy .table-pack-inner .case{color: #111;font-size: 13px;}
.casestudy .table-pack-inner .num{color:var(--price);font-size: 20px;}

.price-buy .table-pack-inner caption{background: var(--buy);color: #fff;}
.price-buy .table-pack-inner th{background: var(--buy-bg);color: #111;}
.price-sell .table-pack-inner caption{background: var(--sell);color: #fff;}
.price-sell .table-pack-inner th{background: var(--sell-bg);color: #111;}
.price-buy .table-pack-inner thead th,
.price-sell .table-pack-inner thead th{background: #333;color: #fff;}


/* 　.sell
******************************************/

.sell-reason .ribbon{background: #ff0;font-size: 24px;padding: 10px;}
.sell-reason .single{text-align: center;}
.sell-reason img{margin-bottom: 10px;max-width: 600px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}
.sell-reason .text{font-weight: 600;}
.sell-reason .text strong{color: #1b7cd0;}
@media screen and (max-width:900px){
.sell-reason .text{text-align: left;}
}
@media screen and (max-width:640px){
.sell-reason{padding-top: 20px;}
.sell-reason .ribbon{font-size: 18px;}
.sell-reason .text{font-size: 12px;}
}


/* 　.concierge
******************************************/

.box-concierge{background: #fff;text-align: center;border-radius:10px;box-shadow:1px 1px 5px 0 rgba(0,0,0,.3);}
.box-concierge .section-inner{padding: 0 20px 10px;}
.box-concierge .ribbon{background: var(--concierge);display: inline-block;padding: 10px 20px;margin-bottom: 0;}
.box-concierge h2{font-size: 16px;margin-bottom: 10px;color:  var(--concierge-dark);}
.box-concierge .box{margin-bottom: 0;}
.box-concierge .box-inner{padding: 0 10px 10px;}
.box-concierge .table-price i{color: #333;}
.box-concierge .table-price .before .num{color: #999;text-decoration: line-through;}
.box-concierge .table-price thead th{border-radius:10px 10px 0 0;border: solid 1px #333;}

.conci-intro .catch{text-align: left;color: #111;padding: 10px;font-size: 13px;}
.conci-intro img{max-width: 640px;}
.conci-intro strong{color: var(--price);}
.conci-intro + .left{margin-bottom: 10px;}

.conci-flow{border: solid 1px #ddd;}
.conci-flow .ribbon{display: block;margin-bottom: 0px;}
.conci-flow .list-count{counter-reset: number 0;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);}
.conci-flow .list-count li{font-weight: bold;background: #fff;padding: 10px;position: relative;text-align: left;border-bottom: solid 1px #ddd;display: flex;align-items:center;}
.conci-flow .list-count li:last-child{border-radius:0 0 10px 10px;}
.conci-flow .list-count li:before{display: inline-block;counter-increment: number 1; content: counter(number);color: var(--concierge);font-family: Roboto;font-size: 30px;line-height: 1;margin-right: 10px;}
.conci-flow .list-count li .come{display: inline-block;margin-left: 5px;color: #999;}

.conci-recommend h3{font-size: 16px;}
.conci-recommend .list-rec{border: solid 1px #ddd;display: flex;flex-wrap:wrap;}
.conci-recommend .list-rec li{background: #fff;padding-left: 30px;font-weight: bold;display: flex;flex-wrap:wrap;font-size: 16px;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);overflow: hidden;position: relative;border-bottom: solid 1px #ddd;width: 33.33%;padding: 10px;justify-content: center;}
.conci-recommend .list-rec li:last-child{border-bottom: 0;}
.conci-recommend .list-rec li img,
.conci-recommend .list-rec li .desc{width: 100%;}
.conci-recommend .list-rec li img{max-width: 100px;}
/*.conci-recommend .list-rec li img{max-width: 50px;width: 20%;}
.conci-recommend .list-rec li .desc{width: 80%;display: block;}*/

@media screen and (max-width:640px){
.box-concierge .section-inner{padding: 0 10px 10px;}
.box-concierge .title .jp{font-size: 22px;}
.box-concierge .ribbon{padding: 0 10px;}
.conci-intro .catch{font-size: 11px;}
.box-concierge h2{font-size: 12px;margin-bottom: -10px;}
.conci-flow .list-count li{font-size: 11px;padding: 5px;}
.box-concierge .conci-recommend {margin-bottom: 0;}
.box-concierge .conci-recommend h3{font-size: 14px;}
.conci-recommend .list-rec li{font-size: 10px;padding: 5px;}
/*.conci-recommend .list-rec li:before{font-size: 10px;top: 7px;left: -85px;}
.conci-recommend .list-rec li img{max-width: 30px;width: 20%;}
.conci-recommend .list-rec li .desc{width: 80%;padding-left: 0;}*/
}
/* 　bid
******************************************/
.bid{background: #f6f6f6;}
.bid .section-inner{padding-top: 0;}
.bid .title{margin-bottom: 0;padding-top: 20px;}

#bid-swiper{padding-bottom: 50px;}
.bid-single{color: #111;}
.bid-single .bid-thumb{position: relative;margin-bottom: 10px;}
.bid-single .bid-thumb .date{position: absolute;background: rgba(0,0,0,.8);color: #fff;bottom: 0;right: 0;}
.bid-single .bid-thumb .date dt,
.bid-single .bid-thumb .date dd{display: inline-block;padding: 2px 5px;}
.bid-single .bid-thumb .date dt{background: rgba(248,45,98,.9);}
.bid-single .name{font-size: 100%;text-align: left;margin-bottom: 5px;}
.bid-single .name > span{display: block;}
.bid-single .model{font-weight: bold;font-size: 140%;line-height: 1.2;}
.bid-single .grade{font-size: 80%;color: #999;}
.bid-single .price{font-size: 120%;padding: 5px 0;}
.bid-single .price .num{font-size: 200%;line-height: 1;color: #f82d62;margin-right: -5px;}
.bid-single .data{clear: both;font-size: 90%;}
.bid-single .data dl{width: 50%;float: left;}
.bid-single .data dt,
.bid-single .data dd{display: inline-block;}
.bid-single .data dt i{margin-right: 0;}
.bid-single .data .num{font-weight: normal !important;}

@media screen and (max-width:640px){
.bid-single .data dl{width: 100%;float: none;}
}
@media screen and (max-width:480px){
.bid-single{font-size: 80%;}
.bid-single .model{font-size: 120%;}
.bid-single .price .num{font-size: 160%;}
.bid-single .bid-thumb .date{font-size: 80%;}
}

/* 　.staff
******************************************/
.staff{background: var(--green3);}
.staff-title{text-align: center;line-height: 1;margin-bottom: 10px;}
.staff-title .logo{max-width: 300px;vertical-align: sub;}
.staff-title .text{font-size: 30px;display: inline-block;}
.staff .catch{text-align: center;font-weight: bold;}

.staff .single{width: 23.5%;margin-right: 2%;align-items:center;background: #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);padding: 10px;border-radius:10px;}
.staff .single:last-child{margin-right: 0;}
/*.staff .single .img{width: 40%;margin-right: 3%;}
.staff .single .text{width: 57%;}*/
.staff .single .name{font-size: 16px;text-align: center;}
.staff .single .img{margin-bottom: 10px;border-radius:10px;overflow: hidden;}
.staff .single .text{width: 100%;}

.table-staff {margin-bottom: 0;width: 100%;}
.table-staff th,
.table-staff td{padding: 3px;font-size: 12px;border-bottom: solid 1px #eee;text-align: center;}
.table-staff th{background: var(--green1);color: #fff;width: 30%;}
.table-staff td{font-weight: bold;}
@media screen and (max-width:900px){
.staff .single{width: 49%;margin-bottom: 10px;}
.staff .single:nth-child(2n){margin-right: 0;}
}
@media screen and (max-width:640px){
.staff-title .logo{max-width: 200px;}
.staff-title .text{font-size: 20px;}
.staff .catch{font-size: 12px;color: #666;}
.staff .single{width: 100%;margin-right: 0;margin-bottom: 10px;}
.staff .single:last-child{border: 0;}
.staff .single .img{width: 35%;margin-right: 3%;margin-bottom: 0;}
.staff .single .text{width: 62%;}
.staff .single .name{margin-bottom: 5px;line-height: 1;}
}

/* 　what
******************************************/
.what {text-align: center;background: var(--green3);}
.what .section-inner{max-width: 1000px;}
.what .ribbon{background: var(--concierge);font-size: 24px;padding: 15px;}
.what .text{margin-bottom: 10px;}
.what .text img{max-width: 600px;width: 48%;border-radius:10px;float: left;clear: both;}
.what .text .p{width: 50%;text-align: left;font-weight: bold;float: right;}
.what .text100{clear: both;text-align: left;font-weight: bold;}
.what a{color: var(--green1);}

@media screen and (max-width:640px){
.what{font-size: 12px;}
.what .ribbon{font-size: 20px;padding: 10px;}
.what img{margin-bottom: 20px;}
.what .text img,
.what .text .p{width: 100%;float: none;}
}

/* 　about
******************************************/
.about{background: #279c05;color: #fff;text-align: center;}
.about h1{margin-top: -60px;}
.about h2{color: #ff0;font-size: 14px;margin-top: -10px;margin-bottom: 10px;}
.about .lead{font-size: 16px;font-weight: bold;}

.about .about-secret-title{color: #134700;font-size: 24px;}
.about .about-secret-title .num{font-size: 52px;line-height: 1;}

.about-all{margin-bottom: 30px;}
.about-single{width: 23.5%;margin-right: 2%;float: left;background: #fff;border-radius:3px;padding: 20px;}
.about-single:last-child{margin-right: 0;}
.about-single img{max-width: 200px;}
.about-single h3{color: #134700;font-size: 24px;}
.about-single h4{color: #279c05;font-size: 18px;margin-bottom: 20px;}
.about-single .text{color: #666;font-size: 14px;}

.about-desc-img{width: 30%;}
.about-desc-text{width: 67%;text-align: left;}
.about-desc-text h3{background: #fff;padding: 20px 10px;border-radius:5px;margin-bottom: 40px;color: #279c05;text-align: center;position: relative;}
.about-desc-text h3:after{  content: '';position: absolute; left: 45%; bottom: -15px; display: block; width: 0; height: 0;  border-right: 15px solid transparent; border-top: 15px solid #fff; border-left: 15px solid transparent;}
.about-desc-text p{margin-bottom: 10px;}
@media screen and (max-width:900px){
.about .section-inner{padding: 40px 20px;}
.about h2{margin-top: 0;}
.about .lead{font-size: 14px;}
.about-single{width: 49%;margin-bottom: 20px;}
.about-single:nth-child(2n){margin-right: 0;}
.about-desc-img{width: 100%;}
.about-desc-img img{max-width: 400px;}
.about-desc-text{width: 100%;}
}
@media screen and (max-width:640px){
.about .about-secret-title .num{font-size: 36px;}
.about-single{width: 100%;margin-right:0;float: none;}
.about-single h4{margin-bottom: 10px;}
.about-single img{float: left;width: 30%;}
.about-single .text{width: 100%;float: none;clear: both;}
}
@media screen and (max-width:480px){
.about h1{margin-top: -50px;margin-bottom: 20px;}
.about .about-secret-title{font-size: 16px;}
.about-single h3{font-size: 20px;}
.about-single h4{font-size: 16px;}
.about-desc-text h3{margin-bottom: 20px;}
}

/* 　listing(sell)
******************************************/
.listing{background: #f6f6f6;}
.listing h1,
.listing h1 .jp{position: relative;}
.listing h1 .new{background: #fff;padding: 3px 10px;display: inline-block;color: #E4007D;font-size: 24px;position: absolute;left: -4.5em;top: -10px;transform:rotate(-10deg);box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);}

.listing-single{width: 33.33%;float: left;padding: 10px;}
.listing-single.img{float: right;}
.listing-single.plan2{float: right;}
.listing-single h2{font-size: 24px;background: #1B7CD0;color: #fff;padding: 10px;text-align: center;line-height: 1;margin-bottom: 10px;border-radius:5px 5px 0 0;position: relative;}
.listing-single h2 .text{display: block;}
.listing-single h2 .come{display: inline-block;background: #fff;border-radius:30px;color: #1B7CD0;padding: 3px 15px;}
.listing-single .sell-new{max-width: 75px;position: absolute;top: -10px;left: 0;}

.table-listing-price{text-align: center;}
.table-listing-price th{width: 30%;background: #f6f6f6;}
.table-listing-price .num{font-size: 24px;line-height: 1;color: #1B7CD0;}
.table-listing-price .tax{font-size: 10px;}
.table-listing-price .free{background: #f82d62;color: #fff;font-weight: bold;display: inline-block;padding: 0px 7px;font-size: 12px;margin-left: 5px;}


.table-listing-price .listing-cost{background: #f6f6f6;padding: 10px;border-radius:5px;margin-top: 5px;text-align: left;}
.table-listing-price .listing-cost li{font-size: 11px;display: list-item;list-style: inside square;}
.table-listing-price .listing-cost .num{font-size: 14px;}
.table-listing-price .come{display: block;}

.listing-single.plan2 h2{background: #E4007D;}
.listing-single.plan2 h2 .come{color: #E4007D;}
.listing-single.plan2 .table-listing-price{margin-bottom: 5px;}
.listing-single.plan2 .table-listing-price .charge{color: #E4007D;font-size: 18px;font-weight: bold;}
.listing-single.plan2 .table-listing-price td{padding: 20px 10px;}

.listing-single.img img:last-child{margin-top: 10px;}
@media screen and (max-width:1200px){
.listing-single{width: 50%;}
.listing-single.img{width: 100%;float: none;clear: both;}
.listing-single.img img{width: 50%;float: left;padding-right: 10px;}
.listing-single.img img:last-child{padding-right: 0;padding-left: 10px;margin-top: 0;}
}
@media screen and (max-width:640px){
.listing-single{width: 100%;float: none;}
.listing-single.img img{width: 100%;float: none;padding: 0;}
.listing-single.img img:last-child{padding: 0;margin-top: 10px;}
}
@media screen and (max-width:480px){
.listing h1 .new{left: 0;top: -10px;font-size: 14px;}
.listing h1 .jp{position: static;}
.listing-single h2 .text{font-size: 18px;}
}
/* 　read
******************************************/
.read{font-size: 16px;font-weight: 500;}
.read .section-inner{max-width: 1200px;}
.read h2{text-align: center;background: #222;color: #fff;padding: 20px;position: relative;font-size: 30px;}
.read h2:after{  content: '';position: absolute; left: 48%; bottom: -15px; display: block; width: 0; height: 0;  border-right: 15px solid transparent; border-top: 15px solid #222; border-left: 15px solid transparent;}

.read-box-head{text-align: left;border: solid 5px #279c05;margin-bottom: 30px;padding: 20px;}
.read-box-head h3{color: #279c05;line-height: 1.4;font-size: 24px;}
.read-box-head h3 + p{margin-top: 20px;}

.read-head{width: 30%;float: left;margin-right: 2%;margin-bottom: 10px;}

.read-box-inner{width: 49%;float: left;margin-right: 2%;text-align: center;margin-bottom: 20px;}
.read-box-inner:nth-child(2n){margin-right: 0;}
.col3 .read-box-inner:nth-child(2n){margin-right: 2%;}

.read-box-inner.full{width: 100%;float: none;margin-right: 0;clear: both;}
.read-box-inner strong{color: #f82d62;}
.read-box-inner .f-large{font-weight: bold;font-size: 18px;}
.read-box-inner h3{line-height: 1.5;margin: 10px 0;font-size: 20px;}
.read-box-inner p{text-align: left;}
.read-box-inner img{max-width: 500px;}

.read-box-carshop,
.read-box-auction{text-align: center;}

.read-box-carshop h3,
.read-box-auction h3{color: #fff;padding: 20px;}
.read-box-carshop h3{background: #e70012;}
.read-box-auction h3{background: #2193b8;}

.read-box-carshop .alert,
.read-box-auction .alert{padding: 20px;font-size: 20px;font-weight: bold;text-align: center;}
.read-box-carshop .alert{border: #e70012 solid 3px;}
.read-box-auction .alert{border: #2193b8 solid 3px;}

.read-box-carshop .text,
.read-box-auction .text{text-align: left;}
.read-box-carshop img,
.read-box-auction img{max-width: 500px;margin-bottom: 10px;}

.read-box-inner.greenbox{background: #279c05;color: #fff;padding: 20px;border-radius:5px;}
.read-box-inner.greenbox img.left{width: 30%;margin-right: 2%;}
.read-box-inner.greenbox h3{line-height: 1.6;margin-bottom: 20px;font-size: 20px;}
.read-box-inner.greenbox strong{color: #ff0;}

.read-box-inner.whitebox{background: #fff;color: #111;padding: 20px;border-radius:5px;}
.read-box-inner.whitebox strong{color: #279c05;}

.list-priority{text-align: center;}
.list-priority li{display: block;font-weight: bold;background: #fff;color: #111;border-radius:10px;padding: 20px 10px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);position: relative;}
.list-priority li .rank{background: #333;color: #fff;position: absolute;display: inline-block;border-radius:50px;padding: 10px 15px;left: 0; top: -10px;line-height: 1;}
.list-priority li .rank .num{display: block;text-align: center;color: #fff;line-height: 1;}
.list-priority li dt{font-size: 14px;color: #999;}
.list-priority li dd{font-size: 18px;}
.list-priority li .num{color: #279c05;font-size: 24px;}

@media screen and (max-width:900px){
.read{font-size: 14px;}
.read h2{tpadding: 10px;font-size: 18px;margin-bottom: 20px;}
.read-box-head{padding: 10px;}
.read-box-head h3{font-size: 18px;}
.read-box-head h3 + p{margin-top: 5px;}
.read-box-head p{font-size: 14px;}

.read-box-inner .single h3{margin-top: 0;line-height: 1.4;}
.read-box-inner .single img{width: 48%;float: left;margin-right: 2%;margin-bottom: 10px;}
.read-box-inner.col3 .single{width: 100%;float: none;}
.read-box-inner.col3 .single .text{width: 50%;float: right;}

.read-box-inner.whitebox{font-size: 14px;}

.read-box-carshop .alert,
.read-box-auction .alert{font-size: 18px;}

}

@media screen and (max-width:640px){
.read{font-size: 13px;}
.read-head{width: 100%;float: none;margin-bottom: 10px;}
.read-box-inner{width: 100%;float: none;margin-right: 2%;margin-bottom: 20px;}

.read-box-inner .single img{width: 100%;float: none;margin-right: 0;}
.read-box-inner.col3 .single .text{width: 100%;float: none;}

.read-box-inner.greenbox h3{font-size: 18px;}
.read-box-inner.greenbox img.left{width: 100%;margin-bottom: 10px;}

.list-priority li .rank{font-size: 10px;}
.list-priority li .rank .num{font-size: 18px;}
}

/* 　index-search-make
******************************************/
.index-search-make{background: var(--green3);}
.index-search-make .list-make-icon .icon-make{width: 60px;height: 42px;}

@media screen and (max-width:640px){
.index-search-make .list-make-icon .icon-make{width: 50px;height: 35px;}
}

/* 　index-aa-place
******************************************/
.index-aa-place h2,
.index-aa-place .catch{text-align: center;}

@media screen and (max-width:640px){
}

/* 　review
******************************************/
.article{padding-top: 20px;}
.article .title{margin-bottom: 0;}
.article-single{text-align: left;}
.article-single a{text-decoration: none;display: block;overflow: hidden;}
.article-single h2{font-weight: bold;font-size: 120%;line-height: 1.4;}
.article-single img{margin-bottom: 10px;transition:all .2s linear 0s;}
.article-single a:hover img,
.article-single a:active img,
.article-single a:focus img{transform:scale(1.02);}
.article-single .category{display: inline-block;background: #111;color: #fff;padding: 5px 10px 2px;line-height: 1;border-radius:3px;}
@media screen and (max-width:480px){
.article-single img{margin-bottom: 2px;}
.article-single h2{font-size: 100%;margin-bottom: 2px;}
.article-single .category{font-size: 80%;margin-bottom: 2px;}
}

/* 　banner
******************************************/
.bn .section-inner{padding: 20px 40px;}
.bn-service{position: relative;}
.bn-service li{font-size: 12px;}
.bn-service li p{margin-bottom: 5px;}
.bn-service li .bn-link{font-weight: bold;}
.bn-service li .bn-text{font-size: 10px;}

@media screen and (max-width: 900px){
.bn .section-inner{padding: 20px;}
}
@media screen and (max-width:640px){
.bn .section-inner{padding: 10px;}
.bn-service{padding-bottom: 60px;}
.bn-service li .bn-note{position: absolute;bottom: 0;left: 0;width: 100%;}
.bn-service li .bn-link{font-size: 10px;}
}

/* 　link
******************************************/
.link{background: #eee;}
.link h1{font-size: 24px;text-align: center;}
.link .side-nav{display: flex;flex-wrap:wrap;}
.link .side-nav li{width: 25%;padding: 5px;border: 0;display: flex;}
.link .side-nav a{border: solid 1px #ddd;text-align: center;background: #fff;transition:all .1s linear 0s;width: 100%;}
.link .side-nav a:hover,
.link .side-nav a:active,
.link .side-nav a:focus{box-shadow:1px 1px 5px 0 rgba(0,0,0,.2);}

@media screen and (max-width:640px){
.link h1{font-size: 18px;}
.link .side-nav li{width: 50%;}
.link .side-nav li .icon-text{padding: 0;display: block;font-size: 12px;}
}

.footer-outlink {
    background: #eee;
    font-size: 11px;
    text-align: center;
    padding: 10px;
}

.footer-outlink a {
    text-decoration: none;
}

.footer-outlink img {
  width: 300px;
  margin: 5px 0 2px;
}