@charset "UTF-8";
.cntsTop {
  overflow-x: hidden; }

/*-----------------------------------------------
    Course
-----------------------------------------------*/
.secCourse .manabiBox .pet::before {
  background-image: url(../images/course/manabi_icon10.png); }
.secCourse .manabiBox .qualification::before {
  background-image: url(../images/course/manabi_icon11.png); }
.secCourse .manabiBox .global::before {
  background-image: url(../images/course/manabi_icon09.png); }
.secCourse .manabiBox .english::before {
  background-image: url(../images/course/manabi_icon08.png); }
.secCourse .scrollContent {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none; }
.secCourse .scrollContent::-webkit-scrollbar {
  display: none; }
.secCourse .scheduleTable {
  width: 100%;
  min-width: 1000px;
  border-collapse: collapse; }
  .secCourse .scheduleTable th {
    padding: 7px 5px;
    background: #f3982c;
    text-align: center;
    color: #fff;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    vertical-align: middle;
    width: auto; }
  .secCourse .scheduleTable td {
    padding: 7px 5px;
    border-bottom: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    text-align: center;
    vertical-align: middle;
    width: auto; }
    .secCourse .scheduleTable td.number {
      background: #fef8ea; }
.secCourse .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  left: 60px; }
.secCourse .secVoice .inner .ttlJp {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px; }
.secCourse .secVoice .inner .listBox .item {
  display: flex;
  -webkit-display: flex;
  justify-content: flex-start;
  -webkit-justify-content: flex-start;
  align-items: start;
  -webkit-align-items: start;
  gap: 40px;
  border-bottom: 1px dotted #999999;
  padding-bottom: 35px;
  margin-bottom: 35px; }
  .secCourse .secVoice .inner .listBox .item .pictBox {
    width: 220px;
    text-align: center; }
    .secCourse .secVoice .inner .listBox .item .pictBox .campus {
      margin-top: 8px; }
    .secCourse .secVoice .inner .listBox .item .pictBox .name {
      line-height: 1.5;
      font-size: 18px; }
      .secCourse .secVoice .inner .listBox .item .pictBox .name span {
        font-size: 14px; }
  .secCourse .secVoice .inner .listBox .item .txtBox {
    width: calc(100% - 260px); }
    .secCourse .secVoice .inner .listBox .item .txtBox .ttl {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secCourse .secVoice .inner .listBox .item .txtBox .arrowBox {
      margin-top: 10px; }
.secCourse .secVoice .inner .listBox .item:nth-child(even) {
  flex-direction: row-reverse; }
.secCourse .secVoice .inner .listBox .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .secCourse .secVoice .inner {
    padding: 50px 25px 45px; }
    .secCourse .secVoice .inner .ttlEg {
      font-size: 70px;
      position: absolute;
      top: -65px;
      left: unset;
      right: 30px; }
    .secCourse .secVoice .inner .ttlJp {
      font-size: 20px;
      margin-bottom: 15px; }
    .secCourse .secVoice .inner .listBox .item {
      flex-direction: column-reverse;
      gap: 20px;
      border-bottom: 1px dotted #999999;
      padding-bottom: 35px;
      margin-bottom: 35px; }
      .secCourse .secVoice .inner .listBox .item .pictBox {
        margin: 10px auto;
        width: 50%; }
        .secCourse .secVoice .inner .listBox .item .pictBox .campus {
          margin-top: 8px; }
        .secCourse .secVoice .inner .listBox .item .pictBox .name {
          line-height: 1.5;
          font-size: 18px;
          margin-top: 8px; }
          .secCourse .secVoice .inner .listBox .item .pictBox .name span {
            font-size: 14px; }
      .secCourse .secVoice .inner .listBox .item .txtBox {
        width: 100%; }
        .secCourse .secVoice .inner .listBox .item .txtBox .ttl {
          font-size: 20px;
          font-weight: 500;
          color: #ed6d20;
          margin-bottom: 10px; }
    .secCourse .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; } }
.courseSportsFrontTtl_pic::after {
  background-image: url("../images/course/sports/frontKv.jpg");
  background-position: center center; }

