@charset "UTF-8";
/*
@import url("./fonts/mp2p/font.css");
*/
#header_v2{ border-bottom:none; }

#main .bt,#main .pcbt{
	transition:all 300ms 0s ease;
	display:flex; align-items:center; justify-content:center; flex-wrap:wrap;
	background:rgba(0,0,0,0.60);
	border-top:1px solid rgba(255,255,255,1); border-bottom:1px solid rgba(255,255,255,1);
	color:#FFFFFF; font-weight:bold; text-decoration:none;
	position:relative;
}

#main .bt::after,#main .pcbt::after{
	position:absolute;
	transition:all 300ms 0s ease;
	display:inline-block; content:"";
	border-top:solid 2px #FFFFFF; border-right:solid 2px #FFFFFF;
	transform:translateY(-50%) rotate(45deg);
	margin-left:0.25em;
}
/* 基本構成 */
#main .bt:hover,#main .pcbt:hover,
#main a:hover .bt{background:rgba(255,255,255,0.30); color:#000000;border-top:1px solid rgba(0,0,0,0.6); border-bottom:1px solid rgba(0,0,0,0.6);}
#main .bt:hover::after,
#main a:hover .bt::after,#main a:hover .pcbt::after{ border-top:solid 2px #000000; border-right:solid 2px #000000; }
#main .bt .note,#main .pcbt .note{ color:#FFFFFF; text-align:center; width:100%; }
#main .mainTitle{ display:none !important; }

