@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap');




/* NOTE: サイト共通ヘッダを呼び出すボタンとサブナビは、PC には非表示とする */
/*@media (min-width: 769px) {
  .Header.-subNav {
    height: initial !important;
  }
  .Menu__child,
  .Menu__button {
    display: none !important;
  }
}*/

/* ==============================

	* kodatechintai2020 LP

============================== */

/* ! 共通
---------------------------------------------------------- */
/*html,body{
	line-height:1;
	color:#333333;
}*/

#kodatechintai2020 {
	font-size: 16px;
	line-height: 1;
	color: #333;
	font-weight: 400;
}

#kodatechintai2020,
#kodatechintai2020 * {
  box-sizing: border-box;
}
#kodatechintai2020.wrapper{
	color:#333333;
}
#kodatechintai2020.wrapper img{
	max-width:100%;
	height:auto;
}
#kodatechintai2020.wrapper a{color:inherit;text-decoration:none;font-weight:normal;}
#kodatechintai2020.wrapper a:visited,.wrapper a:hover,.wrapper a:active,.wrapper a:focus{color:inherit;text-decoration:none;font-weight:normal;}
#kodatechintai2020.wrapper .clearfix:after{content:""; display:block; clear:both;}

#kodatechintai2020 .sp_block{display:none;}
#kodatechintai2020 .pc_block{display:block;}
#kodatechintai2020 .sp_txt-block{display:none;}
#kodatechintai2020 .pc_txt-block{display:inline-block;}
#kodatechintai2020 .asterisk{
	padding-left:1em;
	text-indent:-1em;
}
#kodatechintai2020 .mincho{font-family: 'Noto Serif JP', serif;}
#kodatechintai2020 .asterisk:before{
	content:"※";
}
@media screen and (max-width:768px){
	#kodatechintai2020 .pc_block{display:none;}
	#kodatechintai2020 .sp_block{display:block;}
	#kodatechintai2020 .sp_txt-block{display:block;}
	#kodatechintai2020 .pc_txt-block{display:none;}
}

/* 共通
-------------------------------------------------- */
#kodatechintai2020  .area-heading{
  margin-bottom: 40px;
}
#kodatechintai2020  .area-heading .page-title{
  text-align: center;
}
#kodatechintai2020  .area-heading .page-title span{
  position: relative;
  display: inline-block;
  width: 430px;
  padding-top: 10px;
  text-align: center;
}
#kodatechintai2020  .area-heading .page-title span img{
  width: 100%;
  height: auto;
}
#kodatechintai2020  .area-heading .page-caption{
  position: relative;
  margin-top: 60px;
  text-align: center;
  font-size: 17px;
}
#kodatechintai2020  .area-heading .page-caption:after{
  display: block;
  position: absolute;
  left: 50%;
  top: -30px;
  content: '';
  width: 300px;
  height: 1px;
  margin-left: -150px;
  background: #000;
}
#kodatechintai2020  .local-nav{
  padding: 20px 0;
  font-size: 0;
  text-align: center;
}
#kodatechintai2020  .local-nav__item{
  display: inline-block;
  color: #001f3c;
  font-size: 15px;
}
#kodatechintai2020  .local-nav__item a{
  display: inline-block;
  height: 22px;
  padding: 0 10px;
  line-height: 22px;
  color: #001f3c;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  background: #fff;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media all and (-ms-high-contrast: none) {
  #kodatechintai2020  .local-nav__item a{
    padding-top: 0.2em;
    box-sizing: border-box;
  }
}
#kodatechintai2020  .local-nav__item a:hover{
  color: #fff;
  background: #001f3c;
}
#kodatechintai2020  .local-nav__item .spacer{
  padding: 0 10px;
}
#kodatechintai2020  .local-nav__item .current{
  color: #fff;
  background: #001f3c;
}
#kodatechintai2020  .bottom-nav{
  padding: 80px 0;
}
#kodatechintai2020  .bottom-nav .btn-index{
  position: relative;
  display: block;
  width: 300px;
  height: 58px;
  color: #333;
  margin: 50px auto 0;
  font-size: 15px;
  line-height: 58px;
  text-align: center;
  text-decoration: none;
  border: 1px solid #333;
  box-sizing: border-box;
  z-index: 1;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media all and (-ms-high-contrast: none) {
  #kodatechintai2020  .bottom-nav .btn-index{
    padding-top: 0.1em;
    box-sizing: border-box;
  }
}
#kodatechintai2020  .bottom-nav .btn-index:hover{
  color: #fff;
  background: #001f3c;
}
#kodatechintai2020  .bottom-nav .btn-index:after{
  position: absolute;
  right: 10px;
  top: 25px;
  display: block;
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 6px;
  border-color: transparent transparent transparent #333333;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#kodatechintai2020  .bottom-nav .btn-index:hover:after{
  border-color: transparent transparent transparent #fff;
}
#kodatechintai2020  .block-pagetop{
  margin-top: 10px;
  text-align: right;
}
#kodatechintai2020  .block-pagetop a{
  position: relative;
  display: inline-block;
  padding-left: 1.4em;
  font-size: 13px;
  color: #333;
}
#kodatechintai2020  .block-pagetop a:before{
  position: absolute;
  display: inline-block;
  content: '▲';
  left: 0;
}


