@charset "utf-8";

/* CSS Document */
.forSp {
  display: block;
}

img.forSp {
  display: inline;
}

.forPc, img.forPc {
  display: none;
}

html {
  scroll-behavior: smooth;
}

.contentRegionWrap {
  background: #FFFAF4;
  padding-bottom: 10px;
}

.contentRegion {
  position: relative;
  width: 100%;
  min-width: auto;
}
.regionArticle .moreLink li.claim{
  position: relative;
}

.regionArticle .moreLink li.claim::before {
  position: absolute;
  top: 31%;
  right: 141px;
  content: '';
  margin-top: -5px;
  width: 33px;
  height: 33px;
  background: url('../../../../img/page/LP/exam/icon_shopingcar_sp.png') no-repeat!important;
  z-index: 1;
  left: 46px!important;
}
.contentRegion::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 26px;
  left: -76px;
  width: 292px;
  height: 158px;
  background: url('../../../../img/page/LP/exam/KV_jpn.png') center center no-repeat;
  background-size: auto;
  background-size: contain;
}

.regionArticle .moreLink li.look{
  position: relative;
}

.regionArticle .moreLink li.look::before {
  position: absolute;
  top: 31%;
  right: 141px;
  content: '';
  margin-top: -5px;
  width: 37px;
  height: 28px;
  background: url('../../../../img/page/LP/exam/icon_school_sp.png') no-repeat;
  z-index: 1;
  left: 46px;
}

.contentRegion::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 327px;
  background: url('../../../../img/page/LP/exam/bg_body_2024_sp.jpg') center center no-repeat;
  background-size: cover;
}

/* reset --------------*/
.contentRegion * {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  color: #333;
  font-size: 100%;
  font-weight: normal;
  line-height: 1;
  vertical-align: baseline;
  background: transparent;
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;

}

.contentRegion article, .contentRegion aside, .contentRegion details, .contentRegion figcaption, .contentRegion figure, .contentRegion footer, .contentRegion header, .contentRegion hgroup, .contentRegion menu, .contentRegion nav, .contentRegion section {
  display: block;
}

.contentRegion ul, .contentRegion ol, .contentRegion dl {
  list-style: none;
}

.contentRegion blockquote, .contentRegion q {
  quotes: none;
}

.contentRegion blockquote:before, .contentRegion blockquote:after, .contentRegion q:before, .contentRegion q:after {
  content: '';
  content: none;
}

.contentRegion a, .contentRegion a:link, .contentRegion a:visited, .contentRegion a:active {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  border-bottom: none;
}

.contentRegion a:link img, .contentRegion a:visited img, .contentRegion a:active img, .contentRegion a:hover img {
  border: none;
  text-decoration: none;
}

.contentRegion img, .contentRegion canvas, .contentRegion iframe, .contentRegion video, .contentRegion svg {
  max-width: 100%;
  vertical-align: bottom;
}

.contentRegion table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* main title --------------*/
.mainTitle {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  margin: 0 auto 25px;
  padding-top: 31px;
  width: 92%;
  max-width: 345px;
}

.mainTitle>.inner {
  position: relative;
  display: inline-block;
}

.mainTitle p {
  color: #333;
  font-size: .8666666666666667rem;
  line-height: 1.923076923076923;
}

.mainTitle .year {
  margin-bottom: 19px;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
}

.newstudents{
  display: flex;
  flex-direction: row;
}

.mainTitle h1 {
  margin-bottom: 12px;
}

.nonfree{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 5px;
  padding: 3px;
  background: #FFF;
  border-radius: 0.2rem;
  color: #ea5a5a!important;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
}

.free{
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 0 5px;
  padding: 3px;
  background: #ff0;
  border-radius: 0.2rem;
  color: #ea5a5a!important;
  font-size: 1rem;
  line-height: 1;
  vertical-align: middle;
  font-weight: bold;
}

/* merit --------------*/
.merit {
  position: relative;
  z-index: 2;
  box-sizing: border-box;
  position: relative;
  margin: 0 auto 50px;
  width: 92%;
  max-width: 345px;
  padding: 14px;
  background: #5ac6aa;
  border-radius: 16px;
}

.merit::before {
  position: absolute;
  top: -32px;
  left: 50%;
  z-index: 1;
  content: '';
  width: 98px;
  height: 55px;
  margin-left: -48px;
  background: url('../../../../img/page/LP/exam/img_pin.png') center center no-repeat;
  background-size: 100% auto;
}

.meritWrap .merit::after {
  position: absolute;
  top: 182px;
  left: 9%;
  z-index: 1;
  content: '';
  width: 78px;
  height: 238px;
  background: url('../../../../img/page/LP/exam/img_girl_01.png') center center no-repeat;
  background-size: 100% auto;
}

.merit>.inner {
  padding: 20px 15px;
  background: #fff;
}

.meritWrap .merit>.inner {
  padding-bottom: 46px;
  background: #fff;
}

.merit .baloon {
  position: relative;
  margin-bottom: 7px;
  align-items: center;
  background: #fff593;
  border: solid 5px #fd6f6f;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
  border-radius: 64px;
}

.merit .baloon span {
  position: relative;
  display: block;
  padding: 10px;
  color: #fd6f6f;
  font-size: 12px;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
}

.merit h2 {
  position: relative;
  z-index: 99;
  margin: 0 auto 15px;
  text-align: center;
}

.merit .meritList {
  position: relative;
  z-index: 99;
  margin-left: 88px;
}

.merit .meritList li {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 6px;
  width: 100%;
  padding: 0 5px 0 2.095238095238095em;
  min-height: 1.65em;
  font-size: 12px;
  line-height: 1.65;
  font-weight: bold;
}

.merit .meritList li span {
  color: #ed746c;
  font-weight: bold;
}

.merit .meritList li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 1.65em;
  height: 1.65em;
  background: #ea5a5a;
  border-radius: 100%;
}

.merit .meritList li::after {
  position: absolute;
  top: 0.4em;
  left: 0.3em;
  content: '';
  width: 1.1em;
  height: 0.6em;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.merit .inPageLink {
  position: absolute;
  bottom: -30px;
  z-index: 99;
  left: 50%;
  margin-left: -139px;
  width: 278px;
  height: 70px;
  background: #ffffdb;
  border-radius: 8px;
  box-shadow: 6px 6px 0 0 rgba(0, 0, 0, .15);
}

.merit .inPageLink a {
  position: relative;
  display: table-cell;
  width: 278px;
  height: 70px;
  background: #fd6f6f;
  border-radius: 8px;
  border: none !important;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-size:15px;
  line-height: 1.714285714285714;
  font-weight: bold;
  transition: all .25s 0s;
}

.merit .inPageLink a::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 24px;
  content: '';
  margin-top: -7px;
  width: 12px;
  height: 12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) scaleX(1);
  transform-origin: left;
}

.merit .inPageLink a::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 24px;
  content: '';
  margin-top: -12px;
  width: 12px;
  height: 12px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  transform: rotate(-45deg) scaleX(1);
  transform-origin: left;
  opacity: 0;
}

.merit .inPageLink a:hover {
  opacity: 1;
  filter: saturate(150%);
}

.merit .inPageLink a:hover::before {
  margin-top: -2px;
  animation: downArrow .75s ease 0s infinite reverse none running;
}

