@charset "UTF-8";


#company .title h1 {
  font-size: 1.5rem;
  font-weight: 200;
  font-size: 3.1rem;
  text-align: center;
}

#company .title h1 strong {
  display: block;
  font-size: 1.5rem;
}

#company .title > div {
  margin-top: 4.0rem;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#company .title > div div {
  width: 50%;
}

@media screen and (max-width:640px) {
  #company .title > div div {
    width: 100%;
  }
}

#company .title h2 {
  margin: 5.0rem 0.5rem 0;
  text-align: center;
  font-size: 2.5rem;
  font-weight: normal;
}

#company .comp_detail > p {
  margin: 5.0rem auto 0;
  width: 90%;
}

#company .comp_detail .panel {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  width: 90%;
  margin: 5.0rem auto 0;
}

#company .comp_detail .panel > div {
  width: 50%;
}

#company .comp_detail .oka_add {
  margin: 10.0rem auto 0;
  width: 90%;
  border-top: #4F1A12 solid 1px;
}

#company .comp_detail .oka_add h2 {
  font-size: 1.4rem;
  font-weight: 400;
  margin: 5.0rem 0 0;
}

#company .comp_detail .oka_add dl {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

#company .comp_detail .oka_add dl dt {
  width: 20%;
  margin: 4.0rem 0 0;
  padding: 0;
}

#company .comp_detail .oka_add dl dd {
  width: 80%;
  margin: 4.0rem 0 0;
  padding: 0;
}

#company .comp_detail #oka_map {
  margin-top: 5.0rem;
  width: 100%;
  position: relative;
}

#company .comp_detail #oka_map:before {
  content: "";
  display: block;
  padding-top: 40%;
}

#company .comp_detail #oka_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


#company .oka_network {
  margin: 2.0rem auto 0;
  width: 90%;
}

#company .oka_network dl {
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
}

#company .oka_network dt {
  width: 15%;
  margin: 4.0rem 0 0;
}

#company .oka_network dd {
  width: 85%;
  margin: 4.0rem 0 0;
  font-size: 1.2rem;
}

#company .oka_network #jiyugaoka_map {
  margin-top: 5.0rem;
  width: 100%;
  position: relative;
}

#company .oka_network #jiyugaoka_map:before {
  content: "";
  display: block;
  padding-top: 40%;
}

#company .oka_network #jiyugaoka_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


@media screen and (max-width:640px) {
  #company .comp_detail .panel {
    width: 100%;
  }

  #company .comp_detail .panel > div {
    width: 100%;
  }

  #company .comp_detail #oka_map:before {
    padding-top: 100%;
  }

  #company .oka_network #jiyugaoka_map:before {
    padding-top: 100%;
  }
}

#company .sns {
  margin-top: 10.0rem;
  border-top: #4f1a12 solid 1px;
}

#company .sns h2 {
  font-size: 1.5rem;
  color: #4f1a12;
  text-align: center;
  font-weight: normal;
  margin-top: 5.0rem;
}

#company .sns h2 strong {
  font-size: 3.1rem;
  display: block;
}

#company .sns > div {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 2.0rem;
}

#company .sns > div a {
  margin: 0 4.0rem;
}

#company .online {
  margin-top: 10.0rem;
  border-top: #4f1a12 solid 1px;
}

#company .online h2 {
  font-size: 1.5rem;
  color: #4f1a12;
  text-align: center;
  font-weight: normal;
  margin-top: 5.0rem;
}

#company .online h2 strong {
  font-size: 3.1rem;
  display: block;
}

#company .online > div {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

#company .online > div a {
  display: block;
  width: 24%;
  margin-top: 2.0rem;
  font-size: 0.8rem;
  text-align: center;
}

#company .online > div a img {
  margin-bottom: 0.5rem;
}

@media screen and (max-width:640px) {
  #company .online > div a {
    width: 48%;
  }
}