/* ! layout 共通
---------------------------------------------------------- */
#kodatechintai2020{
	min-width:1200px;
}
#kodatechintai2020 .inner_sec{
	width:1160px;
	margin:0  auto;
}
#kodatechintai2020 .inner_sec .inner_sec{
	width:auto;
}
@media screen and (max-width:768px){
	#kodatechintai2020{
		min-width:initial;
		min-width:auto;
	}
	#kodatechintai2020 .inner_sec{
		width:calc(100% - 40px);
	}
	#kodatechintai2020 .inner_sec .inner_sec{
		width:auto;
	}
}


/* ! #kodatechintai2020 #features
---------------------------------------------------------- */
#kodatechintai2020 #features{
	padding:80px 0;
	background-color:#ffffff;
}
#kodatechintai2020 #features h3{
	margin-bottom:35px;
	margin-left: 5px;
}
#kodatechintai2020 #features .figureArea{
	padding:0 20px;
}
#kodatechintai2020 #features .figureArea .txt-lead{
	margin-bottom:25px;
	font-size:137.5%;/*22px*/
	line-height:1.4;
	text-indent:-1em;
	padding-left:1em;
}
#kodatechintai2020 #features .figureArea .txt-lead:before{
	content:"■";
	color:#1c4d80;
}
#kodatechintai2020 #features .figureArea .figure .fig-ttl{
	font-size:125%;/*20px*/
	color:#444444;
}
#kodatechintai2020 #features .figureArea .figure .fig-ttl span{
	display:inline-block;
	padding:6px 20px;
	margin-right:18px;
	font-size:143.75%;/*23px*/
	line-height:1;
	color:#ffffff;
	background-color:#1c4d80;
	vertical-align:-2px;
}
#kodatechintai2020 #features .figureArea .figure .fig-caption{
	font-size:87.5%;/*14px*/
	line-height:1.7;
}
/* .figureArea._01 */
#kodatechintai2020 #features .figureArea._01{
	margin-bottom:55px;
}
#kodatechintai2020 #features .figureArea._01 .figure._01{
	display:flex;
	justify-content:center;
}
#kodatechintai2020 #features .figureArea._01 .figure._01 > div:first-of-type{
	border-right:solid 1px #bbbcbc;
}
#kodatechintai2020 #features .figureArea._01 .figure._01 .f_01{
	width:40%;
}
#kodatechintai2020 #features .figureArea._01 .figure._01 .f_02{
	box-sizing:border-box;
	padding-left:20px;
	width:40%;
}
#kodatechintai2020 #features .figureArea._01 .figure._01 .f_03{
	padding-top:25px;
	width:20%;
}
#kodatechintai2020 #features .figureArea .figure._01 .fig-ttl{
	margin-bottom:35px;
}
#kodatechintai2020 #features .figureArea .figure._01 .fig-img{
	height:290px;
	margin-bottom:25px;
}
/* .figureArea._02 */
#kodatechintai2020 #features .figureArea._02{
	padding:0 20px;
}
#kodatechintai2020 #features .figureArea._02 .figure._02{
	display:flex;
}
#kodatechintai2020 #features .figureArea._02 .figure._02 .f_01{
	width:80%;
	margin-right: 20px;
}
#kodatechintai2020 #features .figureArea._02 .figure._02 .f_02{
	padding-top:35px;
}
#kodatechintai2020 #features .figureArea._02 .figure._02 .fig-ttl{
	margin-bottom:25px;
}
#kodatechintai2020 #features .figureArea._02 .figure._02 .f_01 .fig-img{
	margin-bottom:10px;
}
@media screen and (max-width:768px){
	#kodatechintai2020 #features{
		padding:30px 0;
	}
	#kodatechintai2020 #features h3{
		margin-left: -15px;
		margin-bottom:15px;
	}
	#kodatechintai2020 #features h3 img{
		height:34px;
	}
	#kodatechintai2020 #features .figureArea{
		padding:15px 0 0;
	}
	#kodatechintai2020 #features .figureArea .txt-lead{
		margin-bottom:15px;
		font-size:93.75%;/*15px*/
	}
	#kodatechintai2020 #features .figureArea .figure .fig-ttl{
		font-size:81.25%;/*13px*/
	}
	#kodatechintai2020 #features .figureArea .figure .fig-ttl span{
		padding:3px 20px 4px;
		margin-right:10px;
		font-size:87.5%;/*14px*/
	}
	#kodatechintai2020 #features .figureArea .figure .fig-img{
		text-align:center;
	}
	#kodatechintai2020 #features .figureArea .figure .fig-caption{
		font-size:68.75%;/*11px*/
		line-height:1.36;
	}
	/* .figureArea._01 */
	#kodatechintai2020 #features .figureArea._01{
		margin-bottom:27px;
	}
	#kodatechintai2020 #features .figureArea._01 .figure._01{
		display:block;
	}
	#kodatechintai2020 #features .figureArea._01 .figure._01 > div:first-of-type{
		border-right:none;
	}
	#kodatechintai2020 #features .figureArea._01 .figure._01 .f_01{
		width:100%;
		margin-bottom:15px;
	}
	#kodatechintai2020 #features .figureArea._01 .figure._01 .f_01 .fig-img{
		width:56%;
		margin:0 auto 10px;
	}
	#kodatechintai2020 #features .figureArea._01 .figure._01 .f_02{
		padding-left:0;
		width:100%;
	}
	#kodatechintai2020 #features .figureArea._01 .figure._01 .f_03{
		display:none;
	}
	#kodatechintai2020 #features .figureArea .figure._01 .fig-ttl{
		margin-bottom:10px;
	}
	#kodatechintai2020 #features .figureArea .figure._01 .fig-img{
		height:auto;
		margin-bottom:10px;
	}
	/* .figureArea._02 */
	#kodatechintai2020 #features .figureArea._02{
		padding:15px 0 0 0;
	}
	#kodatechintai2020 #features .figureArea._02 .figure._02{
		display:block;
	}
	#kodatechintai2020 #features .figureArea._02 .figure._02 .f_01{
		width:100%;
	}
	#kodatechintai2020 #features .figureArea._02 .figure._02 .f_02{
		/*padding-top:35px;*/
		display:none;
	}
	#kodatechintai2020 #features .figureArea._02 .figure._02 .fig-ttl{
		margin-bottom:0;
	}
	#kodatechintai2020 #features .figureArea._02 .figure._02 .f_01 .fig-img{
		/*margin-bottom:10px;*/
		margin-top:-5%;
	}

}
@media screen and (max-width:450px){
	#kodatechintai2020 #features .figureArea._02 .figure._02 .f_01 .fig-img{
		margin-top:-15%;
	}
}


