@charset "utf-8";


html,body{
width:100%;
height:100%;
padding:0;
border:none;
background-color: #fff;
}
article,header {
background-color: #fff;
width:100%;
max-width:100%;
margin-top: 48px;
}


.text_green {color: #006e2e;}
.text_brown {color: #634935;}


.container {
position: relative;
background: #FFF;
padding: 3rem 0;
}
.container.short {
padding: 1.5rem 0;
}
.back_beige {background-color: #f7f7f4;}
.container figure,
.container .figure {
margin: 1rem 0;
text-align: center;
}

.click_move{
transition: all .2s;
}
.click_move:active{
transform: scale(1.4);
opacity: .5;
}


hr {
height: 0;
border:0;
margin: 0;
border-top:1px solid #e5e3e1;
}
hr.on-sp {
display: block;
margin: 0;
width: 90%;
margin: 0 auto;
}
hr.mtmb {
margin: 30px auto;
}









/* HEADER */
.header .first-nav .col12 {
padding: 6px 15px;
}
.header .first-nav .btn_round_white,
.header .first-nav .btn_round_green,
.header .first-nav .btn_round_orange {
padding: 3px 10px 4px;
font-size: 76%;
line-height: 1.6;
transform: translateY(2px);
}
.header h1 {
font-size: 76%;
display: inline-block;
}
.header h1 > span{
display: inline-block;
vertical-align: middle;
line-height: 1.5;
color: #469e33;
padding-left: 24px;
}
.header h1 +div {
float: right;
}
.header h1 +div .btn_round_white,
.header h1 +div .btn_round_green {
margin-right: 5px;
}
.header h1 + div p{
color: #469e33;
line-height: 1.1;
display: inline-block;
vertical-align: middle;
padding-left: 20px;
}
.header h1 + div p a{
color: #469e33;
font-family:'Ubuntu',sans-serif;
}
.header h1 + div p a.strong{
font-weight: 500;
}
.header h1 +div p a:before{
content: "";
display: inline-block;
background: url(/images/common/icon_tel_green.svgz) no-repeat;
background-size: contain;
width: 16px;
height: 16px;
margin-right: 3px;
transform: translateY(3px);
}
.header h1 +div p span{
font-size:65%;
}
.nav_wrapper{
display: none;
}
/*shinyokohama*/
.shinyokohama .header .first-nav .col12 {
background-color: #4AB034;
}
.shinyokohama .header h1 > span{
color: #fff;
}
.shinyokohama .header h1 +div .btn_round_white {
background-color: #4AB034;
color: #fff;
border-color: #fff;
}
.shinyokohama .header h1 +div .btn_round_green {
background-color: #fff;
color: #469E33;
}
.shinyokohama .header h1 + div p a{
color: #fff;
}
.shinyokohama .header h1 + div p{
color: #fff;
}
.shinyokohama h1 +div p a:before{
background-image: url(/images/common/icon_tel_white.svgz) ;
}









/* FOOTER */
.footer {
position: relative;
font-size: 76%;
background-color: #f7f7f4;
width:100%;
max-width:100%;
text-align: center;
}

.footer .about_us{
background-color: #f0eee9;
text-align: center;
padding:14px;
box-sizing: border-box;
}
.footer .about_us .inner{
background-color: #fff;
text-align: center;
border:#e3decf 1px solid;
}
.footer .about_us .inner .col6{
text-align: center;
}
.footer .about_us .inner .col6{
border-bottom: #e5e3e1 solid 1px;
margin: 20px 0;
}
.footer .about_us .inner .col6:first-of-type p{
padding: 20px 20px 30px;
}
.footer .about_us .inner .col6:first-of-type img{
margin: 5px 0;
max-width: 60%;
}
.footer .about_us .inner .col6:nth-of-type(2) {
padding-bottom: 5rem;
}
.footer .about_us .inner .col6:last-of-type a:first-of-type {
color: #469e33;
font-size: 206%;
font-family:'Ubuntu',sans-serif;
}
.footer .about_us .inner .col6:last-of-type a:first-of-type:before{
content: "";
display: inline-block;
background: url(/images/common/icon_tel_green.svgz) no-repeat;
background-size: contain;
width: 28px;
height: 28px;
margin-right: 3px;
transform: translateY(6px);
}
.footer .about_us .inner .col6:last-of-type p{
text-align: center;
padding: 5px 0 20px;
}
.footer .link_area{
padding:3rem 0 2rem;
text-align:center;
}
.footer_qr{
margin-bottom:2rem;
display:inline-flex;
justify-content: space-around;
}
.footer_banner{
margin-bottom:2rem;
}

.footer .wrapper {
position: relative;
}

.footer .breadcrumbs{
border-top:#e3decf 1px solid;
border-bottom:#e3decf 1px solid;
background-color: #e3decf;
line-height: 1;
letter-spacing: -0.5em;
font-size: 80%;
overflow: auto;
}
.footer .breadcrumbs a{
padding: 10px 20px 10px 10px;
display: inline-block;
letter-spacing: normal;
background: #fff url(/images/common/arrow_breadcrumbs.svgz) right 5px center no-repeat;
background-size: 12px;
}
.footer .breadcrumbs a:last-of-type{
background: #fff url(/images/common/arrow_breadcrumbs_last.svgz) right center no-repeat;
}
.footer .breadcrumbs a:hover{
opacity: 1;
}
.footer .breadcrumbs p{
white-space: nowrap;
}
.footer .breadcrumbs p span{
white-space: nowrap;
letter-spacing: normal;
padding: 0 10px;
}
.footer .footer_adress{
padding: 20px 0;
}
.footer .footer_adress p,
.footer .copyright p{
text-align: center;
padding: 5px 0;
}
.footer .footer_adress a{
display: inline-block;
margin-right: 10px;
font-weight: 600;
}
.footer .footer_adress a:before{
content: "";
display: inline-block;
background: url(/images/common/icon_tel_brack.svgz) no-repeat;
background-size: contain;
width: 12px;
height: 12px;
margin-right: 3px;
transform: translateY(2px);
}
.footer .copyright {
padding: 20px 0;
text-align: center;
font-size: 88%;
}
.sitemap ul{
vertical-align:top;
}
.sitemap li{
padding: 10px 0;
width:100%;
border-top:1px solid #eee;
}
.sitemap li a{
width:100%;
display:inline-block;
}
.sitemap .subhead{
padding-bottom: 10px!important;
display:inline-block;
}
.sitemap .subhead,
.sitemap .subhead_link,
.footer .footer_menu .subhead,
.footer .footer_menu .subhead_link{
font-weight: 600;
}
.sitemap .subhead,
.footer .footer_menu .subhead{
padding-bottom: 5px;
}
.sitemap .subhead:before,
.footer .footer_menu .subhead:before{
content: "";
width: 8px;
height: 8px;
border-top: #ccc 2px solid;
border-right: #ccc 2px solid;
display: inline-block;
transform: rotate(135deg) translateX(-2px);
margin-right: 10px;
}











/* TITLE */
.head {
}
.head.strong {
font-weight: 600;
}
.main_title {
font-weight: 600;
font-size: 141%;
color: #634935;
}
.list_title {
font-size: 153%;
position: relative;
font-weight: 300;
color: #469e33;
}
.list_title a.btn_round_green {
font-size: 50%;
position: absolute;
top:10px;
right: 6px;
width: 80px;
text-align: center;
justify-content: center;
}
.list_title.two_lines{
line-height:1.2;
}
.list_title.two_lines span{
font-size: 70%;
display: inline-block;
width: 100%;
}
.underline_title,
.search_option.change.buy_top .underline_title{
font-size:135%;
color:#469e33;
font-weight: 600;
line-height: 1.4;
}
.underline_title:after{
margin: 30px 0 10px;
content: "";
display: block;
width: 150px;
height:4px;
background-color: #469e33;
}
.above_title + .underline_title{
margin-bottom: 40px;
}
.catalog .above_title + .underline_title,
.container.column .above_title + .underline_title{
margin-bottom: 10px;
}
.buy .above_title + .underline_title{
margin-bottom: 20px;
}
.above_title{
color: #469e33;
font-weight: 600;
font-size:118%;
border-top: #c8e6c4 1px solid;
border-bottom: #c8e6c4 1px solid;
padding: 2px 0px;
margin-bottom: 26px;
}
.container.column h2,
.container.column h3,
.sideline_title{
color: #469e33;
font-weight: 600;
font-size:129%;
padding-left:16px;
margin-bottom: 26px;
border-left: #469e33 2px solid;
}
.container.column h2,
.container.column h3{
margin-top:1em;
}
.sideline_title a{
color: #469e33;
border-bottom: #469e33 1px dotted;
padding-bottom: 2px;
display: inline-block;
}
.sideline_title span{
font-size: 80%;
margin-left: 5px;
display: inline-block;
}
.image_title{
font-weight: 600;
background-color: #f4f3ef;
padding: 8px 16px;
margin-top: 30px;
}
.conversion_title{
text-align: center;
font-weight: 600;
color:#469e33;
margin-bottom: 16px;
font-size:106%;
}
.container.column h3 + div h3,
.green_text_title{
color: #469e33;
font-weight: 600;
font-size:106%;
padding:15px 0 10px;
border:none;
}
.green_text_title a{
color: #469e33;
padding-bottom:2px;
border-bottom:1px solid #469e33;
margin-bottom:10px;
display:inline-block;
}
.container.column h3 + div h3{
margin:0;
}
.summary{
line-height:1.6;
}
.text_items p{
margin-bottom:10px;
padding:0 0 0 10px;
border-left:2px solid #469e33;
font-weight:600;
}
.text_items p span{
font-weight:300;
display:inline-block;
font-size:88%;
line-height:1.4;
margin-top:5px;
}








/* LINK / BUTTON */
.btn_round_white,
.btn_round_green {
padding: 6px 14px 7px;
display: inline-block;
background: #fff;
text-align: center;
color: #469e33;
font-weight: 600;
font-size: 82%;
border-radius: 15px;
border: none;
cursor: pointer;
}
.btn_round_green {
background: #469e33;
color: #fff;
font-size: 88%;
}
.btn_round_white {
background: #fff;
border: #469e33 solid 1px;
color: #469e33;
font-size: 82%;
}

.btn_line{
border:#e5e3e1 solid 1px;
padding:10px;
width: 20em;
display: inline-block;
text-align: center;
background: #fff url(/images/common/arrow_green_right.svgz) no-repeat right 15px center;
background-size: 10px;
transition: all .2s;
}
.btn_line:hover{
border:#469e33 solid 1px;
opacity: 1;
}
.btn_line.back{
background: #fff url(/images/common/arrow_green_back.svgz) no-repeat left 15px center;
}

.btn_sort{
justify-content: space-between;
}
.btn_sort a{
background-color:#f7f7f4;
color: #469e33;
padding: 4px 8px 6px;
margin-left: 5px;
border-radius: 6px;
line-height: 1.2;
display: inline-block;
text-align: center;
font-size:94%;
box-shadow: 0 3px 0 0 rgb(0 0 0 / 10%);
}
.btn_sort a:first-child{
margin-left: 0;
}
.btn_sort a.selected{
background-color: #469e33;
color:#fff;
}
a.btn_round_green.option_change:before {
content: "";
display: inline-block;
width: 17px;
height: 17px;
background: url(/images/common/icon_serch_change.svgz) no-repeat center center;
background-size: cover;
margin-right: 8px;
transform: translateY(3px);
}
.btn_round_green.option_change {
position: absolute;
right: 10px;
bottom: 23px;
}
.option_change.on-sp {
display: inline-block;
position: fixed;
bottom: 0;
right: 0;
z-index: 500;
}

.btn_white_arrow,
.btn_green_arrow{
line-height: 1.4;
text-align: center;
display: inline-block;
height: 100%;
font-size: 100%;
font-weight: 600;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
cursor: pointer;transition: all .2s;
border:  #469e33 solid 1px;
border-radius: 6px;
box-sizing:border-box;
}
a.btn_green_arrow{
width:100%;
}
.btn_green_arrow{
background: #469e33 url(/images/common/arrow_white_right.svgz) no-repeat right 10px center;
color: #fff;
padding: 10px 30px 10px 10px;
}
.btn_green_arrow.other_link{
background-image: url(/images/common/other_link_white_right.svgz);
}
.btn_green_arrow:hover{
opacity: .8;
}
.btn_white_arrow{
color: #469e33;
padding: 10px ;
}
.link_other{
color: #469e33;
font-weight: 600;
display: inline-block;
}
.link_other:after{
content: "";
display: inline-block;
height: 16px;
width: 16px;
background: url(/images/common/icon_window_other.svgz) no-repeat right center;
background-size: contain;
margin-left:8px;
}




/* table list */
.stripe_list{
}
.stripe_list a,
.stripe_list li{
background-color: #f4f3ef;
display: block;
padding: 10px 15px;
}
.stripe_list a:nth-child(2n),
.stripe_list li:nth-child(2n){
background-color: #fafaf8;
}





/* list */
.container.list {
padding: 3rem 0;
}
.container.list a{
vertical-align: top;
line-height: 1.5;
}
.container.list.horizontal:not(#pickup) a:not(.main-container a){
display: flex;
align-items: center;
}
.container.list:not(#pickup) a img{
margin-top: 5px;
margin-bottom: 5px;
}
.container.list.horizontal:not(#pickup) img{
width: 25%;
height: 60px;
object-fit: cover;
float: left;
margin-right: 10px;
}
.mcatalog .wrapper{
text-align: left;
}
.mcatalog .col3{
text-align: center;
}
















/* property list */

.property section.wrap-pd-0{
padding-top:10px;
padding-bottom:10px;
}
.property section > a{
display: inline-block;
width: 100%;
}
.property section .col6{
vertical-align: top;
}
.property section .col6{
vertical-align: top;
}
.underline_title + .label{
margin:20px 0 0;
}
.label li{
background-color:#f7f7f4;
padding: 8px 10px 9px;
margin-right: 5px;
margin-bottom: 4px;
border-radius: 4px;
line-height: 1;
font-size:82%;
display: inline-block;
}
.label li a{
display: inline-block;
width: 100%;
height: 100%;
}
.label li span{
display: inline-block;
margin-left: 2px;
font-size: 80%;
}
.property section .label:last-of-type{
margin-top: 12px;
}
.label:last-of-type li{
font-size:76%;
}
.property .col6 a .col12 .label li{
border: #ceceb6 1px solid;
}
.list.mcatalog h3,
.property section h3{
color: #469e33;
font-size:118%;
line-height: 1.4;
padding: 10px 0;
margin-bottom: 10px;
font-weight: 600;
border-top: #c2dabc 2px solid;
border-bottom: #c2dabc 1px solid;
}
.property_list{
border-bottom: #f0eee9 1px solid;
}
ul.property_list li,
dl.property_list dt,
dl.property_list dd,
.property_list dl dt,
.property_list dl dd{
border-top: #f0eee9 1px solid;
font-size: 88%;
line-height: 1.4;
padding: 7px 0;
}
.property_list dl dt{
width: 4.5em;
}
.property_list dl dd{
width: calc(100% - 4.5em);
}
.property .property_list dt,
.property .property_list dd,
.property ul.property_list li{
padding: 5px 0;
}
.property ul.property_list li:first-child{
border-top: none;
}
ul.property_list li span,
.property_list p span{
font-family:'Ubuntu', sans-serif;
font-weight: 500;
font-size: 171%;
display: inline-block;
margin-right: 4px;
}
.property figure{
padding-bottom: 0;
margin: 7px 0 0;
text-align: center;
}
.property figure img{
width: 100%;
height: 180px;
object-fit: cover;
}







/* form */

form select,
form input[type=text] ,
form input[type=email] ,
form input[type=tel] {
font-size: 16px;
}

form.search{
box-sizing: border-box;
position: relative;
border: 1px solid #e3decf;
padding: 3px 10px;
border-radius: 16px;
height: 2.3em;
overflow: hidden;
background-color: #fff;
}
form.search input[type="text"]{
border: none;
height: 2.0em;
line-height: 1;
transform: translateY(-2px);
padding: 0;
}
form.search input[type="text"]:focus {
outline: 0;
}
form.search input[type="submit"]{
cursor: pointer;
border: none;
background:#469e33 url(/images/common/icon_search_white.svgz) no-repeat center 10px;
background-size: 50%;
color: #fff;
position: absolute;
width: 2.5em;
height: 4em;
right:0px;
top: -2px;
outline : none;
transition: background-color .1s;
}
.hmenu-nav form.search input[type="submit"]{
background-position-y: 11px;
}
form.search input[type="submit"]:hover{
background-color:#2c8019;
}
select.arrow_green_down {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin-bottom: 5px;
padding: 14px 30px 14px 10px;
line-height: 1.1em;
border-radius: 5px;
border: #e3decf 1px solid;
background:#fff url(/images/common/arrow_green_down.svgz) no-repeat right 10px center;
background-size: 12px 10px;
width: 100%;
cursor:pointer;
}
select.arrow_green_down.w-auto {
width: auto;
}

form p.item{
padding: 20px 0 10px;
font-weight: 600;
color: #469e33;
}
form h1 + p.item{
padding: 0 0 10px;
}
form .required:after{
content:"必須";
color: #fff;
background-color: #469e33;
padding: 4px 4px 5px;
margin-left: 5px;
border-radius: 4px;
font-weight: 600;
display: inline-block;
font-size: 76%;
line-height: 1;
}
form input[type=text] ,
form input[type=email] ,
form input[type=tel] ,
form input[type=password] {
padding: 10px;
min-width: 16em;
border: #ddd solid 1px;
}
form input[type=text].w14em,
form input[type=email].w14em ,
form input[type=tel].w14em ,
form input[type=password].w14em {
min-width: 14em;
}
form textarea {
padding: 10px;
min-width: 18em;
border: #ddd solid 1px;
white-space:pre;
}
form input + label {
cursor: pointer;
margin-right: 1em;
}
form .confirm{
border: #ddd solid 1px;
padding:10px;
min-width: 18em;
display: inline-block;
min-height:1em;
}
form .sideline_title{
margin-top:40px;
}
form .sideline_title:first-of-type{
margin-top:0;
}


/* table */
table.basic{
margin:20px 0;
}
table.basic th,
table.basic td{
padding:10px;
border:#ccc 1px solid;
}
table.basic th{
background-color:#f7f7f4;
}



/*Top Page*/


/* Top FV */


/* fv_form */

.fv_form{
margin-top: 48px;
background: #4ab034 url(/images/common/fv_search_back.svgz) no-repeat 4% top;
background-size: 160%;
height: 440px;
padding: 25px 0 0;
box-sizing: border-box;
}
.fv_form h1{
max-width: 70%;
margin: 8px 0 16px;
}
.fv_form form{
background-color: #fff;
border-radius: 10px;
color:#469e33;
font-weight: 600;
font-size:106%;
padding: 20px 30px;
}
.fv_form p{
margin-bottom: 10px;
text-align: center;
}
.fv_form form p span{
font-size: 120%;
}
.fv_form a.register,
input.submit{
border: #fa9537 1px solid;
padding:14px 20px;
font-weight:600;
color:#fff;
cursor:pointer;
background-color:#fa9537;
border-radius: 6px;
width: 100%;
margin-top: 10px;
font-size: 106%;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
}
.fv_form a.register{
width: 95%;
margin-top: 20px;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 118%;
}
.fv_form select::-ms-expand {
display: none;
}
.fv_form .fv_point {
color:#fff;
border: none;
}
.fv_form .fv_point .col12 {
padding:5px 0 0;
}
.fv_form .fv_point li span{
color:#469e33;
background-color:#fff;
}






/* fv_main */

.fv_main{
padding: 0 0 10px;
/*padding: 60px 0 10px;※上のフォーム部分がない場合は追加*/
background-color:#f7f7f4;
border-bottom: #f0eee9 solid 4px;
}
.fv_main .wrapper{
width: 94%;
}
.fv_buy > h2,
.fv_sell > h2{
color: #469e33;
font-size:194%;
}
.fv_search > h3,
.fv_advice > h3{
font-size:106%;
font-weight: 600;
color: #469e33;
padding: 5px 0 10px;
}
.fv_sell > h2{
padding-bottom: 10px;
}
.fv_search > h3,
.fv_advice > h3{
font-size:106%;
font-weight: 600;
color: #469e33;
}
.fv_buy > h2{
display: inline-block;
line-height: 1.6;
}
.fv_number{
font-size: 76%;
line-height: 1.2;
display: inline-block;
float: right;
padding: 5px 0 0 0;
}
.fv_number dl {
    display: inline-block;
    padding:0 10px;
}
.fv_number dl {
border-right: #e3decf 1px solid;
}
.fv_number dl:last-of-type{
padding-right: 0;
border-right: none;
}
.fv_number dt,
.fv_number dd{
font-family:'Ubuntu',sans-serif;
text-align: center;
padding: 2px 0;
font-size: 112%;
}
.fv_number span{
font-size: 130%;
font-weight: 500;
}
.fv_main > .wrapper > .col12{
letter-spacing: -0.5em;
}
.fv_buy,
.fv_sell{
letter-spacing: normal;
display: block;
}
.fv_buy a:not(.btn_orange, .banner_container a, .option_item a),
.fv_sell a{
display: inline-block;
box-sizing: border-box;
padding: 5px;
margin: 0 0 12px 0;
background-color: #fff;
color: #469e33;
font-size:90%;
font-weight: 600;
text-align: center;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
border-radius: 10px;
vertical-align: middle;
}
.fv_buy a:not(.btn_orange) {
width: 30%;
}
.fv_sell a{
width: 64%;
margin-right: 3.5%;
}
.fv_sell a:last-child{
width: 30%;
margin-right: 0;
}
.fv_sell a div{
width: 100%;
text-align: center;
}
.fv_buy a span,
.fv_buy a h4,
.fv_sell a span,
.fv_sell a h4{
text-align: center;
display: block;
box-sizing: border-box;
padding: 4px 0 1px;
}
.fv_buy a span img,
.fv_sell a span img{
max-width: 33px;
}
.fv_buy a:nth-of-type(6) span img{
width: 54px;
max-width: 50px;
}
.fv_buy .fv_search a:first-of-type:not(.banner_container a, .option_item a){
float: left;
margin-right: 5%;
margin-bottom: 20px;
padding: 0;
/*width: 64.5%;*/
width: 100%;
background: #fff url(/images/common/fv_icon_hide_back_sp.svgz) no-repeat center top;
}
.fv_buy .fv_search a:first-of-type span:not(.option_item a span){
padding: 0;
}
.fv_buy .fv_search a:first-of-type span img{
max-width: 100%;
}
.fv_buy .fv_search a:first-of-type h2{
width: 100%;
text-align: center;
padding: 5px 0;
}
.fv_buy a:first-of-type h2 em{
font-size: 70%;
border: #469e33 1px solid;
padding: 1px 3px 2px;
line-height: 1;
margin-right: 5px;
display: inline-block;
transform: translateY(-1px);
}
.fv_buy form{
width: 100%;
margin: 10px 0;
}
.fv_buy a:nth-of-type(4),
.fv_buy a:nth-of-type(5),
.fv_advice a:nth-of-type(1),
.fv_advice a:nth-of-type(2),
.fv_search a:nth-of-type(2),
.fv_search a:nth-of-type(3) {
margin-right: 3.5%;
}
.fv_buy .fv_search a:nth-of-type(4) {
margin-right: 0;
}


.fv_buy a:nth-of-type(4){
clear: left;
}
.fv_advice a:nth-of-type(3) img{
max-width:71px;
}
.fv_advice{
padding:10px 0;
}
.fv_point{
color:#469e33;
font-weight: 600;
font-size:94%;
text-align: center;
border-bottom: #f0eee9 4px solid;
padding: 14px 0;
background-color:#fcfcfa;
}
.fv_point li span{
font-family:'Ubuntu',sans-serif;
background-color:#469e33;
color:#fff;
border-radius: 20px;
width: 24px;
height: 17px;
line-height: 1.1;
display: inline-block;
text-align: center;
padding: 2px;
margin:0 6px 0 0;
font-weight: 500;
}
.fv_point li {
font-size:112%;
display:inline-flex;
line-height:1.4;
vertical-align:top;
}
.fv_point h1{
padding-bottom: 5px;
}
.fv_point h2,
.fv_point p,
.fv_point ul{
display: inline-block;
}
.fv_point p.caution{
font-weight: 300;
font-size: 65%;
margin-top: 5px;
}
.fv_point .col12{
margin: 10px 0 20px;
font-size: 120%;
border-bottom: #c2dabc 1px dashed;
padding-bottom:20px;
}
.fv_point .col12 h2{
padding-bottom: 5px;
}
.fv_point h3{
min-width:calc( 100% - 26px );
}
.fv_point p{
font-size: 80%;
font-weight: 300;
color: #333;
display: block;
padding: 4px 0 10px 0;
}

/* top new property list */

.property .property_list_new{
display: none;
}
.property #new_house {
display: inline-block;
}


















/*news*/
.news_list a{
background-color: #fff;
margin-bottom: 2px;
padding: 16px;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.news_list a span{
display: inline-block;
}
.news_list a span:first-child{
background-color: #d1d1d1;
border-radius: 9px;
font-size:82%;
padding: 3px 14px 4px;
line-height: 1;
width: 120px;
text-align: center;
/*background-color:#ccc;*/
}
.news_list a.info span:first-child{
background-color:#aedea4;
}
.news_list a.sale span:first-child{
background-color:#ffd480;
}
.news_list a.press span:first-child{
background-color:#97cdff;
}
.news_list a.other span:first-child{
background-color:#d1d1d1;
}
.news_list a span:nth-child(2){
font-size:76%;
font-weight: 600;
margin:0 10px;
color:#469e33;
}
.news_list a span:nth-child(3){
font-size: 88%;
width: 100%;
padding-top: 8px;
line-height: 1.4;
}
.news .news_list a{
background-color: #f7f7f4;
}
.news .news_list a:nth-child(even){
background-color: #fbfbfa;
}
.news .news_contents dl{
margin: 20px 0;
}
.news .news_contents dl dd dl{
margin: 5px 0;
}
.news .news_contents dt,
.news .news_contents dd{
font-size: 88%;
line-height: 1.4;
display: block;
}
.news .news_contents dt{
font-weight: 600;
padding: 10px 0 5px;
}
.news .news_contents dd{
padding: 5px 0 10px;
}

.news .news_contents .news_date{
font-size: 88%;
padding-bottom: 20px;
}


















/* .search_option */

.search_option.container{
background-color: #f7f7f4;
padding: 20px 0 10px;
}
.search_option.container .underline_title{
margin-bottom:20px;
}
.search_option .option{
display: inline-block;
padding: 5px 0;
box-sizing: border-box;
}
.search_option .option:not(.col6-sp){
width: 100%;
}
.search_option .option:before{
content: "";
display: inline-block;
width: 25px;
height: 25px;
background: url(/images/common/icon_search_area.svgz) no-repeat center top;
background-size: cover;
margin-right: 5px;
transform: translateY(5px);
}
.search_option .col12 section .option:before {
margin-right: 10px;
}
.search_option .option.area,
.search_option .option.line{
margin-right: 0;
}
.search_option .option.member:before{
background-image: url(/images/common/icon_search_member.svgz) ;
}
.search_option .option.area:before{
background-image: url(/images/common/icon_search_area.svgz) ;
}
.search_option .option.line:before{
background-image: url(/images/common/icon_search_line.svgz) ;
}
.search_option .option.property:before{
background-image: url(/images/common/icon_search_property.svgz) ;
}
.search_option .option.layout:before{
background-image: url(/images/common/icon_search_layout.svgz) ;
}
.search_option .option.price:before{
background-image: url(/images/common/icon_search_price.svgz) ;
}
.search_option .option.parcel_area:before{
background-image: url(/images/common/icon_search_parcel_area.svgz) ;
}
.search_option .option.building_occupied_areal:before{
background-image: url(/images/common/icon_search_building_occupied_areal.svgz) ;
}
.search_option .option.walk:before{
background-image: url(/images/common/icon_search_walk.svgz) ;
}
.search_option .option.date_of_construction:before{
background-image: url(/images/common/icon_search_date_of_construction.svgz) ;
}
.search_option .option.equipment:before{
background-image: url(/images/common/icon_search_equipment.svgz) ;
}
.search_option .label{
display: inline-block;
width: calc(100% - 40px);
vertical-align: top;
}
.search_option .label label{
background-color: #fff;
padding: 8px 10px 10px;
margin-right: 5px;
margin-bottom: 5px;
border-radius: 4px;
line-height: 1;
font-size: 82%;
display: inline-block;
border: #e3decf 1px solid;
}
.search_option .label label input{
display: none;
}

.property_number .col12{
padding-top: 0;
}
.property_number p{
font-size: 88%;
display: inline-block;
}
.property_number p span{
font-weight: 600;
display: inline-block;
padding: 0 2px;
font-size: 110%;
}
.property_number select.arrow_green_down {
float: right;
font-size: 16px;
padding: 10px 30px 10px 10px;
width: 100%;
margin-top: 10px;
}
.page_number{
display: inline-block;
margin-top: 15px;
}
.page_number a{
background-color:#f4f3ef;
border: #f4f3ef solid 1px;
padding: 4px 11px;
margin-left: 5px;
}
.page_number a.selected{
background-color: #fff;
border: #e3decf solid 1px;
}
.property_number.bottom .col12{
margin: 20px 0;
border-top: #e3decf 1px solid;
border-bottom: #e3decf 1px solid;
text-align: center;
padding: 15px 0 20px;
}

.property_sns .col12{
text-align: center;
}
.property_sns p,
.property_sns a{
display: inline-block;
margin-right: 12px;
vertical-align: middle;
font-size: 88%;
}
.property_sns a{
width:30px;
}
.property_sns a:last-of-type{
margin-right: 0;
}








/* .search_option.change */

/* check
.section_line{
display: none;
}
*/

.search_option.change .wrapper{
width: 95%;
}
.search_option.change{
padding: 20px 0;
position: absolute;
box-sizing: border-box;
z-index: 1000;
width: 100%;
top:0;
display: none;
}
.search_option.change.buy_top{
position: relative;
display: block;
z-index: auto;
background-color: inherit;
}
.search_option.change.buy_top .container{
background:inherit;
}
.search_option.change.buy_top .wrapper{
width:100%;
}
.search_option.change .close.off-sp{
position: fixed;
right: 0;
top: 0;
z-index: 1000;
}
.search_option.change .close.on-sp{
position: fixed;
right: 0;
bottom: 0;
z-index: 1000;
}
.search_option.change p.caution{
padding: 20px 0 0;
}
.search_option.change input[type="radio"]{
display: none;
}
.search_option.change input[type="radio"] + label {
border:#d1c7ba 1px solid;
text-align: center;
cursor: pointer;
background-color: #f0eee9;
line-height: 2.5;
}
.search_option.change input[type="radio"]:checked + label {
background-color: #f7f7f4;
border-bottom:#f7f7f4 1px solid;
}
.search_option.change.buy_top input[type="radio"]:checked + label {
background-color: #fff;
border-bottom:#fff 1px solid;
}
.search_option.change .label .main{
font-size: 105%;
font-weight: 600;
padding: 10px 14px 12px;
margin: 30px 0 10px;
}
.search_option.change .label.w_auto{
width:auto;
}

.search_option.change .label label span{
font-size: 80%;
display: inline-block;
margin-left: 5px;
font-weight: 300;
}
.search_option.change .label label{
cursor: pointer;
display: inline-block;
margin-top: 2px;
}
.search_option.change .label label.checked{
border-color: #b5d8ad;
background-color:#daecd6;
}
.search_option.change .label label.disabled{
border-color: #e3decf;
background-color:#f0eee9;
color: #adadad;
cursor: inherit;
}
.search_option.change hr{
height: 4px;
border-bottom:1px solid #e5e3e1;
margin: 25px 0 20px;
}
.search_option.change h1{
font-size:118%;
font-weight: 600;
padding-right: 10px;
margin-bottom: 10px;
}
.search_option.change h2{
font-weight: 600;
margin-top: 20px;
margin-bottom: 10px;
}
.search_option.change #equipment section:first-of-type h2{
margin-top: 10px;
}
.search_option.change select{
width: 120px;
font-size: 16px;
padding: 8px 30px 8px 10px;
}
.search_option.change section.dib{
margin: 10px 60px 10px 0;
}
.search_submit{
text-align: center;
}
.search_submit.fixed{
padding: 10px 0;
position: fixed;
bottom: 0;
margin: auto;
left: 0;
right: 0;
background-color:#fff;
border-top:1px solid #e5e3e1;
}
.search_submit button{
min-width:50%;
}




/* form */
form .alert_comment span{
background-color: #ffeeee;
border: #ff5050 2px solid;
color:#ff5050;
display: inline-block;
width: 100%;
padding: 12px 18px;
border-radius: 6px;
box-sizing: border-box;
}
form .alert_text span{
background-color: #ff5050;
color:#fff;
display: inline-block;
padding: 2px 8px;
border-radius: 4px;
margin-top: 10px;
position: relative;
font-size: 94%;
}
form .alert_text span:before{
content: "";
height: 10px;
width: 10px;
background-color: #ff5050;
transform: rotate(45deg);
position: absolute;
left: 10px;
top: -3px;
}





/* buy_detail */

.buy_detail{
background-size:0;
background-repeat: no-repeat;
background-position: center top;
}
.buy_detail > .wrapper:first-child{
padding-top: 20px;
}
.photo{
vertical-align: top;
text-align:center;
}
.photo figure{
width: 325px;
height: 243px;
max-width: 100%;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #f7f7f4;
position: relative;
overflow: hidden;
}
.photo figure img.photo_main{
max-height:100%;
transition: transform 0.3s ease;
}
.photo figure img.photo_main.current {
transform: translateX(0);
}
.photo figure img.photo_main.prev {
transform: translateX(-100%);
}
.photo > div{
margin-top: 10px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.photo > div::-webkit-scrollbar,
.photo_thumb-inner::-webkit-scrollbar{
height: 5px;
}
.photo > div::-webkit-scrollbar-thumb,
.photo_thumb-inner::-webkit-scrollbar-thumb{
background: #aeca99;
}
.photo > div::-webkit-scrollbar-track-piece:start,
.photo_thumb-inner::-webkit-scrollbar-track-piece:start{
background: #e4e4df;
}
.photo > div::-webkit-scrollbar-track-piece:end,
.photo_thumb-inner::-webkit-scrollbar-track-piece:end{
background: #e4e4df;
}

.photo > div a{
display: inline-flex;
justify-content: center;
align-items: center;
height: 105px;
}
.photo div .selected img{
-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%);
}
.photo div img{
-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%);
width: 140px;
height: 105px;
object-fit: contain;
}

@media screen and (max-width: 767px) {
    .photo figure img.photo_main {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform: translateX(100%);
    }
}

.detail_header ul{
display: inline-block;
}
.detail_header ul + a{
display: inline-block;
float: right;
}
.detail_header h1{
color:#469e33;
font-size:147%;
line-height: 1.4;
font-weight:600;
}
.detail_header h1 + .col12{
padding-bottom:10px;
}
.detail_header p{
font-weight: 600;
padding-top: 10px;
padding-bottom: 10px;
line-height: 1.4;
display:none;
}
.summary p{
padding-top: 10px;
padding-bottom: 20px;
}
.label_chart{
padding-top: 20px;
}
.label_chart ul{
width: calc(100% - 150px);
display: inline-block;
vertical-align: top;
margin-top: 0;
}
.label_chart .canvasChart_wrapper{
width: 120px;
display: inline-block;
}
.chart_txt{
font-size:10px; line-height:1.2;
}
.canvasChart_wrapper{
padding: 18px 10px;
}

.conversion{
padding: 20px 0;
margin: 20px 0 30px;
border-radius: 10px;
text-align: center;
}
.conversion .col3,
.conversion .col4,
.conversion .col5{
padding: 5px 20px;
}
.conversion .text{
padding: 0 20px 10px;
font-size:80%;
}




.buy_detail_contents .conversion a{
background: #469e33 url(/images/common/fv_icon_tel.svgz) no-repeat left 10px center;
padding:10px 4px;
display: inline-flex;
align-items: center;
background-position-x: calc(50% - 6em);
min-height: 80px;
}
.buy_detail_contents .conversion a br.on-tb{
display: none;
}
.buy_detail_contents .conversion a p{
display: inline-block;
margin-left: calc(50% - 4em);
}
.buy_detail_contents .conversion a span.small{
font-size: 58%;
font-weight: 300;
display: inline-block;
padding-left: 5px;
}
.buy_detail_contents .conversion a.mail {
background-image:url(/images/common/fv_icon_mail.svgz);
background-size: 40px;
background-position-x: calc(50% - 5em);
}
.buy_detail_contents .conversion a.mail p{
margin-left: calc(50% - 3em);
}
.buy_detail_contents .conversion a.comming {
background-image:url(/images/common/fv_icon_reserve.svgz);
background-size: 45px;
background-position-x: calc(50% - 3em);
}
.buy_detail_contents .conversion a.comming p{
margin-left: calc(50% - 1em);
}
.buy_detail_contents .col7 .property_list li{
display:inline-block;
padding:0 10px 5px 0px;
}



















.property_list dt,
.property_list dd{
display: inline-block;
vertical-align: top;
}
.property_list dt{
width: 8.4em;
font-weight: 600;
}
.property_list dd{
width: calc(100% - 8.4em);
}
.loan{
font-size: 82%;
padding: 30px 25px 25px;
border-radius: 6px;
}
.loan h1 span{
font-family:'Ubuntu',sans-serif;
font-size: 153%;
font-weight: 500;
padding-top: 10px;
display: inline-block;
}

.manual{
border:#a2ce98 dotted 2px;
margin-top: 30px;
padding: 30px 25px 25px;
}
.manual h1{
text-align: center;
padding-bottom: 20px;
}
.manual a{
margin-top: 20px;
}


.container .flow{
border: #f0eee9 4px solid;
padding: 30px 10px 20px;
text-align: center;
width: 100%;
margin: 20px 0;
box-sizing: border-box;
}
.container .flow h1{
text-align: center;
color:#469e33;
font-size:112%;
padding-bottom: 25px;
}
.container .flow h1 img{
margin-right: 10px;
transform: translateY(-2px);
}
.flow ul,
.flow ul li{
display: inline-block;
text-align: center;
vertical-align: middle;
width: 100%;
}
.flow ul li{
align-items: center;
display: block;
}
.flow li:after{
content: url(/images/common/flow_arrow_under.svgz);
width: 112px;
vertical-align: middle;
padding: 0 30px;
margin: 0 auto;
display: block;
}
.flow li:last-of-type:after{
content: none;
}
.flow .flow_under_sp{
width:100%;
margin-top:10px;
}
.flow ul li.flow_flex{
display: none;
}
.flow div{
display: inline-block;
text-align: center;
line-height: 1.1;
vertical-align: top;
width: 40%;
margin-bottom: 10px;
font-size:90%;
}
.flow figcaption{
display: inline-block;
padding: 0 10px;
}
.flow a{
display: inline-block;
box-sizing: border-box;
padding: 10px;
margin: 0 0 12px 0;
background-color: #f7f7f4;
color: #469e33;
font-size:90%;
font-weight: 600;
text-align: center;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
border-radius: 10px;
vertical-align: middle;
width: 100%;
}
.flow div span{
font-size: 60%;
}
.flow p{
display: inline-block;
padding: 20px 5px 0;
}




/* column */
.comment .col11{
border-radius: 6px;
vertical-align: top;
display: inline;
}
.comment .col1{
float: right;
display: inline;
margin-bottom:10px;
margin-top: 0;
padding: 5px 0px 0px 20px;
width:90px;
}
.comment.man,
.comment.woman,
.comment.staff{
padding: 20px;
border-radius: 10px;
margin: 20px 0;
}
.comment.man{
background-color: #e0eef7;
}
.comment.woman{
background-color: #ffebf0;
}
.comment.staff{
background-color: #ecf5ea;
}
.comment.staff .col1{
float: left;
padding: 5px 20px 0px 0px;
}
.comment .col11 p{
padding: 5px 0;
display: inline;
}
.comment figcaption{
text-align: center;
font-size:82%;
padding-top: 5px;
}
.knowhow{
text-align: center;
margin-bottom: 20px;
}
.knowhow .col12{
background-color: #f7f7f4;
padding: 30px 40px;
}
.knowhow .col12:before,
.knowhow .col12:after{
content: "";
width: 40px;
height: 5px;
display: inline-block;
position: absolute;
top: 0;
left: 2px;
background-color: #469e33;
}
.knowhow .col12:before{
top: 0;
left: 2px;
}
.knowhow .col12:after{
top: 18px;
left: -16px;
transform: rotate(90deg);
}
.knowhow h1{
color: #469e33;
font-size:118%;
font-weight: 600;
padding-bottom: 10px;
line-height: 1.4;
}
.knowhow a{
display: block;
background: url(/images/common/icon_knowhow.svgz) no-repeat left 8px;
background-size: 16px;
padding: 4px 0 4px 28px;
line-height: 1.5;
}
.knowhow a:hover{
color:#469e33;
opacity:1;
}
.image_scroll{
overflow-x: auto;
}
.image_scroll img.w600{
min-width: 600px;
}
.image_scroll img.w500{
min-width: 500px;
}



/* feature_area */
.feature_area{
display: none;
}
.feature_area .container{
padding-bottom: 0;
}
.feature_area .sideline_title{
margin-top: 30px;
}
.feature_area .underline_title:last-of-type{
margin-top: 30px;
}
.feature_area .underline_title:last-of-type:after{
margin-bottom: 0px;
}
.feature_area hr{
margin-top: 30px;
}
.feature_area .option_change{
left: 0;
margin: 0 auto;
width: 140px;
bottom: 30px;
}



/* form */
.membership .col4 span{
text-align: center;
color:#469e33;
font-size:118%;
background-color: #eef6ed;
display: block;
width: 100%;
height: 100%;
padding: 15px 10px;
border-radius: 6px;
font-weight: 600;
line-height: 1.4;
box-sizing: border-box;
}




/* consultation */

.consultation .title_area h1{
background-color: #6bb15b;
font-size:124%;
font-weight: 600;
color: #fff;
text-align: center;
padding: 10px 0;
line-height: 1.4;
}
.consultation .title_area p{
background-color: #eef6ed;
padding: 30px 20px 20px 20px;
color:#469e33;
position: relative;
margin-bottom: 20px;
}
.consultation .title_area figure{
margin: 0;
}
.consultation .title_area p img{
position: absolute;
left:5px;
top:-60px;
width: 80px;
}
.consultation .map_area{
margin: 20px 0;
}
.consultation .map_area h2{
font-size:106%;
font-weight: 600;
margin-bottom: 20px;
color: #469e33;
}
.consultation .map_area h2 span{
font-size:80%;
font-weight: 300;
}
.consultation .map_area .property_list dt{
width: 8em;
}
.consultation .map_area .property_list dd{
width: calc( 100% - 8em );
}
.consultation .map_area p{
padding-top: 20px;
}

.consultation table{
width:100%;
}
.consultation table th,
.consultation table td{
text-align: center;
padding: 10px;
line-height: 1;
}
.consultation table thead tr:first-child th{
background-color:#469e33;
color: #fff;
text-align: center;
}
.consultation table thead tr:first-child th a{
color: #fff;
}
.consultation table thead tr:first-child th a:first-child:before,
.consultation table thead tr:first-child th a:last-child:after{
content: "";
width: 10px;
height: 10px;
border-top: #fff 2px solid;
border-right: #fff 2px solid;
display: inline-block;
margin: 0 10px;
}
.consultation table thead tr:first-child th a:first-child:before{
transform: rotate(-135deg);
}
.consultation table thead tr:first-child th a:last-child:after{
transform: rotate(45deg);
}
.consultation table thead tr:first-child th a:first-child{
float: left;
padding-left: 10px;
}
.consultation table thead tr:first-child th a:last-child{
float: right;
padding-right: 10px;
}
.consultation table thead tr:last-child th{
background-color:#c7e2c1;
}
.consultation table tbody tr th{
background-color:#c7e2c1;
}
.consultation table tbody tr:nth-child(odd) th{
background-color:#daecd6;
}
.consultation table tbody tr td{
background-color:#f7f7f4;
color: #999;
}
.consultation table tbody tr td a{
color: #469e33;
font-weight: 600;
width: 100%;
display: block;
text-align: center;
height: 100%;
}
.consultation table tbody tr:nth-child(odd) td{
background-color:#fcfcfa;
}
.consultation table tbody tr:nth-child(odd) td:hover{
background-color: #469e33;
}
.consultation table tbody tr td:hover,
.consultation table tbody tr td.active{
background-color: #469e33;
cursor: pointer;
}
.consultation table tbody tr td:hover a,
.consultation table tbody tr td.active a{
color: #fff;
}
.consultation table tbody tr td.unable{
background-color:#e5e5e5;
}
.consultation table tbody tr:nth-child(odd) td.unable{
background-color:#eeeeee;
}
.table_scroll table{
width:100%;
}
.table_scroll{
overflow: auto;
white-space: nowrap;
margin: 20px 0;
}
.table_scroll::-webkit-scrollbar{
 height: 5px;
}
.table_scroll::-webkit-scrollbar-track{ background: #F1F1F1;
}
.table_scroll::-webkit-scrollbar-thumb { background: #BCBCBC;
}

.consultation .present > div{
border: #469e33 dotted 1px;
padding: 30px;
box-sizing: border-box;
border-radius: 10px;
}
.consultation .present h1{
color: #469e33;
font-weight: 600;
font-size:118%;
margin-bottom: 20px;
text-align: center;
}
.consultation .present h1 span{
font-size:120%;
display: inline-block;
border-bottom: #ffea9f 4px solid;
line-height: 1;
padding-bottom: 6px;
}
.consultation .present figure{
padding: 0 20px;
}


/* staff */
.staff_list .sideline_title{
line-height: 1.5;
display: block;
position: relative;
border-top: #cce7c6 solid 1px;
margin-bottom: 0;
}
.staff_list .sideline_title span{
font-size: 60%;
display: inline-block;
line-height: 1;
color:#333;
font-weight: 300;
}
.staff_list .underline_title span:last-of-type{
width: 100%;
}
.staff_list .sideline_title figure{
display:inline-block;
margin: 15px 14px 15px 0;
}
.staff_list .sideline_title h2{
display:inline-block;
vertical-align: middle;
padding-bottom: 7px;
width: 180px;
}
.staff_list .sideline_title h2 span{
width: 100%;
margin-left: 0;
}
.staff_list.index .sideline_title:after{
content: "";
background: url(/images/common/icon_next.svgz) no-repeat right center;
width: 30px;
height: 30px;
background-size: contain;
display: inline-block;
position: absolute;
right: 0;
top: 20px;
}
.staff_list dl{
margin: 20px 0 20px;
}
.staff_list .property_list dt{
width: 8em;
padding-right: 1em;
}
.property_list.dt_w7 dt{
width: 7em;
}
.staff_list .property_list dd{
width: calc( 100% - 9em);
}
.staff_list .property_list {
border-bottom: none;
}
.staff_list .col4,
.staff_list .col6{
vertical-align: top;
}
.staff_list .underline_title{
padding-bottom: 20px;
}
.staff_list .underline_title span{
font-size: 60%;
display: inline-block;
line-height: 1;
color:#333;
font-weight: 300;
}
.staff_list .underline_title span:first-child{
width: 100%;
padding:0 0 10px 0;
}
.staff_list.detail .underline_title{
width: 50%;
display: inline-block;
}
.staff_list.detail figure{
margin-top: 0;
width: 45%;
display: inline-block;
padding-left: 3%;
}
.staff_list .banner_voice{
border:#70b3e6 1px solid;
border-radius: 6px;
display: inline-block;
padding: 5px;
box-sizing: border-box;
width: 100%;
text-align: center;
}







/*contents list page*/

.special .container.list{
padding: 0;
}
.special .container.list a{
background-color: #fff;
}
.special .container.list a:nth-child(odd){
background-color: #f7f7f4;
}


/* catalog */
.catalog .list dt{
width: 4em;
}
.catalog .list dd{
width: calc( 100% - 4em );
}
.catalog .list dl,
.pd10 li:nth-child(2) {
padding-top: 10px;
}
.catalog .mcatalog img{
}
.catalog .container li{
display: inline-block;
margin-right: 10px;
}
.catalog .container dl:not(.property_list) li:before{
content: "";
width: 14px;
height: 22px;
display: inline-block;
background: url(/images/common/icon_catalog_here.svgz) no-repeat center center;
vertical-align: middle;
margin-right: 5px;
}
.catalog .container dl:not(.property_list) li:first-child:before{
background: url(/images/common/icon_catalog_near.svgz) no-repeat center center;
}
.caution_box p{
background-color: #f7f7f4;
border:#469e33 solid 1px;
color:#469e33;
font-size: 135%;
text-align: center;
font-weight: 600;
padding: 10px;
}
.catalog_login{
background-color: #f7f7f4;
margin-top: 20px;
padding: 30px;
}
.catalog_login p{
font-weight: 600;
font-size:112%;
line-height: 1.4;
padding-bottom: 10px;
}
.catalog_login .login h1{
padding: 20px 0 10px;
}
.catalog_login .login .btn_green_arrow{
padding: 10px 40px 10px 20px;
margin-top: 10px;
}
.catalog_login .login input[type=text]{
min-width:16em;
margin-bottom:5px;
}


.contact_button section a{
display: inline-block;
box-sizing: border-box;
padding: 13px;
background-color: #F7F7F4;
color: #469e33;
font-size: 94%;
font-weight: 600;
text-align: center;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
border-radius: 10px;
vertical-align: middle;
}


/*mypage*/
.mypage .buttons section {
vertical-align:top;
}
.mypage .buttons section a {
max-width:98%;
}



/*resister*/
article.register{
margin-top: 51px;
}
article.register .fv_form{
height: 600px;
padding: 30px 0 0;
}
article.register .fv_form h1 {
max-width: 82%;
margin:8px 0 12px;
}
article.register form .register_title{
font-size:165%;
}
article.register form .item{
text-align:left;
margin-bottom:0;
}
article.register form .register_check{
font-weight:300;
font-size:82%;
color:#231815;
margin:20px 0 10px;
}
article.register .membership .col4 span {
padding: 30px 10px;
}
article.register .resister_header{
position:absolute;
right:8px;
top:12px;
z-index:100;
font-size: 76%;
z-index: 100;
padding: 4px 13px;
}
article.register .container.point{
padding-bottom:20px;
}
article.register .caption{
text-align: left;
color: #231815;
font-size: 59%;
font-weight: 300;
}
article.register .alert_text{
text-align: left;
}
article.register .alert_text span{
font-size:80%;
}




















































@media screen and (min-width:768px) {

article {
margin-top: 140px;
}
.container .change + article {
margin-top: 0;
}

.container {
padding: 2rem 0 4rem;
}
.container.short {
padding: 2rem 0 2rem;
}

hr {}
hr.w1040 {
max-width: 1040px;
margin: 0 auto;
}
hr.w960 {
max-width: 960px;
margin: 0 auto;
}
hr.mtmb {
margin: 40px auto;
}





/* HEADER */
.header{
margin:0;
display: block;
position: fixed;
top: 0;
transition: .2s;
width: 100%;
z-index: 90;
}
.header.hide {
transform: translateY(-100%);
}
.header nav{
background-color: #469e33;
padding: 10px;
box-sizing: border-box;
}
.header nav .col12{
padding: 0;
width: 100%;
text-align: center;
}
.header nav a{
color: #fff;
display: inline-block;
font-size: 112%;
padding: 0 10px;
position: relative;
font-weight: 600;
}
.header nav a:last-of-type img {
transform: translate(8px,-3px);
}
.header nav a:after{
content: "";
height: 5px;
width: 100%;
background-color: #469e33;
display: inline-block;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
transform: scale(.5);
transition: all .2s;
}
.header nav a:hover{
opacity: 1;
}
.header nav a:hover:after{
transform: scaleX(1);
background-color: #448435;
}
body > div.buy .header nav a.buy:after,
body > div.sell .header nav a.sell:after,
body > div.build .header nav a.build:after,
body > div.knowledge .header nav a.knowledge:after,
body > div.about .header nav a.about:after,
body > div.staff .header nav a.about:after{
transform: scaleX(1);
background-color: #3C852E;
opacity: 1;
}

.nav_wrapper{
display: block;
position: relative;
}
.second_nav {
background-color:#7ebb70;
display: none;
position: absolute;
z-index: 2000;
}
.second_nav .col12 {
text-align: center;
display: none;
}
.second_nav a{
display: inline-block;
box-sizing: border-box;
padding: 10px 10px;
background-color: #fff;
color: #469e33;
font-size: 82%;
font-size: 71%;
font-weight: 600;
text-align: center;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
border-radius: 10px;
vertical-align: middle;
width: 18%;
height: 80px;
margin: 0 .4%;
position: relative;
}
.nav_wrapper nav .buy:before,
.nav_wrapper nav .about:before{
content: "";
width: 6px;
height: 6px;
border-top: #ccc 2px solid;
border-right: #ccc 2px solid;
display: inline-block;
transform: rotate(135deg) translateX(-2px);
margin-right: 10px;
right: 30px;
top:14px;
bottom:0;
margin: 0;
position: absolute;
}
.nav_wrapper nav .buy span,
.nav_wrapper nav .sell span,
.nav_wrapper nav .about span{
display: inline-block;
padding-right: 33px;
}
.second_nav .col12.sell a{
width: 30%;
margin: 0 .4%;
}
.nav_wrapper .col12.about a{
width: 18%;
margin: 0 .4%;
}
.second_nav a span{
height: 42px;
display:flex;
justify-content: center;
align-items: center;
}
.second_nav a p{
text-align: center;
}
.second_nav a[target="_blank"]:after{
content:"";
width:14px;
height:14px;
background: url(/images/common/fv_icon_other.svgz) ;
background-size: contain;
display: inline-block;
position: absolute;
top: 10px;
right: 10px;
}



/*shinyokohama*/
.shinyokohama .header nav{
background-color: #fff;
box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.08);
}
.shinyokohama .header nav a{
color: #3C852E;
}
.shinyokohama .header nav a:after{
background-color: #fff;
}
.shinyokohama .header nav a:hover:after{
background-color: #4AB034;
}
.shinyokohama .second_nav {
background-color:#f0f0e8;
box-shadow: 0px 4px 0px 0px rgba(0,0,0,0.08);
}


/* FOOTER */
.footer {
font-size: 1.4rem;
padding-bottom: 20px;
}
.footer .about_us .inner .col6:first-of-type{
border: none;
border-right: #e5e3e1 solid 1px;
margin: 40px 0;
}
.footer .about_us .inner .col6:first-of-type p{
padding: 0 14px;
}
.footer .about_us .inner .col6:first-of-type img{
margin: 0 0 30px;
}
.footer .about_us .inner .col6:first-of-type p{
}
.footer .about_us .inner .col6:last-of-type {
margin: 20px 0;
}
.footer .about_us .inner .col6:nth-of-type(2) {
border: none;
}
.footer .footer_adress{
padding: 30px 0;
}
.footer .link_area{
border-top: #e5e3e1 solid 1px;
}
.footer_qr{
margin-bottom:1rem;
}
.footer_banner{
}
.footer .copyright {
padding: 30px 0;
}
.footer .footer_menu{
text-align: left;
border-bottom:1px solid #e5e3e1;
padding: 35px 0;
}
.footer_menu a {
display: inline-block;
}
.footer_menu ul {
padding-top:0;
padding-bottom:0;
}
.footer .footer_menu ul:nth-child(4){
border-left:1px solid #e5e3e1;
padding-left: 40px;
}
.footer .footer_menu .col3{
vertical-align: top;
}
.footer .footer_menu .subhead_link{
padding-top: 10px;
}
.footer .footer_menu a[target="_blank"]{
padding-right: 20px;
background: url(/images/common/icon_window_other_black.svgz) no-repeat right center;
}






/* LINK / BUTTON */

.btn_sort{
justify-content: flex-end;
}
.btn_sort a{
font-size:100%;
padding: 4px 16px 6px;
}
.btn_sort a:last-child{
padding-top: 4px;
}

.btn_green_arrow,
.btn_white_arrow{
background-position: right 20px center;
font-size: 118%;
padding: 20px 40px 20px 20px;
}
.btn_white_arrow{
padding: 20px;
}




/* TITLE */

.list_title {
font-size: 176%;
}
.list_title a.btn_round_green {
top:35px;
right: 20px;
}
.list_title.two_lines span{
font-size: 100%;
width: auto;
}
.underline_title,
.search_option.change.buy_top .underline_title{
font-size:165%;
}
.summary{
line-height:1.7;
}
.text_items p span{
margin-left:10px;
margin-top:0;
}




/* list */
.container.list {
padding: 4rem 0;
font-size: 88%;
}
.index .container.list.horizontal:not(#pickup) {
font-size: 100%;
}
.index .container.list.mcatalog {
font-size: 100%;
}
.container.list.horizontal:not(#pickup) a:not(.main-container a){
display: inline-block;
}
.container.list.horizontal:not(#pickup) img{
width: 100%;
float: inherit;
margin-right: 0;
height: auto;
}


/* table list */
.stripe_list a{
padding-right:20px;
background-image: url(/images/common/arrow_green_right.svgz);
background-repeat:no-repeat;
background-position:right 15px center;
background-size: 10px;
transition:background-color,background-position .3s;
}
.stripe_list a:hover{
background-color:#d7ecd2;
background-position:right 5px center;
}


/* property list */

.property section.wrap-pd-0 {
padding-top: 20px;
padding-bottom: 20px;
vertical-align:top;
}
.property ul.property_list li{
padding: 5px 0;
}
.property figure{
text-align: left;
margin: 10px 0 0;
}
.property figure img{
width: 90%;
height: 200px;
}
.property_list > p{
line-height:1.6;
}
.list.mcatalog h3,
.property section h3{
margin-bottom: 12px;
}


/* form */

form.search input[type="submit"]{
background-position-y: 8px;
}
form input[type=text] ,
form input[type=mail] ,
form input[type=tel] ,
form input[type=password],
form textarea{
min-width: 28em;
}




/*Top Page*/

.mcatalog .col3{
width:20%;
}
form.search input[type="text"]{
font-size: 90%;
transform: translateY(-2px);
}



/* fv_form */
.fv_form{
margin-top: 0;
background: #4ab034 url(/images/common/fv_search_back.svgz) no-repeat 20% bottom;
padding: 25px 0 0;
}
.fv_form h1{
max-width: 100%;
padding-right: 40px;
}
.fv_form form{
font-size:118%;
padding: 30px 40px 28px;
}
.fv_form .fv_point .col12 {
padding:10px 0 0;
}
.fv_point p.caution{
margin-left: 5px;
}




/* fv_main */

.fv_main{
padding: 40px 0 10px;
}
.fv_main .wrapper{
width: 100%;
}
.fv_buy > h2,
.fv_sell > h2{
color: #469e33;
font-size:212%;
}
.fv_search > h3,
.fv_advice > h3{
font-size:106%;
font-weight: 600;
color: #469e33;
padding: 20px 0 15px;
}
.fv_buy > h2{
line-height: 1;
}
.fv_number dl{
padding:0 25px;
}
.fv_buy,
.fv_sell{
display: inline-block;
vertical-align: top;
box-sizing: border-box;
line-height: 1;
}
.fv_buy{ width: 100%; }
.fv_sell{ width: 20%; }
.fv_buy a:not(.btn_orange, .banner_container a, .option_item a),
.fv_sell a{
display: inline-block;
box-sizing: border-box;
padding: 13px;
background-color: #fff;
color: #469e33;
font-size:94%;
font-weight: 600;
text-align: center;
box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
border-radius: 10px;
vertical-align: middle;
}
.fv_buy a:not(.btn_orange, .banner_container a){
width: 30.5%;
margin: 0 12px 10px 0;
}
.fv_sell a{
width: 85%;
height: 240px;
margin-top: 43px;
margin-right: 0;
align-items: center;
}
.fv_sell a:last-child{
width: 85%;
height: 130px;
margin-top: 20px;
}
.fv_sell {
text-align: right;
}
.fv_sell > h2{
padding-left: 30px;
}
.fv_sell a div{
width: 100%;
text-align: center;
}
.fv_sell a h4{
text-align: center;
margin-top: 12px;
width: 5.5em;
}
.fv_buy a span,
.fv_buy a h4,
.fv_sell a span,
.fv_sell a h4{
display: inline-block;
vertical-align: middle;
box-sizing: border-box;
padding: 0;
}
.fv_buy a span:not(.option_item a span),
.fv_sell a span{
width: 30%;
text-align: right;
padding-right: 5px;
}
.fv_buy a h4:not(.option_item a h4){
width: 65%;
text-align: left;
padding-left: 5px;
}
.fv_advice a:nth-of-type(3){
padding: 6px 0;
}
.fv_advice a:nth-of-type(3) img{
max-width:100px;
}
.fv_advice a:nth-of-type(3) h4{
padding-left: 45px;
}
.fv_buy .fv_search a:first-of-type{
background:#fff;
padding: 0;
width: calc(100% - 40px);
}
.fv_buy .fv_search a:first-of-type span:not(.option_item a span){
width: 100%;
}
.fv_buy .fv_search a:first-of-type h2{
padding-top: 14px;
}
.fv_buy a:first-of-type h2 em{
margin-right: 7px;
}
.fv_buy form{
width: 30%;
display: inline-block;
vertical-align: middle;
font-size: 80%;
}
.fv_buy a:nth-of-type(6){
padding: 11px;
margin-bottom: 0;
}
.fv_buy a:nth-of-type(6) span{
width: 23%;
}
.fv_buy a:nth-of-type(6) h2{
width: 70%;
}
.fv_buy a:nth-of-type(4),
.fv_buy a:nth-of-type(5),
.fv_advice a:nth-of-type(1),
.fv_advice a:nth-of-type(2),
.fv_search a:nth-of-type(2),
.fv_search a:nth-of-type(3){
margin-right: 10px;
}
.fv_advice{
clear: left;
}
.fv_point .col12{
text-align:center;
font-size: 140%;
}
.fv_point li {
font-size: 100%;
line-height:1.6;
}
.fv_point li span{
width: 40px;
height: 20px;
line-height: 1.1;
margin:3px 6px 0 0;
}
.fv_point .col12 h2{
padding-bottom: 0;
}
.fv_point h3{
min-width:calc( 100% - 30px );
}



































/*news*/
.news_list a span:nth-child(3){
width: auto;
padding-top: 0;
}
.news .news_contents dl dd dl{
margin: 10px 0;
}
.news .news_contents dt,
.news .news_contents dd{
vertical-align: top;
display: inline-block;
padding: 10px 0;
}
.news .news_contents dt{
border-top: #f0eee9 1px solid;
width: 9em;
}
.news .news_contents dd{
width:calc(100% - 10em);
margin-left:9em;
}
.news .news_contents dt + dd{
border-top: #f0eee9 1px solid;
margin-left:0;
}
.news .news_contents dd figure{
display:inline-block;
}









/* .search_option */

.property_sns a{
width:50px;
}
.search_option .option{
padding: 10px 15px 10px 0;
}
.search_option .option:not(.col6-sp){
width: auto;
}
.search_option.change{
padding: 50px 0;
}
.search_option.change.buy_top{
padding: 2rem 0 4rem;
}
.search_option.change .label label{
margin-top: 5px;
}
.search_option .label{
width: auto;
vertical-align: middle;
}
.search_option .equipment.option:not(.col6-sp) {
width: 100%;
}
.search_option .equipment .label{
max-width: calc(100% - 160px);
vertical-align: top;
}
.search_option .underline_title + div {
width: calc(100% - 110px);
}
.search_option.change hr{
margin: 50px 0 40px;
}


.property_number select.arrow_green_down {
width: auto;
margin-top: 0;
}
.property_number .col12{
padding-bottom: 0;
}

.page_number{
float: right;
margin:0;
}.property_number p{
float: left;
}
.property_number.bottom .col12{
padding: 20px;
}











/* buy_detail */

.photo figure {
width: 590px;
height: 442px;
}
.detail_header h1{
font-size:165%;
padding-top: 0;
padding-bottom: 0;
}
.summary p{
padding-top: 0;
}


.buy_detail_contents .conversion .text{
padding: 0 25px 10px;
font-size:90%;
text-align:center;
}
.buy_detail_contents .conversion .col5,
.buy_detail_contents .conversion .col3{
padding:0 5px;
}
.buy_detail_contents .conversion .col5{
width:39%;
}
.buy_detail_contents .conversion .col4{
width:32%;
}
.buy_detail_contents .conversion .col3{
width:28%;
}
.buy_detail_contents .conversion a{
height: 100px;
}
.buy_detail_contents .conversion a br.on-tb{
display: inline-block;
}











/* column */
.comment .col11{
padding: 20px 30px;;
line-height: 1.8;
display: inline-block;
}
.comment.man,
.comment.woman,
.comment.staff{
background: none;
padding: 0;
margin: 0;
}
.comment .col1{
width: 8.3%;
vertical-align: top;
padding-top: 0;
}
.comment.man .col11{
background-color: #e0eef7;
}
.comment.woman .col11{
background-color: #ffebf0;
}
.comment.staff .col11{
background-color: #ecf5ea;
}
.comment .col11:after,
.comment .col11:before{
content: "";
width: 16px;
height: 16px;
transform: rotate(45deg);
position: absolute;
display: inline-block;
top:30px;
}
.comment.man .col11:after{
background-color: #e0eef7;
right: -6px;
}
.comment.woman .col11:after{
background-color: #ffebf0;
right: -6px;
}
.comment.staff .col11:before{
background-color: #ecf5ea;
left: -6px;
}
.comment .col11 p{
display: inline-block;
}
.knowhow{
padding: 20px 0;
margin-bottom: 0;
}
.knowhow h1{
font-size:141%;
}
.knowhow .col12{
width: calc(100% - 40px);
}
.knowhow a{
background-position: left 10px;
}



/* feature_area */
.feature_area .underline_title:last-of-type{
margin-top: 40px;
transform: translateY(10px);
}
.feature_area hr{
margin-top: 60px;
}





/* form */
.membership{
display: inline-flex;
width: 100%;
}
.membership .col4{
padding-top: 0;
padding-bottom: 0;
}
.membership .col4 span{
display: inline-flex;
align-items: center;
justify-content: center;
}




/* consultation */

.consultation .title_area h1{
font-size:165%;
padding: 20px 0;
}
.consultation .title_area p{
background-color: #eef6ed;
padding: 30px 0 30px 190px;
color:#469e33;
font-size:118%;
position: relative;
margin-bottom: 20px;
}
.consultation .title_area p img{
left:30px;
width: 130px;
}
.consultation .present h2{
text-align: left;
}



/* staff */
.staff_list .underline_title span:last-of-type{
width:auto;
}
.staff_list .sideline_title span{
font-size: 60%;
display: inline-block;
line-height: 1;
color:#333;
font-weight: 300;
}
.staff_list .property_list dt{
width: 8em;
}
.staff_list .property_list dd{
width: calc( 100% - 9em);
}
.staff_list.detail figure{
text-align: left;
padding-top: 30px;
padding-left: 0;
}
.staff_list.detail figure img{
max-width: 300px;
}
.staff_list .underline_title span:last-child{
padding-left: 10px;
}
.staff_list.detail .underline_title{
width: 100%;
}
.staff_list .banner_voice{
width: 300px;
}





/*contents list page*/

.special .container.list a:nth-child(odd){
background-color: #fff;
}


/*resister*/
article.register .fv_form{
height:530px;
padding: 70px 0 0;
}
article.register .resister_header{
right:10px;
top:10px;
}
article.register .container.point{
padding-bottom:60px;
}















}/* min-width:768px */
































