a.btn-catalog {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 3.2rem;
  width:100%;
  cursor: pointer;
  transition: all 0.3s;
  letter-spacing: 0.1em;
  color: #16a;
  border: 2px solid #16a;
  border-radius: 1rem;
  background: linear-gradient(0deg, #aaa 26%, #ccc 100%);
  box-shadow: 4px 4px 8px #245559;
}
a.btn-catalog img{width: 36vw; height: 100%; position: absolute; right:0.1em;top:0;}
a.btn-catalog::before {position: absolute;margin:29px 0 0 -30px;width:15px;height:15px;content: "";transition: left .2s;transform: rotate(45deg);border: 2px solid;border-color: #f92 #f84 transparent transparent;}
#spcv_banner{ padding:0 20px 20px; }
.c_gray {background: #726d6d;}
.c_pink {background: #f34f95;}
.c_orange {background: #ff8915;}
.c_yellow {background: #efd215;}
.c_blue {background: #2692fd;}
.c_purple {background: #6969fb;}
.c_green {background: #2ade15;}
/*@media print, screen and (min-width:768px) html, body { min-width: 1000px;}*/

@media print, screen and (min-width:768px){
	#main .inner{margin:0 auto; box-sizing:border-box;max-width: 1400px;}
	#main .inner_kv{ min-width: 1200px; max-width: 1400px; margin:0 auto; box-sizing:border-box; }
	#main .inner_notices{ width:1200px; margin:25px auto; box-sizing:border-box; }
	#main .bt,#main .pcbt{ font-size:1.7rem; line-height:1.5; height:48px; }
	#main .bt::after,#main .pcbt::after{ right:20px; top:50%; width:12px; height:12px; }
	#main .bt .note{display:inline-block;font-size:1.4rem; line-height:1.2;position:absolute; left:0; bottom:58px;}
	#content-top { margin: 0 auto;padding-bottom: 12px;}
	/* PC版は横1200pxまでは縮小して全体表示*/ 
	 html,body { min-width: 1200px;}
	img { width: 100%;}
	.nav_sp_banner{display:none;}
	#spcv_banner{display:none;}
}

@media screen and (max-width:767px){
	#main .bt{ font-size:1.8rem; line-height:1.5; padding:5px 13px 5px 13px; min-height:40px;}
	#main .bt::after{ right:10px; top:50%; width:9px; height:9px; }
	#main .bt .note{ display:block; font-size:1.1rem; font-weight:100; transition:all 300ms 0s ease; }
	#main .bt:hover .note,#main a:hover .bt .note{ color:#000000; }
	#content-top { padding-bottom: 25px;overflow: hidden;width: 100%;}
	.nav_sp_banner{margin-top:40px;}
	#main .pcbt{display:none;}
}
@media screen and (max-width:500px){
	a.btn-catalog {  font-size: 1.8rem;}
	a.btn-catalog::before{margin:20px 0 0 -26px;}
}
@media screen and (max-width:374px){
	a.btn-catalog {font-size: 1.4rem;padding: 1rem 3.2rem;}
	a.btn-catalog::before{margin:16px 0 0 -25px;width: 10px;height: 10px}
}
/* トップスライド欄 */
#kv .slider:not(.slick-initialized) .slid_item:not(:first-child){ display:none; }
#kv .slick-dotted.slick-slider{ margin-bottom:0 }
#kv .slick-dots{ width:auto; }
#kv .slick-dots{}
#kv .slick-dots li{ width:auto; height:auto; }
#kv .slick-dots li button{ padding:0; margin:0; background:#847D75; }
#kv .slick-dots li.slick-active button{ background:#FFFFFF; }
#kv .slick-dots li button::before{ display:none; }
#kv .slid_item .title,
#kv .slid_item .text,
#kv .slid_item .btns{ padding:0; margin:0; }
#kv .slid_item .btns .bt{ background:rgba(0,0,0,0.70); }
#kv .slid_item .btns .bt:hover{ background:rgba(255,255,255,0.60); }
#kv .slid_item .title,#kv .slid_item .title_s,
#kv .slid_item .text{ font-weight:normal; }
#kv .slid_item:not(.slick-active){ pointer-events:none; }
@keyframes anim {
	0% {transform: translateX(0px);-ms-transform: translateX(0px);}
	100% {transform: translateX(-60px);-ms-transform: translateX(-60px);}
}
@keyframes anim2 {
	0% {transform: scale(1);-ms-transform:scale(1);}
	50% {transform: scale(1);-ms-transform:scale(1);}
	100% {transform: scale(1.1);-ms-transform:scale(1.1);}
}
@media print, screen and (min-width:768px){
	#kv{ margin-bottom:20px; }
	#kv picture img{ width:68%; max-height:540px;min-height:463px;margin-left:32%;height: calc(68vw * 540 / 952);}
	#kv .slick-dots{ right:60px; bottom:25px; }
	#kv .slick-dots li{ margin:3px 0 0 3px; }
	#kv .slick-dots li button{ width:78px; height:3px; }
	#kv .slid_item{ position:relative; }
	#kv .slid_text{ position:absolute; height:100%; width:32%; left:0; top:0;background:#333;color:#fff;}
	#kv .slid_text>*{ position:absolute; }
	#kv .slid_text .title{left:72px; top:80px;font-size:3.5rem; line-height:1.3;text-shadow:1px 1px 1px rgba(73,73,73,0.6);}
	#kv .slid_text .title_s{left:72px; top:80px;font-size:3.2rem; line-height:1.6;text-shadow:1px 1px 1px rgba(73,73,73,0.6);}
	#kv .slid_text .title_ss{left:72px; top:80px;font-size:2.4rem; line-height:1.6;text-shadow:1px 1px 1px rgba(73,73,73,0.6);}
	#kv .slid_text .text{position:absolute; left:72px; top:222px;font-size:1.5rem; line-height:1.4; text-shadow:1px 1px 1px rgba(73,73,73,0.6);}
	#kv .slid_text .text2{width:78%;}
	#kv .slid_text .btns{ position:absolute; left:60px; bottom:60px; }
	#kv .slid_text .btns .bt{ padding:0 40px 0 20px; width:320px; font-size:1.6rem; }
	#kv .slid_text img{width:280px;}
	#kv .translateimg{ width:1300px; height:530px;background:#0091EA; animation: anim forwards 35s linear 0.9s normal;width:110%;}
	#kv .translateimg2{ height:530px; animation: anim2 forwards 24s linear normal;}
	#kv .kv_no1{ width:310px; height:100px;top:315px;left:60px;}
}

@media screen and (max-width:767px){
	#kv{padding-bottom:10px;}
	#kv .slick-dots{ right:16px; top:90vw; bottom:auto; font-size:0; line-height:0; }
	#kv .slick-dots li{ margin:0 0 2px 2px; }
	#kv .slick-dots li button{ width:39px; height:2px; }
	#kv .slid_item{ position:relative; z-index:0; }
	#kv .slid_item picture{ position:relative; display:block;filter: brightness(85%);}
	#kv .slid_item picture::after{display:block; content:"";position:absolute; left:0; top:0; bottom:0; right:0;}
	#kv .slid_text{ padding:15px 6%; color:rgb(51,51,51); }
	#kv .slid_text .title, #kv .slid_text .title_s, #kv .slid_text .title_ss{
		position:absolute; left:calc(100vw * 65 / 768); top:calc(100vw * 460 / 768); z-index:1;
		font-size:calc(100vw * 50 / 768); line-height:1.5; color:#FFFFFF;
		text-shadow:2px 1px 1px rgba(73,73,73,1), 0px 0px 1px rgba(73,73,73,1), 0px 0px 1px rgba(73,73,73,1);
	}
	#kv .slid_text .text{font-size:1.2rem; line-height:1.8;margin-bottom:7px;}
	#kv .slid_text .btns .bt{width:93%; margin:0 auto; font-size:1.6rem;}
	#kv img{ height:calc(100vw * 580 / 625); }
	#kv .slid_text img{position:absolute;bottom:-30px;height:auto;filter: drop-shadow(1px 1px #555);}
/*	#kv .slid_text img{position:absolute; left:calc(100vw * 280 / 768); top:calc(100vw * 158 / 768);height:3.2rem;filter: drop-shadow(1px 1px #fff);}*/
	#kv .kv_no1{ width:100%; height:calc(88vw * 188 / 598); min-height:60px;}
}
@media screen and (max-width:300px){
	#kv .slid_text .btns .bt{font-size:1.1rem;}
	#kv .slid_text img{height:2.3rem;}
}
/* 重要なお知らせ欄 */
#notices{/* background:#D8D8D8;*/}
#notices .important{ background:#C7000D; color:#FFFFFF; text-align:center;}
#notices .text,#notices .link{padding:0; line-height:1.4;}
#notices .link a{ display:inline-block; }
#notices .link a::before{ display:inline-block; content:""; transform:rotate(-45deg);}

@media print, screen and (min-width:768px){
	#notices{padding:25px 60px;}
	#notices .important{ font-size:1.3rem; line-height:23px; width:120px; margin-bottom:10px; margin-right:20px; }
	#notices .title{ font-size:1.8rem; line-height:1.2; margin-bottom:10px; }
	#notices .text, #notices .link{ font-size:1.5rem;}
	#notices .link a{ padding-left:20px; text-indent:-20px; }
	#notices .link a::before{border-bottom:solid 2px #D6082E; border-right:solid 2px #D6082E;width:9px; height:9px; margin-right:8px;}
}
@media screen and (max-width:767px){
	#notices{padding:20px; margin-bottom:15px;}
	#notices .important{font-size:1.2rem; line-height:20px; width:120px; margin-bottom:10px; }
	#notices .title{font-size:1.7rem; line-height:1.4; margin-bottom:5px; }
	#notices .text, #notices .link{font-size:1.3rem;}
	#notices .link a{padding-left:15px; text-indent:-15px; }
	#notices .link a::before{border-bottom:solid 1px #D6082E; border-right:solid 1px #D6082E;width:7px; height:7px; margin-right:7px;}
}


/* 大東建託について欄 about new 20211117 */
#main .about_box{ position:relative; margin-top:20px;}
#main .about_box .title,#main .about_box .text{ position:absolute; padding:0; margin:0; }
/*#about_1 { background-image: url(/top/img/about_bg.jpg); background-size: 1200px 530px; }*/
#about_1 {background:#3F6BA8;}
#about_1 .title{ color:#FFFFFF; }
#about_1 .bt{ background:rgba(0,0,0,0.60); }
#about_1 a{ display:block; text-decoration:none; }

@media print, screen and (min-width:768px){
	.about_box picture img{height:436px;width:1200px;position:absolute;left:100px; bottom:0; padding:0;}
	.about_box .lbtns{ position:absolute; right:12%; bottom:40px; padding:0; margin:0; width:375px; }
	.about_box .title{ font-size:3.4rem; line-height:1.2; left:70px; top:40px; }
	.about_box .text{ font-size:1.8rem; line-height:1.6; left:70px; top:145px; }
	.about_box .rbtns{ position:absolute; right:63px; bottom: 42px; padding:0; margin:0; width:306px; }
	.about_box .rbtns img{ position:static; width:306px;height:165px;margin-top:5px; }
	#about_1 { height:530px; }
	#about_1 a .bt{ margin-top:-48px; }
}
@media screen and (max-width:767px){
	.about_box picture{ overflow:hidden; }
	.about_box picture img{width: 100%;margin-bottom:-40px; /* margin-left:50%; transform:translateX(-50%); height:calc(100vw/0.746);*/}
	.about_box .btns{ }
	.about_box .lbtns a,.about_box .rbtns a{ width:80%; margin:0 auto; }
	.about_box .title{ font-size:2.4rem; line-height:1.0; left:20px; right:20px; top:25px; }
	.about_box .text{ font-size:1.1rem; line-height:1.8; left:20px; right:20px; top:70px; }
	.about_box .rbtns{ padding-bottom:30px; }
	#about_1 a img{ width:100%;height:calc(78vw * 1 / 2); }
	#about_1 .bt{ background:rgba(0,0,0,0.60);bottom:20px;font-size: 1.4rem;}
	#about_1 .rbtns .bt{ background:rgba(0,0,0,0.60);bottom:0; }
}
@media screen and (max-width:767px){
	.about_box .title{font-size:2rem;}
}

/* ----------------------------------------
	START ラインナップ実例
---------------------------------------- */
/***  202308 ***/
.lineup_box{ position:relative;}
.lineup_box .title{ position:absolute; padding:0; margin:0; }

.lineup_box  a{text-decoration:none;color:#001;}
.lineup_box  img{width:100%;}
.lineup_box .col1 {display:flex;justify-content:space-between; flex-wrap: wrap;}
.lineup_box .col1 dl a:hover {text-decoration: underline;text-decoration-color:slategrey}
.lineup_box .col1 dl a:hover img{opacity:.7;}
.lineup_box .col1 dl .head {font-size:26px;letter-spacing:1px;font-family: -apple-system, "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, sans-serif !important;}
.lineup_box .col1 dl .head::before{display:inline-block;vertical-align:middle;width:24px;height:24px;margin:0 6px 4px 0;content: "";background-repeat: no-repeat; background-size: contain;background-image:url(/top/img/icon_list.png);}
.lineup_box .col1 dl .detail{font-size:1.3rem;color:darkslategray;padding:10px 0 0 0;}

.lineup_box .col2 dl{padding:0px;border:1px solid #EEE;box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);}
.lineup_box .col2 dl a:hover {opacity:.7;}
.lineup_box .col2 dl .reco {display:flex;flex-flow:nowrap;width:100%; }
.lineup_box .col2 dl .reco .reco-image {width:35%;margin:5px;}
.lineup_box .col2 dl .reco .reco-txt {width:65%;display:flex;flex-direction:column;margin:5px 5px 5px 0;padding:0 5px 0 15px;background: url(/top/img/bg_lineup.png) repeat;}
.lineup_box .col2 dl .reco .reco-hr {border-top:1px solid #d2d5e9;}
.lineup_box .col2 dl .reco .head {font-size:22px;font-family: -apple-system, "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, sans-serif !important;}
.lineup_box .col2 dl .reco .detail {font-size:1.3rem;color:darkslategray;padding-top:10px}
.lineup_box .col2 dl .reco .detail .line {background: linear-gradient(transparent 60%, linen 10%);font-size:1.5rem;color:black}

@media print, screen and (min-width:768px){
	#lineup {padding: 30px 0 30px;margin: 0 auto;height: 580;max-width:1400px;}
	.lineup_box .title{ font-size:3.4rem; line-height:1.2; left:70px; top:40px; }
	.lineup_box .wrap{position: relative;margin:75px auto 0;width:1080px;}
	.lineup_box .col1{margin-bottom: 40px;}
	.lineup_box .col1 dl{width:520px;}
	.lineup_box .col1 dl .head {margin-top:10px}
	.lineup_box .col2 {display:flex;justify-content:space-between;flex-wrap:wrap;position: relative;margin-top:40px;}
	.lineup_box .col2 dl {width:520px;margin-bottom:40px;}
	.lineup_box .col2 dl .lh{ line-height:1.0;}
	.hr_lineup{width:1080px;margin:0 auto;border-top:1px solid #d2d5e9;}
}
@media screen and (max-width:767px){
	.lineup_box .title{ font-size:2rem; line-height:1.0; font-weight:600; margin-bottom:15px;left:20px;top:10px;}
	.lineup_box .wrap {padding:45px 5% 20px;}
	.lineup_box .col1 {margin-top:20px}
	.lineup_box .col1 dl{margin-bottom:10px}
	.lineup_box .col1 dl .head {font-size:18px;padding-top:10px;}
	.lineup_box .col1 dl .head::before{width:18px;height:18px;margin:0 6px 4px 0;}
	.lineup_box .col1 dl .detail {font-size:1.2rem;}
	.lineup_box .col2 {padding-top:10px;}
	.lineup_box .col2 dl{width:100%;margin-bottom:20px}
	.lineup_box .col2 dl .reco .head {padding:10px 0 10px 0;;font-size:3.5vw;}
	.lineup_box .col2 dl .reco .detail {font-size:2.5vw;color:darkslategrey;padding-top:0px}
	.lineup_box .col2 dl .reco .detail .line {font-size:3vw;color:black;}
}

/*** ラインナップ実例 202304 ***/
/*#lineup { background:#b8cde0; }*/
.lineup_box202304{  background:#b8cde0;position:relative;}
.lineup_box202304 .title{ position:absolute; padding:0; margin:0; }
.lineup_box202304 .wrap a{text-decoration:none;color:#001;font-size: 1.8rem;line-height: 1.8;}
.lineup_box202304 .wrap .col1 {width:510px;background: #FFF;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);}
.lineup_box202304 .wrap .col1 img{width:100%;}
.lineup_box202304 .wrap .col1 .text-menu {margin: 10px 0 5px 0;text-align: center;}
.lineup_box202304 .wrap .col1 .text-menu a::before{position: absolute;margin:15px 0 0 -20px;width: 10px;height: 10px;content: "";transition: left .2s;transform: rotate(45deg);border: 2px solid;border-color: #fb5 #faa transparent transparent;}
.lineup_box202304 .wrap .col1 .text-menu a{font-size:2.5rem;font-weight:600;color:#0a4a8a}
.lineup_box202304 .wrap .col1 .text-menu a:hover {color:#93caec;}
.lineup_box202304 .wrap .col1 ul {display:flex;flex-wrap: wrap;justify-content: space-between;padding: 0 30px 0;text-align:center;}
.lineup_box202304 .wrap .col1 li {width:47%;border:3px solid #FFF;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);margin:10px 0 15px;}
.lineup_box202304 .wrap .col1 li a {font-size:16px;font-weight:600;}
.lineup_box202304 .wrap .col1 li a:hover {opacity:.7;}
.lineup_box202304 .wrap .col1 li .col-lineup {background: url(/top/img/bg_lineup.png) repeat;}

.lineup_box202304 .wrap .col2 .banner_wrap li {margin:0px;}
.lineup_box202304 .wrap .col2 {width:510px;}
.lineup_box202304 .wrap .col2 ul{display:flex;flex-flow:wrap;border-top:none;margin:0px;padding-top:0px;}
.lineup_box202304 .wrap .col2 li {width:100%;margin:0px 0px 15px;padding:0px;box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);}
.lineup_box202304 .wrap .col2 li:last-child{margin-bottom:0px;box-shadow:none;}
.lineup_box202304 .wrap .col2 .reco{background: #FFF;display:flex;flex-flow:nowrap;}
.lineup_box202304 .wrap .col2 .reco-image {width:35%;margin:5px;height:auto}
.lineup_box202304 .wrap .col2 .reco-txt {width:65%;margin:5px 5px 0px 5px}
.lineup_box202304 .wrap .col2 .reco-hr {border-top:1px solid #d2d5e9;}
.lineup_box202304 .wrap .col2 .reco .head {padding-left:15px;font-size:22px;color:#0a4a8a}
.lineup_box202304 .wrap .col2 .reco .detail {font-size:1.4rem;color:darkslategrey;padding:10px 0px 0px 15px;}
.lineup_box202304 .wrap .col2 .reco .detail .line {background: linear-gradient(transparent 60%, linen 10%);font-size:1.7rem;color:black}
.lineup_box202304 .wrap .col2 strong::before{position:absolute;margin:13px 0 0 -20px;width:10px;height: 10px;content: "";transition: left .2s;transform: rotate(45deg);border: 2px solid;border-color: #fb5 #faa transparent transparent;}
.lineup_box202304 .wrap .col2 a:hover {opacity:.7;}
.lineup_box202304 .wrap .col2 img{width:100%;}

@media print, screen and (min-width:768px){
/*	#lineup {padding: 30px 0;margin: 0 auto;height: 840px;max-width:1400px;} */
	.lineup_box202304 .title{ font-size:3.4rem; line-height:1.2; left:70px; top:40px; }
	.lineup_box202304 .wrap{display:flex;justify-content:space-around; flex-wrap: wrap;position: relative;margin:75px auto 50px;width:1100px;}
	.lineup_box202304 .banner_wrap ul{ display:flex; justify-content:space-between;flex-flow: row wrap; position: relative; margin:0 auto;width:100%;}
}
@media screen and (max-width:767px){
	.lineup_box202304 .title{ font-size:2.5rem; line-height:1.0; font-weight:600; margin-bottom:15px;left:20px;top:25px;}
	.lineup_box202304 .wrap {width:100%;padding:45px 5%;}
	.lineup_box202304 .wrap a{font-size: 20px;}
	.lineup_box202304 .wrap .col1{width:100%;margin-top:20px}
	.lineup_box202304 .wrap .col1 ul {padding: 0 5px 0;justify-content:space-around;}
	.lineup_box202304 .wrap .col1 li a {font-size:12px;}
	.lineup_box202304 .wrap .col1 .text-menu {padding-top:10px;}
	.lineup_box202304 .wrap .col1 .text-menu a{font-size:18px;}
	.lineup_box202304 .wrap .col1 .text-menu a::before{margin:10px 0 0 -20px;}
	.lineup_box202304 .wrap .col2{width:100%;margin-top:20px}
	.lineup_box202304 .wrap .col2 .reco .head {padding-left:15px;font-size:1.7rem;}
	.lineup_box202304 .wrap .col2 .reco .detail {font-size:1.3rem;color:darkslategrey;padding:0px;}
	.lineup_box202304 .wrap .col2 .reco .detail .line {font-size:1.3rem;color:black}
}
/* ----------------------------------------
	START DESIGN the FUTURE バナー
	バナー削除時にENDまで削除して良い
---------------------------------------- */

/** 上書き**/
#dtf_banner li img {
    width: 100%;
    height: auto;
	margin-bottom: 0;
	box-shadow:none;
}


#dtf_banner li>div {
	position: relative;
	padding-top: calc(280 / 597 * 100%);
	border:5px solid white;
	box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

#dtf_banner .architects>div { background: #eeccbc; }
#dtf_banner .portfolio>div { background: #c8daed; }
#dtf_banner .ownersvoice>div { background: #e3e4e3; }
/**
#dtf_banner li a,
#dtf_banner li>div>div {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
}
**/
#dtf_banner p,
#dtf_banner figure {
	position: absolute;
	z-index: 1;
}

#dtf_banner .en {
	height: calc(25.5 / 280 * 100%);
}
#dtf_banner .en img {
	position: absolute;
	left: 0;
	width: auto;
	height: 100%;
}

/** 右寄せ**/
#dtf_banner .architects .en img,
#dtf_banner .ownersvoice .en img {
	left: auto;
	right: 0;
}

#dtf_banner li figure {
	width: 100%;
}
#dtf_banner li figure div {
	overflow: hidden;
}
#dtf_banner li figure::before {
	content: '';
	position: absolute;
	padding-top: calc(15 / 597 * 100%);
	background: #bf1926;
	transition-property: margin;
}
#dtf_banner figure img {
	transform-origin: 0 0;
	transition-property: transform;
}
#dtf_banner .architects .en,
#dtf_banner .architects .jp {
	top: calc(28 / 280 * 100%);
}
#dtf_banner .architects .en,
#dtf_banner .architects figure::before {
	right: calc(147 / 597 * 100%);
}

#dtf_banner .architects .jp {
	right: calc(22 / 597 * 100%);
	width: calc(97 / 597 * 100%);
}

#dtf_banner .architects figure {
	bottom: 0;
}
#dtf_banner .architects figure::before {
	bottom: 100%;
	width: calc(225 / 597 * 100%);
}
#dtf_banner .architects figure div {
	margin-right: calc(147 / 597 * 100%);
}

#dtf_banner .portfolio .en,
#dtf_banner .portfolio .jp {
	top: calc(30 / 280 * 100%);
}
#dtf_banner .portfolio .en,
#dtf_banner .portfolio figure::before {
	left: calc(176 / 597 * 100%);
}

#dtf_banner .portfolio .jp {
	left: calc(40 / 597 * 100%);
	width: calc(99 / 597 * 100%);
}

#dtf_banner .portfolio figure {
	bottom: 0;
}
#dtf_banner .portfolio figure::before {
	bottom: 100%;
	width: calc(195 / 597 * 100%);
}
#dtf_banner .portfolio figure div {
	margin: 0 calc(43 / 597 * 100%) 0 calc(176 / 597 * 100%);
}


#dtf_banner .ownersvoice .en,
#dtf_banner .ownersvoice figure::before {
	right: calc(176 / 597 * 100%);
}
#dtf_banner .ownersvoice .en {
	top: calc(232 / 280 * 100%);
}

#dtf_banner .ownersvoice .jp,
#dtf_banner .ownersvoice figure {
	top: calc(42 / 280 * 100%);
}
#dtf_banner .ownersvoice .jp {
	right: calc(38 / 597 * 100%);
	width: calc(99.5 / 597 * 100%);
}

