<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
* {
    color: #505050;
}
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 {
    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 p {
    aspect-ratio: 137/59;
    margin: 0 auto 8vw auto;
    text-indent: -9999px;
    width: 40vw;
}
#modalBox p.modalpro1 {
    background-image: url(../img/modal1_pro.svg);
}
#modalBox p.modalitb2 {
    background-image: url(../img/modal1_itb.svg);
}
#modalBox p.modalweb3 {
    background-image: url(../img/modal1_web.svg);
}
#modalBox p.modalitd4 {
    background-image: url(../img/modal1_itd.svg);
}
#modalBox p.modalkz1 {
    background-image: url(../img/modal1_kai.svg);
}
#modalBox p.modalkz2 {
    background-image: url(../img/modal1_zei.svg);
}
#modalBox p.modal1 {
    background-image: url(../img/modal1_kokka.svg);
}
#modalBox p.modal2 {
    background-image: url(../img/modal1_ken.svg);
}
#modalBox p.modal3 {
    background-image: url(../img/modal1_kei.svg);
}
#modalBox p.modal4 {
    background-image: url(../img/modal1_sho.svg);
}
#modalBox p.modal5 {
    background-image: url(../img/modal1_oc.svg);
}
#modalBox p.modal6 {
    background-image: url(../img/modal1_shiryo.svg);
}
#modalBox p.modal7 {
    background-image: url(../img/modal1_line.svg);
}
#modalBox p.modal8 {
    background-image: url(../img/modal1_ao.svg);
}
#modalBox p.modal9 {
    background-image: url(../img/modal1_tel.svg);
}

.modalWrap {
    background: rgba(255,255,255,0.9);
    border-radius: 5px;
    justify-content: space-between;
    padding: 8vw 4vw 10vw 4vw;
    position: relative;
    width: 85%;
    z-index: 1002;
}
.modalWrap a {
    display: block;
    margin: 0 auto 3vw auto;
    text-align: center;
}
.modalWrap a:last-of-type {
    margin-bottom: 0;
}
.modalWrap a img {
    filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.3));
    width: 65vw;
}
.modalBack {
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 998;
}
.close-button {
    --close-btn-size: 30px;
    --close-btn-width: 100%;
    --close-btn-height: 2px;
    --close-btn-color: #ccc;
   
    position: absolute;
    height: var(--close-btn-size);
    width: var(--close-btn-size);
    background-color: transparent;
    border-color: transparent;
    cursor: pointer;
    right: 1vw;
    top: 1vw;
  }
  .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: 750/1452;
    background-image: url(../img/topSectionBg.webp),url(../img/topSectionBg.svg);
    background-size: 100% auto;
    position: relative;
    z-index: 6;
}
#topSection div {
    margin-top: 60.3%;
}
#topSection img {
    width: 100%;
}

/* オープンキャンパスに申し込むボタン */
.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%);
}


#gimon {
    aspect-ratio: 375/918;
    background: url(../img/gimonBG.svg) no-repeat;
    background-size: 100% auto;
    margin-top: -18.7%;
    padding-top: 22.1%;
    position: relative;
    z-index: 5;
}
#gimon h2 {
    margin: 0 auto;
    width: 70.9%;
}
#gimon #gimonBaloon {
    aspect-ratio: 750/720;
    background-image: url(../img/gimonUlBG.webp);
    background-image: image-set(url(../img/gimonUlBG.webp) 1x, url(../img/gimonUlBG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/gimonUlBG.webp) 1x, url(../img/gimonUlBG@2x.webp) 2x);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: 7.4%;
    position: relative;
}
#gimon #gimonBaloon img {
    position: absolute;
}
#gimon #gimonBaloon img:nth-of-type(1) {
    left:4.67%;
    width: 45.1%;
}
#gimon #gimonBaloon img:nth-of-type(2) {
    left:48.3%;
    width: 46.7%;
}
#gimon #gimonBaloon img:nth-of-type(3) {
    left: 2.3%;
    top:31.5vw;
    width: 40%;
}
#gimon #gimonBaloon img:nth-of-type(4) {
    left:60.2%;
    top:31.9vw;
    width: 37.6%;
}
#gimon #gimonBaloon img:nth-of-type(5) {
    left:23.3%;
    top:64.5vw;
    width: 55.2%;
}
#gimon p {
    margin-top: 4.8%;
}
#gimon p img {
    display: block;
    margin: 0 auto;
    width: 59.5%;
}
#gimon div {
    margin-top: -1.87%;
}