@media screen and (min-width:1080px) {

article {
margin-top: 106px;
}


/* HEADER */

.second_nav a{
font-size: 82%;
}
.second_nav a span{
height: 38px;
}
.header nav a{
padding: 0 24px;
font-size: 118%;
}
.nav_wrapper nav .buy span,
.nav_wrapper nav .sell span,
.nav_wrapper nav .about span {
padding-right: 24px;
}

/*Top Page*/

form.search input[type="submit"]{
width: 3.5em;
top: 0;
}
form.search input[type="text"]{
transform: translateY(0);
}


/* Top FV */

.fv_form{
height: 460px;
}
.fv_main{
padding: 10px 0;
}
.fv_buy a:not(.btn_orange),
.fv_sell a{
font-size:118%;
padding: 25px;
}
.fv_buy a:not(.btn_orange, .banner_container a){
margin: 0 12px 19px 0;
}
.fv_buy .fv_search a:first-of-type:not(.banner_container a) {
background: #fff url(/images/common/fv_icon_hide_back_pc.svgz) no-repeat center top;
max-width: 790px;
}
.fv_buy a:nth-of-type(6) span{
width: 25%;
transform: translateX(18px);
}
.fv_buy form{
font-size: 100%;
}
.fv_sell a{
height: 300px;
}
.fv_sell a:last-child{
height: 170px;
margin-top: 30px;
}
.fv_point li {
font-size: 112%;
}
.fv_advice a:nth-of-type(3){
padding: 19px 25px;
}


/*list*/
.container.list.horizontal:not(#pickup) a.col2 img{
width: 140px;
height: 105px;
object-fit: cover;
}

/* buy_detail */

.buy_detail_contents .conversion a{
padding: 20px;
height: 100px;
background-position-x: calc(50% - 7em);
}
.buy_detail_contents .conversion a br.on-tb{
display: none;
}
.buy_detail_contents .conversion a p{
margin-left: calc(50% - 5em);
}
.buy_detail_contents .conversion a.mail p{
margin-left: calc(50% - 3.5em);
}
.buy_detail_contents .conversion a.comming {
background-position-x: calc(50% - 2.5em);
}
.buy_detail_contents .conversion a.comming p{
margin-left: calc(50% - 0.5em);
}
.buy_detail_contents .conversion .col5,
.buy_detail_contents .conversion .col3{
padding:0 10px;
}
.buy_detail_contents .conversion .col5{
width:38%;
}
.buy_detail_contents .conversion .col4{
width:32%;
}
.buy_detail_contents .conversion .col3{
width:27%;
}
.container .flow{
margin: 0 0 10px;
}
.container .flow h1{
font-size:141%;
padding-bottom: 40px;
}
.container .flow h1 img{
margin-right: 20px;
}
.flow ul,
.flow ul li{
width: auto;
}
.flow ul li{
display: inline-block;
}
.flow ul li.flow_flex{
display: inline-flex;
}
.flow .flow_under_sp{
display:none;
}
.flow li:after{
content: url(/images/common/flow_arrow_right.svgz);
width: 12px;
transform: rotate(0);
display: inline-block;
}
.flow div{
width: auto;
margin-bottom: 0;
}
.flow figure{
display: inline-block;
}
.flow figcaption{
padding-top: 15px;
text-align: center;
display: block;
}
.flow p{
transform:translateY(-20px);
}



/*resister*/
article.register .fv_form .col6{
width:38%;
}


}/* min-width:1080px */