.courseSports .sportsList {
  display: flex;
  flex-direction: column;
  gap: 50px; }
  .courseSports .sportsList .item {
    display: flex;
    align-items: center;
    gap: 55px; }
    .courseSports .sportsList .item .pictBox {
      width: 100%; }
    .courseSports .sportsList .item .txtBox {
      width: 100%; }
      .courseSports .sportsList .item .txtBox .aArrow {
        font-weight: 500;
        font-size: 24px;
        color: #000;
        text-decoration: none;
        display: inline-block;
        transition: .2s;
        padding-left: 30px;
        line-height: 1;
        margin-bottom: 15px;
        position: relative; }
        .courseSports .sportsList .item .txtBox .aArrow:before {
          content: '';
          background-image: url(../images/arrow02_r01.svg);
          width: 24px;
          height: 24px;
          background-position: left center;
          background-repeat: no-repeat;
          display: inline-block;
          vertical-align: middle;
          margin: 0 5px 2px 0;
          position: absolute;
          left: 0;
          top: 1px;
          background-size: 24px 24px; }
        .courseSports .sportsList .item .txtBox .aArrow:hover {
          color: #f3982c; }

@media only screen and (max-width: 767px) {
  .courseSports .sportsList {
    gap: 40px; }
    .courseSports .sportsList .item {
      flex-direction: column;
      gap: 35px; }
      .courseSports .sportsList .item .txtBox .aArrow {
        font-size: 20px; } }
.coursePetTtl_pic::after {
  background-image: url("../images/course/pet/kv.jpg");
  background-position: center center; }

.coursePet .curriculumList {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  border-top: 1px solid #d3d3d3;
  border-left: 1px solid #d3d3d3; }
  .coursePet .curriculumList .item {
    padding: 15px 10px;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    width: 20%; }
.coursePet .featureBox02 {
  align-items: stretch;
  flex-wrap: wrap; }
  .coursePet .featureBox02 .txtBox {
    width: calc(100% - 125px);
    padding-right: 0px;
    border-bottom: none;
    margin-bottom: 30px;
    padding-bottom: 0px; }
  .coursePet .featureBox02 .cntsBox {
    width: calc(100% - 125px);
    margin-left: 125px;
    border-bottom: 1px solid #d3d3d3;
    margin-bottom: 50px;
    padding-bottom: 50px; }
    .coursePet .featureBox02 .cntsBox .courseBox {
      border-radius: 0 30px 0 30px;
      background: url("../images/bg_img01.jpg");
      background-size: cover;
      padding: 30px 40px 40px;
      margin-bottom: 40px; }
      .coursePet .featureBox02 .cntsBox .courseBox .mds {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 1.5; }
      .coursePet .featureBox02 .cntsBox .courseBox .courseList {
        flex-wrap: wrap;
        gap: 40px; }
        .coursePet .featureBox02 .cntsBox .courseBox .courseList .listBox {
          width: calc((100% - 40px) / 2); }
          .coursePet .featureBox02 .cntsBox .courseBox .courseList .listBox .pict {
            margin-bottom: 15px; }
          .coursePet .featureBox02 .cntsBox .courseBox .courseList .listBox .aArrow {
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5; }
  .coursePet .featureBox02 .mdsBox {
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px; }
    .coursePet .featureBox02 .mdsBox .mds {
      font-weight: normal; }

@media only screen and (max-width: 767px) {
  .coursePet .curriculumList .item {
    width: 50%;
    font-size: 12px; } }
.courseDigital_communicationTtl_pic::after {
  background-image: url("../images/course/digital_communication/kv.jpg");
  background-position: center center; }

.courseDigital_communication .flexBoxWrap {
  flex-wrap: wrap; }
.courseDigital_communication .featureBox .txtBox.borderNone,
.courseDigital_communication .featureBox .pictBox.borderNone {
  border: none; }
.courseDigital_communication .featureBox .mb0 {
  margin-bottom: 0; }
.courseDigital_communication .featureBox.ml125 {
  margin-left: 125px; }
.courseDigital_communication .aboutBox {
  width: 100%;
  background: #fef8ea;
  padding: 55px;
  position: relative; }
  .courseDigital_communication .aboutBox h2.ttl {
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 10px 20px; }
  .courseDigital_communication .aboutBox .mds {
    color: #F3982C;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px; }
  .courseDigital_communication .aboutBox .flexBox {
    column-gap: 30px; }
    .courseDigital_communication .aboutBox .flexBox .left {
      width: 70%; }
    .courseDigital_communication .aboutBox .flexBox .right {
      width: calc(30% - 30px); }
  .courseDigital_communication .aboutBox .line {
    background: url(../images/course/digital_communication/line.png) no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 14px;
    margin-top: 40px;
    margin-bottom: 35px; }
  .courseDigital_communication .aboutBox .graduateBox {
    display: flex;
    column-gap: 30px;
    align-items: center;
    white-space: nowrap;
    background: #fff;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px; }
    .courseDigital_communication .aboutBox .graduateBox .ttl {
      background: #f3982c;
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      border-radius: 100vh; }
    .courseDigital_communication .aboutBox .graduateBox .count {
      font-weight: 500;
      letter-spacing: .1em; }
    .courseDigital_communication .aboutBox .graduateBox .num {
      color: #f3982c;
      font-size: 50px;
      font-family: 'Barlow';
      line-height: 1; }
.courseDigital_communication .targetBox {
  border-top: solid 1px #D3D1D0;
  border-bottom: solid 1px #D3D1D0;
  padding: 60px;
  margin-top: 100px;
  margin-bottom: 100px; }
  .courseDigital_communication .targetBox .ttl {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    padding-left: 17px;
    margin-bottom: 10px; }
    .courseDigital_communication .targetBox .ttl:before {
      position: absolute;
      content: '';
      background: #F3982C;
      width: 5px;
      height: 30px;
      margin-right: 10px;
      top: 9px;
      left: 0; }
  .courseDigital_communication .targetBox .pictBox {
    width: 100%;
    margin-top: 20px;
    padding-bottom: 0;
    margin-bottom: 0; }
.courseDigital_communication .curriculumBox .flexBox {
  gap: 50px;
  margin-top: 65px; }
.courseDigital_communication .curriculumBox .item {
  background: #fef8ea;
  position: relative;
  padding: 50px 40px 25px; }
  .courseDigital_communication .curriculumBox .item .ttl {
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 10px 20px; }
  .courseDigital_communication .curriculumBox .item .phaseTtl {
    font-size: 18px;
    font-weight: 500;
    color: #F3982C;
    margin-bottom: 7px; }
    .courseDigital_communication .curriculumBox .item .phaseTtl span {
      font-size: 14px;
      font-weight: 400; }
.courseDigital_communication .phaseBox {
  margin-top: 60px; }
  .courseDigital_communication .phaseBox h3.ttl {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    padding-left: 17px;
    margin-bottom: 10px; }
    .courseDigital_communication .phaseBox h3.ttl:before {
      position: absolute;
      content: '';
      background: #F3982C;
      width: 5px;
      height: 30px;
      margin-right: 10px;
      top: 9px;
      left: 0; }
  .courseDigital_communication .phaseBox h4.currMds {
    margin-top: 25px; }
    .courseDigital_communication .phaseBox h4.currMds span {
      font-size: 14px; }
  .courseDigital_communication .phaseBox .curriculumTable {
    border-top: 1px solid #d3d3d3; }
    .courseDigital_communication .phaseBox .curriculumTable .dtBox {
      width: 100px; }
    .courseDigital_communication .phaseBox .curriculumTable dl {
      display: flex; }
    .courseDigital_communication .phaseBox .curriculumTable dt {
      width: 100px;
      padding: 25px;
      background: #f3982c;
      display: flex;
      justify-content: center;
      align-items: center;
      color: #fff;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      vertical-align: middle; }
    .courseDigital_communication .phaseBox .curriculumTable dd {
      padding: 25px;
      border-bottom: 1px solid #d3d3d3;
      border-right: 1px solid #d3d3d3;
      text-align: left;
      display: flex;
      align-items: center;
      vertical-align: middle;
      width: 55%; }
      .courseDigital_communication .phaseBox .curriculumTable dd.item {
        width: calc(45% - 100px);
        background: #fef8ea; }
.courseDigital_communication .afterGraduationBox .flexBox {
  gap: 50px; }
.courseDigital_communication .afterGraduationBox .item {
  background: #fef8ea;
  position: relative;
  padding: 25px 40px; }
  .courseDigital_communication .afterGraduationBox .item .ttl {
    font-size: 18px;
    font-weight: 500;
    color: #F3982C;
    margin-bottom: 7px; }
.courseDigital_communication .campusListBox .inner {
  width: 100%; }
  .courseDigital_communication .campusListBox .inner .list li {
    width: 14%; }
.courseDigital_communication .specialBox .bannerLink {
  background: url(../images/course/digital_communication/special01.jpg) no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
  display: block;
  padding: 70px 80px;
  text-decoration: none; }
  .courseDigital_communication .specialBox .bannerLink:hover {
    opacity: 0.7; }
  .courseDigital_communication .specialBox .bannerLink:before {
    content: '';
    display: inline-block;
    background: #000000;
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 0.5; }
  .courseDigital_communication .specialBox .bannerLink:after {
    content: '';
    display: inline-block;
    background: #ffffff;
    height: calc(tan(60deg) * 45px / 2);
    width: 22px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 2; }
  .courseDigital_communication .specialBox .bannerLink .txtBox {
    position: relative;
    z-index: 2; }
    .courseDigital_communication .specialBox .bannerLink .txtBox .ttl {
      font-weight: 500;
      font-size: 30px;
      margin-bottom: 30px;
      color: #fff; }
    .courseDigital_communication .specialBox .bannerLink .txtBox .txt {
      color: #fff; }

@media only screen and (max-width: 767px) {
  .courseDigital_communication .featureBox .mb0 {
    margin-bottom: 40px; }
  .courseDigital_communication .featureBox.ml125 {
    margin-left: 0; }
  .courseDigital_communication .aboutBox {
    padding: 40px 25px 20px; }
    .courseDigital_communication .aboutBox .flexBox {
      align-items: flex-start;
      flex-wrap: wrap; }
      .courseDigital_communication .aboutBox .flexBox .left {
        width: 100%;
        margin-bottom: 30px; }
      .courseDigital_communication .aboutBox .flexBox .right {
        width: 100%; }
    .courseDigital_communication .aboutBox .line {
      height: 8px;
      margin-bottom: 30px; }
    .courseDigital_communication .aboutBox .graduateBox {
      flex-direction: column;
      row-gap: 5px;
      align-items: flex-start; }
  .courseDigital_communication .targetBox {
    padding: 30px 25px;
    margin-top: 50px;
    margin-bottom: 50px; }
    .courseDigital_communication .targetBox .ttl {
      font-size: 18px; }
      .courseDigital_communication .targetBox .ttl:before {
        height: 25px;
        top: 5px; }
    .courseDigital_communication .targetBox .pictBox {
      width: 100%; }
  .courseDigital_communication .curriculumBox .flexBox {
    flex-direction: column; }
  .courseDigital_communication .curriculumBox .item {
    padding: 40px 25px 25px; }
  .courseDigital_communication .phaseBox h3.ttl {
    font-size: 18px; }
    .courseDigital_communication .phaseBox h3.ttl:before {
      height: 25px;
      top: 5px; }
  .courseDigital_communication .phaseBox .curriculumTable {
    border: none; }
    .courseDigital_communication .phaseBox .curriculumTable .dtBox {
      width: 100%; }
    .courseDigital_communication .phaseBox .curriculumTable dl {
      flex-wrap: wrap; }
    .courseDigital_communication .phaseBox .curriculumTable dt {
      width: 100%;
      padding: 5px;
      border: none; }
    .courseDigital_communication .phaseBox .curriculumTable dd {
      width: 50%;
      padding: 20px;
      border: none; }
      .courseDigital_communication .phaseBox .curriculumTable dd.item {
        width: 50%; }
  .courseDigital_communication .afterGraduationBox .flexBox {
    flex-direction: column;
    gap: 20px; }
  .courseDigital_communication .afterGraduationBox .item {
    padding: 25px; }
  .courseDigital_communication .campusListBox .inner {
    width: 100%; }
    .courseDigital_communication .campusListBox .inner .list li {
      width: calc((100% - 40px) / 2); }
  .courseDigital_communication .specialBox .bannerLink {
    padding: 25px 35px; }
    .courseDigital_communication .specialBox .bannerLink:after {
      top: 50px;
      right: 25px; }
    .courseDigital_communication .specialBox .bannerLink .txtBox .ttl {
      margin-bottom: 10px; } }
.courseSpecial_lectureTtl_pic::after {
  background-image: url("../images/course/special_lecture/kv.jpg");
  background-position: center center; }

.courseSpecial_lecture .specialLectureBox {
  margin-bottom: 70px;
  /*
  .patternBox {
  	.flexBox {
  		align-items: unset;
  	}
  	.item {
  	  background: #fef8ea;
  	  position: relative;
  	  padding: 25px 40px;
  	  width: 100%;
  	  .patternList {
  	  	padding-left: 14px;
  	  	.patternItem {
  	  		position: relative;
  	  		&:before {
  					content: '・';
  					display: inline-block;
  					position: absolute;
  					top: 0;
  					left: -14px;
  				}
  	  	}
  	  }
  	}
  	.ttl {
  		font-size: 18px;
  		font-weight: 500;
  		color: #F3982C;
  		margin-bottom: 7px;
  	}
  }
  */ }
  .courseSpecial_lecture .specialLectureBox:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border: none; }
  .courseSpecial_lecture .specialLectureBox h3.ttl {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    padding-left: 17px;
    margin-bottom: 10px; }
    .courseSpecial_lecture .specialLectureBox h3.ttl:before {
      position: absolute;
      content: '';
      background: #F3982C;
      width: 5px;
      height: 30px;
      margin-right: 10px;
      top: 9px;
      left: 0; }
  .courseSpecial_lecture .specialLectureBox .titleBox {
    display: flex;
    -webkit-display: flex;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    align-items: center;
    -webkit-align-items: center; }
    .courseSpecial_lecture .specialLectureBox .titleBox .courseBox .course {
      display: inline-block;
      background-color: #ed6d20;
      color: #fff;
      padding: 0.2em 0.75em;
      margin-left: 0.5em;
      border-radius: 5px;
      line-height: 1;
      vertical-align: 15%;
      font-weight: normal; }
  .courseSpecial_lecture .specialLectureBox .flexBox02 {
    gap: 40px; }
  .courseSpecial_lecture .specialLectureBox .pictBox {
    width: 490px; }
  .courseSpecial_lecture .specialLectureBox .txtBox {
    width: calc(100% - 540px); }
    .courseSpecial_lecture .specialLectureBox .txtBox h4.mds {
      font-size: 24px;
      font-weight: 500;
      margin-bottom: 20px;
      line-height: 1.5; }
    .courseSpecial_lecture .specialLectureBox .txtBox .pointList {
      display: flex;
      flex-direction: column;
      row-gap: 20px;
      padding-top: 30px;
      border-top: solid 1px #D3D1D0; }
      .courseSpecial_lecture .specialLectureBox .txtBox .pointList .item {
        display: flex;
        align-items: flex-start;
        column-gap: 10px; }
        .courseSpecial_lecture .specialLectureBox .txtBox .pointList .item .ttl {
          background: #f3982c;
          white-space: nowrap;
          display: inline-block;
          padding: .2em 1em;
          font-weight: 700;
          color: #fff;
          border-radius: 100vh; }
  .courseSpecial_lecture .specialLectureBox .recommBox {
    margin-bottom: 50px; }
  .courseSpecial_lecture .specialLectureBox .aboutBox {
    padding: 50px 60px;
    border: solid 1px #D3D1D0;
    margin-bottom: 40px; }
    .courseSpecial_lecture .specialLectureBox .aboutBox .flexBox {
      gap: 50px;
      align-items: center; }
    .courseSpecial_lecture .specialLectureBox .aboutBox .pictBox,
    .courseSpecial_lecture .specialLectureBox .aboutBox .txtBox {
      width: 100%; }
      .courseSpecial_lecture .specialLectureBox .aboutBox .pictBox .mds,
      .courseSpecial_lecture .specialLectureBox .aboutBox .txtBox .mds {
        font-size: 18px;
        font-weight: 500;
        color: #F3982C;
        margin-bottom: 7px; }
.courseSpecial_lecture .courseRemark .item {
  display: inline-block;
  background-color: #ed6d20;
  color: #fff;
  padding: 0.2em 0.75em;
  margin: 0em .25em;
  border-radius: 3px;
  font-size: 90%;
  line-height: 1; }
.courseSpecial_lecture .anotherLecture {
  text-align: center;
  font-size: 15px;
  background-color: #f3f3f2;
  padding: 25px; }

@media only screen and (max-width: 767px) {
  .courseSpecial_lecture .specialLectureBox {
    margin-bottom: 50px; }
    .courseSpecial_lecture .specialLectureBox h3.ttl {
      font-size: 18px;
      width: 100%;
      margin-bottom: 7px; }
      .courseSpecial_lecture .specialLectureBox h3.ttl:before {
        height: 25px;
        top: 5px; }
    .courseSpecial_lecture .specialLectureBox .titleBox {
      flex-direction: column; }
      .courseSpecial_lecture .specialLectureBox .titleBox .courseBox {
        width: 100%;
        margin-bottom: 15px;
        margin-left: 20px; }
    .courseSpecial_lecture .specialLectureBox .pictBox {
      width: 100%; }
    .courseSpecial_lecture .specialLectureBox .txtBox {
      width: 100%; }
      .courseSpecial_lecture .specialLectureBox .txtBox h4.mds {
        font-size: 18px; }
    .courseSpecial_lecture .specialLectureBox .flexBox {
      flex-direction: column;
      gap: 25px; }
    .courseSpecial_lecture .specialLectureBox .btm70 {
      margin-bottom: 70px; }
    .courseSpecial_lecture .specialLectureBox .recommBox {
      margin-bottom: 40px; }
    .courseSpecial_lecture .specialLectureBox .aboutBox {
      padding: 30px; }
      .courseSpecial_lecture .specialLectureBox .aboutBox .flexBox {
        gap: 25px; }
    .courseSpecial_lecture .specialLectureBox .patternBox .item {
      padding: 25px; }
  .courseSpecial_lecture .anotherLecture {
    font-size: inherit;
    padding: 20px 25px; } }
.courseMobilehighschoolTtl_pic::after {
  background-image: url("../images/course/mobilehighschool/kv.jpg");
  background-position: center center; }

.courseMobilehighschool .youtubeBox {
  display: flex;
  flex-direction: column;
  row-gap: 50px;
  margin-bottom: 100px; }
  .courseMobilehighschool .youtubeBox .item iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover; }
.courseMobilehighschool .featureBox .txtBox.borderNone,
.courseMobilehighschool .featureBox .pictBox.borderNone {
  border: none; }
.courseMobilehighschool .featureBox .mb0 {
  margin-bottom: 0; }
.courseMobilehighschool .featureBox.featureBox02 {
  align-items: stretch;
  flex-wrap: wrap; }
  .courseMobilehighschool .featureBox.featureBox02 .txtBox {
    width: calc(100% - 125px);
    padding-right: 0px;
    border-bottom: none;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center; }
    .courseMobilehighschool .featureBox.featureBox02 .txtBox .mds {
      margin-bottom: 0; }
  .courseMobilehighschool .featureBox.featureBox02 .contentBox {
    width: calc(100% - 125px);
    border-bottom: 1px solid #d3d3d3;
    margin-left: auto;
    margin-top: 20px;
    padding-bottom: 50px;
    margin-bottom: 50px; }
    .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox {
      width: 100%;
      display: flex;
      justify-content: space-between;
      align-items: stretch;
      gap: 50px;
      flex-wrap: wrap;
      padding-bottom: 0;
      border-bottom: none; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox .item {
        width: calc((100% - 50px) / 2);
        text-align: left; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox .item .pict {
          margin-bottom: 13px; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox .item .pict.border {
            border: 1px solid #D3D1D0; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox .item .mds {
          font-size: 20px;
          font-weight: 500;
          margin-bottom: 13px; }
    .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox {
      background: #fef8ea;
      position: relative;
      padding: 25px 40px;
      width: 100%;
      margin-top: 35px;
      margin-bottom: 15px; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox {
        gap: 30px; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox .txtBox {
          width: calc(100% - 280px);
          margin-bottom: 0; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox .txtBox .ttl {
            font-size: 18px;
            font-weight: 500;
            color: #F3982C;
            margin-bottom: 7px; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox .picBox {
          width: 250px; }
    .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox {
      background: #fef8ea;
      position: relative;
      padding: 25px 40px;
      width: 100%;
      margin-top: 35px; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .mds {
        font-size: 18px;
        font-weight: 500;
        color: #F3982C;
        margin-bottom: 7px; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .mds .remark {
          color: #000000;
          display: inline-block;
          margin-left: 10px; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox {
        justify-content: space-between;
        align-items: stretch;
        gap: 25px; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox .item {
          width: calc((100% - 50px) / 3);
          display: flex;
          justify-content: space-between;
          align-items: center;
          white-space: nowrap;
          background: #fff;
          border: 1px solid #e6e6e6;
          padding: 20px; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox .item .ttl {
            background: #a5a5a5;
            display: inline-block;
            padding: .2em 1em;
            color: #fff;
            border-radius: 100vh; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox .item .count {
            font-weight: 500;
            letter-spacing: .1em; }
            .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox .item .count .num {
              color: #f3982c;
              font-size: 50px;
              font-family: 'Barlow';
              line-height: 1; }
.courseMobilehighschool .featureBox.featureBox03 {
  margin-left: 125px;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 50px;
  margin-bottom: 50px; }
.courseMobilehighschool .aboutBox {
  width: 100%;
  background: #fef8ea;
  padding: 55px;
  position: relative; }
  .courseMobilehighschool .aboutBox .aboutList {
    display: flex;
    flex-direction: column;
    gap: 10px; }
    .courseMobilehighschool .aboutBox .aboutList .item:before {
      content: '●';
      color: #F3982C;
      margin-right: .3em; }
.courseMobilehighschool .schoolLifeBox .scheduleBox .pictBox {
  max-width: 830px;
  margin-inline: auto;
  margin-top: 40px; }
.courseMobilehighschool .schoolLifeBox .aboutBox {
  gap: 30px; }
  .courseMobilehighschool .schoolLifeBox .aboutBox .txtBox {
    width: calc(100% - 390px); }
    .courseMobilehighschool .schoolLifeBox .aboutBox .txtBox .mds {
      color: #F3982C;
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
  .courseMobilehighschool .schoolLifeBox .aboutBox .pictBox {
    width: 360px; }
.courseMobilehighschool .schoolLifeBox .careerDesignBox .ttl {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  padding-left: 17px;
  margin-bottom: 10px; }
  .courseMobilehighschool .schoolLifeBox .careerDesignBox .ttl:before {
    position: absolute;
    content: '';
    background: #F3982C;
    width: 5px;
    height: 30px;
    margin-right: 10px;
    top: 9px;
    left: 0; }
.courseMobilehighschool .schoolingBox .pictList {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 20px;
  margin-top: 35px;
  margin-bottom: 15px; }
  .courseMobilehighschool .schoolingBox .pictList .item {
    width: calc((100% - 30px) / 3);
    text-align: left; }
.courseMobilehighschool .schoolingBox .aboutBox {
  margin-top: 55px; }
  .courseMobilehighschool .schoolingBox .aboutBox .mds {
    color: #F3982C;
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px; }
.courseMobilehighschool .schoolingBox .pictListBox {
  margin-top: 60px; }
  .courseMobilehighschool .schoolingBox .pictListBox .item {
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 1px solid #D3D1D0;
    align-items: center;
    gap: 50px; }
    .courseMobilehighschool .schoolingBox .pictListBox .item .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .courseMobilehighschool .schoolingBox .pictListBox .item .pictBox,
    .courseMobilehighschool .schoolingBox .pictListBox .item .txtBox {
      width: 100%; }
.courseMobilehighschool .secVoice .inner .ttlEg {
  left: unset;
  right: 60px; }

@media only screen and (max-width: 767px) {
  .courseMobilehighschool .youtubeBox {
    row-gap: 35px;
    margin-bottom: 70px; }
  .courseMobilehighschool .featureBox .txtBox {
    margin-bottom: 40px; }
  .courseMobilehighschool .featureBox.featureBox02 {
    align-items: stretch;
    flex-wrap: wrap; }
    .courseMobilehighschool .featureBox.featureBox02 .txtBox {
      width: calc(100% - 125px);
      padding-right: 0px;
      border-bottom: none;
      padding-bottom: 0px;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: center; }
      .courseMobilehighschool .featureBox.featureBox02 .txtBox .mds {
        margin-bottom: 0; }
    .courseMobilehighschool .featureBox.featureBox02 .contentBox {
      width: 100%;
      margin-left: 0;
      margin-top: 0;
      padding-bottom: 40px;
      margin-bottom: 40px; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox {
        flex-direction: column;
        gap: 30px;
        flex-wrap: wrap;
        padding-bottom: 0; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .pictBox .item {
          width: 100%; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox {
        padding: 25px; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox {
          gap: 30px;
          flex-direction: column; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox .txtBox {
            width: 100%; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .ictBox .flexBox .picBox {
            width: 100%; }
      .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox {
        padding: 25px; }
        .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox {
          flex-wrap: wrap;
          gap: 15px; }
          .courseMobilehighschool .featureBox.featureBox02 .contentBox .resultBox .resultListBox .item {
            width: 100%;
            padding: 10px 20px; }
  .courseMobilehighschool .featureBox.featureBox03 {
    margin-left: 0;
    padding-bottom: 40px;
    margin-bottom: 40px; }
  .courseMobilehighschool .aboutBox {
    padding: 25px; }
    .courseMobilehighschool .aboutBox .aboutList {
      display: flex;
      flex-direction: column;
      gap: 10px; }
      .courseMobilehighschool .aboutBox .aboutList .item:before {
        content: '●';
        color: #F3982C;
        margin-right: .3em; }
  .courseMobilehighschool .schoolLifeBox .aboutBox {
    gap: 20px;
    flex-wrap: wrap; }
    .courseMobilehighschool .schoolLifeBox .aboutBox .txtBox {
      width: 100%; }
    .courseMobilehighschool .schoolLifeBox .aboutBox .pictBox {
      width: 100%; }
  .courseMobilehighschool .schoolLifeBox .careerDesignBox .ttl {
    font-size: 18px; }
    .courseMobilehighschool .schoolLifeBox .careerDesignBox .ttl:before {
      height: 25px;
      top: 5px; }
  .courseMobilehighschool .schoolingBox .pictList {
    flex-wrap: wrap; }
    .courseMobilehighschool .schoolingBox .pictList .item {
      width: 100%; }
  .courseMobilehighschool .schoolingBox .aboutBox {
    margin-top: 40px; }
  .courseMobilehighschool .schoolingBox .pictListBox {
    margin-top: 40px; }
    .courseMobilehighschool .schoolingBox .pictListBox .item {
      padding-bottom: 40px;
      margin-bottom: 40px;
      gap: 20px;
      flex-wrap: wrap; }
  .courseMobilehighschool .secVoice .inner .ttlEg {
    right: 30px; } }
/*-----------------------------------------------
  中学生の方へ
-----------------------------------------------*/
.juniorHighschoolTtl_pic::after {
  background-image: url("../images/juniorhighschool/kv.jpg");
  background-position: center center; }

.secJuniorhighschool .introBox {
  text-align: center;
  margin-bottom: 100px; }
  .secJuniorhighschool .introBox .copy {
    font-size: 30px;
    line-height: 1.5; }
.secJuniorhighschool .aboutBox .flexBox {
  align-items: center;
  margin-top: 40px; }
  .secJuniorhighschool .aboutBox .flexBox:nth-child(even) {
    flex-direction: row-reverse; }
  .secJuniorhighschool .aboutBox .flexBox:first-child {
    margin-top: 0; }
  .secJuniorhighschool .aboutBox .flexBox .pictBox {
    width: 55%; }
    .secJuniorhighschool .aboutBox .flexBox .pictBox img {
      border-radius: 15px; }
  .secJuniorhighschool .aboutBox .flexBox .txtBox {
    width: 45%;
    padding: 20px 55px; }
.secJuniorhighschool .aboutBox .bannerBox {
  margin-top: 100px; }
  .secJuniorhighschool .aboutBox .bannerBox a:hover {
    opacity: 0.7; }
.secJuniorhighschool .openschoolBox {
  background-image: url(../images/bg_img01.jpg);
  background-size: cover;
  background-position: center;
  align-items: center;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  gap: 40px; }
  .secJuniorhighschool .openschoolBox .pictBox {
    width: calc(50% - 40px); }
  .secJuniorhighschool .openschoolBox .txtBox {
    width: 50%; }
  .secJuniorhighschool .openschoolBox .ttl {
    font-size: 20px;
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 20px 25px; }
  .secJuniorhighschool .openschoolBox .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5; }
  .secJuniorhighschool .openschoolBox .txt {
    margin-bottom: 15px; }
.secJuniorhighschool .campuslifeBox {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px; }
  .secJuniorhighschool .campuslifeBox img {
    border-radius: 15px; }
  .secJuniorhighschool .campuslifeBox::after {
    content: '';
    display: inline-block;
    background: #FEF8EA;
    background-size: cover;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1; }
  .secJuniorhighschool .campuslifeBox .flexBox {
    gap: 40px;
    align-items: center;
    margin-bottom: 50px; }
    .secJuniorhighschool .campuslifeBox .flexBox .pictBox {
      width: 50%; }
    .secJuniorhighschool .campuslifeBox .flexBox .txtBox {
      width: calc(50% - 40px); }
      .secJuniorhighschool .campuslifeBox .flexBox .txtBox .ttl {
        font-size: 30px;
        color: #ed6d20;
        height: auto;
        font-weight: 500;
        margin-bottom: 20px; }
      .secJuniorhighschool .campuslifeBox .flexBox .txtBox .mds {
        font-size: 24px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
  .secJuniorhighschool .campuslifeBox .pictList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 25px; }
.secJuniorhighschool .campuslifeBox02 img {
  border-radius: 15px; }
.secJuniorhighschool .campuslifeBox02 .flexBox {
  gap: 40px;
  align-items: center;
  margin-bottom: 140px; }
  .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      background: #F7BC76;
      border-radius: 50%;
      bottom: -25%;
      left: -25%;
      z-index: -1; }
  .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox {
    width: 50%; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .txt {
      margin-bottom: 15px; }
.secJuniorhighschool .campuslifeBox02 .pictList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: auto;
  gap: 40px; }
  .secJuniorhighschool .campuslifeBox02 .pictList .item {
    position: relative; }
    .secJuniorhighschool .campuslifeBox02 .pictList .item:after {
      position: absolute;
      content: '';
      height: 100%;
      width: 100%;
      background: #F7BC76;
      border-radius: 15px 15px 10px 15px;
      top: 20px;
      right: -20px;
      z-index: -1; }
    .secJuniorhighschool .campuslifeBox02 .pictList .item:nth-child(1) {
      grid-row: 1 / 3;
      grid-column: 1 / 3; }
.secJuniorhighschool .clothingBox {
  text-align: center; }
  .secJuniorhighschool .clothingBox .ttl {
    font-size: 20px;
    width: calc(100% - 50px);
    width: fit-content;
    margin-bottom: 40px;
    margin-inline: auto;
    position: relative; }
    .secJuniorhighschool .clothingBox .ttl:before {
      content: '';
      display: inline-block;
      background: #231815;
      width: 1px;
      height: 80%;
      position: absolute;
      top: 50%;
      left: -25px;
      transform: translateY(-50%) rotate(-35deg); }
    .secJuniorhighschool .clothingBox .ttl:after {
      content: '';
      display: inline-block;
      background: #231815;
      width: 1px;
      height: 80%;
      position: absolute;
      top: 50%;
      right: -25px;
      transform: translateY(-50%) rotate(35deg); }
  .secJuniorhighschool .clothingBox .pictList {
    margin-top: 30px;
    gap: 50px; }
    .secJuniorhighschool .clothingBox .pictList .item {
      width: 100%;
      position: relative; }
      .secJuniorhighschool .clothingBox .pictList .item span {
        font-weight: 700;
        display: block;
        width: 80px;
        height: 60px;
        line-height: 60px;
        font-size: 14px;
        border-radius: 0 10px 0 10px;
        background-color: #F3982C;
        color: #fff; }
      .secJuniorhighschool .clothingBox .pictList .item:nth-child(1) span {
        background: #ED6D20; }
      .secJuniorhighschool .clothingBox .pictList .item:nth-child(2) span {
        background: #F8B62C; }
.secJuniorhighschool .courseBox img {
  border-radius: 15px; }
.secJuniorhighschool .courseBox .flexBox {
  flex-direction: row-reverse;
  gap: 40px;
  align-items: center;
  margin-bottom: 140px; }
  .secJuniorhighschool .courseBox .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secJuniorhighschool .courseBox .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      background: #FBD78B;
      border-radius: 50%;
      bottom: -25%;
      right: -25%;
      z-index: -1; }
  .secJuniorhighschool .courseBox .flexBox .txtBox {
    width: 50%; }
    .secJuniorhighschool .courseBox .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secJuniorhighschool .courseBox .flexBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .secJuniorhighschool .courseBox .flexBox .txtBox .txt {
      margin-bottom: 15px; }
.secJuniorhighschool .chooseBox {
  background-image: url(../images/bg_img01.jpg);
  background-size: cover;
  background-position: center;
  align-items: center;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  gap: 40px; }
  .secJuniorhighschool .chooseBox .pictBox {
    width: calc(50% - 40px); }
  .secJuniorhighschool .chooseBox .txtBox {
    width: 50%; }
  .secJuniorhighschool .chooseBox .ttl {
    font-size: 20px;
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 20px 25px; }
  .secJuniorhighschool .chooseBox .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5; }
  .secJuniorhighschool .chooseBox .txt {
    margin-bottom: 15px; }
.secJuniorhighschool .careerBox img {
  border-radius: 15px; }
.secJuniorhighschool .careerBox .flexBox {
  gap: 40px;
  align-items: center;
  margin-bottom: 140px; }
  .secJuniorhighschool .careerBox .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secJuniorhighschool .careerBox .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      background: #B5E180;
      border-radius: 50%;
      bottom: -25%;
      left: -25%;
      z-index: -1; }
  .secJuniorhighschool .careerBox .flexBox .txtBox {
    width: 50%; }
    .secJuniorhighschool .careerBox .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secJuniorhighschool .careerBox .flexBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .secJuniorhighschool .careerBox .flexBox .txtBox .txt {
      margin-bottom: 15px; }
.secJuniorhighschool .careerList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 80px; }
  .secJuniorhighschool .careerList img {
    border-radius: 15px;
    border: 1px solid #D3D1D0; }
  .secJuniorhighschool .careerList .item:nth-child(1) {
    margin-top: 100px; }
  .secJuniorhighschool .careerList .item:nth-child(2) {
    margin-top: 50px; }
  .secJuniorhighschool .careerList .item .pictBox {
    margin-bottom: 15px; }
  .secJuniorhighschool .careerList .item .txtBox .mds {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px; }
.secJuniorhighschool .resultBox .mds {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px; }
.secJuniorhighschool .resultBox .txt {
  text-align: center; }
.secJuniorhighschool .resultBox .inner .listBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  gap: 25px; }
  .secJuniorhighschool .resultBox .inner .listBox .item {
    width: calc((100% - 50px) / 3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px; }
    .secJuniorhighschool .resultBox .inner .listBox .item .ttl {
      background: #a5a5a5;
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      border-radius: 100vh; }
    .secJuniorhighschool .resultBox .inner .listBox .item .count {
      font-weight: 500;
      letter-spacing: .1em; }
      .secJuniorhighschool .resultBox .inner .listBox .item .count .num {
        color: #f3982c;
        font-size: 50px;
        font-family: 'Barlow';
        line-height: 1; }
.secJuniorhighschool .secBoxConts01 .inner {
  margin-top: 50px; }
.secJuniorhighschool .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secJuniorhighschool .secVoice .inner .listBox {
  margin-bottom: 30px; }
  .secJuniorhighschool .secVoice .inner .listBox .item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secJuniorhighschool .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: row-reverse; }
    .secJuniorhighschool .secVoice .inner .listBox .item:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .secJuniorhighschool .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secJuniorhighschool .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secJuniorhighschool .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secJuniorhighschool .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secJuniorhighschool .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
.secJuniorhighschool .secVoice .aBtn02 {
  max-width: 350px; }
.secJuniorhighschool .campusListBox {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px 20px; }
  .secJuniorhighschool .campusListBox .inner {
    width: calc((100% - 40px) / 3); }
    .secJuniorhighschool .campusListBox .inner .area {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secJuniorhighschool .campusListBox .inner .list {
      flex-wrap: wrap;
      gap: 0 20px; }
      .secJuniorhighschool .campusListBox .inner .list li {
        position: relative;
        min-height: 25px;
        margin: 5px 0 2px 10px;
        width: calc((100% - 40px) / 2); }
        .secJuniorhighschool .campusListBox .inner .list li a {
          text-decoration: none;
          color: #000;
          transition: .2s; }
          .secJuniorhighschool .campusListBox .inner .list li a:before {
            content: '';
            background-image: url(../images/arrow01.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 0% 10%;
            width: 5px;
            height: 8px;
            position: absolute;
            margin-right: 5px;
            top: 10px;
            left: -9px;
            transform: translate(0, calc(50% - 4px)); }

@media only screen and (max-width: 767px) {
  .secJuniorhighschool .introBox {
    margin-bottom: 60px; }
    .secJuniorhighschool .introBox .copy {
      font-size: 23px; }
  .secJuniorhighschool .aboutBox .flexBox {
    flex-direction: column;
    margin-top: 30px; }
    .secJuniorhighschool .aboutBox .flexBox:nth-child(even) {
      flex-direction: column; }
    .secJuniorhighschool .aboutBox .flexBox .pictBox {
      width: 100%; }
    .secJuniorhighschool .aboutBox .flexBox .txtBox {
      width: 100%;
      text-align: center;
      padding: 30px 10px; }
  .secJuniorhighschool .aboutBox .bannerBox {
    margin-top: 50px; }
  .secJuniorhighschool .openschoolBox {
    padding: 90px 25px 20px;
    gap: 30px;
    flex-direction: column; }
    .secJuniorhighschool .openschoolBox .pictBox {
      width: 100%; }
    .secJuniorhighschool .openschoolBox .txtBox {
      width: 100%; }
    .secJuniorhighschool .openschoolBox .mds {
      font-size: 20px;
      margin-bottom: 15px; }
  .secJuniorhighschool .campuslifeBox {
    padding-top: 30px;
    padding-bottom: 30px; }
    .secJuniorhighschool .campuslifeBox .flexBox {
      flex-direction: column;
      gap: 30px;
      margin-bottom: 12px; }
      .secJuniorhighschool .campuslifeBox .flexBox .pictBox {
        width: 100%; }
      .secJuniorhighschool .campuslifeBox .flexBox .txtBox {
        width: 100%; }
        .secJuniorhighschool .campuslifeBox .flexBox .txtBox .ttl {
          font-size: 25px; }
    .secJuniorhighschool .campuslifeBox .pictList {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px; }
  .secJuniorhighschool .campuslifeBox02 .flexBox {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 12px; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox {
      width: 100%; }
      .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox:after {
        display: none; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox {
      width: 100%; }
      .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .ttl {
        font-size: 22px; }
  .secJuniorhighschool .campuslifeBox02 .pictList {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px; }
    .secJuniorhighschool .campuslifeBox02 .pictList .item:after {
      display: none; }
    .secJuniorhighschool .campuslifeBox02 .pictList .item:nth-child(1) {
      grid-row: 1 / 3;
      grid-column: 1 / 3; }
  .secJuniorhighschool .clothingBox .ttl {
    margin-bottom: 20px; }
    .secJuniorhighschool .clothingBox .ttl:before {
      height: 100%;
      left: -35px;
      transform: translateY(-50%) rotate(-25deg); }
    .secJuniorhighschool .clothingBox .ttl:after {
      height: 100%;
      right: -35px;
      transform: translateY(-50%) rotate(25deg); }
  .secJuniorhighschool .clothingBox .pictList {
    flex-direction: column;
    gap: 25px; }
  .secJuniorhighschool .courseBox .flexBox {
    flex-direction: column-reverse;
    gap: 30px;
    margin-bottom: 70px; }
    .secJuniorhighschool .courseBox .flexBox .pictBox {
      width: 100%; }
      .secJuniorhighschool .courseBox .flexBox .pictBox:after {
        display: none; }
    .secJuniorhighschool .courseBox .flexBox .txtBox {
      width: 100%; }
      .secJuniorhighschool .courseBox .flexBox .txtBox .ttl {
        font-size: 22px; }
  .secJuniorhighschool .chooseBox {
    padding: 90px 25px 20px;
    gap: 30px;
    flex-direction: column; }
    .secJuniorhighschool .chooseBox .pictBox {
      width: 100%; }
    .secJuniorhighschool .chooseBox .txtBox {
      width: 100%; }
    .secJuniorhighschool .chooseBox .mds {
      font-size: 20px;
      margin-bottom: 15px; }
  .secJuniorhighschool .careerBox .flexBox {
    gap: 30px;
    flex-direction: column;
    margin-bottom: 30px; }
    .secJuniorhighschool .careerBox .flexBox .pictBox {
      width: 100%; }
      .secJuniorhighschool .careerBox .flexBox .pictBox:after {
        display: none; }
    .secJuniorhighschool .careerBox .flexBox .txtBox {
      width: 100%; }
      .secJuniorhighschool .careerBox .flexBox .txtBox .ttl {
        font-size: 22px; }
  .secJuniorhighschool .careerList {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px; }
    .secJuniorhighschool .careerList .item {
      width: 70%; }
      .secJuniorhighschool .careerList .item:nth-child(1) {
        margin-top: 0;
        margin-left: 25px; }
      .secJuniorhighschool .careerList .item:nth-child(2) {
        margin-top: 0;
        margin-left: 50px; }
      .secJuniorhighschool .careerList .item:nth-child(3) {
        margin-left: 75px; }
      .secJuniorhighschool .careerList .item .txtBox .mds {
        font-size: 18px; }
  .secJuniorhighschool .resultBox .mds {
    font-size: 18px;
    margin-bottom: 25px; }
  .secJuniorhighschool .resultBox .inner .listBox {
    flex-direction: column;
    gap: 10px; }
    .secJuniorhighschool .resultBox .inner .listBox .item {
      width: 100%;
      padding: 15px; }
      .secJuniorhighschool .resultBox .inner .listBox .item .ttl {
        font-size: 12px; }
      .secJuniorhighschool .resultBox .inner .listBox .item .count .num {
        font-size: 40px; }
  .secJuniorhighschool .secVoice .inner .ttlEg {
    right: 30px; }
  .secJuniorhighschool .secVoice .inner .listBox .item {
    flex-direction: column-reverse;
    gap: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secJuniorhighschool .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secJuniorhighschool .secVoice .inner .listBox .item .pictBox {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
    .secJuniorhighschool .secVoice .inner .listBox .item .txtBox {
      width: 100%; }
  .secJuniorhighschool .secVoice .aBtn02 {
    max-width: 100%;
    padding: 1.2rem; }
  .secJuniorhighschool .campusListBox {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
    .secJuniorhighschool .campusListBox .inner {
      width: 100%; }
      .secJuniorhighschool .campusListBox .inner .area {
        font-size: 18px;
        margin-bottom: 2px; } }
/*-----------------------------------------------
  高校生の方／高校中退の方へ
-----------------------------------------------*/
.highschoolTtl_pic::after {
  background-image: url("../images/highschool/kv.jpg");
  background-position: center center; }

.secJuniorhighschool .introBox {
  text-align: center;
  margin-bottom: 100px; }
  .secJuniorhighschool .introBox .copy {
    font-size: 30px;
    line-height: 1.5; }
.secJuniorhighschool .aboutBox .flexBox {
  align-items: center;
  margin-top: 40px; }
  .secJuniorhighschool .aboutBox .flexBox:nth-child(even) {
    flex-direction: row-reverse; }
  .secJuniorhighschool .aboutBox .flexBox:first-child {
    margin-top: 0; }
  .secJuniorhighschool .aboutBox .flexBox .pictBox {
    width: 55%; }
    .secJuniorhighschool .aboutBox .flexBox .pictBox img {
      border-radius: 15px; }
  .secJuniorhighschool .aboutBox .flexBox .txtBox {
    width: 45%;
    padding: 20px 55px; }
.secJuniorhighschool .openschoolBox {
  background-image: url(../images/bg_img01.jpg);
  background-size: cover;
  background-position: center;
  align-items: center;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  gap: 40px; }
  .secJuniorhighschool .openschoolBox .pictBox {
    width: calc(50% - 40px); }
  .secJuniorhighschool .openschoolBox .txtBox {
    width: 50%; }
  .secJuniorhighschool .openschoolBox .ttl {
    font-size: 20px;
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 20px 25px; }
  .secJuniorhighschool .openschoolBox .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5; }
  .secJuniorhighschool .openschoolBox .txt {
    margin-bottom: 15px; }
.secJuniorhighschool .campuslifeBox {
  position: relative;
  padding-top: 60px;
  padding-bottom: 60px; }
  .secJuniorhighschool .campuslifeBox img {
    border-radius: 15px; }
  .secJuniorhighschool .campuslifeBox::after {
    content: '';
    display: inline-block;
    background: #FEF8EA;
    background-size: cover;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1; }
  .secJuniorhighschool .campuslifeBox .flexBox {
    gap: 40px;
    align-items: center;
    margin-bottom: 50px; }
    .secJuniorhighschool .campuslifeBox .flexBox .pictBox {
      width: 50%; }
    .secJuniorhighschool .campuslifeBox .flexBox .txtBox {
      width: calc(50% - 40px); }
      .secJuniorhighschool .campuslifeBox .flexBox .txtBox .ttl {
        font-size: 30px;
        color: #ed6d20;
        height: auto;
        font-weight: 500;
        margin-bottom: 20px; }
      .secJuniorhighschool .campuslifeBox .flexBox .txtBox .mds {
        font-size: 24px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
  .secJuniorhighschool .campuslifeBox .pictList {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    gap: 25px; }
.secJuniorhighschool .campuslifeBox02 img {
  border-radius: 15px; }
.secJuniorhighschool .campuslifeBox02 .flexBox {
  gap: 40px;
  align-items: center;
  margin-bottom: 140px; }
  .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      background: #F7BC76;
      border-radius: 50%;
      bottom: -25%;
      left: -25%;
      z-index: -1; }
  .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox {
    width: 50%; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .txt {
      margin-bottom: 15px; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .remark {
      margin-bottom: 15px; }
.secJuniorhighschool .differenceBox .ttl {
  font-size: 24px;
  font-weight: 500;
  color: #ed6d20;
  text-align: center;
  margin-bottom: 25px; }
.secJuniorhighschool .differenceBox .graphList {
  display: flex;
  flex-direction: column;
  row-gap: 45px; }
  .secJuniorhighschool .differenceBox .graphList .item .mds {
    font-weight: 500;
    font-size: 20px;
    color: #ed6d20;
    margin-bottom: 20px; }
  .secJuniorhighschool .differenceBox .graphList .item .graph {
    display: flex;
    margin-bottom: 15px; }
    .secJuniorhighschool .differenceBox .graphList .item .graph .left,
    .secJuniorhighschool .differenceBox .graphList .item .graph .right,
    .secJuniorhighschool .differenceBox .graphList .item .graph .center {
      height: 65px;
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center; }
      .secJuniorhighschool .differenceBox .graphList .item .graph .left p,
      .secJuniorhighschool .differenceBox .graphList .item .graph .right p,
      .secJuniorhighschool .differenceBox .graphList .item .graph .center p {
        line-height: 1.4;
        font-weight: 500; }
    .secJuniorhighschool .differenceBox .graphList .item .graph .left {
      background: #D6D6D6;
      width: 50%; }
      .secJuniorhighschool .differenceBox .graphList .item .graph .left p {
        color: #211815; }
    .secJuniorhighschool .differenceBox .graphList .item .graph .right {
      background: #F3982C;
      width: 50%; }
      .secJuniorhighschool .differenceBox .graphList .item .graph .right p {
        color: #fff; }
    .secJuniorhighschool .differenceBox .graphList .item .graph.graph02 .center {
      width: 140px;
      background: #9FA0A0; }
      .secJuniorhighschool .differenceBox .graphList .item .graph.graph02 .center p {
        color: #fff; }
.secJuniorhighschool .courseBox img {
  border-radius: 15px; }
.secJuniorhighschool .courseBox .flexBox {
  flex-direction: row-reverse;
  gap: 40px;
  align-items: center;
  margin-bottom: 140px; }
  .secJuniorhighschool .courseBox .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secJuniorhighschool .courseBox .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      background: #FBD78B;
      border-radius: 50%;
      bottom: -25%;
      right: -25%;
      z-index: -1; }
  .secJuniorhighschool .courseBox .flexBox .txtBox {
    width: 50%; }
    .secJuniorhighschool .courseBox .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secJuniorhighschool .courseBox .flexBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .secJuniorhighschool .courseBox .flexBox .txtBox .txt {
      margin-bottom: 15px; }
.secJuniorhighschool .chooseBox {
  background-image: url(../images/bg_img01.jpg);
  background-size: cover;
  background-position: center;
  align-items: center;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  gap: 40px; }
  .secJuniorhighschool .chooseBox .pictBox {
    width: calc(50% - 40px); }
  .secJuniorhighschool .chooseBox .txtBox {
    width: 50%; }
  .secJuniorhighschool .chooseBox .ttl {
    font-size: 20px;
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 20px 25px; }
  .secJuniorhighschool .chooseBox .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5; }
  .secJuniorhighschool .chooseBox .txt {
    margin-bottom: 15px; }
.secJuniorhighschool .careerBox img {
  border-radius: 15px; }
.secJuniorhighschool .careerBox .flexBox {
  gap: 40px;
  align-items: center;
  margin-bottom: 140px; }
  .secJuniorhighschool .careerBox .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secJuniorhighschool .careerBox .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      background: #B5E180;
      border-radius: 50%;
      bottom: -25%;
      left: -25%;
      z-index: -1; }
  .secJuniorhighschool .careerBox .flexBox .txtBox {
    width: 50%; }
    .secJuniorhighschool .careerBox .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      color: #ed6d20;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secJuniorhighschool .careerBox .flexBox .txtBox .mds {
      font-size: 20px;
      font-weight: 500;
      margin-bottom: 10px; }
    .secJuniorhighschool .careerBox .flexBox .txtBox .txt {
      margin-bottom: 15px; }
.secJuniorhighschool .careerList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 80px; }
  .secJuniorhighschool .careerList img {
    border-radius: 15px; }
  .secJuniorhighschool .careerList .item:nth-child(1) {
    margin-top: 100px; }
  .secJuniorhighschool .careerList .item:nth-child(2) {
    margin-top: 50px; }
  .secJuniorhighschool .careerList .item .pictBox {
    margin-bottom: 15px; }
  .secJuniorhighschool .careerList .item .txtBox .mds {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px; }
.secJuniorhighschool .resultBox .mds {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px; }
.secJuniorhighschool .resultBox .txt {
  text-align: center; }
.secJuniorhighschool .resultBox .inner .listBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  gap: 25px; }
  .secJuniorhighschool .resultBox .inner .listBox .item {
    width: calc((100% - 50px) / 3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px; }
    .secJuniorhighschool .resultBox .inner .listBox .item .ttl {
      background: #a5a5a5;
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      border-radius: 100vh; }
    .secJuniorhighschool .resultBox .inner .listBox .item .count {
      font-weight: 500;
      letter-spacing: .1em; }
      .secJuniorhighschool .resultBox .inner .listBox .item .count .num {
        color: #f3982c;
        font-size: 50px;
        font-family: 'Barlow';
        line-height: 1; }
.secJuniorhighschool .secBoxConts01 .inner {
  margin-top: 50px; }
.secJuniorhighschool .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secJuniorhighschool .secVoice .inner .listBox {
  margin-bottom: 30px; }
  .secJuniorhighschool .secVoice .inner .listBox .item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secJuniorhighschool .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: row-reverse; }
    .secJuniorhighschool .secVoice .inner .listBox .item:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .secJuniorhighschool .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secJuniorhighschool .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secJuniorhighschool .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secJuniorhighschool .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secJuniorhighschool .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
.secJuniorhighschool .secVoice .aBtn02 {
  max-width: 350px; }
.secJuniorhighschool .campusListBox {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px 20px; }
  .secJuniorhighschool .campusListBox .inner {
    width: calc((100% - 40px) / 3); }
    .secJuniorhighschool .campusListBox .inner .area {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secJuniorhighschool .campusListBox .inner .list {
      flex-wrap: wrap;
      gap: 0 20px; }
      .secJuniorhighschool .campusListBox .inner .list li {
        position: relative;
        min-height: 25px;
        margin: 5px 0 2px 10px;
        width: calc((100% - 40px) / 2); }
        .secJuniorhighschool .campusListBox .inner .list li a {
          text-decoration: none;
          color: #000;
          transition: .2s; }
          .secJuniorhighschool .campusListBox .inner .list li a:before {
            content: '';
            background-image: url(../images/arrow01.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 0% 10%;
            width: 5px;
            height: 8px;
            position: absolute;
            margin-right: 5px;
            top: 10px;
            left: -9px;
            transform: translate(0, calc(50% - 4px)); }

@media only screen and (max-width: 767px) {
  .secJuniorhighschool .introBox {
    margin-bottom: 60px; }
    .secJuniorhighschool .introBox .copy {
      font-size: 23px; }
  .secJuniorhighschool .aboutBox .flexBox {
    flex-direction: column;
    margin-top: 30px; }
    .secJuniorhighschool .aboutBox .flexBox:nth-child(even) {
      flex-direction: column; }
    .secJuniorhighschool .aboutBox .flexBox .pictBox {
      width: 100%; }
    .secJuniorhighschool .aboutBox .flexBox .txtBox {
      width: 100%;
      text-align: center;
      padding: 30px 10px; }
  .secJuniorhighschool .openschoolBox {
    padding: 90px 25px 20px;
    gap: 30px;
    flex-direction: column; }
    .secJuniorhighschool .openschoolBox .pictBox {
      width: 100%; }
    .secJuniorhighschool .openschoolBox .txtBox {
      width: 100%; }
    .secJuniorhighschool .openschoolBox .mds {
      font-size: 20px;
      margin-bottom: 15px; }
  .secJuniorhighschool .campuslifeBox {
    padding-top: 30px;
    padding-bottom: 30px; }
    .secJuniorhighschool .campuslifeBox .flexBox {
      flex-direction: column;
      gap: 30px;
      margin-bottom: 12px; }
      .secJuniorhighschool .campuslifeBox .flexBox .pictBox {
        width: 100%; }
      .secJuniorhighschool .campuslifeBox .flexBox .txtBox {
        width: 100%; }
        .secJuniorhighschool .campuslifeBox .flexBox .txtBox .ttl {
          font-size: 25px; }
    .secJuniorhighschool .campuslifeBox .pictList {
      grid-template-columns: repeat(2, 1fr);
      gap: 12px; }
  .secJuniorhighschool .campuslifeBox02 .flexBox {
    flex-direction: column;
    gap: 30px;
    margin-bottom: 12px; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox {
      width: 100%; }
      .secJuniorhighschool .campuslifeBox02 .flexBox .pictBox:after {
        display: none; }
    .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox {
      width: 100%; }
      .secJuniorhighschool .campuslifeBox02 .flexBox .txtBox .ttl {
        font-size: 22px; }
  .secJuniorhighschool .differenceBox .ttl {
    margin-bottom: 20px; }
  .secJuniorhighschool .differenceBox .graphList {
    row-gap: 25px; }
    .secJuniorhighschool .differenceBox .graphList .item .mds {
      margin-bottom: 15px; }
  .secJuniorhighschool .courseBox .flexBox {
    flex-direction: column-reverse;
    gap: 30px;
    margin-bottom: 70px; }
    .secJuniorhighschool .courseBox .flexBox .pictBox {
      width: 100%; }
      .secJuniorhighschool .courseBox .flexBox .pictBox:after {
        display: none; }
    .secJuniorhighschool .courseBox .flexBox .txtBox {
      width: 100%; }
      .secJuniorhighschool .courseBox .flexBox .txtBox .ttl {
        font-size: 22px; }
  .secJuniorhighschool .chooseBox {
    padding: 90px 25px 20px;
    gap: 30px;
    flex-direction: column; }
    .secJuniorhighschool .chooseBox .pictBox {
      width: 100%; }
    .secJuniorhighschool .chooseBox .txtBox {
      width: 100%; }
    .secJuniorhighschool .chooseBox .mds {
      font-size: 20px;
      margin-bottom: 15px; }
  .secJuniorhighschool .careerBox .flexBox {
    gap: 30px;
    flex-direction: column;
    margin-bottom: 30px; }
    .secJuniorhighschool .careerBox .flexBox .pictBox {
      width: 100%; }
      .secJuniorhighschool .careerBox .flexBox .pictBox:after {
        display: none; }
    .secJuniorhighschool .careerBox .flexBox .txtBox {
      width: 100%; }
      .secJuniorhighschool .careerBox .flexBox .txtBox .ttl {
        font-size: 22px; }
  .secJuniorhighschool .careerList {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 30px; }
    .secJuniorhighschool .careerList .item {
      width: 70%; }
      .secJuniorhighschool .careerList .item:nth-child(1) {
        margin-top: 0;
        margin-left: 25px; }
      .secJuniorhighschool .careerList .item:nth-child(2) {
        margin-top: 0;
        margin-left: 50px; }
      .secJuniorhighschool .careerList .item:nth-child(3) {
        margin-left: 75px; }
      .secJuniorhighschool .careerList .item .txtBox .mds {
        font-size: 18px; }
  .secJuniorhighschool .resultBox .mds {
    font-size: 18px;
    margin-bottom: 25px; }
  .secJuniorhighschool .resultBox .inner .listBox {
    flex-direction: column;
    gap: 10px; }
    .secJuniorhighschool .resultBox .inner .listBox .item {
      width: 100%;
      padding: 15px; }
      .secJuniorhighschool .resultBox .inner .listBox .item .ttl {
        font-size: 12px; }
      .secJuniorhighschool .resultBox .inner .listBox .item .count .num {
        font-size: 40px; }
  .secJuniorhighschool .secVoice .inner .ttlEg {
    right: 30px; }
  .secJuniorhighschool .secVoice .inner .listBox .item {
    flex-direction: column-reverse;
    gap: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secJuniorhighschool .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secJuniorhighschool .secVoice .inner .listBox .item .pictBox {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
    .secJuniorhighschool .secVoice .inner .listBox .item .txtBox {
      width: 100%; }
  .secJuniorhighschool .secVoice .aBtn02 {
    max-width: 100%;
    padding: 1.2rem; }
  .secJuniorhighschool .campusListBox {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
    .secJuniorhighschool .campusListBox .inner {
      width: 100%; }
      .secJuniorhighschool .campusListBox .inner .area {
        font-size: 18px;
        margin-bottom: 2px; } }
/*-----------------------------------------------
  保護者の方へ
-----------------------------------------------*/
.secParentsTtl_pic::after {
  background-image: url("../images/parent/kv.jpg");
  background-position: center center; }

.secParents .introBox {
  margin-bottom: 100px; }
  .secParents .introBox .copy {
    font-size: 30px;
    line-height: 1.5;
    margin-bottom: 40px; }
.secParents .aboutBox {
  padding: 50px 60px;
  background: #FEF8EA; }
  .secParents .aboutBox .flexBox {
    align-items: center;
    gap: 20px; }
    .secParents .aboutBox .flexBox .pictBox {
      width: 400px; }
      .secParents .aboutBox .flexBox .pictBox iframe {
        aspect-ratio: 16 / 9;
        width: 100%; }
    .secParents .aboutBox .flexBox .txtBox {
      width: calc(100% - 420px); }
      .secParents .aboutBox .flexBox .txtBox .mds {
        font-weight: 500;
        font-size: 22px;
        color: #ED6D1F;
        margin-bottom: 15px; }
        .secParents .aboutBox .flexBox .txtBox .mds span {
          font-size: 36px;
          display: block; }
.secParents .topicsBox .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secParents .topicsBox .inner .topicsList {
  display: flex;
  flex-direction: column;
  gap: 30px; }
  .secParents .topicsBox .inner .topicsList .ttl {
    font-size: 24px;
    margin-bottom: 25px; }
  .secParents .topicsBox .inner .topicsList .flexBox {
    background: #fff;
    padding: 45px 55px;
    gap: 40px;
    margin: 20px 0; }
    .secParents .topicsBox .inner .topicsList .flexBox .pictBox {
      width: 460px; }
    .secParents .topicsBox .inner .topicsList .flexBox .txtBox {
      width: calc(100% - 500px); }
    .secParents .topicsBox .inner .topicsList .flexBox.column {
      flex-direction: column;
      gap: 25px; }
      .secParents .topicsBox .inner .topicsList .flexBox.column .pictBox {
        width: 100%; }
      .secParents .topicsBox .inner .topicsList .flexBox.column .txtBox {
        width: 100%; }
    .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 {
      background: unset;
      padding: 0; }
      .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .pictBox {
        width: 440px; }
      .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .txtBox {
        width: calc(100% - 480px); }
      .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .listBox {
        display: flex;
        flex-direction: column;
        gap: 15px; }
        .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .listBox .listTtl {
          font-weight: 700;
          margin-bottom: 12px;
          padding: 0;
          display: flex;
          align-items: center; }
          .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .listBox .listTtl:before {
            content: '';
            display: inline-block;
            background: #F3982C;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            margin-right: 10px; }
        .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .listBox p {
          padding-left: 24px; }
  .secParents .topicsBox .inner .topicsList .mds {
    font-size: 20px;
    margin-bottom: 20px; }
.secParents .promiseBox > .ttl {
  font-size: 30px;
  text-align: center;
  color: #F3982C;
  margin-bottom: 45px; }
  .secParents .promiseBox > .ttl span {
    font-size: 20px;
    color: #211715;
    display: block; }
.secParents .promiseBox img {
  border-radius: 15px; }
.secParents .promiseBox .flexBox {
  gap: 40px;
  margin-bottom: 140px; }
  .secParents .promiseBox .flexBox.rev {
    flex-direction: row-reverse; }
    .secParents .promiseBox .flexBox.rev .pictBox:after {
      left: unset;
      right: -25%; }
  .secParents .promiseBox .flexBox .pictBox {
    width: calc(50% - 40px);
    position: relative; }
    .secParents .promiseBox .flexBox .pictBox:after {
      position: absolute;
      content: '';
      width: 80%;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      bottom: -25%;
      left: -25%;
      z-index: -1; }
    .secParents .promiseBox .flexBox .pictBox.color01::after {
      background: #F7BC76; }
    .secParents .promiseBox .flexBox .pictBox.color02::after {
      background: #FBD78B; }
    .secParents .promiseBox .flexBox .pictBox.color03::after {
      background: #A6DD94; }
  .secParents .promiseBox .flexBox .txtBox {
    width: 50%; }
    .secParents .promiseBox .flexBox .txtBox .ttl {
      font-size: 24px;
      font-weight: 500;
      padding-bottom: 8px;
      margin-bottom: 10px;
      border-bottom: 1px solid #D3D1D0; }
    .secParents .promiseBox .flexBox .txtBox .txt {
      margin-bottom: 15px; }
.secParents .promiseBox .chooseBox {
  background-image: url(../images/bg_img01.jpg);
  background-size: cover;
  background-position: center;
  position: relative;
  padding: 70px 60px 55px;
  border-radius: 0 30px 0 30px;
  gap: 40px;
  margin-top: 200px; }
  .secParents .promiseBox .chooseBox .pictBox {
    width: calc(50% - 40px); }
  .secParents .promiseBox .chooseBox .txtBox {
    width: 50%; }
  .secParents .promiseBox .chooseBox .ttl {
    font-size: 20px;
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 20px 25px; }
  .secParents .promiseBox .chooseBox .mds {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 20px;
    line-height: 1.5; }
  .secParents .promiseBox .chooseBox .txt {
    margin-bottom: 15px; }
.secParents .promiseBox .learningList {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 80px;
  margin-bottom: 140px; }
  .secParents .promiseBox .learningList img {
    border-radius: 15px; }
  .secParents .promiseBox .learningList .item:nth-child(1) {
    margin-top: 100px; }
  .secParents .promiseBox .learningList .item:nth-child(2) {
    margin-top: 50px; }
  .secParents .promiseBox .learningList .item .pictBox {
    margin-bottom: 15px; }
  .secParents .promiseBox .learningList .item .txtBox .mds {
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 10px; }
  .secParents .promiseBox .learningList .item .txtBox p {
    margin-bottom: 15px; }
.secParents .resultBox .mds {
  font-weight: 500;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px; }
.secParents .resultBox .txt {
  text-align: center; }
.secParents .resultBox .inner .listBox {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  -webkit-align-items: stretch;
  gap: 25px;
  margin-top: 15px;
  margin-bottom: 40px; }
  .secParents .resultBox .inner .listBox .item {
    width: calc((100% - 50px) / 3);
    display: flex;
    justify-content: space-between;
    align-items: center;
    -webkit-align-items: center;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #e6e6e6;
    padding: 20px; }
    .secParents .resultBox .inner .listBox .item .ttl {
      background: #a5a5a5;
      display: inline-block;
      padding: .2em 1em;
      color: #fff;
      border-radius: 100vh; }
    .secParents .resultBox .inner .listBox .item .count {
      font-weight: 500;
      letter-spacing: .1em; }
      .secParents .resultBox .inner .listBox .item .count .num {
        color: #f3982c;
        font-size: 50px;
        font-family: 'Barlow';
        line-height: 1; }
.secParents .resultBox .inner p,
.secParents .resultBox .inner .arrowBox {
  text-align: center; }
.secParents .secBoxConts01 .inner {
  margin-top: 50px; }
.secParents .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secParents .secVoice .inner .listBox {
  margin-bottom: 30px; }
  .secParents .secVoice .inner .listBox .item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secParents .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: row-reverse; }
    .secParents .secVoice .inner .listBox .item:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .secParents .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secParents .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px;
        margin-top: 10px; }
        .secParents .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secParents .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secParents .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px; }
.secParents .secVoice .aBtn02 {
  max-width: 350px; }
.secParents .campusListBox {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  gap: 40px 20px; }
  .secParents .campusListBox .inner {
    width: calc((100% - 40px) / 3); }
    .secParents .campusListBox .inner .area {
      font-size: 20px;
      font-weight: 500;
      color: #ed6d20;
      margin-bottom: 10px; }
    .secParents .campusListBox .inner .list {
      flex-wrap: wrap;
      gap: 0 20px; }
      .secParents .campusListBox .inner .list li {
        position: relative;
        min-height: 25px;
        margin: 5px 0 2px 10px;
        width: calc((100% - 40px) / 2); }
        .secParents .campusListBox .inner .list li a {
          text-decoration: none;
          color: #000;
          transition: .2s; }
          .secParents .campusListBox .inner .list li a:before {
            content: '';
            background-image: url(../images/arrow01.svg);
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 0% 10%;
            width: 5px;
            height: 8px;
            position: absolute;
            margin-right: 5px;
            top: 10px;
            left: -9px;
            transform: translate(0, calc(50% - 4px)); }

@media only screen and (max-width: 767px) {
  .secParents .introBox {
    margin-bottom: 60px; }
    .secParents .introBox .copy {
      font-size: 22px;
      margin-bottom: 25px; }
  .secParents .aboutBox {
    padding: 15px 25px;
    width: calc(100% + 50px);
    margin-left: -25px; }
    .secParents .aboutBox .flexBox {
      flex-direction: column; }
      .secParents .aboutBox .flexBox .pictBox {
        width: 100%; }
      .secParents .aboutBox .flexBox .txtBox {
        width: 100%; }
        .secParents .aboutBox .flexBox .txtBox .mds span {
          font-size: 30px; }
  .secParents .ageBox {
    width: calc(100% + 50px);
    margin-left: -25px; }
    .secParents .ageBox .ageList {
      display: flex;
      flex-direction: column;
      gap: 50px; }
      .secParents .ageBox .ageList .item {
        position: relative;
        background: #FEF8EA;
        padding: 45px 25px 30px; }
        .secParents .ageBox .ageList .item:not(:last-child)::after {
          content: '';
          display: inline-block;
          background: #9D9D9E;
          height: calc(tan(60deg) * 10px / 2);
          width: 30px;
          clip-path: polygon(0 0, 100% 0, 50% 100%);
          position: absolute;
          left: 50%;
          transform: translateX(-50%);
          bottom: -30px; }
        .secParents .ageBox .ageList .item .ttl {
          font-size: 18px;
          font-weight: 700;
          text-align: center;
          margin-bottom: 45px;
          position: relative; }
          .secParents .ageBox .ageList .item .ttl.orange {
            color: #ED6D20; }
          .secParents .ageBox .ageList .item .ttl:before {
            content: '';
            display: inline-block;
            width: 90px;
            height: 75px;
            position: absolute;
            top: 50%;
            left: 0;
            transform: translateY(-50%); }
          .secParents .ageBox .ageList .item .ttl.age13:before {
            background-image: url(../images/parent/num13.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .secParents .ageBox .ageList .item .ttl.age16:before {
            background-image: url(../images/parent/num16.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .secParents .ageBox .ageList .item .ttl.age19:before {
            background-image: url(../images/parent/num19.png);
            background-size: contain;
            background-repeat: no-repeat; }
          .secParents .ageBox .ageList .item .ttl.age25:before {
            background-image: url(../images/parent/num25.png);
            background-size: contain;
            background-repeat: no-repeat; }
        .secParents .ageBox .ageList .item .txt {
          margin-bottom: 15px; }
        .secParents .ageBox .ageList .item .contentBox {
          background: #fff;
          padding: 16px 20px; }
        .secParents .ageBox .ageList .item .listBox.flexBox {
          gap: 20px; }
        .secParents .ageBox .ageList .item .listBox.orange .listItem:before {
          background: #ED6D20; }
        .secParents .ageBox .ageList .item .listBox.white .listItem {
          color: #fff; }
          .secParents .ageBox .ageList .item .listBox.white .listItem:before {
            background: #fff; }
        .secParents .ageBox .ageList .item .listBox .listItem {
          font-weight: 500;
          color: #211815;
          padding-left: 24px;
          position: relative; }
          .secParents .ageBox .ageList .item .listBox .listItem:before {
            content: '';
            display: inline-block;
            background: #9FA0A0;
            border-radius: 50%;
            width: 14px;
            height: 14px;
            position: absolute;
            top: 6px;
            left: 0; }
        .secParents .ageBox .ageList .item .mds {
          font-weight: 700;
          font-size: 15px;
          color: #ED6D20;
          text-align: center; }
        .secParents .ageBox .ageList .item .subTtl {
          font-weight: 500;
          font-size: 15px;
          color: #ED6D20;
          margin-bottom: 10px; }
        .secParents .ageBox .ageList .item .ageTtl {
          display: flex;
          flex-direction: column;
          gap: 20px;
          margin-top: 15px;
          margin-bottom: 15px; }
          .secParents .ageBox .ageList .item .ageTtl.gray dt {
            background: #9FA0A0; }
          .secParents .ageBox .ageList .item .ageTtl.last {
            margin-bottom: 0; }
          .secParents .ageBox .ageList .item .ageTtl dt {
            font-weight: 700;
            background: #ED6D20;
            padding: 10px 18px;
            text-align: center;
            color: #fff; }
            .secParents .ageBox .ageList .item .ageTtl dt .listBox {
              text-align: left; }
  .secParents .topicsBox .inner .ttlEg {
    right: 30px; }
  .secParents .topicsBox .inner .topicsList {
    gap: 20px; }
    .secParents .topicsBox .inner .topicsList .ttl {
      font-size: 20px;
      margin-bottom: 10px; }
    .secParents .topicsBox .inner .topicsList .flexBox {
      flex-direction: column;
      background: #fff;
      padding: 35px 25px;
      gap: 20px;
      margin: 10px 0; }
      .secParents .topicsBox .inner .topicsList .flexBox .pictBox {
        width: 100%; }
      .secParents .topicsBox .inner .topicsList .flexBox .txtBox {
        width: 100%; }
      .secParents .topicsBox .inner .topicsList .flexBox.column {
        gap: 20px; }
      .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .pictBox {
        width: 100%; }
      .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .txtBox {
        width: 100%; }
      .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .listBox {
        gap: 10px; }
        .secParents .topicsBox .inner .topicsList .flexBox.flexBox02 .listBox .listTtl {
          margin-bottom: 4px; }
    .secParents .topicsBox .inner .topicsList .mds {
      font-size: 18px;
      margin-bottom: 10px; }
  .secParents .promiseBox > .ttl {
    font-size: 26px;
    margin-bottom: 30px; }
    .secParents .promiseBox > .ttl span {
      font-size: 18px; }
  .secParents .promiseBox .flexBox {
    gap: 30px;
    flex-direction: column;
    margin-bottom: 40px; }
    .secParents .promiseBox .flexBox.rev {
      flex-direction: column; }
      .secParents .promiseBox .flexBox.rev .pictBox:after {
        display: none; }
    .secParents .promiseBox .flexBox .pictBox {
      width: 100%; }
      .secParents .promiseBox .flexBox .pictBox:after {
        display: none; }
    .secParents .promiseBox .flexBox .txtBox {
      width: 100%; }
      .secParents .promiseBox .flexBox .txtBox .ttl {
        font-size: 20px; }
      .secParents .promiseBox .flexBox .txtBox .txt {
        margin-bottom: 10px; }
  .secParents .promiseBox .chooseBox {
    padding: 90px 25px 20px;
    gap: 30px;
    margin-top: 70px; }
    .secParents .promiseBox .chooseBox .pictBox {
      width: 100%; }
    .secParents .promiseBox .chooseBox .txtBox {
      width: 100%; }
    .secParents .promiseBox .chooseBox .mds {
      font-size: 20px;
      margin-bottom: 15px; }
    .secParents .promiseBox .chooseBox .txt {
      margin-bottom: 10px; }
  .secParents .promiseBox .learningList {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px;
    margin-bottom: 70px; }
    .secParents .promiseBox .learningList .item {
      width: 70%; }
      .secParents .promiseBox .learningList .item:nth-child(1) {
        margin-top: 0;
        margin-left: 25px; }
      .secParents .promiseBox .learningList .item:nth-child(2) {
        margin-top: 0;
        margin-left: 50px; }
      .secParents .promiseBox .learningList .item:nth-child(3) {
        margin-left: 75px; }
      .secParents .promiseBox .learningList .item .txtBox .mds {
        font-size: 18px; }
  .secParents .resultBox .mds {
    font-size: 18px;
    margin-bottom: 25px; }
  .secParents .resultBox .inner p {
    text-align: left; }
  .secParents .resultBox .inner .listBox {
    flex-direction: column;
    gap: 10px; }
    .secParents .resultBox .inner .listBox .item {
      width: 100%;
      padding: 15px; }
      .secParents .resultBox .inner .listBox .item .ttl {
        font-size: 12px; }
      .secParents .resultBox .inner .listBox .item .count .num {
        font-size: 40px; }
  .secParents .secVoice .inner .ttlEg {
    right: 30px; }
  .secParents .secVoice .inner .listBox .item {
    flex-direction: column-reverse;
    gap: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secParents .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secParents .secVoice .inner .listBox .item .pictBox {
      width: 70%;
      text-align: center;
      margin: 0 auto; }
    .secParents .secVoice .inner .listBox .item .txtBox {
      width: 100%; }
  .secParents .secVoice .aBtn02 {
    max-width: 100%;
    padding: 1.2rem;
    font-size: 15px; }
  .secParents .campusListBox {
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch; }
    .secParents .campusListBox .inner {
      width: 100%; }
      .secParents .campusListBox .inner .area {
        font-size: 18px;
        margin-bottom: 2px; } }
/*-----------------------------------------------
  第一学院独自のプロジェクト型学習(PBL × SEL)
-----------------------------------------------*/
.projectLearningTtl_pic::after {
  background-image: url("../images/project_learning/kv.jpg");
  background-position: center center; }

.secprojectLearning .introBox {
  text-align: left;
  margin-bottom: 90px; }
  .secprojectLearning .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
    .secprojectLearning .introBox .ttlEg:before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secprojectLearning .introBox .ttlEg:after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
  .secprojectLearning .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secprojectLearning .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secprojectLearning .aboutBox {
  margin-bottom: 90px; }
.secprojectLearning .recommBox {
  background: #fef8ea;
  position: relative;
  padding: 60px 60px 40px;
  margin-bottom: 100px; }
  .secprojectLearning .recommBox .ttl {
    background: #f3982c;
    color: #fff;
    position: absolute;
    font-weight: bold;
    border-radius: 0 15px 0 15px;
    top: -20px;
    left: 20px;
    padding: 10px 20px; }
.secprojectLearning .projectExampleBox .listBox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto;
  gap: 35px 55px; }
  .secprojectLearning .projectExampleBox .listBox .item {
    display: flex;
    flex-direction: column; }
    .secprojectLearning .projectExampleBox .listBox .item .ttl {
      font-weight: 700;
      font-size: 18px;
      margin-bottom: 15px; }
      .secprojectLearning .projectExampleBox .listBox .item .ttl span {
        font-size: 14px;
        display: block;
        margin-bottom: 8px;
        width: 170px;
        padding: 2px 0;
        text-align: center;
        background: #F3982C;
        border-radius: 20px;
        color: #fff; }
    .secprojectLearning .projectExampleBox .listBox .item .pictBox {
      margin-bottom: 25px; }
    .secprojectLearning .projectExampleBox .listBox .item .txtBox {
      height: 100%;
      position: relative;
      border: solid 2px #F3982C;
      border-radius: 20px;
      padding: 30px;
      display: flex;
      gap: 25px; }
      .secprojectLearning .projectExampleBox .listBox .item .txtBox .mds {
        font-size: 15px;
        background: #fff;
        position: absolute;
        top: -14px;
        left: 40px;
        padding: 0 10px; }
      .secprojectLearning .projectExampleBox .listBox .item .txtBox .left {
        width: 90px;
        display: flex;
        flex-direction: column;
        gap: 15px; }
        .secprojectLearning .projectExampleBox .listBox .item .txtBox .left .txt {
          font-size: 13px;
          text-align: center; }
      .secprojectLearning .projectExampleBox .listBox .item .txtBox .right {
        padding-top: 15px;
        width: calc(100% - 115px); }
.secprojectLearning .otherProjectBox .projectLearning-slick01 li {
  padding: 0 15px; }
.secprojectLearning .otherProjectBox .projectLearning-slick01 .slide-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  top: calc((100% - 50px) / 2);
  cursor: pointer;
  z-index: 10; }
.secprojectLearning .otherProjectBox .projectLearning-slick01 .prev-arrow {
  left: -15px; }
.secprojectLearning .otherProjectBox .projectLearning-slick01 .next-arrow {
  right: -15px; }
.secprojectLearning .otherProjectBox .projectLearning-slick01 .pictBox {
  width: calc(100% - 40px); }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .pictBox img {
    border-radius: 0 20px 0 20px; }
.secprojectLearning .otherProjectBox .projectLearning-slick01 .txtBox {
  width: calc(100% - 30px);
  margin-left: auto;
  margin-top: -100px;
  background: #F39C34;
  border-radius: 0 20px 0 20px; }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .txtBox .txt {
    color: #fff;
    padding: 125px 25px 25px; }
.secprojectLearning .growthBox .txt {
  margin-bottom: 20px; }
.secprojectLearning .growthBox .pictBox a:hover {
  opacity: 0.7; }
.secprojectLearning .secStudentVoice {
  margin-top: 50px; }
  .secprojectLearning .secStudentVoice .btn_txt {
    color: #ED6D20;
    text-align: center;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px; }

@media only screen and (max-width: 767px) {
  .secprojectLearning .introBox {
    margin-bottom: 60px; }
    .secprojectLearning .introBox .copy {
      font-size: 28px; }
    .secprojectLearning .introBox .txt {
      font-size: 16px; }
  .secprojectLearning .aboutBox {
    margin-bottom: 60px; }
  .secprojectLearning .recommBox {
    padding: 40px 25px 20px;
    margin-bottom: 70px; }
  .secprojectLearning .projectExampleBox .listBox {
    grid-template-columns: repeat(1, 1fr); }
    .secprojectLearning .projectExampleBox .listBox .item .pictBox {
      margin-bottom: 25px; }
    .secprojectLearning .projectExampleBox .listBox .item .txtBox {
      padding: 25px;
      gap: 25px;
      flex-direction: column-reverse; }
      .secprojectLearning .projectExampleBox .listBox .item .txtBox .mds {
        left: 25px;
        padding: 0 5px; }
      .secprojectLearning .projectExampleBox .listBox .item .txtBox .left {
        width: 100%;
        justify-content: center;
        flex-direction: unset;
        gap: 30px; }
        .secprojectLearning .projectExampleBox .listBox .item .txtBox .left .humanBox {
          width: 90px; }
        .secprojectLearning .projectExampleBox .listBox .item .txtBox .left .txt {
          font-size: 13px; }
      .secprojectLearning .projectExampleBox .listBox .item .txtBox .right {
        width: 100%; }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 li {
    padding: 0; }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .slide-arrow {
    width: 40px;
    height: 40px;
    top: calc((100% - 40px) / 2); }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .prev-arrow {
    left: -10px; }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .next-arrow {
    right: -10px; }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .pictBox {
    width: calc(100% - 30px); }
  .secprojectLearning .otherProjectBox .projectLearning-slick01 .txtBox {
    width: calc(100% - 20px); }
  .secprojectLearning .secStudentVoice {
    margin-top: 40px; } }
/*-----------------------------------------------
  学力の定着・向上
-----------------------------------------------*/
.improvementTtl_pic::after {
  background-image: url("../images/improvement/kv.jpg");
  background-position: center center; }

.secImprovement .introBox {
  text-align: left;
  margin-bottom: 90px; }
  .secImprovement .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
    .secImprovement .introBox .ttlEg:before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secImprovement .introBox .ttlEg:after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
  .secImprovement .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secImprovement .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secImprovement .secFeature {
  display: flex;
  gap: 40px;
  margin-bottom: 80px; }
  .secImprovement .secFeature .left {
    width: calc(100% - 440px); }
  .secImprovement .secFeature .right {
    width: 400px; }
  .secImprovement .secFeature .featureBox {
    align-items: start;
    justify-content: space-between;
    padding-bottom: 80px;
    position: relative;
    gap: 40px; }
    .secImprovement .secFeature .featureBox:before {
      position: absolute;
      content: "";
      top: 100px;
      left: 80px;
      height: 42%;
      width: 2px;
      background-image: linear-gradient(to bottom, transparent 2px, #CBCBCB 2px);
      background-size: 2px 5px;
      background-repeat: repeat-y; }
    .secImprovement .secFeature .featureBox:after {
      position: absolute;
      content: "";
      top: calc(100px + 42%);
      left: 75px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 6px 0 6px;
      border-color: #CBCBCB transparent transparent transparent; }
    .secImprovement .secFeature .featureBox:last-child {
      padding-bottom: 0; }
      .secImprovement .secFeature .featureBox:last-child:before, .secImprovement .secFeature .featureBox:last-child:after {
        display: none; }
    .secImprovement .secFeature .featureBox .step {
      background: #f3982c;
      color: #fff;
      font-weight: bold;
      width: 163px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      border-radius: 0 20px 0 20px;
      text-align: center;
      font-size: 24px;
      line-height: 1.2; }
      .secImprovement .secFeature .featureBox .step .inner {
        display: flex;
        align-items: center; }
      .secImprovement .secFeature .featureBox .step span {
        font-size: 14px;
        margin-right: 5px;
        margin-top: 5px;
        display: inline-block; }
    .secImprovement .secFeature .featureBox .flex {
      width: calc(100% - 193px); }
    .secImprovement .secFeature .featureBox .txtBox {
      border-bottom: none;
      padding: 0;
      margin: 0;
      margin-top: 20px; }
      .secImprovement .secFeature .featureBox .txtBox .mds {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 1.5; }
        .secImprovement .secFeature .featureBox .txtBox .mds span {
          font-size: 16px;
          display: block; }
.secImprovement .toolBox {
  margin-bottom: 80px; }
  .secImprovement .toolBox .mds {
    font-weight: 500;
    font-size: 24px;
    color: #ED6D20;
    margin-bottom: 25px; }
  .secImprovement .toolBox .toolList {
    display: flex;
    gap: 40px; }
    .secImprovement .toolBox .toolList .item {
      width: 100%;
      border: solid 1px #D3D1D0;
      padding: 25px 40px; }
      .secImprovement .toolBox .toolList .item .pictBox {
        margin-bottom: 40px;
        display: flex;
        justify-content: center;
        align-items: center; }
        .secImprovement .toolBox .toolList .item .pictBox img {
          display: block;
          object-fit: contain;
          height: 134px; }
.secImprovement .secTopics .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secImprovement .secTopics .inner .topicsBox {
  display: flex;
  gap: 40px; }
  .secImprovement .secTopics .inner .topicsBox .txtBox {
    width: 100%; }
    .secImprovement .secTopics .inner .topicsBox .txtBox .ttlJp {
      font-weight: 500;
      font-size: 30px;
      margin-bottom: 25px; }
  .secImprovement .secTopics .inner .topicsBox .pictBox {
    width: 100%; }
.secImprovement .schoolCityBox .txt {
  margin-bottom: 40px; }
.secImprovement .secStudentVoice {
  margin-top: 50px; }
  .secImprovement .secStudentVoice .btn_txt {
    color: #ED6D20;
    text-align: center;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px; }
.secImprovement .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secImprovement .secVoice .inner .listBox {
  margin-bottom: 30px; }
  .secImprovement .secVoice .inner .listBox .item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secImprovement .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: row-reverse; }
    .secImprovement .secVoice .inner .listBox .item:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .secImprovement .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secImprovement .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secImprovement .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secImprovement .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secImprovement .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
.secImprovement .secVoice .aBtn02 {
  max-width: 350px; }

@media only screen and (max-width: 767px) {
  .improvementTtl_pic::after {
    background-image: url("../images/improvement/kv-sp.jpg");
    background-position: center center; }

  .secImprovement .introBox {
    margin-bottom: 60px; }
    .secImprovement .introBox .copy {
      font-size: 28px; }
    .secImprovement .introBox .txt {
      font-size: 16px; }
  .secImprovement .secFeature {
    flex-direction: column;
    margin-bottom: 70px; }
    .secImprovement .secFeature .left {
      width: 100%; }
    .secImprovement .secFeature .right {
      width: 100%; }
    .secImprovement .secFeature .featureBox {
      flex-wrap: nowrap;
      gap: 20px; }
      .secImprovement .secFeature .featureBox:before {
        top: 120px;
        left: 50px;
        height: 50%; }
      .secImprovement .secFeature .featureBox:after {
        top: calc(110px + 50%);
        left: 45px; }
      .secImprovement .secFeature .featureBox .step {
        width: 100px;
        height: 110px; }
        .secImprovement .secFeature .featureBox .step .inner {
          display: block; }
        .secImprovement .secFeature .featureBox .step span {
          margin-right: 0;
          margin-top: 0;
          display: block; }
      .secImprovement .secFeature .featureBox .flex {
        width: calc(100% - 120px); }
      .secImprovement .secFeature .featureBox .txtBox {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 20px; }
        .secImprovement .secFeature .featureBox .txtBox .mds {
          font-size: 20px;
          margin-bottom: 15px; }
  .secImprovement .toolBox {
    margin-bottom: 70px; }
    .secImprovement .toolBox .mds {
      font-size: 20px;
      margin-bottom: 15px; }
    .secImprovement .toolBox .toolList {
      flex-direction: column; }
      .secImprovement .toolBox .toolList .item {
        padding: 25px; }
        .secImprovement .toolBox .toolList .item .pictBox {
          margin-bottom: 25px; }
          .secImprovement .toolBox .toolList .item .pictBox img {
            height: 90px; }
  .secImprovement .secTopics .inner .ttlEg {
    font-size: 60px;
    top: -60px;
    right: 25px; }
  .secImprovement .secTopics .inner .topicsBox {
    flex-direction: column; }
    .secImprovement .secTopics .inner .topicsBox .txtBox .ttlJp {
      font-size: 25px;
      margin-bottom: 15px; }
  .secImprovement .schoolCityBox picture {
    width: 80%;
    display: block;
    margin-inline: auto; }
  .secImprovement .secStudentVoice {
    margin-top: 40px; }
  .secImprovement .secVoice .inner .ttlEg {
    right: 30px; }
  .secImprovement .secVoice .inner .listBox .item {
    flex-direction: column-reverse;
    gap: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secImprovement .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secImprovement .secVoice .inner .listBox .item .pictBox {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
    .secImprovement .secVoice .inner .listBox .item .txtBox {
      width: 100%; }
  .secImprovement .secVoice .aBtn02 {
    max-width: 100%;
    padding: 1.2rem; } }
/*-----------------------------------------------
  コミュニティ共育
-----------------------------------------------*/
.secSocial .aboutBox {
  display: flex;
  gap: 40px; }
  .secSocial .aboutBox .mds {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px; }
.secSocial .projectBox {
  display: flex;
  gap: 40px; }
  .secSocial .projectBox.rev {
    flex-direction: row-reverse; }
  .secSocial .projectBox .pictBox {
    width: 350px; }
  .secSocial .projectBox .txtBox {
    width: calc(100% - 390px); }
    .secSocial .projectBox .txtBox .mds {
      font-weight: 500;
      font-size: 24px;
      margin-bottom: 20px; }
    .secSocial .projectBox .txtBox .arrowBox {
      margin-top: 10px; }
.secSocial .socialBox .mds {
  font-weight: 500;
  font-size: 24px;
  margin-bottom: 20px; }
.secSocial .socialBox .listBox {
  display: flex;
  gap: 50px;
  margin-top: 40px; }
  .secSocial .socialBox .listBox .txtBox {
    background: #F3982C;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 269px;
    height: 88px;
    margin-inline: auto;
    margin-top: -30px;
    position: relative;
    z-index: 1; }
    .secSocial .socialBox .listBox .txtBox .ttl {
      font-weight: 500;
      font-size: 18px;
      line-height: 1.3;
      color: #fff;
      text-align: center; }
.secSocial .socialBox .secBoxConts01 {
  margin-top: 80px; }
  .secSocial .socialBox .secBoxConts01 .inner .ttlEg {
    font-family: 'Caveat', cursive;
    color: #f8b62c;
    font-size: 85px;
    position: absolute;
    top: -80px;
    right: 60px; }
  .secSocial .socialBox .secBoxConts01 .inner .awardBox {
    display: flex;
    gap: 40px; }
    .secSocial .socialBox .secBoxConts01 .inner .awardBox .ttl {
      width: 160px;
      height: 80px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      color: #fff;
      border-radius: 0 20px 0 20px;
      margin-top: -20px;
      margin-bottom: 20px;
      position: relative;
      z-index: 1;
      margin-inline: auto; }
      .secSocial .socialBox .secBoxConts01 .inner .awardBox .ttl.ttl01 {
        background: #F3982C; }
      .secSocial .socialBox .secBoxConts01 .inner .awardBox .ttl.ttl02 {
        background: #F8B62C; }
      .secSocial .socialBox .secBoxConts01 .inner .awardBox .ttl.ttl03 {
        background: #face00; }
.secSocial .socialBox .arrowBox {
  margin: 30px 0 0;
  text-align: right; }
.secSocial .voiceLinkBox {
  margin-top: 60px;
  text-align: center; }
  .secSocial .voiceLinkBox .mds {
    font-weight: 500;
    color: #ec6c1f;
    font-size: 16px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px;
    margin-bottom: 15px; }
    .secSocial .voiceLinkBox .mds:before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secSocial .voiceLinkBox .mds:after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
.secSocial .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secSocial .secVoice .inner .listBox {
  margin-bottom: 30px; }
  .secSocial .secVoice .inner .listBox .item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secSocial .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: row-reverse; }
    .secSocial .secVoice .inner .listBox .item:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .secSocial .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secSocial .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secSocial .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secSocial .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secSocial .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
.secSocial .secVoice .aBtn02 {
  max-width: 350px; }

@media only screen and (max-width: 767px) {
  .secSocial .aboutBox {
    flex-direction: column;
    gap: 30px; }
    .secSocial .aboutBox .mds {
      font-size: 20px;
      margin-bottom: 10px; }
  .secSocial .projectBox {
    flex-direction: column;
    gap: 30px; }
    .secSocial .projectBox.rev {
      flex-direction: column; }
    .secSocial .projectBox .pictBox {
      width: 100%; }
    .secSocial .projectBox .txtBox {
      width: 100%; }
      .secSocial .projectBox .txtBox .mds {
        font-size: 20px;
        margin-bottom: 10px; }
      .secSocial .projectBox .txtBox .arrowBox {
        margin-top: 10px; }
  .secSocial .socialBox .mds {
    font-size: 20px;
    margin-bottom: 10px; }
  .secSocial .socialBox .listBox {
    flex-direction: column;
    gap: 30px;
    margin-top: 30px; }
    .secSocial .socialBox .listBox .txtBox {
      z-index: 1; }
      .secSocial .socialBox .listBox .txtBox .ttl {
        font-size: 18px; }
  .secSocial .socialBox .secBoxConts01 {
    margin-top: 70px; }
    .secSocial .socialBox .secBoxConts01 .inner .ttlEg {
      top: -50px;
      right: 20px;
      font-size: 55px; }
    .secSocial .socialBox .secBoxConts01 .inner .awardBox {
      flex-direction: column;
      gap: 30px; }
  .secSocial .voiceLinkBox {
    margin-top: 40px; }
    .secSocial .voiceLinkBox .mds {
      font-size: 14px;
      padding: 0 15px;
      margin-bottom: 10px; }
      .secSocial .voiceLinkBox .mds:before {
        top: 6px; }
      .secSocial .voiceLinkBox .mds:after {
        top: 6px; }
    .secSocial .voiceLinkBox .aBtn02 {
      max-width: 350px;
      padding: 1.8rem; }
  .secSocial .secVoice .inner .ttlEg {
    right: 30px; }
  .secSocial .secVoice .inner .listBox .item {
    flex-direction: column-reverse;
    gap: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secSocial .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secSocial .secVoice .inner .listBox .item .pictBox {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
    .secSocial .secVoice .inner .listBox .item .txtBox {
      width: 100%; }
  .secSocial .secVoice .aBtn02 {
    max-width: 100%;
    padding: 1.2rem; } }
/*-----------------------------------------------
  キャリア教育
-----------------------------------------------*/
.careerEducationTtl_pic::after {
  background-image: url("../images/career_education/kv_02.jpg");
  background-position: center center; }

.secCareerEducation .introBox {
  text-align: left;
  margin-bottom: 90px; }
  .secCareerEducation .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
    .secCareerEducation .introBox .ttlEg:before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secCareerEducation .introBox .ttlEg:after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
  .secCareerEducation .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secCareerEducation .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secCareerEducation .secFeature {
  margin-bottom: 80px; }
  .secCareerEducation .secFeature .movieBox {
    gap: 40px;
    padding-bottom: 40px; }
    .secCareerEducation .secFeature .movieBox .txtBox {
      width: calc(100% - 390px); }
    .secCareerEducation .secFeature .movieBox .pictBox {
      width: 350px; }
      .secCareerEducation .secFeature .movieBox .pictBox iframe {
        aspect-ratio: 4 / 3;
        object-fit: cover;
        width: 100%; }
  .secCareerEducation .secFeature .ttl {
    position: relative;
    font-size: 22px;
    font-weight: 500;
    padding-left: 17px;
    margin-bottom: 25px; }
    .secCareerEducation .secFeature .ttl:before {
      position: absolute;
      content: '';
      background: #F3982C;
      width: 5px;
      height: 27px;
      margin-right: 10px;
      top: 9px;
      left: 0; }
  .secCareerEducation .secFeature .featureBox {
    align-items: start;
    justify-content: space-between;
    padding-bottom: 80px;
    position: relative;
    gap: 40px; }
    .secCareerEducation .secFeature .featureBox:before {
      position: absolute;
      content: "";
      top: 100px;
      left: 80px;
      height: 60%;
      width: 2px;
      background-image: linear-gradient(to bottom, transparent 2px, #CBCBCB 2px);
      background-size: 2px 5px;
      background-repeat: repeat-y; }
    .secCareerEducation .secFeature .featureBox:after {
      position: absolute;
      content: "";
      top: calc(100px + 60%);
      left: 75px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 12px 6px 0 6px;
      border-color: #CBCBCB transparent transparent transparent; }
    .secCareerEducation .secFeature .featureBox:last-child {
      padding-bottom: 0; }
      .secCareerEducation .secFeature .featureBox:last-child:before, .secCareerEducation .secFeature .featureBox:last-child:after {
        display: none; }
    .secCareerEducation .secFeature .featureBox .step {
      background: #f3982c;
      color: #fff;
      font-weight: bold;
      width: 163px;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      border-radius: 0 20px 0 20px;
      text-align: center;
      font-size: 24px;
      line-height: 1.2; }
      .secCareerEducation .secFeature .featureBox .step .inner {
        display: flex;
        align-items: center; }
      .secCareerEducation .secFeature .featureBox .step span {
        font-size: 14px;
        margin-right: 5px;
        margin-top: 5px;
        display: inline-block; }
    .secCareerEducation .secFeature .featureBox .flex {
      display: flex;
      gap: 40px;
      width: calc(100% - 203px); }
    .secCareerEducation .secFeature .featureBox .txtBox {
      border-bottom: none;
      padding: 0;
      margin: 0;
      margin-top: 20px;
      width: calc(100% - 390px); }
      .secCareerEducation .secFeature .featureBox .txtBox .mds {
        font-size: 24px;
        font-weight: 500;
        margin-bottom: 20px;
        line-height: 1.5; }
        .secCareerEducation .secFeature .featureBox .txtBox .mds span {
          font-size: 16px;
          display: block; }
    .secCareerEducation .secFeature .featureBox .pictBox {
      width: 350px; }
  .secCareerEducation .secFeature .otherBox {
    margin-top: 70px; }
    .secCareerEducation .secFeature .otherBox .mds {
      color: #ED6D20;
      text-align: center;
      font-weight: 500;
      font-size: 24px;
      margin-bottom: 40px; }
    .secCareerEducation .secFeature .otherBox .flexBox {
      gap: 40px; }
      .secCareerEducation .secFeature .otherBox .flexBox .pictBox {
        width: 100%; }
        .secCareerEducation .secFeature .otherBox .flexBox .pictBox .ttl {
          font-weight: 500;
          font-size: 22px;
          margin-top: 25px;
          margin-bottom: 10px; }
.secCareerEducation .lessonBox .aboutBox {
  display: flex;
  flex-direction: column; }
  .secCareerEducation .lessonBox .aboutBox .txtBox {
    width: calc(100% - 390px); }
  .secCareerEducation .lessonBox .aboutBox .pictBox {
    width: 350px; }
    .secCareerEducation .lessonBox .aboutBox .pictBox img {
      border: 1px solid #D3D1D0; }
    .secCareerEducation .lessonBox .aboutBox .pictBox iframe {
      aspect-ratio: 16 / 9;
      object-fit: cover;
      width: 100%; }
.secCareerEducation .lessonBox .secBoxConts01 {
  margin-top: 100px; }
  .secCareerEducation .lessonBox .secBoxConts01 .inner .mds {
    position: absolute;
    left: 30px;
    top: -25px;
    background: #f3982c;
    font-size: 20px;
    color: #fff;
    padding: 15px 25px;
    border-radius: 0 20px 0 20px;
    font-weight: 700; }
.secCareerEducation .lessonBox .nowdoBox {
  margin-top: 70px; }
.secCareerEducation .lessonBox .ttl {
  position: relative;
  font-size: 24px;
  font-weight: 500;
  padding-left: 17px;
  margin-bottom: 10px; }
  .secCareerEducation .lessonBox .ttl:before {
    position: absolute;
    content: '';
    background: #F3982C;
    width: 5px;
    height: 30px;
    margin-right: 10px;
    top: 9px;
    left: 0; }
.secCareerEducation .lessonBox .mds {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 10px; }
  .secCareerEducation .lessonBox .mds span {
    font-size: 14px; }
.secCareerEducation .lessonBox .lectureBox {
  margin-top: 70px; }
  .secCareerEducation .lessonBox .lectureBox .listBox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto;
    column-gap: 40px;
    row-gap: 45px; }
    .secCareerEducation .lessonBox .lectureBox .listBox .pictBox {
      position: relative; }
      .secCareerEducation .lessonBox .lectureBox .listBox .pictBox:after {
        position: absolute;
        content: '';
        height: 100%;
        width: 100%;
        background: #F3982C;
        border-radius: 0 20px 0 20px;
        top: 14px;
        right: -14px;
        z-index: -1; }
      .secCareerEducation .lessonBox .lectureBox .listBox .pictBox img {
        border-radius: 0 20px 0 20px; }
        .secCareerEducation .lessonBox .lectureBox .listBox .pictBox img.border {
          border: solid 1px #000; }
    .secCareerEducation .lessonBox .lectureBox .listBox .txtBox {
      margin-top: 30px; }
      .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .copy {
        font-weight: 500;
        font-size: 18px;
        color: #ED6D1F;
        margin-bottom: 15px;
        line-height: 1.5; }
      .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .position {
        font-size: 12px;
        text-align: center;
        background: #6BC300;
        border-radius: 15px;
        color: #fff;
        padding: 4px;
        margin-bottom: 10px; }
      .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .name {
        font-weight: 500;
        font-size: 16px; }
        .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .name span {
          font-weight: 400;
          font-size: 14px; }
      .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .txt {
        margin-top: 10px; }
.secCareerEducation .secStudentVoice {
  margin-top: 50px; }
  .secCareerEducation .secStudentVoice .btn_txt {
    color: #ED6D20;
    text-align: center;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 10px; }
.secCareerEducation .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secCareerEducation .secVoice .inner .listBox {
  margin-bottom: 30px; }
  .secCareerEducation .secVoice .inner .listBox .item {
    display: flex;
    justify-content: flex-start;
    align-items: start;
    gap: 40px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secCareerEducation .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: row-reverse; }
    .secCareerEducation .secVoice .inner .listBox .item:last-child {
      border-bottom: none;
      padding-bottom: 0;
      margin-bottom: 0; }
    .secCareerEducation .secVoice .inner .listBox .item .pictBox {
      width: 220px;
      text-align: center; }
      .secCareerEducation .secVoice .inner .listBox .item .pictBox .name {
        line-height: 1.5;
        font-size: 18px; }
        .secCareerEducation .secVoice .inner .listBox .item .pictBox .name span {
          font-size: 14px; }
    .secCareerEducation .secVoice .inner .listBox .item .txtBox {
      width: calc(100% - 260px); }
      .secCareerEducation .secVoice .inner .listBox .item .txtBox .ttl {
        font-size: 20px;
        font-weight: 500;
        color: #ed6d20;
        margin-bottom: 10px; }
.secCareerEducation .secVoice .aBtn02 {
  max-width: 350px; }

@media only screen and (max-width: 767px) {
  .secCareerEducation .introBox {
    margin-bottom: 60px; }
    .secCareerEducation .introBox .copy {
      font-size: 28px; }
    .secCareerEducation .introBox .txt {
      font-size: 16px; }
  .secCareerEducation .secFeature {
    margin-bottom: 70px; }
    .secCareerEducation .secFeature .movieBox {
      flex-direction: column;
      gap: 20px; }
      .secCareerEducation .secFeature .movieBox .txtBox {
        width: 100%; }
      .secCareerEducation .secFeature .movieBox .pictBox {
        width: 100%; }
    .secCareerEducation .secFeature .ttl {
      font-size: 18px;
      margin-bottom: 22px; }
      .secCareerEducation .secFeature .ttl:before {
        height: 25px;
        top: 5px; }
    .secCareerEducation .secFeature .featureBox {
      gap: 20px;
      padding-bottom: 50px; }
      .secCareerEducation .secFeature .featureBox:before {
        top: 120px;
        left: 50px;
        height: 70%; }
      .secCareerEducation .secFeature .featureBox:after {
        top: calc(110px + 70%);
        left: 45px; }
      .secCareerEducation .secFeature .featureBox .step {
        width: 100px;
        height: 110px; }
        .secCareerEducation .secFeature .featureBox .step .inner {
          display: block; }
        .secCareerEducation .secFeature .featureBox .step span {
          margin-right: 0;
          margin-top: 0;
          display: block; }
      .secCareerEducation .secFeature .featureBox .flex {
        width: calc(100% - 120px);
        flex-direction: column;
        gap: 20px; }
      .secCareerEducation .secFeature .featureBox .txtBox {
        width: 100%;
        padding: 0;
        margin: 0;
        margin-top: 20px; }
        .secCareerEducation .secFeature .featureBox .txtBox .mds {
          font-size: 20px;
          margin-bottom: 15px; }
      .secCareerEducation .secFeature .featureBox .pictBox {
        width: 100%; }
    .secCareerEducation .secFeature .otherBox {
      margin-top: 40px; }
      .secCareerEducation .secFeature .otherBox .mds {
        font-size: 20px;
        margin-bottom: 30px; }
      .secCareerEducation .secFeature .otherBox .flexBox {
        flex-direction: column;
        gap: 20px; }
        .secCareerEducation .secFeature .otherBox .flexBox .pictBox .ttl {
          font-size: 18px; }
  .secCareerEducation .lessonBox .aboutBox {
    flex-direction: column;
    gap: 20px; }
    .secCareerEducation .lessonBox .aboutBox .txtBox {
      width: 100%; }
    .secCareerEducation .lessonBox .aboutBox .pictBox {
      width: 100%; }
  .secCareerEducation .lessonBox .secBoxConts01 {
    margin-top: 70px; }
  .secCareerEducation .lessonBox .nowdoBox {
    margin-top: 70px; }
  .secCareerEducation .lessonBox .ttl {
    font-size: 18px; }
    .secCareerEducation .lessonBox .ttl:before {
      height: 25px;
      top: 5px; }
  .secCareerEducation .lessonBox .mds {
    font-size: 20px; }
    .secCareerEducation .lessonBox .mds span {
      font-size: 12px; }
  .secCareerEducation .lessonBox .lectureBox {
    margin-top: 40px; }
    .secCareerEducation .lessonBox .lectureBox .listBox {
      grid-template-columns: repeat(2, 1fr);
      row-gap: 40px; }
      .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .copy {
        font-size: 16px; }
        .secCareerEducation .lessonBox .lectureBox .listBox .txtBox .copy br {
          display: none; }
  .secCareerEducation .secStudentVoice {
    margin-top: 40px; }
  .secCareerEducation .secVoice .inner .ttlEg {
    right: 30px; }
  .secCareerEducation .secVoice .inner .listBox .item {
    flex-direction: column-reverse;
    gap: 20px;
    border-bottom: 1px dotted #999999;
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .secCareerEducation .secVoice .inner .listBox .item:nth-child(even) {
      flex-direction: column-reverse; }
    .secCareerEducation .secVoice .inner .listBox .item .pictBox {
      width: 100%;
      text-align: center;
      margin: 0 auto; }
    .secCareerEducation .secVoice .inner .listBox .item .txtBox {
      width: 100%; }
  .secCareerEducation .secVoice .aBtn02 {
    max-width: 100%;
    padding: 1.2rem; } }
/*-----------------------------------------------
  第一学院 managaraBASE
-----------------------------------------------*/
.managaraBaseTtl_pic::after {
  background-image: url("../images/managaraBase/kv.jpg");
  background-position: center center; }

.secManagaraBase .introBox {
  text-align: left;
  margin-bottom: 90px; }
  .secManagaraBase .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
    .secManagaraBase .introBox .ttlEg:before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secManagaraBase .introBox .ttlEg:after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
  .secManagaraBase .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secManagaraBase .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secManagaraBase .secBoxConts01 .aboutBox {
  display: flex;
  gap: 40px; }
  .secManagaraBase .secBoxConts01 .aboutBox .txtBox {
    width: calc(100% - 370px); }
    .secManagaraBase .secBoxConts01 .aboutBox .txtBox .ttl {
      font-weight: 500;
      font-size: 20px;
      color: #ED6D20;
      margin-bottom: 40px; }
    .secManagaraBase .secBoxConts01 .aboutBox .txtBox .pageNav {
      display: grid;
      grid-template-columns: repeat(2, 170px);
      grid-template-rows: auto;
      column-gap: 25px;
      gap: 10px 24px;
      margin-top: 25px; }
      .secManagaraBase .secBoxConts01 .aboutBox .txtBox .pageNav .item {
        position: relative; }
        .secManagaraBase .secBoxConts01 .aboutBox .txtBox .pageNav .item a {
          color: #000;
          text-decoration: none;
          padding-left: 28px; }
          .secManagaraBase .secBoxConts01 .aboutBox .txtBox .pageNav .item a:before {
            content: '';
            background: url(../images/arrow_sU.svg);
            top: 50%;
            left: 0;
            width: 20px;
            height: 20px;
            position: absolute;
            transform: translate(0, -50%); }
  .secManagaraBase .secBoxConts01 .aboutBox .pictBox {
    width: 330px; }
.secManagaraBase .portableBox .listBox {
  margin-top: 50px;
  margin-bottom: 60px; }
  .secManagaraBase .portableBox .listBox .item {
    display: flex;
    gap: 35px;
    padding: 40px 0;
    border-bottom: solid 1px #D2D2D2; }
    .secManagaraBase .portableBox .listBox .item:first-child {
      border-top: solid 1px #D2D2D2; }
  .secManagaraBase .portableBox .listBox .ttlEg {
    font-weight: 700;
    font-size: 14px;
    color: #fff;
    width: 165px;
    height: 90px;
    background: #F3982C;
    border-radius: 0 20px 0 20px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .secManagaraBase .portableBox .listBox .ttlEg span {
      font-size: 24px;
      display: block;
      line-height: 1;
      margin-top: -7px;
      margin-left: 5px; }
  .secManagaraBase .portableBox .listBox .txtBox {
    width: calc(100% - 440px); }
    .secManagaraBase .portableBox .listBox .txtBox .ttlJp {
      font-weight: 500;
      font-size: 24px;
      margin-bottom: 25px; }
      .secManagaraBase .portableBox .listBox .txtBox .ttlJp span {
        font-size: 20px;
        color: #ED6D20;
        display: block; }
  .secManagaraBase .portableBox .listBox .pictBox {
    width: 280px; }
.secManagaraBase .cycleBox .aboutBox {
  display: flex;
  gap: 40px; }
  .secManagaraBase .cycleBox .aboutBox .txtBox {
    width: calc(100% - 390px); }
  .secManagaraBase .cycleBox .aboutBox .pictBox {
    width: 350px; }
.secManagaraBase .cycleBox .cycleStep {
  margin-top: 50px;
  display: flex;
  justify-content: flex-start;
  align-items: start;
  flex-direction: column; }
  .secManagaraBase .cycleBox .cycleStep .item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    gap: 35px;
    position: relative; }
    .secManagaraBase .cycleBox .cycleStep .item .stepNumber {
      height: 100%;
      min-height: 100px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepNumber:before {
        content: '';
        position: absolute;
        left: 82px;
        bottom: 15px;
        width: 2px;
        margin: auto;
        border-right: 2px dotted #CBCBCB;
        z-index: -1;
        height: calc(100% - 90px); }
      .secManagaraBase .cycleBox .cycleStep .item .stepNumber:after {
        content: '';
        position: absolute;
        left: 74px;
        bottom: 0;
        border: 9px solid transparent;
        border-top: 12px solid #CBCBCB;
        z-index: -1;
        width: 12px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepNumber .inner {
        border-radius: 0 20px 0 20px;
        background-color: #F3982C;
        min-height: 90px;
        width: 165px;
        color: #fff;
        display: flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        margin-bottom: 25px;
        padding-bottom: 5px;
        font-weight: bold; }
        .secManagaraBase .cycleBox .cycleStep .item .stepNumber .inner .step {
          display: inline-block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
        .secManagaraBase .cycleBox .cycleStep .item .stepNumber .inner .num {
          display: inline-block;
          font-size: 24px; }
    .secManagaraBase .cycleBox .cycleStep .item .stepCnts {
      line-height: 1.7em;
      margin-bottom: 90px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .box {
        padding-bottom: 30px;
        margin-bottom: 30px;
        border-bottom: 1px solid #D2D2D2; }
        .secManagaraBase .cycleBox .cycleStep .item .stepCnts .box:last-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .ttl {
        font-size: 24px;
        margin: 1.3em 0 .7em; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .mds {
        font-size: 20px;
        color: #ED6D20;
        margin-bottom: 15px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .caption {
        font-size: 12px;
        margin-top: 15px; }
        .secManagaraBase .cycleBox .cycleStep .item .stepCnts .caption.center {
          text-align: center; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .pictWrap {
        gap: 20px;
        margin-top: 20px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList {
        display: flex;
        flex-direction: column;
        gap: 30px;
        margin-top: 35px;
        margin-bottom: 50px; }
        .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem {
          display: flex;
          gap: 35px;
          background: #FEF8EA;
          border-radius: 0 20px 0 20px;
          padding: 30px 30px 30px 85px;
          position: relative;
          width: calc(100% - 30px);
          margin-left: auto; }
          .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .flowNum {
            background: #F8B62C;
            border-radius: 0 20px 0 20px;
            width: 80px;
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            font-size: 10px;
            font-weight: 700;
            line-height: 1;
            color: #fff;
            position: absolute;
            top: 30px;
            left: -30px; }
            .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .flowNum span {
              font-size: 20px; }
          .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .txtBox {
            width: calc(100% - 235px); }
            .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .txtBox .flowTxt {
              font-size: 16px;
              color: #ED6D20;
              margin-bottom: 10px; }
          .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .pictBox {
            width: 200px; }
.secManagaraBase .accessBox .aboutBox {
  gap: 40px; }
  .secManagaraBase .accessBox .aboutBox .txtBox {
    width: calc(100% - 570px); }
    .secManagaraBase .accessBox .aboutBox .txtBox .address {
      display: flex;
      flex-direction: column;
      gap: 10px;
      margin-bottom: 45px; }
      .secManagaraBase .accessBox .aboutBox .txtBox .address dl {
        display: flex;
        gap: 10px;
        align-items: flex-start; }
      .secManagaraBase .accessBox .aboutBox .txtBox .address dt {
        color: #fff;
        font-size: 14px;
        text-align: center;
        background: #A6A3A2;
        border-radius: 50px;
        width: 140px;
        padding: 2px; }
      .secManagaraBase .accessBox .aboutBox .txtBox .address dd {
        width: calc(100% - 150px); }
    .secManagaraBase .accessBox .aboutBox .txtBox .mapButton a {
      color: #000;
      text-decoration: none;
      padding-left: 28px;
      position: relative; }
      .secManagaraBase .accessBox .aboutBox .txtBox .mapButton a:before {
        content: '';
        background: url(../images/arrow_sR.svg);
        top: 50%;
        left: 0;
        width: 20px;
        height: 20px;
        position: absolute;
        transform: translate(0, -50%); }
  .secManagaraBase .accessBox .aboutBox .pictBox {
    width: 530px; }
.secManagaraBase .accessBox .facilityBox {
  padding-top: 50px;
  margin-top: 60px;
  border-top: solid 1px #D2D2D2; }
  .secManagaraBase .accessBox .facilityBox .ttl {
    font-size: 24px;
    margin-bottom: 35px; }
  .secManagaraBase .accessBox .facilityBox .caption {
    font-size: 14px;
    margin-top: 15px;
    text-align: center; }
  .secManagaraBase .accessBox .facilityBox .pictList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    column-gap: 60px;
    row-gap: 40px; }

@media only screen and (max-width: 767px) {
  .secManagaraBase .introBox {
    margin-bottom: 60px; }
    .secManagaraBase .introBox .copy {
      font-size: 28px; }
    .secManagaraBase .introBox .txt {
      font-size: 16px; }
  .secManagaraBase .secBoxConts01 .aboutBox {
    flex-direction: column;
    gap: 30px; }
    .secManagaraBase .secBoxConts01 .aboutBox .txtBox {
      width: 100%; }
      .secManagaraBase .secBoxConts01 .aboutBox .txtBox .ttl {
        margin-bottom: 30px; }
      .secManagaraBase .secBoxConts01 .aboutBox .txtBox .pageNav {
        grid-template-columns: repeat(1, auto); }
    .secManagaraBase .secBoxConts01 .aboutBox .pictBox {
      width: 100%; }
  .secManagaraBase .portableBox .listBox {
    margin-top: 30px;
    margin-bottom: 40px; }
    .secManagaraBase .portableBox .listBox .item {
      flex-direction: column;
      gap: 25px;
      padding: 30px 0; }
    .secManagaraBase .portableBox .listBox .ttlEg {
      width: 160px;
      height: 75px; }
    .secManagaraBase .portableBox .listBox .txtBox {
      width: 100%; }
      .secManagaraBase .portableBox .listBox .txtBox .ttlJp {
        font-size: 20px;
        margin-bottom: 20px; }
        .secManagaraBase .portableBox .listBox .txtBox .ttlJp span {
          font-size: 16px; }
    .secManagaraBase .portableBox .listBox .pictBox {
      width: 100%; }
  .secManagaraBase .cycleBox .aboutBox {
    flex-direction: column;
    gap: 20px; }
    .secManagaraBase .cycleBox .aboutBox .txtBox {
      width: 100%; }
    .secManagaraBase .cycleBox .aboutBox .pictBox {
      width: 90%;
      margin-inline: auto; }
  .secManagaraBase .cycleBox .cycleStep .item {
    gap: 15px; }
    .secManagaraBase .cycleBox .cycleStep .item .stepNumber {
      min-height: 110px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepNumber:before {
        left: 38px;
        height: calc(100% - 75px); }
      .secManagaraBase .cycleBox .cycleStep .item .stepNumber:after {
        left: 30px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepNumber .inner {
        min-height: 75px;
        width: 75px;
        margin-bottom: 39px;
        font-size: 26px;
        padding: 0 0 12px 6px;
        font-weight: bold;
        line-height: .8em;
        flex-direction: column;
        letter-spacing: .1em; }
        .secManagaraBase .cycleBox .cycleStep .item .stepNumber .inner .step {
          display: block;
          font-size: 14px;
          margin-top: 7px;
          margin-right: 3px; }
    .secManagaraBase .cycleBox .cycleStep .item .stepCnts {
      margin-bottom: 50px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .box {
        padding-bottom: 20px;
        margin-bottom: 20px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .ttl {
        font-size: 18px;
        margin: .2em 0 .4em;
        line-height: 1.5em; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .mds {
        font-size: 16px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .caption {
        margin-top: 10px; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .pictWrap {
        flex-direction: column; }
      .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList {
        gap: 50px;
        margin-top: 50px;
        margin-bottom: 30px; }
        .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem {
          flex-direction: column;
          gap: 20px;
          padding: 75px 25px 25px 25px;
          width: 100%;
          margin-left: unset; }
          .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .flowNum {
            top: -16px;
            left: 25px; }
            .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .flowNum span {
              font-size: 20px; }
          .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .txtBox {
            width: 100%; }
          .secManagaraBase .cycleBox .cycleStep .item .stepCnts .flowList .flowItem .pictBox {
            width: 100%; }
  .secManagaraBase .accessBox .aboutBox {
    flex-direction: column-reverse;
    gap: 25px; }
    .secManagaraBase .accessBox .aboutBox .txtBox {
      width: 100%; }
      .secManagaraBase .accessBox .aboutBox .txtBox .address {
        margin-bottom: 25px; }
        .secManagaraBase .accessBox .aboutBox .txtBox .address dl {
          flex-direction: column;
          gap: 6px; }
        .secManagaraBase .accessBox .aboutBox .txtBox .address dd {
          width: 100%; }
    .secManagaraBase .accessBox .aboutBox .pictBox {
      width: 100%; }
  .secManagaraBase .accessBox .facilityBox {
    padding-top: 40px;
    margin-top: 30px; }
    .secManagaraBase .accessBox .facilityBox .ttl {
      font-size: 20px;
      margin-bottom: 20px; }
    .secManagaraBase .accessBox .facilityBox .caption {
      margin-top: 10px; }
    .secManagaraBase .accessBox .facilityBox .pictList {
      grid-template-columns: repeat(1, 1fr);
      row-gap: 25px; } }
/*-----------------------------------------------
  成長実感発表会
-----------------------------------------------*/
.presentationTtl_pic::after {
  background-image: url("../images/presentation/kv.jpg");
  background-position: center center; }

.secPresentation .introBox {
  text-align: left;
  margin-bottom: 90px; }
  .secPresentation .introBox .ttlEg {
    font-family: 'Caveat', cursive;
    color: #ec6c1f;
    font-size: 22px;
    position: relative;
    min-height: 1em;
    display: inline-block;
    padding: 0 25px; }
    .secPresentation .introBox .ttlEg:before {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(-30deg);
      top: 8px;
      left: 5px; }
    .secPresentation .introBox .ttlEg:after {
      content: '';
      position: absolute;
      background: #ec6c1f;
      width: 1px;
      height: 1em;
      transform: rotate(30deg);
      top: 8px;
      right: 5px; }
  .secPresentation .introBox .copy {
    font-size: 40px;
    line-height: 1.5;
    font-weight: 500; }
  .secPresentation .introBox .txt {
    font-size: 18px;
    margin: 10px auto; }
.secPresentation .introList {
  display: flex;
  gap: 35px; }
  .secPresentation .introList .item {
    width: 100%; }
    .secPresentation .introList .item .pictBox {
      position: relative;
      z-index: 1; }
      .secPresentation .introList .item .pictBox:after {
        position: absolute;
        content: "";
        display: block;
        height: 100%;
        width: 100%;
        background: #F8B62C;
        border-radius: 0 30px 0 30px;
        bottom: -15px;
        right: -15px;
        z-index: -1; }
      .secPresentation .introList .item .pictBox img {
        border-radius: 0 30px 0 30px; }
    .secPresentation .introList .item .ttl {
      font-weight: 500;
      font-size: 20px;
      color: #ED6D20;
      text-align: center;
      margin-top: 30px; }
.secPresentation .pastBox .list {
  display: flex;
  flex-wrap: wrap;
  gap: 0 20px; }
  .secPresentation .pastBox .list .item {
    position: relative;
    min-height: 25px;
    margin: 5px 0 2px 10px;
    width: calc((100% - 60px) / 5); }
    .secPresentation .pastBox .list .item a {
      font-size: 14px;
      text-decoration: none;
      color: #000;
      transition: .2s; }
      .secPresentation .pastBox .list .item a:hover {
        color: #ed6d20; }
    .secPresentation .pastBox .list .item:before {
      content: '';
      background-image: url(../images/arrow01.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0% 10%;
      width: 5px;
      height: 8px;
      position: absolute;
      margin-right: 5px;
      top: 10px;
      left: -9px;
      transform: translate(0, calc(50% - 4px)); }
.secPresentation .stateBox .list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto;
  gap: 30px; }
  .secPresentation .stateBox .list .item:first-child {
    grid-column: 1 / 3; }
  .secPresentation .stateBox .list .item:last-child {
    grid-column: 2 / 4; }
  .secPresentation .stateBox .list .item img {
    width: 100%; }
  .secPresentation .stateBox .list .item a {
    color: #000;
    text-decoration: none; }
  .secPresentation .stateBox .list .item p {
    text-align: center;
    margin-top: 10px; }
.secPresentation .secVoice .inner .ttlEg {
  font-family: 'Caveat', cursive;
  color: #f8b62c;
  font-size: 85px;
  position: absolute;
  top: -80px;
  right: 60px; }
.secPresentation .secVoice .inner .ttlJp {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 15px; }
.secPresentation .secVoice .inner .list {
  display: flex;
  flex-direction: column;
  gap: 80px; }
  .secPresentation .secVoice .inner .list .flexBox {
    gap: 10px; }
    .secPresentation .secVoice .inner .list .flexBox .pictBox {
      width: 100%; }
      .secPresentation .secVoice .inner .list .flexBox .pictBox span {
        font-size: 12px;
        display: block;
        text-align: right; }
  .secPresentation .secVoice .inner .list .txtBox {
    margin-top: 35px; }
    .secPresentation .secVoice .inner .list .txtBox .ttl {
      font-weight: 500;
      font-size: 20px;
      color: #ED6D20;
      margin-bottom: 10px; }
      .secPresentation .secVoice .inner .list .txtBox .ttl span {
        font-weight: 400;
        display: block;
        font-size: 16px;
        color: #000; }
    .secPresentation .secVoice .inner .list .txtBox .name {
      font-size: 18px;
      display: inline-block;
      margin-bottom: 40px; }
      .secPresentation .secVoice .inner .list .txtBox .name span {
        font-size: 14px; }
    .secPresentation .secVoice .inner .list .txtBox .voiceMoreTxt {
      overflow: hidden; }
      .secPresentation .secVoice .inner .list .txtBox .voiceMoreTxt.is-open {
        height: 100% !important; }
    .secPresentation .secVoice .inner .list .txtBox .arrowBox {
      margin-top: 10px; }
      .secPresentation .secVoice .inner .list .txtBox .arrowBox .aArrow {
        cursor: pointer; }
.secPresentation .latestBox .areaList {
  display: flex;
  flex-direction: column;
  gap: 40px; }
  .secPresentation .latestBox .areaList .ttl {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 10px; }
    .secPresentation .latestBox .areaList .ttl.tohoku_hokkaido {
      color: #ED6D20; }
    .secPresentation .latestBox .areaList .ttl.kanto {
      color: #F8B62C; }
    .secPresentation .latestBox .areaList .ttl.hokuriku_chubu {
      color: #467DD2; }
    .secPresentation .latestBox .areaList .ttl.kansai {
      color: #6BC300; }
    .secPresentation .latestBox .areaList .ttl.chugoku_shikoku {
      color: #14BEDC; }
  .secPresentation .latestBox .areaList .list .item {
    position: relative;
    min-height: 25px;
    margin: 5px 0 2px 10px; }
    .secPresentation .latestBox .areaList .list .item a {
      font-size: 14px;
      text-decoration: none;
      color: #000;
      transition: .2s; }
      .secPresentation .latestBox .areaList .list .item a:hover {
        color: #ed6d20; }
    .secPresentation .latestBox .areaList .list .item:before {
      content: '';
      background-image: url(../images/arrow01.svg);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 0% 10%;
      width: 5px;
      height: 8px;
      position: absolute;
      margin-right: 5px;
      top: 10px;
      left: -9px;
      transform: translate(0, calc(50% - 4px)); }
.secPresentation .latestBox .btn_txt {
  color: #ED6D20;
  text-align: center;
  font-weight: 500;
  margin-top: 60px;
  margin-bottom: 10px;
  margin-inline: auto;
  width: fit-content;
  position: relative; }
  .secPresentation .latestBox .btn_txt:before, .secPresentation .latestBox .btn_txt:after {
    content: '';
    display: inline-block;
    background: #ED6D20;
    background-size: contain;
    width: 1px;
    height: 20px;
    position: absolute;
    top: 50%; }
  .secPresentation .latestBox .btn_txt:before {
    left: -10px;
    transform: rotate(-30deg) translateY(-50%); }
  .secPresentation .latestBox .btn_txt:after {
    right: -10px;
    transform: rotate(30deg) translateY(-50%); }
.secPresentation .latestBox .aBtn02 {
  max-width: 350px; }
.secPresentation .stepBox .flexBox {
  gap: 80px; }
  .secPresentation .stepBox .flexBox .txtBox {
    width: calc(100% - 530px); }
  .secPresentation .stepBox .flexBox .pictBox {
    width: 450px; }
    .secPresentation .stepBox .flexBox .pictBox img {
      width: 90%; }
.secPresentation .stepBox .secBoxConts01 {
  margin-top: 70px; }
  .secPresentation .stepBox .secBoxConts01 .portfolioBox {
    display: flex;
    gap: 40px; }
    .secPresentation .stepBox .secBoxConts01 .portfolioBox .txtBox {
      width: calc(100% - 290px); }
      .secPresentation .stepBox .secBoxConts01 .portfolioBox .txtBox .ttl {
        font-weight: 500;
        font-size: 20px;
        color: #ED6D20;
        margin-bottom: 15px; }
    .secPresentation .stepBox .secBoxConts01 .portfolioBox .pictBox {
      width: 250px; }
.secPresentation .stepBox .arrowBox {
  margin-top: 10px; }

@media only screen and (max-width: 767px) {
  .secPresentation .introBox {
    margin-bottom: 60px; }
    .secPresentation .introBox .copy {
      font-size: 28px; }
    .secPresentation .introBox .txt {
      font-size: 16px; }
  .secPresentation .introList {
    flex-direction: column; }
  .secPresentation .pastBox .list .item {
    width: calc((100% - 40px) / 2); }
  .secPresentation .stateBox .list {
    grid-template-columns: repeat(1, 1fr);
    gap: 25px; }
    .secPresentation .stateBox .list .item:first-child {
      grid-column: 1 / 2; }
    .secPresentation .stateBox .list .item:last-child {
      grid-column: 1 / 2; }
    .secPresentation .stateBox .list .item img {
      aspect-ratio: 3 / 2;
      object-fit: cover; }
  .secPresentation .secVoice .inner .ttlEg {
    font-size: 70px;
    top: -65px;
    right: 30px; }
  .secPresentation .secVoice .inner .ttlJp {
    font-size: 20px; }
  .secPresentation .secVoice .inner .list {
    gap: 60px; }
    .secPresentation .secVoice .inner .list .flexBox {
      flex-direction: column; }
    .secPresentation .secVoice .inner .list .txtBox {
      margin-top: 30px; }
      .secPresentation .secVoice .inner .list .txtBox .name {
        margin-bottom: 30px; }
  .secPresentation .latestBox .areaList {
    gap: 20px; }
    .secPresentation .latestBox .areaList .ttl {
      font-size: 16px; }
  .secPresentation .latestBox .btn_txt {
    margin-top: 35px; }
    .secPresentation .latestBox .btn_txt:before, .secPresentation .latestBox .btn_txt:after {
      height: 100%; }
  .secPresentation .stepBox .flexBox {
    flex-direction: column;
    gap: 20px; }
    .secPresentation .stepBox .flexBox .txtBox {
      width: 100%; }
    .secPresentation .stepBox .flexBox .pictBox {
      width: 100%; }
      .secPresentation .stepBox .flexBox .pictBox img {
        width: 100%; }
  .secPresentation .stepBox .secBoxConts01 {
    margin-top: 50px; }
    .secPresentation .stepBox .secBoxConts01 .portfolioBox {
      flex-direction: column;
      gap: 25px; }
      .secPresentation .stepBox .secBoxConts01 .portfolioBox .txtBox {
        width: 100%; }
      .secPresentation .stepBox .secBoxConts01 .portfolioBox .pictBox {
        width: 100%; } }