#dtf_banner .ownersvoice figure::before {
	top: 100%;
	width: calc(280 / 597 * 100%);
}
#dtf_banner .ownersvoice figure div {
	margin: 0 calc(178 / 597 * 100%) 0 calc(43 / 597 * 100%);
}

@media print, screen and (min-width:768px){
	#dtf_banner {
		display: flex;
		flex-wrap: wrap;
	}
	#dtf_banner>li {
		box-sizing: border-box;
		width: 49%;
	}
/**
	#dtf_banner>li:nth-child(3n+2) {
		margin:0px 20px 0px;
	}
*/
	#dtf_banner figure::before,
	#dtf_banner figure img {
		transition: 1s;
	}
	#dtf_banner a:hover figure::before {
		margin: 0 calc(15 / 597 * 100%);
	}
	#dtf_banner a:hover figure img {
		transform: scale(1.05);
	}
}
@media screen and (max-width:767px){
	#dtf_banner { display:flex;flex-wrap: nowrap;justify-content:space-between;}
	.banner_wrap ul li { width: 49%!important}
}
/* END DESIGN the FUTURE バナー */
/* ----------------------------------------
	END ラインナップ実例
---------------------------------------- */

/*資料請求・セミナー*/
/*#prom {background:#CCCCCC;}*/
#prom {background:#eeeeff;}
#prom a{color:#3E3A39;}
@media print, screen and (min-width:768px){
	#prom { position:relative; height:500px; margin-top:4px!important;}
	#prom ul a:hover{ color:#4577b9; opacity:0.6; }
	.prom_wrap ul{ display:flex; justify-content:space-around;flex-flow: row wrap;width: 1060px; position: relative; padding-top: 40px;margin:0 auto;}
}
@media screen and (max-width:767px){
	.prom_wrap ul{ width:80%; margin:0 auto; }
	#prom { margin-top:1px!important;}
	#prom img{ width:100%; height:auto; margin-bottom: 6px;}
	#prom a{color:#4577E0;}
}