@media screen and (min-width:1260px) {

/* buy_detail */
.buy_detail{
height: 1111px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
position: absolute;
z-index: 0;
width: 101%;
filter: blur(5px);
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
}
.buy_detail > div{
padding-top: 70px;
}
.buy_detail_contents{
position: relative;
z-index: 2;
padding-top: 70px;
width: 100%;
}
.buy_detail > .wrapper:first-child{
padding-top: 70px;
}
.buy_detail_front{
content:"";
background-image:url(/images/common/buy_detail_back.svgz);
display:block;
height: 1111px;
background-repeat: no-repeat;
background-size: auto 1111px;
background-position: center;
position: absolute;
z-index: 1;
width: 100%;
}


}

/* 2024/12/19 Add new style for top image and new banner */
/* Common start */
.banner_container {
    display: flex;
    align-items: center;
    margin-bottom: 2%;
    justify-content: space-between;
}

.banner_container > span > a {
    width: unset !important;
    border-radius: 15px;

}

.option_item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1%;
}

.option_item > a {
    margin: 0 !important;
    width: 32% !important;
    justify-content: center;
    box-sizing: border-box;
    padding: 5px;
    margin: 0 0 12px 0;
    background-color: #fff;
    color: #469e33;
    font-size:90%;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 4px 0 0 rgba(0,0,0,0.1);
    border-radius: 10px;
    vertical-align: middle;
}

