@charset "UTF-8";


.randomAnime {
	visibility: hidden;
}


* {
    color: white;
}
body {
    font-family: 'Noto Sans JP', sans-serif;
}
img {
    vertical-align: bottom;
    width: 100%;
}
a {
    text-decoration: none;
}
header {
    display: none;
}
li {
    list-style: none;
}
#pcView {
    display: none;
}
#spView {
    background-color: #091138;
    container-type: inline-size;
    overflow: hidden;
}

/* モーダルボックス */
#modalBox {
    background: rgba(0,0,0,0.4);
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 1001;
}
#modalBox .modalWrap>div div {
    color: #000000;
}
#modalBox .modalWrap>div {
    display: grid;
    margin: calc((26/350)*100cqw);
    margin-top: calc((15/350)*100cqw);
}
#modalBox .modalWrap>div .zmb_Title {
    background-image: url(../img/zaigakuseiMBt01.webp);
    background-image: image-set(url(../img/zaigakuseiMBt01.webp) 1x, url(../img/zaigakuseiMBt01@2x.webp) 2x);
    background-position: center right;
    background-size: contain;
    border-bottom: 1px black solid;
    height: calc((142/350)*100cqw);
    padding-top: calc((15/350)*100cqw);
}
#modalBox .modalWrap .zaigakuseiMB2 .zmb_Title {
    background-image: url(../img/zaigakuseiMBt02.webp);
    background-image: image-set(url(../img/zaigakuseiMBt02.webp) 1x, url(../img/zaigakuseiMBt02@2x.webp) 2x);
    background-position: center right;
    background-size: contain;
}
#modalBox .modalWrap .zaigakuseiMB3 .zmb_Title {
    background-image: url(../img/zaigakuseiMBt03.webp);
    background-image: image-set(url(../img/zaigakuseiMBt03.webp) 1x, url(../img/zaigakuseiMBt03@2x.webp) 2x);
    background-position: center right;
    background-size: contain;
}
#modalBox .modalWrap .zaigakuseiMB4 .zmb_Title {
    background-image: url(../img/zaigakuseiMBt04.webp);
    background-image: image-set(url(../img/zaigakuseiMBt04.webp) 1x, url(../img/zaigakuseiMBt04@2x.webp) 2x);
    background-position: center right;
    background-size: contain;
}
#modalBox .modalWrap>div .zmb_Title h6 {
    aspect-ratio: 158/29;
    color: #00A96F;
    border: 1px #00A96F solid;
    display: grid;
    place-items: center;
    place-content: center;
    font-size: calc((15/350)*100cqw);
    font-weight: normal;
    width: calc((158/350)*100cqw);
}
#modalBox .modalWrap .zaigakuseiMB2 .zmb_Title h6 {color: #ED85A0; border: 1px #ED85A0 solid;}
#modalBox .modalWrap .zaigakuseiMB4 .zmb_Title h6 {color: #3071B7; border: 1px #3071B7 solid;}
#modalBox .modalWrap>div .zmb_Title div {
    padding-top: calc((28/350)*100cqw);
    width: calc((158/350)*100cqw);
    text-align: center;
}
#modalBox .modalWrap>div .zmb_Title div p span,
#modalBox .modalWrap>div .zmb_Title div p {
    color: black;
    font-size: calc((15/350)*100cqw);
}
#modalBox .modalWrap>div .zmb_Title div p span {
    font-size: calc((18/350)*100cqw);
}
#modalBox .modalWrap>div .zmb_Para {
    font-size: calc((16/350)*100cqw);
    font-feature-settings: "palt";
    line-height: calc((30/16)*100%);
    padding-top: calc((25/350)*100cqw);
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
    order: 1;
}
#modalBox .modalWrap>div .zmb_Pict {
    display: flex;
    justify-content: space-between;
    margin-top: calc((23/350)*100cqw);
    order: 2;
}
#modalBox .modalWrap>div .zmb_Pict img {
    width: calc((145/350)*100cqw);
}
.modalWrap {
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
    container-type: inline-size;
    justify-content: space-between;
    position: relative;
    width: 93.33cqw;
    max-width: 560px;
    z-index: 1002;
}
.modalWrap a {
    display: block;
    margin: 0 auto 9cqw auto;
    text-align: center;
}
.modalWrap a:last-of-type {
    margin-bottom: 0;
}
.modalBack {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 998;
}
.telLine p {
    padding-top: calc((15/375)*100cqw);
    text-align: center;
}
.telLine p span {
    color: #505050;
    display: inline-block;
    font-size: calc((23/375)*100cqw);
}
.telLine p img {
    display: block;
    margin-bottom: calc((7/375)*100cqw)
}
.telLine ul {
    margin-top: calc((40/375)*100cqw);
}
.telLine li {
    filter: drop-shadow(3px 3px 3px #C8C8C8);
    margin-top: calc((25/375)*100cqw);
    padding-top: calc((5/375)*100cqw);
    background : linear-gradient(90deg, rgba(233, 84, 93, 1) 0%, rgba(229, 45, 138, 1) 45%, rgba(0, 77, 160, 1) 80%, rgba(0, 117, 193, 1) 100%);
}
.telLine li:first-of-type {
    margin: 0;
}
.telLine li a {
    background-color: white;
    display: block;
    color: #E40069;
    display: block;
    font-size: calc((20/375)*100cqw);
    padding: 1em 0;
    text-align: center;
}
.telLine li a span {
    color: #505050;
    display: none;
    text-align: center;
}
.telLine li:nth-of-type(2) {
    background : linear-gradient(90deg, rgba(108, 186, 90, 1) 18.63%, rgba(0, 161, 153, 1) 52.22%, rgba(0, 77, 160, 1) 89.75%);
}
.telLine li:nth-of-type(2) a {
    color: #39B382;
}
.telLine li:nth-of-type(3) {
    background : linear-gradient(90deg, rgba(35, 182, 188, 1) 0.02%, rgba(0, 159, 232, 1) 30%, rgba(28, 80, 161, 1) 70%, rgba(29, 32, 135, 1) 99.97%);
}
.telLine li:nth-of-type(3) a {
    color: #5084C4;
}
.close-button {
    --close-btn-size: 30px;
    --close-btn-width: 100%;
    --close-btn-height: 2px;
    --close-btn-color: #555;
   
    position: absolute;
    height: var(--close-btn-size);
    width: var(--close-btn-size);
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    right: 1cqw;
    top: 1cqw;
  }
  .close-button__line {
    position: absolute;
    background: var(--close-btn-color);
  }
   
  .close-button__line:nth-child(1) {
    left: 0;
    top: 50%;
    transform: translate(0%, -50%) rotate(45deg);
    width: var(--close-btn-width);
    height: var(--close-btn-height);
  }
   
  .close-button__line:nth-child(2) {
    left: 50%;
    top: 0;
    transform: translate(-50%, 0%) rotate(45deg);
    width: var(--close-btn-height);
    height: var(--close-btn-width);
  }


#topSection {
    /* aspect-ratio: 375/600; */
    background-image: url(../img/sp_it_mainBG.webp);
    background-image: image-set(url(../img/sp_it_mainBG.webp) 1x, url(../img/sp_it_mainBG@2x.webp) 2x);
    background-size: cover;
    height: calc(100svh - (78/375)*100svw);
    padding: 8.34cqw 0 0 7.4cqw;
    position: relative;
    z-index: 6;
}
#topSection img {
    width: 100%;
}
#topSection h1 {
    width: 40cqw;
}
#topSection dl {
    margin-top: 9.4cqw;
    width: 37.3cqw;
}
#topSection dt {
    width: 36.8cqw;
}
#topSection dd img {
    margin-top: 2.1cqw;
}

/* オープンキャンパスに申し込むボタン */
.toOpenCampusBtm {
    display: block;
    /*filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));*/
}


#topSection a {
    margin: -4.8% auto 0 auto;
}
#topSection a img {
    display: block;
    margin: 0 auto;
    width: calc(332 / 375 * 100%);
}
#toOpenCampusS {
    background : linear-gradient(45deg, rgba(242, 151, 27, 1) 0%, rgba(231, 82, 151, 1) 50%, rgba(106, 22, 132, 1) 100%);
    background-size: 200% 200%;/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}
#toOpenCampusS a {
    aspect-ratio: 375/78;
    display: grid;
    place-items: center;
    place-content: center;
}
#toOpenCampusS img {
    display: inline-block;
    margin: 0 auto;
    width: 86.7cqw;
}
@keyframes bggradient{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

#gimon {
    position: relative;
    z-index: 5;
}
#gimon h2 {
    aspect-ratio: 750/460;
    background: url(../img/sp_it_gimonH2BG.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_gimonH2BG.webp) 1x, url(../img/sp_it_gimonH2BG@2x.webp) 2x);
    background-size: cover;
    
    display: flex;
    align-items: center;
    line-height: 1.6;
    font-size: 6.7cqw;
    font-weight: normal;
}
#gimon h2 p {
    color: white;
    margin: 0;
    margin-left: 8cqw;
}
#gimon h2 span {
    color: #FFFF64;
}