#campusProgram {
    background-image: url(../img/campusProgramBG.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: -25.3%;
    padding-top: 27.3%;
    position: relative;
    z-index: 4;
}

#campusProgram_openCampus {
    position: relative;
}
#campusProgram_openCampus div {
    aspect-ratio: 375/329;
    background-image: url(../img/oharaOpenCampus.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    text-indent: -9999px;
    width: 100%;
}
#campusProgram_openCampus img {
    bottom:0;
    display: block;
    position: absolute;
    width: 22.7%;
}
#campusProgram_openCampus img:nth-of-type(1) {
    left: 0;
}
#campusProgram_openCampus img:nth-of-type(2) {
    right: 0;
}
#campusProgram h2 {
    margin-top: 10.1%;
}
#campusProgram h2 img {
    display: block;
    margin: 0 auto;
    width: 78.1%;
}
#campusProgram h3 {
    margin-top: 10.2%;
}
#campusProgram div.pFlow01 {
    aspect-ratio: 375/450;
    background-image: url(../img/program01BG.webp);
    background-image: image-set(url(../img/program01BG.webp) 1x, url(../img/program01BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/program01BG.webp) 1x, url(../img/program01BG@2x.webp) 2x);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: 5.1%;
    position: relative;
}
#campusProgram div.pFlow01 h4 {
    margin-left: 6.9%;
    width: 48.5%;
}
#campusProgram div.pFlow01 p {
    font-size: 4.53vw;
    font-feature-settings: "palt";
    line-height: 158.8%;
    margin-top: 61.5%;
    margin-left: 10%;
}
.pFlow01 .stars {
    position: absolute;
}
.pFlow01 .stars:nth-of-type(1) {
    left: 88.5%;
    top: 9.6vw;
    width: 8.3%;
}
.pFlow01 .stars:nth-of-type(2) {
    left: 1.9%;
    top: 82.3vw;
    width: 6.1%;
}

