@charset "utf-8";
/* CSS Document */
@import url("sp_page.css");

body { font-size:calc(18 * 0.2vw); }
:target { scroll-margin-top: calc(120vw / 7.5); }

.pc { display:none; }
.sp { display:block; }

.sp_left { text-align:left; }
.sp_center {text-align: center;margin-left: auto; margin-right: auto; display: block;}

.fs10vw { font-size:calc(10 * 0.22vw); }
.fs11vw { font-size:calc(11 * 0.22vw); }
.fs12vw { font-size:calc(12 * 0.22vw); }
.fs14vw { font-size:calc(14 * 0.22vw); }
.fs16vw { font-size:calc(16 * 0.2vw); }
.fs17vw { font-size:calc(17 * 0.2vw); }
.fs18vw { font-size:calc(18 * 0.2vw); }
.fs19vw { font-size:calc(19 * 0.2vw); }
.fs20vw { font-size:calc(20 * 0.2vw); }
.fs21vw { font-size:calc(21 * 0.17vw); }
.fs22vw { font-size:calc(22 * 0.17vw); }
.fs23vw { font-size:calc(23 * 0.16vw); }
.fs24vw { font-size:calc(24 * 0.16vw); }
.fs25vw { font-size:calc(25 * 0.16vw); }
.fs26vw { font-size:calc(26 * 0.16vw); }
.fs27vw { font-size:calc(27 * 0.16vw); }
.fs28vw { font-size:calc(28 * 0.16vw); }
.fs29vw { font-size:calc(29 * 0.15vw); }
.fs30vw { font-size:calc(30 * 0.15vw); }
.fs31vw { font-size:calc(31 * 0.15vw); }
.fs32vw { font-size:calc(32 * 0.15vw); }
.fs33vw { font-size:calc(33 * 0.15vw); }
.fs34vw { font-size:calc(34 * 0.15vw); }
.fs35vw { font-size:calc(35 * 0.15vw); }
.fs36vw { font-size:calc(36 * 0.15vw); }
.fs37vw { font-size:calc(37 * 0.15vw); }
.fs38vw { font-size:calc(38 * 0.15vw); }
.fs39vw { font-size:calc(39 * 0.15vw); }
.fs40vw { font-size:calc(40 * 0.14vw); }
.fs42vw { font-size:calc(42 * 0.14vw); }
.fs44vw { font-size:calc(44 * 0.14vw); }
.fs45vw { font-size:calc(45 * 0.14vw); }
.fs48vw { font-size:calc(48 * 0.14vw); }
.fs50vw { font-size:calc(50 * 0.14vw); }
.fs52vw { font-size:calc(52 * 0.14vw); }
.fs53vw { font-size:calc(53 * 0.14vw); }
.fs54vw { font-size:calc(54 * 0.14vw); }
.fs55vw { font-size:calc(55 * 0.14vw); }
.fs56vw { font-size:calc(56 * 0.14vw); }
.fs60vw { font-size:calc(60 * 0.12vw); }
.fs62vw { font-size:calc(62 * 0.12vw); }
.fs64vw { font-size:calc(64 * 0.12vw); }
.fs65vw { font-size:calc(65 * 0.12vw); }
.fs66vw { font-size:calc(66 * 0.1vw); }
.fs68vw { font-size:calc(68 * 0.1vw); }
.fs70vw { font-size:calc(70 * 0.1vw); }
.fs72vw { font-size:calc(72 * 0.14vw); }
.fs100vw { font-size:calc(100 * 0.1vw); }
.fs110vw { font-size:calc(110 * 0.08vw); }

.inner,.middle_inner,.low_inner,.minimum_inner { max-width: none; width:92%; }

.sp_flex {display: flex; flex-wrap:wrap; justify-content: space-between;}
.sp_flex.clearfix:after {display: none;}
.flex.sp_direction {flex-direction: column;}

.ttl {margin: 0 0 1.5em;}
.more {width: calc(300vw / 7.5);height: calc(65vw / 7.5);line-height: calc(65vw / 7.5);margin-left: auto;margin-right: auto;}