#gimon #gimonBaloon div:nth-of-type(1) {
    background: url(../img/sp_it_gimon01.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_gimon01.webp) 1x, url(../img/sp_it_gimon01@2x.webp) 2x);
    background-size: cover;
}
#gimon #gimonBaloon div:nth-of-type(2) {
    background: url(../img/sp_it_gimon02.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_gimon02.webp) 1x, url(../img/sp_it_gimon02@2x.webp) 2x);
    background-size: cover;
}
#gimon #gimonBaloon div:nth-of-type(3) {
    background: url(../img/sp_it_gimon03.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_gimon03.webp) 1x, url(../img/sp_it_gimon03@2x.webp) 2x);
    background-size: cover;
}
#gimon #gimonBaloon div:nth-of-type(4) {
    background: url(../img/sp_it_gimon04.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_gimon04.webp) 1x, url(../img/sp_it_gimon04@2x.webp) 2x);
    background-size: cover;
}
#gimon #gimonBaloon div:nth-of-type(5) {
    background: url(../img/sp_it_gimon05.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_gimon05.webp) 1x, url(../img/sp_it_gimon05@2x.webp) 2x);
    background-size: cover;
}
#gimon #gimonBaloon div {
    aspect-ratio: 375/296;
    font-size: 5.1cqw;
    line-height: 157.8%;
    padding-top: 40cqw;
}
#gimon #gimonBaloon div p {
    aspect-ratio: 306/93;
    background-color: white;
    color: black;
    display: flex;
    align-items: center;
    margin:  0 auto;
    text-decoration: underline;
    text-underline-offset: 5px;
    width: 81.6cqw;
}
#gimon #gimonBaloon div p span {
    background: url(../img/sp_it_gimonCheck.svg) no-repeat;
    background-position: 0 2cqw;
    color: black;
    display: inline;
    margin-left: 5cqw;
    padding-left: 10.39cqw;
    margin-top: -0.4em;
}

#gimon p {
    margin-top: 4.8%;
}
#gimon p img {
    display: block;
    margin: 0 auto;
    width: 59.5%;
}
#gimon div {
    margin-top: -1.87%;
}
#gimon #gimon_goOpenCampus {
    background: url(../img/sp_it_program_BG.webp) no-repeat;
    background-image: image-set(url(../img/sp_it_program_BG.webp) 1x, url(../img/sp_it_program_BG@2x.webp) 2x);
    background-size: cover;
    background-position: top center;
    font-feature-settings: "palt";
    margin: 0;
    padding-top: 10.13cqw;
}
#gimon #gimon_goOpenCampus p {
    margin: 0;
    text-align: center;
}
#gimon #gimon_goOpenCampus p:nth-of-type(1) {
    font-size: 5.6cqw;
    margin-bottom: 6.13cqw;
    text-decoration: underline;
    text-underline-offset: 2.67cqw;
}
#gimon #gimon_goOpenCampus p:nth-of-type(2) {
    font-size: 6.4cqw;
}
#gimon #gimon_goOpenCampus p:nth-of-type(2) span {
    color: #FFF23F;
    font-size: 10.13cqw;
    font-family: "Noto Serif JP", serif;
}
#gimon #gimon_goOpenCampus>div {
    padding-top: 9.6cqw;
    position: relative;
}
#gimon #gimon_goOpenCampus>div img:nth-of-type(2) {
    animation: arrowmove2 1s ease-in-out infinite;
    position: absolute;
    width: calc((38/375)*100cqw);
    right: calc((169/375)*100cqw);
}
@keyframes arrowmove2{
    0%{bottom:20%;}
    50%{bottom:25%;}
   100%{bottom:20%;}
}
#gimon #gimon_goOpenCampus>div img {
    margin-left: 4.3cqw;
    width: 32cqw;
}

#campusProgram {
    position: relative;
    z-index: 4;
}

#campusProgram_openCampus {
    position: relative;
}
#campusProgram_openCampus div {
    aspect-ratio: 375/323;
    background-image: url(../img/sp_it_openCampus02.svg);
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 84.87cqw auto;
    text-indent: -9999px;
    width: 100%;
}
#campusProgram_openCampus img {
    bottom:0;
    display: block;
    position: absolute;
    right: 4cqw;
    width: 32cqw;
}

#campusProgram h2 {
    aspect-ratio: 375/117;
    background: url(../img/campusProgramH2_BG.webp) no-repeat;
    background-image: image-set(url(../img/campusProgramH2_BG.webp) 1x, url(../img/campusProgramH2_BG@2x.webp) 2x);
    background-size: cover;
    display: grid;
    place-items: center;
    place-content: center;
    margin-top: 5.1cqw;
}
#campusProgram h2 img {
    display: block;
    margin: 0 auto;
    width: 49.6cqw;
}
#campusProgram h3 {
}
#campusProgram div.pFlow01 {
    aspect-ratio: 375/450;
    margin-top: 5.1%;
    position: relative;
}
#campusProgram div.pFlow01 h4 {
    margin-left: 5.87cqw;
}
#campusProgram div.pFlow01 h4 img {
    width: 41.6cqw;
}
#campusProgram div.pFlow01 div {
    margin-top: 5.6cqw;
    position: relative;
    margin-left: 7cqw;
    width: 93.3cqw;
}
#campusProgram div.pFlow01 p {
    aspect-ratio: 330/180;
    background: rgb(0,170,131);
    background: linear-gradient(90deg, rgba(0,170,131,1) 0%, rgba(0,158,167,1) 30%, rgba(0,77,160,1) 70%, rgba(29,32,135,1) 100%);
    font-size: 4.53cqw;
    font-feature-settings: "palt";
    line-height: 158.8%;
    margin-top: -12.26cqw;
    padding: 19.73cqw 0 0 9.6cqw;
    width: 89cqw;
}

/* ゆれるアニメーション */
.yureru-s {
    animation: yureru-s 2s infinite;
}
@keyframes yureru-s {
    0% {
        transform: translate(2px, 0px);
    }
    5% {
        transform: translate(-2px, 0px);
    }
    10% {
        transform: translate(2px, 0px);
    }
    15% {
        transform: translate(-2px, 0px);
    }
    20% {
        transform: translate(2px, 0px);
    }
    25% {
        transform: translate(-2px, 0px);
    }
    30% {
        transform: translate(0px, 0px);
    }
}
/* ゆれるアニメーション END*/



#campusProgram .pFlow02 {
    margin-top: 1.9%;
    position: relative;
}
#campusProgram .pFlow02 h4 {
    margin-left: 5.87cqw;
}
#campusProgram .pFlow02 h4 img {
    width: 60.8cqw;
}
#campusProgram .pFlow02>div {
    background-color: white;
}
.pFlow02 div {
    margin: 5.6cqw 5.87cqw 0 5.87cqw;
    padding-top: 8.74cqw;
}
.pFlow02 dl {
    border-bottom: 2px dotted #9C9C9C;
    margin: 0 auto 8.9cqw auto;
    padding-bottom: 8.9cqw;
    width: 74.67cqw;
}
.pFlow02 dl:last-child {
    border: none;
    margin-bottom: 0;
}
.pFlow02 dl dt {
    color: #ED7A94;
    font-size: 5.49cqw;
    line-height: 131.17%;
    padding-left: 17.56cqw;
}
.pFlow02 dl:nth-of-type(1) dt {
    background: url(../img/pFlow02_A.svg) no-repeat;
    background-position: 0 left;
    background-size: contain;
}
.pFlow02 dl:nth-of-type(2) dt {
    background: url(../img/pFlow02_B.svg) no-repeat;
    background-position: 0 left;
    background-size: contain;
}
.pFlow02 dl:nth-of-type(3) dt {
    background: url(../img/pFlow02_C.svg) no-repeat;
    background-position: 0 left;
    background-size: contain;
}
.pFlow02 dl dd {
    color: #505050;
    margin-top: 4.1cqw;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}

#campusProgram .pFlow02 dd {
    font-size: 4.27cqw;
    font-feature-settings: "palt";
    line-height: 187.5%;
}
.gakkouSetsumei {
    padding-top: 15.81cqw;
    position: relative;
}

.gakkouSetsumei dl {
    background-color: white;
    margin: 0 5.87cqw 0 5.87cqw;
}
.gakkouSetsumei dl dt {
    background-color: #323538;
    font-size: 4.58cqw;
    font-weight: bold;
    padding: 1rem 0;
    text-align: center;
}
.gakkouSetsumei dl dd {
    color: #505050;
    font-size: 4.27cqw;
    font-feature-settings: "palt";
    line-height: 153.33%;
    padding: 4.77cqw 6.39cqw;
    text-align: justify;
}
.gakkouSetsumei dl dd p {
    background-color: #3071B7;
    color: #FFF23F;
    font-weight: 500;
    padding: 1rem 0;
    margin-top: 1rem;
    text-align: center;
}
.gakkouSetsumei img {
    bottom: 0;
    right: 2.13cqw;
    position: absolute;
    
    width: 20.53cqw;
}
/* 大原のオーキャン ここが嬉しい */
.kokogaUreshi {
    padding: 20% 0 0 0 ;
    width: 100%;
}
.kokogaUreshi h2 {
    margin: 0 auto;
    width: 70.4cqw;
}
.kokogaUreshi ul {
    display: flex;
    margin: 4.5% auto 0 auto;
    justify-content: space-between;
    width: 84.5cqw;
}
.kokogaUreshi ul li {
    width: 26.4cqw;
}
.kokogaUreshi dl {
    aspect-ratio: 331/318;
    margin: 1.6% auto 0 auto;
    position: relative;
    width: 84.5cqw;
}

