@charset "utf-8";
/* CSS Document */

/*OUTLINE*/
@media(min-width: 200px) and (max-width:639px) {
  .section-outline__bg-wrapper {
    width: 100%;
    height: 230px;
    z-index: -999;
    position: absolute;
  }
  .section-outline__bg {
    background-image: url("../images/common/seminar/seminar_top@2x.jpg");
    margin: 30px auto 0;
    background-size: cover;
    width: 100%;
    height: 230px;
    z-index: -999;
  }
  
  .section-outline__heading {
    writing-mode: vertical-rl;
    height: 120px;
    text-align: end;
    background-color: #FFF;
    border-top-right-radius: 20px;
    position: absolute;
    margin-top: 167px;
    padding: 0 15px 0 25px;
  }
  .section-outline__heading h3 {
    font-size: 2.4rem;
    letter-spacing: 1.2px;
  }
  .section-outline__heading p {
    font-size: 1.0rem;
    color: #00b3ba;
    font-weight: 600;
    padding-left: 10px;
  }
  
  
  .section_outline__PC-flex {
    z-index: 999;
    padding: 317px 25px 0;
    margin: 0 auto;
  }
  .section_outline__PC-flex ul li {
    list-style: none;
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    border-top: solid #222222 2px;
  }
  .outline-contents__contents-wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 420px;
  }
  
  .outline-contents__university-list {
    font-weight: 600;
  }
  .outline-contents__span-container{
    width: 100%;
    text-align: left;
    padding-bottom: 15px;
  }
  .outline_contents__university-name {
  }
  
  .outline-contents__professor-list {
    font-weight: 600;
  }
  .outline_contents__professor-name {
  }
  
  /*contents-TIME*/
  .outline-contents__time-list {
  }
  .outline-contents__time {
    font-weight: 600;
  }
  .outline-contents__time-detail {
  }
  .outline-contents__time-detail__explain {
    font-weight: 600;
    padding-bottom: 30px;
  }
  .outline-contents__time-detail__3years {
    font-size: 2.0rem;
    font-weight: 600;
    padding-bottom: 10px;
  }
  .outline-contents__time-detail__4years {
    font-size: 2.0rem;
    font-weight: 600;
    padding-bottom: 20px;
  }
  .outline-contents__time-detail__attention {
    font-size: 1.4rem;
    font-weight: 600;
    color: #00999f;
  }
  
  /*contents-PLACE*/
  .outline-contents__place-list {
    border-bottom: solid #222222 2px;
  }
  .outline-contents__place {
    font-weight: 600;
  }
  .outline-contents__place-detail {
  }
  .outline-contents__place-room {
    font-weight: 600;
    padding-bottom: 10px;
  }
  .outline-contents__place-room__attention {
    font-size: 1.4rem;
    font-weight: 600;
    color: #00999f;    
  }
}