/* ! #owner #tenant 共通
---------------------------------------------------------- */
#kodatechintai2020 .merit{
	padding:80px 0;
}
#kodatechintai2020 .merit h3{
	margin-bottom:25px;
}
#kodatechintai2020 .merit .list-merit{
	box-sizing:border-box;
	padding:0 63px;
	margin:0 auto;
	width:990px;
	background-color:#ffffff;
}
#kodatechintai2020 .merit .list-merit li{
	display:flex;
	align-items:center;
	padding:20px 0;
	border-bottom:solid 1px #14375b;
}
#kodatechintai2020 .merit .list-merit li:last-of-type{
	border-bottom:none;
}
#kodatechintai2020 .merit .list-merit li .num{
	width:92px;
}
#kodatechintai2020 .merit .list-merit li .txt{
	padding-left:45px;
	line-height:1.58;
	font-weight:bold;
	font-size:150%;/*24px*/
	color:#14375b;
}
#kodatechintai2020 .merit .list-merit li .img{
	text-align:center;
}
#kodatechintai2020 .merit .list-merit + .asterisk{
	margin:10px auto 0;
	width:990px;
	font-size:87.5%;/*14px*/
	line-height:1.7;
}
/*  -- #owner --  */
#kodatechintai2020 #owner{
	background-color:#14375b;
}
#kodatechintai2020 #owner .list-merit li .txt{
	width:462px;
}
#kodatechintai2020 #owner .list-merit li .img{
	width:270px;
}
#kodatechintai2020 #owner .list-merit + .asterisk{
	color:#ffffff;
}
/*  -- #tenant --  */
#kodatechintai2020 #tenant{
	background-color:#d3e5f2;
}
#kodatechintai2020 #tenant .list-merit li .txt{
	width:462px;
}
#kodatechintai2020 #tenant .list-merit li .img{
	width:290px;
}
#kodatechintai2020 #tenant .list-merit li .img img{
	max-height:100px;
}
#kodatechintai2020 #tenant .list-merit li._02{
	padding:10px 0;
}
#kodatechintai2020 #tenant .list-merit li._02 .img img{
	max-height:120px;
}
@media screen and (max-width:768px){
	#kodatechintai2020 .merit{
		padding:30px 0;
	}
	#kodatechintai2020 .merit h3{
		margin-bottom:15px;
	}
	#kodatechintai2020 .merit h3 img{
		height:34px;
	}
	#kodatechintai2020 .merit .list-merit{
		padding:0 7px;
		width:100%;
	}
	#kodatechintai2020 .merit .list-merit li{
		padding:10px 0;
	}
	#kodatechintai2020 .merit .list-merit li .num{
		width:10%;
	}
	#kodatechintai2020 .merit .list-merit li .txt{
		box-sizing:border-box;
		padding-left:10px;
		font-size:75%;/*12px*/	
	}
	#kodatechintai2020 .merit .list-merit + .asterisk{
		margin:5px auto 0;
		width:100%;
		font-size:68.75%;/*11px*/
	}
	/*  -- #owner --  */
	#kodatechintai2020 #owner .list-merit li .txt{
		width:67%;
	}
	#kodatechintai2020 #owner .list-merit li .img{
		width:23%;
	}
	#kodatechintai2020 #owner .list-merit li._02 .img img{
		width:57%;
	}
	/*  -- #tenant --  */
	#kodatechintai2020 #tenant .list-merit li .txt{
		width:70%;
	}
	#kodatechintai2020 #tenant .list-merit li .img{
		width:20%;
	}
	#kodatechintai2020 #tenant .list-merit li .img img,
	#kodatechintai2020 #tenant .list-merit li._02 .img img{
		max-height:50px;
	}
}