/* 点滅アニメーション 入れ替えあり */
.blinkAni img {
    opacity: 0;
    position: absolute;
	animation: change-img-anim 1s steps(1, start) infinite;
}
.blinkAni img:nth-of-type(1) {
    animation: change-img-anim-first 1s steps(1, start) infinite;
    animation-delay: 0s;
}
.blinkAni img:nth-of-type(2) {
    animation-delay: 0.5s;
}
@keyframes change-img-anim-first {
	0%{ opacity: １;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
@keyframes change-img-anim {
    0%{ opacity: 0;}
  30%{ opacity: 1;}
  36%{ opacity: 1;}
  45%{ opacity: 0;}
  100%{ opacity: 0;}
}
/* 点滅アニメーション 入れ替えあり END */

/* 点滅アニメーション 入れ替えあり */
.blinkAni2 img {
    opacity: 0;
    position: absolute;
	animation: change-img-anim 1s steps(1, start) infinite;
}

/* 点滅アニメーション 入れ替えなし END */

/* 回転アニメーション */
.rotateAni {
    animation:1s steps(1, start) infinite rotation;
}
@keyframes rotation {
    0%{ transform:rotate(0);}
    50%{ transform:rotate(-5deg); }
    100%{ transform:rotate(0);}
}
.rotateAni15 {
    animation:1s steps(1, start) infinite rotation15;
}
@keyframes rotation15 {
    0%{ transform:rotate(0);}
    50%{ transform:rotate(-15deg); }
    100%{ transform:rotate(0);}
}
.rotateAni-5 {
    animation:1s steps(1, start) infinite rotation-5;
}
@keyframes rotation-5 {
    0%{ transform:rotate(0);}
    50%{ transform:rotate(5deg); }
    100%{ transform:rotate(0);}
}
/* 回転アニメーション END*/

/* ゆれるアニメーション */
.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*/

.btn_now {
    animation: btn 3.5s ease infinite;
}
@keyframes btn {
  0% { transform:translateX(0) }
  5% { transform:translateX(0) }
  10% { transform:translateX(0) }
  20% { transform:translateX(-15px) }
  25% { transform:translateX(0) }
  30% { transform:translateX(-15px) }
  50% { transform:translateX(0) }
  70% { transform:translateX(-15px) }
  75% { transform:translateX(0) }
  80% { transform:translateX(-15px) }
  100% { transform:translateX(0) }
}

#campusProgram .pFlow02 {
    margin-top: 1.9%;
    position: relative;
}
#campusProgram .pFlow02 h4 {
    margin-left: 6.9%;
    width: 78.7%;
}
.pFlow02_A {
    margin-top: 4%;
}
.pFlow02_A dd {
    margin-top: -16%;
}
.pFlow02_B {
    margin-top: 4.3%;
}
.pFlow02_B dd {
    margin-top: -15.5%;
}
.pFlow02_C {
    margin-top: 3.2%;
}
.pFlow02_C dd {
    margin-top: -13.1%;
}
#campusProgram .pFlow02 dd {
    font-size: 4.53vw;
    font-feature-settings: "palt";
    line-height: 152.9%;
    text-align: center;
}
/* コース別体験授業の星 */
.pFlow02 .stars {
    position: absolute;
}
.pFlow02 .stars:nth-of-type(1) {
    left:3.9%;
    top:36.7vw;
    width: 4.7%;
}
.pFlow02 .stars:nth-of-type(2) {
    left: 85.9%;
    top: 16.5vw;
    width: 11.5%;
}
.pFlow02 .stars:nth-of-type(3) {
    left: 4.3%;
    top: 103.6vw;
    width: 10.9%;
}
.pFlow02 .stars:nth-of-type(4) {
    left: 81.2%;
    top: 90.8vw;
    width: 13.7%;
}
.pFlow02 .stars:nth-of-type(5) {
    left: 2.7%;
    top: 192.6vw;
    width: 11.4%;
}
.pFlow02 .stars:nth-of-type(6) {
    left: 9.2%;
    top: 175.4vw;
    width: 5.2%;
}
.pFlow02 .stars:nth-of-type(7) {
    left: 77.5%;
    top: 199.7vw;
    width: 5.7%;
}
.pFlow02 .stars:nth-of-type(8) {
    left: 6.5%;
    top: 277vw;
    width: 5.3%;
}
.pFlow02 .stars:nth-of-type(9) {
    left: 84.1%;
    top: 280.9vw;
    width: 8.2%;
}


/* コース別体験授業の星 END*/

#gifuSpecialMenu {
    position: relative;
}

#gifuSpecialMenu div {
    left: 18.15%;
    position: absolute;
    top: 0;
    width: 63.7%;
}

#gifuSpecialMenu dl {
    font-feature-settings: "palt";
    left:13.9%;
    position: absolute;
    top:96.6vw;
}
#gifuSpecialMenu dl dt {
    color: #FF9933;
    font-size: 5.6vw;
    line-height: 138%;
}
#gifuSpecialMenu dl dd {
    font-size: 4.5vw;
    line-height: 153%;
    margin-top: 2.7vw;
    width: 70vw;
    text-align: justify;
}

.pFlow03 {
    aspect-ratio: 375/374;
    background-image: url(../img/pFlow03BG.webp);
    background-image: image-set(url(../img/pFlow03BG.webp) 1x, url(../img/pFlow03BG@2x.webp) 2x);
    background-image: -webkit-image-set(url(../img/pFlow03BG.webp) 1x, url(../img/pFlow03BG@2x.webp) 2x);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: left 14.9vw;
    margin-top: 1.9%;
    position: relative;
}
.pFlow03 h4 {
    margin-left: 6.9%;
    width: 87.5%;
}
.pFlow03 div {
    font-size: 4.5vw;
    font-feature-settings: "palt";
    line-height: 153%;
    margin-top: 65.5%;
    margin-left: 10.1%;
    width: 80.3%;
    text-align: justify;
}
.pFlow03 .stars {
    position: absolute;
}
.pFlow03 .stars:nth-of-type(1) {
    left: 89.5%;
    top: 22.7vw;
    width: 7.8%;
}
.pFlow03 .stars:nth-of-type(2) {
    left: 3.1%;
    top: 90vw;
    width: 6.2%;
}
.gakkouSetsumei {
    margin: 9.9% auto 0 auto;
    width: 86.7%;
}

