@charset "utf-8";

/* common */
img {vertical-align: bottom;}
a {text-decoration: none;}
article * {box-sizing: border-box;}
article a {transition: .2s linear;}
article a:hover, article a:hover span, article a:hover p {color: initial; text-decoration: none; opacity: .8;}

/* top */
.mv_top {margin: 66px 0 50px;}
ul.top_links {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
ul.top_links li {
  margin: 0 20px 20px 0;
  border: 2px solid #01AFEC;
  border-radius: 10px;
  width: calc(50% - 10px);
  height: 128px;
}
ul.top_links li:nth-child(2n) {margin-right: 0;}
ul.top_links li:nth-child(-n+2) {height: 160px;}
ul.top_links li a {display: flex; height: 100%; align-items: center;}
ul.top_links li .photo {width: 140px; height: 100%; margin-right: 30px;}
ul.top_links li .photo img {width: 100%; height: 100%; object-fit: cover; border-radius: 10px 0 0 10px;}
ul.top_links li img {
  margin-right: 23px;
  border-radius: 5px 0 0 5px;
  object-fit: cover;
}
ul.top_links li p {
  color: #01AFEC;
  font-size: 35px;
  font-weight: 600;
  font-family:"A-OTF Shin Go Pro B","A-OTF ShinGo Pro B","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W6","Yu Gothic Bold","Yu Gothic","メイリオ",Meiryo,sans-serif;
}
ul.top_links li p span {
  padding-left: 10px;
  color: #000;
  font-size: 20px;
  font-weight: 600;
  font-family:"A-OTF Shin Go Pro M","A-OTF ShinGo Pro M","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Yu Gothic Medium","Yu Gothic","メイリオ",Meiryo,sans-serif;
}
ul.top_column {
  display: flex;
  justify-content: space-between;
  width: 680px;
  margin: 60px auto 0;
}
ul.top_column li {width: calc(50% - 10px);}
ul.top_column img {width: 100%;}
.other_edu_column {
  background-color: #F8FAFA;
  margin-top: 51px;
}
.other_edu {
  width: 760px;
  margin: 0px auto;
  padding-top: 30px;
}
.home_h2 {
  color:#2E2E2E;
  font-size: 30px;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}
.other_edu ul.subList {display: flex; flex-wrap: wrap; align-items: center;}
.other_edu ul.subList li {position: relative; margin: 0 50px 26px 0;}
.other_edu ul.subList li:nth-child(8),
.other_edu ul.subList li:nth-child(12),
.other_edu ul.subList li:nth-child(16) {margin-right: 0;}
.other_edu ul.subList li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: 6px solid transparent;
  border-left-color: #3279B8;
}
.other_edu ul.subList li a {color: #000; font-size: 16px; padding-left: 10px;}
.list_em {font-size: 24px; font-weight: 600;}

/*-- 下層ページ --*/
.mv {margin-top: 43px;}
.mv img, ul.target_links li img, ul.recommended_links li img {width: 100%; height: 100%; object-fit: cover;}
ul.target_links {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
}
ul.target_links li {
  width: 50%;
  height: 120px;
  margin-bottom: 20px;
}
ul.target_links li a, ul.recommended_links li a {
  display: flex;
  align-items: center;
}
ul.target_links li .photo {
  width: 120px;
  height: 100%;
  margin-right: 30px;
}
ul.target_links li p {
  color: #000;
  font-size: 30px;
  font-weight: 600;
}
ul.target_links li p span {
  font-size: 28px;
  font-weight: 300;
}
ul.recommended_links {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
ul.recommended_links li {
  width: 50%;
  height: 110px;
  margin-bottom: 10px;
}
ul.recommended_links li .photo {
  width: 110px;
  height: 100%;
  margin-right: 40px;
}
ul.recommended_links li p {
  color: #000;
  font-size: 24px;
  font-weight: 600;
}