.merit .inPageLink a:hover::after {
  opacity: 1;
  animation: downArrow .75s ease 0s infinite normal none running;
}

@keyframes downArrow {
  0% {
    opacity: .5;
  }

  49.9% {
    opacity: .5;
  }

  50% {
    opacity: 1;
  }

  99.9% {
    opacity: 1;
  }

  100% {
    opacity: .5;
  }
}


/* attention ------ */
.attention {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 23px;
  padding: 17px;
  width: 92%;
  max-width: 345px;
  border: solid 2px #ff0000;
}

.attention p {
  padding-left: 2.928571428571429em;
  font-size: .8rem;
  line-height: 1.4;
  color: #ff0000;
  text-align: left;
}

.attention p::before {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 20px;
  content: '';
  margin-top: -13px;
  width: 26px;
  height: 26px;
  background: url('../../../../img/page/LP/exam/icon_attention.png') center center no-repeat;
  background-size: 100% auto;
  border: solid 3px #ff0000;
  border-radius: 100%;
}


/* areaList Large ------ */
.areaList {
  margin: 0 auto 14px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 92%;
  max-width: 345px;
}

.areaList li {
  margin: 0 0 3px;
  display: table;
  box-sizing: border-box;
  min-height: 43px;
  width: 33%;
  background: #fff;
  border: solid 3px#f4f4ec;
  border-radius: 6px;
  text-align: center;
}

.areaList li.now {
  background: linear-gradient(-45deg, #f4f4ec 25%, #ffffff 25%, #ffffff 50%, #f4f4ec 50%, #f4f4ec 75%, #ffffff 75%, #ffffff)!important;
  background-size: 10px 10px!important;
}


.areaList li input {
  display: none;
}

.areaList li label, .areaList li span {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
    -2px 2px 0 #FFF, 2px -2px 0 #FFF,
    0px 2px 0 #FFF, 0 -2px 0 #FFF,
    -2px 0 0 #FFF, 2px 0 0 #FFF;
  transition: all .25s 0s;
}

.areaList .class_0 span, .areaList .class_0 label {
  color: #8a48b9;
}

.areaList .class_2 span, .areaList  .class_2 label{
  color: #20ad64;
}

.areaList .class_4 span, .areaList .class_1 label {
  color: #49a1ee;
}

.areaList .class_1 span, .areaList .class_3 label {
  color: #3288f1;
}

.areaList .class_3 span, .areaList .class_4 label {
  color: #00c0c7;
}

.areaList .class_5 span, .areaList .class_5 label {
  color: #78c020;
}

.areaList .class_6 span, .areaList .class_6 label {
  color: #faaa2a;
}

.areaList .class_7 span, .areaList .class_7 label {
  color: #c9871c;
}

.areaList .class_8 span, .areaList .class_8 label {
  color: #e741b0;
}

.areaList .class_9 span, .areaList .class_9 label {
  color: #f73897;
}


/* school Block ------ */
/* regionArticle */
.regionArticle {
  margin: 0 auto 53px;
  width: 92%;
  max-width: 345px;
}

.regionArticle h3 {
  margin: 0 auto 18px;
  padding: 18px;
  background: #7dbef7;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

.regionArticle section {
  margin: 0 auto 15px;
  padding-top: 19px;
  background: #fff;
}

.regionArticle .sectionInner {
  padding: 0 20px;
}

.regionArticle .sectionInner.none {
  padding: 20px 20px 60px;
  text-align: center;
  line-height: 1.7;
}

.schoolBlock{
    background: #fff;
    margin: 5rem 15px;
    padding: 20px 20px;
    margin-top: 2rem;
}

.sectionInnerList h4{
  margin: 0 auto 10px;
  padding: 16px 22px 14px;
  background: #f4f4ec;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
}

.regionArticle h4 {
  margin: 0 auto 10px;
  padding: 16px 22px 14px;
  background: #f4f4ec;
  font-size: 16px;
  line-height: 1.2;
  font-weight: bold;
}

/* areaList small ------ */
.regionArticle .areaList {
  margin: 0 auto 40px;
  margin-right: -1%;
  width: 101%;
  min-width: auto;
  justify-content: flex-start;
}

.regionArticle .areaList li {
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 1%;
  padding: 6px 1px 5px;
  width: 19%;
  min-height: auto;
  background: #f4f4ec;
  border: none;
  border-radius: 1px;
}

/* .regionArticle .areaList li.now{
  background: linear-gradient(-45deg,#f4f4ec 25%, #ffffff 25%,#ffffff 50%, #f4f4ec 50%,#f4f4ec 75%, #ffffff 75%,#ffffff);
  background-size: 10px 10px;
} */
.leftBlockList h5{
  margin: 0 auto 10px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
} 
.listtr{
  min-width: 7em;
  color: #ef9452;
  font-size: 12px;
  line-height: 1.7;
  text-align-last: justify;
  text-justify: inter-ideograph;
  vertical-align: top;
}
.contactList td{
  padding-left: 17px;
  min-width: 8em;
  font-size: 12px;
  line-height: 1.7;
  vertical-align: top;
}

.leftBlockList{
  margin: 0 auto 10px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: bold;
}

.regionArticle .areaList li span {
  text-shadow: none;
  font-size: 12px;
  line-height: 1.2;
  font-weight: normal;
}

/* flex Block ------ */
.regionArticle .mainBlock {
  padding-bottom: 22px;
}

/* contact table */
.regionArticle .leftBlock h5 {
  margin: 0 auto 10px;
  font-size:16px;
  line-height: 1.625;
  font-weight: bold;
}

.regionArticle .contact {
  margin-bottom: 25px;
}

.regionArticle .contact th {
  min-width: 7em;
  color: #ef9452;
  font-size:12px;
  line-height: 1.7;
  text-align-last: justify;
  text-justify: inter-ideograph;
  vertical-align: top;
}

.regionArticle .contact td {
  padding-left: 17px;
  min-width: 8em;
  font-size: 12px;
  line-height: 1.7;
  vertical-align: top;
}

.regionArticle .contact a, .regionArticle .contact a:link, .regionArticle .contact a:visited {
  color: #ef9452;
  text-decoration: underline;
  border-bottom: 0;
}


/* moreBlock */
/* moreLink */
.regionArticle .moreLink {
  width: 100%;
}

.regionArticle .moreLink li {
  display: block;
  margin-bottom: 8px;
  min-height: 50px;

}


.regionArticle .moreLink a {
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 19px 22px 19px 15px;
  width: 100%;
  background: #FFB830;
  border: none !important;
  text-align: center;
  transition: all .5s 0s;
}

li.claim{
position: relative;
}


.regionArticle .moreLink a span {
  display: inline-block;
  color: #fff;
  font-size: 12px;
  line-height: 1.2;
  font-weight: bold;
}

.regionArticle .moreLink li:nth-child(2) a {
  background: #ea5a5a;
}


.regionArticle .moreLink a::before {
  position: absolute;
  top: 50%;
  right: 14px;
  content: '';
  margin-top: -3px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scaleX(1);
  transform-origin: left;
}

/* features */
.regionArticle .features {
  box-sizing: border-box;
  display: table;
  margin: 0 auto 18px;
  width: 100%;
  border: solid 2px #67c1e8;
  border-radius: 8px;
}

.regionArticle .features h5 {
  margin-bottom: 0;
  padding: 11px 0;
  background: #67c1e8;
  text-align: center;
  vertical-align: middle;
  font-size: 12px;
  color: #fff;
}

.regionArticle .features ul {
  padding: 18px 20px;
  vertical-align: middle;
}

.regionArticle .features li {
  position: relative;
  padding-left: 1em;
  font-size: 12px;
  line-height: 1.7;
}

.regionArticle .features li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '・';
  width: 1em;
  height: 1em;
}

/* faculty */
.regionArticle .faculty {
  margin: 0 auto;
  width: 100%;
  border: solid 1px #d6d5d1;
  border-bottom: 0;
}

.regionArticle .faculty>div {
  border-bottom: solid 1px #d6d5d1;
}

.regionArticle .faculty h6 {
  box-sizing: border-box;
  padding: 15px;
  background: #fbefe1;
  font-size: 12px;
  line-height: 1.692307692307692;
  text-align: left;
  vertical-align: middle;
  border-bottom: solid 1px #d6d5d1;
}

.regionArticle .faculty div div {
  padding: 17px;
}

.regionArticle .faculty p {
  font-size: 12px;
  line-height: 1.7;
  text-align: left;
  vertical-align: middle;
}
/*
.departmentTitle{
  font-weight: bolder;
}
*/
.department {
  position: relative;
  display: block;
  padding-left: 1em;
  font-size: .8666666666666667rem;
}

.department::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '・';
  width: .5em;
  height: .5em;
}