/* 大原のオーキャン ここが嬉しい */
.kokogaUreshi {
    background-image: url(../img/kokogaUreshiBG.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-top: 12%;
    padding: 20% 0 17.1% 0 ;
    width: 100%;
}
.kokogaUreshi h2 {
    margin: 0 auto;
    width: 75.4%;
}
.kokogaUreshi ul {
    display: flex;
    margin: 4.5% auto 0 auto;
    justify-content: space-between;
    width: 84.8%;
}
.kokogaUreshi ul li {
    width: 31.1%;
}
.kokogaUreshi dl {
    aspect-ratio: 315/275;
    margin: 1.6% auto 0 auto;
    position: relative;
    width: 84%;
}
.kokogaUreshi dl dt {
    font-size: 4.5vw;
    line-height: 147%;
    padding-top: 16.2%;
    position: relative;
    text-align: center;
    z-index: 8;
}
.kokogaUreshi dl dt a {
    color:#06C755 ;
}

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

.kokogaUreshi dl dd img:nth-of-type(2){
    position: absolute;
    left: 38.4%;
    top: 42.3vw;
    width: 42.7%;
}
.schedule {
    padding: 16.3% 0 0 0;
}
.schedule h2 {
    margin: 0 auto;
    width: 78.1%;
}
.schedule&gt;p {
    margin: 10.7% 0 0 0;
    padding: 0 7.2%;
    position: relative;
    width: 100%;
}
.schedule&gt;p img:nth-of-type(1) {
    width: 73vw;
}
.schedule&gt;p img:nth-of-type(2) {
    position: absolute;
    right: 0;
    top:-7.7vw;
    width: 21.3%;
}
.schedule .taikenClass {
    aspect-ratio: 375/640;
    background-image: url(../img/scheduleBG.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    color: #505050;
    margin-top: 6.4%;
    padding-top:10.1%;
}
.schedule .taikenClass h3 {
    margin: 0 auto;
    width: 50.9%;
}
.schedule .taikenClass dl {
    font-size: 4.5vw;
    font-feature-settings: "palt";
    line-height: 150%;
    margin: 5.6% auto 0 auto;
    width: 76%;
}
.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 dd {
    margin-top: -7%;
    padding-left: 19%;
}
.schedule .taikenClass dl div:last-of-type dd {
    margin-top: 1.3%;
}

.taikenClass_GifuS {
    margin-top: 1.8%;
    padding-bottom: 8.4%;
}
.taikenClass_GifuS p {
    margin: 0 auto;
    width: 44%;
}
.schedule .taikenClass_GifuS dl {
    margin-top: -4.7%;
}
.schedule .taikenClass_GifuS dl dd {
    font-size: 4.5vw;
    line-height: 141%;
    margin: -19.9% 0 0 0;
    padding: 0;
    text-align: center;
}

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

.taikenSchedule dd {
    border-radius: 3px;
}
.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 .toOpenCampus01 {
    position: relative;
}
.toOpenCampus .toOpenCampus01 &gt; img {
    display: block;
    margin: 0 auto;
    width: 90%;
}
.toOpenCampus .toOpenCampus01 a {
    display: block;
    margin: -1% auto 0 auto;
    width: 88.5%;
}
.toOpenCampus .toOpenCampus01 span {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 60.3%;
    top: -22vw;
}
.toOpenCampus .toOpenCampus02 a {
    aspect-ratio: 314/118;
    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: 83.7%;
}

@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つのポイント */
#fivePoints {
    background-image: url(../img/fivePointsBG.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 11.3% 0 21.7% 0 ;

}
#fivePoints h2 {
    margin: 0 auto;
    width: 90%;
}
#fivePoints li {
    position: relative;
    margin-top: 13.3%;
}
#fivePoints li:first-of-type {
    margin-top: 8.3%;
}
#fivePoints li img:last-of-type {
    position: absolute;
}
#fivePoints li:nth-of-type(1) img:last-of-type {
    right: 5.4%;
    width: 31.2%;
    bottom: -1.7%;
}
#fivePoints li:nth-of-type(2) img:last-of-type {
    bottom: -3%;
    left: 2.2%;
    width: 24.8%;
}
#fivePoints li:nth-of-type(3) img:last-of-type {
    bottom: -5.4%;
    right: 2.4%;
    width: 36.5%;
}
#fivePoints li:nth-of-type(4) img:last-of-type {
    bottom: -3.9%;
    left: -5%;
    width: 38.4%;
}
#fivePoints li:nth-of-type(5) img:last-of-type {
    bottom: -6.1%;
    right: 3%;
    width: 41%;
}

