@charset "utf-8";
/*  style　[  ]
=================================================================== */

/* 959px(sm)～ ____________________________________________________ */
@media print,screen and (min-width: 959px) {
  .pc-w280 {
    width: 280px;
  }
}

/* 各施設へのリンク */
ul.link {
  padding: 0;
  position: relative;
  list-style-type: none!important;/*ポチ消す*/
}

ul.link li a {
  color: #000;
  border-left: solid 6px #2d8fdd;/*左側の線*/
  background: #f1f8ff;/*背景色*/
  margin-bottom: 5px;/*下のバーとの余白*/
   line-height: 1.5;
  padding: 0.5em;
  display: block;
}
ul.link li a:hover {
  color: #fff;
  border-left: solid 6px #2d8fdd;/*左側の線*/
  background: #2d8fdd;/*背景色*/
}
/* grid */
.shisetsuphoto{
  margin: 10px 5px ;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(auto,auto);
  column-gap: 20px;
  row-gap: 20px;
}
.item2-image{
  margin: 0;
}
.item2-text{
  padding: 0;
  margin: 15px 5px 10px;
  }
/*.item2{
  border: 1px solid #d8d8d8;
}*/
.shisetsuphoto2{
  margin: 20px 5px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: minmax(auto,auto);
  column-gap: 10px;
  row-gap: 20px;
}
/* flex */
.flex_1{
  display: flex;
  margin: 15px 0;
}
.flex-text{
  margin: 0 10px 0 0;
  line-height: 1.7;
}
.flex-text p:first-child{
  margin-bottom: 15px;
}
.flex-image{
  padding: 1.5rem;
}
/* btn */
.blbtn{
  width: 160px;
  margin: 20px 0 0 auto;
}
.blbtn a{
  display: block;
  font-size: 16px;
  font-weight: 500;
  color: #ffffff;
  border: 1px solid #00a7e8;
  background-color: #00a7e8;
  border-radius: 20px;
  padding: 5px 15px;
  width: 150px;
  text-align: center;
}
.blbtn a:hover{
  text-decoration: none;
  background-color: #ffffff;
  color: #009cd3;
  }


/* 円 */
.circle {	
  position: relative;
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #ffc3c3;
  float: right;
  margin: 35px 5px 0px 0px;

}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :80px;
  text-align:center;
  color:#ff2b79;
  font-weight: 700;
}

/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
  /* 円 */
.circle {	
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ffc3c3;
  float: right;
  margin: 55px 5px 0px 0px;

}

.circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :70px;
  text-align:center;
  color:#ff2b79;
  font-weight: 700;
}
.shisetsuphoto, .shisetsuphoto2{
  grid-template-columns: 1fr;
  row-gap: 10px;
  justify-items: center;
}
.item2{
  margin-bottom: 15px;
}
.flex_1{
  display: block;
}
}
/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {
  .circle {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: #ffc3c3;
    float: right;
    margin: 60px 5px 0px 0px;
  }
  .circle span {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width :70px;
    text-align:center;
    color:#ff2b79;
    font-weight: 700;
  }
  .shisetsuphoto, .shisetsuphoto2{
    grid-template-columns: 1fr;
    row-gap: 10px;
    justify-items: center;
  }
  .item2{
    margin-bottom: 15px;
  }
  .flex_1{
    display: block;
  }
}
/*----------------------------------------------
   959px以下
  ---------------------------------------------*/
  @media screen and (max-width: 959px) {
    .circle {
      position: relative;
      display: inline-block;
      width: 70px;
      height: 70px;
      border-radius: 50%;
      background: #ffc3c3;
      float: right;
      margin: 55px 5px 0px 0px;
    }
    .circle span {
      position: absolute;
      display: inline-block;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      width :70px;
      text-align:center;
      color:#ff2b79;
      font-weight: 700;
    }
    .shisetsuphoto, .shisetsuphoto2{
      grid-template-columns: 1fr;
      row-gap: 10px;
      justify-items: center;
    }
    .item2{
      margin-bottom: 15px;
    }
    .flex_1{
      display: block;
    }
  }