.option_item > a > span > img {
    max-width: 50px !important;
}

.option_item > a:nth-of-type(3) img {
    max-width: 125px !important;
}

.option_item > a > h4 {
    margin-left: 10%;
    padding-left: 0px !important;
    font-size: larger;
}

.option_item > a:first-of-type > h4,
.sell-item > a > h4 {
    margin-left: 5%;
}


.fv_advice img {
    width:100%;
    margin-bottom: 1.5%;
    border-radius: 15px;
}

/* Common end */

@media screen and (min-width:1080px) {
    .option_item > a {
        padding: 25px !important;
    }
}

@media screen and (min-width:768px) and (max-width:1079px) {
    .option_item > a {
        padding: 13px !important;
    }
}

@media screen and (min-width:768px) {
    .option_item > a {
        display:flex;
        align-items: center;
    }

    .option_item > a {
        background: white !important;
    }
}

@media screen and (max-width:767px) {
    .option_item {
        width: 100%;
    }

    .option_item > a {
        background: white !important;
        padding: 5px !important;
        margin-right: 4% !important;
        width: 30% !important;
        max-height: 73px;
    }

    .option_item > a > span{
        padding: 5px !important;
    }
}
/* 2024/12/19 End new style for top image and new banner */

.no-before::before {
    content: none !important;
}