/* そもそも医療事務って */
#whatsIryouGimu {
    background-image: url(../img/whatsIryougimu.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 14% 0 21.7% 0 ;
}
#whatsIryouGimu h2 {
    margin: 0 auto;
    width: 92%;
}
#whatsIryouGimu h2 span {
    display: block;
    height: 0;
}
#whatsIryouGimu dl {
    color: #505050;
    font-size: 4.5vw;
    font-feature-settings: "palt";
    line-height: 153%;
    margin-top: 9.2%;
}
#whatsIryouGimu dl div {
    margin-top: 3.4%;
    position: relative;
}
#whatsIryouGimu dl div:last-of-type {
    margin-top: 15.1%;
}
#whatsIryouGimu dl div:first-of-type {
    margin-top: 0;
}
#whatsIryouGimu dl div dd {
    position: absolute;
}
#whatsIryouGimu dl div:nth-of-type(1) dd {
    left: 8.8%;
    top:73.2vw;
}
#whatsIryouGimu dl div:nth-of-type(2) dd {
    left: 39.4%;
    top:73.4vw;
}
#whatsIryouGimu dl div:nth-of-type(3) dd {
    left: 8.8%;
    top:72.6vw;
}
#whatsIryouGimu dl div:nth-of-type(4) dd {
    left: 34.8%;
    top:73.3vw;
}
#whatsIryouGimu dl div:nth-of-type(5) dd {
    left: 8.8%;
    top:77.2vw;
}
#whatsIryouGimu dl div:nth-of-type(6) dd {
    left: 8.8%;
    top:74.2vw;
}
#whatsIryouGimu dl div:nth-of-type(7) dd {
    left: 14.6%;
    top:74.4vw;
}

/* 大原で夢を実現させる4コース */
#fourCourse {
    background-image: url(../img/fourCourseBG.svg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 14.2% 0 18.2% 0;
}
#fourCourse h2 {
    margin: 0 auto;
    width:81.3%;
}
#fourCourse ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10.8% 6.4% 0 6.4%;
}
#fourCourse ul li {
    width: 47.1%;
}
#fourCourse ul li:nth-of-type(1) {
    margin-bottom: 13.5%;
}

/* 大原で夢を実現させる4コース(背景なし) */
#fourCourse2 {
    background-repeat: no-repeat;
    background-size: 100% auto;
    padding: 14.2% 0 18.2% 0;
}
#fourCourse2 h2 {
    margin: 0 auto;
    width:81.3%;
}
#fourCourse2 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10.8% 6.4% 0 6.4%;
}
#fourCourse2 ul li {
    width: 47.1%;
}
#fourCourse2 ul li:nth-of-type(1) {
    margin-bottom: 13.5%;
}

/* 大原のココが凄い！ */
#kokoSugo {
    background-image: url(../img/kokoSugoBG.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: 15% 0 18.2% 0;
}
#kokoSugo h2 {
    position: relative;
}
#kokoSugo h2 span {
    display: block;
    left: 32.3%;
    position: absolute;
    top: 1.9%;
    width: 41.3%;
}
#kokoSugo dl {
    color: #505050;
    font-size: 4.3vw;
    font-feature-settings: "palt";
    line-height: 169%;
    margin: 5.9% auto 0 auto;
    width: 86.4%;
}
#kokoSugo dt {
    position: relative;
}
#kokoSugo dd {
    padding: 0.5em 0 0 3.8%;
    text-align: justify;
}
#kokoSugo dt&gt;img {
    display: block;
    margin: 0 auto;
}
#kokoSugo div {
    margin-top: 11.8%;
}
#kokoSugo div:first-of-type {
    margin-top: 0;
}
#kokoSugo .kokoSugo_tel span img {
    left: 55.9%;
    top:23.9%;
    width: 9.5%;
}
#kokoSugo .kokoSugo_outai span img {
    left: 18%;
    top:56.1%;
    width: 11.2%;
}
#kokoSugo .kokoSugo_paso span img {
    left: 21.6%;
    top:72.3%;
    width: 13.1%;
}
#kokoSugo .kokoSugo_mana span img {
    left: 56.2%;
    top:71.2%;
    width: 12%;
}

