@charset "utf-8";
/* CSS Document */

html {scroll-behavior: smooth;}
:target { scroll-margin-top: calc(120vw / 19.2); }

body {
	color:#000000; font-size:calc(18 * 0.052vw); line-height: 1.8;
	font-family: "Noto Sans JP","Yu Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; font-weight:500;
	margin: 0 auto; height: 100%; overflow-x:hidden;
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;-o-box-sizing: border-box;  -ms-box-sizing: border-box;box-sizing: border-box;}

.rob { font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-optical-sizing: none; font-style: normal; }


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


img { border: none; vertical-align: middle; }

img.top { vertical-align: top; }
img.bottom { vertical-align: bottom; }
img.banner { border: solid 1px #DDD; }

.scale_in { overflow:hidden; }
.scale_in img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out; overflow:hidden; }
.scale_in img:hover { -webkit-transform: scale(1.05); transform: scale(1.05); }


address, em { font-style: normal; }

a { color: #0c3388; text-decoration: none; }


a:hover, input[type="submit"]:hover, input[type="reset"]:hover {opacity: 0.9; filter: alpha(opacity=90); -ms-filter: "alpha( opacity=90 )";}

a.underline { text-decoration:underline; }

button, input, textarea, select { appearance: none; -webkit-appearance: none; border:none; }

.underline { text-decoration:underline; }

.more { display:block; width:calc(300vw / 19.2); height:calc(65vw / 19.2); line-height:calc(65vw / 19.2); text-align:center; border:solid 1px #0c3388; margin-block-start:2em; margin-block-end:2em; }
.more i { margin-left:0.4em; }

.vew_all_link { display:inline-block; border-bottom:solid 1px #0c3388; }
.vew_all_link i { margin-left:0.4em; }


.position_r { position:relative; z-index:1; }
.position_a { position:absolute; z-index:2; }


/*********** class ****************************************/


/********** float ************/
.c-both { clear: both; }
.clearfix:after { content: ""; clear: both; display: block; }
.left { float: left; }
.right { float: right; }
.center { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.text_right { margin-left:auto; margin-right:0; text-align:right; }


/******* end float **********/

/******* flex box ***********/
.flex {display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;justify-content: space-between;}
.height {justify-content: space-between; flex-wrap: wrap; align-items: stretch;}

/* image parent cover *******/
.fit { position: relative; object-fit: cover; font-family: 'object-fit: cover;'; max-width: 100%; }
.fit img {
	margin: auto; width: 100%; min-height: 100%; object-fit: cover; font-family: 'object-fit: contain;';
	position: absolute; top: 0; left: 0; bottom: 0; right: 0;
}

/****** layout ********/
.inner { width: calc(1820vw / 19.2); margin: 0 auto;}
.middle_inner {width: calc(1770vw / 19.2); margin: 0 auto;;}
.low_inner {width: calc(1460vw / 19.2); margin: 0 auto;}
.minimum_inner {width: calc(1280vw / 19.2); margin: 0 auto;}

.heading { width: 100%; }


dl.table { display:table; width:100%; }
dl.table dt,dl.table dd { display:table-cell; }

/****** display ********/

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


.black { color:#000000; }
.white { color:#FFF; }
.blue { color:#0c3388; }
.natural_blue { color:#004aaa; }
.sky_blue { color:#35a9db }
.ocher { color:#cb9b0c; }
.orange { color:#ee802c; }
.red { color:#cf4a2b; }
.dark_pink { color:#c62b56; }
.window_blue { color:#5bb8d5; }
.solid_blue { color:#267fbd; }
.gray { color:#666666; }

.fa-line { color:#06c755; }
.youtube_red { color:#ff0000; }

.bg_black { background-color:#000000; }
.bg_white { background-color:#FFF; }
.bg_blue { background-color:#0c3388; }
.bg_sky_blue { background-color:#35a9db }
.bg_light_blue { background-color:#f1f4fb; }
.bg_window_blue { background-color:#5bb8d5; }
.bg_natural_blue { background-color:#004aaa; }

.bg_yellow { background-color:#fff174; }
.bg_youtube_red { background-color:#ff0000; }
.bg_require_red { background-color:#e74c3c; }
.bg_dark_pink { background-color:#c62b56; }
.bg_light_red { background-color:#ff7a79; }
.bg_pink { background-color:#ffefef; }

.circle { display:block; border-radius:100vmax; }

.indent { text-indent:-1em; margin-left:1em; }

.ttl { margin: 0 0 3.5em; }
.ttl .slug { display:block; }
.ttl .ja { display:block; font-weight:700; }


#header { position:fixed; z-index: 100; top: 0; background-color:#fafdff; width: 100%; }
#header .site_name { position: relative; z-index:9999; line-height: 1; margin: calc(36vw / 19.2) 0 calc(36vw / 19.2) 0; }
#header .site_name .logo { position:absolute; top:0; left:0; width: calc(230vw / 19.2); }

#header nav { width:calc(1150vw / 19.2); }
#header nav ul { list-style-type:none; margin: calc(30vw / 19.2) 0 calc(30vw / 19.2) 0; }
#header nav ul li { margin:0 calc(10vw / 19.2) 0 calc(20vw / 19.2); align-items: center; display: flex; font-weight: 600; line-height: 1.2; }
#header nav ul li.button { margin:0 0 0 calc(20vw / 19.2); }
#header nav ul li.button a { display: flex; align-items: center; justify-content: center; width:calc(230vw / 19.2); height:calc(60vw / 19.2); border:solid 1px #0c3388; }
#header nav ul li.button a i { margin-right:0.4em; }


.bottom_contact { border-top:solid 1px #0c3388; border-bottom:solid 1px #0c3388; padding:calc(110vw / 19.2) 0 calc(110vw / 19.2); }
.bottom_contact .bottom_contact_header { width: calc(560vw / 19.2); }
.bottom_contact .bottom_contact_header .catch { font-weight:700; margin-block-end:2em; }
.bottom_contact .bottom_contact_contents { width: calc(740vw / 19.2); }
.bottom_contact .bottom_contact_contents .box { border-bottom:solid 1px #0c3388; margin: 0; padding: 1.72em 0 1.72em 0; }
.bottom_contact .bottom_contact_contents .box:first-of-type { border-top:solid 1px #0c3388; }
.bottom_contact .bottom_contact_contents .box dt { width: calc(190vw / 19.2); border-right:solid 1px #0c3388; }
.bottom_contact .bottom_contact_contents .box dt i { margin-right:0.8em; }
.bottom_contact .bottom_contact_contents .box dd { padding-left:1.8em; font-weight:700; align-items: center; }
.bottom_contact .bottom_contact_contents .box dd a { align-items: center; }

.bottom_link { padding:calc(80vw / 19.2) 0 calc(80vw / 19.2); }
.bottom_link .bottom_link_list { list-style-type:none; margin:0; padding:0 calc(105vw / 19.2) 0 calc(105vw / 19.2); }
.bottom_link .bottom_link_list li { width:calc(290vw / 19.2); margin: 0 calc(20vw / 19.2) 0 calc(20vw / 19.2); padding:0; }
.bottom_link .button_prev {
	position: absolute; top: 0; bottom: 0; left: -0.5em; margin: auto; z-index: 10; margin-right: 0.8em;
	display: flex; align-items: center; justify-content: center;  width: calc(50vw / 19.2); height: calc(50vw / 19.2); border-radius: 50vmax; cursor: pointer;
}
.bottom_link .button_next {
	position: absolute; top: 0; bottom: 0; right: -0.5em; margin: auto; z-index: 10; margin-left: 0.8em;
	display: flex; align-items: center; justify-content: center;  width: calc(50vw / 19.2); height: calc(50vw / 19.2); border-radius: 50vmax; cursor: pointer;
}
.zdo_drawer_button {display: none;}

#footer { padding:calc(85vw / 19.2) 0 calc(85vw / 19.2); }
#footer .site_info { width:calc(350vw / 19.2); }
#footer .site_info .site_name { margin-block-start:0; margin-block-end:3em; }
#footer .site_info .site_name .logo { width: calc(230vw / 19.2); }
#footer .site_info .address { display:block; margin-block-end:2em; }


#footer nav { width:calc(1080vw / 19.2); }
#footer nav ul { list-style-type:none; margin:0; padding: 0; }
#footer nav ul li { margin-block-end:0.5em; }
#footer nav ul li .page { display:inline-block; margin-block-end:0.5em;  }
#footer nav ul li .section { margin:0; padding: 0;}

#footer .footer_bottom { border-top:solid 1px #FFF; padding:calc(40vw / 19.2) 0 calc(40vw / 19.2); margin-block-start:calc(50vw / 19.2); }
#footer .footer_bottom .other_link { width:calc(350vw / 19.2); }
#footer .footer_bottom .other_link a { display:inline-block; margin-right:2em; }
#footer .footer_bottom .copy { width:calc(500vw / 19.2); text-align: right; }

#ptop { position:fixed; bottom:5vw; right:5vw; z-index:99; display: flex; align-items: center; justify-content: center;  width: calc(60vw / 19.2); height: calc(60vw / 19.2); }

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

#fv { background-image:url(../img/top/fv_bg.jpg); background-size:cover; width:100%; height: calc(910vw / 19.2); }
#fv .fv_left { width:calc(860vw / 19.2); padding:calc(240vw / 19.2) 0 0 calc(210vw / 19.2); }
#fv .fv_right { width:calc(740vw / 19.2); background-color:rgba(255,255,255,0.9); margin:calc(240vw / 19.2) calc(230vw / 19.2) 0 0; padding:calc(60vw / 19.2); }

#fv .fv_left .site_name { font-weight:700; margin: 0 0 calc(30vw / 19.2) 0; }
#fv .fv_left .site_name em { line-height: 1; }

#fv .fv_left .site_catch { margin: 0 0 calc(30vw / 19.2) calc(86vw / 19.2); }
#fv .fv_left .site_catch dt { margin:0; padding:0; font-weight:700; line-height: 1.3;}
#fv .fv_left .site_catch dd { margin:0; padding:0.3em 0 0 0; font-weight:600; }
#fv .fv_left .site_catch dt .circle { display: flex; align-items: center; justify-content: center; width: calc(70vw / 19.2); height: calc(70vw / 19.2); left:calc(-86vw / 19.2); }

#fv .fv_left .site_pr { list-style-type:none; margin:0; padding:0; }
#fv .fv_left .site_pr li { margin:0 0 0.4em 0; padding:0.33em 1em 0.33em 1em; background-color:rgba(255,255,255,0.8); font-weight:600; }
#fv .fv_left .site_pr li i { margin-right:0.3em; }


#fv .fv_right .box { margin:0 0 calc(40vw / 19.2) 0; padding:0; }
#fv .fv_right .box:last-of-type { margin:0; }
#fv .fv_right .box dt { margin:0 0 calc(20vw / 19.2) 0;; padding:0 0 0 calc(50vw / 19.2); font-weight:600; }
#fv .fv_right .box dt .square { display:flex; align-items: center; justify-content: center; width: calc(40vw / 19.2); height: calc(40vw / 19.2); left: 0; }
#fv .fv_right .box dt em { position:relative; z-index: 1; display: flex; align-items: center; line-height: calc(40vw / 19.2); width: max-content; padding-right: 1em;}
#fv .fv_right .box1 dt::after { position: absolute; z-index: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; width: 47%; height: 1px; background-color: #0c3388; }
#fv .fv_right .box2 dt::after { position: absolute; z-index: 0; right: 0; top: 0; bottom: 0; margin: auto; content: ""; width: 51%; height: 1px; background-color: #0c3388; }



#fv .fv_right .box dd { margin:0; padding:0; }
#fv .fv_right .box dd a { display:inline-block; border:solid 1px #0c3388; width:calc(300vw / 19.2); padding: calc(5vw / 19.2); }
#fv .fv_right .box dd a .square { display:flex; align-items: center; justify-content: center; width: calc(72vw / 19.2); height: calc(54vw / 19.2); }
#fv .fv_right .box dd a .square i {  }
#fv .fv_right .box dd a em { display:flex; align-items: center; justify-content: center; width:calc(213vw / 19.2); height: calc(54vw / 19.2); font-weight:600; }
#fv .fv_right .box dd a em i { margin-left:0.5em; }



#top_buy_property { padding:5em 0 0 0; }
#top_buy_property .wrapper { padding:5em 0 5em 0; }

#top_buy_property .type1 { width: calc(700vw / 19.2); }
#top_buy_property .type1 dt { margin: 0; padding: 0 0 1em 0; font-weight: 600; }
#top_buy_property .type1 dt i { margin-right:0.4em; }
#top_buy_property .type1 dd { margin:0; }
#top_buy_property .type1 dd .wide { display: block; width: calc(340vw / 19.2); height: calc(160vw / 19.2); text-align:center; margin-block-end:calc(20vw / 19.2); padding:1em 0 1em 0; font-weight: 600; }
#top_buy_property .type1 dd .square { display: block; width: calc(220vw / 19.2); height: calc(160vw / 19.2); text-align:center; margin-block-end:calc(20vw / 19.2); padding:1em 0 1em 0; font-weight: 600; }
#top_buy_property .type1 dd .square.left { margin-right: calc(20vw / 19.2); }

#top_buy_property .type1 dd .icon { display:block; margin: 0.5em auto 0 auto; }

#top_buy_property .type2 { width: calc(700vw / 19.2); }
#top_buy_property .type2 dt { margin: 0; padding: 0 0 1em 0; font-weight: 600; }
#top_buy_property .type2 dt i { margin-right:0.4em; }
#top_buy_property .type2 dd { margin:0; }
#top_buy_property .type2 dd .area_box { padding:1.388888em 1.388888em 0.84em 1.388888em; margin-block-end:1.666666em; }
#top_buy_property .type2 dd .area_box .area_button { display:inline-block; margin:0 0.4em 0.6em 0; border:solid 1px #0c3388; padding:0.4em 0.8em 0.4em 0.8em; font-weight: 600; }

#top_buy_property .type2 dd .search_button { height:calc(90vw / 19.2); line-height:calc(90vw / 19.2); font-weight: 600; }
#top_buy_property .type2 dd .search_button i { margin-right:1em; }

#top_buy_property .search_wrapper { justify-content: center; }




#top_pickup { padding:5em 0 5em 0; }

#top_pickup .product { width:calc(440vw / 19.2); box-shadow:3px 3px 6px #ebeef5; padding:calc(20vw / 19.2); margin:0 calc(20vw / 19.2) calc(20vw / 19.2) 0; }
#top_pickup .product:nth-of-type(4n) { margin:0 0 calc(20vw / 19.2) 0; }

#top_pickup .product .thumb { display:block; width:calc(400vw / 19.2); height:calc(310vw / 19.2); text-align: center; margin-block-end:2em; }
#top_pickup .product .thumb img { height:100%; }

#top_pickup .product .product_name { font-weight:600; }
#top_pickup .product address { margin-block-end:3em; }
#top_pickup .product .vew_more { bottom:0; right:0; padding: 0.5em 0.8em 0.5em 0.8em; }



#top_sell_property { padding:0 0 6em 0; }

#top_sell_property .pop1 { top:6.8em; left:1em; border-radius:100vmax; width:calc(290vw / 19.2); height:calc(290vw / 19.2); }
#top_sell_property .pop2 { top:-1em; left:calc(330vw / 19.2); border-radius:100vmax; width:calc(250vw / 19.2); height:calc(250vw / 19.2); }
#top_sell_property .pop3 { top:-1em; right:calc(330vw / 19.2); border-radius:100vmax; width:calc(250vw / 19.2); height:calc(250vw / 19.2); }
#top_sell_property .pop4 { top:6.8em; right:1em; border-radius:100vmax; width:calc(290vw / 19.2); height:calc(290vw / 19.2); }

#top_sell_property .mask { padding:5em 0 8em 0; background-image:url(../img/top/mask_bg.png); background-size:cover; }

#top_sell_property .top_sell_property_company { width:calc(381vw / 19.2); }

#top_sell_property .catch { font-weight:700; margin-block-start: 0.5em; margin-block-end: 3em;}
#top_sell_property .catch mark { background: linear-gradient(#fff174, #fff174) 0 100% / 0 0.3em no-repeat; transition: background 1s; }
#top_sell_property .catch mark.active { background-size: 100% 0.5em; }

#top_sell_property .point_box { width:calc(440vw / 19.2); margin:0 calc(20vw / 19.2) calc(75vw / 19.2) 0; }
#top_sell_property .point_box:nth-of-type(4n) { margin:0 0 calc(75vw / 19.2) 0; }

#top_sell_property .point_box dt { position:relative; }
#top_sell_property .point_box dt .point_title { width:calc(420vw / 19.2); position: absolute; top: calc(-45vw / 19.2);}
#top_sell_property .point_box dd { margin:0; padding: calc(40vw / 19.2) 0 calc(20vw / 19.2) 0; text-align: center; height:calc(200vw / 19.2); }
#top_sell_property .point_box dd p { text-align: left; display: inline-block; font-weight: 700; }

#top_sell_property .point_box dd p mark { background: linear-gradient(#fff174, #fff174) 0 100% / 0 0.3em no-repeat; transition: background 1s; }
#top_sell_property .point_box dd p mark.active { background-size: 100% 0.5em; }


#top_sell_property .top_sell_property_link { width: calc(1220vw / 19.2); margin:auto; }
#top_sell_property .top_sell_property_link .button { position:relative; width:calc(600vw / 19.2); height:calc(90vw / 19.2); line-height:calc(90vw / 19.2); border:solid 1px #0c3388; text-align:center; font-weight:600; }
#top_sell_property .top_sell_property_link .button .icon { position:absolute; top:0.6em; left:0.6em; }


#top_sell_property .real_estate_sales_channel { border:solid 5px #0c3388; border-radius:1em; padding:calc(110vw / 19.2) calc(100vw / 19.2) calc(100vw / 19.2) calc(100vw / 19.2); }
#top_sell_property .real_estate_sales_channel .real_estate_sales_channel_title { width: calc(710vw / 19.2); position: absolute; top: calc(-65vw / 19.2); left: 0;right: 0; margin: auto;}

#top_sell_property .real_estate_sales_channel .text { width: calc(770vw / 19.2); }
#top_sell_property .real_estate_sales_channel .text .social { padding: 0 0.4em 0.1em 0.4em; margin-right:0.4em; }

#top_sell_property .real_estate_sales_channel .text .channel_name { width: calc(670vw / 19.2); padding:1em; font-weight:700; }
#top_sell_property .real_estate_sales_channel .text .channel_name dt { width: 10.5em; line-height: 1;}
#top_sell_property .real_estate_sales_channel .text .channel_name dd { text-align:center; vertical-align: middle; }

#top_sell_property .real_estate_sales_channel .text .summary { margin-block-start: 2em; margin-block-end: 2em; font-weight: 600; }
#top_sell_property .real_estate_sales_channel .text .button {
	margin-block-start: 2.5em;
	display: block; position:relative; width:calc(600vw / 19.2); height:calc(90vw / 19.2); line-height:calc(90vw / 19.2); border:solid 1px #0c3388; text-align:center; font-weight:600;
}
#top_sell_property .real_estate_sales_channel .text .button .icon { position:absolute; top:0.6em; left:0.6em; }

#top_sell_property .real_estate_sales_channel .thumb { width: calc(830vw / 19.2); }
#top_sell_property .real_estate_sales_channel .thumb .pop { width: calc(238vw / 19.2); bottom:-2.2em; right:-2.2em; }




#top_baikyaku_mado { }
#top_baikyaku_mado .baikyaku_mado_header { position:relative; padding:calc(70vw / 19.2) 0 calc(70vw / 19.2); }
#top_baikyaku_mado .baikyaku_mado_header::before {
	position:absolute; bottom:0; left:0; content:""; background-image:url(../img/illust_city.png); width:calc(548vw / 19.2); height:calc(70vw / 19.2); background-repeat:no-repeat; background-size:100%;
}
#top_baikyaku_mado .baikyaku_mado_header::after {
	position:absolute; bottom:0; right:0; content:""; background-image:url(../img/illust_city.png); width:calc(548vw / 19.2); height:calc(70vw / 19.2); background-repeat:no-repeat; background-size:100%;
}

#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name { width:calc(600vw / 19.2); }
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_text { width:calc(600vw / 19.2); }

#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name .ja { display:inline-block; margin-block-end:0.5em; font-weight: 600; }
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name .logo { width:calc(485vw / 19.2); }
#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_name .catch { width:calc(485vw / 19.2); text-align:center; font-weight: 700; margin-block-start: 0.9em; }

#top_baikyaku_mado .baikyaku_mado_header .baikyaku_mado_text .button { display:block; width:100%; height:calc(90vw / 19.2); line-height:calc(90vw / 19.2); text-align:center; box-shadow:3px 3px 6px #56b0ce; }

#top_baikyaku_mado .contents { padding:3.888888em 0 2.777777em 0; }

dl.table.baikyaku_mado_summary { width:calc(1000vw / 19.2); margin: 0 auto; padding: 0;}
dl.table.baikyaku_mado_summary dt { width:calc(99vw / 19.2); margin:0; padding:0; }
dl.table.baikyaku_mado_summary dt .logo { width:calc(99vw / 19.2); }
dl.table.baikyaku_mado_summary dd { text-align: left; margin:0; padding:0 0 0 2em; vertical-align: middle; }

#top_baikyaku_mado .banner_link { margin-block-start:3.333333em; }
#top_baikyaku_mado .banner_link a { width:calc(560vw / 19.2); }



#top_youtube { width:100%; margin: 0; padding:2.222222em 0 2.222222em 0; }
#top_youtube iframe { width:calc(850vw / 19.2); height:calc(475vw / 19.2); }

#top_voice_wrapper { padding:5em 0 0 0; }
#top_voice_wrapper .middle_inner { padding:calc(75vw / 19.2) 0 calc(70vw / 19.2); }
#top_voice_wrapper .sub_ttl { position:relative; width:max-content; padding-bottom: 0.6em; font-weight: 700; }
#top_voice_wrapper .sub_ttl::before { position:absolute; display:block; content:""; top:calc(-50vw / 19.2); right:calc(-95vw / 19.2); width:calc(90vw / 19.2); height:calc(75vw / 19.2); background-image:url(../img/top/voice_tip.png); background-size:100%; }
#top_voice_wrapper .sub_ttl::after { position:absolute; display:block; content:""; bottom:0; left:0; right:0; margin:auto; width:calc(120vw / 19.2); height:1px; background-color:#0c3388; }



#top_voice_wrapper #top_voice_purchaser { width: calc(850vw / 19.2); padding:calc(60vw / 19.2) calc(80vw / 19.2) calc(60vw / 19.2) calc(80vw / 19.2); }
#top_voice_wrapper #top_voice { width: calc(850vw / 19.2); padding:calc(60vw / 19.2) calc(80vw / 19.2) calc(60vw / 19.2) calc(80vw / 19.2); }

#top_voice_wrapper .voice_box {  }
#top_voice_wrapper .voice_box dt { border-bottom:solid 1px #0c3388; }
#top_voice_wrapper .voice_box dt .voice_name { width:max-content; }
#top_voice_wrapper .voice_box dt .voice_name .tip {  }
#top_voice_wrapper .voice_box dt .voice_name .tip i { margin-left:1px; margin-right:0.3em; }
#top_voice_wrapper .voice_box dt .voice_name .name { font-weight:600; }
#top_voice_wrapper .voice_box dt .star { padding-top: 2.3em; display: flex; align-items: end; line-height: 1; }
#top_voice_wrapper .voice_box dt .star i { margin-right:0.1em; }
#top_voice_wrapper .voice_box dt .star i:last-of-type { margin-right:0.4em; }
#top_voice_wrapper .voice_box dd { margin:0; padding:0; }
#top_voice_wrapper .view_all { width:calc(260vw / 19.2); height:calc(50vw / 19.2); line-height:calc(50vw / 19.2); text-align:center; margin-block-start:2em; }
#top_voice_wrapper .view_all i { margin-left:0.4em; }

#top_voice_wrapper .button_prev {
	position: absolute; top: 0; bottom: 0; left: calc(-105vw / 19.2); margin: auto; z-index: 10; margin-right: 0.8em;
	display: flex; align-items: center; justify-content: center;  width: calc(50vw / 19.2); height: calc(50vw / 19.2); border-radius: 50vmax; cursor: pointer;
}
#top_voice_wrapper .button_next {
	position: absolute; top: 0; bottom: 0; right: calc(-105vw / 19.2); margin: auto; z-index: 10; margin-left: 0.8em;
	display: flex; align-items: center; justify-content: center;  width: calc(50vw / 19.2); height: calc(50vw / 19.2); border-radius: 50vmax; cursor: pointer;
}


#top_construction { padding:6em 0 4em 0; }
#top_construction .middle_inner { width: calc(1840vw / 19.2); margin: 0 auto 0 0;}
#top_construction .middle_inner .thumb {
	width:calc(1187vw / 19.2); padding:calc(90vw / 19.2) 0 calc(90vw / 19.2) calc(77vw / 19.2); 
	background: linear-gradient(to right, #f1f4fb 0%, #f1f4fb calc(1030vw / 19.2), #FFF calc(1030vw / 19.2), #FFF 100%);
}
#top_construction .middle_inner .thumb a { display:block; text-align:right; width:calc(1110vw / 19.2); }

#top_construction .middle_inner .text { width:calc(580vw / 19.2); padding:calc(120vw / 19.2) 0 calc(120vw / 19.2) 0; }
#top_construction .middle_inner .text .catch { font-weight:700; margin-block-start: 1.8em; margin-block-end: 1.6em;}
#top_construction .middle_inner .text .summary { margin-block-end: 1.6em; }


.top_news_company_wrapper { background-image:url(../img/top/top_news_company_wrapper_bg.jpg); background-size:cover; padding:calc(190vw / 19.2) 0 calc(115vw / 19.2) 0; }
.top_news_company_wrapper .middle_inner.flex { justify-content: space-between; }


#top_news { width:calc(850vw / 19.2); background-color:rgba(255,255,255,0.8); padding:calc(60vw / 19.2) calc(85vw / 19.2) calc(60vw / 19.2) calc(85vw / 19.2); }
#top_company { width:calc(850vw / 19.2); background-color:rgba(255,255,255,0.8); padding:calc(60vw / 19.2) calc(114vw / 19.2) calc(60vw / 19.2) calc(114vw / 19.2); }


#top_news .news_box { border-bottom:dotted 1px #0c3388; margin:0; padding:1em 0 1em 0; }
#top_news .news_box dt { width:7em; margin:0; padding:0; }
#top_news .news_box dd { margin:0; padding:0; }


header.page_header { background-size:98%; background-position:top right; background-repeat:no-repeat; padding: calc(580vw / 19.2) 0 0 0; }
header.page_header .page_title { bottom: -0.1em; left: -0.4em; line-height: 1.4; padding: 0.6em 1em 0 0.6em; }
header.page_header .page_title .ja { display:inline-block; padding: 0.4em 0.6em 0.4em 0.6em; }


header.page_header .pan { list-style-type:none; text-align: right; margin: 2.5em 0 2.5em 0; }
header.page_header .pan li { display: inline-block; }
header.page_header .pan li span { display:inline-block; margin:0 0.4em 0 0.4em; }

header#news.page_header { background-image:url(../img/news/page_header_bg.jpg); }
header#voice_purchaser_header.page_header { background-image:url(../img/voice_purchaser/page_header_bg.jpg); }
header#voice_header.page_header { background-image:url(../img/voice/page_header_bg.jpg); }
header#sell.page_header { background-image:url(../img/sell/page_header_bg.jpg); }
header#satei.page_header { background-image:url(../img/satei/page_header_bg.jpg); }
header#reform.page_header { background-image:url(../img/reform/page_header_bg.jpg); }
header#company.page_header { background-image:url(../img/company/page_header_bg.jpg); }
header#contact.page_header { background-image:url(../img/contact/page_header_bg.jpg); }
header#buy.page_header { background-image:url(../img/buy/page_header_bg.jpg); }
header#link.page_header { background-image:url(../img/link/page_header_bg.jpg); }
header#privacy.page_header { background-image:url(../img/privacy/page_header_bg.jpg); }

footer.page_footer {
	background-image:url(../img/page_footer_bg.jpg); width:100%; height:calc(450vw / 19.2);
	background-size:cover; background-position:center; background-repeat:no-repeat;
}


#news_wrapper { padding:5em 0 5em 0; }
#news_wrapper .column_left { width:calc(1040vw / 19.2); }
#news_wrapper .column_right { width:calc(340vw / 19.2); }

#news_wrapper .column_left .post { padding:2.5em 3.2em 2.5em 3.2em; border-radius:1em; margin-block-end: 2.5em; }
#news_wrapper .column_left .post .post_title { border-bottom:solid 1px #0c3388; padding: 0 0 0.5em 0; }
#news_wrapper .column_left .post .post_title time { display:block; }

#news_wrapper .column_left .post .taxonomy { list-style-type:none; margin: 2em 0 0 0; padding: 0;}
#news_wrapper .column_left .post .taxonomy li { display:inline-block; margin-right:1em; }

#page-vavi { font-weight:600; }


#news_wrapper .column_right .side_menu .side_title { margin:0 0 0.5em 0; }
#news_wrapper .column_right .side_menu .icon { width:2.222222em; height:2.222222em; line-height:2.222222em; display:inline-block; text-align:center; margin-right:0.4em; }
#news_wrapper .column_right .side_menu dl { margin: 0 0 3em 0; }
#news_wrapper .column_right .side_menu dt { margin:0; padding:1em 0 0 0; }
#news_wrapper .column_right .side_menu dd { margin:0; padding:0.5em 0 1em 0; border-bottom:dashed 1px #0c3388;}

#news_wrapper .column_right .side_menu ul { list-style-type:none; margin: 0 0 3em 0; padding: 0; }
#news_wrapper .column_right .side_menu ul li { margin:0; padding:1em 0 1em 0; border-bottom:dashed 1px #0c3388;  }


#voice_purchaser { padding:5em 0 5em 0; }

#voice_purchaser .catch { font-weight:700; margin-block-end:3em; }

#voice_purchaser .post { padding:2.5em calc(130vw / 19.2) 2.5em calc(130vw / 19.2); border-radius:1em; margin-block-end: 2.5em; }

#voice_purchaser .post .voice_box { width:100%; margin: 1em 0 2em 0; }
#voice_purchaser .post .voice_box.text { width:calc(850vw / 19.2); }
#voice_purchaser .post .thumb { margin-block-start: 1em; border:solid 1em #f1f4fb; width:calc(300vw / 19.2); }
#voice_purchaser .post .thumb .circle { width:calc(50vw / 19.2); height:calc(50vw / 19.2); display:flex; align-items: center; justify-content:center; bottom: -0.4em; right: -0.4em;}

#voice_purchaser .post .voice_box.text dt { position:relative; }
#voice_purchaser .post .voice_box.text dt::before {
	position:absolute; display:block; content:""; top:-1.1em; right:0; width:calc(90vw / 19.2); height:calc(75vw / 19.2); background-image:url(../img/top/voice_tip.png); background-size:100%;
}


#voice_purchaser .post .voice_box dt { font-weight:600; border-bottom:solid 1px #0c3388; margin: 0; padding: 0 0 0.5em 0; }
#voice_purchaser .post .voice_box.other dt { position:relative; padding: 0 0 0.5em 1.2em; }
#voice_purchaser .post .voice_box.other dt::before { content:""; position:absolute; top:0.2em; left:0; background:#0c3388; width:5px; height:1.6em; }


#voice_purchaser .post .voice_box.text dt .cat { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; margin-right:0.3em; font-weight:500; }
#voice_purchaser .post .voice_box.text dt .voice_name { width:max-content; margin-block-end: 0; }
#voice_purchaser .post .voice_box.text dt .voice_name .name { display:block; font-weight:600; }
#voice_purchaser .post .voice_box.text dt .voice_name .name i { margin-right:0.4em; }
#voice_purchaser .post .voice_box.text dt .star { padding-top: 1.9em; display: flex; align-items: end; line-height: 1; }
#voice_purchaser .post .voice_box.text dt .star i { margin-right:0.1em; }
#voice_purchaser .post .voice_box.text dt .star i:last-of-type { margin-right:0.4em; }



#voice_purchaser .post .voice_box dd { margin:0; padding:0; }



#voice { padding:5em 0 5em 0; }

#voice .catch { font-weight:700; margin-block-end:3em; }

#voice .post { padding:2.5em calc(130vw / 19.2) 2.5em calc(130vw / 19.2); border-radius:1em; margin-block-end: 2.5em; }

#voice .post .voice_box { width:100%; margin: 1em 0 2em 0; }
#voice .post .voice_box.text { width:calc(850vw / 19.2); }
#voice .post .thumb { margin-block-start: 1em; border:solid 1em #f1f4fb; width:calc(300vw / 19.2); }
#voice .post .thumb .circle { width:calc(50vw / 19.2); height:calc(50vw / 19.2); display:flex; align-items: center; justify-content:center; bottom: -0.4em; right: -0.4em;}

#voice .post .voice_box.text dt { position:relative; }
#voice .post .voice_box.text dt::before {
	position:absolute; display:block; content:""; top:-1.1em; right:0; width:calc(90vw / 19.2); height:calc(75vw / 19.2); background-image:url(../img/top/voice_tip.png); background-size:100%;
}


#voice .post .voice_box dt { font-weight:600; border-bottom:solid 1px #0c3388; margin: 0; padding: 0 0 0.5em 0; }
#voice .post .voice_box.other dt { position:relative; padding: 0 0 0.5em 1.2em; }
#voice .post .voice_box.other dt::before { content:""; position:absolute; top:0.2em; left:0; background:#0c3388; width:5px; height:1.6em; }


#voice .post .voice_box.text dt .cat { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; margin-right:0.3em; font-weight:500; }
#voice .post .voice_box.text dt .voice_name { width:max-content; margin-block-end: 0; }
#voice .post .voice_box.text dt .voice_name .name { display:block; font-weight:600; }
#voice .post .voice_box.text dt .voice_name .name i { margin-right:0.4em; }
#voice .post .voice_box.text dt .star { padding-top: 1.9em; display: flex; align-items: end; line-height: 1; }
#voice .post .voice_box.text dt .star i { margin-right:0.1em; }
#voice .post .voice_box.text dt .star i:last-of-type { margin-right:0.4em; }



#voice .post .voice_box dd { margin:0; padding:0; }

.page_link {  }
.page_link a, .page_link em {
	display:inline-block; text-align: center; margin: 0 0.3em 1em 0.3em;
	font-size:1.1em; width: 2.103em; height: 2.103em; line-height:2.103em;
}
.page_link a {
	background-color:#FFFFFF; color:#0c3388;
}
.page_link em {
	background-color:#0c3388; color:#FFFFFF;
}
.page_link a.next, .page_link a.prev { color:#0c3388; background:none; vertical-align: bottom; }

.page_link a.next i, .page_link a.prev i { font-size:2.102em; line-height: 1.11em; }


#sell_property { padding:5em 0 5em 0; }
#sell_property .catch { font-weight:700; }
#sell_property .img_box { margin-block-start:5em; }
#sell_property .img_box .thumb { width:calc(1040vw / 19.2); }
#sell_property .img_box .scheme { width:calc(700vw / 19.2); }




.appraisal { padding:3.333333em 0 3.333333em 0; }
.appraisal .appraisal_title { position:relative; width:max-content; padding:0.2em 1.5em 0.2em 1.5em; border-radius:50vmax; font-weight:700; margin-block-start: 0; margin-block-end: 1.25em;}
.appraisal .appraisal_title::after {
	content: ""; position: absolute; background-color: #fff174; inline-size: calc(31vw / 19.2); block-size: calc(24vw / 19.2); inset: 99% 0 auto 0; margin-inline: auto; clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.appraisal::before {
	position:absolute; bottom:0; left:0; content:""; background-image:url(../img/illust_city.png); width:calc(548vw / 19.2); height:calc(70vw / 19.2); background-repeat:no-repeat; background-size:100%;
}
.appraisal::after {
	position:absolute; bottom:0; right:0; content:""; background-image:url(../img/illust_city.png); width:calc(548vw / 19.2); height:calc(70vw / 19.2); background-repeat:no-repeat; background-size:100%;
}

.appraisal .button_box { justify-content: space-evenly; }
.appraisal .button_box .button { width:calc(600vw / 19.2); height:calc(120vw / 19.2); line-height:calc(120vw / 19.2); border: solid 1px #0c3388; text-align: center; font-weight: 600; }
.appraisal .button_box .button .icon { position:absolute; top:1em; left:0.6em; }
.appraisal .button_box .button .illust1 { position:absolute; width:calc(142vw / 19.2); top:calc(-171vw / 19.2); left: calc(125vw / 19.2);}
.appraisal .button_box .button .illust2 { position:absolute; width:calc(142vw / 19.2); top:calc(-171vw / 19.2); right: calc(140vw / 19.2); }


#ways_to_sell { padding:5em 0 5em 0; }
#ways_to_sell .catch { font-weight:600; margin-block-end: 5em; }

#ways_to_sell .ways_to_sell_wrapper { border:solid 4px #0c3388; border-radius:1em; padding:calc(90vw / 19.2) calc(175vw / 19.2) calc(90vw / 19.2) calc(175vw / 19.2); }

#ways_to_sell .ways_to_sell_wrapper .ways { border-bottom:dashed 1px #0c3388; padding: 2em 0 1em 0; }
#ways_to_sell .ways_to_sell_wrapper .ways:last-of-type { border:none; }

#ways_to_sell .ways_to_sell_wrapper .text { width:calc(800vw / 19.2); margin: 0 0 2em 0; }
#ways_to_sell .ways_to_sell_wrapper .thumb { width:calc(600vw / 19.2); margin: 0 0 2em 0; }

#ways_to_sell .ways_to_sell_wrapper .text dt { position:relative; border-bottom:solid 1px #35a9db; }
#ways_to_sell .ways_to_sell_wrapper .text dt::before {
	content:""; position:absolute; top:0; left:0; width:calc(80vw / 19.2); height:calc(89vw / 19.2); background-image:url(../img/sell/magnifying_glass.png); background-size:100%; background-repeat:no-repeat;
}
#ways_to_sell .ways_to_sell_wrapper .text dt { margin:0; padding: 0 0 0 5em; }
#ways_to_sell .ways_to_sell_wrapper .text dd { margin:0; padding:1em 0 0 0; }
#ways_to_sell .ways_to_sell_wrapper .text dd .sales_copy { font-weight:600; }




#ways_to_sell .ways_to_sell_wrapper .box { width:calc(720vw / 19.2); }
#ways_to_sell .ways_to_sell_wrapper .box dt { width: max-content; padding: 0 1em 0 1em; }
#ways_to_sell .ways_to_sell_wrapper .box dd { margin:0; padding: 1em 0 1.8em 1em; }
#ways_to_sell .ways_to_sell_wrapper .box dd ul {  }
#ways_to_sell .ways_to_sell_wrapper .box dd ul li {  }




#sales_support { padding:0 0 6em 0; }

#sales_support .mask { padding:5em 0 8em 0; background-image:url(../img/top/mask_bg.png); background-size:cover; }

#sales_support .top_sell_property_company { width:calc(381vw / 19.2); }

#sales_support .catch { font-weight:700; margin-block-start: 0.5em; margin-block-end: 3em;}
#sales_support .catch mark { background: linear-gradient(#fff174, #fff174) 0 100% / 0 0.3em no-repeat; transition: background 1s; }
#sales_support .catch mark.active { background-size: 100% 0.5em; }

#sales_support .point_box { width:calc(440vw / 19.2); margin:0 calc(20vw / 19.2) calc(75vw / 19.2) 0; }
#sales_support .point_box:nth-of-type(4n) { margin:0 0 calc(75vw / 19.2) 0; }

#sales_support .point_box dt { position:relative; }
#sales_support .point_box dt .point_title { width:calc(420vw / 19.2); position: absolute; top: calc(-45vw / 19.2);}
#sales_support .point_box dd { margin:0; padding: calc(40vw / 19.2) 0 calc(20vw / 19.2) 0; text-align: center; height:calc(200vw / 19.2); }
#sales_support .point_box dd p { text-align: left; display: inline-block; font-weight: 700; }

#sales_support .point_box dd p mark { background: linear-gradient(#fff174, #fff174) 0 100% / 0 0.3em no-repeat; transition: background 1s; }
#sales_support .point_box dd p mark.active { background-size: 100% 0.5em; }



.sales_support_contents {  }
.sales_support_contents .contents_title {
	position: relative;width: max-content; padding: 0.2em 1.5em 0.2em 1.5em; border-radius: 50vmax; font-weight: 700; margin-block-start: 0; margin-block-end: 1.25em;
}
.sales_support_contents .contents_title::after {
	content: ""; position: absolute; background-color: #fff174; inline-size: calc(31vw / 19.2); block-size: calc(24vw / 19.2); inset: 99% 0 auto 0; margin-inline: auto; clip-path: polygon(100% 0, 0 0, 50% 100%);
}

.sales_support_contents .before_buying { width:calc(900vw / 19.2); margin-block-end: 3.8em; }
.sales_support_contents .how_to { width:calc(900vw / 19.2); margin-block-end: 3.8em; }
.sales_support_contents .wrapper { border: solid 4px #0c3388; border-radius: 1em; padding:4.7em calc(96vw / 19.2) 4.7em calc(96vw / 19.2); }

.sales_support_contents .before_buying .wrapper .illust { position:absolute; top:calc(-163vw / 19.2); left:0; width:calc(191vw / 19.2); }
.sales_support_contents .how_to .wrapper .illust { position:absolute; top:calc(-163vw / 19.2); left:1.1em; width:calc(191vw / 19.2); }

.sales_support_contents .wrapper figure { margin:0; padding:0; }
.sales_support_contents .wrapper figure figcaption { margin:0; padding:1em 0 0 0; }

.sales_support_contents .wrapper figure .social { padding: 0 0.4em 0.1em 0.4em; margin-right:0.4em; }

.sales_support_contents .wrapper figure .channel_name { width: calc(670vw / 19.2); padding:1em; font-weight:700; }
.sales_support_contents .wrapper figure .channel_name dt { width: 10.5em; line-height: 1;}
.sales_support_contents .wrapper figure .channel_name dd { text-align:center; vertical-align: middle; }
.sales_support_contents .wrapper figure figcaption .summary { margin-block-start:1.5em; }

.sales_support_contents .wrapper figure figcaption .button {
	margin-block-start: 2em;
	display: block; position:relative; width:calc(600vw / 19.2); height:calc(90vw / 19.2); line-height:calc(90vw / 19.2); border:solid 1px #0c3388; text-align:center; font-weight:600;
}
.sales_support_contents .wrapper figure figcaption .button .icon { position:absolute; top:0.6em; left:0.6em; }

.sales_support_contents .wrapper figure figcaption .ja { display: block; margin-block-start:0.487em; }
.sales_support_contents .wrapper figure figcaption .logo { filter:invert(100%); width: calc(490vw / 19.2); margin-block-start:1em; }



#selling_process { padding:5em 0 5em 0; }

#selling_process .brokerage { width:calc(900vw / 19.2); margin-block-end: 3.8em; }
#selling_process .purchase { width:calc(900vw / 19.2); margin-block-end: 3.8em; }

#selling_process .brokerage .wrapper { border: solid 4px #0c3388; border-radius: 1em; margin-block-end: 0; }
#selling_process .purchase .wrapper { border: solid 4px #c62b56; border-radius: 1em; }

#selling_process .wrapper dt { margin:0; padding:0.5em 0 0.5em 0; }
#selling_process .wrapper dd { margin:0; padding:3em calc(40vw / 19.2) 1em calc(40vw / 19.2); border-bottom-left-radius: 1em; border-bottom-right-radius: 1em; }

#selling_process .wrapper .flow_box { margin:0; padding:0; counter-reset: li; }
#selling_process .wrapper .flow_box li { position: relative; margin:0; padding:0 0 1em 3em; list-style: none; }

#selling_process .wrapper .flow_box li::before {
	position: absolute; top: 0.1em; left: 0; font-family: "Roboto Condensed", sans-serif; font-weight: 700; font-optical-sizing: none; font-style: normal; color: #FFFFFF;
	counter-increment: li; content: counter(li); border-radius:100vmax; font-size:calc(30 * 0.052vw); width:calc(40vw / 19.2); height:calc(40vw / 19.2); display:flex; align-items:center; justify-content:center;
}
#selling_process .brokerage .wrapper .flow_box li::before { background-color:#35a9db; }
#selling_process .purchase .wrapper .flow_box li::before { background-color:#ff4c71; }

#selling_process .wrapper .flow_box li .step { margin:0; font-weight: 700; }

#selling_process .purchase .afterword { margin-block-start:5em; }
#selling_process .purchase .afterword .purchase_illust { width:calc(250vw / 19.2); }
#selling_process .purchase .afterword .text { width:calc(582vw / 19.2); border-radius: 1em; padding: 0.5em 1.5em 1em 1.5em; margin:0; }
#selling_process .purchase .afterword .text dt { margin:0; padding:0; font-weight:700; }
#selling_process .purchase .afterword .text dd { margin:0; padding:0; }


#selling_process .purchase .bottom_illust { position:absolute; bottom:0; }



#valuation { padding:5em 0 5em 0; }
#valuation .catch { margin-block-end:3.8em; font-weight:700; }

#valuation .valuation_form { padding:5em calc(130vw / 19.2) 5em calc(130vw / 19.2); border-radius:1em; }
#valuation .valuation_form .summary { margin-block-end:2.5em; }

#valuation .valuation_form .form_box { border-bottom:solid 1px #0c3388; margin:0; }
#valuation .valuation_form .form_box:last-of-type { border-bottom:none; }

#valuation .valuation_form .form_box dt { width:18em; margin:0; padding:2em 0 1.4em 0; vertical-align: top; }
#valuation .valuation_form .form_box dt .field { margin;0; padding:0; vertical-align: top; }
#valuation .valuation_form .form_box dt .required { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; }
#valuation .valuation_form .form_box dt .any { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; }
#valuation .valuation_form .form_box dd { padding: 1em 0 0.4em 2em; }


#valuation .valuation_form .form_box dd input[type=text],
#valuation .valuation_form .form_box dd input[type=tel],
#valuation .valuation_form .form_box dd input[type=email],
#valuation .valuation_form .form_box dd select { padding: 1em; width: 100%; margin-bottom: 0.6em; font-size: 1em; font-family: inherit; border:solid 1px #cccccc; }
#valuation .valuation_form .form_box dd textarea { padding: 1em; width: 100%; margin-bottom: 0.6em; font-size: 1em; font-family: inherit; border:solid 1px #cccccc; }

#valuation .valuation_form .form_box dd label { display: inline-block; background:#f7f7f7; width:49%; margin:0 1.5% 0.6em 0; padding:1em; }
#valuation .valuation_form .form_box dd label:nth-of-type(2n) { margin-right:0; }

#valuation .valuation_form .form_box dd input[type=checkbox] { height: 1.5em; width: 1.5em; margin:0 0.6em 0.15em 0; background-color: #FFF; border: 1px solid #151515; border-radius: 4px;vertical-align: middle;}
#valuation .valuation_form .form_box dd input[type=checkbox]:checked { border: 1px solid #004aaa; background-color: #004aaa;}

#valuation .valuation_form .form_box dd input[type=checkbox]::before {
	content: ""; display: block; position: relative; left: 0.5em; top: 1px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);
}
#valuation .valuation_form .form_box dd input[type=checkbox]:focus-visible { outline: 2px solid #004aaa; outline-offset: 2px;}



#valuation .valuation_form .form_box dd input[type=radio] { width: 1.5em; height: 1.5em; margin: 0 0.6em 0.15em 0; background-color: #FFF; border: 1px solid #151515; border-radius: 100vmax;vertical-align: middle;}
#valuation .valuation_form .form_box dd input[type=radio]:checked { border: 1px solid #004aaa; background-color: #FFF;}

#valuation .valuation_form .form_box dd input[type=radio]:checked::before {
	content: ""; display: block; position: relative; left: 0.15em; top: 0.15em; width: 1.05em; height: 1.05em; background-color: #004aaa; border-radius: 100vmax;
}


#valuation .valuation_form .next { margin-block-start: 2.5em; width: calc(300vw / 19.2); height: calc(65vw / 19.2); cursor:pointer; }
#valuation .valuation_form .send { margin-block-start: 2.5em; width: calc(300vw / 19.2); height: calc(65vw / 19.2); cursor:pointer; }
#valuation .valuation_form .back { margin-block-start: 2.5em; width: calc(300vw / 19.2); height: calc(65vw / 19.2); cursor:pointer; line-height: calc(65vw / 19.2); text-align:center; border: solid 1px #0c3388; }



#form .error { display:block; }
#form .form_button_box { width:calc(680vw / 19.2); margin: auto; }



#renovation { padding:5em 0 5em 0; }

#renovation .pop1 { top:6.8em; left:1em; border-radius:100vmax; width:calc(290vw / 19.2); height:calc(290vw / 19.2); }
#renovation .pop2 { top:-1em; left:calc(330vw / 19.2); border-radius:100vmax; width:calc(250vw / 19.2); height:calc(250vw / 19.2); }
#renovation .pop3 { top:-1em; right:calc(330vw / 19.2); border-radius:100vmax; width:calc(250vw / 19.2); height:calc(250vw / 19.2); }
#renovation .pop4 { top:6.8em; right:1em; border-radius:100vmax; width:calc(290vw / 19.2); height:calc(290vw / 19.2); }


#renovation .renovation_option { width:calc(381vw / 19.2); }

#renovation .catch { font-weight:700; margin-block-start: 0.5em; margin-block-end: 3em;}
#renovation .catch mark { background: linear-gradient(#fff174, #fff174) 0 100% / 0 0.3em no-repeat; transition: background 1s; }
#renovation .catch mark.active { background-size: 100% 0.5em; }

#renovation .wrapper { border: solid 4px #004aaa; border-radius: 1em; padding:5em calc(180vw / 19.2) 5em calc(180vw / 19.2); }

#renovation .renovation_merit_ttl { border-top: solid 2px #004aaa; border-bottom: solid 2px #004aaa; font-weight:700; padding: 0.4em 0 0.4em 0; margin-block-end: 1.6em; }
#renovation .catch2 { margin-block-start: 1.6em; margin-block-end: 1.6em; }
#renovation .summary { margin-block-end:2.5em; }

#renovation .merit_box { margin:0; padding:1.6em 0 1.6em 0; border-bottom:dashed 1px #0c3388; }
#renovation .merit_box:last-of-type { border-bottom:none; }

#renovation .merit_box .text { width:calc(800vw / 19.2); }
#renovation .merit_box .thumb { width:calc(600vw / 19.2); }


#renovation .merit_box .text dt { font-weight:700; }
#renovation .merit_box .text dt .num { width:calc(280vw / 19.2); display:block; margin-block-end: 1.25em; }
#renovation .merit_box .text dt .illust { width:calc(242vw / 19.2); top:0; right:0; }
#renovation .merit_box .text dd { margin:0; padding:1.25em 0 1.25em 0; }


#reform_support { padding:5em 0 5em 0; }
#reform_support .text { width:calc(880vw / 19.2); }
#reform_support .thumb { width:calc(860vw / 19.2); }

#reform_support .text .reform_support_ttl { margin-block-start:0; }

#reform_support .text mark { background: linear-gradient(#fff174, #fff174) 0 100% / 0 0.3em no-repeat; transition: background 1s; }
#reform_support .text mark.active { background-size: 100% 0.5em; }


#message { padding:5em 0 10em 0; }
#message::after {
	content:""; position:absolute; bottom:10px; left:0; right:0; margin:auto; width:100%; height:calc(105vw / 19.2); background-image:url(../img/company/message_bottom_img.png); background-size:100%; background-repeat:no-repeat;
}
#message .catch { margin-block-start:2.5em; margin-block-end:2.5em; font-weight:600; }

#company_profile {
	background-image:url(../img/company/company_profile_bg.jpg); background-position:center top; background-repeat:no-repeat; background-size:100%;
	padding:calc(430vw / 19.2) 0 5em 0;
}
#company_profile .wrapper { border-radius:1em; padding:4em calc(130vw / 19.2) 5em calc(130vw / 19.2); }

#company_profile .wrapper .company_box { margin: 0; }
#company_profile .wrapper .company_box dt { border-bottom:solid 1px #0c3388; margin:0; padding:1.25em 0 1.25em 0; font-weight:600; width:11em; }
#company_profile .wrapper .company_box dd { border-bottom:solid 1px #cccccc; margin:0; padding:1.25em 0 1.25em 3em;}



#company_profile .wrapper .img_box { margin-block-start:5em; }
#company_profile .wrapper .img_box figure { width:calc(580vw / 19.2); margin: 0; padding: 0;}
#company_profile .wrapper .img_box figure figcaption { padding:1em 0 0 0; }


#access { padding:5em 0 5em 0; }
#access address { margin-block-start:1em; }
#access .transportation i { margin-right:0.4em; }


#access .map_box { margin-block-start:3em; }
#access #map { width:calc(860vw / 19.2); height:calc(630vw / 19.2); }
#access #streetview { width:calc(860vw / 19.2); height:calc(630vw / 19.2); }


#contact_contents { padding:5em 0 5em 0; }

#contact_contents .catch { margin-block-end:3.8em; font-weight:700; }


#contact_contents .other_contact_box { width:calc(1200vw / 19.2); margin:2.5em auto 5em auto; }
#contact_contents .other_contact_box .button { width:calc(580vw / 19.2); height:calc(120vw / 19.2); border:solid 1px #0c3388; }

#contact_contents .other_contact_box .tel_button { display: flex; align-items: center; justify-content: center;}
#contact_contents .other_contact_box .tel_button i { margin:0.5em 0.5em 0 0; }
#contact_contents .other_contact_box .tel_button .tel_button_text { display:block; line-height: 1.5; text-align: left;}
#contact_contents .other_contact_box .line_button { line-height:calc(120vw / 19.2); font-weight: 600; }
#contact_contents .other_contact_box .line_button i { margin-right:0.5em; }
#contact_contents .other_contact_box .line_button span { display: inline-block; padding-bottom: 0.2em; vertical-align: bottom; }


#contact_contents .contact_form { padding:5em calc(130vw / 19.2) 5em calc(130vw / 19.2); border-radius:1em; }
#contact_contents .contact_form .summary { margin-block-end:2.5em; }

#contact_contents .contact_form .form_box { border-bottom:solid 1px #0c3388; margin:0; }
#contact_contents .contact_form .form_box:last-of-type { border-bottom:none; }

#contact_contents .contact_form .form_box dt { width:18em; margin:0; padding:2em 0 1.4em 0; vertical-align: top; }
#contact_contents .contact_form .form_box dt .field { margin;0; padding:0; vertical-align: top; }
#contact_contents .contact_form .form_box dt .required { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; }
#contact_contents .contact_form .form_box dt .any { display:inline-block; padding:0.1em 0.4em 0.1em 0.4em; }
#contact_contents .contact_form .form_box dd { padding: 1em 0 0.4em 2em; }


#contact_contents .contact_form .form_box dd input[type=text],
#contact_contents .contact_form .form_box dd input[type=tel],
#contact_contents .contact_form .form_box dd input[type=email],
#contact_contents .contact_form .form_box dd select { padding: 1em; width: 100%; margin-bottom: 0.6em; font-size: 1em; font-family: inherit; border:solid 1px #cccccc; }
#contact_contents .contact_form .form_box dd textarea { padding: 1em; width: 100%; margin-bottom: 0.6em; font-size: 1em; font-family: inherit; border:solid 1px #cccccc; }

#contact_contents .contact_form .form_box dd label { display: inline-block; background:#f7f7f7; width:49%; margin:0 1.5% 0.6em 0; padding:1em; }
#contact_contents .contact_form .form_box dd label:nth-of-type(2n) { margin-right:0; }

#contact_contents .contact_form .form_box dd input[type=checkbox] { height: 1.5em; width: 1.5em; margin:0 0.6em 0.15em 0; background-color: #FFF; border: 1px solid #151515; border-radius: 4px;vertical-align: middle;}
#contact_contents .contact_form .form_box dd input[type=checkbox]:checked { border: 1px solid #004aaa; background-color: #004aaa;}

#contact_contents .contact_form .form_box dd input[type=checkbox]::before {
	content: ""; display: block; position: relative; left: 0.5em; top: 1px; width: 6px; height: 12px; border: solid white; border-width: 0 3px 3px 0; transform: rotate(45deg);
}
#contact_contents .contact_form .form_box dd input[type=checkbox]:focus-visible { outline: 2px solid #004aaa; outline-offset: 2px;}



#contact_contents .contact_form .form_box dd input[type=radio] { width: 1.5em; height: 1.5em; margin: 0 0.6em 0.15em 0; background-color: #FFF; border: 1px solid #151515; border-radius: 100vmax;vertical-align: middle;}
#contact_contents .contact_form .form_box dd input[type=radio]:checked { border: 1px solid #004aaa; background-color: #FFF;}

#contact_contents .contact_form .form_box dd input[type=radio]:checked::before {
	content: ""; display: block; position: relative; left: 0.15em; top: 0.15em; width: 1.05em; height: 1.05em; background-color: #004aaa; border-radius: 100vmax;
}


#contact_contents .contact_form .next { margin-block-start: 2.5em; width: calc(300vw / 19.2); height: calc(65vw / 19.2); cursor:pointer; }
#contact_contents .contact_form .send { margin-block-start: 2.5em; width: calc(300vw / 19.2); height: calc(65vw / 19.2); cursor:pointer; }
#contact_contents .contact_form .back { margin-block-start: 2.5em; width: calc(300vw / 19.2); height: calc(65vw / 19.2); cursor:pointer; line-height: calc(65vw / 19.2); text-align:center; border: solid 1px #0c3388; }


#buy_property { padding:5em 0 5em 0; }
#buy_property .wrapper { border-radius:1em; padding:4em calc(130vw / 19.2) 5em calc(130vw / 19.2); }
#buy_property .buy_property_ttl { margin-block-end:2em; text-indent: -1.15em; margin-left: 2.4em;}
#buy_property .buy_property_ttl i { vertical-align: middle; margin-right: 0.3em; }
#buy_property .buy_property_ttl strong { vertical-align: middle; }


#buy_property .left_clm { width:calc(510vw / 19.2); }
#buy_property .left_clm figure.swiper-slide {
	display: flex; justify-content: center; align-items: center;
	margin: 0;  aspect-ratio: 400 / 400; text-align: center;
}

#buy_property .left_clm #main-product-img { width: auto; max-width: 100%; max-height: 100%; }
#buy_property .left_clm figure figcaption { margin: 1.16em 0 1.16em 0; }

#buy_property .left_clm ul.thumb { list-style-type: none; margin: 0; padding: 0; }
#buy_property .left_clm ul.thumb li { display: block; margin: calc(10vw / 19.2) calc(10vw / 19.2) 0 0; width: calc(120vw / 19.2) !important; height: calc(120vw / 19.2); float: left; overflow: hidden; }
#buy_property .left_clm ul.thumb li a { display: block; width: calc(120vw / 19.2); height: calc(120vw / 19.2); border: solid 1px #6e6e6e; overflow: hidden;}
#buy_property .left_clm ul.thumb li:nth-of-type(4n) { margin: calc(10vw / 19.2) 0 0 0; }

#buy_property .left_clm .slider-thumbnail .swiper-wrapper { display:block; }



#buy_property .right_clm { width:calc(600vw / 19.2); }
#buy_property .right_clm .contact_box { padding:calc(10vw / 19.2) calc(20vw / 19.2) calc(10vw / 19.2) calc(20vw / 19.2); align-items:center; }
#buy_property .right_clm .contact_box p.left_text { width:calc(280vw / 19.2); margin: 0; }
#buy_property .right_clm .contact_box p.left_text .tel { display:block; line-height: 1; }
#buy_property .right_clm .contact_box p.left_text .memo { display:block; }
#buy_property .right_clm .contact_box .btn_shiryou { display:block; width:calc(280vw / 19.2); height:calc(60vw / 19.2); line-height:calc(60vw / 19.2); }
#buy_property .right_clm .contact_box .btn_shiryou i { margin-left:0.4em; }

#buy_property .right_clm .description {  }
#buy_property .right_clm .description .price { font-weight:700; }

#buy_property .right_clm #gmap { width:100%; height:calc(300vw / 19.2); }
#buy_property .right_clm #street { width:100%; height:calc(300vw / 19.2); }


#buy_property .data_clumn { width:49%; margin-block-start: 2.5em; }
#buy_property .data_box { width: 100%; margin:0; border-collapse: collapse; }
#buy_property .data_box dt { width:9em; margin:0; padding: 0.5em; background-color:#eaeaea; border: solid 1px #6e6e6e; border-top: none;}
#buy_property .data_box dd { margin:0; padding: 0.5em; background-color:#ffffff; border: solid 1px #6e6e6e; border-top: none;}

#buy_property .data_box:first-of-type { border-top: solid 1px #6e6e6e; }

#buy_property #pickup { margin-block-start:4em; }
#buy_property #pickup .data_sub_title { font-weight:700; }
#buy_property #pickup .data_sub_title .square { display:inline-block; width:2.222222em; height:2.222222em; line-height:2.222222em; margin-right:0.3em; text-align: center; }

#buy_property #pickup .item { width: calc(590vw / 19.2); margin: calc(10vw / 19.2) calc(20vw / 19.2) calc(10vw / 19.2) 0; padding: calc(15vw / 19.2); }
#buy_property #pickup .item.e { width: calc(590vw / 19.2); margin: calc(10vw / 19.2) 0 calc(10vw / 19.2) 0; }

#buy_property #pickup .item .fit { display:block; width: calc(180vw / 19.2); height: calc(180vw / 19.2); overflow: hidden; }
#buy_property #pickup .item dl.right { width: calc(360vw / 19.2); margin:0; padding:0; }
#buy_property #pickup .item dl.right dt { margin:0; padding:0; }
#buy_property #pickup .item dl.right dd { margin:0; padding:0; }
#buy_property #pickup .item dl.right .view_more { display:block; width: 9em; margin:0.5em 0 0 auto; padding:0.2em 0 0.3em 1em; }
#buy_property #pickup .item dl.right .view_more i { margin-left:1em; }



#search_buy_property { padding:1em 0 0 0; }
#search_buy_property .wrapper { padding:5em 0 5em 0; }

#search_buy_property .search_buy_property_ttl i { margin-right:0.4em; }
#search_buy_property .summary { margin-block-start:2.5em; margin-block-end:4em; }

#search_buy_property .type1 { width: calc(700vw / 19.2); }
#search_buy_property .type1 dt { margin: 0; padding: 0 0 1em 0; font-weight: 600; }
#search_buy_property .type1 dt i { margin-right:0.4em; }
#search_buy_property .type1 dd { margin:0; }
#search_buy_property .type1 dd .wide { display: block; width: calc(340vw / 19.2); height: calc(160vw / 19.2); text-align:center; margin-block-end:calc(20vw / 19.2); padding:1em 0 1em 0; font-weight: 600; }
#search_buy_property .type1 dd .square { display: block; width: calc(220vw / 19.2); height: calc(160vw / 19.2); text-align:center; margin-block-end:calc(20vw / 19.2); padding:1em 0 1em 0; font-weight: 600; }
#search_buy_property .type1 dd .square.left { margin-right: calc(20vw / 19.2); }

#search_buy_property .type1 dd .icon { display:block; margin: 0.5em auto 0 auto; }

#search_buy_property .type2 { width: calc(700vw / 19.2); }
#search_buy_property .type2 dt { margin: 0; padding: 0 0 1em 0; font-weight: 600; }
#search_buy_property .type2 dt i { margin-right:0.4em; }
#search_buy_property .type2 dd { margin:0; }
#search_buy_property .type2 dd .area_box { padding:1.388888em 1.388888em 0.84em 1.388888em; margin-block-end:1.666666em; }
#search_buy_property .type2 dd .area_box .area_button { display:inline-block; margin:0 0.4em 0.6em 0; border:solid 1px #0c3388; padding:0.4em 0.8em 0.4em 0.8em; font-weight: 600; }

#search_buy_property .type2 dd .search_button { height:calc(90vw / 19.2); line-height:calc(90vw / 19.2); font-weight: 600; }
#search_buy_property .type2 dd .search_button i { margin-right:1em; }

#search_buy_property .search_wrapper { justify-content: center; }



#related_links { padding:5em 0 5em 0; }
#related_links .box { position:relative; border-top:solid 1px #0c3388; border-bottom:solid 1px #0c3388; padding:1em 0 1em 0; }
#related_links .box dt { border-left:solid 5px #0c3388; margin:0; padding: 0 0 0 1.5em; }
#related_links .box dt i { position:absolute; top:2em; right:0; }
#related_links .box dd{ margin:0; padding:1em 0 1em 0; }


#privacy_policy { padding:5em 0 5em 0; }

#privacy_policy .summary { margin-block-end:4em; }
#privacy_policy ol.box { margin:0; padding:0; counter-reset: li; }
#privacy_policy ol.box li.article { position: relative; margin:0; padding:0 0 1em 3em; list-style: none; }
#privacy_policy ol.box li.article::before {
	position: absolute; top: 0.1em; left: 1.6em; font-family: "Noto Sans JP","Yu Gothic", "Meiryo", "Hiragino Kaku Gothic ProN", sans-serif; font-weight: 700; font-optical-sizing: none; font-style: normal; color: #0c3388;
	counter-increment: li; content: counter(li)"."; border-radius:100vmax; font-size:calc(30 * 0.052vw); width:calc(40vw / 19.2); height:calc(40vw / 19.2); display:flex; align-items:center; justify-content:center;
}

#privacy_policy ol.box li.article .title { border-bottom: solid 1px #0c3388; padding: 0 0 0.8em 2em; font-weight: 700; }