.new-tab span {
    padding-right: 0px !important;
}

.new-tab {
    margin-right: 24px;
    background: url(/images/common/icon_window_other_white.svgz) no-repeat right center;
}

.btn_round_orange {
    padding: 6px 14px 7px;
    display: inline-block;
    background: #F67953;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 82%;
    border-radius: 15px;
    border: none;
    cursor: pointer;
}

.btn_orange {
    display: inline-block;
    background: #F67953;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 105%;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    padding: 2% 5% 2%;
    white-space: nowrap;
    letter-spacing: 2px;
}

.nav_orange {
    font-size: 130%;
    padding: 0.7% 5.2%;
    margin-bottom: 3%;
    position: relative;
    background: #F67953 url(/images/common/arrow_white_right.svgz) no-repeat right 15px center;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);
}

.main-container {
    padding-top: 20px;
}

.main-container:not(.member) {
    background-color: #f7f7f4;
    -webkit-font-smoothing: antialiased;
    text-align: center;
}

.main-container > p{
    font-size: 115%;
    font-weight: 600;
    color: #469e33;
    white-space: nowrap;
}

.main-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2%;
}

.main-container > h2,
.main-items .item-content h2 {
    color: #469e33;
    font-size: 212%;
    white-space: nowrap;
}

.main-items .item-content h3 {
    font-size: 115%;
    font-weight: 600;
    color: #469e33;
    margin-left: 25px;
    white-space: nowrap;
}

