@charset "UTF-8";
/* ------------------------------
- .contentArea
------------------------------ */
.contentArea {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
}
@media only screen and (max-width: 640px) {
    .contentArea {
        padding: 10% 0;
    }
}
/* ------------------------------
- .section
------------------------------ */
.section{
    margin-bottom: 50px;
}
.section:last-child{
    margin-bottom: 0;
}
.section_heading{
    font-size: 28px;
    color: #f3993a;
    padding-bottom: 27px;
    margin-bottom: 40px;
    border-bottom:  2px solid #f3993a;
}
@media only screen and (max-width: 640px) {
    .section {
        padding: 5% 0;
        margin-bottom: 7%;
    }
    .section:last-child{
        margin-bottom: 0;
    }
    .section_heading {
        font-size: 20px;
    }
}
/* ------------------------------
- .accessMap
------------------------------ */
.accessMap_thumb{
    margin-bottom: 50px;
}

.accessMap_body{

}
.accessMap_heading{
    width: 100%;
    background-color: #f3993a;
    color: #fff;
    display: table;
    padding: 15px 15px;
    margin-bottom: 50px;
}
.accessMap_heading-small{
    display: table-cell;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    width: 158px;
}
.accessMap_heading-large{
    display: table-cell;
    vertical-align: middle;
    font-size: 30px;
}
.accessMap_text{
    float: left;
    font-size: 24px;
    width: 50%;
    padding: 0 5%;
    line-height: 1.3;
    margin-bottom: 50px;
}
.accessMap_text:nth-child(n+3){
    margin-bottom: 0;
}
.accessMap_text-small{
    font-size: .6em;
    line-height: 1;
}
@media only screen and (max-width: 640px) {
    .accessMap_thumb{
        margin-bottom: 10%;
    }
    .accessMap_heading{
        display: table;
        padding: 15px 15px;
        margin-bottom: 12%;
    }
    .accessMap_heading-small{
      width: 110px;
      font-size: 12px;
    }
    .accessMap_heading-large{
        font-size: 21px;
    }
    .accessMap_text{
        float: none;
        font-size: 20px;
        width: 100%;
        padding: 0 ;
        margin-bottom: 8%;
    }
    .accessMap_text:nth-child(n+3){
        margin-bottom: 8%;
    }
    .accessMap_text-small{
        font-size: .6em;
    }
}
/* ------------------------------
- .detail
------------------------------ */
.detail {
    font-size:14px;
    border-width: 1px;
    border-color: #666666;
    border-collapse: collapse;
    width: 100%;
    margin-top: 100px;
}
.detail th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #dedede;
    vertical-align: middle;
}
.detail td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666666;
    background-color: #ffffff;
    text-align: center;
    vertical-align: middle;
}
.detail_name{

}
.detail_address{

}
.detail_access{

}
.detail_toDetail{

}
.detail_button{
    background: #000;
    color: #fff;
    padding: 4px 0;
    width: 100px;
    margin: 0 auto;
}
@media only screen and (max-width: 640px) {
    .detail {
        font-size:10px;
        margin-top: 0;
    }
    .detail th {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #dedede;
    }
    .detail td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #666666;
        background-color: #ffffff;
        text-align: center;
        vertical-align: middle;
    }
    .detail_name{

    }
    .detail_address{

    }
    .detail_access{

    }
    .detail_toDetail{

    }
    .detail_button{
      width: 40px;
    }
}

/* ------------------------------
- .contentArea
------------------------------ */