/* 会員用・サステナビリティ */
#main .ppp .title{ font-weight:inherit; }
#main .ppp .btns{ text-align:center; }
#main .ppp ul a{ text-decoration:none; }

/* PC */
@media print, screen and (min-width:768px){
	#sustainability.lazyloaded{color:#FFFFFF; background:url("/top/img/sustainability_bg.jpg") no-repeat center top/1400px auto; }
	#membership.lazyloaded{background:url("/top/img/membership_bg.jpg") no-repeat center top/1400px auto; }
	#membership { position:relative; height: 500px;}
	#sustainability { position:relative; height: 530px;}
	
	#main .ppp .title{ font-size:3.4rem; line-height:1.2; font-weight:bold; left:70px; top:70px;position:absolute; }
	#main .ppp .title span{ font-size:1.5rem; font-weight:normal; }
	#main .ppp .text_1{ font-size:1.8rem; line-height:1.6; width:695px; left:70px; top:145px;position:absolute; }
	#main .ppp .text_2{ font-size:2.8rem; line-height:1.2; width:100%; text-align:center; left:0; top:240px; position:absolute;}
	.ppp_wrap ul{ display:flex; justify-content:space-around;flex-flow: row wrap;width: 1060px; position: relative; padding-top: 280px;margin:0 auto;}
	#main .ppp ul li{ width:315px;margin-top: 55px; }
	#main .ppp .btns{ text-align:center; }
	#main .ppp .btns_wrap{ position: absolute; right: 70px; bottom: 60px; width: 305px; }
	#main .ppp .btns_wrap .btns{ margin-top:20px; }
}

