@charset "UTF-8";


body {
  margin: 0;
}

.all-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  color: #313131;
}

header img {
  width: 100%;
  height: auto;
}

.all-contents {
  padding: 0 80px;
}

.all-schedule-area {
  margin: 30px 0;
}

.schedule-area {
  display: flex;
  align-items: center;
}

.schedule-title {
  background-color: #26A7E1;
  padding: 3px 20px;
  margin: 0 20px 0 0;
  font-size: 1.8rem;
  color: #FFFFFF;
}

.schedule-main {
  color: #26A7E1;
  font-size: 2.5rem;
  margin: 0;
}

.schedule-main.under {
  margin-top: 10px;
}

.schedule-sub {
  color: #26A7E1;
  font-size: 1.7rem;
  margin: 0 30px 0 0;
}

.lead-text {
  font-size: 2rem;
  line-height: 1.8;
  padding: 60px 40px 120px 40px;
  color: #616161;
  text-decoration: underline;
  text-decoration-color: #E3E41F50;
  text-underline-offset: -0.2rem;
  text-decoration-thickness: 0.6rem;
  
}

.all-last-year {
  background-color: #F8F8F8;
  padding: 20px 30px 40px 50px;
  margin: 0 0 120px 0;
  position: relative;
}

.look {
  position: absolute;
  width: 25%;
  height: auto;
  top: -20%;
}

.last-year {
  text-align: center;
}

.last-year img {
  width: 32%;
  height: auto;
  padding: 0 1% 0 0;
  margin: 40px 0 10px 0;
}

.last-year-text {
  position: relative;
  text-align: center;
  color: #616161;
  margin: 10px 0 0 0;
  font-size: 1.6rem;
  letter-spacing: 0.2rem;
}

.last-year-text::before,
.last-year-text::after {
  content: '';
  position: absolute;
  top: 50%;
  width: 40%;
  height: 1px;
  background-color: #616161;
}

.last-year-text::before {
  left: 0;
}

.last-year-text::after {
  right: 0;
}