.kokogaUreshi dl dd {
    left: 0;
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100%;
}

.kokogaUreshi dl dd img:nth-of-type(2){
    position: absolute;
    left: 26.4%;
    top: 45.3cqw;
    width: 43.73cqw;
}
.schedule {
    padding-top: 22.91cqw;
}
.schedule h2 {
    aspect-ratio: 375/117;
    background: url(../img/campusProgramH2_BG.webp) no-repeat;
    background-size: cover;
    display: grid;
    place-items: center;
    place-content: center;
}
.schedule h2 img {
    width: 49.6cqw;
}
.schedule>p {
    margin: 10.7% 0 0 0;
    padding: 0 5.8cqw;
    position: relative;
    width: 100%;
}
.schedule>p img:nth-of-type(1) {
    width: 69.6cqw;
}
.schedule>p img:nth-of-type(2) {
    position: absolute;
    right: 4.53cqw;
    top:-7.7cqw;
    width: 21.3%;
}
.schedule .taikenClass {
    background-color: white;
    margin: 7.16cqw 5.8cqw 0 5.8cqw;
    padding-top: 9.07cqw;
}
.schedule .taikenClass h3 {
    background-color: black;
    color: white;
    font-size: 4.58cqw;
    margin: 0 auto;
    padding: 0.5rem 0;
    text-align: center;
    width: 75.68cqw
}
.schedule .taikenClass dl {
    font-size: 4.5cqw;
    font-feature-settings: "palt";
    line-height: 150%;
    margin: 5.6% auto 0 auto;
    width: 75.68cqw
}
.schedule .taikenClass dl div {
    border-bottom:1px dotted #7070B2;
    margin-top: 5.3%;
    padding-bottom: 5%;
}
.schedule .taikenClass dl div:first-of-type {
    margin-top: 0;
}
.schedule .taikenClass dl div:last-of-type {
    border: 0;
}
.schedule .taikenClass dl dt {
    text-align: left;
}
.schedule .taikenClass dl dt img {
    height: 13.87cqw;
    width: auto;
}
.schedule .taikenClass dl dd {
    color: #505050;
    font-size: 4.27cqw;
    font-feature-settings: "palt";
    margin: 1rem 0 1.5rem 0;
}

.taikenSchedule {
    margin-top: 8.9%;
}
.taikenSchedule div {
    display: grid;
    grid-template-columns: repeat(4,23.7%);
    justify-content: space-between;
    row-gap: 3.2cqw;
    margin: 2.7% auto 10.3% auto;
}
.taikenSchedule dl:last-of-type div {
    margin-bottom: 0;
}

.taikenSchedule dd {
    border-radius: 3px;
}
.taikenSchedule .taikenSchedule_nagoya,
.taikenSchedule .taikenSchedule_gifu,
.taikenSchedule .taikenSchedule_tsu {
    margin: 0 5.8cqw;
}
.taikenSchedule dt {
    background-color: white;
    font-size: 5.33cqw;
    padding-top: 1.34cqw;
    text-align: center;
}
.taikenSchedule dt span {
    background-color: white;
    display: block;
    padding: 1rem 0;
}
.taikenSchedule .taikenSchedule_nagoya dt span {
    background-color: white;
    color: #E40069; 
}
.taikenSchedule .taikenSchedule_nagoya dt {
    background: linear-gradient(90deg, rgba(233,84,93,1) 0%, rgba(229,45,138,1) 45%, rgba(0,77,160,1) 80%, rgba(0,117,193,1) 100%);
    background-size: 200% 200%;/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}
.taikenSchedule .taikenSchedule_gifu dt span {
    color: #39B382;
}
.taikenSchedule .taikenSchedule_gifu dt {
    background: linear-gradient(90deg, rgba(108, 186, 90, 1) 18.63%, rgba(0, 161, 153, 1) 52.22%, rgba(0, 77, 160, 1) 89.75%);
    background-size: 200% 200%;/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}
.taikenSchedule .taikenSchedule_tsu dt span {
    color: #5084C4;
}
.taikenSchedule .taikenSchedule_tsu dt {
    background: linear-gradient(90deg, rgba(35, 182, 188, 1) 0.02%, rgba(0, 159, 232, 1) 30%, rgba(28, 80, 161, 1) 70%, rgba(29, 32, 135, 1) 99.97%);
    background-size: 200% 200%;/*サイズを大きくひきのばす*/
	animation: bggradient 20s ease infinite;
}

.taikenSchedule .taikenSchedule_nagoya dd { border: 1px solid #FF6699; }
.taikenSchedule .taikenSchedule_gifu dd { border: 1px solid #64D5C4; }
.taikenSchedule .taikenSchedule_tsu dd { border: 1px solid #9FA2E9; }

.toOpenCampus {
    padding-bottom: 19.2%;
    margin-top: 12.6%;
}
.toOpenCampus h4 {
    background: url(../img/toOpenCampusH4.svg) no-repeat;
    background-size: contain;
    height: 23.73cqw;
    text-indent: -9999px;
}
.toOpenCampus .toOpenCampus01 {
    background-image: repeating-linear-gradient(
        to bottom left,
        hsl(212deg, 100%, 40%),
        hsl(342deg, 100%, 52%),
        hsl(212deg, 100%, 40%) 50%
    );
    background-repeat: repeat;
    background-size: 400% 400%;
    animation: colorRotation 40s linear 0s infinite;
    margin: 0 5.8cqw;
    padding: 10.55cqw 7.4cqw;
    position: relative;
}
@keyframes colorRotation {
from {
    background-position: -200% 0;
}
to {
    background-position: 200% 0;
}
}
.toOpenCampus .toOpenCampus01 p:nth-of-type(1) {
    border-bottom: 1px white solid;
    font-size: 4.67cqw;
    line-height: 154.29%;
    margin-top: 8cqw;
    padding-bottom: 1rem;
}
.toOpenCampus .toOpenCampus01 p:nth-of-type(2) {
    font-size: 4.53cqw;
    line-height: 164.71%;
    padding-top: 1rem;
}
.toOpenCampus .toOpenCampus01 > img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top:calc((57/375)*100cqw);
    right:4cqw;
    width: calc((93/375)*100cqw);
}
.toOpenCampus .toOpenCampus01 a {
    display: block;
    margin: 12.06cqw auto 0 auto;
}
.toOpenCampus .toOpenCampus01 a>img {
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
}
.toOpenCampus .toOpenCampus01 span {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 60.3%;
    top: -22cqw;
}
.toOpenCampus .toOpenCampus02 a {
    aspect-ratio: 356/124;
    background-image: url(../img/toShiryouBtn01.webp);
    background-image: image-set(url(../img/toShiryouBtn01.webp) 1x, url(../img/toShiryouBtn01@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/toShiryouBtn01.webp) 1x, url(../img/toShiryouBtn01@2x.webp) 2x);
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    margin: 6.2% auto 0 auto;
    text-indent: -9999px;
    width: 94.93cqw;
}

/* @media (hover: none) {
    .toOpenCampus .toOpenCampus02 a:active {
        background-image: url(../img/toShiryouBtn02.webp);
        background-image: image-set(url(../img/toShiryouBtn02.webp) 1x, url(../img/toShiryouBtn02@2x.webp) 2x);
        background-image: -webkit-image-set(url(../img/toShiryouBtn02.webp) 1x, url(../img/toShiryouBtn02@2x.webp) 2x);
        background-repeat: no-repeat;
        background-size: contain;
    }
    #lineAO .spAOentry a:active {
        background-image: url(../img/aoEntry03.webp) , url(../img/aoEntry02.svg);
    }
}
@media (hover: hover) {
    .toOpenCampus .toOpenCampus02 a:hover {
        background-image: url(../img/toShiryouBtn02.webp);
        background-image: image-set(url(../img/toShiryouBtn02.webp) 1x, url(../img/toShiryouBtn02@2x.webp) 2x);
        background-image: -webkit-image-set(url(../img/toShiryouBtn02.webp) 1x, url(../img/toShiryouBtn02@2x.webp) 2x);
        background-repeat: no-repeat;
        background-size: contain;
    }
    #lineAO .spAOentry a:hover {
        background-image: url(../img/aoEntry03.webp) , url(../img/aoEntry02.svg);
    }
} */


/* 大原5つのポイント */
#fourPoints {

}
#fourPoints h2 {
    aspect-ratio: 375/684;
    background-image: url(../img/fourPointsH2BG.webp);
    background-image: image-set(url(../img/fourPointsH2BG.webp) 1x, url(../img/fourPointsH2BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/fourPointsH2BG.webp) 1x, url(../img/fourPointsH2BG@2x.webp) 2x);
    background-size: cover;
    
    font-weight: normal;
    font-feature-settings: "palt";
    padding: 23.2cqw 0 0 0;
    position: relative;
    text-align: center;
}
#fourPoints h2 p:nth-of-type(1) {
    border-bottom: 1px white solid;
    font-size: 6.16cqw;
    line-height: 142.86%;
    margin: 0 auto;
    padding-bottom: 5.07cqw;
    width: 82.52cqw;
}
#fourPoints h2 p:nth-of-type(2) {
    font-size: 7.72cqw;
    font-weight: bold;
    margin-top: 9.28cqw;
}
#fourPoints h2 img {
    display: block;
    margin: 5.8cqw auto 0 auto;
    width: 46.67cqw;
}
/* 矢印の描写 */
.scrolldown4 {
    position: absolute;
    bottom: 1%;
    right: 50%;
    animation: arrowmove 1s ease-in-out infinite;
}
@keyframes arrowmove{
    0%{bottom:1%;}
    50%{bottom:3%;}
   100%{bottom:1%;}
}
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 15cqw;
    right: -1.5cqw;
    /*矢印の形状*/
    width: 1px;
    height: 5.33cqw;
    background: #FFF23F;
    transform: skewX(-30deg);
}
.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:15cqw;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 31.78cqw;
	background:#FFF23F;
}
#fourPoints h3 {
    aspect-ratio: 375/136;
    display: grid;
    place-items: center;
    place-content: center;
}
#fourPoints h3:nth-of-type(1) {
    background-image: url(../img/fourPoints1BG.webp);
    background-image: image-set(url(../img/fourPoints1BG.webp) 1x, url(../img/fourPoints1BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/fourPoints1BG.webp) 1x, url(../img/fourPoints1BG@2x.webp) 2x);
    background-size: cover;
}
#fourPoints .fp_div2 h3 {
    background-image: url(../img/fourPoints2BG.webp);
    background-image: image-set(url(../img/fourPoints2BG.webp) 1x, url(../img/fourPoints2BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/fourPoints2BG.webp) 1x, url(../img/fourPoints2BG@2x.webp) 2x);
    background-size: cover;
}
#fourPoints .fp_div3 h3 {
    background-image: url(../img/fourPoints3BG.webp);
    background-image: image-set(url(../img/fourPoints3BG.webp) 1x, url(../img/fourPoints3BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/fourPoints3BG.webp) 1x, url(../img/fourPoints3BG@2x.webp) 2x);
    background-size: cover;
}
#fourPoints .fp_div4 h3 {
    background-image: url(../img/fourPoints4BG.webp);
    background-image: image-set(url(../img/fourPoints4BG.webp) 1x, url(../img/fourPoints4BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/fourPoints4BG.webp) 1x, url(../img/fourPoints4BG@2x.webp) 2x);
    background-size: cover;
}
#fourPoints .fp_div2,
#fourPoints .fp_div4 {
    background-color: black;
}
#fourPoints .fp_div>div {
    padding: 11.18cqw 0 20.76cqw 0;
}
#fourPoints .fp_mainDL {
    font-feature-settings: "palt";
    margin: 0 auto 0 auto;
    width: 85.72cqw;
}
#fourPoints .fp_mainDL dt {
    border-bottom: 1px white solid;
    font-size: 5.07cqw;
    padding-bottom:1rem;
    line-height: 157.89%;
}
#fourPoints .fp_mainDL dd {
    font-size: 4.27cqw;
    line-height: 187.5%;
    padding-top: 1rem;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#fourPoints .fp_mainDL dd:nth-of-type(2) {
    padding-top: 2rem;
}
#fourPoints .fp_p2DL {
    border: 1px #7DCCF3 solid;
    font-feature-settings: "palt";
    margin: 0 auto 12.37cqw auto;
    padding: 6.19cqw 3.9cqw;
    width: 85.72cqw;
}
#fourPoints .fp_p2DL dt {
    border-bottom: 1px #7DCCF3 solid;
    color: #7DCCF3;
    font-size: 5.3cqw;
    padding:0 0 0.8rem 0;
    text-align: center;
}
#fourPoints .fp_p2DL dd {
    font-size: 4.27cqw;
    line-height: 156.25%;
    margin-top: 1rem;
}
#fourPoints .fp_p2DL dd:nth-of-type(1),
#fourPoints .fp_p2DL dd:nth-of-type(2) {
    list-style-type: disc;
    display: list-item;
    margin-left: 1rem;
}
#fourPoints .fp_p2DL dd:nth-of-type(3) {
    font-size: 3.73cqw;
}