/* SP */
@media screen and (max-width:767px){
	#sustainability.lazyloaded{ margin-top: 1px; color:#FFFFFF; background:url("/top/img/sustainability_bg_sp.jpg") no-repeat top/cover; }
	#membership.lazyloaded{ margin-top: 1px; background:url("/top/img/membership_bg_sp.jpg") no-repeat top/cover; }
	
	#main .ppp{ padding-top:30px; padding-bottom:45px; }
	#main .ppp .title{ font-size:2.5rem; line-height:1.0; font-weight:600; margin-bottom:15px;left:20px; position:relative;}
	#main .ppp .title span{ display:block; font-size:1.5rem; font-weight:500; margin-top:5px; }
	#main .ppp .text_1{ font-size:1.1rem; line-height:1.8; }
	#main .ppp .text_2{width:80%; margin:0 auto;font-size:1.9rem; line-height:1.4;}
	.ppp_wrap ul{ width:80%; margin:0 auto; }
	#main .ppp ul li:not(:last-child){ margin-bottom:36px }
	#main .ppp ul a{ text-decoration:underline; }
	#main .ppp .btns{ text-align:center; }
	#main .ppp .btns .bt{ border-color:rgba(255,255,255,0.4); }
	#main .ppp .btns .note{ z-index:0; }
	#sustainability.ppp ul{ margin-top:35px; }
	#sustainability.ppp .btns a{ position:relative; min-height:45px; padding-left:50px }
	#sustainability.ppp .btns a img{ width:65px; vertical-align:bottom; position:absolute; left:0; bottom:0; z-index:1; }
	#membership.ppp ul{ padding-top:85px; }
	#membership.ppp .btns a{ position:relative; min-height:45px; padding-left:50px; }
	#membership.ppp .btns a img{ width:65px; vertical-align:bottom; position:absolute; left:0; bottom:0; z-index:1; }
}

/* ピックアップ欄 */
#pickup{}
#pickup ul img{ max-width:100%;  border-bottom: solid; border-top: solid; border-width: thin; border-color: lightgray; }
@media print, screen and (min-width:768px){
	#pickup{ padding:55px 60px 0; }
	#pickup .title{ font-size:4.5rem; line-height:1.2; margin-bottom:35px; }
	#pickup .title span{ font-size:1.7rem; }
	#pickup ul{ display:flex; justify-content:center; margin:0 -60px; font-size:1.4rem; text-align:center; }
	#pickup ul li{ width:25%; }
/*	#pickup ul img{ max-width:calc(100% + 20px); margin:0 -10px 10px; }*/
	#pickup ul a:hover{ color:#c00; opacity:0.6; }
}

