@charset "utf-8";

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

/* area color */
.area span { color: #FFF; background: #E6E6E6; }
.area span.house_used { background: #21205d; }
.area span.house_new { background: #236f76; }
.area span.house_land { background: #5d2038; }
.area span.mansion { background: #8a6f01; }
.area span.location { color: #21205d; }

/* icon color */
.icon { position: absolute; top: 15px; left: 15px; width: 65px; height: 65px; color: #21205d; font-size: 14px; font-weight: bold; line-height: 65px; text-align: center; background: #E6E6E6; border-radius: 40px; }
.icon + .icon { left: 90px; }
.icon + .icon + .icon { left: 165px; }
.icon + .icon + .icon + .icon { left: 240px; }
.icon.new { font-size: 18px; background: #fdd000; }
.icon.special { background: -webkit-linear-gradient(to right bottom, #cfa33a 50% #dcb766 51%); background: linear-gradient(to right bottom, #cfa33a 50%, #dcb766 51%); }
.icon.pd { padding: 19px 0 0 1px; line-height: 1.1 !important; background: #ea5442; }
.icon.ad { background: -webkit-linear-gradient(to right bottom, #ef315b 50%, #fd557b 51%); background: linear-gradient(to right bottom, #ef315b 50%, #fd557b 51%); }
a:hover .icon { -webkit-animation: 0.4s ease-in-out scaleB; animation: 0.4s ease-in-out scaleB; }

/* tag color */
.tag { display: inline-block; position: relative; top: -4px; margin: 0 0 0 8px; padding: 2px 8px 0 10px; font-size: 12px; font-weight: bold !important; letter-spacing: 1px; line-height: 21px; background: #E6E6E6; vertical-align: middle; }
.tag.pd { background: #ea5442; }
.tag.dealing { background: #d88263; }

/* animation */
@-webkit-keyframes scaleA {
	20%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 40% { -webkit-transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); transform: scale(0.8,0.8); }
    70%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 90% { -webkit-transform: scale(0.9,0.9); -ms-transform: scale(0.9,0.9); transform: scale(0.9,0.9); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}
@keyframes scaleA {
	20%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 40% { -webkit-transform: scale(0.8,0.8); -ms-transform: scale(0.8,0.8); transform: scale(0.8,0.8); }
    70%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 90% { -webkit-transform: scale(0.9,0.9); -ms-transform: scale(0.9,0.9); transform: scale(0.9,0.9); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}
@-webkit-keyframes scaleB {
	20%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 40% { -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
    70%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 90% { -webkit-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}
@keyframes scaleB {
	20%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 40% { -webkit-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); }
    70%  { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 90% { -webkit-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}

@-webkit-keyframes linkin  {
	0%   { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 50%{ -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}
@keyframes linkin          {
	0%   { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 50%{ -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}
@-webkit-keyframes linkout {
	0%   { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 50%{ -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}
@keyframes linkout         {
	0%   { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); } 50%{ -webkit-transform: scale(1,-1); -ms-transform: scale(1,-1); transform: scale(1,-1); }
	100% { -webkit-transform: scale(1,1); -ms-transform: scale(1,1); transform: scale(1,1); }
	}

@-webkit-keyframes fade   { 0% { top: 50%; left: 50%; width: 120px; } 100% { top: 98px; left: 84px; width: 80px; } }
@keyframes fade           { 0% { top: 50%; left: 50%; width: 120px; } 100% { top: 98px; left: 84px; width: 80px; } }
@-webkit-keyframes fadeSp { 0% { top: 50%; left: 50%; width: 60px; }  100% { top: 48px; left: 36px; width: 54px; } }
@keyframes fadeSp         { 0% { top: 50%; left: 50%; width: 60px; }  100% { top: 48px; left: 36px; width: 54px; } }

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

/* base */
#BtnLinks li.regist a:hover { padding-right: 25px; width: 63px; }

/* Search */
#Search .list { margin: 0; }
#Search .list li { margin: 0 0 15px; width: 100%; height: 420px; }
#Search .list li a { display: block; padding: 15px 50px 15px 645px; }

#Search .list li figure { position: absolute; top: 15px; left: 15px; width: 580px; height: 390px; }
#Search .list li figure .icon { left: 20px; }
#Search .list li figure .icon + .icon { left: 100px; }
#Search .list li figure .icon + .icon + .icon { left: 180px; }
#Search .list li figure .icon + .icon + .icon + .icon { left: 260px; }
#Search .list li h3 { display: -webkit-box; margin: 40px 0; height: 2.6em; font-size: 20px; line-height: 1.4; overflow: hidden; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#Search .list li .area { bottom: 250px; left: 645px; width: 150px; height: 35px; }
#Search .list li .area span { width: 150px; font-size: 15px; }
#Search .list li .area.noadd { padding-top: 17px; }

#Search .list li dl { margin: 0 0 30px; padding: 0; }
#Search .list li dt { padding: 0 0 35px 170px; font-size: 27px; }
#Search .list li dt strong { font-size: 36px; }
#Search .list li dt .tag { top: -5px; padding: 3px 8px 0 10px; font-size: 16px; line-height: 29px; }
#Search .list li dd { padding: 0 20px; font-size: 15px; line-height: 1.6; }
#Search .list li dd + dd { padding-right: 0; }

#Search .list li .btn { width: 100%; }
#Search .list li a:hover .btn { opacity: 1; -webkit-filter: saturate(2) hue-rotate(-10deg); filter: saturate(2) hue-rotate(-10deg); }
#Search .list li a:hover .btn:after { -webkit-animation: 0.4s ease linkin; animation: 0.4s ease linkin; }

#Search .list li .text { color: #a2a2a2; }
#Search .list li a:hover .btn.ad { -webkit-filter: none; filter: none; }
#Search .list li a:hover .btn.ad:before { -webkit-transform: skewX(-35deg); transform: skewX(35deg); }

/* Detail */
#SliderFor { margin: 0 -30px 30px; padding: 0 30px; }

#SliderNav { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -12px 0 0 -2%; }
#SliderNav li { margin: 12px 0 0 2%; width: 23% !important; height: 94px; text-align: center; background: #f7f7f7; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#SliderNav li:hover { opacity: .6; cursor: pointer; }
#Detail #Top figure { background: #f7f7f7; }
#Detail #Top #SliderNav img { position: relative; top: 50%; margin: 0 auto; max-height: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

#Detail .large { margin: 60px 0 0; }
#Detail .large .btn { padding: 12px 70px 10px; min-width: 370px; height: 60px; font-weight: bold; line-height: 38px; }

#Detail #Recommend .list li figure .icon { top: 10px; left: 10px; }
#Detail #Recommend .list li figure .icon + .icon { left: 82px; }
#Detail #Recommend .list li figure .icon + .icon + .icon { left: 154px; }
#Detail #Recommend .list li figure .icon + .icon + .icon + .icon { left: 226px; }
#Detail #Recommend .list li p.area { left: 10px; }
#Detail #Recommend .list li dl { padding: 0 0 0 102px; }
#Detail #Recommend .list li .text { margin-left: 102px; }

/* Staff */
#StaffList li,
#StaffList li:not(.noData) .detail { min-height: 440px; }
#StaffList li .acd-re-content { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#StaffList li.noData { background: #e4e4e4 url("/images/staff/logo_bg.png") 820px center no-repeat; }
#StaffList li.noData > p { padding-left: 655px; }
}

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

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

/*-------------------------------------
	base
-------------------------------------*/

/* base */
body { padding: 75px 0 0; min-width: 375px; }

button,
.btn { padding: 0 30px !important; width: 100%; min-width: 0 !important; max-width: 400px; height: 50px !important; line-height: 50px !important; font-size: 14px; }
.btn.acd,
.btn.tab,
button.link,
.btn.link { padding: 0 45px 0 35px !important; }
.btn.acd:after,
.btn.tab:after,
button.link:after,
.btn.link:after { right: 15px; }

/* header */
header { min-width: 375px; height: 75px; }
header .sp { display: block; }
header .inner { padding: 12px 10px; }

header #HeadLinks .tell,
header #HeadLinks .forms { display: none; }
header #HeadLinks { top: 18px; right: 60px; }
header #HeadLinks li.login { padding: 0; max-width: 80px; font-size: 8px; }
header #HeadLinks li.login a { margin: 2px auto 0; width: 70px; font-size: 10px; }

header h1 { margin: 0; font-size: 10px; }
header h1 img { margin: 2px 0 0; width: 200px; height: auto; }

.menu-trigger,
.menu-trigger:before,
.menu-trigger:after,
.menu-trigger span:before { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

header .menu-trigger {
	display: block;
	position: absolute;
	top: 24px;
	right: 10px;
	width: 40px;
	height: 30px;
	font-size: 11px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	z-index: 9999;
	}

.menu-trigger:before,
.menu-trigger:after,
.menu-trigger span:before { content: ""; display: inline-block; position: absolute; left: 5px; width: 30px; height: 3px; background-color: #21205d; border-radius: 2px; cursor: pointer; }
.menu-trigger:before { top: 3px; }
.menu-trigger:after { top: 13px; }
.menu-trigger span:before { top: 23px; }

.menu-trigger.active:before { -webkit-transform: translateY(8px) rotate(-136deg); transform: translateY(8px) rotate(-136deg); }
.menu-trigger.active:after { opacity: 0; }
.menu-trigger.active span:before { -webkit-transform: translateY(-12px) rotate(136deg); transform: translateY(-12px) rotate(136deg); }

header h2.sp { display: block; margin: 0; padding: 20px; color: #FFF; font-size: 10px; letter-spacing: 1px; text-align: left; background: #21205d; }

header nav { position: absolute; top: 0; right: -210px; margin: 0; padding: 75px 0 20px; width: 210px; height: 100vh; text-align: left; background: #FFF; overflow: auto; z-index: 1000; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
header nav ul { display: block; }
header nav ul li { display: block; width: 100%; border-bottom: 1px solid #C1C1C1; }
header nav ul li:before { display: none; }
header nav ul li a { display: block; padding: 18px 20px; font-size: 14px; line-height: 1; letter-spacing: 2px; text-align: left; }
header nav ul li a:hover:before,
header nav ul li a:hover:after,
header nav ul li a.current:before { display: none; }
header nav ul li a.current:after { display: block; top: 50%; left: 0; margin: -8px 0 0; height: 0; border: 8px solid transparent; border-left: 8px solid #21205d; }

header #FB { position: static; padding: 20px; }
header h3 { margin: 10px 0 5px; padding: 0 20px; font-size: 11px; letter-spacing: 1px; text-align: left; }
header h3 + p.sp { padding: 0 20px; font-size: 10px; letter-spacing: 1px; line-height: 1.5; }

header nav h2.sp,
header nav ul li,
header nav #FB,
header nav h3.sp,
header nav p.sp { padding-left: 70px; opacity: 0; white-space: nowrap; overflow: hidden; -webkit-transition: all .4s ease 0.1s; transition: all .4s ease 0.1s; }
header nav h2.sp { color: #21205d; opacity: 1; }
header nav ul li { padding-left: 50px; }

body.open { overflow: hidden; }
header nav.open { right: 0; }

header nav.open ul li { padding-left: 0; opacity: 1; }
header nav.open #FB,
header nav.open h3.sp,
header nav.open p.sp { padding-left: 20px; opacity: 1; }
header nav.open h2.sp { padding-left: 20px; color: #FFF; }

header nav.open h2.sp                { -webkit-transition-delay: 0.10s; transition-delay: 0.10s; }
header nav.open ul li:nth-of-type(2) { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; }
header nav.open ul li:nth-of-type(3) { -webkit-transition-delay: 0.20s; transition-delay: 0.20s; }
header nav.open ul li:nth-of-type(4) { -webkit-transition-delay: 0.25s; transition-delay: 0.25s; }
header nav.open ul li:nth-of-type(5) { -webkit-transition-delay: 0.30s; transition-delay: 0.30s; }
header nav.open #FB                  { -webkit-transition-delay: 0.35s; transition-delay: 0.35s; }
header nav.open h3.sp,
header nav.open p.sp                 { -webkit-transition-delay: 0.40s; transition-delay: 0.40s; }


#BtnLinks { display: table; top: inherit; bottom: -75px; width: 100%; min-width: 375px; background: #FFF; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }
#BtnLinks.scrolled { -webkit-transform: translateY(-100%); transform: translateY(-100%); }
#BtnLinks li { display: table-cell; width: 22%; vertical-align: bottom;  }
#BtnLinks li.regist { display: table-cell; width: 56%; }
#BtnLinks li a,
#BtnLinks li.regist a { padding: 18px 0 0; width: 100%; height: 75px; font-size: 8px; }
#BtnLinks li.regist a { padding-top: 26px; font-size: 22px; letter-spacing: 3px; background: #42366B !important; border-radius: 0; box-shadow: none !important; }
#BtnLinks li.regist a span { display: inline-block; margin: 0 12px 3px 0; padding: 5px; width: 44px; text-align: right; vertical-align: middle; }
#BtnLinks li a img { margin: 0 auto 5px; }

#BtnLinks li.regist.logined ~ li.tell a,
#BtnLinks li.regist.logined ~ li.mail a { font-size: 13px; }
#BtnLinks li.regist.logined ~ li.tell img,
#BtnLinks li.regist.logined ~ li.mail img { margin: 0 auto 10px; }
#BtnLinks li.regist.logined ~ li.tell br,
#BtnLinks li.regist.logined ~ li.mail br { display: none; }

/* Banners */
#Banners { display: block; margin: 0 0 15px; padding: 0 10px; }
#Banners li { margin: 0 0 10px; width: 100%; }

/* footer */
#PageTop { bottom: 80px; right: 5px; }
#PageTop a { -webkit-transition: all 0.5s ease; transition: all 0.5s ease; -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 1; }
#PageTop.scrolled a { -webkit-transform: translateY(0); transform: translateY(0); }

footer { padding: 40px 10px 0; }
footer h2 { margin: 0 0 30px; font-size: 11px; }
footer h2 img { margin: 10px auto 0; width: 224px; }

footer #FootMenu li { padding: 0 8px; font-size: 12px; }

footer #FootLinks li { display: block !important; margin: 0 auto 10px !important; max-width: 265px; font-size: 12px; line-height: 1.8; }
footer #FootLinks .forms { margin: 0 auto 50px !important; white-space: nowrap; }
footer #FootLinks .forms a.btn { padding: 6px !important; width: auto; height: auto !important; font-size: 12px; line-height: 1 !important; }
footer #FootLinks li span { display: inline-block; margin: 0 0 12px; padding: 0 20px; }
footer #FootLinks li .googlemap { display: inline-block; margin: 3px 0 0; }
footer #FootLinks li .googlemap:before { border-left-color: #FFF; }
footer #FootLinks li.free { display: none !important; }
footer #FootLinks ~ h3 { margin: 50px 0 10px; font-size: 12px; }

footer #Links { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 400px; }
footer #Links li { margin: 0 0 0 2px; width: auto; }
footer #Links li a { padding: 20px 15px; }

footer #Copyright { margin: 10px -10px 0; padding-bottom: 84px; }


/*-------------------------------------
	common
-------------------------------------*/

/* contents */
.googlemap { position: relative; padding: 0 0 0 10px; }
.googlemap:before { content: ""; display: block; position: absolute; top: 50%; left: 0; margin: -3px 0 0; height: 0; border: 4px solid transparent; border-left: 4px solid #21205d; }

/* BreadCrunbs */
#BreadCrunbs ul { padding: 4px 20px 4px 10px; }
#BreadCrunbs ul li { margin: 0 10px 0 0; }
#BreadCrunbs ul li:not(:last-child):after { margin: 0 0 0 14px; }

#Content { padding: 0; overflow: hidden; }
#Content article { margin: 0 0 75px; }
#Content article h2 { margin: 0 0 25px; font-size: 30px; letter-spacing: 4px; }
#Content article h2 span { margin: 8px 0 0; font-size: 12px; }

#Content article h2.line { font-size: 20px; line-height: 1.2; }
#Content article h2.line:before,
#Content article h2.line:after { bottom: -4px; }

.list { display: block; margin: 0 0 -10px; }
.list li { margin: 0; width: 100%; border: none; border-top: 1px solid #E6E6E6; }
.list li a { padding: 10px 8px 10px 43%; min-height: 128px; }
.list li figure { position: absolute; top: 10px; left: 10px; width: 43%; height: 85%; height: calc(100% - 20px); }
.list li figure .icon { top: 5px; left: 5px; width: 35px; height: 35px; font-size: 7px; line-height: 35px; }
.list li figure .icon + .icon { left: 43px; }
.list li figure .icon + .icon + .icon { left: 81px; }
.list li figure .icon + .icon + .icon + .icon { left: 119px; }
.list li figure .icon.new { font-size: 10px; }
.list li figure .icon.pd { padding: 11px 0 0; }
.list li h3 { display: -webkit-box; margin: 0 0 0 18px; height: 2.6em; line-height: 1.4; white-space: normal; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.list li p.area { left: 43%; margin-left: 17px; }
.list:not(.ranking) li p.area { bottom: auto; top: 48px; }
.list.ranking li p.area { bottom: auto; top: 80px; }
.list li dl { margin: 0; padding: 0 0 0 106px; min-height: 75px; }
.list li dt { padding: 3px 0; font-size: 16px; }
.list li dt strong { font-size: 21px; }
.list li dd { padding: 0 0 0 5px; width: 100%; font-size: 8px; line-height: 1.4; }

.list li .text { margin: 5px 0 0 105px !important; font-size: 10px !important; line-height: 1.4; min-height: 70px; }
.list li .text br,
.list li .text span { display: none; }

#PageTitle { display: none; }

.large { margin: 20px 10px 0; }

.lum-gallery-button:after { width: 20px; height: 20px; }
.lum-previous-button { left: 3px; }
.lum-next-button { right: 3px; }

.tag { margin: 5px 0 0 8px; padding: 0 8px; font-size: 10px; letter-spacing: 0; line-height: 20px; white-space: nowrap; }
.tag + .tag { margin-left: 5px; }


/*-------------------------------------
	page
-------------------------------------*/

/* home */
#loading img { margin: -30px 0 0 -30px; width: 60px; -webkit-animation-name: fadeSp; animation-name: fadeSp; }

#Slider { padding: 40px 0 0; height: auto; }
#Slider .slick-list { background-image: url("/images/home/visual01_sp.jpg"); background-size: auto 100%; }
#Slider .slick-slide img { height: 72vh; height: calc(100vh - 177px); min-height: 400px; width: auto; }
.slick-dots { top: 50px; right: 10px; }
.slick-prev,
.slick-next { top: 40px; height: 72vh; height: calc(100vh - 190px); background-color: transparent; }

#News { top: 0; bottom: auto; height: 40px; }
#News .inner { padding: 0 12px; height: 40px; }
#News h2 { padding: 0 12px 0 0; font-size: 13px; line-height: 40px; }

#News ul { padding: 10px 100px 10px 0; }
#News ul li { margin: 2px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#News ul li:last-child { display: none; }

#News p { position: absolute; top: 0; right: 12px; }
#News p .btn { padding: 0 !important; min-width: 0; height: 40px !important; font-size: 10px; line-height: 40px !important; text-decoration: underline; background: none; }
#News p .btn:after { content: ""; display: inline-block; margin: -2px 0 0 0; width: 7px; height: 7px; border-top: 1px solid #FFF; border-right: 1px solid #FFF; vertical-align: middle; transform: rotate(45deg); }
#News p .btn span { display: none; }

#SearchLink { margin: 0 !important; }
#SearchLink section { margin: 0; padding: 25px 20px; }
#SearchLink h2 { margin: 0 0 15px; font-size: 0; }
#SearchLink h2 img { height: 32px; }
#SearchLink p { margin: 0 0 20px; font-size: 12px; letter-spacing: 0; line-height: 1.4; display: block; height: 3em;}

#SearchTab section,
#SearchTab section > div { padding: 10px; }
#SearchTab section.rent .preparing { margin: 140px 0; font-size: 22px; }
#SearchTab h3 { margin: 0 0 10px; font-size: 14px; }

#SearchTab table { display: block; }
#SearchTab table th,
#SearchTab table td { display: block; padding: 3px 10px; width: 100%; }
#SearchTab table th { padding: 8px 10px !important; font-size: 14px; }
#SearchTab ul li { width: 50%; }
#SearchTab strong { margin: 8px 0 0 !important; }
#SearchTab tr.select td { padding: 10px; }
#SearchTab tr.select td .select_box { width: 44.5%; width: calc(50% - 16px); }
#SearchTab tr.select td .select_box:first-of-type:last-of-type { width: 100%; }
#SearchTab tr.select td .select_box + span { margin: 0 5px; }
#SearchTab .large { margin: 10px 0 0; }
#SearchTab + article { margin-top: 75px; }

#Home .list:last-child { border-bottom: 1px solid #E6E6E6; }
#Home .list li:first-child a { padding: 10px; }
#Home .list li:first-child figure { position: relative; top: auto; left: auto; width: 100%; height: 273px; }
#Home .list li:first-child figure .icon { top: 15px; left: 15px; width: 65px; height: 65px; font-size: 14px; line-height: 65px; }
#Home .list li:first-child figure .icon + .icon { left: 90px; }
#Home .list li:first-child figure .icon + .icon + .icon { left: 165px; }
#Home .list li:first-child figure .icon + .icon + .icon + .icon { left: 240px; }
#Home .list li:first-child figure .icon.new { font-size: 18px; }
#Home .list li:first-child figure .icon.pd { padding: 19px 0 0 1px; font-size: 14px; }
#Home .list li:first-child h3 { display: block; margin: 10px 0 0; height: auto; line-height: 1; white-space: nowrap; }
#Home .list li:first-child p.area { left: 10px; top: auto; bottom: 10px; margin: 0; }
#Home .list li:first-child dl { padding: 0 0 0 94px; min-height: 80px; }
#Home .list li:first-child dt { padding: 10px 12px 10px 0; font-size: 20px; }
#Home .list li:first-child dt strong { font-size: 27px; }
#Home .list li:first-child dt br.sp { display: none; }
#Home .list li:first-child dt .tag { display: inline-block; margin: 0 0 0 5px; }
#Home .list li:first-child dd { padding: 1px 12px; width: 50%; font-size: 11px; line-height: 1.2; }
#Home .list li:first-child .text { margin: 10px 0 0 94px !important; min-height: 70px; }

/* search */
#Search #Content article { margin: 0 0 50px; }

#Options { margin: 10px; padding: 10px; }
#Options p.all { margin: 0 0 10px; padding: 0; }
#Options a.acd { position: relative; top: auto; right: auto; max-width: 225px; }
#Options .acd-content form { margin: 10px 0 0; padding: 10px; }

.paging { display: block; padding: 0 10px; }
.paging .pageNumber { width: 100%; font-size: 12px; }
.paging .pageNumber strong { margin: 0 5px 0 0; font-size: 24px; }

.paging .sort { padding: 0; width: 100%; text-align: left; }
.paging .sort * { font-size: 10px; }
.paging .sort ul { display: inline; }
.paging .sort li { margin: 0 0 0 1px; }
.paging .sort li:not(:first-child):before { margin: 0 2px 0 0; }
.paging .sort li a { margin: 0 2px; }

.paging .pager { margin: 40px 0 20px; }
.paging .pager > li:nth-child(2) a,
.paging .pager > li:nth-last-child(2) a { padding: 11px 15px; min-width: 36px; font-size: 0; }
.paging .pager > li:nth-child(2) a img,
.paging .pager > li:nth-last-child(2) a img { margin: 4px 0 0; }

#Search .list { border-bottom: 1px solid #E6E6E6 }
#Search .list li .btn { display: none; }
#Search .list ~ .paging .pager { margin: 30px 0 0; }

/* detail */
#Detail article h2 { margin: 0 0 20px; font-size: 22px; letter-spacing: 2px; }

#Detail #Top { display: block !important; margin: 10px 0 50px; padding: 0 10px; flex-wrap: unset; }
#Detail #Top > div { width: 100%; }
#Detail #Top .large { margin: 25px 0 0; }

#Detail #Photo,
#Detail #Status { padding: 0; }

#SliderFor { margin: 0 0 10px; background: none; }
#SliderFor li span { font-size: 12px; line-height: 1.2; background: #FFF; }

#SliderNav { padding: 0 15px; }
#SliderNav li { padding: 0 5px 0 0; height: 60px; }
#Detail #Top #SliderNav li img { max-height: 100%; }

#SliderNav .slick-prev,
#SliderNav .slick-next { top: 0; left: -10px; margin: 0; padding: 0 !important; width: 25px; height: 60px !important; opacity: 1; }
#SliderNav .slick-next { left: auto; right: -10px; }
#SliderNav .slick-prev:after,
#SliderNav .slick-next:after { right: 5px; margin-top: -12.5px; width: 10px; height: 25px; background-image: url("/images/others/detail_back.png"); background-size: contain; }
#SliderNav .slick-next:after { right: auto; left: 5px; background-image: url("/images/others/detail_next.png"); }

#Detail #Status h2 { margin: 15px 0 10px; font-size: 16px; }
#Detail #Status .area { margin: 10px 0; padding: 10px 0; font-size: 17px; }
#Detail #Status .area span { width: 110px; height: 25px; font-size: 12px; line-height: 25px; }
#Detail #Status .area span.tag { margin: 0 0 0 5px; padding: 2px 8px 0; font-size: 12px; line-height: 20px; }
#Detail #Status .area strong { margin: 0 5px 0 10px; font-size: 25px; }
#Detail #Status dt,
#Detail #Status dd { margin: 0 0 10px; font-size: 12px; }
#Detail #Status h3 { margin: 10px 0 8px; padding: 10px 0 0; font-size: 12px; }
#Detail #Status p { font-size: 12px; }

#Detail table,
#Detail table tbody { display: block; } 
#Detail table { border-left: none; }
#Detail table tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#Detail table th,
#Detail table td { display: block; padding: 10px 8px; width: 30%; min-height: 0; font-size: 12px; }
#Detail table th { width: 20%; }
#Detail table td:last-child,
#Detail table tr.long td  { border-right: none; }
#Detail table tr.long td { width: 80%; }
#Detail table td.price { font-size: 14px; }
#Detail table td.price strong { font-size: 18px; }
#Detail table td.price .tag { padding: 0 7px; }

#Detail #Loan { margin: 0 0 50px; padding: 25px 0; }
#Detail #Loan h2 { margin: 0 0 10px; }
#Detail #Loan h2 img { margin: 0 5px 5px 0; width: 22px; vertical-align: middle; }
#Detail #Loan table th,
#Detail #Loan table td { padding: 10px 5px; width: 33.3%; font-size: 13px; }
#Detail #Loan table th { padding-bottom: 8px; line-height: 1; }
#Detail #Loan table th:last-child { border-right: none; }
#Detail #Loan table input { margin: 0 5px 0 0; width: 76px; }
#Detail #Loan table span,
#Detail #Loan table strong { margin: 0 3px 0 0; font-size: 20px; }
#Detail #Loan p.note { margin: 10px 10px 0; font-size: 12px; line-height: 1.4; }

#Detail #Recommend .list { margin: 0; border-bottom: 1px solid #E6E6E6; }
#Detail #Recommend .list li { margin: 0; width: 100%; }
#Detail #Recommend .list li figure { height: 85%; height: calc(100% - 20px); }

/* Staff */
#StaffList li { margin: 0 0 25px; padding: 0 10px 15px; }
#StaffList li .sp { display: block; }
#StaffList li .pc { display: none; }
#StaffList li h3 { margin: 0 0 10px; padding: 0; font-size: 20px; border: none; }
#StaffList li h3 strong { display: block; margin: 0 -10px 10px; padding: 6px 10px 5px; font-size: 9px; text-align: left; }
#StaffList li h3 span { margin: 0 0 0 10px; font-size: 9px; letter-spacing: 1px; }
#StaffList li h4 { margin: 0 0 10px; padding: 0 0 0 25px; font-size: 14px; line-height: 15px; }
#StaffList li h4:before { width: 15px; height: 15px; }

#StaffList li div { margin: 0 0 10px; padding: 0; width: 100% !important; }
#StaffList li figure { position: static; margin: 0 0 10px; width: 100%; }
#StaffList li .detail { margin: 0 0 15px; padding: 0; }
#StaffList li .detail dl { padding: 6px 0 0; }
#StaffList li .detail dt,
#StaffList li .detail dd { padding: 0; font-size: 11px; vertical-align: top; }

#StaffList li .comment { margin: 0 0 10px !important; padding: 15px !important; }
#StaffList li .comment p { font-size: 11px; font-weight: normal; line-height: 1.6; }
#StaffList li .comment.subordinate p { margin: 0; min-height: 100px; }
#StaffList li .comment.subordinate h4 { margin: -15px -15px 15px; padding: 8px; font-size: 14px; font-weight: normal; }
#StaffList li .comment figure { float: left; margin: 0 10px 10px 0; width: 100px; height: 100px; }
#StaffList li .acd-re { margin: 0 auto; }
#StaffList li .acd-re-content:last-child { margin: 0 0 -18px; }

/* Voices */
#Voices article h2 { margin: 35px 0 30px; font-size: 12px; letter-spacing: 1px; line-height: 1.5; }
#Voices article h2 strong { margin: 0 0 0 3px; font-size: 24px; letter-spacing: 2px; }
#Voices .paging .pager { margin: 0 0 25px; }

.voiceList { display: block; margin: 0; padding: 0 10px; }
.voiceList li { margin: 0 0 10px; padding: 25px; width: 100%; font-size: 12px; }
.voiceList li figcaption { margin: 0 0 15px; }
.voiceList li strong { margin: 0 0 10px; font-size: 16px; line-height: 1.4; }
.voiceList li a:after { top: -25px; }
.voiceList ~ .paging .pager { margin: 15px 0 0; }

/* Company */
#Company article { margin: 0 0 50px; padding: 0 10px; }
#Company article h2 { margin: 0 0 15px; font-size: 20px; }
#Company article h2 span { font-size: 12px; }
#Company article h3,
#Company article h4 { margin: 0 auto 8px; font-size: 16px; }
#Company article h4 { margin: 12px auto 5px; padding: 12px 0 0; font-size: 11px; }

#Company article#Slogan { margin: 0 0 50px; }
#Company article#Slogan h2 { margin: 40px 0; font-size: 11px; line-height: 1.8; }

#Company article table { margin: 15px 0 0; }
#Company article table th,
#Company article table td { padding: 14px 10px; font-size: 11px; line-height: 2; }
#Company article table th { width: 90px; }

#Company article#Map { margin: 0 auto 50px; }
#Company article#Map p { font-size: 11px; line-height: 1.6; }

#GoogleMap iframe { margin: 0 0 15px; width: 100%; height: 250px; }

/* rules */
.rules #PageTop a {-webkit-transform: translateY(75px) !important; transform: translateY(75px) !important; }
.rules article { padding: 35px 10px 0; }
.rules #Content article h2 { margin: 0 0 15px; font-size: 20px; letter-spacing: 0; }
.rules #Content article h3 { margin: 0 0 5px; font-size: 15px; }
.rules #Content article h2 + p { margin: 0 0 20px; }

.rules article > ol ol { padding-left: 22px; }
.rules article p,
.rules article li { margin: 0 0 20px; font-size: 14px; }
.rules article li div { display: block; padding: 20px 30px; }

.rules#Sitemap article ul { display: block; margin: -1px 0 0 !important; width: 100%; }
.rules#Sitemap article ul li { padding: 15px 0 0; }
.rules#Sitemap article ul li.dashed { padding-bottom: 15px; }
.rules#Sitemap article a { margin: 0 0 0 3px; padding-left: 13px; }
.rules#Sitemap article a:after { top: 1px; width: 7px; height: 12px; }

/* form */
.form #Content article h2 { margin: 35px 0 25px; }
.form #Content article h2 + p { margin: 0 10px 25px; font-size: 12px; }
.form #Content article p { padding: 0 10px; }
.form #Content article p.dashed { padding: 30px 10px 0; }

.form table { margin: 0; border-left: none; }
.form table th,
.form table td { display: block; padding: 10px; width: 100%; border-right: none; }
.form table th { padding: 10px 10px 10px 55px; line-height: 1; border-bottom: none; }
.form table th span { right: auto; left: 10px; margin: -11px 0 0; padding: 6px 8px 4px; font-size: 10px; }
.form table td { padding-top: 0; }
.form table .note { display: block; margin: 5px 0 0; font-size: 12px; line-height: 1.2; }

.form table .select_box { width: 240px; }
.form table label { margin: 0 0 8px; width: 55%; }
.form table label:nth-child(2n) { width: 43%; }
.form table label ~ .note { margin: 0; }

.form table .name input[type="text"] { margin-right: 0; max-width: 48%; max-width: calc(50% - 5px); }
.form table input[type="password"],
.form table input[type="number"],
.form table input[type="tel"] { max-width: 240px; }

.form table ~ p { margin: 0 10px; }

#Privacy { margin: 0 0 25px; padding: 15px 10px !important; font-size: 14px; border-right: none; border-left: none; }
#Privacy strong { margin: 10px 0 0; }

.form.comp #Content article h2 { font-size: 22px; letter-spacing: 0; }

.form #PageTop a,
.login #PageTop a { -webkit-transform: translateY(75px) !important; transform: translateY(75px) !important; }
.form footer #Copyright,
.login footer #Copyright { padding-bottom: 9px !important; }

/* login */
.login #Content article { margin: 0 0 35px; }
.login #Content article h2 { margin: 0 0 20px; font-size: 26px; }
.login #Content article h2.line { font-size: 20px; }
.login #Content article h2.line:before,
.login #Content article h2.line:after { bottom: -10px; }

.login .enter,
.login .free { display: block; margin: 0 10px 35px; width: auto; }
.login .enter { margin: 0 0 35px; padding: 20px 10px; border: none; border-bottom: 1px solid #E6E6E6; }

.login p.submit { margin: 5px 0 20px; }
.login p.submit .submit { max-width: 200px; }

.login p { font-size: 12px; }
}

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

#Slider .slick-slide,
#Slider .slick-slide img { width: 375px; height: auto; max-height: none; }
}