@charset "UTF-8";
/* CSS Document */
/* --- アバウトページのみ--- */
.pin-container {
  position: relative;
  width: 90%;
  height: auto;
  margin:0 auto;
background-color: #cdecf4;
    padding: 40px;
    border-radius: 30px;
    border: 2px solid #a7deeb;
}

.pin {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
  border-radius: 50%;
}

.top-left {
  top: 20px;
  left: 20px;
}

.top-right {
  top: 20px;
  right: 20px;
}

.bottom-left {
  bottom: 20px;
  left: 20px;
}

.bottom-right {
  bottom: 20px;
  right: 20px;
}

/* ------------------------------
   MEDIAQUERIES[SP]LAYOUT
------------------------------ */
@media only screen and (max-width:480px){
.pin-container {
  width: 90%;
  padding: 40px 0 40px 0;
  margin:0 auto 40px;
}
.pin {
  width: 20px;
  height: 20px;
}
}
@media screen and (min-width:600px) and (max-width:959px) {
.pin-container {
  width: 90%;
  padding: 40px 0 40px 0;
  margin:0 auto 40px;
}
}