@charset "UTF-8";

/*指定したタグの余白をなくす*/
body,header,h1,h2,h3,p,ul,footer{margin: 0;
	padding: 0;}
body{font-family:  Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


	#wrapper{margin: 0 auto;
		width: 100%;
		background-color:#fff;
        overflow: hidden;
}


#container{overflow:hidden;
        margin: 0 auto;
        width: 90%;
    padding-top:128px;
    z-index: 50;/*画面の重なり上層にする様に*/
     position:relative; /*  */

}



/*パンくずリスト*/
.breadcrumb {
  margin-left: 0;
  padding-left: 0;
   /* margin-top: 128px;*/
    font-size: 12px;
    
}

.breadcrumb li{
  display:inline;/*横に並ぶように*/
  list-style: none;
  font-weight:normal;/*文字太さ*/
}

.breadcrumb li{/*パンくず最後の文字の色*/
    color: #c1c1c1;
}


.breadcrumb li:before{/*ホームアイコン*/
  font-family: "Font Awesome 5 Free";
    padding-left: 2px;
  content: '\f3c5';
  color: #e1e1e1;
    font-weight:600;/*太字*/
}

/*パンくずリスト終わり*/


/* フェイスブックアイコン */
						.fa-facebook{float: right;
						margin: -15px 0px 5px 0;
						color:#c1c1c1;
						font-size: 1.2em;
                            display: block;
                            /*display: none;*/
					}
					/*インスタグラムアイコン  */
					.fa-instagram{float: right;
            margin: 10px -17px 5px 0;
            color:#c1c1c1;
            font-size: 1.2em;
            display: block;            
                       /* display: none;*/
					}



main{overflow:hidden; 
width:70%;
margin-left: 50px; /*サイド作って左寄りにするとき*/ 
background-color: #fff;   
       /* float:left;*//*サイド作って左寄りにするとき*/
      margin: 100px auto;
      /*  margin-top:100px;*/
        margin-bottom: 10px;
        padding-bottom: 10px;
        /*border:solid 1px #f0ebeb;
        border-top:none;
        border-bottom: none;*/
        }

section{overflow:hidden; 
    }

/*5eme etageようこそタイトル*/
main h2{padding-bottom:25px;
    padding-left: 2%;
    padding-right: 2%;    
    margin-top: 100px;
    margin-bottom: 60px;
    text-align:center;/*テキスト中央寄せ*/
        font-size:26px;
    font-weight: lighter;
        color:#616161;
  letter-spacing:0.3em;
    }
/*5emeのフォント*/
h2 .font{font-family: 'Pathway Gothic One', sans-serif;
    font-size: 33px;
    letter-spacing:0.1em;
    font-weight: lighter;
}


.topimg img{/*margin: 50px 0 100px 165px;*/
         /*margin: 50px 0 165px 19%;*/
    display: block;
    margin: 0 auto;
        padding-top: 50px;
    padding-bottom: 165px;
         max-width:60%;
        height: auto;
        /*object-fit: cover;*/ /*画像の縦横比を維持したままボックスを埋めたい時*/
							}

/*初めまして文*/
main p{margin: 0px 50px 40px 50px;
    padding-bottom: 100px;   
color:/*#414347;*/#616161;
font-size: 15px;
font-weight: 100;    
line-height:4em;/*文と文の幅*/
border-bottom:solid 1px #f0ebeb;
    text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
        }


 /*#contents p{margin: 30px 50px 20px 5%;
        color:#414347;
        font-size: 17px;
        line-height:2em;
    border-bottom: solid 3px #f0ebeb;
        }*/


/*
section p{margin: 0px 0px 20px 0px;
color:#414347;
font-size: 17px;
line-height:2em;
border-bottom: solid 3px #f0ebeb;
}
*/

#contents{margin: 0 0 0 0px;
/*float: left;*/
/* overflow:hidden; */
    margin: auto;
width:80%;
}
					
/*居住用物件仲介*/


#contents a.detail {/*文章の枠*/
    margin: 20px 0 20px 6%;
    padding: 0;
    width: 90%;
    /* border: solid 2px #f0ebeb; */
    background-color:#FAFAFA;
    border-radius:3px;
    			padding:5px;
    
    /* box-shadow: 3px 4px 4px 2px rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24); */
    text-decoration: none;
    display: block;}

#contents a.detail h3{color:#808080;
     position: relative;
    font-weight: lighter;
    margin: 20px 0px 10px 5%;
text-decoration: none;

}


/*アイコン*/
#contents a.detail i{float: left;
    width:25%;/*アイコンのサイズ*/
        height: 110px;
	margin: 1% 3% 1% 3%;
	padding: 0px;
	 border-radius:15px;
	color:  #FFCA28;
		font-size: 7em;
     display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align:center;
    
                }


