/* --------------------- 共通 pc --------------------- */




@media all and (max-width: 840px)  {
/* --------------------- 共通 sp --------------------- */

}





/* --------------------- pc --------------------- */

}
/* // ________SP________ // */
@media screen and (max-width: 840px)  {
/* ---------------------  sp --------------------- */

}



/* // areaIndex //
----------------------------------------------- */
.areaIndex {
  width: 1100px;
  display: flex;
  flex-wrap: wrap;
  display: -ms-flexbox;
  margin-top: 70px;
}
.areaIndex li {
  width:196px;
  margin-right:30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

.areaIndex li:nth-child(5n)  {
  margin-right:0;
}
.areaIndex li a{
  display:block;
  box-shadow: 0 0 7px rgba(0,0,0,0.15);
  background-color:#FFF;
  padding:5px;
  padding:relative;
}
.areaIndex li a .inner{
  display:block;
  overflow:hidden;
  position:relative;
}
.areaIndex li a .inner:after{
  content:" ";
  position:absolute;
  display:block;
  width:30px;
  height:30px;
  background-color:#3575C0;
  right:0px;
  bottom:0px;
  transform: translate(50%,50%) rotate(45deg);
}
.areaIndex li a .area{
  display: flex;
  display: -ms-flexbox;
  align-items: center;
  -ms-align-items: center;
  justify-content: center;
  -ms-justify-content: center;
  height:80px;
  font-size:24px;
  position:relative;
  font-weight: 700;
}
.areaIndex li a .area:after{
  content:" ";
  position:absolute;
  display:block;
  width:85%;
  height:1px;
  left:50%;
  bottom:0px;
  transform: translateX(-50%);
}


/* // ________SP________ // */
@media screen and (max-width: 840px)  {
  .areaIndex {
    width: 100%;
    flex-wrap: wrap;
    -ms-flex-wrap : wrap;
    margin-top: 50px;
  }
  .areaIndex li {
    width:48%;
    margin:10px 4% 10px 0;
  }
  .areaIndex li:nth-child(2n) {
    margin-right:0;
  }
  .areaIndex li:nth-child(5n) {
    margin-right:4%;
  }
  .areaIndex li:nth-child(10) {
    margin-right:0;
  }
  .areaIndex li a{
    box-shadow: 0 0 5px rgba(0,0,0,0.15);
    padding:3px;
  }
  .areaIndex li a .inner:after{
    width:22px;
    height:22px;
  }
  .areaIndex li a .area{
    height:50px;
    font-size:4.5vw;
    font-weight: 700;
  }
}




/* // areaItemWrap //
----------------------------------------------- */
.areaBlockWrap {
  border-top: 1px solid #a1a1a1;
}
.areaBlockWrap .block {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-bottom: 1px solid #a1a1a1;
  padding:20px 0;
  width: 100%;
}
.areaBlockWrap .block .companyWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.areaBlockWrap .block .company {
  width: 300px;
  width: 260px;
  padding: 0 15px;
  font-weight: 700;
}
.areaBlockWrap .block .image {
  width: 170px;
  padding: 0 15px;
}
.areaBlockWrap .block .image img{
  width: 100%;
}
.areaBlockWrap .block .address {
  width: 400px;
  padding: 0 15px;
}
.areaBlockWrap .block .tel {
  padding: 0 15px;
}
.areaBlockWrap .block .keyword {
  padding: 0 0px 0 15px;
  width: 270px;
 
}

.areaBlockWrap .block .keyword a{
  color:#3575c0;
}


/* // ________SP________ // */
@media screen and (max-width: 840px)  {
.areaBlockWrap .block {
  display: inherit;
  flex-wrap: inherit;
  align-items: inherit;
  border-bottom: 1px solid #a1a1a1;
  padding:20px 0;
}
.areaBlockWrap .block .companyWrap {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  margin-bottom: 15px;
}
.areaBlockWrap .block .company {
  width: 60%;
  padding: 0 0;
  font-weight: 700;
  margin-right: 5%;
}
.areaBlockWrap .block .company.nologo {
  width: 100%;
  margin-bottom: 15px;
} 
.areaBlockWrap .block .image {
  width: 35%;
  padding: 0 0;
}
.areaBlockWrap .block .image img{
  width: 100%;
}
.areaBlockWrap .block .address {
  width: inherit;
  padding: 0 0;
  margin-bottom: 12px;
}
.areaBlockWrap .block .tel {
  width: inherit;
  padding: 0 0;
}

.areaBlockWrap .block .keyword {
  padding: 0px;
  width: 100%;
  line-height: 1.6em;
 
}



}