.item-content {
    display: flex;
    align-items: center;
}

.fv_main {
    padding-top: 0;
}

.number-info {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 70%;
}

.buy-info {
    padding-top: 0px;
}

.fv_number {
    padding-right: 25px;
}

.banner1,
.banner2 {
    border-radius: 15px;
    max-height: 350px;
}

.relative {
    position: relative;
    display: inline-block;
}

.member {
    position: absolute;
    font-weight: 600;
    top: 71%;
    left: 80%;
    transform: translate(-80%, -71%);
    color: #f7f7f4;
    padding: 10px;
    text-align: center;
    white-space: nowrap;
}

.member > span {
    white-space: nowrap;
}

.fv_advice a:first-of-type:not(.sell-item a) {
    display: unset !important;
    background: unset !important;
    box-shadow: unset !important;
}

.fv,
.container.list.horizontal {
    background: #f7f7f4;
}

.sell-option {
    margin-top: 2%;
    margin-bottom: 2%;
}

.lend-option {
    margin-top: 2%;
    margin-bottom: 2%;
}

.main-container.wrapper {
    padding: 40px 20px;
    letter-spacing: normal;
}

.main-container.wrapper > h2 {
    padding-bottom: 20px;
}

.sell-picture img:hover,
.lend-picture img:hover{
    opacity: 0.8;
}

