@charset "UTF-8";
* {
  margin: 0px;
  padding: 0px;
}
body {
  margin: 0px;
}
html {
  font-family: sans-serif;
}
h1 {}
h2 {
  font-size: 21pt;
}
h2.indexh2:first-letter {
  font-size: 31pt;
}
h2.indexh2 {
  margin: 8% 8% 5% 8%;
  text-align: left;
  margin-left: 8%;
  letter-spacing: 0.08rem;
  line-height: 1.8;
}
a {
  text-decoration: none;
}
p.indexp {
  font-size: 14pt;
  font-weight: bold;
  line-height: 2.3;
  letter-spacing: 0.07rem;
  padding: 40px 25px 40px 25px;
  text-align: left;
  margin: 0 2% 0 2%;
}
.topimage {
  margin: 0 0 1% 0;
}
.indexpbackbox {
  margin: 0 5% 0 5%;
  background-color: #EFEFEF;
  border-radius: 20px 20px 20px 20px;
}
.bunyacontainer {
  display: flex;
  flex-wrap: wrap;
  margin: 3% 0 6% 0;
}
.bunyaitem {
  width: 50%;
  margin: 3% 0% 5% 0%;
  text-align: center;
}
.bunyah3 {
  padding: 7% 0% 0% 3%;
}
.bunyap {
  margin: 6% 5% 0% 6%;
  font-weight: bold;
  line-height: 1.8;
}
.jyugyoulink {
  position: relative;
  margin: 5% 0 15% 0;
}
.jyugyoulink img {
  width: 100%;
  opacity: 0.58;
}
.jyugyoulink p {
  position: absolute;
  color: #000000;
  font-size: 19.6pt;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  letter-spacing: 0.18rem;
  top: 50%;
  left: 44%;
  padding: 2.5% 4% 2.5% 4%;
  background: rgba(252, 252, 252, 0.88);
  border-radius: 28px 28px 28px 28px;
  border: solid 3px #AAAAAA;
}
.indexyellowbackbox {
  text-align: center;
  background-color: #FFFF6E;
  border-radius: 20px 20px 20px 20px;
  width: 90%;
  margin: 4% 5% 4% 5%;
}
.indexspace1 {
  margin: 5%;
}
.pagetopbutton {
  text-align: center;
  border-style: solid;
  border-width: 0px 0px 2px 0px;
  border-bottom-color: #000000;
  margin: 5% 25%;
  padding: 3%;
}
.pagetopicon {
  display: inline-block;
}
.pagetopp {
  display: inline-block;
  font-size: 12pt;
  font-weight: bold;
  color: #000000;
}
.daigakujyouhoubox {
  background-color: #D3D3D3;
  padding: 2% 0;
}
.daigakujyouhoup {
  color: #555555;
  font-size: 14pt;
  text-align: left;
  line-height: 2.0rem;
  margin: 7% 8% 9% 8%;
}
.koushikiwebp {
  color: #333333;
  font-size: 14pt;
  text-align: center;
  background-color: #F4F4F4;
  margin: 20px 84px 32px 84px;
  border-radius: 28px;
  padding: 18px 32px 18px 32px;
}
/*ここまでindex*/
.jyugyoubox {
  position: relative;
}
.jyugyoubox img {
  margin-left: -8%;
}
.jyugyoubox h1 {
  position: absolute;
  top: 15%;
  left: 7.5%;
  color: #FFFFFF;
  letter-spacing: 0.22rem;
}
.subtitle {
  margin: 3% 9%;
}
.outline {
  display: inline-block;
  color: #ffffff; /* 文字の色 */
  font-size: 36pt; /* 文字のサイズ */
  letter-spacing: 4px; /* 文字間 */
  text-shadow:
    2px 2px 0px #000000, -2px 2px 0px #000000, 2px -2px 0px #000000, -2px -2px 0px #000000, 2px 0px 0px #000000, 0px 2px 0px #000000, -2px 0px 0px #000000, 0px -2px 0px #000000; /* 文字の影 */
}
.subtitleh2 {
  display: inline-block;
  margin: 5%;
}
.classsetsumeip {
  margin: 5% 0% 5% 12%;
  font-size: 13.6pt;
  font-weight: bold;
  line-height: 2.0;
}
.classimages {
  margin: 2% 0% 6% 10%;
}
.classspace1 {
  padding: 4%;
}
.classspace2 {
  background-color: #C5C5C5;
  padding: 15px;
  margin: 0 0 13px 0;
}
.classspace3 {
  background-color: #C5C5C5;
  padding: 15px;
  margin: 25px 0 0 0;
}
.ideakadai {
  position: relative;
}
.ideakadaip {
  position: absolute;
  top: 0;
  left: 21%;
  text-align: center;
  color: #1D2A8D;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 2.8px;
  line-height: 1.6;
}
.ideakadai img {
  margin: 64px 25% 15px 25%;
}
.ideakadaip2 {
  text-align: center;
  color: #000000;
  font-size: 13.2pt;
  font-weight: bold;
  letter-spacing: 2.4px;
  line-height: 1.6;
}
.ideakadailine {
  margin: 10% 30% 5%30%;
  border-style: solid;
  border-width: 0px 0px 4px 0px;
  border-bottom-color: #000000;
}
.modorubutton {
  position: relative;
}
.modorubutton p {
  position: absolute;
  top: 35%;
  left: 10%;
  font-weight: bold;
  color: #FFFFFF;
  letter-spacing: 0.25rem;
}
.modorubutton img {
  width: 95px;
  margin: 0 0 0 3%;
}