.event-title {
  border-bottom: solid 4px #E3E41F;
  padding: 70px 10px 10px 10px;
  font-size: 3.5rem;
  text-align: center;
  margin: 0 0 100px 0;
  color: #616161;
  letter-spacing: 0.2rem;
  background-image: url("../img/icon1.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 90px auto;
}

.event-box .event-title {
  background-image: url("/mwimgs/3/7/-/img_374a3ce6b9c450f1599af1380bd9bd6f1518.png");
  padding: 60px 10px 10px 10px;
}

.access-box .event-title {
  background-image: url("/mwimgs/3/5/-/img_35527d3fd9ba596f3801ed2f9f5a89f31603.png");
}

.movie-box .event-title {
  background-image: url("/mwimgs/f/3/-/img_f3c9c3f1026f1c0254a25f5c39b9984c680.png");
}

.others-box .event-title {
  background-image: url("/mwimgs/6/b/-/img_6bdd3dc4ab709731f47fa95c98b745c01173.png");
}

.floor-1 {
  background-color: #E3E41F;
  padding: 10px 0 7px 35px;
  margin: 0 65% 0 0;
  font-size: 2rem;
  color: #90910C;
  font-weight: bold;
  text-align: center;
  position: relative;
  letter-spacing: 0.4rem;
  border-bottom: solid 4px #90910C;
}

.floor-1 img {
  position: absolute;
  width: 45%;
  height: auto;
  left: 5%;
  top: -75%;
}

.event {
  font-size: 5.5rem;
  color: #26A7E1;
  margin: 80px 0 0 0;
  letter-spacing: 0.2rem;
}

.present .event {
  font-size: 5rem;
  color: #26A7E1;
  margin: 80px 0 0 0;
  letter-spacing: 0.2rem;
}

.event-explanation {
  margin: 0 auto;
  font-size: 2rem;
  color: #616161;
  padding: 5px 20px;
  background-color: #F8F8F8;
  width: 60%;
  font-weight: bold;
}

.first-event,.second-event1,.second-event2 {
  text-align: center;
}

.event-box {
  background-image: url("/mwimgs/4/c/-/img_4c0b65468ad2affdd668455f5b132a311900.png");
  background-repeat: no-repeat;
  background-position: 100% 7%;
  background-size: 200px;
  
}

.first-event img {
  width: 80%;
  height: auto;  
}

/*学校説明会　テーブルデザインここから*/

.school-information {
  display: flex;
  justify-content: center;
  padding: 0 0 100px 0;
  background-image: url("/mwimgs/e/8/-/img_e801038d721fb53da2136ebc2fa318531010.png");
  background-repeat: no-repeat;
  background-position: 5% 110%;
  background-size: 240px auto;
}

.school-information table {
  border-collapse: collapse;
  text-align: left;
  margin: 10px 0 100px 0;
  color: #616161;
}

.school-information tr {
  font-size: 2.3rem;
  border-bottom: solid 3px #1FD9E4;
}

.school-information th {
  padding: 10px 40px 3px 40px;
  text-align: center;
  letter-spacing: 0.7rem;
}

.school-information td {
  padding: 24px 50px 17px 60px;
  font-weight: bold;
  letter-spacing: 0.1rem;
}

.school-info-tips {
  font-size: 1.8rem;
}

.school-information tr:nth-child(odd) {
  background-color: #FFFFFF;
  border-bottom: solid 3px #26A7E1;
}

.school-information tr:nth-child(1) {
  background-color: #26A7E1;
  color: #FFFFFF;
}

/*学校説明会　テーブルデザインここまで*/

.floor-1.floor-2 {
  margin: 0 0 0 65%;
  padding: 10px 0 10px 90px;
}

.floor-2 img {
  position: absolute;
  width: 45%;
  height: auto;
  left: 8%;
  top: -78%;
}

.second-event1 {
  background-image: url("/mwimgs/1/6/-/img_164bf27040205f38d816359491134fb01628.png");
  background-size: 200px auto;
  background-position: 100% -5%;
  background-repeat: no-repeat;
}

.second-event1 img {
  width: 70%;
  margin: 50px 0 100px 0;
  box-shadow: 15px 17px 0px 3px #EFEFEF;
}

.consultation {
  margin: 15px 0 0 0;
  background-image: url("/mwimgs/b/5/-/img_b5c48418d1cb99f2207725b098c7fdaa2222.png");
  background-size: 190px auto;
  background-position: 0% 0%;
  background-repeat: no-repeat;
}

.consultation ul {
  border: solid 4px #26A7E1;
  padding: 50px 60px 40px 60px;
  margin: 0 auto;
  width: 600px;
  text-align: center;
}

.consultation ul::after {
  content: "※順不同";
  font-size: 2rem;
  color: #616161;
  display: flex;
  justify-content: flex-end;
  padding: 20px 0 0 0;  
}

.consultation li {
  color: #616161;
  font-size: 2.3rem;
  border-bottom: solid 3px #1FD9E4;
  list-style-type: none;
  font-weight: bold;
  letter-spacing: 0.1rem;
  padding: 15px 0 10px 0;
}

.consultation li span {
  font-size: 2.0rem;
  display: inline-block;
  text-align: left;
}

.consultation li:nth-child(odd) {
  border-bottom: solid 3px #26A7E1;
}

/*　コメントのフキダシ共通部分　ここから　*/

.comment {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
}

.comment::before,
.comment::after {
  content: "";
  width: 3px;
  height: 40px;
}

.comment::before {
  transform: rotate(-35deg);
  margin: 0 30px 0 0;
}

.comment::after {
  transform: rotate(35deg);
  margin: 0 0 0 30px;
}

/*　コメントのフキダシ共通部分　ここまで　*/


/*　コメントのフキダシ個別指定　ここから　*/

.first-event .comment {
  color: #26A7E1;
  font-size: 2.7rem;
  letter-spacing: 0.2rem;
  margin: 70px 0 0 0;
}

.first-event .comment::before,
.first-event .comment::after {
  content: "";
  width: 4px;
  height: 40px;
  background-color: #26A7E1;
}

.second-event2 .comment {
  color: #26A7E1;
  font-size: 2.5rem;
  letter-spacing: 0.2rem;
  margin: 60px 0 0 0;
}

.second-event2 .comment::before,
.second-event2 .comment::after {
  content: "";
  width: 4px;
  height: 40px;
  background-color: #26A7E1;
}

.present .comment {
  color: #26A7E1;
  font-size: 4rem;
}

.present {
  background-image: url("/mwimgs/9/a/-/img_9a2927aa753d2c1fe11e584dc7d174451943.png");
  background-size: 160px auto;
  background-position: 92% 0%;
  background-repeat: no-repeat;
  padding: 250px 0 180px 0;
}

.present .comment::before,
.present .comment::after {
  content: "";
  width: 4px;
  height: 40px;
  background-color: #26A7E1;
}

/*　コメントのフキダシ個別指定　ここまで　*/

.present .event {
  text-align: center;
  margin: -15px 0 0 0;
}

.present-imgbox {
  margin: 30px 0 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.present img {
  width: 90%;
  height: auto;
}

.present .event-explanation {
  width: 80%;
  padding: 15px;
  text-align: center;
}

.present .annotation {
  font-size: 1.6rem;
  color: #616161;
  margin: 10px 0 0 0;
  width: 90%;
  text-align: right;
}

.schedule-box {
  margin: 0 auto 50px auto;
  width: 500px;
  background-color: #F8F8F8;
  padding: 30px 0 30px 105px;
}

.schedule-box h3 {
  color: #616161;
  margin: 0;
  font-size: 2rem;
  letter-spacing: 0.2rem;  
}

.g-map {
  text-align: center;
  margin: 0 0 180px 0;
}

.g-map iframe {
  width: 600px;
  height: 400px;
}

.school-logo {
  width: 60px;
  height: auto;
}

.school-namebox {
  text-align: left;
  width: 90%;
  height: auto;
  margin: 0 0 0 10px;
}

.school-name {
  font-size: 2rem;
  color: #26A7E1;
}

.all-school-movie {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  text-align: center;
}

.school-movie {
  margin: 5px 0 0 0;
}

.school-movie iframe {
  width: 90%;
  aspect-ratio: 16 / 9;
}

.school-moviebox {
  width: calc(100% / 3);
  margin: 0 0 15px 0;
}

.movie-box {
  margin: 0 0 180px 0;
}

.hp-btn {
  background-color: #26A7E1;
  color: #FFFFFF;
  padding: 10px 70px;
  border-radius: 50px;
  margin: 10px 0 0 0;
  display: inline-block;
  text-decoration: none;
}

.all-school-others {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-around;
}

.others-box {
  margin: 0 0 200px 0;
}

.school-others .school-namebox {
  width: 100%;
  margin: 0;
}

.sponsorship-box {
  margin: 0 0 200px 0;
}

.sponsor-item {
  width: calc(100% / 3);
  text-align: center;
}

.sponsor-name {
  display: block;
  margin: auto;
}

.sponsor-movie {
  margin: 10px 0 0 0;
}

.sponsor-movie iframe {
  width: 90%;
  aspect-ratio: 16 / 9;
}

footer {
  background-color: #26A7E1;
  padding: 35px 50px 20px 50px;
  display: flex;
  justify-content: space-between;
}

footer p {
  color: #FFFFFF;
  font-size: 1.5rem;
  margin: 0;
}

footer .tel {
  color: #FFFFFF;
  font-size: 2.5rem;
  margin: 0 0 0 10px;
}

.tel-box {
  display: flex;
  align-items: baseline;
}

footer img {
  width: 100px;
  height: auto;
}

/*トップに戻るボタン*/

.m-footer-gototop {
  width: 60px;
  height: 60px;
  border-radius: 5px;
  background-color: #26A7E1;
  right: 100px;
  border: none;
}

.m-footer-gototop::before {
  top: 23px;
  left: 20px;
  width: 20px;
  height: 20px;
  border-width: 4px 4px 0 0;
  border-color: #FFFFFF;
}

.m-footer-gototop:hover {
  background-color: #1FD9E4;
}







/*ここからタブレット版のcss*/
@media screen and (max-width:1200px) {

.all-wrapper {
  min-width: 768px;
  margin: 0 auto;
}  
  
.all-contents {
    padding: 0 40px;
  }
  
.all-last-year {
  padding: 20px 20px 40px 30px;
}
  
.last-year img {
  padding: 0 0 0 10px;
}  
  
.last-year-text::before,
.last-year-text::after {
  width: 37%;
}
  
.lead-text {
  font-size: 1.8rem;
  padding: 50px 40px 80px 40px;
}
  
.look {
  width: 28%;
  top: -15%;
} 

.floor-1 img {
  width: 50%;
  top: -70%;
  left: 0;
}  

.floor-2 img {
  width: 50%;
  top: -80%;
  left: 3%;
}  
  
.floor-1 {
  padding: 10px 0 10px 85px;
  margin: 0 55% 0 0;
} 
  
.floor-1.floor-2 {
  padding: 10px 0 10px 115px;
  margin: 0 0 0 52%;
} 
  
.event {
  font-size: 5rem;
}
  
.event-explanation {
  width: 100%;
}
  
.present .event-explanation {
  width: 100%;
  font-size: 1.8rem;
}
  
.school-moviebox {
  width: calc(100% / 2);
}  
  
.event-box {
  background-position: 95% 6%;
  background-size: 160px auto;
}

.event {
  margin: 90px 0 0 0;
}

.present .event {
  font-size: 4.2rem;
}
  
.school-information {
  background-position: 10% 100%;
  background-size: 200px auto;
}
  
.school-information tr {
  font-size: 2rem;
}  
  
.school-name {
  font-size: 1.8rem;
}  
  
.present {
  background-position: 95% 2%;
  background-size: 150px auto;
}
  
.present .annotation {
  font-size: 1.3rem;
  text-align: right;
  width: 100%;
}
  
.present img {
  width: 100%;
}
  
.consultation {
  background-image: none;
}
  
.second-event1 {
  background-position: 10% 100%;
  background-size: 150px auto;
}
  
.second-event2 .event {
  margin: 30px 0 0 0;
}
  
.second-event1 img {
  width: 80%;
  margin: 50px 0 180px 0;
}

.present .comment {
  font-size: 3.5rem;
}
 
.access-box .event-title {
  margin: 0 0 50px 0;
}
 
.others-box .event-title {
  margin: 0 0 50px 0;
}
  
.hp-btn {
  padding: 7px 40px;
}   
 
.g-map, .movie-box {
  margin: 0 0 120px 0;
}
  
/*トップに戻るボタン*/

.m-footer-gototop {
  right: 50px;
}
  
  
  
  
  
  
  
  
}/*このカッコは消さない*/











/*ここからスマホ版のcss*/
@media screen and (max-width:767px) {


.all-wrapper {
  min-width: 375px;
  margin: 0 auto;
}  
  
header img {
  width: 100%;
  height: auto;
}

.all-contents {
  padding: 0 20px;
}
  
.lead-text {
  font-size: 1.2rem;
  padding: 25px 20px 60px 20px;
  line-height: 2;
}

.look {
  width: 45%;
  top: -5%;
}  
  
.all-last-year {
  padding: 30px 10px 30px 10px;
  margin: 0 20px 80px 20px;
}  
 
.last-year {
  text-align: center;
}  
  
.last-year img {
  width: 80%;
  height: auto;
  padding: 10px;
  margin: 0;
}

.last-year-text {
  font-size: 1.2rem;
}

.last-year-text::before,
.last-year-text::after {
  width: 28%;
}

.event-title {
  font-size: 1.5rem;
  margin: 0 0 60px 0;
}

.floor-1 {
  margin: 0 45% 0 0;
  font-size: 1.2rem;
  padding: 5px 0 5px 45px;
  border-bottom: solid 3px #90910C;
}

.floor-1.floor-2 {
  margin: 0 0 0 40%;
  font-size: 1.2rem;
  padding: 7px 0 7px 60px;
}

.floor-1 img {
  width: 50%;
  top: -80%;
}

.floor-2 img {
  width: 50%;
  top: -75%;
}

.school-information {
  background-position: 10% 110%;
  background-size: 200px auto;
}
  
.present {
  background-position: 90% 3%;
  background-size: 100px auto;
  padding: 180px 0 100px 0;
}
  
.consultation {
  background-image: none;
}
  
.second-event1 {
  background-position: 10% 100%;
  background-size: 100px auto;
}
  
.event {
  font-size: 3rem;
  margin: 50px 0 0 0;
}

.event-explanation {
  font-size: 1.3rem;
}

.event-title {
  border-bottom: solid 3px #E3E41F;
  padding: 50px 10px 10px 10px;
  font-size: 1.8rem;
  text-align: center;
  margin: 0 0 60px 0;
  color: #616161;
  letter-spacing: 0.2rem;
  background-image: url("../img/icon1.png");
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 60px auto;
}

.event-box .event-title {
  padding: 40px 10px 10px 10px;
  font-size: 1.7rem;
}

.event-box {
  background-position: 95% 5%;
  background-size: 80px auto;
}
  
.first-event {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.first-event .comment {
  font-size: 1.6rem;
  margin: 40px 0 0 0;
}

.first-event .comment::before,
.first-event .comment::after {
  width: 2px;
  height: 25px;
}
  
.second-event2 .comment {
  font-size: 1.6rem;
  margin: 30px 0 0 0;
}

.comment::before {
  margin: 0 20px 0 0;
  width: 2px;
  height: 25px;
} 

.comment::after {
  margin: 0 0 0 20px;
  width: 2px;
  height: 25px;
} 

.second-event2 .comment::before {
  margin: 0 20px 0 0;
  width: 2px;
  height: 25px;
} 

.second-event2 .comment::after {
  margin: 0 0 0 20px;
  width: 2px;
  height: 25px;
} 
  
/*学校説明会　テーブルデザインここから*/

.school-information th {
  padding: 6px 13px 2px 13px;
  font-size: 1.4rem;
}

.school-information td {
  padding: 12px 13px 10px 13px;
  font-size: 1.5rem;
}

.school-info-tips {
  font-size: 1.3rem;
  display: inline-block;
}

.school-information table {
  margin: 10px 0 50px 0;
}  

.school-information tr {
  border-bottom: solid 2px #1FD9E4;
}  

.school-information tr:nth-child(odd) {
  border-bottom: solid 2px #26A7E1;
}  
  
.school-information {
  background-position: 0% 95%;
  background-size: 120px auto;
}

/*学校説明会　テーブルデザインここまで*/

.second-event1 .event {
  text-align: center;
}

.second-event1 .event-explanation {
  font-size: 1.2rem;
  padding: 6px 0;
}
  
.second-event1 img {
  width: 90%;
  margin: 20px 0 130px 0;
  box-shadow: 4px 6px 0 3px #EFEFEF;
}
  
.second-event2 .event {
  text-align: center;
}
  
.second-event2 .event-explanation {
  text-align: center;
  font-size: 1.3rem;
}

.consultation {
  margin: 10px 0 0 0;
}

.consultation ul {
  width: 90%;
  padding: 30px 30px 30px 30px;
  border: solid 3px #26A7E1;
}

.consultation ul::after {
  font-size: 1.2rem;
  padding: 10px 0 0 0;
}
  
.consultation li {
  font-size: 1.6rem;
  border-bottom: solid 2px #1FD9E4;
}

.consultation li span {
  font-size: 1.4rem;
}

.consultation li:nth-child(odd) {
  border-bottom: solid 2px #26A7E1;
}

.present .comment {
  font-size: 1.8rem;
}

.present .comment::before,
.present .comment::after {
  height: 25px;
  width: 2px;
}

.present .comment::before {
  margin: 0 20px 0 0;
}

.present .comment::after {
  margin: 0 0 0 20px;
}

.present .event-explanation {
  text-align: start;
  font-size: 1.2rem;
}

.present .event-explanation br:nth-child(1) {
  display: none;
}

.present .annotation {
  font-size: 1rem;
  text-align: right;
  width: 100%;
}
  
.present .event {
  margin: -2px 0 0 0;
  font-size: 2rem;
}

.present p {
  font-size: 0.9rem;
}

.present img {
  width: 100%;
  height: auto;
}

.present-imgbox {
  margin: 20px 0 0 0;
} 
  
.schedule-box {
  width: 300px;
  padding: 20px 0 20px 45px;
  margin: 0 auto 30px auto;
}

.schedule-box h3 {
  font-size: 1.3rem;
}

.access-box .event-title {
  margin: 0 0 30px 0;
}
 
.movie-box .event-title {
  margin: 0 0 30px 0;
}
 
.others-box .event-title {
  margin: 0 0 50px 0;
}
  
.g-map {
  margin: 0 0 100px 0;
}

.g-map iframe {
  width: 300px;
  height: 300px;
}

.movie-box {
  margin: 0 0 100px 0;
}
  
.all-school-movie {
  justify-content: center;
}

.school-moviebox {
  width: 100%;
  margin: 0 0 20px 0;
} 

.school-name {
  font-size: 1.6rem;
} 

.hp-btn {
  padding: 4px 50px;
  font-size: 1.5rem;
}
  
.school-logo {
  width: 60px;
  height: auto;
} 
  
.school-others {
  margin: 0 0 40px 0;
}

.all-school-others {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  flex-direction: column;
}  
  
.others-box {
  margin: 0 0 100px 0;
}

.sponsorship-box {
  margin: 0 0 100px 0;
}

.sponsor-item {
  width: 100%;
}

footer {
  padding: 20px 15px;
  justify-content: space-around;
}

footer p {
  font-size: 1.1rem;
}

footer .tel {
  font-size: 1.6rem;
  margin: 0 0 0 5px;
}

footer img {
  width: 60px;
  height: auto;
}

/*トップに戻るボタン*/

.m-footer-gototop {
  width: 50px;
  height: 50px;
  right: 30px;
}

.m-footer-gototop::before {
  top: 20px;
  left: 17px;
  width: 18px;
  height: 18px;
  border-width: 4px 4px 0 0;
}
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
	
	
	
	
	
} /*このカッコは消さない*/