@charset "utf-8";
/*-------- トップページcss --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* 共通 */
a.pdf{
  margin: 0 auto 2%;
  padding: 3% 5%;
  display: flex;
  justify-content: space-between;
  color: #333;
  text-decoration: none;
  background-color: #FDF4EF;
  border: #B7805F 1px solid;
}

a.pdf::after{
  content: url(../img/pic_01.png);
  vertical-align: middle;
}

/* --------------------------------------------------------
安全・災害対策
-------------------------------------------------------- */
.preventionBg{
  margin: 10% auto;
  padding: 5%;
  background-color: #F4FFF2;
  border: #8BC782 solid 1px;
}

.preventionBg a.pdf{
  margin-top: 5%;
}

/* --------------------------------------------------------
法人情報
-------------------------------------------------------- */
#link2 .wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
#link2 .pdf{
  width: 49%;
}
/* --------------------------------------------------------
自己評価・保護者アンケート
-------------------------------------------------------- */
#link3 p.year{
  color: #B58365;
  font-size: 1.25rem;
  margin-top: 5%;
}




/* タブレットレイアウト : 980 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 981px) {

/* 共通 */
a.pdf{
  margin: 0 auto 30px;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}

/* --------------------------------------------------------
安全・災害対策
-------------------------------------------------------- */
#link1{
  max-width: 730px;
}
.preventionBg{
  margin: 0 auto;
  padding: 50px;
}

.preventionBg a.pdf{
  max-width: 300px;
  margin: 5% auto 0;
}

/* --------------------------------------------------------
法人情報
-------------------------------------------------------- */
#link2 .wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}
#link2 .pdf{
  width: 23%;
}

/* --------------------------------------------------------
自己評価・保護者アンケート
-------------------------------------------------------- */
#link3{
  max-width: 730px;
}
#link3 p.year{
  font-size: 1.25rem;
}

#link3 .wrap{
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
}
#link3 .pdf{
  width: 49%;
}
}