#fourPoints .fp_div_eXample {
    margin: 8.94cqw auto 0 auto;
    width: 85.72cqw;
}
#fourPoints .fp_div_eXample p {
    font-size: 2.94cqw;
    font-feature-settings: "palt";
}
#fourPoints .fp_div_eXample p span {
    background: #7D7D7D;
    display: inline-block;
    font-size: 2.35cqw;
    text-align: center;
    width: 7.89cqw;
}
#fourPoints .fp_div_eXample ul {
    display: grid;
    grid-template-columns: 27.07cqw 27.07cqw 27.07cqw;
    gap: 1.52cqw 0;
    justify-content: space-between;
    margin-top: 1.52cqw;
}
#fourPoints .fp_div_eXample li {
    aspect-ratio: 101/23;
    display: grid;
    border-radius: 3px;
    place-items: center;
    place-content: center;
    font-size: 2.84cqw;
    width: 27.07cqw;
}
#fourPoints .fp_div_eXample li:nth-of-type(odd) {
    background-color: #00B0A8;
}
#fourPoints .fp_div_eXample li:nth-of-type(even) {
    color: #231815;
    background-color: #9ED8F5;
}

#fourPoints h4 {
    font-size: 4.4cqw;
    font-weight: normal;
    font-feature-settings: "palt";
    margin: 16.8cqw auto 0 auto;
    width: 85.72cqw;
}
#fourPoints .fp_support {
    font-feature-settings: "palt";
    margin: 0 auto 0 auto;
    width: 85.72cqw;
}
#fourPoints .fp_support dt {
    font-size: 5.07cqw;
    padding-top: 13.12cqw;
    text-align: center;
}
#fourPoints .fp_support dt:nth-of-type(1) {
    padding-top: 10.22cqw;
}

#fourPoints .fp_support dt span {
    display: inline-block;
    padding:6.8cqw 0 2.54cqw 0;
}
#fourPoints .fp_support dt:nth-of-type(1) span {
    border-bottom: 1px #D268A3 solid;
    color: #D268A3;
}
#fourPoints .fp_support dt:nth-of-type(2) span {
    border-bottom: 1px #65A9DC solid;
    color: #65A9DC;
}
#fourPoints .fp_support dt:nth-of-type(3) span {
    border-bottom: 1px #F19963 solid;
    color: #F19963;
}
#fourPoints .fp_support dt img {
    display: block;
    margin: 0 auto;
    width: 26.67cqw;
}
#fourPoints .fp_support dd {
    font-size: 4.26cqw;
    line-height: 187.5%;
    padding-top: 1em;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#fourPoints h4.cTeacher {
    font-size: 4.8cqw;
    position: relative;
    margin: 21.24cqw auto 0 auto;
    text-align: center;
    width: 51.69cqw;
}
 
#fourPoints h4.cTeacher:before,
#fourPoints h4.cTeacher:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 6.88cqw;
    height: 1px;
    background-color: white;
}
 
#fourPoints h4.cTeacher:before {
    left: 0;
}
 
#fourPoints h4.cTeacher:after {
    right: 0;
}
#fourPoints .cTeacherDIV {
    margin-bottom: 20.17cqw;
    padding-top: 9.21cqw;
    position: relative;
}
#fourPoints .cTeacherDIV:nth-of-type(1){
    margin-top: 10.67cqw;
}
#fourPoints .cTeacherDIV:last-of-type {
    margin-bottom: 0;
}
#fourPoints .cTeacherDIV img {
    position: absolute;
    top:0;
    left:0;
    width: 46.65cqw;
    z-index: 9999;
}
#fourPoints .cTeacherDIV dl {
    background : linear-gradient(90deg, rgba(29, 32, 135, 1) 0.03%, rgba(0, 77, 160, 1) 30%, rgba(0, 158, 167, 1) 70%, rgba(0, 170, 131, 1) 100%);
    margin: 0 0 0 auto;
    padding-top: 2.4cqw;
    width: 89.17cqw;
}
#fourPoints .cTeacherDIV:nth-of-type(2) dl {
    background : linear-gradient(90deg, rgba(106, 22, 132, 1) 0%, rgba(231, 82, 151, 1) 50%, rgba(242, 151, 27, 1) 100%);
}
#fourPoints .cTeacherDIV:nth-of-type(3) dl {
    background : linear-gradient(90deg, rgba(217, 80, 150, 1) 25%, rgba(127, 16, 131, 1) 100%);
}
#fourPoints .cTeacherDIV dl dt,
#fourPoints .cTeacherDIV dl dd {
    background-color: white;
    
}
#fourPoints .cTeacherDIV dl span {
    color: #505050;
    display: block;
    font-size: calc((15/375)*100cqw);
    font-feature-settings: "palt";
}
#fourPoints .cTeacherDIV dl dt span:nth-of-type(1) {
    border-bottom: 1px black solid;
    margin: 0 auto;
    padding: 2em 0 0.5em 39.96cqw;
    margin-right: 7.81cqw;
}
#fourPoints .cTeacherDIV dl dt span:nth-of-type(2) {
    font-size: 3.73cqw;
    height: 6.5em;
    line-height: 128.57%;
    padding: 0.5em 0 0 39.96cqw;
    margin-right: 7.81cqw;
}
#fourPoints .cTeacherDIV dl dd span {
    font-size: 4.27cqw;
    line-height: 187.5%;
    margin: 0 auto 0 auto;
    padding: 0 0 1.5em 0;
    width: 73.32cqw;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#fourPoints .fp_div4 h4 {
    font-size: 5.2cqw;
}
#fourPoints .practice_room {
    margin-top: calc((60/375)*100cqw);
    position: relative;
}
#fourPoints .practice_room img:nth-of-type(1){
    position: relative;
    width: calc((229/375)*100cqw);
    z-index: 9999;
}
#fourPoints .practice_room img:nth-of-type(2){
    display: block;
    margin: 0 0 0 auto;
    margin-top: calc((63/375)*-100cqw);
    position: relative;
    text-align: right;
    width: calc((180/375)*100cqw);
    z-index: 10;
}