@media screen and (max-width:767px){
	#pickup{ padding:30px 20px 0; }
	#pickup .title{ font-size:2.8rem; line-height:1.2; margin-bottom:10px; }
	#pickup .title span{ font-size:1.2rem; }
	#pickup ul{ display:flex; justify-content:space-between; flex-wrap:wrap; font-size:1.0rem; text-align:center; margin:0 -20px; }
	#pickup ul li{ width:50%; margin-bottom:20px; }
	#pickup .slick-dots{width:1px;}
}

#release {padding:60px 0;}
#release::after{content: none;}
#release .boxDesign01 .newsContent {padding: 0;}
#release .listviewIR {display: block;border-top:none;border-bottom:none;}
#release .listviewIR dl {display: grid;}
#release .listviewIR dl dd.title a{overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;text-decoration: none;}
#release .listviewIR dl dd a{font-size:1.4rem;}
@media print, screen and (min-width: 768px){
	#release {display:flex;gap:3%;justify-content: center;padding:40px 60px 60px;}
	#release .news_wrap{width:100%;}
	#release .news_title {margin-right: 10px;line-height: 1.2;font-size: 3.0rem;}
}

/* ----------------------------------------
	START 画像付きニュースTopics共通 2023.05.18
---------------------------------------- */
#kp {padding:60px 0;background:#ebebec;}
#kp .H1-news-list{width:100%;}
#kp .kp__title{display: flex;justify-content: space-between;align-items: flex-end;flex-wrap: wrap;margin-top: 15px;}
#kp .kp__title .ke_logo{width:58%;}
#kp .notice ul li time{ display:inline-block; }
#kp .p_banner img{width:100%;}
#kp .more a{ color:inherit; text-decoration:none; }
#kp .more a:hover{ opacity:0.6; }
#kp .news__c_icon {display: inline-block;border-right:#777 1px solid;padding-right:10px; text-align: center; white-space:nowrap; margin:4px 10px 4px 0;font-size:1.2rem;color:#777;}

#kp .news__itembox {display:none;}
#kp .news__itembox.cur { width:100%; display:flex; flex-wrap: wrap;}
#kp .news__itembox.cur dl { margin:13px 0;/*box-shadow: 0 2px 10px 5px #c8bdbd;background: #fff;*/padding-bottom:1px;}
#kp .news__itembox.cur dt { display: flex; justify-content: space-between;}
#kp .news__itembox.cur dd { overflow:hidden;}
#kp .news__itembox.cur dd a{font-size: 1.6rem;overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;}
#kp .news__itembox.cur a {text-decoration: none; color: #444;}
#kp .news__itembox.cur dd time,#kp .news__itembox.cur li time {font-size: 1.2rem;color:#777;}
#kp .news__itembox.cur img {margin-bottom: 6px;}
#kp .news__itembox.cur dl.pdf span.filesize:after { content: url(/img/icon_pdf.png);}
#kp .news_list {width: 700px; margin: 50px auto;}
#kp .news_list .kp_bt_font {display: flex;justify-content: center;flex-wrap:nowrap;align-items:center;}
#kp .news_list .kp_bt_font .kp_font {letter-spacing:3px;text-shadow:0.8px 0.8px 0 #FFF,-0.8px -0.8px 0 #FFF,-0.8px 0.8px 0 #FFF,0.8px -0.8px 0 #FFF,0px 0.8px 0 #FFF,0 -0.8px 0 #FFF,-0.8px 0 0 #FFF, 0.8px 0 0 #FFF;}
#kp .news_list .kp_bt_font .kp_font.initials {color:#bf1926;}
#kp .news_list .kp_bt_font .kp_font.normal {color:#666;}
#kp .news_list .sumicoco_bt {text-align:center;background:#ffffe2;}
#kp .news_list .sumicoco_bt::after{border-top:solid 2px darkgrey; border-right:solid 2px darkgrey;}

#kp .news_list .sumicoco_bt ul li{  display:flex;
	align-items: center;
	justify-content: center;}
#kp .news_list a {text-decoration: none;color:#FFF;}
#kp .news__title {margin: 0 1px 12px 1px;font-size: 1.6rem;font-weight:bold;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3;overflow: hidden;}

@media (hover: hover) {
    .news__itembox.cur a:hover img,a.slid_inner:hover img,.news__itembox.cur li:hover img,#movie .movie__item_left:hover img,.movie__kv:hover img{transform:scale(1.1);transition: transform 0.6s;color: #4577b9;}
}
@media print, screen and (min-width: 768px){
	#kp {padding:55px 60px 65px;}
	#kp .kp__title{margin-right:10px;line-height:1.2;font-size:3.5rem;margin-bottom:15px;/*max-width:1147px;*/}
	#kp .topics_title{width:53%;}
	#kp .news_title{width:70%;margin-top:15px}
	#kp .topics_title span{font-size:1.6rem;vertical-align: bottom;}
	#kp .more{ font-size:1.8rem; font-weight:bold; margin-bottom:5px;text-align: right; }
	#kp .more a::after{
		display:inline-block; content:""; width:8px; height:8px; vertical-align: middle;
		border-top:2px solid #D7092F; border-right:2px solid #D7092F; margin-left:0.5em;
		transform:rotate(45deg);
	}
	#kp .p_banner img:hover{ transform: scale(1.06);transition: transform 0.4s;}
	#kp .p_explain{margin-bottom:40px;text-align:center;font-size:15px;font-family: "YakuHanJP","Noto Sans JP","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Yu Gothic","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;}
	#kp .p_explain strong{background: linear-gradient(transparent 60%, linen 10%);}
	#kp .news__itembox.cur {/*width:1080px;*/justify-content:center;margin:0 auto;background-color:white;}
	#kp .news__itembox.cur dl{width:320px;margin-right: 2%;}
	#kp .news__itembox.cur img{min-height:128px;max-height:155px;}
	#kp .news__itembox.news-list.cur dl{width:23%;margin: 25px 0 20px 0;padding-left:21px;position: relative;}
	#kp .news__itembox.news-list.cur dl:nth-of-type(4n){margin-right:20px;}
	#kp .news__itembox.news-list.cur dl:nth-of-type(4n+2),#kp .news-list.cur dl:nth-of-type(4n+3),#kp .news-list.cur dl:nth-of-type(4n+4) {margin-left:20px;padding-left:20px;border-left: 1px solid #777;}
	#kp .news_list .kp_bt_font .kp_font.f {font-size:32px;}
	#kp .news_list .kp_bt_font .kp_font.s {font-size:23px;}
	#kp .news_list .sumicoco_bt img {width:55%}
	#kp .notice{ display:flex; margin-top:50px;background-color: white; padding:15px 35px 15px; }
	#kp .notice h4{ width:11.5em; color:#D7092F; font-weight:700; box-sizing:border-box;line-height:1.5 }
	#kp .notice ul{ font-size:1.4; line-height:1.5; }
	#kp .notice ul li:not(:last-child){ margin-bottom:10px; }
}