/* examinationHall */
.regionArticle .moreBlock .examinationHall+.examinationHall {
  padding-top: 30px;
}

.regionArticle .moreBlock .examinationHall div:first-child {
  padding: 10px 18px;
  border: solid 4px #f4f4ec;
  margin: 0 auto 5px;
}

.regionArticle .moreBlock .examinationHall h6 {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 5px;
}

.regionArticle .moreBlock .examinationHall .detail {
  margin-bottom: 30px;
}

.regionArticle .moreBlock .examinationHall .detail table {
  width: 100%;
}

.regionArticle .moreBlock .examinationHall .detail th {
  box-sizing: border-box;
  padding: 11px 4px;
  width: 24.91803278688525%;
  border-bottom: 1px solid #ef9452;
  font-size:12px;
  line-height: 1.692307692307692;
  text-align: left;
}

.regionArticle .moreBlock .examinationHall .detail td {
  padding: 11px 22px;
  border-bottom: 1px solid #f0f0e5;
  font-size: 12px;
  line-height: 1.833333333333333;
  text-align: left;
}

.regionArticle .moreBlock .examinationHall .detail td a, .regionArticle .moreBlock .examinationHall .detail td a:link, .regionArticle .moreBlock .examinationHall .detail td a:visited {
  color: #ef9452;
  text-decoration: underline;
  border-bottom: 0;
}

.regionArticle .moreBtn {
  cursor: pointer;
  margin: 0 auto;
  padding: 19px;
  background: #9b9b9b;
  text-align: center;
  transition: all .25s 0s;
}

.regionArticle .moreBtn span {
  pointer-events: none;
  position: relative;
  padding-right: 44px;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.regionArticle .moreBtn span::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 0;
  content: '';
  margin-top: -4px;
  width: 8px;
  height: 8px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform-origin: center center;
  transition: all .25s 0s;
}

.regionArticle .moreBtn.close span::before {
  transform: rotate(135deg);
}

.regionArticle .moreBtn.open span::before {
  transform: rotate(-45deg);
}

.regionArticle .moreBtn:hover {
  opacity: .75;
}
.regionArticle .caution {
  margin: 0 auto 15px;
  font-size: .8rem;
  line-height: 1.7;
  color: #ff0000;
  text-align: left;
}
/* meritWrap ---------*/
.meritWrap {
  margin: 0 auto 70px;
}

.meritWrap .merit>.inner {
  padding-bottom: 0;
}

.meritWrap .meritList {
  margin-bottom: 15px;
}

.meritWrap .mainBlock {
  position: relative;
  z-index: 99;
  margin: 0 auto;
}

.meritWrap .mainBlock .leftBlock, .meritWrap .mainBlock .rightBlock {
  position: relative;
  background: #f3f3f3;
  border-radius: 3px;
}

.meritWrap .mainBlock .rightBlock {
  background: #ffffdb;
}

.meritWrap .mainBlock .leftBlock::before, .meritWrap .mainBlock .rightBlock::before {
  position: absolute;
  bottom: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-left: -36px;
  margin-bottom: -33px;
  border-right: 36px solid transparent;
  border-top: 36px solid transparent;
  border-bottom: 36px solid #0d95c0;
  transform: rotate(-45deg);
}

.meritWrap .mainBlock .rightBlock::before {
  top: 0;
  left: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-left: -36px;
  margin-bottom: 0;
  margin-top: -82px;
  border-bottom: 36px solid #ef5a24;
}

.meritWrap .mainBlock .cenerBlock {
  padding: 43px 0;
}

.meritWrap .mainBlock h3 {
  margin: 0 auto 20px;
  padding: 20px;
  background: #0d95c0;
  border-radius: 3px 3px 0 0;
  text-align: center;
}

.meritWrap .mainBlock .rightBlock h3 {
  background: #ea5a5a;
}

.meritWrap .mainBlock h3 span {
  position: relative;
  padding-left: 3.375em;
  display: inline-block;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

.meritWrap .mainBlock h3 span::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  margin-top: -1.28125em;
  width: 2.5625em;
  height: 2.5625em;
  background: #fff;
  border-radius: 100%;
}

.meritWrap .mainBlock h3 span::after {
  position: absolute;
  top: 50%;
  left: 0;
  content: '';
  margin-top: -1.28125em;
  width: 2.5625em;
  height: 2.5625em;
  background: url('../../../../img/page/LP/exam/icon_hand_01.png') center center no-repeat;
  background-size: 100% auto;
}

.meritWrap .mainBlock .rightBlock h3 span::after {
  transform: rotate(180deg) scale(-1, 1);
}

.meritWrap .mainBlock h4 {
  margin: 0 auto 15px;
  font-weight: bold;
  line-height: 1.6;
}

.meritWrap .mainBlock h4 span {
  color: #0d95c0;
  font-size: 16px;
  line-height: 1.6;
  font-weight: bold;
}

.meritWrap .mainBlock .rightBlock h4 span {
  color: #ed746c;
  font-weight: bold;
}

.meritWrap .mainBlock .inner {
  padding: 0 20px 20px;
}

.meritWrap .mainBlock ul li {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 11px;
  padding-left: 1.076923076923077em;
  font-size: 13px;
  line-height: 1.538461538461538;
  font-weight: bold;
}

.meritWrap .mainBlock ul li::before {
  position: absolute;
  top: .1333333333333333em;
  left: 0;
  content: '';
  width: .6923076923076923em;
  height: .6923076923076923em;
  background: #0d95c0;
  border-radius: 100%;
}

.meritWrap .mainBlock .rightBlock ul li::before {
  background: #ea5a5a;
}

.meritWrap .mainBlock .cenerBlock {
  text-align: center;
}