/* ! #plan 共通
---------------------------------------------------------- */
#kodatechintai2020 #plan{
	padding:80px 0;
	background-color:#E8EAE7;
}
#kodatechintai2020 #plan h3{
	margin-bottom:35px;
}
#kodatechintai2020 #plan .inner_sec{
	position:relative;
}
#kodatechintai2020 #plan .nav-plan{
	position:absolute;
	top:0;
	right:20px;
	display:flex;
	padding:7px 0;
	background-color:#96958b;
}
#kodatechintai2020 #plan .nav-plan li{
	border-right:solid 1px #ffffff;
}
#kodatechintai2020 #plan .nav-plan li:last-of-type{
	border-right:none;
}
#kodatechintai2020 #plan .nav-plan li a{
	display:block;
	padding:10px 0 30px;
	width:179px;
	font-size:125%;/*20px*/
	color:#ffffff;
	background-color:#96958b;
	text-align:center;
}
#kodatechintai2020 #plan .nav-plan li a span{
	position:relative;
}
#kodatechintai2020 #plan .nav-plan li a span:after{
	position:absolute;
	bottom:-13px;
	left:50%;
	content:"";
	display:block;
	width:19px;
	height:11px;
	background:url(/tochikatsuyou/img/chintai_kodatechintai/ico_arw02.png) no-repeat center center /contain;
	transform:translateX(-50%);
	transition:all 0.3s ease;
}
#kodatechintai2020 #plan .nav-plan li a.hover span:after{
	bottom:-16px;
}
#kodatechintai2020 #plan .planBox{
	margin:0 auto;
	width:1160px;
	background-color:#ffffff;
}
#kodatechintai2020 #plan .planBox .ttl-plan{
	display:flex;
	align-items:center;
	margin-bottom:40px;
}
#kodatechintai2020 #plan .planBox .ttl-plan h4{
	padding:60px 0 70px;
	width:200px;
	text-align:center;
	background-color:#737264;
}
#kodatechintai2020 #plan .planBox .ttl-plan h4 img{
	height: auto;
}
#kodatechintai2020 #plan .planBox .ttl-plan > .txt-lead{
	margin-top:10px;
	width:calc(100% - 200px);
	font-size:175%;/*28px*/
	line-height:1.64;
	text-align:center;
}
#kodatechintai2020 #plan .planBox .imgFloor{
	text-align:center;
	margin-bottom:72px;
	padding:0;
}
#kodatechintai2020 #plan .planBox .list-plan{
	display:flex;
	flex-wrap:wrap;
	padding:45px 45px 55px;
}
#kodatechintai2020 #plan .planBox .list-plan li{
	width:330px;
	margin-right:40px;
}
#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(1),
#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(2),
#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(3){
	margin-bottom:40px;
}
#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(3n){
	margin-right:0;
}
#kodatechintai2020 #plan .planBox .list-plan li .img{
	margin-bottom:15px;
}
#kodatechintai2020 #plan .planBox .list-plan li .img.ranking{
	position:relative;
	z-index:1;
}
#kodatechintai2020 #plan .planBox .list-plan li .img.ranking:before{
	position:absolute;
	top:-30px;
	right:-30px;
	content:"";
	display:block;
	width:153px;
	height:173px;	
	z-index:2;
}
#kodatechintai2020 #plan .planBox .list-plan li .img.ranking._02:before{
	background:url(/tochikatsuyou/img/chintai_kodatechintai/badge_ranking2.png) no-repeat center center /contain;
}
#kodatechintai2020 #plan .planBox .list-plan li .img.ranking._03:before{
	background:url(/tochikatsuyou/img/chintai_kodatechintai/badge_ranking3.png) no-repeat center center /contain;
}
#kodatechintai2020 #plan .planBox .list-plan li .ttl{
	display:flex;
	align-items:center;
	padding-bottom:8px;
	margin-bottom:9px;
	border-bottom:solid 1px #888888;
}
#kodatechintai2020 #plan .planBox .list-plan li .ttl p{
	font-size:143.75%;/*23px*/
	font-weight:bold;
}
#kodatechintai2020 #plan .planBox .list-plan li .ttl span{
	margin-right:18px;
}
#kodatechintai2020 #plan .planBox .list-plan li .txt{
	font-size:125%;/*20px*/
	line-height:1.6;
}
#kodatechintai2020 #plan .planBox .list-plan li .txt .asterisk{
	font-size:87.5%;/*14px*/
	text-align:right;
}
#kodatechintai2020 #plan #planA,
#kodatechintai2020 #plan #planB{
	margin-bottom:60px;
}
@media screen and (max-width:768px){
	#kodatechintai2020 #plan{
		padding:20px 0 30px;
	}
	#kodatechintai2020 #plan h3{
		margin-bottom:10px;
	}
	#kodatechintai2020 #plan h3 img{
		margin-top:10px;
		height:34px;
	}
	#kodatechintai2020 #plan .nav-plan{
		position:static;
		padding:4px 0;
		margin-bottom:20px;
	}
	#kodatechintai2020 #plan .nav-plan li{
		flex: 1;
	}
	#kodatechintai2020 #plan .nav-plan li a{
		width:100%;
		font-size:75%;/*12px*/
		padding:4px 0 14px;
		margin: 0 auto;
	}
	#kodatechintai2020 #plan .nav-plan li a span:after{
		width:10px;
		height:6px;
		bottom:-8px;
	}
	#kodatechintai2020 #plan .nav-plan li a.hover span:after{
		bottom:-11px;
	}
	#kodatechintai2020 #plan .planBox{
		width:100%;
	}
	#kodatechintai2020 #plan .planBox .ttl-plan{
		margin-bottom:30px;
	}
	#kodatechintai2020 #plan .planBox .ttl-plan h4{
		padding:23px 11px 25px;
		width:70px;
	}
	#kodatechintai2020 #plan .planBox .ttl-plan h4 img{
		margin: 0;
	}
	#kodatechintai2020 #plan .planBox .ttl-plan > .txt-lead{
		box-sizing:border-box;
		padding:0 10px;
		margin-top:0;
		width:calc(100% - 70px);
		font-size:81.25%;/*13px*/
		line-height:1.5;
		text-align:left;
	}
	#kodatechintai2020 #plan .planBox .imgFloor{
		padding:0 15px;
		margin-bottom:30px;
	}
	#kodatechintai2020 #plan .planBox .list-plan{
		padding:0 10px 5px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li{
		width:calc((100% - 15px) / 2);
		margin-right:0;
		margin-bottom:20px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(1),
	#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(2),
	#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(3){
		margin-bottom:20px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(3n){
		margin-right:0;
	}
	#kodatechintai2020 #plan .planBox .list-plan li:nth-of-type(even){
		margin-left:15px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .img{
		margin-bottom:10px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .img.ranking:before{
		width:77px;
		height:87px;
		top:-15px;
		right:-15px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .ttl{
		margin-bottom:7px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .ttl p{
		font-size:75%;/*12px*/
		line-height: 1.1;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .ttl span{
		margin-right:5px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .ttl span img{
		width:22px;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .txt{
		font-size:75%;/*12px*/
		line-height:1.3;
	}
	#kodatechintai2020 #plan .planBox .list-plan li .txt .asterisk{
		font-size:62.5%;/*10px*/
	}
	#kodatechintai2020 #plan #planA{
		margin-bottom:30px;
	}
}
@media screen and (max-width:350px){
	#kodatechintai2020 #plan h3{
		margin-bottom:50px;
	}
	#kodatechintai2020 #plan .nav-plan{
		top:50px;
	}

}

@media print {}