/* キャンパスツアー */
#campusTour {
    background-image: url(../img/campusTourBG.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    padding: 0;
}
#campusTour h2 {
    height: 42.1vw;
    position: relative;
    text-align: right;
}
#campusTour h2 img {
    margin-top: -3.4%;
    width: 95.7%;
}
#campusTour dl .slick-slide {
    /* aspect-ratio: 311/447; */
    margin-right: 4vw;
    width: 82.9vw;
}
#campusTour dl div {
    position: relative;
}
#campusTour dl div dd {
    color: #323232;
    font-size: 4.3vw;
    font-feature-settings: "palt";
    line-height: 144%;
    padding: 0 6.3%;
    position: absolute;
    top:98vw;
}
#campusTour .comeToOcam {
    margin-top: 13.3%;
    position: relative;
}
#campusTour .comeToOcam img:nth-of-type(2) {
    left: 25.8%;
    position: absolute;
    top:0;
    width: 51.5%;
}
/* カルーセル */
.Slider .slick-arrow {
    background-image: url(../img/slideNext.svg);
    height: 8.8vw;
    right:2.1%;
    width: 8.8%;
    z-index: 100;
}
.Slider .slick-prev {
    background-image: url(../img/slidePrev.svg);
    left: 2.1%;
}
.slick-prev, .slick-next {
    top:41.1vw;
}
.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;
}
.Slider .slide-dots li button::before {
    background-image: url(../img/dotNonActive.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    cursor: pointer;
    height: 2.9vw;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 24px;
    width: 2.9vw;
}
.Slider .slide-dots li.slick-active button::before {
    background-image: url(../img/dotActive.svg);
}
.slick-dotted.slick-slider {
    margin-bottom: 2.9vw;
}

/* キャンパス紹介 */
#introCampus {
    padding: 16% 0 7.9% 0;
}
#introCampus h2 {
    margin: 0 auto;
    width: 83.2%;
}
#introCampus dl {
    color: #505050;
    font-size: 3.9vw;
    font-feature-settings: "palt";
    line-height: 120%;
    margin-top: 20.5%;
}
#introCampus dl:first-of-type {
    margin-top: 10.4%;
}
#introCampus dl dt {
    margin: 0 auto;
    width: 86.7%;
}
#introCampus dl:first-of-type dt {
    width: 93.3%;
}
#introCampus dl .accessGrid {
    display: grid;
    grid-template-rows: auto 1fr;
    grid-template-columns: 50.2% 1fr;
    grid-gap: 6.7vw 8vw;
    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.7vw;
}
#introCampus .gMap {
    margin: 8% auto 0 auto;
    width: 86.7%;   
}
#introCampus .gMap iframe {
    aspect-ratio: 325/257;
    width: 100%;
}

/* LINE AO */
#lineAO {
    background-color: #F7FFF0;
    padding: 20.7% 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.8vw;
    color: #01BA00;
    text-align: center;
}
#lineAO .lineAcount h3 img {
    display: block;
    margin: 0 auto 4.36% auto;
    width: 14.3%;
}
#lineAO .lineAcount p {
    font-size: 3.7vw;
    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;
    font-size: 3.2vw;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    text-align: center;
    width: 83.8%;
}
#lineAO .spAOentry {
    margin-top: 8%;
}
#lineAO .spAOentry a {
    aspect-ratio: 325/174;
    background-color: white;
    background-image: url(../img/aoEntry03.webp) , url(../img/aoEntry01.svg);
    background-size: auto 100% , 101% 101%;
    background-position: right top , center center;
    border: 1px solid #0070B4;
    display:block;
    margin: 0 auto;
    text-indent: -9999px;
    width: 86.7%;
}
/* --------------------------
フッターSP
-------------------------- */
footer {
    background-color: #FFF0FA;
    font-feature-settings: "palt";
    padding-top: 14.5%;
}
footer h2 {
    margin: 0 auto;
    width: 80%;
}
footer p {
    font-size: 4.5vw;
    font-weight: bold;
    margin-top: 8.3%;
    margin-bottom: 16%;
    text-align: center;
}
footer p a {
    display: block;
    line-height: 100%;
    font-size: 10.1vw;
}
footer dl {
    font-family: 'M PLUS 1', sans-serif;
    font-size: 4vw;
    line-height: 100%;
    margin-bottom: 2em;
    text-align: center;
}
footer dt,
footer dd {
    margin-bottom: 0.8em;
}
.footer_copyright {
    background-color:#E5002D;
    color: white;
    font-size: 2.66667vw;
    margin: 14.5% 0 0 0;
    padding: 1em 0;
    text-align: center;
}

