@charset "UTF-8";
/* CSS Document */
.page_openschool{text-align: center}

.title1{background: #ededed}

.concact p{padding-top: 20px;width: 80%;margin: auto}



.page_openschool h3{color: #f08329; font-weight: bold;margin-top: 70px;margin-bottom: 30px; letter-spacing:0.1em;  font-size: 2.6rem;text-align: left;border-bottom: 1px solid #f08329}
.page_openschool .box{margin-top: 20px;font-weight: bold;font-size: 2rem}
.page_openschool .sec2{text-align: left;margin-bottom: 60px}

.page_openschool .sec2 .bt{margin: 40px auto;width: 600px;}

.page_openschool h4{color: #f08329; font-weight: bold;margin-top: 70px;margin-bottom: 20px; letter-spacing:0.1em;  font-size: 2rem;}
.page_openschool table{ width:100%;table-layout: fixed;border-collapse:collapse;border-spacing:0px; }
.page_openschool table th,
.page_openschool table td{text-align: center;padding: 12px;vertical-align: middle;border: 1px solid #333}
.c1{background: #fad8d8}
.c2{background: #fdeeed}
.c3{background: #9ac8ff}
.c4{background: #cbe2f7}
.c5{background: #88cfa1}
.c6{background: #d4efdd}

.page_openschool .line2{border-top: 1px solid #333;padding-top: 30px;}

@media screen and (max-width: 768px) {/*スマホのスタイル*/
.page_openschool .col2{width: 100%;margin-bottom: 30px}
.mobile-scroll table{width: 600px!important;}
.page_openschool table th,
.page_openschool table td{padding: 8px;}
.page_openschool .sec2 .bt{margin: 40px auto;width: 100%;}
}

/*---------------------------------
タイトルつき囲み枠
--------------------------------*/
.point-box {
  position: relative;
  border: 2px solid #f08329; /* 枠の太さ・種類・色 */
  border-radius: 4px; /* 枠の丸み */
  margin: 1.8em auto; /* 枠外の余白 */
  padding: 30px;
  width: 70%;
  text-align: left
}

.point-title {
  position: absolute;
  padding: 0 0.5em;
  left: 20px;
  top: -18px; /* タイトルの位置を調整 */
 
  font-weight: bold;
  font-size:1.8rem;
  background-color: #ffffff;
}