@media(min-width: 640px) and (max-width:1039px) {
  .section-outline__bg-wrapper {
    width: 100%;
    height: 230px;
    z-index: -999;
    position: absolute;
  }
  .section-outline__bg {
    background-image: url("../images/common/seminar/seminar_top@2x.jpg");
    margin: 30px auto 0;
    background-size: cover;
    width: 100%;
    height: 230px;
    z-index: -999;
  }
  
  .section-outline__heading {
    writing-mode: vertical-rl;
    height: 120px;
    text-align: end;
    background-color: #FFF;
    border-top-right-radius: 20px;
    position: absolute;
    margin-top: 167px;
    padding: 0 15px 0 25px;
  }
  .section-outline__heading h3 {
    font-size: 2.4rem;
    letter-spacing: 1.2px;
  }
  .section-outline__heading p {
    font-size: 1.0rem;
    color: #00b3ba;
    font-weight: 600;
    padding-left: 10px;
  }
  
  
  .section_outline__PC-flex {
    z-index: 999;
    padding: 317px 25px 0;
    margin: 0 auto;
  }
  .section_outline__PC-flex ul li {
    list-style: none;
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    max-width: 700px;
    border-top: solid #222222 2px;
  }
  .outline-contents__contents-wrapper {
    margin: 0 auto;
    width: 510px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  .outline-contents__university-list {
    font-weight: 600;
  }
  .outline_contents__university-name {
    padding-left: 120px;
  }
  
  .outline-contents__professor-list {
    display: flex;
    justify-content: center;
    font-weight: 600;
  }
  .outline_contents__professor-name {
    padding-left: 120px;
  }
  
  /*contents-TIME*/
  .outline-contents__time-list {
  }
  .outline-contents__time {
    font-weight: 600;
  }
  .outline-contents__time-detail {
    padding-left: 120px;
    text-align: left;
  }
  .outline-contents__time-detail__explain {
    font-weight: 600;
    padding-bottom: 30px;
  }
  .outline-contents__time-detail__3years {
    font-size: 2.0rem;
    font-weight: 600;
    padding-bottom: 10px;
  }
  .outline-contents__time-detail__4years {
    font-size: 2.0rem;
    font-weight: 600;
    padding-bottom: 20px;
  }
  .outline-contents__time-detail__attention {
    font-size: 1.4rem;
    font-weight: 600;
    color: #00999f;
  }
  
  /*contents-PLACE*/
  .outline-contents__place-list {
    border-bottom: solid #222222 2px;
  }
  .outline-contents__place {
    font-weight: 600;
  }
  .outline-contents__place-detail {
    padding-left: 120px;
    text-align: left;
  }
  .outline-contents__place-room {
    font-weight: 600;
    padding-bottom: 10px;
  }
  .outline-contents__place-room__attention {
    font-size: 1.4rem;
    font-weight: 600;
    color: #00999f;    
  }
}


@media(min-width:1040px) {
  .section-outline {
    margin: 0 auto;
    max-width: 1166px;
    padding-top: 30px;
    height: 762px;
  }
  
  .section-outline__heading {
    writing-mode: vertical-rl;
    height: 170px;
    text-align: end;
    padding: 65px 0 65px 10%;
  }
  .section-outline__heading p {
    font-size: 1.4rem;
    color: #00b3ba;
    font-weight: 600;
    padding-left: 10px;
  }
  .section-outline__heading h3 {
    font-size: 3.2rem;
    letter-spacing: 1.6px;
  }
  
  .section-outline__bg-wrapper {
    text-align: right;
    width: 100%;
    max-width: 1166px;
    height: 400px;
    position: absolute;
    z-index: -999;
  }
  .section-outline__bg {
    background-image: url("../images/common/seminar/seminar_top@2x.jpg");
    margin: 0 0 0 auto;
    background-size: cover;
    width: 850px;
    height: 400px;
    z-index: -999;
  }
  
  .section_outline__PC-flex {
    background-color: #FFF;
    border-top-right-radius: 30px;
    width: 850px;
    z-index: 999;
    padding-top: 50px;
  }
  .section_outline__PC-flex ul li {
    list-style: none;
    margin: 0 auto;
    padding: 25px 0;
    max-width: 750px;
    border-top: solid #222222 2px;
  }
  .outline-contents__contents-wrapper {
    margin: 0 auto;
    width: 510px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  
  .outline-contents__university-list {
    font-weight: 600;
  }
  .outline_contents__university-name {
    padding-left: 120px;
  }
  
  .outline-contents__professor-list {
    display: flex;
    justify-content: center;
    font-weight: 600;
  }
  .outline_contents__professor-name {
    padding-left: 120px;
  }
  
  /*contents-TIME*/
  .outline-contents__time-list {
  }
  .outline-contents__time {
    font-weight: 600;
  }
  .outline-contents__time-detail {
    padding-left: 120px;
    text-align: left;
  }
  .outline-contents__time-detail__explain {
    font-weight: 600;
    padding-bottom: 30px;
  }
  .outline-contents__time-detail__3years {
    font-size: 2.0rem;
    font-weight: 600;
    padding-bottom: 10px;
  }
  .outline-contents__time-detail__4years {
    font-size: 2.0rem;
    font-weight: 600;
    padding-bottom: 20px;
  }
  .outline-contents__time-detail__attention {
    font-size: 1.4rem;
    font-weight: 600;
    color: #00999f;
  }
  
  /*contents-PLACE*/
  .outline-contents__place-list {
    border-bottom: solid #222222 2px;
  }
  .outline-contents__place {
    font-weight: 600;
  }
  .outline-contents__place-detail {
    padding-left: 120px;
    text-align: left;
  }
  .outline-contents__place-room {
    font-weight: 600;
    padding-bottom: 10px;
  }
  .outline-contents__place-room__attention {
    font-size: 1.4rem;
    font-weight: 600;
    color: #00999f;    
  }
}
@media(min-width:1200px) {
  .section-outline__heading {
    writing-mode: vertical-rl;
    height: 170px;
    text-align: end;
    padding: 65px 0 65px 10%;
  }
  .section-outline__heading p {
    font-size: 1.4rem;
    color: #00b3ba;
    font-weight: 600;
    padding-left: 10px;
  }
  .section-outline__heading h3 {
    font-size: 4.0rem;
    letter-spacing: 2.5px;
    line-height: 48px;
  }
}


/* ulタグ */
@media(min-width: 200px) and (max-width:1039px) {
  .section_scroll {
    padding: 80px 0;
  }
}
@media (min-width:1040px) {
  .section_scroll {
    padding: 130px 0;
  }
  .scroll-list li {
    font-size: 12vw;
  }  
}

.scroll-list {
  display: flex;
  list-style: none;
  padding-inline: 0;
  margin-inline: 0;
  gap: 0;
  overflow: hidden;
}

/* liタグ */
.scroll-list li {
  color: #00b3ba;
  opacity: 0.2;
  font-size: 7.5em;
  font-weight: bold;
  white-space: nowrap;
  padding: 0 1em 0 0;
  margin: 0;
  animation: marquee-left 16s linear infinite;
}

/* PCの時のフォントサイズ */
@media (min-width:1040px) {

}

/* アニメーション */
@keyframes marquee-left {
  100% {
    transform: translateX(-100%);
  }
}

/*SCHEDULE*/
@media(min-width: 200px) and (max-width:639px) {
  .section-schedule {
    height: 500px;
    padding-bottom: 60px;
  }
  .section-schedule__bg {
    background-color: #00b3ba;
    border-top-left-radius: 20px;
    
    z-index: -999;
    position: absolute;
    right: 0;
    width: 94%;
    height: 500px;
  }
  .section-schedule__wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 300px;
  }
  
  /*heading*/
  .section-schedule__heading {
    text-align: left;
    padding: 40px 0 30px 0;
  }
  .section-schedule__heading p {
    font: Murecho;
    font-size: 1.0rem;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 10px;
  }
  .section-schedule__heading h3 {
    font-size: 2.4rem;
    letter-spacing: 1.2px;
    line-height: 28.8px;
    color: #FFF;
  }
  
  .section-schedule__sentence {
    font-size: 1.2rem;
    font-weight: 600;
    color: #FFF;
    line-height: 18px;
    text-align: left;
    padding-bottom: 30px;
  }
  
   .section-schedule img {
    width: 100%;
    color: #FFF;
    max-width: 300px;
    padding-bottom: 10px;
  }
  
  /*PC section-schedule__span-container*/ 
  .section-schedule__mobile-span-container {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: right;
    font-size: 1.2rem;
  }  
  .section-schedule__pc-span-container {
    display: none;
  }
  .section-schedule span {
    font-size: 1.2rem;
    font-weight: 600;
    color: #FFF;
  }
}
@media(min-width: 640px) and (max-width:1039px) {
  .section-schedule {
    height: 800px;
    padding-bottom: 100px;
  }
  .section-schedule__bg {
    background-color: #00b3ba;
    border-top-left-radius: 30px;
    
    z-index: -999;
    position: absolute;
    right: 0;
    width: 94%;
    height: 800px;
  }
  .section-schedule__wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 550px;
  }
  
  /*heading*/
  .section-schedule__heading {
    text-align: left;
    padding: 70px 0 30px 0;
  }
  .section-schedule__heading p {
    font: Murecho;
    font-size: 1.4rem;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 15px;
  }
  .section-schedule__heading h3 {
    font-size: 3.2rem;
    letter-spacing: 1.6px;
    line-height: 38.4px;
    color: #FFF;
  }
  
  .section-schedule__sentence {
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFF;
    line-height: 22px;
    text-align: left;
    padding-bottom: 70px;
  }
  
  .section-schedule img {
    width: 100%;
    color: #FFF;
    max-width: 550px;
    padding-bottom: 10px;
  }

  /*PC section-schedule__span-container*/ 
  .section-schedule__mobile-span-container {
    display: none;
  }  
  .section-schedule__pc-span-container {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: right;
  }
  .section-schedule span {
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFF;
  }
}