#fourPoints div.js-scrollable {
    display: flex;
    flex-direction: row;
    height: 81cqw;
    margin-top:calc((17/375)*100cqw);
    margin-bottom: calc((66/375)*100cqw);
    overflow: auto;
    padding: 0;
    white-space: nowrap;
}
.js-scrollable dl {
    background-color: white;
    height: 77.08cqw;
    margin-right: calc((17/375)*100cqw);
}
.js-scrollable dl:first-of-type {
    margin-left: calc((30/375)*100cqw);
}
.js-scrollable dl:last-of-type {
    margin-right: calc((30/375)*100cqw);
}
.js-scrollable dl dt {
    color: #008CCE;
    font-size: calc((17/375)*100cqw);
    padding: 0 calc((32/375)*100cqw);
    padding-top: calc((30/375)*100cqw);
}
.js-scrollable dl dt img {
    display: block;
    margin-bottom: 1em;
    width:calc((202/375)*100cqw);
}
.js-scrollable dl dd {
    color: #505050;
    font-size: calc((16/375)*100cqw);
    line-height: calc((26/16)*100%);
    margin-top: 0.5em;
    padding: 0 calc((32/375)*100cqw);
    white-space:normal ;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#fourPoints .js-scrollable .scroll-hint-icon-wrap {
    top:calc((30/375)*-100cqw);
}


#fourPoints .proTeacher {
    margin-top:calc((31/375)*100%);
}

#fourPoints .proTeacher dl {
    height: calc((140/375)*100cqw);
    position: relative;
}
#fourPoints .proTeacher img {   
    position: absolute;
    width: calc((217/375)*100cqw);
}
#fourPoints .proTeacher dl dt {
    border-bottom: 1px white solid;
    font-size: calc((14/375)*100cqw);
}
#fourPoints .proTeacher dl dt span {
    display: block;
    font-size: calc((11/375)*100cqw);
}
#fourPoints .proTeacher dl:nth-of-type(2) {
    margin-top: calc((61/375)*100cqw*-1);
}
#fourPoints .proTeacher dl img {
    z-index: 9999;
}
#fourPoints .proTeacher dl:nth-of-type(1) img {
    left:0;
}
#fourPoints .proTeacher dl:nth-of-type(1) dt {
    display: flex;
    justify-content: flex-end;
    margin-right: calc((30/375)*100cqw);
    padding-top: 1em;
}
#fourPoints .proTeacher dl:nth-of-type(2) dt {
    position: absolute;
    bottom: calc((13/375)*100cqw);
    margin-left: calc((30/375)*100cqw);
    width: 100%;
}
#fourPoints .proTeacher dl dt {
    border-bottom: 1px white solid;
}
#fourPoints .proTeacher dl:nth-of-type(2) img {
    right:0;
}

.toOpenCampusUnderFP {
    margin-top: 0;
    background-color: black;
}

/* 大原の情報IT 4つのコース */
#itCourse {
    padding: 0 0 21.7cqw 0 ;
}
#itCourse h2 {
    aspect-ratio: 375/117;
    background: url(../img/campusProgramH2_BG.webp) no-repeat;
    background-size: cover;
    display: grid;
    place-items: center;
    place-content: center;
}
#itCourse h2 img {
    width: calc((192/375)*100cqw);
}
#itCourse .itCourseDL {
    background : linear-gradient(90deg, rgba(0, 77, 160, 1) 0%, rgba(0, 158, 167, 1) 50%, rgba(0, 174, 235, 1) 100%);
    margin-top: calc((12/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(2) {
    background : linear-gradient(90deg, rgba(233, 84, 93, 1) 0%, rgba(242, 151, 27, 1) 50%, rgba(248, 192, 88, 1) 100%);
}
#itCourse .itCourseDL:nth-of-type(3) {
    background : linear-gradient(90deg, rgba(145, 48, 140, 1) 0%, rgba(183, 76, 150, 1) 50%, rgba(219, 106, 163, 1) 100%);
}
#itCourse .itCourseDL:nth-of-type(4) {
    background : linear-gradient(90deg, rgba(0, 103, 0, 1) 0%, rgba(110, 185, 68, 1) 50%, rgba(167, 208, 129, 1) 100%);
}
#itCourse .itCourseDL>dt {
    background: url(../img/itCourse01BG.svg) ,url(../img/showDownPlus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
    cursor: pointer;
    font-size: calc((18/375)*100cqw);
    padding: 0 calc((34/375)*100cqw);
    padding-bottom: calc((37/375)*100cqw);
    padding-top: calc((21/375)*100cqw);
}
#itCourse .itCourseDL>dt.itCourseDL_open {
    background: url(../img/itCourse01BG.svg) ,url(../img/showDownMinus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(2)>dt {
    background: url(../img/itCourse02BG.svg) ,url(../img/showDownPlus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(2)>dt.itCourseDL_open {
    background: url(../img/itCourse02BG.svg) ,url(../img/showDownMinus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(3)>dt {
    background: url(../img/itCourse03BG.svg) ,url(../img/showDownPlus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(3)>dt.itCourseDL_open {
    background: url(../img/itCourse03BG.svg) ,url(../img/showDownMinus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(4)>dt {
    background: url(../img/itCourse04BG.svg) ,url(../img/showDownPlus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}
#itCourse .itCourseDL:nth-of-type(4)>dt.itCourseDL_open {
    background: url(../img/itCourse04BG.svg) ,url(../img/showDownMinus.svg);
    background-repeat: no-repeat,no-repeat;
    background-position: top center, center right calc((31/375)*100cqw);
    background-size: contain,calc((16/375)*100cqw);
}

#itCourse .itCourseDL>dt li {
    border-radius: calc((10/375)*100cqw);
    display: inline-block;
    font-size: calc((13/375)*100cqw);
    height: calc((20/375)*100cqw);
    text-align: center;
    width: calc((55/375)*100cqw);
}
#itCourse .itCourseDL>dt li.itcNagoya {
    background-color: #E40069;
}
#itCourse .itCourseDL>dt li.itcGifu {
    background-color: #00A061;
}
#itCourse .itCourseDL>dt li.itcTsu {
    background-color: #0B57A6;
}
#itCourse .itCourseDL>dd img {
    display: block;
}
#itCourse .itCourseDL>dd {
    padding: 0 calc((34/375)*100cqw);
    padding-bottom: calc((35/375)*100cqw);;
}
#itCourse .itCourseDL>dd>p:nth-of-type(1) {
    font-size: calc((16/375)*100cqw);
    font-feature-settings: "palt";
    line-height: calc((30/16)*100%);
    padding-top: calc((21/375)*100cqw);
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#itCourse .itCourseDL>dd>p:nth-of-type(2) {
    font-size: calc((14/375)*100cqw);
    font-feature-settings: "palt";
    line-height: calc((21/14)*100%);
    padding-top: calc((29/375)*100cqw);
}
#itCourse .itCourseDL>dd>p:nth-of-type(2) span {
    display: block;
}
#itCourse .itCourseDL>dd>p:nth-of-type(2) span:nth-of-type(1) {
    background-color: black;
    display: inline-block;
    font-size: calc((12/375)*100cqw);
    margin-bottom: 0.5em;
    padding: 0 0.5em;
}
#itCourse .itCourseDL>dd dl {
    margin-top: calc((12/375)*100cqw);
}
#itCourse .itCourseDL>dd dl dd {
    border-left: 1px white solid;
    border-right: 1px white solid;
    border-bottom: 1px white solid;
    font-size: calc((13/375)*100cqw);
    font-feature-settings: "palt";
    line-height: calc((21/13)*100%);
    padding: 0 calc((12/375)*100cqw);;
    padding-top: calc((13/375)*100cqw);
    padding-bottom: calc((12/375)*100cqw);
    margin-top: calc((8/375)*-100cqw);
}
#itCourse .itCourseDL>dd dl dt {
    font-size: calc((12/375)*100cqw);
    position: relative;
}
#itCourse .itCourseDL>dd dl dt span {
    display: block;
    border-left: 1px white solid;
    border-right: 1px white solid;
    margin: 0 calc((106/375)*100cqw);
    text-align: center;
}
#itCourse .itCourseDL>dd dl dt::after {
    right: 0;
}
#itCourse .itCourseDL>dd dl dt::before,
#itCourse .itCourseDL>dd dl dt::after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: calc((106/375)*100cqw);
    height: 1px;
    background-color: white;
 }
 #itCourse .caution {
    font-size: calc((11/375)*100cqw);
    padding: 0 calc((34/375)*100cqw);
    margin-top: calc((14/375)*100cqw);;
 }