/* header */
#header .site_name {z-index:999;}
#header .site_name .logo {position: relative; width: calc(384vw / 7.5); padding:0;}
#header nav {width: 100%;}
#header nav ul {margin:0; padding-left: 0;}
#header nav ul li {margin: 0 0 1.75em 0; display: block;}
#header nav ul li .section {margin-block-start: 1.35em;}
#header nav ul li .section li {margin: 0 0 1.35em 0;}
#header .contact_btn {width:48.5%;}
#header .contact_btn dd, #header .tel_btn dd {margin-left:0;}
#header .contact_btn dd i, #header .tel_btn dd i {margin-right:0.35em;}
#header .contact_btn dd a {border: 1px solid #0c3388; padding: calc(10vw / 7.5);}

/* fv */
#fv { background-image:url(../img/top/sp_fv_bg.jpg); background-size:cover; background-position: center bottom; height: auto; padding-bottom:calc(230vw / 7.5)}
#fv .fv_left {width:100%; padding:calc(50vw / 7.5) 4% 0 4%;}
#fv .fv_right {width:92%; padding-left:4%; padding-right:4%; margin: calc(40vw / 7) 4% 0 4%;}
#fv .fv_left .site_name {margin: 0 0 calc(30vw / 7) 0; }
#fv .fv_left .site_name .fs40vw {font-size:calc(38 * 0.15vw);}

#fv .fv_left .site_catch dt {padding-left: calc(95vw /7); font-size: calc(37 * 0.15vw);}
#fv .fv_left .site_catch dt .circle {position:absolute; top: 0; left: 0;width: calc(90vw /7);height: calc(90vw /7);}
#fv .fv_left .site_catch dd {padding-left: calc(95vw /7); font-size:calc(13 * 0.22vw);}
#fv .fv_right .box dt {margin: 0 0 calc(10vw / 7) 0; font-size: calc(32 * 0.15vw);}
#fv .fv_right .box dt .square {width: calc(40vw / 7.5); height: calc(40vw / 7.5); top: 0em;}
#fv .fv_right .box dt .square i {}
#fv .fv_right .box dt em {line-height: calc(40vw / 7); padding-left: 0.85em; padding-right: 0.5em; background-color: #f4fbff;}
#fv .fv_right .box dd {margin-bottom: calc(10vw / 7);}
#fv .fv_right .box dd a {width:49%; padding: calc(10vw / 7) calc(10vw / 7);}
#fv .fv_right .box dd a em {width: calc(100% - (40vw / 7)); height: calc(54vw / 7); font-size: calc(18 * 0.2vw);}
#fv .fv_right .box dd a .square {width: calc(40vw / 7.5); height: calc(54vw / 7.5);}
#fv .fv_left .site_catch {position: relative; margin: 0 0 calc(30vw / 7) 0;}

/* main */
main { margin-block-start: calc(120vw / 8.8); }

/* top_buy_property */
#top_buy_property .wrapper {padding: 1.5em 0 3em 0;}
#top_buy_property {padding: 1.5em 0 0 0;}
#top_buy_property .type1 {width: 100%;}
#top_buy_property .type2 {width: 100%; margin-block-start: 0;}
#top_buy_property .type1 dd .icon {width: calc(70vw /7.5);}
#top_buy_property .type1 dd .wide {width:48%; height: auto; margin-block-end:calc(20vw / 7); padding:0.5em 0 0.75em 0;}
#top_buy_property .type1 dd .square {width: calc(96% / 3); height: auto; margin-block-end:calc(20vw / 7); padding:0.5em 0 0.75em 0;}
#top_buy_property .type1 dd .square.left { margin-right: 2%; }
#top_buy_property .type2 dd .search_button { height:calc(90vw / 7.5); line-height:calc(90vw / 7.5);}

/* serch */
.athome.search-engine-rental.search-part.freeword .fulltext-search .fulltext-search-container {padding: 10px 0 !important;}
.athome.search-engine-rental.search-part.freeword .fulltext-search .fulltext-search-container .fulltext-search-line .fulltext-search-item-area.fulltext-search-item-visible {width: 100%; margin-bottom: 1em !important; padding-right: 0 !important;}
.athome.search-engine-rental.search-part.freeword .fulltext-search .fulltext-search-container .fulltext-search-line .fulltext-search-item-area select {padding: 2%; font-size: 14px !important;}
.athome.search-engine-rental.search-part.freeword .fulltext-search .fulltext-search-container .fulltext-search-line .fulltext-search-input-text-area.fulltext-search-input-text-sm {
min-width: auto !important; max-width: auto !important; margin-left: 0 !important; padding-left: 0 !important;}
.athome.search-engine-rental.search-part.freeword .fulltext-search .fulltext-search-container .fulltext-search-line .fulltext-search-input-text-area {
margin-bottom: 1em !important; width: 100% !important; margin-right: 0 !important; padding-right: 0 !important;}