.feature__area{
    width: 90%;
    max-width: 1100px;
    margin: 2rem auto;
}
@media only screen and (max-width: 640px) {
    .feature__lead{
        font-size: 16px;
        line-height: 1.8;
    }
    .feature__area {
        padding: 0 1.5px;
        margin: 0 auto;
    }
}
@media only screen and (min-width: 640px) {
    .feature__lead{
        font-size:20px;
        line-height: 1.8;
    }
    .featnreItem{
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
.featnreItem:nth-child(odd){
    flex-direction: row-reverse;
}

@media only screen and (min-width: 640px) {
    .featureItem__textbox{
        width: 40%;
    }
    .featnreItem + .featnreItem{
        margin-top: 5rem;
    }
    .featureItem__img{
        width: 55%;
    }

}
@media only screen and (min-width: 900px){
    .featureItem__title{
        font-size: 28px;
    }
    .featureItem__text{
        font-size: 18px;
    }
}
@media only screen and (min-width: 640px) and (max-width: 900px){
    .featureItem__title{
        font-size: 24px;
    }
    .featureItem__text{
        font-size: 16px;
    }
}
@media only screen and (max-width: 640px) {
    .featnreItem + .featnreItem{
        margin-top: 3rem;
    }
    .featureItem__img{
        margin-top: 15px;
    }
    .featureItem__title{
        font-size: 18px;
    }
    .featureItem__text{
        font-size: 14px;
    }
}
.featureItem__title{
    font-weight: bold;
    color: #f08437;
    border-bottom: 2px solid #f08437;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.featureItem__btnbox,.featureItem__btnboxsp{
    text-align: center;
}

.featureItem__btn::after,
.featureItem__btnsp::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 15%;
    transform: translateY(-50%);
    border-left: .5rem solid #fff;
    border-top: .4rem solid transparent;
    border-bottom: .4rem solid transparent;
    transition: .3s all;
}
.featureItem__btn:hover::after{
    right: 12%;
}
@media only screen and (min-width: 900px) {
    .featureItem__btn{
        width: 100%;
        margin: 2rem auto 0;
        padding: 16px 20px;
        background-color: #f08437;
        color: #fff;
        position: relative;
        border-radius: 2rem;
        font-size: 18px;
    }
    .featureItem__btnboxsp,.featureItem__btnsp{
        display: none;
    }
}
@media only screen and (min-width: 640px) and (max-width: 900px){
    .featureItem__btn{
        width: 100%;
        margin: 2rem auto 0;
        padding: 16px 20px;
        background-color: #f08437;
        color: #fff;
        position: relative;
        border-radius: 2rem;
    }
    .featureItem__btnboxsp,.featureItem__btnsp{
        display: none;
    }
}
@media only screen and (max-width: 640px) {
    .featureItem__btn{
        display: none;
    }
    .featureItem__btnsp{
        width: 16rem;
        margin: 2rem auto 0;
        padding: 10px 20px;
        background-color: #f08437;
        color: #fff;
        position: relative;
        border-radius: 2rem;
    }
}
/* .featureItem__img{
    border: 2px solid #333;
} */



/* ------------------------------
- banner
------------------------------ */

.bannerPanel {
    /* width: 33.3333333%; */
    /* padding: 120px 6%; */
    margin: 0 auto;
    box-shadow: 0 0 4px 4px rgba(0,0,0,.1);
    border: 1px solid #f08437;
    position: relative;
  }
  .bannerPanel::after {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 100%;
      height: 100%;
      background-color: rgba(255,131,20,0);
  }
  /* .bannerPanel-01 {
    background: url(/wp-content/themes/yamatoya/common/chintai/images/bg_banner01.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }
  
  .bannerPanel-02 {
    background: url(/wp-content/themes/yamatoya/common/chintai/images/bg_banner02.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  } */
  .bannerPanel-03 {
    background: url(/fudousan/wp-content/themes/yamatoya/common/chintai/feature/images/banner_friend.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
  }
  .bannerPanel-04 {
    background: url(/fudousan/wp-content/themes/yamatoya/common/chintai/feature/images/banner_voice.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: top;
  }
  .bannerPanel_heading {
    background-color: rgba(255, 255, 255, .8);
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    margin: 0 auto;
    padding: 10px 0;
    /* -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; */
    position: relative;
    z-index: 1;
  }
  .bannerPanel_heading::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10%;
    border-left: .8rem solid #333;
    border-top: .5rem solid transparent;
    border-bottom: .5rem solid transparent;
    transition: .3s;
  }
  .bannerPanel_heading:hover::after {
    right: 8%;
  }
  @media only screen and (min-width: 640px) {
    .banner__flex{
        display: flex;
        justify-content: space-between;
    }
    .banner{
        width: 48%;
    }
    .bannerPanel {
        padding: 60px 10% 60px;
      }
  }
  @media only screen and (max-width: 640px) {
    .bannerPanel {
        width: 100%;
        padding: 30% 6%;
    }
    .bannerPanel_heading {
        font-size: 18px;
        padding: 4% 0;
    }
    .banner + .banner{
        margin-top: 2rem;
    }
    .bannerPanel {
        padding: 30px 10% 30px;
      }
  }