@charset "utf-8";

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  line-height: 2.0;
}

a:hover {
  text-decoration: none;
}

img {
  vertical-align: bottom;
}

main {
  background-color: #fff;
}

/* mchMv */
.mchMv {
  background-color: #b3d6e8;
  margin-top: 86px;
  display: flex;
  justify-content: center;
}

.mchMv_inner {
  max-width: 1920px;
  width: 100%;
}

.mchMv_ttl {
  display: none;
}

.mchMv_lead {
  position: absolute;
  top: 45.22144522144522%;
  left: 10.78125%;
  font-size: 2.1rem;
  color: #fff;
  width: 43.54166666666667%;
  max-width: 836px;
  border: 5px solid #fff;
}

.mchMv_img {
  width: 100%;
}

.mchMv_img.-pc {
  display: block;
}

.mchMv_img.-sp {
  display: none;
}

/* mchIntro */
.mchIntro {
  background-color: #f5f5f5;
  display: flex;
  justify-content: center;
  padding: 0 3%;
}

.mchIntro_inner {
  display: flex;
  max-width: 1250px;
  width: 100%;
  justify-content: space-between;
  background-image: url(/admissions/ch/img/bg_triangle01.png);
  padding: 7% 0;
  background-repeat: no-repeat;
  background-position: top right 8%;
  /* background-size: 23.68%; */
  background-size: 15.41666666666667vw;
  align-items: center;
}

.mchIntro_reason {
  width: 41.36%;
}

.mchIntro_reason img {
  width: 100%;
}

.mchIntro_goal {
  width: 52.16%;
}

.mchIntro_goal a {
  display: block;
}

.mchIntro_goal a:hover {
  opacity: 0.8;
}

.mchIntro_goal img {
  width: 100%;
}

/* mchCont */
.mchCont {
  display: flex;
  justify-content: center;
  padding: 0 3%;
}

.mchCont.-cont1 {
  background-color: #b3d6e8;
  background-image: url(/admissions/ch/img/bg_triangle02.png);
  background-repeat: no-repeat;
  background-position: top left;
  /* background-size: 12.76041666666667%; */
  background-size: 12.76041666666667vw;
}

.mchCont.-cont2 {
  background-color: #f3efcb;
}

.mchCont_inner {
  max-width: 1100px;
  width: 100%;
  padding: 7% 0 0;
}

.mchCont_line {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin-bottom: 8%;
}

.mchCont_item {
  max-width: 510px;
  width: 46.63636363636364%;
}

.mchCont_item a {
  display: block;
}

.mchCont_item a:hover {
  opacity: 0.8;
}

.mchCont_ttl {
  margin-bottom: 2.0%;
}

.mchCont_ttl img {
  width: 100%;
}

.mchCont_bn {
  margin-bottom: 6%;
}

.mchCont_bn img {
  width: 100%;
}

.mchCont_subttl01 {
  font-size: 2.9rem;
  color: #fff;
  /* padding: 3px 15px; */
  padding: 8px 17px;
  display: inline-block;
  margin-bottom: 3%;
  line-height: 1.5;
}

.mchCont_subttl01.-manabi {
  background-color: #764792;
}

.mchCont_subttl01.-shinro {
  background-color: #b71b42;
}

.mchCont_subttl01.-qanda {
  background-color: #ff9454;
}

.mchCont_subttl01.-future {
  background-color: #d24e4a;
}

.mchCont_subttl01.-concierge {
  background-color: #296089;
}

.mchCont_subttl02 {
  font-size: 2.4rem;
  color: #000;
  line-height: 1.5;
  margin-bottom: 2%;
  font-weight: 800;
}

.mchCont_subttl02.-beginner {
  color: #cb3333;
}

.mchCont_subttl02.-parents {
  color: #5a8166;
}

.mchCont_overview {
  font-size: 1.8rem;
  color: #333;
}

/* mchFbtn */
.mchFbtn {
  display: flex;
  justify-content: center;
  padding: 5.5% 3%;
}

.mchFbtn_inner {
  max-width: 1100px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.mchFbtn_btn {
  width: 46%;
  height: 93px;
  color: #fff !important;
  font-size: 2.2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background-image: url(/admissions/ch/img/btn_arrow_icon.png);
  background-repeat: no-repeat;
  background-size: 25px;
  background-position: center right 20px;
  padding: 10px 53px;
  line-height: 1.5;
}

.mchFbtn_btn:hover {
  opacity: 0.8;
}

.mchFbtn_btn.-system {
  background-color: #92bee3;
}

.mchFbtn_btn.-top {
  background-color: #b0b0b0;
}

#footer #wrapLine {
  display: none;
}

@media screen and (min-width:1921px) {
  .mchIntro_inner {
    background-size: 296px;
  }

  .mchCont.-cont1 {
    background-size: 245px;
  }
}