/* 在校生紹介 */
#zaigakusei {
    padding-bottom: calc((75/375)*100cqw);
}
#zaigakusei h2 {
    border-bottom: 1px white solid;
    font-size: calc((15/375)*100cqw);
    font-feature-settings: "palt";
    font-weight: normal;
    margin: 0 calc((30/375)*100cqw);
    padding-bottom: calc((5/375)*100cqw);;
}
#zaigakusei h2 span {
    display: inline-block;
    font-size: calc((20/375)*100cqw);
    font-weight: 500;
    margin-right: 0.5em;
}
#zaigakusei div {
    display: grid;
    grid-template-columns: calc((153/375)*100cqw) calc((153/375)*100cqw);
    justify-content: space-between;
    grid-row-gap:calc((40/375)*100cqw);
    margin: 0 auto;
    margin-top: calc((29/375)*100cqw);
    width: calc((322/375)*100cqw);
}
#zaigakusei dl {
    width: calc((153/375)*100cqw);
}
#zaigakusei dl dt {
    background: url(../img/zaigakuseiIcon.svg)no-repeat;
    background-size: calc((15/375)*100cqw);;
    background-position: center bottom calc((12/375)*100cqw);;
    border: 1px #00A96F solid;
    cursor: pointer;
    font-feature-settings: "palt";
    margin-top: calc((23/375)*100cqw);
    padding-bottom: calc((32/375)*100cqw);
}
#zaigakusei dl:nth-of-type(2) dt { border: 1px #ED85A0 solid; }
#zaigakusei dl:nth-of-type(4) dt { border: 1px #0078F7 solid; }
#zaigakusei dl dt h6 {
    border-bottom: 1px #00A96F solid;
    color: #00A96F;
    font-size: calc((16/375)*100cqw);
    font-weight: normal;
    margin: 0 calc((12/375)*100cqw);
    margin-top: calc((12/375)*100cqw);
    margin-bottom: 0.4em;
    padding-bottom: 0.4em;
    text-align: center;
}
#zaigakusei dl:nth-of-type(2) dt h6 {
    border-bottom: 1px #ED85A0 solid;
    color: #ED85A0;

}
#zaigakusei dl:nth-of-type(4) dt h6 {
    border-bottom: 1px #0078F7 solid;
    color: #0078F7;
}
#zaigakusei dl dt p {
    font-size: calc((14/375)*100cqw);
    text-align: center;
}
#zaigakusei dl dt p span {
    display: inline-block;
    font-size: calc((17/375)*100cqw);
    padding-right: 0.5em;
}


/* 大原のココが凄い！ */
#kokoSugo {
    background-image: url(../img/kokoSugoBG.webp);
    background-image: image-set(url(../img/kokoSugoBG.webp) 1x, url(../img/kokoSugoBG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/kokoSugoBG.webp) 1x, url(../img/kokoSugoBG@2x.webp) 2x);
    background-size: contain;
    padding-bottom: calc((69/375)*100cqw);
}
#kokoSugo .fp_mainDL {
    font-feature-settings: "palt";
    margin: 0 auto 0 auto;
}
#kokoSugo .fp_mainDL dt {
    border-bottom: 1px white solid;
    display: inline-block;
    font-size: calc((23/375)*100cqw);
    padding-left: calc((27/375)*100cqw);
    padding-top: calc((35/375)*100cqw);
    padding-bottom:0.3em;
}
#kokoSugo .fp_mainDL dd {
    padding:0 calc((27/375)*100cqw);
}
#kokoSugo .fp_mainDL dd:nth-of-type(1) {
    padding-left: calc((27/375)*100cqw);
    font-size: calc((28/375)*100cqw);
    line-height: calc((38/28)*100%);
    padding-top: 0.5em;
}
#kokoSugo .fp_mainDL dd {
    font-size: calc((16/375)*100cqw);
    line-height: calc((30/16)*100%);
    padding-top: 1em;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#kokoSugo .fp_mainDL dd:nth-of-type(2) {
    padding-top: 2em;
}
#kokoSugo div.kokoSugo_01 {
    margin-top: calc((47/375)*100cqw);
}
#kokoSugo .shushokuritsu {
    margin-top: calc((44/375)*100cqw);
}
#kokoSugo .shushokuritsu dt img {
    width: calc((279/375)*100cqw);
}
#kokoSugo .network dt,
#kokoSugo .shushokuritsu dt {
    border-bottom: 1px white solid;
    margin: 0 auto;
    padding-bottom: calc((13/375)*100cqw);
    width: calc((321/375)*100cqw);
    text-align: center;
}
#kokoSugo .network dd,
#kokoSugo .shushokuritsu dd {
    font-size: calc((13/375)*100cqw);
    font-feature-settings: "palt";
    line-height: calc((22/13)*100%);
    padding: 0 calc((41/375)*100cqw);
    padding-top: calc((26/375)*100cqw);
}
#kokoSugo .shushokuritsu dd img {
    display: block;
    margin: 0 auto;
    margin-bottom: calc((22/375)*100cqw);
    width: calc((292/375)*100cqw);
}
#kokoSugo .network {
    margin-top: calc((69/375)*100cqw);
}
#kokoSugo .network dt img {
    width: calc((218/375)*100cqw);
}
#kokoSugo .network dd {
    font-size: calc((19/375)*100cqw);
    line-height: calc((31/19)*100%);
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}
#kokoSugo .network dd img {
    display: block;
    margin-top: calc((45/375)*100cqw);
}
#kokoSugo div.js-scrollable {
    display: flex;
    flex-direction: row;
    overflow: auto;
    height: fit-content;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%;
    padding-right: calc((34/375)*100cqw);
}
#kokoSugo div.js-scrollable ul p {
    position: absolute;
    bottom: 0;
    right:0;
}
#kokoSugo div.js-scrollable ul:last-of-type {
    position: relative;
}
#kokoSugo div.js-scrollable ul {
    list-style:url(../img/recruitPoint.svg);
}
#kokoSugo div.js-scrollable li {
    font-size: calc((14/375)*100cqw);
    font-feature-settings: "palt";
    margin-left: 2em;
    line-height: calc((21/14)*100%);
    list-style:url(../img/recruitPoint.svg);
}
#kokoSugo .recruit {
    background-color: black;
    margin-top: calc((20/375)*100cqw);
    padding: calc((28/375)*100cqw) 0 ;
}
#kokoSugo .recruit h6 {
    background: url(../img/recruitH6BG.svg) no-repeat;
    background-size: contain;
    font-size: calc((15/375)*100cqw);
    font-feature-settings: "palt";
    font-weight: normal;
    height: calc((26/375)*100cqw);;
    margin-bottom: calc((23/375)*100cqw);
    padding-left: calc((55/375)*100cqw);
}
#kokoSugo .scroll-hint-icon {
    background-color: gray;
}
#kokoSugo .js-scrollable .scroll-hint-icon-wrap {
    top:calc((35/375)*-100cqw);
}