/* speechBlock */
.meritWrap .speechBlock {
  display: table;
  padding-top: 10px;
  padding-bottom: 24px;
  background: url('../../../../img/page/LP/exam/img_girl_02_sp.png') left 25px no-repeat, url('../../../../img/page/LP/exam/img_boy_01_sp.png') right bottom -110px no-repeat;
}

.meritWrap .speechBlock .leftBlock {
  float: left;
  position: relative;
  padding-left: 92px;
  margin-bottom: 20px;
}

.meritWrap .speechBlock .leftBlock>span {
  position: relative;
  display: inline-block;
  padding: 15px 22px;
  background: #f3f3f3;
  border-radius: 18px;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
  font-size:12px;
  line-height: 1.785714285714286;
  font-weight: bold;
}

.meritWrap .speechBlock .leftBlock>span::before {
  position: absolute;
  top: 85px;
  right: 100%;
  content: '';
  width: 15px;
  height: 18px;
  background: url('../../../../img/page/LP/exam/icon_arrow_01.png') center top no-repeat;
  background-size: 100% auto;
}

.meritWrap .speechBlock .rightBlock {
  float: right;
  position: relative;
  padding-right: 94px;
}

.meritWrap .speechBlock .rightBlock>span {
  position: relative;
  z-index: 9;
  display: inline-block;
  padding: 20px;
  background: #fffacb;
  border-radius: 18px;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
  font-size: 1.266666666666667rem;
  line-height: 1.473684210526316;
  font-weight: bold;
}

.meritWrap .speechBlock .rightBlock>span span {
  font-size: 1.266666666666667rem;
  line-height: 1.473684210526316;
  color: #ef5a24;
  font-weight: bold;
}

.meritWrap .speechBlock .rightBlock>span::before {
  position: absolute;
  top: 78px;
  left: 100%;
  z-index: 1;
  content: '';
  width: 18px;
  height: 19px;
  background: url('../../../../img/page/LP/exam/icon_arrow_02.png') center top no-repeat;
  background-size: 100% auto;
}
/* koukoku */
.uniLifeService {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto 66px;
  width: 92%;
  max-width: 345px;
  padding: 14px;
  border-radius: 0 0 16px 16px;
  background: #fff;
}

.uniLifeService::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 30px;
  background: url('../../../../img/page/LP/exam/bg_uniLifeService_01.png') right top repeat-x;
  background-size: auto 100%;
}

.uniLifeService>.inner {
  position: relative;
  padding-top: 140px;
  background: url('../../../../img/page/LP/exam/bg_uniLifeService_03.png') left top repeat;
}

.uniLifeService>.inner::before {
  position: absolute;
  top: 70px;
  right: 0;
  z-index: 1;
  content: '';
  width: 100%;
  height: 600px;
  background: url('../../../../img/page/LP/exam/bg_uniLifeService_02.png') right top no-repeat;
  background-size: cover;
}

.uniLifeService>.inner::after {
  position: absolute;
  top: -40px;
  left: -10px;
  z-index: 1;
  content: '';
  width: 25%;
  height: 362px;
  background: url('../../../../img/page/LP/exam/img_girl_04.png') left top no-repeat;
  background-size: 100% auto;
}

.uniLifeService>.inner * {
  position: relative;
  z-index: 2;
}

.uniLifeService>.inner h3 {
  display: inline-block;
  position: absolute;
  top: -10px;
  right: -5px;
  z-index: 2;
  width: 86%;
}

.uniLifeService dl {
  position: relative;
  margin: 0 auto;
  padding: 15px 20px 5px;
  background: #ffff89;
  border-radius: 18px;
  box-shadow: 4px 4px 0 0 rgb(0 0 0 / 15%);
  font-size: 1.266666666666667rem;
  line-height: 1.473684210526316;
  font-weight: bold;
}

.uniLifeService dl dt {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 6px;
  font-size: 1.066666666666667rem;
  line-height: 1.2;
  font-weight: bold;
  color: #ef5924;
}

.uniLifeService dl dd {
  position: relative;
  box-sizing: border-box;
  margin-bottom: 6px;
  padding: 0 5px 0 2.095238095238095em;
  min-height: 1.65em;
  font-size: 1.066666666666667rem;
  line-height: 1.65;
  font-weight: bold;
}

.uniLifeService dl dd::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 1.65em;
  height: 1.65em;
  background: #ef5924;
  border-radius: 100%;
}

.uniLifeService dl dd::after {
  position: absolute;
  top: 0.4em;
  left: 0.4em;
  content: '';
  width: 0.6em;
  height: 0.3em;
  border-left: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}

.uniLifeService dl dd span {
  color: #f17d52;
  font-weight: bold;
}

.uniLifeService .readText {
  margin: 0 auto;
  padding: 30px 20px 20px;
  font-size: .8666666666666667rem;
  line-height: 1.7;
  font-weight: bold;
  text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 15px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff, 0 0 5px #fff;
}

.uniLifeService .uniLifePoint {
  margin: 0 auto 10px;
  background: #fff;
  align-items: center;
}

.uniLifeService .uniLifePoint h4 {
  box-sizing: border-box;
  padding: 10px 15px;
  background: #6eba5f;
  color: #fff;
  font-size: 1.2rem;
  line-height: 1.2;
  font-weight: bold;
  vertical-align: middle;
}

.uniLifeService .uniLifePoint h4::before {
  position: absolute;
  top: 50%;
  right: 50%;
  content: '';
  width: 0;
  height: 0;
  margin-top: -15px;
  border-right: 30px solid transparent;
  border-top: 30px solid transparent;
  border-bottom: 30px solid #6eba5f;
  transform: rotate(-45deg);
}

.uniLifeService .uniLifePoint h4 br {
  display: none;
}

.uniLifeService .uniLifePoint p {
  padding: 30px 15px 5px;
  font-size: .8666666666666667rem;
  font-weight: bold;
  line-height: 2;
}

.uniLifeService .telNum {
  position: relative;
  margin: 10px auto;
  padding: 15px 15px 5px;
  background: #fff;
  border: solid 6px #d5ae62;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
  line-height: 1.7;
  text-align: left;
}

.uniLifeService .telNum::before {
  position: absolute;
  top: -22px;
  right: 20px;
  z-index: 1;
  content: '';
  width: 40px;
  height: 92px;
  background: url(../../../../img/page/LP/exam/img_clip.png) center top no-repeat;
  background-size: 100% auto;
}

.uniLifeService .telNum h5 {
  display: inline-block;
  margin-bottom: 15px;
  padding: 3px 10px;
  background: #ef5924;
  color: #fff;
}

.uniLifeService .telNum li {
  position: relative;
  display: flex;
  padding: 0 1em 0 1.076923076923077em;
  margin-bottom: 20px;
  font-size: .8666666666666667rem;
  line-height: 1.7;
}

.uniLifeService .telNum li::before {
  position: absolute;
  top: 0.1333333333333333em;
  left: 0;
  content: '';
  width: 0.6923076923076923em;
  height: 0.6923076923076923em;
  background: #ef5a24;
  border-radius: 100%;
}

.uniLifeService .telNum li span {
  padding-right: .5em;
  font-size: .8666666666666667rem;
}

.uniLifeService .telNum li a {
  text-decoration: underline;
  font-size: .8666666666666667rem;
}

