@charset "utf-8";
@media screen and (max-width:640px){

img{
   width: 100%;
   display: block;
   height: auto;
}
body{
   line-height: 1.5;
   font-size: 0.85rem;
}
  
#main p{
   font-size: 1.0rem;
}
  .pc{
    display:none;
  }
.hidden-sp{
   display: none !important;
}
    .all {
        padding-right: 1em;
        padding-left:  1em;
        /* 必要に応じてpaddingやmarginも調整 */
    }



/*ヘッダー*/
header {
   width: 96%;
   margin: 20px auto 0 auto;
}
#elia{
   font-size: 0.72rem;
   margin-bottom: 5px;
}
#logo{
   width:80%;
}
#logo {
   margin-bottom: 10px;
}
#send{
   width: 85%;
   margin: 0 auto;
  }
#send1{   
   margin-top: 30px;
   text-align: center;
   font-size:1.0rem;
}
#tel{
   display:flex;
   margin-left: 2px;
}
#telno{
   margin-left: 16px;
   font-size: 2rem;
   font-weight: bold;
   color:#f5a313;
}
  
#telno a{
    color:#f5a313;
  }

#gnavi{
   width: 85%;
   margin: 0 auto;
  }
#gnavi {
   width: 85%;
   margin: 15px auto;
   height: 30px;
   display: flex;
   align-items: center;
   text-align: center;
}
#gnavi li {
   width: 40%;
   list-style: none;
   font-size: 1.0rem;
}
#gnavi a {
   box-sizing: border-box;
   text-align: center;
}
#home{
   margin-left: -20px;
 }
#office{
  margin-left: -10px;
}
#logo2 {
   background-image: url(../images/logo2.png);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left:30px;
   background-size: 10%;
}

#logo3 img{
   display: none;
   float: left;
   width: 15px;
   padding-left: 30px;
}


  /*メインビジュアル*/
main {
   width: 100%;
   margin: 0 auto;
}
#main1 {
   position: relative;
   overflow: hidden;
   margin-bottom: 30px;	
}
#main1 h1 {
	position: absolute;
	top:63%;
	/*left: 15px;*/
	font-size: 1.0rem;
	font-weight: bold;
	color: #ffffff;
	z-index: 1;
	line-height: 1.5;
  background: rgba(0,104,184,0.8);
  padding: 10px 20px;
}
#mainPhoto {
   z-index: 0;
   width: 100%;
}



/*コンテンツ　おすすめ物件情報*/	
#topicsall h2{
text-align: center;
}

.topics{
  width:100%;
  margin: 0 auto;
  margin-bottom:25px;
  }
.topics img{
width:100%;
height: auto;
  }
/*コンテンツ　おすすめ物件情報end*/	

/*コンテンツ　物件情報*/	
#bukken {
        overflow-x: auto;
        white-space: nowrap; /* コンテンツを一列に並べる */
        width: 100%;
        -webkit-overflow-scrolling: touch; /* iOSでなめらかなスクロール */
    }
#bukken table, th, td{
  border: solid 2px;
  border-color: #ffffff;
   font-size: 0.8rem;
    padding: 1em;

}
#bukken table tr:nth-child(even) { background-color: #ffffff; }
#bukken table tr:nth-child(odd)  { background-color: #DFDCDC; }
#bukken table tr:first-child     { background-color: #0068b7; }
#bukken table tr:last-child td   { border-bottom: 2px solid #DFDCDC; }

    /* NEWアイコンを載せたいセル */
    tr.new td:first-child {
        position: relative;
        /* アイコン用余白 */
        padding-left: 5%;
    }

    /* 擬似要素でGIFバナーを重ねる */
    tr.new td:first-child::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        /* ↓ ここでボックスサイズを指定 ↓ */
        height: 100%;
        width: 22%;
        /* ↓ 背景画像の指定と縮小指定 ↓ */
        background-image: url("../images/new_bunner.gif");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
    }


/*コンテンツ　物件情報end*/
    

/*コンテンツ　テナント様*/
#tenant{
 margin-top: 50px;
}

h2{
   font-size: 1.0rem;
   font-weight: bold;
   margin-bottom: 10px;
}
h2::before {
  display: inline-block;
  content: "";
  z-index: 1;
  border-left: 12px solid #0068b7;
  border-right: 5px solid#bedae4;
  width: 0px;
  height: 15px;
  top: 10px;
  left: 0;
}
h2::after {
  display: inline-block;
  content: "";
  z-index: 1;
  border-left: 12px solid #0068b7;
  border-right: 5px solid#bedae4;
  width: 0px;
  height: 15px;
  top: 10px;
  left: 0;
}
.sentence{
  font-size: 1.0rem;
  margin-bottom: 10px;
  letter-spacing: 0.1em;
  padding-bottom: 5px;
  }		
.recruit a{
  font-size: 1.0rem;
  color: #0068b7;
  font-weight: bold;
  margin-bottom: 25px;
}