#contents a.detail p {float:left;
    width:60%;
    font-size: 15px;
    font-weight: 100;
	border-bottom:none; /*本文下線h3消す*/
	margin: -40px 10px 20px 5%;
    display: table-cell;
    position: relative;
    vertical-align: middle;
    padding-bottom: 0;
     text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
}

/*ホバー時の影*/
#contents a.detail:hover{
	box-shadow: 5px 6px 6px 4px rgba(0,0,0,.12),0 2px 2px 0 rgba(0,0,0,.24);/*影*/
	transition:.5s ease;
	text-decoration: none;
}

/*
#side{width: 25%;
			margin: 0 -20px 0 0px;
			float: right;
			}
#side .calendrier iframe{margin: 50px 0px 0 0px;}
*/




/*トップページへのボタン*/


#totop{
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 80%;
}

#totop a {
    display: block;
    
   /* background: #c7b897;
    opacity: 0.4;*/
    color: #e1e1e1;
    width: 80px;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
    border-radius: 10px;
}


	footer {width: 100%;
        height: 80px;
		margin: 25px 0 0 0px;
		padding: 10px 20px 10px 20px;
		text-align: center;
		
		border-top:1px solid #808080;
		background-color: #808080;
	}
footer p{font-size: 12px;
          color:#fff;
    margin: auto;
    margin-top: 20px;
}

  /* レスポンシブcss*/


/* 1264px以下の時 */
@media(max-width: 1264px) and (min-width: 961px) {

  body{
    margin: 0;
    padding: 0;
    background-color: grey; /* 作りやすい様に背景色 */
  }

  #wrapper{margin:0 auto;
		overflow: hidden;
    width: 100%; }
	
 
		 /*メイン  */
main{width: 75%;
margin: 100px 100px 30px 100px;
                }
    

#contents{width: 90%;
margin: 0 auto;
			}    


#bas iframe{width: 300px;
            height: 250px;
            margin:0;
			}

}

/* 960px以下の時 */
@media(max-width: 960px){

  body{
    margin: 0;
    padding: 0;
  }

  #wrapper{margin:0 auto;
    width: 100%; }

    /* フェイスブックアイコン */
        .fa-facebook{padding-right: 5px;}
    /*インスタグラムアイコン  */
        .fa-instagram{/*padding-right: 5px;*/}
    
    main{width:  90%;}   

main p{margin: 0px 50px 40px 50px;
    padding-bottom: 100px;   
color:/*#414347;*/#616161;
font-size: 15px;
font-weight: 100;    
line-height:2.3em;/*文と文の幅*/
border-bottom:solid 1px #f0ebeb;
    text-align: justify;/*文章の両はし揃える*/
    text-justify:inter-ideograph;/*文章の両はし揃える*/
        }
#contents{width: 90%;
margin: 0 auto;
			}


    #contents a.detail{width: 100%;
                margin: 20px 0 20px  0;
        overflow: hidden;
    }
    #contents a.detail h3{margin-left:1%;
                            font-size: 17px;
                            font-weight: lighter;
        
    }  
    
    
			#side{display: none;}


}
/*760px以下の時  */
  @media(max-width: 760px)and (min-width: 501px) {
      main{width: 99%;}  
            
      
}

/*500px以下の時  */
  @media(max-width: 500px){

				body{
    		margin: 0;
    		padding: 0;
    		background-color: grey; /* 作りやすい様に背景色 */
    	}

      #wrapper{margin:0 auto;
        width: 100%; }

    		
    #container{width:100%;}

		  .topimg{display: none;}



 main{width: 95%;
        margin: 20px 0px 15px 2%;
        padding: 0px;
        }
     /*main h2{margin: 100px 0px 60px 5%;
           font-size: 24px;
  letter-spacing:0.1em;
                        }*/
     
    main p{margin: 3%;
                  padding:0px;
       
    }
      
      
		#contents{width: 100%;
		}
#contents a.detail{width:90%;
    margin: 10px auto;
    }
  #contents a.detail h3{margin: 15px;
            padding:10px;
            font-size: 20px;
      font-weight: lighter;
      text-align:center;/*テキスト中央寄せ*/
    }
#contents a.detail section i{margin:5px auto;
    width: 100%;
    text-align: center;
    
      }
#contents a.detail section p
      {margin: 1px -10% 5px 5%;
    width: 90%;
              /* padding: 10px; */
    }

		#side{display: none;}
    table{max-width:100%}
    iframe{max-width:100%;
					margin:0 0px 0 -11px;
		}
		footer{width:100%;
			}
		}
  /* スマホ用500px終わりのカッコ*/