@media print, screen and (max-width: 767px){
	#kp{margin-top:1px!important;padding:30px 7px 30px; }
	#kp .topics_title,#kp .news_title{ font-size:2.2rem; line-height:1.2; margin-bottom:10px; margin-top:10px;width:100%; }
	#kp .topics_title span{font-size:1.2rem;vertical-align: bottom;}
	#kp .more{ font-size:1.5rem; font-weight:bold;text-align:right;width: 50%;}
	#kp .more a::after{
		display:inline-block; content:""; width:6px; height:6px; vertical-align:middle;
		border-top:1px solid #D7092F; border-right:1px solid #D7092F; margin-left:0.5em;
		transform:rotate(45deg);
	}
	#kp .news__itembox.cur {flex-flow: wrap;margin-top: 10px;background-color:white;}
	#kp .news__itembox.cur dl {width: calc((100% / 2) - 2px);margin:1px;border-radius: 3px;}
	#kp .news__itembox.cur dd time,#kp .news__itembox.cur li time {font-size: 0.6em;padding-left: 5px;}
	#kp .news__itembox.cur dt { display: block;}
	#kp .news__itembox.cur img { width: 100%;height:auto;border-radius:0;}
	#kp .news__c_icon {padding: 1px 6px;margin:0;font-size:0.6em;}
	#kp .news__title{margin: 5px 9px 15px 9px;-webkit-line-clamp:3;}
	#kp .news_list {width: 95%; margin: 35px auto;text-align: center;}
	#kp .news_list .kp_bt_ht{padding-bottom:0px;min-height:48px;}
	#kp .news_list .kp_bt_font {flex-wrap:wrap;font-size:8px;line-height:1.1;}
	#kp .news_list .kp_bt_font .kp_font.f {font-size:25px;}
	#kp .news_list .kp_bt_font .kp_font.s {font-size:20px;}
	#kp .news_list .kp_font {font-size:23px;}
	#kp .news_list .sumicoco_bt {min-height:48px;}
	#kp .news_list .sumicoco_bt img {width:90%}
	#kp .notice{ margin:10px auto 0; width:95%;}
	#kp .notice h4{ border:1px solid #878686; font-size:1.5rem; line-height:30px; font-weight:700; text-align:center;}
	#kp .notice ul{ font-size:1.5; line-height:1.5; }
	#kp .notice ul li{ margin-top:15px; }
	#kp .notice li time{ color:#D7092F; line-height:2.1rem; font-weight:500; }
}
@media print, screen and (max-width: 320px){
	#kp .news__itembox.cur dd time,#kp .news__itembox.cur li time {font-size: 1.1rem;}
	#kp .news_list{width:95%;}
}
.movie_box {position:relative}
.movie_box .movie_icon {width:3rem;height: 3rem;top:30%;left:45%;position: absolute;background: url(/kp/img/movie_icon.png) no-repeat 50% 50% / contain;opacity:0.7;}
/* ----------------------------------------
	END 画像付きニュースTopics共通
---------------------------------------- */


/* ----------------------------------------
	一時追加　START 画像付きニュースTopics共通 2023.09.18
	DEL:2023/10/03(kpt)
---------------------------------------- */


/* ----------------------------------------
	大東建託関連サイト欄
	DEL:2024/04/17
---------------------------------------- */
/*
#links{ background: #D9D9D9; }
#links .box h4{ font-weight:600; }
#links .list{ display:flex; align-items:flex-start; flex-wrap:wrap; }
#links .list a{ display:flex; align-items:flex-start; flex-flow:column; color:inherit; text-decoration:none; }
#links .list a img{ width:100%; }
#links .list a p::before{ display:inline-block; content:""; transform: rotate(45deg); margin-right: 0.5em; }
#links .list a p span{ display:inline-block; text-indent:0; }
#links .list a:hover img{ opacity:0.6; }
#links .list a:hover p{ text-decoration:underline; }

@media print, screen and (min-width:768px){
	#links{padding-bottom: 22px;margin:0 auto;}
	#links .inner{ margin:0 auto; box-sizing:border-box; padding:55px 60px 0;width:1200px; }
	#links .title{font-size:3.4rem; line-height:1.2;padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px solid #878686;}
	#links .box:not(:last-child){ margin-bottom:30px; }
	#links .box h4{ font-size:1.8rem; line-height:1.2; margin-bottom:5px; }
	#links .list a{ font-size:1.4rem; line-height:1.2; width:calc((100%  - 30px) / 4); margin-bottom:10px; }
	#links .list a{ font-size:1.4rem; line-height:1.2; width:255px; margin-bottom:10px; } IE11対応により変更
	#links .list a:not(:nth-child(4n)){ margin-right:10px; }
	#links .list a img{ margin-bottom:10px;width: 255px; }
	#links .list a p{ padding-left:calc(8px + 0.5em); text-indent:calc(-8px - 0.5em);  width:250px;}
	#links .list a p::before{ width: 8px; height: 8px; border-top: 1px solid #C7000D; border-right: 1px solid #C7000D; }
}

@media screen and (max-width:767px){
	#links{ padding:30px 20px 0; }
	#links .title{ font-size:1.8rem; line-height:1.2; margin-bottom:10px;padding-bottom: 10px;margin-bottom: 30px;border-bottom: 1px solid #878686;}
	#links .box:not(:last-child){ margin-bottom:30px; }
	#links .box h4{ font-size:1.4rem; line-height:1.2; margin-bottom:5px; }
	#links .list a{ font-size:1.2rem; line-height:1.2; width:calc((100%  - 10px) / 2); margin-bottom:10px; }
	#links .list a:not(:nth-child(2n)){ margin-right:10px; }
	#links .list a img{ margin-bottom:5px; }
	#links .list a p{ padding-left:calc(6px + 0.5em); text-indent:calc(-9px - 0.5em); font-size:0.9rem;}
	#links .list a p::before{ width: 8px; height: 8px; border-top: 1px solid #C7000D; border-right: 1px solid #C7000D; }
}
*/

