@media screen and (max-width: 767px){
/* 共通するスタイル */
html {
 scroll-behavior: smooth;
}
main{ 
 clear: both;
 width: 100vw;
} 
.area{
 clear: both;
 margin-top: 50px;
 padding-top: 80px;
 padding-bottom: 80px;
 background-color:  #d9e8ee;
}
#breadcrumbs{
 clear: both;
 width: 100%;
 height: 50px;
 background-color: #d9e8ee;
} 
#breadcrumbs li{
  float: left;
  margin-top: 10px;
  padding-left: 15px;
  font-size: 12px;
}
main h1{
  margin-bottom: 27px;
  text-align:center;
  font-size: 24px;
}
.h1_style{
  display: block;
  font-size: 14px;
  color:#64879f;
}
main h2{
 font-size: 20px;
 text-align: center;
 margin-bottom: 20px;
}
.FQA{
  width: 340px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  padding:10px 10px 10px 10px;
  background-color: #fff;
}
.FQAinner{
   width: 320px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 5px;
   margin-bottom: 5px;
   padding: 0 10px 0 10px;
   border: 1px solid #030303;
}
.FQA h2{
   text-align: center;
   padding: 2em;
}
.FQA ul{
   margin-bottom: 20px;
}
.question{
   background-color: #c3d2dc;
   font-size: 16px;
   padding: 20px 20px 20px 20px;
}
.answer{
   background-color: #f1f5f7;
   padding: 20px 20px 20px 20px;
}
.feelink{
   width: 340px;
   height: 100px;
   margin-top: 30px;
   margin-bottom: 30px;
   margin-left: auto;
   margin-right: auto;
   padding:10px 10px 10px 5px;
   background-color: #fff;
}
.feelinkinner{
   width: 340px;
   height: 100px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 5px;
   border: 1px solid #030303;
   padding:10px 5px 10px 10px ;
}
.feelink p{
   text-align: center;
}
 #otoiawasebutton {
   display: block;
   width: 150px;
   margin-top: 50px;
   margin-left: auto;
   margin-right: auto;
   background-color: #04609d;
   padding: 14px;
   text-align: center;
}
#otoiawasebutton a{
   color: #fff;
   font-weight: bold;
}
#spotoiawasetel{
   margin-top: 30px;
   margin-bottom: 30px;
}
#spotoiawasetel p{
  text-align: center;
   width:60%;
  margin-left: auto;
  margin-right: auto;
}
#button{ 
  margin-left: 20px;
}
/* rent独自のスタイル */
#renthousin{
    width: 340px;
    height: 450px;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 10px 10px 5px;
    background-color: #fff;
}
#renthousininner{
    width: 340px;
    height: 440px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #030303;
    padding: 20px 5px 10px 10px;
}
#renttokutyou{
    width: 340px;
    height: 830px;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 10px 10px 5px;
    background-color: #fff; 
}
#renttokutyouinner{
    width: 340px;
    height: 820px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #030303;
    padding: 20px 5px 10px 10px;
}
#rentgyoumunosyurui{
    width: 340px;
    height: 860px;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 10px 10px 5px;
    background-color: #fff; 
}
#rentgyoumunosyuruiinner{
    width: 340px;
    height: 850px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #030303;
    padding: 20px 5px 10px 10px;
}

/* contract独自のスタイル */
#supporttokutyou{
    width: 340px;
    height: 500px;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 10px 10px 5px;
    background-color: #fff; 
  }
#supporttokutyouinner {
    width: 340px;
    height: 490px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #030303;
    padding: 20px 5px 10px 10px;
}

/* eviction独自のスタイル */
#tatinokitokutyou{
    width: 340px;
    height: 620px;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 10px 10px 5px;
    background-color: #fff; 
  }
#tatinokitokutyouinner{
    width: 340px;
    height: 610px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #030303;
    padding: 20px 5px 10px 10px;
}
/* co-owner独自のスタイル */
#kyouyuhousin{
    width: 340px;
    height: 410px;
    margin-top: 30px;
    margin-bottom: 60px;
    margin-left: auto;
    margin-right: auto;
    padding:10px 10px 10px 5px;
    background-color: #fff; 
}
#kyouyuhousininner{
    width: 340px;
    height: 400px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5px;
    border: 1px solid #030303;
    padding: 20px 5px 10px 10px;
}
/* defect独自のスタイル */
#kasitokutyou{
  width: 340px;
  height: 470px;
  margin-top: 30px;
  margin-bottom: 60px;
  margin-left: auto;
  margin-right: auto;
  padding:10px 10px 10px 5px;
  background-color: #fff; 
}
#kasitokutyouinner{
  width: 340px;
  height: 460px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  border: 1px solid #030303;
  padding: 20px 5px 10px 10px;
}
}