@media screen and (max-width:1150px) {
    .container.list.horizontal > .wrapper {
        width: unset;
    }
}

@media screen and (min-width:1025px) {
    .fv_number dl {
        padding: 0 30px;
    }

    .knowledge-container picture {
        width: 40%;
    }

    .consult {
        text-align: center;
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {
    .fv_number dl {
        padding: 0 30px;
    }

    .consult {
        text-align: center;
    }

    .knowledge-container picture {
        width: 40%;
    }
}

@media screen and (min-width:426px) and (max-width:768px) {
    .main-items {
        margin-bottom: 3%;
    }

    .buy-info {
        font-size: 90%;
    }

    .banner_container {
        margin-bottom: 3%;
    }

    .consult > ul > li > span {
        padding-top: 5px;
        padding-bottom: 0px;
    }

    .wrapper > div > ul {
        margin-bottom: 3% !important;
    }

    .knowledge-container > ul > li {
        padding-top: 3% !important;
        padding-bottom: 3% !important;
    }

    .nav_orange {
        margin-bottom: 4%;
        width: 75%;
    }

    .show-more {
        margin-bottom: 3% !important;
    }
}

@media screen and (max-width:440px) {
    .buy-info {
        font-size: 90%;
    }

    .item-content h3 {
        transform: translateY(-30%);
    }

    .main-items {
        margin-bottom: 1%;
        font-size: 90%;
    }

    .fv_advice > h3 {
        margin-top: 5%;
    }

    .consult > ul > li > span {
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .btn_orange.nav_orange {
        margin-left: 5%;
        margin-right: 5%;
        width: 75%;
    }

    .knowledge-container > ul > li {
        padding-top: 3% !important;
        padding-bottom: 3% !important;
    }

    .nav_orange {
        margin-bottom: 6%;
    }

    .show-more {
        margin-top: 3%;
        margin-bottom: 10% !important;
    }
}

@media screen and (max-width:767px) {
    .fv_number {
        padding-right: 10px;
    }
    .container.list.horizontal:not(#pickup) img {
        width: 100%;
        height: unset;
        object-fit: unset;
        margin-right: 0;
        margin-bottom: 5%;
    }

    .knowledge-container picture {
        max-width: 100%;
    }

    .knowledge-img {
        max-width: unset !important;
        width: 100% !important;
    }

    .option_item:not(.sell-item) {
        margin-top: 5%;
    }

    .option_item > a > span > img,
    .option_item:not(.sell-item) > a:nth-of-type(3) img  {
        max-width: 40px !important;
    }
    .option_item.sell-item > a:nth-of-type(3) img {
        max-width: 80px !important;
    }

    .option_item.sell-item > a > h4 {
        padding-top: 0;
    }

    .option_item > a:first-of-type > h4, .option_item > a:last-of-type > h4 {
        padding-top: 0;
    }

    .option_item > a:first-of-type > h4 {
        transform: translateY(-20%);
    }

    .option_item > a:last-child {
        margin-right: 0 !important;
    }

    .option_item > a:not(a:first-of-type) > h4 {
        transform: translateY(-15%);
        margin-left: 0;
    }
}

.wrapper > div > ul {
    margin-bottom: 5%
}

.container.property,
.container.list.horizontal {
    border-bottom: #f0eee9 solid 4px;
}

.container.list.horizontal {
    padding-top: 0px;
    padding-bottom: 0px;
}

.knowledge-container {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 3%;
}

.knowledge-img {
    border-radius: 15px;
}

.knowledge-container > ul {
    margin-left: 5%;
    flex: 1;
}

.knowledge-container > ul > li {
    border-bottom: #f0eee9 solid 2px;
    width: 100%;
    padding-top: 1%;
    padding-bottom: 1%;
    background: url(/images/common/arrow_green_right.svgz) no-repeat right 15px center;
}

.knowledge-container > ul > li > a {
    margin-right: 10%;
    display: block;
}

.show-more {
    display: inline-block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 130%;
    border-radius: 8px;
    border: none;
    cursor: pointer;
    padding: unset;
    margin-bottom: 3%;
    white-space: nowrap;
    letter-spacing: 2px;
    background: #469e33 url(/images/common/arrow_white_right.svgz) no-repeat right 15px center;
    box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.1);

}

@media screen and (min-width: 768px) and (max-width: 768px) {
    .member {
        top: 65% !important;
        transform: translate(-90%, -70%) !important;
    }
}

@media screen and (max-width: 768px) {
    .main-container {
        padding-top: 10px;
    }

    .banner_container {
        display: block;
    }

    .member {
        position: absolute;
        font-weight: 600;
        top: 67%;
        left: 90%;
        transform: translate(-90%, -67%);
    }

    .item-content {
        display: unset;
    }

    .main-items .item-content h3 {
        font-size: 115%;
        font-weight: 600;
        color: #469e33;
        padding-top: 0;
        margin-left: 0;
        white-space: nowrap;
        line-height: 1.5;
    }

    .main-container > p {
        line-height: 1.3;
    }

    .banner1 {
        margin-bottom: 3%;
    }

    .btn_orange {
        padding: 2% 2.5% 2% 3%;
        line-height: 1.2;
        letter-spacing: 3px;
    }

    .knowledge-container {
        margin-bottom: 5%;
        display: grid;
    }

    .container.list.horizontal > .main-container {
        margin-top: 0;
        padding: 40px 20px !important;
    }
}

@media screen and (max-width: 403px) {
    .main-items {
        font-size: 80%;
    }

    .buy-info {
        font-size: 77%;
    }

    .option_item > a > h4 {
        font-size: unset;
    }

}

@media screen and (max-width: 320px) {
    .main-container > h2, 
    .main-items .item-content h2 {
        font-size: 180%;
    }

    .main-container > p {
        font-size: 90%;
    }

    .main-items {
        font-size: 66%;
    }

    .member {
        transform: translate(-90%, -62%);
    }

    .option_item.sell-item > a:nth-of-type(2) > h4 {
        transform: translateY(-20%);
    }

    .option_item.sell-item > a:last-of-type > h4 {
        transform: translateY(9%);
    }

    .option_item > a > h4 {
        font-size: small;
    }
}

/* Mobile photo gallery navigation */
@media screen and (max-width: 767px) {
        .photo,
        .photo figure {
        position: relative;
    }

    .photo-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s;
    }

    .photo-nav:hover {
        background: rgba(255, 255, 255, 1);
    }

    .photo-nav.prev {
        left: 10px;
    }

    .photo-nav.next {
        right: 10px;
    }

    .photo-nav::before {
        content: '';
        width: 8px;
        height: 8px;
        border-top: 2px solid #aeca99;
        border-right: 2px solid #aeca99;
        display: block;
    }

    .photo-nav.prev::before {
        transform: rotate(-135deg);
    }

    .photo-nav.next::before {
        transform: rotate(45deg);
    }
}

@media screen and (min-width: 768px) {
    .photo,
    .photo figure {
        position: relative;
    }

    .photo-nav {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 50px;
        height: 50px;
        background: rgba(255, 255, 255, 0.9);
        border-radius: 50%;
        cursor: pointer;
        z-index: 10;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background-color 0.3s;
    }

    .photo-nav:hover {
        background: rgba(255, 255, 255, 1);
    }

    .photo-nav.prev {
        left: 15px;
    }

    .photo-nav.next {
        right: 15px;
    }

    .photo-nav::before {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 2px solid #aeca99;
        border-right: 2px solid #aeca99;
        display: block;
    }

    .photo-nav.prev::before {
        transform: rotate(-135deg);
    }

    .photo-nav.next::before {
        transform: rotate(45deg);
    }
}

@media screen and (max-width: 767px) {
    .container.list.horizontal:not(#pickup) a {
        display: block !important;
        text-align: center;
    }

    .container.list.horizontal:not(#pickup) img {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .container.list.horizontal:not(#pickup) a:not(.main-container a) {
        display: block !important;
        align-items: unset;
    }
}

@media screen and (max-width: 767px) {
    .photo figure {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 300px;
        background-color: #f7f7f4;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .photo figure img.photo_main {
        display: none;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        object-fit: contain;
        transform: translateX(100%);
        transition: transform 0.3s ease;
        will-change: transform;
    }

    .photo figure img.photo_main[style*="display: block"] {
        display: block !important;
    }

    .photo figure img.photo_main.current {
        transform: translateX(0);
        z-index: 2;
    }

    .photo figure img.photo_main.prev {
        transform: translateX(-100%);
        z-index: 1;
    }
}

/* Desktop photo gallery navigation */
.photo,
.photo figure {
    position: relative;
}

.photo figure img.photo_main {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: translateX(100%);
    transition: transform 0.3s ease;
    will-change: transform;
}

.photo figure img.photo_main[style*="display: block"] {
    display: block !important;
}

.photo figure img.photo_main.current {
    transform: translateX(0);
    z-index: 2;
}

.photo figure img.photo_main.prev {
    transform: translateX(-100%);
    z-index: 1;
}

.photo-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s;
}

