/*=====================
	��菴��������
======================*/
#ochikaku {
  width:1200px;
  display: flex;
  justify-content: space-between;
}
#ochikaku dt {
  color: #007cc2;
  margin-bottom: 5px;
}
#ochikaku dd {
  margin-bottom: 20px;
}
#ochikaku dd:last-of-type {
  margin-bottom: 0;
}

#ochikaku .map_box {
  width: 760px;
  position:relative;
  background-image: url(../images/ochikaku/bg_map.png), url(../images/ochikaku/bg_ochikaku.jpg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 70px, center bottom;
  background-size: 50%, 100%;
  padding-bottom: 200px;
}
#ochikaku .map_box h3 {
	font-size:24px;
	font-weight:normal;
  color: #007cc2;
  margin-bottom: 10px;
}
#ochikaku .map_box p { 
  font-size:16px;
  line-height: 1.5;
}
#ochikaku .map_box dl { 
  padding-left: 400px;
}
#ochikaku .map_box dt:last-of-type {
  padding-top: 10px;
}
#ochikaku .map_box dd a {
  display: flex;
  position: relative;
  width: calc(100% - 100px);
  color: #fff;
  background: #007cc2 url(../images/ochikaku/icon_map_off.png) no-repeat 15px center / 23px 30px;
  padding: 20px 49px;
  line-height: 1;
  text-align: left;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  border-radius: 5px;
  font-weight: bold;
  border: 1px solid #007cc2;
}
#ochikaku .map_box dd a:hover {
  color: #007cc2;
  background: #fff url(../images/ochikaku/icon_map_on.png) no-repeat 15px center / 23px 30px;
  text-decoration: none;
}
#ochikaku .map_box dd a::after {
  position: absolute;
  content: "\3009";
  right: 10px;
  font-size: 0.8rem;
}
#ochikaku .map_box dd.company a {
  color: #555;
  background: #fff url(../images/ochikaku/icon_company_off.png) no-repeat 15px center / 23px 30px;
  border: 1px solid #ccc;
  font-weight: normal;
}
#ochikaku .map_box dd.company a:hover {
  color: #555;
  background: #fff url(../images/ochikaku/icon_company_off.png) no-repeat 15px center / 23px 30px;
  border: 1px solid #007cc2;
}

#ochikaku .bnr_box {
  width: 380px;
  text-align:left;
  padding-left: 29px;
  border-left: 1px #ccc solid;
}
#ochikaku .bnr_box dd img {
  width: 100%;
}


/*==============
	sp��
============*/
@media screen and (max-width:479px) {
  #ochikaku, #ochikaku .map_box, #ochikaku .bnr_box {
    width:100%;
    display: block;
  }
  #ochikaku dt {
    font-size: 10px;
  }
  #ochikaku dd {
    margin-bottom: 1rem;
  }
  #ochikaku dd:last-of-type {
    margin-bottom: 0;
  }

  #ochikaku .map_box {
    background-position: center 17vw, center bottom;
    background-size: 100%, 100%;
    padding-bottom: 28vw;
  }
  #ochikaku .map_box h3 {
    font-size:17px;
    margin-bottom: 0;
  }
  #ochikaku .map_box p { 
    font-size:12px;
    margin-bottom: 1rem;
  }
  #ochikaku .map_box dl { 
    padding-left: 0;
  }
  #ochikaku .map_box dt:last-of-type {
    padding-top: 0.5rem;
  }
  #ochikaku .map_box dd a {
    width: calc(100% - 98px);
    background: #007cc2 url(../images/ochikaku/icon_map_off.png) no-repeat 20px center / 23px 30px;
    padding: 25px 49px;
  }
  #ochikaku .map_box dd a:hover {
    background: #fff url(../images/ochikaku/icon_map_on.png) no-repeat 20px center / 23px 30px;
  }
  #ochikaku .map_box dd a::after {
    right: 15px;
    font-size: 0.8rem;
  }
  #ochikaku .map_box dd.company a {
    background: #fff url(../images/ochikaku/icon_company_off.png) no-repeat 20px center / 23px 30px;
  }
  #ochikaku .map_box dd.company a:hover {
    background: #fff url(../images/ochikaku/icon_company_off.png) no-repeat 20px center / 23px 30px;
  }

  #ochikaku .bnr_box {
    padding-left: 0;
    padding-top: 1rem;
    margin-top: 1rem;
    border-left: none;
    border-top: 1px #ccc solid;
  }
}