/* キャンパスツアー */
#campusTour {
    background-image: url(../img/campusTourBG.svg);
    background-color: #232323;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    display: none;
    padding: 0;
    padding-bottom: calc((35/375)*100cqw);
}
#campusTour h2 {
    padding-top: calc((22/375)*100cqw);
    padding-bottom: calc((19/375)*100cqw);
}
#campusTour h2 span {
    border-bottom: 1px white solid;
    display: inline-block;
    font-size: calc((18/375)*100cqw);
    font-weight: normal;
    margin-bottom: calc((19/375)*100cqw);
    padding-left: calc((32/375)*100cqw);
}
#campusTour h2 img {
    display: block;
    width: calc((278/375)*100cqw);;
    padding-left: calc((32/375)*100cqw);
}
#campusTour dl .slick-slide {
    /* aspect-ratio: 311/447; */
    margin-right: 4cqw;
    width: 82.9cqw;
}
#campusTour dl div {
    position: relative;
}
#campusTour dl div dd {
    background-color: white;
    color: #323232;
    font-size: calc((16/375)*100cqw);
    font-feature-settings: "palt";
    line-height: calc((26/16)*100%);
    padding: 0 calc((19/375)*100cqw);
    padding-bottom: 2em;
    text-align: justify;
    word-break:break-all; 
    text-justify:inter-character;
    overflow-wrap:break-word;
}
#campusTour dl div dd h6 {
    border-bottom: 1px #505050 solid;
    color: #323232;
    font-size: calc((20/375)*100cqw);
    font-weight: normal;
    padding-top: calc((28/375)*100cqw);
    padding-bottom: 0.5em;
    margin-bottom:  0.5em;
    text-align: center;
}
/* カルーセル */
.Slider .slick-arrow {
    background-image: url(../img/slideNext.svg);
    background-size: contain;
    background-repeat: no-repeat;
    height: 8.8cqw;
    right:2.1%;
    width: 8.8cqw;
    z-index: 100;
}
.Slider .slick-prev {
    background-image: url(../img/slidePrev.svg);
    background-repeat: no-repeat;
    background-size: contain;
    left: 2.1%;
}
.slick-prev, .slick-next {
    top:50%;
}
.Slider .slick-prev::before,
.Slider .slick-next::before {
    color: transparent;
}
.Slider .slide-dots {
    margin: 0;
    padding: 0;
    text-align: center;
}
.Slider .slide-dots li {
    display: inline-block;
    margin: 0 10px;
}
.Slider .slide-dots li button {
    position: relative;
    text-indent: -9999px;
}
.slick-prev, .slick-next {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
}
.Slider .slide-dots li button::before {
    background-image: url(../img/dotNonActive.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    cursor: pointer;
    height: 2.9cqw;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 24px;
    width: 2.9cqw;
}
.Slider .slide-dots li.slick-active button::before {
    background-image: url(../img/dotActive.svg);
}
.slick-dotted.slick-slider {
    margin-bottom: 2.9cqw;
}

/* キャンパス紹介 */
#introCampus {
    padding: 0 0 7.9% 0;
}
#introCampus h2 {
    aspect-ratio: 375/117;
    background: url(../img/campusProgramH2_BG.webp) no-repeat;
    background-size: auto;
    background-size: cover;
    display: grid;
    place-items: center;
    place-content: center;
}
#introCampus h2 img {
    width: calc((119/375)*100cqw);
}
#introCampus h3 {
    margin-top: calc((50/375)*-100cqw);
    position: relative;
    padding-left: calc((35/375)*100cqw);
    z-index: 9999;
}
#introCampus h3 img:nth-of-type(1) {
    width: calc((63/375)*100cqw);
}
#introCampus h3 img:nth-of-type(2) {
    position: absolute;
    top: calc((70/375)*100cqw);
    right: calc((32/375)*100cqw);;
    width: calc((221/375)*100cqw);
}
#introCampus dl {
    color: #505050;
    font-size: 3.9cqw;
    font-feature-settings: "palt";
    line-height: 120%;
    margin-top: 20.5%;
}
#introCampus dl:first-of-type {
    margin-top: calc((44/375)*-100cqw);
}
#introCampus dl dt {
    background : linear-gradient(90deg, rgba(233, 84, 93, 1) 0%, rgba(229, 45, 138, 1) 45%, rgba(0, 77, 160, 1) 80%, rgba(0, 117, 193, 1) 100%);
    margin: 0 auto;
    padding-top: calc((5/375)*100cqw);
    width: 86.7%;
}
#introCampus dl dt span {
    background-color: white;
    color: #E40069;
    display: block;
    font-size: calc((20/375)*100cqw);
    padding: 1em 0;
    text-align: center;
}
#introCampus dl:nth-of-type(2) dt {
    background : linear-gradient(90deg, rgba(108, 186, 90, 1) 18.63%, rgba(0, 161, 153, 1) 52.22%, rgba(0, 77, 160, 1) 89.75%);
}
#introCampus dl:nth-of-type(2) dt span {
    color: #39B382;
}
#introCampus dl:nth-of-type(3) dt {
    background : linear-gradient(90deg, rgba(35, 182, 188, 1) 0.02%, rgba(0, 159, 232, 1) 30%, rgba(28, 80, 161, 1) 70%, rgba(29, 32, 135, 1) 99.97%);
}
#introCampus dl:nth-of-type(3) dt span {
    color: #5084C4;
}
#introCampus dl .accessGrid {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 50.2% 1fr;
    grid-gap: 6.7cqw 8cqw;
    margin:  8% auto 0 auto;
    width: 86.7%;
}
#introCampus dl .accessGrid div:nth-of-type(1) {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}
#introCampus dl .accessGrid div:nth-of-type(2) img {
    display: block;
    margin: 0 auto;
    width: 27.7cqw;
}
#introCampus .gMap {
    margin: 8% auto 0 auto;
    width: 86.7%;   
}
#introCampus .gMap iframe {
    aspect-ratio: 325/257;
    width: 100%;
}

/* LINE AO */
#lineAO {
    padding: 0 0 20.7% 0;
}
#lineAO .lineAcount {
    background-color: white;
    border: 2px solid #01BA00;
    font-feature-settings: "palt";
    margin: 0 auto;
    padding: 5.9% 0;
    width: 86.7%;
}
#lineAO .lineAcount h3 {
    font-size: 4.8cqw;
    color: #01BA00;
    text-align: center;
}
#lineAO .lineAcount h3 img {
    display: block;
    margin: 0 auto 4.36% auto;
    width: 14.3%;
}
#lineAO .lineAcount p {
    color: #505050;
    font-size: 3.7cqw;
    line-height: 143%;
    margin-bottom: 1em;
    text-align: center;
}
#lineAO .lineAcount a {
    aspect-ratio: 269/50;
    align-items: center;
    background-color: #01BA00;
    background-image: url(../img/lineArrowR.svg);
    background-position: right 4.5% center;
    background-size: auto 18%;
    border-radius: 3px;
    color: white;
    cursor: pointer;
    font-size: 3.2cqw;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: 83.8%;
}
/* --------------------------
フッターSP
-------------------------- */
footer {
    background-color: black;
    font-feature-settings: "palt";
    padding-top: 14.5%;
}
footer h2 {
    margin: 0 auto;
    width: 80%;
}
footer div {
    font-size: 4.5cqw;
    font-weight: bold;
    margin-top: 8.3%;
    margin-bottom: 16%;
    text-align: center;
}
footer div a {
    display: block;
    cursor: pointer;
    line-height: 100%;
    font-size: 10.1cqw;
}
footer div {
    text-align: center;
}
footer div ul {
    display: flex;
    justify-content: center;
    margin-top: calc((17/375)*100cqw);
}
footer div ul li:first-of-type {
    margin-right: calc((21/375)*100cqw);
}
footer div a img {
    width: calc((50/375)*100cqw);
}
footer dl {
    font-family: 'M PLUS 1', sans-serif;
    font-size: 4cqw;
    line-height: 100%;
    margin-bottom: 2em;
    text-align: center;
}
footer dt,
footer dd {
    margin-bottom: 0.8em;
}
.footer_copyright {
    background-color:#323232;
    color: white;
    font-size: 2.66667cqw;
    margin: 14.5% 0 0 0;
    padding: 1em 0;
    text-align: center;
}