.photo-nav:hover {
    background: rgba(255, 255, 255, 1);
}

.photo-nav.prev {
    left: 15px;
}

.photo-nav.next {
    right: 15px;
}

.photo-nav::before {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid #aeca99;
    border-right: 2px solid #aeca99;
    display: block;
}

.photo-nav.prev::before {
    transform: rotate(-135deg);
}

.photo-nav.next::before {
    transform: rotate(45deg);
}

/* Thumbnail navigation styles - web only */
.thumb-nav {
    position: absolute;
    bottom: 20px;
    width: 40px;
    height: 115px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    border-radius: 0;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    transition: background-color 0.3s ease;
    user-select: none;
}

.thumb-nav:hover {
    background: rgba(0, 0, 0, 0.8);
}

.thumb-nav:active {
    background: rgba(0, 0, 0, 0.9);
}

.thumb-nav.disabled {
    opacity: 0.3;
    cursor: not-allowed;
}

.thumb-nav.disabled:hover {
    background: rgba(0, 0, 0, 0.6);
}

.thumb-nav.thumb-nav-prev {
    left: -20px;
}

.thumb-nav.thumb-nav-next {
    right: -20px;
}



.photo_thumb {
    position: relative;
    min-height: 105px;
    height: 105px;
}

.photo_thumb-inner {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 0 36px;
    min-height: 105px;
    height: 105px;
    background-color: #fff;
}

.photo_thumb-inner > a {
    display: inline-block;
    vertical-align: middle;
}
.photo_thumb .thumb-nav {
    position: absolute;
    top: 0;
    bottom: 0;
    transform: none;
    width: 36px;
    height: 105px;
    background: #aeca99;
    color: #fff;
    border-radius: 0;
    cursor: pointer;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: bold;
    transition: background 0.3s;
    user-select: none;
    border: none;
    box-shadow: none;
    padding: 0;
}
.photo_thumb .thumb-nav.thumb-nav-prev {
    left: 0;
    border-radius: 0;
}
.photo_thumb .thumb-nav.thumb-nav-next {
    right: 0;
    border-radius: 0;
}

/* Hide thumbnail navigation on mobile */
@media screen and (max-width: 767px) {
    .thumb-nav {
        display: none !important;
    }
    .photo_thumb .thumb-nav {
        display: none !important;
    }
    .photo_thumb-inner {
        margin: 0;
    }
}