/* top_pickup */
#top_pickup {padding: 1.5em 0 3em 0;}
#top_pickup .product {width: 48%; float: none; margin: 0 0 calc(20vw / 7) 0; padding: calc(20vw / 7.5);}
#top_pickup .product:nth-of-type(4n) {margin: 0 0 calc(20vw / 7) 0;}
#top_pickup .product .thumb {width:100%; height:auto; aspect-ratio: 400 / 329; margin-block-end: 0.5em;}

/* top_sell_property */
#top_sell_property {padding: 0 0 3em 0;}
#top_sell_property .mask {padding: 5em 0 3.5em 0;}
#top_sell_property .top_sell_property_company { width:calc(381vw / 7.5); }
#top_sell_property .catch {margin-block-end: 2em; line-height: 1.5em;}
#top_sell_property .pop1, #top_sell_property .pop4 {width: calc(145vw / 7.5); height: calc(145vw / 7.5);}
#top_sell_property .pop2, #top_sell_property .pop3 {width:calc(125vw / 7.5); height:calc(125vw / 7.5); }
#top_sell_property .point_box { width:100%; margin:0 calc(15vw / 7.5) calc(60vw / 7.5) 0; }
#top_sell_property .point_box:nth-of-type(4n) {margin:0 calc(15vw / 7.5) calc(60vw / 7.5) 0;}
#top_sell_property .point_box dt .point_title { width:calc(315vw / 7.5); position: absolute; top: calc(-30vw / 7.5);}
#top_sell_property .point_box dd {height: calc(180vw / 7.5); padding:calc(30vw / 7.5) 0 calc(10vw / 7.5) 0;}
#top_sell_property .real_estate_sales_channel .text {width:100%;}
#top_sell_property .real_estate_sales_channel .text .channel_name {width:100%; display: block;}
#top_sell_property .real_estate_sales_channel .text .channel_name dt {width:100%; display: block;}
#top_sell_property .real_estate_sales_channel .text .channel_name dd {width:100%; display: block; margin: 1em 0 0 0;}
#top_sell_property .real_estate_sales_channel .thumb {width:100%;}
#top_sell_property .real_estate_sales_channel .thumb .pop { width: calc(220vw / 7.5); bottom: -1.2em; right: -1.2em;}
#top_sell_property .top_sell_property_link {width:96%;}
#top_sell_property .top_sell_property_link .button {width:100%; height:calc(90vw / 7); line-height:calc(90vw / 7); margin-block-end: 1em;}
#top_sell_property .real_estate_sales_channel .real_estate_sales_channel_title {width: calc(480vw / 7.5); top: calc(-65vw / 7.5);}
#top_sell_property .real_estate_sales_channel .text .social {width:8em; margin-right: auto;}
#top_sell_property .real_estate_sales_channel .text .button {margin-block-end: 1.5em; width:100%; height:calc(90vw / 7); line-height:calc(90vw / 7);}

/* top_baikyaku_mado */
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name { width:100%; float: none;}
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_text { width:100%; }
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name .catch { width:100%; }
#top_baikyaku_mado .baikyaku_mado_header {padding:calc(50vw / 7) 0 calc(80vw / 7); }
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name .catch {margin: 0.25em auto;}
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_text .button {height:calc(90vw / 7); line-height:calc(90vw / 7);}
#top_baikyaku_mado .baikyaku_mado_header::before {width:calc(329vw / 7); height:calc(42vw / 7);}
#top_baikyaku_mado .baikyaku_mado_header::after {width:calc(329vw / 7); height:calc(42vw / 7);}
#top_baikyaku_mado .contents {padding-top: 2.777777em;}
dl.table.baikyaku_mado_summary {width:100%;}
#top_baikyaku_mado .banner_link {flex-direction: column;}
#top_baikyaku_mado .banner_link {margin-block-start: 1.5em;}
#top_baikyaku_mado .banner_link a {width:100%; display: block; margin-top: 0.5em;}