/* 幅769px以上 */
@media (min-width: 480px) {
    header.komu {
        display: none;
    }
/* 幅769px以上 */
@media (min-width: 769px) {
    .sp_main{
        display: none;
    }

    header.komu {
        background-color: white;
        border-bottom: 1px solid #C8C8C8;
        display: flex;
        justify-content: space-between;
        height: 70px;
        position: fixed;
        top: 0;
        z-index: 1000;
        width: 100%;
    }
    header.komu h1 {
        margin:0 2.7vw;
        width: 250px;;
    }
    header.komu ul {
        display: flex;
    }
    header.komu ul li {
        border-left: 1px solid #C8C8C8;
        height: 70px;
        width: 196px;
    }
    #pcView {
        position: fixed;
        display: block;
        height: 100vh;
        top: 0;
        width: 100%;
    }
    #pcView&gt;div {
        height: calc(100vh - 70px);
        margin-top: 70px;
    }
    #pcView div span:first-of-type {
        /*background-image: url(../img/pcBaloon1.svg);*/
        background-image: url(../img/pc_Bottom.svg);
        background-repeat: repeat-x;
        background-position: top center;
        background-size: cover;
        display: block;
        height: 9.1%;
        text-indent: -9999px;
        width: 100%;
    }
    #pcView div span:last-of-type {
        background-image: url(../img/pc_Bottom.svg);
        background-repeat: repeat-x;
        background-size: cover;
        background-position: bottom center;
        display: block;
        height: 9.1%;
        text-indent: -9999px;
        width: 100%;
    }
    #pcView div dl {
        display: flex;
        height: 81.8%;
        width: calc(92vw - 375px);
    }
    #pcView div dt {
        width: 95%;
    }
    #pcView div dt div {
        aspect-ratio: 510/497;
        /*background-image: url(../img/pcAOentryBG.svg);*/
        background-position: right 40%;
        background-size: 95% auto;
        text-indent: -9999px;
        margin-left: auto;
        max-height: 92%;
        position: relative;
        top:50%;
        transform: translateY(-50%);
    }
    #pcView div dd {
        display: none;
    }
    #pcView div a {
        aspect-ratio: 288/37;
        background-image: url(../img/pcAO_entryB1.svg);
        display: block;
        left:18.5%;
        position: absolute;
        width: 56.5%;
        text-indent: -9999px;
        top:90%
    }
    #pcView div a:hover {
        background-image: url(../img/pcAO_entryB2.svg);
    }
    #spView {
        background-color: white;
        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){
        top: 158.617px;
    }
    /* font-size 10pt (2.66667vw)*/
    .footer_copyright {
        font-size: calc(10 / 16 * 1rem);
    }
    /* font-size 12pt (3.2vw)*/
    #lineAO .lineAcount a {
        font-size: calc(12 / 16 * 1rem);
    }
    /* font-size 14pt (3.7vw)*/
    #lineAO .lineAcount p {
        font-size: calc(14 / 16 * 1rem);
    }
    /* font-size 14.5pt (3.9vw)*/
    #introCampus dl {
        font-size: calc(14.5 / 16 * 1rem);
    }
    /* font-size 15pt (4vw)*/
    footer dl {
        font-size: calc(15 / 16 * 1rem);
    }
    /* font-size 16pt (4.3vw)*/
    #campusTour dl div dd,
    #kokoSugo dl {
        font-size: calc(16 / 16 * 1rem);
    }
    /* font-size 17pt (4.5vw)*/
    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.8vw)*/
    #lineAO .lineAcount h3 {
        font-size: calc(18 / 16 * 1rem);
    }
    /* font-size 38pt (10.1vw)*/
    footer p a {
        font-size: calc(38 / 16 * 1rem);
    }
    .pFlow01 .stars:nth-of-type(1) {
        top: 36px;
    }
    .pFlow01 .stars:nth-of-type(2) {
        top: 308px;
    }
    #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;
    }
    .pFlow02 .stars:nth-of-type(1) {
        top: 138px;
    }
    .pFlow02 .stars:nth-of-type(2) {
        top: 62px;
    }
    .pFlow02 .stars:nth-of-type(3) {
        top: 388px;
    }
    .pFlow02 .stars:nth-of-type(4) {
        top: 340px;
    }
    .pFlow02 .stars:nth-of-type(5) {
        top: 722px;
    }
    .pFlow02 .stars:nth-of-type(6) {
        top: 657px;
    }
    .pFlow02 .stars:nth-of-type(7) {
        top: 749px;
    }
    .pFlow02 .stars:nth-of-type(8) {
        top: 1039px;
    }
    .pFlow02 .stars:nth-of-type(9) {
        top: 1053px;
    }
    #gifuSpecialMenu dl {
        top:362px;
    }
    #gifuSpecialMenu dl dt {
        font-size: calc(21 / 16 * 1rem);
    }
    #gifuSpecialMenu dl dd {
        margin-top: 10px;
        width: 262.5px;
    }
    .pFlow03 {
        background-position: left 55.8667px;
    }
    .pFlow03 .stars:nth-of-type(1) {
        top: 85.1167px;
    }
    .pFlow03 .stars:nth-of-type(2) {
        top: 337.5px;
    }
    .schedule&gt;p img:nth-of-type(1) {
        width: 273.75px;
    }
    .schedule&gt;p img:nth-of-type(2) {
        top:-28.8667px;
    }
    .taikenSchedule div {
        row-gap: 12px;
    }
    .toOpenCampus .toOpenCampus01 span {
        top: -82.5px;
    }

    #whatsIryouGimu dl div:nth-of-type(1) dd {
        top:274.483px;
    }
    #whatsIryouGimu dl div:nth-of-type(2) dd {
        top:275.25px;
    }
    #whatsIryouGimu dl div:nth-of-type(3) dd {
        top:272.233px;
    }
    #whatsIryouGimu dl div:nth-of-type(4) dd {
        top:274.867px;
    }
    #whatsIryouGimu dl div:nth-of-type(5) dd {
        top:289.483px;
    }
    #whatsIryouGimu dl div:nth-of-type(6) dd {
        top:278.233px;
    }
    #whatsIryouGimu dl div:nth-of-type(7) dd {
        top:279px;
    }

    #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;
    }
}