@media(min-width:1040px) {
  .section-schedule {
    height: 1000px;
    padding-bottom: 100px;
  }
  .section-schedule__bg {
    background-color: #00b3ba;
    border-top-left-radius: 30px;
    
    z-index: -999;
    position: absolute;
    right: 0;
    width: 94%;
    height: 1000px;
  }
  .section-schedule__wrapper {
    margin: 0 auto;
    width: 100%;
    max-width: 900px;
  }
  
  /*heading*/
  .section-schedule__heading {
    text-align: left;
    padding: 70px 0 30px 0;
  }
  .section-schedule__heading p {
    font: Murecho;
    font-size: 1.4rem;
    font-weight: 600;
    color: #FFF;
    padding-bottom: 15px;
  }
  .section-schedule__heading h3 {
    font-size: 3.2rem;
    letter-spacing: 1.6px;
    line-height: 38.4px;
    color: #FFF;
  }
  
  .section-schedule__sentence {
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFF;
    line-height: 22px;
    text-align: left;
    padding-bottom: 70px;
  }
  
  .section-schedule img {
    width: 100%;
    color: #FFF;
    max-width: 900px;
    padding-bottom: 10px;
  }

  /*PC section-schedule__span-container*/ 
  .section-schedule__mobile-span-container {
    display: none;
  }  
  .section-schedule__pc-span-container {
    display: block;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    text-align: right;
  }
  .section-schedule span {
    font-size: 1.6rem;
    font-weight: 600;
    color: #FFF;
  }
}
@media(min-width:1200px) {
  .section-schedule__heading h3 {
    font-size: 4.0rem;
    letter-spacing: 2.5px;
    line-height: 48px;
  }
}