/* top_vbaikyaku */
dl.table.baikyaku_mado_summary dt .logo { width:calc(99vw / 7.5); }

/* top_voice_wrapper */
#top_voice_wrapper { padding:1.5em 0 0 0; }
#top_voice_wrapper .middle_inner {padding: calc(75vw / 7.5) 0 calc(70vw / 7.5);}
#top_voice_wrapper #top_voice_purchaser {width:100%; padding: calc(20vw / 7.5) calc(65vw / 7.5) calc(80vw / 19.2) calc(65vw / 7.5);}
#top_voice_wrapper #top_voice {width:100%; margin-top: 1.5em; padding: calc(40vw / 7.5) calc(65vw / 7.5) calc(80vw / 19.2) calc(65vw / 7.5);}
#top_voice_wrapper .sub_ttl::before {top: calc(-30vw / 7.5);right: calc(-60vw / 7.5);width: calc(60vw / 7.5);height: calc(50vw / 7.5);}
#top_voice_wrapper .voice_box {margin-top:0;}
#top_voice_wrapper .voice_box dt .voice_name {margin-top:0;}
#top_voice_wrapper .voice_box dd p {margin-bottom: 0.75em;} 
#top_voice_wrapper .button_prev {left: calc(-77.5vw / 7.5); margin-right: 0.8em; width: calc(70vw / 7.5); height: calc(70vw / 7.5);}
#top_voice_wrapper .button_next {right: calc(-77.5vw / 7.5); margin-left: 0.8em; width: calc(70vw / 7.5); height: calc(70vw / 7.5);}
#top_voice_wrapper .view_all {width: calc(260vw / 7);height: calc(60vw / 7);line-height: calc(60vw / 7);margin-block-start: 0;}

/* top_construction */
#top_construction {padding:1.5em 0 3em 0;}
#top_construction .middle_inner { width: 100%; margin: 0 auto 0 auto;}
#top_construction .middle_inner .text { width:92%; margin-left: 4%;margin-right: 4%; padding: calc(20vw / 7.5) 0 calc(20vw / 7.5) 0;}
#top_construction .middle_inner .text .ttl, #top_construction .middle_inner .text .catch {text-align: center;}
#top_construction .middle_inner .thumb { width:92%; margin-left: 4%;margin-right: 4%;}
#top_construction .middle_inner .thumb a {width:100%;}

/* top_news */
#top_news {width:100%;}

/* top_company */
#top_company {width:100%; margin-top: 1.5em;}
#top_company .more_box .more {width:48%; margin-block-start: 1em; margin-block-end: 1em;}

/* bottom_contact */
.bottom_contact {padding:calc(60vw / 7.5) 0 calc(60vw / 7.5); }
.bottom_contact .bottom_contact_header, .bottom_contact .bottom_contact_contents {width:100%; float:none;}
.bottom_contact .ttl {text-align: center;}
.bottom_contact .bottom_contact_contents .box {padding:0.85em 0;}
.bottom_contact .bottom_contact_contents .box dt {width: calc(190vw / 7.5);}

/* bottom_link */
.bottom_link .button_prev,.bottom_link .button_next {width: calc(50vw / 7.5); height: calc(50vw / 7.5);}

/* footer */
#footer {padding: calc(60vw / 7.5) 0 calc(130vw / 7.5);}
#footer .site_info { width:100%; float: none;}
#footer .site_info .site_name {margin-block-end: 1.5em;}
#footer .site_info .site_name .logo {width: calc(384vw / 7.5);}
#footer nav { width:100%; float: none; margin-block-start: 2em;}
#footer nav ul.flex {flex-wrap: wrap;}
#footer nav ul.flex li {width:48%;}
#footer nav ul li .section li {width:100%;}
#footer .footer_bottom {padding:calc(30vw / 7.5) 0 calc(30vw / 7.5); margin-block-start:calc(40vw / 7.5); }
#footer .footer_bottom .other_link {width:100%;}
#footer .footer_bottom .copy { width:100%; text-align: left; margin-block-start: 4em;}

#ptop {bottom:5vw; right: 3vw; width: calc(75vw / 7.5); height: calc(75vw / 7.5); }