.uniLifeService .uniLifeKome {
  margin: 20px auto;
  font-size: 0.8rem;
  line-height: 1.4;
}

.uniLifeService .uniLifeConactLink {
  margin: 10px auto 20px;
  text-align: center;
}

.uniLifeService .uniLifeConactLink a {
  position: relative;
  display: inline-block;
  background: #ef5924;
  padding: 15px 40px 15px 20px;
  border-radius: 8px;
  border: none !important;
  text-align: center;
  color: #fff;
  font-size: 0.9rem;
  line-height: 1.4;
  font-weight: bold;
  transition: all .25s 0s;
}

.uniLifeService .uniLifeConactLink a::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 15px;
  content: '';
  margin-top: -2px;
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scaleX(1);
  transform-origin: left;
}

.uniLifeService .uniLifeKyoka {
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.4;
}


/* point */
.point {
  background: #fff;
}

.point .inner {
  position: relative;
  box-sizing: border-box;
  padding: 45px 0 10px;
  margin: 0 auto;
  width: 92%;
  max-width: 345px;
}

.point .baloon {
  position: absolute;
  top: -20px;
  left: 0;
  display: table;
  align-items: center;
  min-width: 200px;
  min-height: 50px;
  border-radius: 50px;
}

.point .baloon span {
  display: table-cell;
  width: 100%;
  height: 100%;
  background: #ffff89;
  box-shadow: 4px 4px 0 0 #333;
  border: solid 3px #333;
  border-radius: 46px;
  font-size: 1.333333333333333rem;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
}

.point .baloon::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: 0;
  margin-left: -4px;
  border-style: solid;
  border-width: 0 16px 16px 0;
  border-color: transparent #333 transparent transparent;
  transform: skew(-15deg, 15deg);
}

.point .baloon::after {
  content: '';
  position: absolute;
  z-index: 4;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-style: solid;
  border-width: 0 9px 9px 0;
  border-color: transparent #fefd89 transparent transparent;
  transform: skew(-15deg, 15deg);
}

@-moz-document url-prefix() {
  .point .baloon::after {
    margin-top: -5px;
  }
}

.point h2 {
  margin: 0 auto;
  text-align: center;
}

.point h2 span {
  position: relative;
  display: inline-block;
  padding: 0 16px 33px 26px;
}

.point .pointQA {
  margin-bottom: 0;
}

.point .pointQA li {
  cursor: pointer;
  margin-bottom: 17px;
  background: #f7f7f7;
  border-radius: 11px;
  transition: all .25s 0s;
}

.point .pointQA div {
  position: relative;
}

.point .pointQA div span {
  display: block;
  position: relative;
  padding: 28px 60px 28px 66px;
  font-size: 12px;
  line-height: 1.833333333333333;
}

.point .pointQA .question {
  position: relative;
  transition: all .25s 0s;
}

.point .pointQA .question::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  content: '';
  margin-top: -13px;
  width: 22px;
  height: 26px;
  background: url('../../../../img/page/LP/exam/icon_q.png') center center no-repeat;
  background-size: 100% auto;
}

.point .pointQA .question span {
  pointer-events: none;
  position: relative;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.625;
  transition: all .25s 0s;
}

.point .pointQA .question span::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 35px;
  content: '';
  margin-top: -10px;
  width: 3px;
  height: 20px;
  background: #333;
  transition: all .35s 0;
  transform-origin: center center;
}

.point .pointQA .question span::after {
  pointer-events: none;
  position: absolute;
  top: 50%;
  right: 26px;
  content: '';
  margin-top: -2px;
  width: 21px;
  height: 3px;
  background: #333;
  transition: all .35s 0;
  transform-origin: center center;
}

.point .pointQA .open .question span::before {
  transform: scale(1, 1);
  animation: closeCloss02 .75s ease-in-out 0s 1 normal forwards running;
}

.point .pointQA .open .question span::after {
  transform: scale(1, 1);
  animation: closeCloss03 .75s ease-in-out 0s 1 normal forwards running;
}

.point .pointQA .close .question span::before {
  transform: scale(0, 0);
  animation: closeCloss01 .75s ease-in-out 0s 1 normal forwards running;
}

.point .pointQA .close .question span::after {
  transform: scale(.5, 1);
  animation: closeCloss04 .75s ease-in-out 0s 1 normal forwards running;
}

.point .pointQA .answer {
  position: relative;
}

.point .pointQA .answer span {
  padding-top: 0;
}

.point .pointQA .answer::before {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 20px;
  z-index: 1;
  content: '';
  margin-top: -13px;
  width: 22px;
  height: 26px;
  background: url('../../../../img/page/LP/exam/icon_a.png') center center no-repeat;
  background-size: 100% auto;
}

@keyframes closeCloss01 {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0, 0);
  }

  100% {
    transform: scale(0, 0);
  }
}