/* 幅1280px以上 */
@media (min-width: 1280px) {
    /* モーダルボックス */
    #modalWrap {
        width: auto;
    }
    #modalBox p {
        margin-bottom: 4vw;
        width: 20vw;
    }
    #modalBox .modalWrap {
        width: auto;
    }
    #modalBox .modalWrap div {
        display: flex;
        justify-content: space-between;
        gap: 1.5vw;
    }
    #modalBox .modalWrap div a {
        margin: 0;
    }
    #modalBox .modalWrap div a img {
        width: 13vw;
    }
    header h1 {
        margin: 0 0 0 37px;
    }
    #pcView div dl {
        width: calc(88vw - 375px);
    }
    #pcView div dt {
        width: 67.6%;
    }
    #pcView div dt div {
        margin-left: 6vw;
        background-position: right center;
    }
        
    #pcView div dd {
        display: flex;
        align-items: end;
        width: 32.4%;
    }

    #pcView div dd img {
        aspect-ratio: 250/547;
        display: block;
        position: relative;
        left: -3%;
        height: auto;
        max-height: 100%;
        object-fit: contain;
        bottom:-1%;
        width: 94.1%;
    }
    #pcView p {
        display: block;
        bottom: 42px;
        height: auto;
        position: absolute;
        right: 6%;
        transform:translateX(50%);
        width: 5.9vw;
    }
    #spView {
        right:12%;
    }
}
@media (min-width: 1920px) {
    #spView {
        left:60%;
    }

    #pcView div dl {
        width: 60%;
    }
    #pcView p {
        right: calc((40vw - 375px) / 2);
        transform:translateX(50%);
    }
}</pre></body></html>