#bottom_v2{ }
.sns a{ font-size:0; line-height:0; }
/*
.sns a.f{ background:url("/top/img/icon_f.svg") no-repeat center/100%; }
.sns a.t{ background:url("/top/img/icon_t.svg") no-repeat center/100%; }
.sns a.y{ background:url("/top/img/icon_y.svg") no-repeat center/100%; }
*/
#bottom_v2 a{ color:inherit; }
#bottom_v2 .logo{ padding:24px 0; max-width: 400px;margin: 0 auto;text-align: center;}

/* PC */
@media print, screen and (min-width:768px){
	.sns{ display:flex; justify-content:center; background: #F6F6F6; padding:25px 0; margin-top:30px}
	.sns a img{ display:block; width:54px; height:54px; margin:0 38px; }
	.sns a img:hover{opacity:0.7;}
	#bottom_v2{margin:0 auto;}
	#bottom_v2 .logo a img{display:block; width:311px; height:42px;margin:0 auto;}
	#bottom_v2 .logo a img:hover{opacity:0.7;}
}

/* SP */
@media screen and (max-width:767px){
	.sns{ display:flex; justify-content:center; background: #F6F6F6; padding:20px 0; }
	.sns a img{ display:block; width:27px; height:27px; margin:0 20px; }
	#bottom_v2 .logo{ padding:15px 0;}
	#bottom_v2 .logo img{display:block;margin:0 auto;width:100%;}
}

/* ----------------------------------------
	START 入居者さまメニュー（スマホのみ表示）
---------------------------------------- */
.group_resident_ul {
	margin: 0px 5px;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; /*並列で均等配置（左右隙間なし)*/
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
	/* PC */
  @media print, screen and (min-width:768px){
	.group_resident_ul li { width:24.5%; padding-bottom: 5px}
  }
  /* SP */
  @media screen and (max-width:767px){
	.group_resident_ul li { width:49%; padding-bottom: 5px}
  }
  .group_resident_ul li a {
	width: 100%;
	margin: 0 auto;
	height: 50px;
	position: relative;
	background-color: #EEEEEE;
	border: 1px solid #DDDDDD;
	box-sizing: border-box;
	-webkit-transition: 0.3s;
	transition: 0.3s;
	display:flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 5px 10px !important; 
	text-decoration: none }
	.group_resident_ul li a span {
		color: #000;
		font-size: 3.3vw;
		display: inline-block;
		text-align: left; }
	.group_resident_ul li a:before {
		width: 8px;
		height: 8px;
		right: 5px;
		top: 42%;
		position:absolute;
		display:inline-block; content:"";
		border-top:solid 2px #AAAAAA; border-right:solid 2px #AAAAAA;
		transform:translateX(-40%) rotate(45deg);
		margin-left:0.25em;}
	.group_resident_ul li div:nth-child(1){width:25%;}
	.group_resident_ul li div:nth-child(2){width:75%;padding-left:5px;}
	.group_resident_ul li div img{width:100%;}

/* SP */
@media screen and (max-width:767px){
	.fadeInResident{opacity: 0;animation: 1s fadeIn forwards;}
}
/* PC */
@media print, screen and (min-width:768px){
	@-webkit-keyframes fadeInResident { 0%{opacity:0;} 100% {opacity:1;} }
	@keyframes fadeInResident { 0%{opacity:0;} 100%{opacity: 1;} }
	.fadeInResident {-webkit-animation-name: fadeIn;animation-name: fadeIn;}
}
  
/* ----------------------------------------
	END 入居者さまメニュー（スマホのみ表示）
---------------------------------------- */

/* ----------------------------------------
	START 実例集カタログプレゼント（LPO）
---------------------------------------- */
.catalog_box{ position:relative;}
.catalog_box a{text-decoration:none;color:#001;}
.catalog_box a:hover img{opacity:0.8;transition:all 300ms 0s ease;}
.catalog_box a:hover .head,.catalog_box a:hover .detail{color:#888;transition:all 300ms 0s ease;}
.catalog_box img{width:100%;}
.catalog_box .col2 dl{padding:4px;}
.catalog_box .col2 dl .reco {padding:20px;/*text-align: center;*/background: url(/top/img/bg_lineup.png) repeat;}
.catalog_box .col2 dl .reco .reco-hr {border-top:1px solid #d2d5e9;}
.catalog_box .col2 dl .reco .head {font-size:2.31rem;height: 184px;font-family: -apple-system, "Helvetica Neue", Arial, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "BIZ UDPGothic", "游ゴシック Medium", "Yu Gothic Medium", YuGothic, メイリオ, Meiryo, sans-serif !important;}
.catalog_box .col2 dl .reco .detail p{margin:4px auto;}
.catalog_box .col2 dl .reco .detail .line {font-size:1.36rem;padding-top:10px;background: linear-gradient(transparent 60%, #fff8a7 10%);}

@media print, screen and (min-width:768px){
	.catalog_box .col2 dl:first-child {width:640px;}
	.catalog_box .col2 dl {width:440px;border-top:1px solid #EEE;}
	.catalog_box .col2 dl img{height:191px;}
	#catalog {padding: 30px 0 30px;margin: 0 auto;height: 580;max-width:1400px;}
	.catalog_box .wrap{position: relative;margin:10px auto 0;width:1080px;}
	.catalog_box .col2 a{display:flex;justify-content:center;flex-wrap:wrap;position: relative;box-shadow: 0px 2px 2px rgb(0 0 0 / 20%);}
	.catalog_box .col2 dl .lh{ line-height:1.0;}
}
@media screen and (max-width:767px){
	.catalog_box .wrap {padding:45px 1% 20px;}
	.catalog_box .col2 {padding-top:10px;border-bottom:2px solid #EEE;}
	.catalog_box .col2 img{height: calc(98vw * 192 / 640);}
	.catalog_box .col2 dl{width:100%;}
	.catalog_box .col2 dl .reco .head {padding:10px 0;font-size:4.7vw;}
	.catalog_box .col2 dl .reco .detail .line {font-size:3.5vw;padding-top:5px;}
	.catalog_box .col2 dl .reco .detail p{margin: 10px auto 0;}
	.catalog_box .col2 dl .reco {padding:18px;}
	.catalog_box .col2 a{display: block;margin: 6px;box-shadow: 4px 4px 2px rgb(14 20 0 / 20%);border: 2px solid #EEE;/*border:2px solid #ad5151;*/}
}
/* ----------------------------------------
	END 実例集カタログプレゼント（LPO）
---------------------------------------- */