/*コンテンツ　募集地域*/
h3::before {
	display: inline-block;
	content: "";
	z-index: 1;
	border-left: 12px solid #f5a313;
	border-right: 5px solid#bedae4;
	width: 0px;
	height: 15px;
	top: 10px;
	left: 0;
}
h3::after {
	display: inline-block;
	content: "";
	z-index: 1;
	border-left: 12px solid #f5a313;
	border-right: 5px solid#bedae4;
	width: 0px;
	height: 15px;
	top: 10px;
	left: 0;
}
section h3 {
   margin-bottom: 10px;
   font-size: 1.0rem;
}
.eria-first { 
   width: 100%;
   display: flex;
   justify-content: space-around;
   letter-spacing: 0.1em;
   padding-bottom: 10px;
   padding-left: 15px;
}
.eria-first li {
   font-size: 0.8rem;
   letter-spacing: 0.1em;
   padding-bottom: 1px;
   margin-left: 10px;
   list-style-type: circle;
}
#city,#city1,#city2,#city3,#city4,#city5,#city6{
   font-size: 0.8rem;
   list-style-type: disc;
   margin-left: -5px;
   margin-bottom: 3px;
}
	
/*コンテンツ　オーナー様*/
#owner {
   margin-top: 10px;
   font-size: 1.0rem;
}
	
/*コンテンツ　オーナー様募集地域*/
#eria-second {
	padding-left: 30px;
	margin-bottom: 50px;
}
#eria-second li {
   font-size: 0.8rem;
   letter-spacing: 0.1em;
   list-style-type: disc;
}	

#ofall {
	width: 100%;
	margin-top: -80px;
}


	
/*コタニ興業から2ページ目～残す*/
#logo4 {
	width: 330px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
	

/*フッター*/
footer {
background-color: #0068b7;
}
#footerInner {
   width: 98%;
   margin: 0 auto;
   padding-bottom: 30px;
}
#footerInner nav {
   width: 95%;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}
#gnavi2 {
    width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	padding-top: 30px;
}
#gnavi2 li {
	font-size: 0.7rem;
	list-style: none;
}
#gnavi2 a {
	color: #ffffff;
	text-align: center;
	margin-bottom: 10px;
	display: block;
}
#logo5 a{
 background-image: url(../images/logo5.png);
 background-repeat: no-repeat;
 background-position: left center;
 padding-left:18px;
 padding-bottom:0px;
 background-size: 15%;
}


#logo6 {
	width: 250px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	padding: 0px;	
}
#logo6 {
   background-image: url(../images/logo6.png);
   background-repeat: no-repeat;
   padding-left:7%;
   background-size: 12%;
}
#tel1{
   display:flex;
   margin-left: 2px;
}
#telno1{
   margin-top: -2px;
   margin-left: 5%;
   font-size: 1.7rem;
   font-weight: bold;
   color:#f5a313;
	
}
  
#telno1 a{
    color:#f5a313;
  }	
#copy a{
	color: #ffffff;
}
footer p {
   text-align: center;
   margin-bottom: 10px;
  	font-size: 0.7rem;
}
		

/*コンテンツ　会社概要 start*/
	section#coinfo {
		margin: 50px 0;
	}
	section#coinfo dl{
		display: block;
		width: 100%;
		margin: auto;				
	}		
	section#coinfo dl dt,
	section#coinfo dl dd {
		float: none;
		display: block;
		padding: 10px 0;
		border-top: 1px dotted #A39F9F;
		line-height: 1.6rem;
	}
	section#coinfo dl dt {
		width: 100%;
		font-weight: bold;
		color: #0068b7;
	}
	section#coinfo dl dd {
		width: 100%;
	}
	ection#coinfo dl dd ul li a:link  {
		color: #0068b7;
	}
	
	/*コンテンツ　会社概要 end*/
	
	/*コンテンツ　問い合わせ start*/
	section#contact {
		margin: 50px 0;
	}
	section#contact table {
		width: 100%;
		margin: 25px 0;
	}
	section#contact table th,
	section#contact table td {
		display: block;
		float: none;
		padding: 10px 0;
		border-top: 1px dotted #A39F9F;
		text-align: left;
		line-height: 1.6rem;
	}
	section#contact table th {
		width: 100%;
		color: #0068b7;
	}
	section#contact table td {
		width: 100%;
	}
	section#contact table td input[type=text] {
		width: 80%;
		padding: 5px;
	}
	section#contact table td textarea {
		width: 95%;
		padding: 5px;
	}
	section#contact table td select {
		padding: 5px;
	}
	section#contact table td span {
		margin-left: 10px;
		font-size: 0.8rem;
		font-weight: bold;
		color: #DC0F12;
	}
	section#contact p.buttons {
		text-align: center;
	}
	section#contact input[type=submit],
	section#contact input[type=reset],
	section#contact input[type=button]{
		padding: 20px 40px;
		margin-bottom: 20px;
	}	
	/*コンテンツ　問い合わせ end*/
	/*コンテンツ　プライバシーポリシー start*/
	section#privacy {
		margin: 50px 0;
	}
	section#privacy h4 {
		margin: 40px auto 0 auto;
		font-weight: bold;
		
	}
	section#privacy h4::before {
	content: "";
	border-left: 5px solid #0068b7;
	padding-right: 5px;
	width: 0px;
	height: 20px;

}
	section#privacy p {
		margin: 10px auto 0 auto;
		line-height: 1.8rem;
	}
	/*コンテンツ　プライバシーポリシー end*/
}