@keyframes closeCloss02 {
  0% {
    transform: scale(0, 0);
  }

  50% {
    transform: scale(0, 0);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes closeCloss03 {
  0% {
    transform: scale(.5, 1);
  }

  50% {
    transform: scale(0, 0);
  }

  100% {
    transform: scale(1, 1);
  }
}

@keyframes closeCloss04 {
  0% {
    transform: scale(1, 1);
  }

  50% {
    transform: scale(0, 0);
  }

  100% {
    transform: scale(.5, 1);
  }
}

/* note */
.point .note {
  margin-bottom: 30px;
  padding: 25px 16px;
  border: solid 6px #f4f4ec;
  border-radius: 7px;
}

.point .note p {
  font-size:12px;
  line-height: 2.153846153846154;
  font-weight: bold;
}

.point .note span {
  font-size: 12px;
  line-height: 2.153846153846154;
  color: #f55a57;
  font-weight: bold;
}

/* summary */
.point .summary {
  text-align: center;
}

.point .summary span {
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: bold;
}

.point .summary>span {
  display: inline-block;
  position: relative;
  margin: 0 60px;
  padding: 0 20px 16px;
  border-bottom: 3px solid #333;
}

.point .summary>span::after {
  position: absolute;
  bottom: -3px;
  left: 100%;
  content: '';
  width: 50px;
  height: 50px;
  background: url('../../../../img/page/LP/exam/img_penchil.png') center center no-repeat;
  background-size: 100% auto;
}

.regionArticle .h3_0{
  background: #8a48b9;
}
.regionArticle .h3_1{
  background: #49a1ee;
}
.regionArticle .h3_2{
  background: #20ad64;
}
.regionArticle .h3_3{
  background: #3288f1;
}
.regionArticle .h3_4{
  background: #00c0c7;
}
.regionArticle .h3_5{
  background: #78c020;
}
.regionArticle .h3_6{
  background: #faaa2a;
}
.regionArticle .h3_7{
  background: #c9871c;
}
.regionArticle .h3_8{
  background: #e741b0;
}
.regionArticle .h3_9{
  background: #f73897
}

.areaList.bottom {
  margin: 0 auto 50px;
}

.mainTitle .target.forSp{
  background-color: #5ac6aa;
  width: 142px;
  height: 27px;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  margin-left: 10px;
  padding-left: 2px;
  padding-right: 2px;
  border-radius: 16px;
}

.mainTitle .target.forSp span{
  color: #fff;
  height: 11px;
  margin: auto;
  font-size: 12px;
  font-weight: 700;
}

.oheyasagashi_support{
  background-color: #F9F2EB;
  padding: 10px 0;
}

.oheyasagashi_support p{
  color: #f55a57;
  margin: 10px 30px;
  line-height: 23px;
  font-weight: bold;
}
.fourpoints ul{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.fourpoints ul li {
  width: 48%;
  margin: 2rem 0 0 0;
}
.fourpoints ul li dd{
  margin-top: 10px;
  font-size:12px;
  position: relative;
  padding-right: 10px;
}
.fourpoints ul li dd::after{
  content: "";
  display: block;
  background: url('../../../../img/page/LP/exam/oheyasagashi/arrow.png') no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
  width: 15px;
  height: 20px;
  top: 0;
}
.fourpoints ul li img{
  height: auto;
}
.fourpoints{
  background-color: #fff;
  padding: 2rem;
  border-radius: 2rem;
  margin: 20px;
}
.KVandsupport{
  margin:30px 20px;
}
.oheyasagashi_btn{
  max-width: 85%;
  margin: 0 auto;
}
.school_list{
  margin: 2rem auto;
  margin-top: 6rem;
}
.listpageh2{
  margin-top: 4rem;
  z-index: 3;
  position: relative;
}
.listimg{
  margin: 10px auto;
  margin-top: 0px;
  width: 158px;
}
.contentRegionlist{
  z-index: 3;
  position: relative;
}
.listclass_0 span{
  color: #8a48b9;
}
.listclass_1 span{
  color: #3288f1;
}
.listclass_2 span{
  color: #20ad64;
}
.listclass_3 span{
  color: #00c0c7;
}
.listclass_4 span{
  color: #49a1ee;
}
.listclass_5 span{
  color: #78c020;
}
.listclass_6 span{
  color: #faaa2a;
}
 .listclass_7 span{
  color: #c9871c;
}
ul.aresList li{
  cursor: pointer;
  box-sizing: border-box;
  margin-right: 1%;
  padding: 6px 1px 5px;
  width: 19%;
  min-height: auto;
  background: #f4f4ec;
  border: none;
  border-radius: 1px;
  font-size: 12px;
  text-align: center;
}
ul.aresList li.now{
  background: linear-gradient(-45deg, #f4f4ec 25%, #ffffff 25%, #ffffff 50%, #f4f4ec 50%, #f4f4ec 75%, #ffffff 75%, #ffffff) !important;
    background-size: auto;
  background-size: 10px 10px !important;
}
ul.aresList{
  margin: 0 auto 40px;
  margin-right: -1%;
  width: 101%;
  min-width: auto;
  justify-content: flex-start;
  display: flex;
}
.lookList{
  position: relative;
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 19px 22px 19px 15px;
  width: 69%;
  background: #FFB830;
  border: none !important;
  text-align: center;
  transition: all .5s 0s;
  margin: 0 auto;
  margin-top: 30px;
}
.lookList::before{
  position: absolute;
  top: 50%;
  right: 14px;
  content: '';
  margin-top: -3px;
  width: 8px;
  height: 8px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scaleX(1);
  transform-origin: left;
}
.lookList span{
  color: #fff;
  font-weight: bold;
}
.schoolBlockList{
  background: #fff;
  margin: 5rem 15px;
  padding: 20px 20px;
  margin-top: 2rem;
}

.backtopList{
  box-sizing: border-box;
  position: relative;
  display: block;
  padding: 19px 22px 19px 15px;
  width: 69%;
  background: #5ac6aa;
  border: none !important;
  text-align: center;
  transition: all .5s 0s;
  margin: 0 auto;
    margin-top: 0px;
  margin-top: 30px;
  color: #fff;
  border-radius: 8px;
}
.backtopList::before{
  background-size: contain !important;
  top: 1%;
  right: -17px;
  content: '';
  margin-top: -3px;
  width: 58px;
  height: 62px;
  background: url('../../../../img/page/LP/exam/btn_listback.png')  no-repeat;
}
.backtopList a{
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  border-bottom: none;
}
.backtopList a span{
  color: #fff;
  font-weight: 700;
  font-size: 16px;
}

.unlfBnr{
  margin: 50px 10px;
}
.bnrUni{
  width: 345px;
  margin: 10px auto;
}
ul.panNavi{
  display:none;
}
ul.panNavi.exam{
  display: flex;
}
/* -------------------------
  /* for pc only
  --------------------------*/
  @media screen and (min-width: 768px) {
  
  /* CSS Document */
.forPc {
  display: block;
}

img.forPc {
  display: inline;
}

.forSp, img.forSp {
  display: none;
}

.school_list{
  width: 500px;
}

.contentRegion::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 317px;
  background: url('../../../../img/page/LP/exam/bg_body_2024.jpg') center center no-repeat!important;
  background-size: cover;
}

.contentRegion::after {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 28px;
  width: 337px;
  height: 277px;
  background: url('../../../../img/page/LP/exam/KV_jpn.png') center center no-repeat;
  background-size: auto;
  background-size: contain;
}
.float{
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    margin: 3rem auto;
}
.mainTitle h1 img{
  max-width: 72%;
}

/* main title --------------*/
.mainTitle {
  margin: 0 auto 60px;
  width: 75.37254901960784%;
  max-width: 961px;
}

.mainTitle p {
  font-size: 16px;
  line-height: 1.785714285714286;
}

.mainTitle .year {
  margin-bottom: 22px;
  font-size:20px;
}

.mainTitle .target {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  position: absolute;
  left: 72%;
  top: 13px;
  width: 95px;
  height: 95px;
  margin-left: 10px;
  background: #5ac6aa;
  border-radius: 100%;
  box-shadow: 4px 4px 0 0 rgba(0, 0, 0, .15);
  text-align: center;
  color: #fff;
  font-size: .8666666666666667rem;
}

.mainTitle .target span {
  display: block;
  position: relative;
  padding: 6px 3px;
  text-align: center;
  color: #fff;
  font-size: 12px;
}

.mainTitle .target span+span::before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
}

/* merit --------------*/
.merit {
  width: 75.37254901960784%;
  max-width: 961px;
  padding: 20px;
}

.merit::before {
  top: -45px;
  width: 139px;
  height: 78px;
  margin-left: -69px;
}

.merit::after,
.meritWrap .merit::after {
  position: absolute;
  top: -45px;
  left: 5.20291363163371%;
  z-index: 1;
  content: '';
  width: 113px;
  height: 335px;
  background: url('../../../../img/page/LP/exam/img_girl_01.png') center center no-repeat;
  background-size: 100% auto;
}

.merit>.inner {
  padding: 34px 0;
}

.merit .baloon {
  position: absolute;
  margin-bottom: 0;
  top: -40px;
  right: 9.78147762747138%;
  z-index: 3;
  display: table;
  min-width: 260px;
  min-height: 64px;
  font-size: 1.133333333333333rem;
  line-height: 1.294117647058824;
}

.merit .baloon::before {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  content: '';
  width: 5px;
  height: 26px;
  margin-left: 9px;
  background: #ea5a5a;
  box-shadow: 4px 3px 0 0 rgba(0, 0, 0, .15);
  border-radius: 0 0 6px 6px;
  transform: rotate(49deg);
  transform-origin: left top;
}

.merit .baloon::after {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 1;
  content: '';
  margin-left: -6px;
  width: 5px;
  height: 20px;
  background: #ea5a5a;
  border-radius: 6px;
  transform: rotate(14deg);
  transform-origin: left top;
}

.merit .baloon span {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  font-size: 16px;
  line-height: 1.375;
}

.merit .baloon span::after {
  position: absolute;
  top: 100%;
  left: 50%;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  margin-top: -6px;
  margin-left: -5px;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-top: 19px solid #fefd89;
  transform: rotate(31deg);
}

@-moz-document url-prefix() {
  .merit .baloon::before {
    margin-top: -4px;
  }

  .merit .baloon::after {
    margin-top: -4px;
  }

  .merit .baloon span::after {
    margin-top: -5px;
  }
}

.merit .meritList {
  display: flex;
  flex-wrap: wrap;
  margin-left: 16%;
}

.merit .meritList li {
  margin-bottom: 10px;
  width: 33.3333333%;
  font-size: 1.333333333333333rem;
}

.merit .meritList li::after {
  height: 0.8em;
  top: 5px;
  left: 0.3em;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
}

.merit .inPageLink {
  margin-left: -233px;
  width: 467px;
  height: 78px;
}

.merit .inPageLink a {
  width: 467px;
  height: 78px;
  font-size: 16px;
  line-height: 1;
}


/* attention ------ */
.attention {
  margin: 0 auto 36px;
  padding: 22px 5px 22px 20px;
  width: 75.37254901960784%;
  max-width: 961px;
}

.attention p {
  font-size: .9333333333333333rem;
}

/* areaList Large ------ */
.areaList {
  margin: 0 auto 20px;
  width: 75.37254901960784%;
  max-width: 961px;
  width: 66%;
}

.areaList ul{
  width: 600px!important;
}

.areaList li {
  margin: 0 0 12px;
  width: 18.73048907388137%;
  min-height: 66px;
  transition: all .25s 0s linear;
  margin-left: 10px;
  width: 195px;
}

.areaList li:hover {
  background: #ccccc6;
}

/* school Block ------ */
/* regionArticle */
.regionArticle {
  margin: 0 auto 45px;
  width: 75.37254901960784%;
  max-width: 961px;
}

.regionArticle h3 {
  font-size: 1.333333333333333rem;
}

.regionArticle section {
  padding-top: 38px;
}

.regionArticle .sectionInner {
  padding: 0 35px;
}

.regionArticle h4 {
  margin: 0 auto 10px;
  padding: 14px 23px 12px;
  background: #f4f4ec;
  font-size: 1.133333333333333rem;
}

/* areaList small ------ */
.regionArticle .areaList {
  margin: 0 auto 8px;
  display: flex;
  justify-content: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  min-width: auto;
}

.regionArticle .areaList li {
  margin: 0 0 10px;
  padding: 6px 7px 5px;
}

.regionArticle .areaList li {
  width: 33%;
}

.regionArticle .areaList li+li {
  margin-left: 6px;
}

.regionArticle .areaList li span {
  font-weight: bold;
}

/* flex Block ------ */
.regionArticle .mainBlock {
  display: flex;
  justify-content: space-between;
  padding-bottom: 29px;
}

.regionArticle .leftBlock {
  width: 67.34006734006734%;
}

.regionArticle .rightBlock {
  box-sizing: border-box;
  padding-left: 5.66666666666667%;
  width: 32.65993265993266%;
}

/* contact table */
.regionArticle .leftBlock h5 {
  margin: 0 auto 18px;
  font-size:16px;
  line-height: 1.2;
}

.regionArticle .contact {
  margin-bottom: 0;
}

.schoolPhoto img {
  width: 258px;
  height: auto;
}

/* moreBlock */
.regionArticle .moreBlock .mainBlock {
  padding: 32px 0 19px;
  flex-direction: row-reverse;
  justify-content: space-between;
  border-top: 1px solid #e5e5e5;
}

/* features */
.regionArticle .features h5 {
  display: table-cell;
  width: 90px;
}

.regionArticle .features ul {
  padding: 14px 10px;
}

.regionArticle .features li+li {
  margin-top: 7px;
}

/* faculty */

.regionArticle .moreBlock .examinationHall div:first-child {
  display: flex;
  flex-direction: row;
}

.regionArticle .moreBlock .examinationHall h6 {
  width: 15.7%;
  margin: initial;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2;
}

.regionArticle .faculty h6 {
  display: table-cell;
  width: 10em;
  border-right: solid 1px #d6d5d1;
  border-bottom: 0;
}

.regionArticle .faculty div div {
  display: table-cell;
  padding: 10px;
}

.regionArticle .moreBlock .examinationHall td.no_data{
  text-align: center;
  color: #e5e5e5;
}

/* examinationHall */
.regionArticle .moreBlock .examinationHall .detail th {
  width: 15%;
}

.regionArticle .moreBlock .examinationHall .detail td {
  width: 35%;
}

/* meritWrap ---------*/
.meritWrap .mainBlock {
  margin: 0 auto 27px;
  padding: 0 31px;
  display: flex;
  justify-content: space-around;
}

.meritWrap .mainBlock .leftBlock, .meritWrap .mainBlock .rightBlock {
  width: 45.81395348837209%;
}

.meritWrap .mainBlock .leftBlock::before, .meritWrap .mainBlock .rightBlock::before {
  bottom: auto;
  top: 50%;
  left: 100%;
  margin-left: -48px;
  border-right: 38px solid transparent;
  border-top: 38px solid transparent;
  border-bottom: 38px solid #0d95c0;
  transform: rotate(-135deg);
}

.meritWrap .mainBlock .rightBlock::before {
  border-bottom: 38px solid #ea5a5a;
}

.meritWrap .mainBlock .rightBlock::before {
  left: 0;
  margin-left: -43px;
  margin-bottom: 0;
  margin-top: 0;
}

.meritWrap .mainBlock .cenerBlock {
  padding: 0;
  width: 8.3721%;
}

.meritWrap .mainBlock h3 {
  margin: 0 auto 25px;
}

.meritWrap .mainBlock h4 {
  margin: 0 auto 20px;
}

.meritWrap .mainBlock .inner {
  padding: 0 35px 20px;
}

.meritWrap .mainBlock ul li {
  line-height: 1.2;
}

/* speechBlock */
.meritWrap .speechBlock {
  padding-top: 0;
  padding-bottom: 34px;
  margin: 0 31px;
  background: url('../../../../img/page/LP/exam/img_girl_02.png') left bottom -20px no-repeat, url('../../../../img/page/LP/exam/img_boy_01.png') right bottom -20px no-repeat;
}

@media (max-width: 1160px) {
  .meritWrap .speechBlock {
    background: url('../../../../img/page/LP/exam/img_girl_02.png') left top no-repeat, url('../../../../img/page/LP/exam/img_boy_01.png') right 90px no-repeat;
  }
}

@media (max-width: 1070px) {
  .meritWrap .speechBlock {
    background: url('../../../../img/page/LP/exam/img_girl_02.png') left top no-repeat, url('../../../../img/page/LP/exam/img_boy_01.png') right 120px no-repeat;
  }
}

@media (max-width: 1030px) {
  .meritWrap .speechBlock {
    background: url('../../../../img/page/LP/exam/img_girl_02.png') left top no-repeat, url('../../../../img/page/LP/exam/img_boy_01.png') right 150px no-repeat;
  }
}

.meritWrap .speechBlock .leftBlock {
  padding-left: 120px;
  margin-bottom: 14px;
}


.meritWrap .speechBlock .leftBlock>span {
  padding: 15px 36px;
}

.meritWrap .speechBlock .leftBlock>span::before {
  top: 25px;
}

.meritWrap .speechBlock .rightBlock {
  padding-right: 110px;
}

.meritWrap .speechBlock .rightBlock>span {
  padding: 20px 36px;
  font-size: 1.333333333333333rem;
  line-height: 1.7;
}

.meritWrap .speechBlock .rightBlock>span span {
  font-size: 1.333333333333333rem;
  line-height: 1.7;
}

.meritWrap .speechBlock .rightBlock>span::before {
  top: 25px;
}


/* koukoku */
.uniLifeService {
  margin: 50px auto 100px;
  width: 75.37254901960784%;
  max-width: 961px;
  padding: 20px;
}

.uniLifeService::before {
  height: 40px;
  background: url('../../../../img/page/LP/exam/bg_uniLifeService_01.png') center top repeat-x;
  background-size: auto 100%;
}

.uniLifeService>.inner {
  padding-top: 160px;
}

.uniLifeService>.inner::before {
  height: 449px;
  background: url('../../../../img/page/LP/exam/bg_uniLifeService_02.png') right top no-repeat;
  background-size: auto 100%;
}

.uniLifeService>.inner::after {
  top: -24px;
  left: 0;
  width: 14%;
  background: url('../../../../img/page/LP/exam/img_girl_04.png') left top no-repeat;
  background-size: 100% auto;
}

.uniLifeService>.inner h3 {
  top: 5px;
  right: 0;
}

.uniLifeService dl {
  margin: 0 10px 0 16%;
  padding: 15px 36px 5px;
}

.uniLifeService dl::before {
  position: absolute;
  top: 50px;
  right: 100%;
  z-index: 1;
  content: '';
  width: 18px;
  height: 19px;
  background: url(../../../../img/page/LP/exam/icon_arrow_02.png) center top no-repeat;
  background-size: 100% auto;
  transform: scale(-1, 1) translate(-5px, 0);
}

.uniLifeService dl dt {
  margin-bottom: 10px;
  font-size: 1.6rem;
}

.uniLifeService dl dd {
  margin-bottom: 10px;
  font-size: 1.333333333333333rem;
}

.uniLifeService dl dd::after {
  width: 1em;
  height: 0.7em;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;

}

.uniLifeService .readText {
  margin: 0 30px;
}

.uniLifeService .uniLifePoint {
  display: flex;
  margin: 0 auto;
}

.uniLifeService .uniLifePoint h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: .6em 0 0;
  width: 9rem;
  height: 9rem;
  border-radius: 50%;
  border: solid 6px #fff;
  font-size: 1.5rem;
  text-align: center;
}

.uniLifeService .uniLifePoint h4::before {
  right: -10px;
  content: '';
  transform: rotate(-134deg);
}

.uniLifeService .uniLifePoint p {
  padding: 0 20px 0 40px;
  width: calc(100% - 12rem);
}

.uniLifeService .telNum {
  margin: 15px auto;
  padding: 15px 30px;
}

.uniLifeService .telNum::before {
  top: -33px;
  width: 66px;
  height: 92px;
  background: url(../../../../img/page/LP/exam/img_clip.png) center top no-repeat;
  background-size: 100% auto;
}

.uniLifeService .telNum div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.uniLifeService .telNum ul {
  width: 50%;
}

.uniLifeService .telNum li {
  padding: 0 2em 0 1.076923076923077em;
  margin-bottom: 10px;
}

.uniLifeService .telNum li span {
  display: inline-block;
  padding-right: 0;
  width: 13em;
}

.uniLifeService .uniLifeKome {
  margin: 0 auto;
  text-align: right;
}

.uniLifeService .uniLifeConactLink {
  margin: 30px auto;
}

.uniLifeService .uniLifeConactLink a {
  padding: 20px 60px 20px 30px;
  font-size: 1.2rem;
  line-height: 1;
}
.uniLifeService .uniLifeConactLink a br{
  display: none;
}

.uniLifeService .uniLifeConactLink a::before {
  right: 24px;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
}
.listimg{
  width: 200px;
}

/* point */
.point .inner {
  padding: 50px 0 35px;
  width: 75.37254901960784%;
  max-width: 961px;
}

.point .baloon {
  top: -13px;
  left: 23.51716961498439%;
  min-width: 193px;
  min-height: 46px;

}

.point h2 span {
  padding: 0 144px 38px 0;
}

.point h2 span::before {
  position: absolute;
  top: -82px;
  right: 0;
  z-index: 1;
  content: '';
  width: 127px;
  height: 167px;
  background: url('../../../../img/page/LP/exam/img_girl_03.png') center top no-repeat;
  background-size: 100% auto;
}

.point .pointQA {
  margin-bottom: 34px;
}

.point .pointQA li:hover {
  background: rgba(0, 0, 0, .1);
}

.point .pointQA div span {
  padding: 10px 100px 10px 86px;
}

.point .pointQA .question::before {
  left: 37px;
}

.point .pointQA .question span::before {
  right: 37px;
}

.point .pointQA .question span::after {
  right: 28px;
}

.point .pointQA .answer::before {
  left: 37px;
}
/* note */
.point .note {
  padding: 30px;
}
.point .summary>span {
  padding: 0 36px 16px;
}
.regionArticle .moreLink li.claim::before {
  left: 27px!important;
  top: 35%!important;
  background: url('../../../../img/page/LP/exam/icon_shopingcar.png') no-repeat!important;
}
.regionArticle .moreLink li.look::before {
  left: 25px !important;
  top: 39% !important;
  background: url('../../../../img/page/LP/exam/icon_school.png') no-repeat!important;
}
.pckv{
  width: 800px;
  margin: 2rem auto;
}
.fourpoints{
  width: 860px;
  margin: 0 auto;
}
.fourpoints ul{
  flex-wrap: nowrap;
}
.fourpoints ul li dd::after{
  right: 60px;
}
.oheyasagashi_btn{
  max-width: 30%;
  margin: 2rem auto;
}
.oheyasagashi_support p{
  width: 1100px;
  margin: 0 auto;
  text-align: center;
}
.listpageh2{
  width: 606px;
  margin: 0 auto;
  bottom: 30px;
  position: relative;
}
.schoolBlock{
  max-width: 961px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  margin: 3rem auto;
  margin-top: 1px;
}
.listimg{
  height: 120px;
  margin: 20px;
}
.sectionInnerList{
  width: 100%;
}
.lookList{
  width: 37%;
}
.lookList a{
  margin-top: 30px;
  width: 37%;
}
.schoolBlockList{
  max-width: 961px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  margin: 3rem auto;
}
.backtopList{
  width: 26%;
}
.backtopList::before{
  right: -13px;
}

.unlfBnr{
  margin: 70px auto;
  margin-bottom: 100px;
  width: 700px;
}
.bnrUni{
  width: 700px;
  margin: 30px auto;
}
}