/* ランドスケープ */
@media (orientation: landscape) {
    #topSection {
        background-image: url(../img/pcbViewBG.webp);
        background-image: image-set(url(../img/pcViewBG.webp) 1x, url(../img/pcViewBG@2x.webp) 2x);
        background-size: cover;
        background-position: bottom right -138vw;
        height: auto;
    }
    #topSection dl {
        padding-bottom: calc((5cqh));
    }
}
/* 幅769px以上 */
@media (min-width: 769px) {
    header {
        background-color: #141414;
        display: flex;
        justify-content: space-between;
        height: 70px;
        position: fixed;
        top: 0;
        z-index: 1000;
        width: 100%;
    }
    header h1 {
        margin:0 2.7cqw;
        width: 156px;
    }
    header ul {
        display: flex;
    }
    header ul li {
        border-left: 1px solid #C8C8C8;
        height: 70px;
        width: 196px;
    }
    #toOpenCampusS,
    #topSection {
        display: none;
    }
    #pcView {
        background-image: url(../img/tabViewBG.webp);
        background-image: image-set(url(../img/tabViewBG.webp) 1x, url(../img/tabViewBG@2x.webp) 2x);
        background-position: right top 70px;
        background-size: cover;
        position: fixed;
        display: block;
        height: 100vh;
        top: 0;
        width: 100%;
    }
    #pcView h1 {
        margin-top: 18%;
        margin-left: calc((107/1920)*100vw);
        width: 35vw;
    }
    #pcView dl {
        margin-top: 5%;
        margin-left: calc((107/1920)*100vw);
        width: 30vw;
    }
    #pcView dl dd {
        margin-top: 5%;
    }
    #pcView p {
        display: none;
    }
    #spView {
        box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);
        overflow: hidden;
        position: absolute;
        right: 8%;
        width: 375px;
        top: 70px;
        z-index: 800;
    }
    .kokogaUreshi dl dd img:nth-of-type(2){
        
    }
    /* font-size 10pt (2.66667cqw)*/
    .footer_copyright {
        font-size: calc(10 / 16 * 1rem);
    }
    /* font-size 12pt (3.2cqw)*/
    #lineAO .lineAcount a {
        font-size: calc(12 / 16 * 1rem);
    }
    /* font-size 14pt (3.7cqw)*/
    #lineAO .lineAcount p {
        font-size: calc(14 / 16 * 1rem);
    }
    /* font-size 14.5pt (3.9cqw)*/
    #introCampus dl {
        font-size: calc(14.5 / 16 * 1rem);
    }
    /* font-size 15pt (4cqw)*/
    footer dl {
        font-size: calc(15 / 16 * 1rem);
    }
    /* font-size 16pt (4.3cqw)*/
    #campusTour dl div dd,
    #kokoSugo dl {
        font-size: calc(16 / 16 * 1rem);
    }
    /* font-size 17pt (4.5cqw)*/
    footer p,
    #whatsIryouGimu dl,
    .schedule .taikenClass_GifuS dl dd,
    .schedule .taikenClass dl,
    .kokogaUreshi dl dt,
    .pFlow03 div,
    #gifuSpecialMenu dl dd,
    #campusProgram .pFlow02,
    #campusProgram .pFlow02 dd,
    #campusProgram div.pFlow01 p {
        font-size: calc(17 / 16 * 1rem);
    }
    /* font-size 18pt (4.8cqw)*/
    #lineAO .lineAcount h3 {
        font-size: calc(18 / 16 * 1rem);
    }
    /* font-size 38pt (10.1cqw)*/
    footer p a {
        font-size: calc(38 / 16 * 1rem);
    }
    #gimon #gimonBaloon img:nth-of-type(3) {
        top: 118px;
    }
    #gimon #gimonBaloon img:nth-of-type(4) {
        top: 114px;
    }
    #gimon #gimonBaloon img:nth-of-type(5) {
        top: 232px;
    }
    #gifuSpecialMenu dl {
        top:362px;
    }
    #gifuSpecialMenu dl dt {
        font-size: calc(21 / 16 * 1rem);
    }
    #gifuSpecialMenu dl dd {
        margin-top: 10px;
        width: 262.5px;
    }

    .schedule>p img:nth-of-type(1) {
       
    }
    .schedule>p img:nth-of-type(2) {
        top:-28.8667px;
    }
    .taikenSchedule div {
        row-gap: 12px;
    }
    .toOpenCampus .toOpenCampus01 span {
        top: -82.5px;
    }

    #campusTour h2 {
        /* height: 157.867px; */
    }
    #campusTour dl div dd {
        /* top:367.5px; */
    }
    #campusTour dl .slick-slide {
        /* aspect-ratio: 311/447; */
        /* margin-right: 15px;
        width: 311px; */
    }
    /* カルーセル */
    .Slider .slick-arrow {
        /* height: 33px; */
    }
    .slick-prev, .slick-next {
        /* top:154px; */
    }
    .Slider .slide-dots li button::before {
        /* height: 11px;
        width: 11px; */
    }

    #introCampus dl .accessGrid {
        grid-gap: 25px 30px;
    }
    #introCampus dl .accessGrid div:nth-of-type(2) img {
        width: 104px;
    }
}
/* 幅786px以上 */
@media (min-width: 786px) and (orientation: landscape) {
    header {
        display: none;
    }
    #pcView {
        background-image: url(../img/pcViewBG.webp);
        background-image: image-set(url(../img/pcViewBG.webp) 1x, url(../img/pcViewBG@2x.webp) 2x);
        background-position: calc(50% - 11vw) top;
        background-size: cover;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #pcView h1 {
        margin-top: calc((90/1080)*100dvh);
        margin-left: calc((107/1920)*100vw);
        padding-top: calc((438/1080)*100vh);
        position: relative;
    }
    #pcView h1 svg {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #pcView dl {
        /* margin-top: calc((163/1920)*100vw); */
        /* margin-bottom: calc((77/1080)*100vh); */
        /* margin-left: calc((107/1920)*100vw); */
        margin: 0;
        margin-left: calc((107/1920)*100vw);
        padding-bottom: calc((77/1080)*100vh);
        margin-bottom: calc((100vh - 100dvh)*0.7);
        /* width: calc((285/1920)*100vw); */
    }
    #pcView dl dt {
        padding-top: calc((45/1080)*100vh);
        padding-left: 1vw;
        position: relative;
        width: auto;
    }
    #pcView dl dd {
        margin-top: calc((16/1080)*100vh);
        line-height: 1;
    }
    #pcView dl dd:first-of-type {
        
    }
    #pcView dl dt img {
        position: absolute;
        top:0;
        left:0;
        width: auto;
        height: 100%;
    }
    #pcView dl dd img {
        height: calc((55/1080)*100vh);
        width: auto;
    }
    #spView {
        top: 0;
    }
}
/* 幅1024px以上 */
@media (min-width: 1024px) and (orientation: landscape) {
    header {
        display: flex;
    }
    #pcView {
        background-image: url(../img/pcViewBG.webp);
        background-image: image-set(url(../img/pcViewBG.webp) 1x, url(../img/pcViewBG@2x.webp) 2x);
        background-position: center top 70px;
        background-size: auto calc((100vh - 70px));
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    #pcView h1 {
        margin-top: calc((195/1080)*100vh);
        margin-left: calc((107/1920)*100vw);
        padding-top: calc((418/1080)*100vh);
        position: relative;
    }
    #pcView h1 svg {
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    #pcView dl {
        /* margin-top: calc((163/1920)*100vw); */
        /* margin-bottom: calc((77/1080)*100vh); */
        /* margin-left: calc((107/1920)*100vw); */
        margin: 0;
        margin-left: calc((107/1920)*100vw);
        padding-bottom: calc((77/1080)*100vh);
        width: calc((285/1920)*100vw);
    }
    #pcView dl dd {
        margin-top: calc((16/1080)*100vh);
    }
    #pcView dl dd:first-of-type {
        margin-top: 0;
    }
    #pcView dl dd img {
        height: calc((47/1080)*100vh);
        width: auto;
    }
    #pcView p {
        display: none;
    }
    #pcView dl dt {
        display: none;
    }
    #spView {
        top: 70px;
    }
    .modalWrap {
        width: 800px;
        max-width: none;
    }
    #modalBox .modalWrap>div .zmb_Title {
        height: calc((142/710)*100cqw);
        padding-top: calc((15/710)*100cqw);
    }
    #modalBox .modalWrap>div .zmb_Title h6 {
        font-size: calc((15/710)*100cqw);
        width: calc((158/710)*100cqw);
    }
    #modalBox .modalWrap>div .zmb_Title div {
        padding-top: calc((28/710)*100cqw);
        width: calc((158/710)*100cqw);
    }
    #modalBox .modalWrap>div .zmb_Title div p span,
    #modalBox .modalWrap>div .zmb_Title div p {
        font-size: calc((15/710)*100cqw);
    }
    #modalBox .modalWrap>div .zmb_Title div p span {
        font-size: calc((18/710)*100cqw);
    }
    #modalBox .modalWrap>div .zmb_Para {
        font-size: calc((16/710)*100cqw);
        padding-top: calc((25/710)*100cqw);
        order: 2;
    }
    #modalBox .modalWrap>div .zmb_Pict {
        margin-top: calc((23/710)*100cqw);
        order: 1;
    }
    #modalBox .modalWrap>div {
        grid-template-rows: auto auto;
        grid-template-columns: auto auto;
        column-gap: calc((20/710)*100cqw);;
    }
    #modalBox .modalWrap>div .zmb_Title {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
    #modalBox .modalWrap>div .zmb_Para {
        grid-row: 1 / 3;
        grid-column: 2 / 3;
        padding-top: 0;
    }
    #modalBox .modalWrap>div .zmb_Pict {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
    #modalBox .modalWrap>div .zmb_Pict img {
        align-self: flex-start;
        width: calc((145/710)*100cqw);
    }
    #modalBox .modalWrap .telLine {
        display: block;
    }
    .telLine img {
        display: block;
        margin: 0 auto;
        width: 300px;
    }
    .telLine p span {
        color: #505050;
        display: inline-block;
        font-size: calc((23/16)*1rem);
    }
    .telLine ul {
        display: flex;
        flex-direction: row;
        margin-top: calc((40/16)*1rem);
        justify-content: center;
    }
    .telLine li {
        margin-top: 0;
        margin-left: 2em;
    }
    .telLine li a {
        font-size: calc((20/16)*1rem);
        padding: 1em 2em;
    }
    .telLine li a span {
        display: block;
    }
    .toOpenCampus .toOpenCampus01 > img {
        top:calc((56/375)*100cqw);
    }
}
/* 幅1280px以上 */
@media (min-width: 1280px) {
    #spView {
        width: 420px;
    }
    /* モーダルボックス */
    .modalWrap {
        width: 1000px;
    }
    #modalWrap {
        width: auto;
    }
    #modalBox p {
       
    }
    #modalBox .modalWrap {
    }
    #modalBox .modalWrap div {
        
    }
    #modalBox .modalWrap div a {
        margin: 0;
    }
    #modalBox .modalWrap div a img {
        
    }
    header h1 {
        margin: 0 0 0 37px;
    }
    #pcView div dl {
        width: calc((285/1920)*100vw);
    }
    #pcView div dt {
        
    }
    
    #pcView p {
        display: block;
        bottom: 0px;
        height: auto;
        position: absolute;
        right: 0%;
        width: calc((129/1920)*100vw);
    }
    #spView {
        right:10%;
    }
}
@media (min-width: 1920px) {
    #spView {
        left:65%;
    }

}