@charset "utf-8";
html, body {
    width: 100%;
    height: 100%;
}
body, h1, h2, h3, h4, h5, h6, p, li {
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
body {
    background-image: url("../images/bg.png");
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    width: 100%;
}
a, a:hover, a:visited {
    text-decoration: none;
}
.col-blue {
    color: #0082C8;
}
.col-nursing {
    color: #a096d2;
}
.col-physics {
    color: #33b4a0;
}
.col-occupational {
    color: #dc78be;
}
.col-judo-therapy {
    color: #e56478;
}
.col-acupuncture {
    color: #c8a50b;
}
.col-dietetics {
    color: #97c814;
}
.ul-nursing {
    border-bottom: 2px #a096d2 solid;
}
.ul-physics {
    border-bottom: 2px #33b4a0 solid;
}
.ul-occupational {
    border-bottom: 2px #dc78be solid;
}
.ul-judo-therapy {
    border-bottom: 2px #e56478 solid;
}
.ul-acupuncture {
    border-bottom: 2px #c8a50b solid;
}
.ul-dietetics {
    border-bottom: 2px #97c814 solid;
}
.container {
    max-width: 1100px;
    margin-top: 30px;
}
.bg-white {
    background-color: #fff;
}
.top_SP {
    background-image: url('../images/bg_01_SP.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.top {
    background-image: url('../images/bg_01.png');
    height: 1260px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.top, .top_SP {
    position: relative;
}
.ballon, .ballon_SP {
    position: absolute;
    cursor: pointer;
    -webkit-animation: fuwafuwa 3s infinite linear alternate;
    animation: fuwafuwa 3s infinite linear alternate;
}
@-webkit-keyframes fuwafuwa {
 0% {
-webkit-transform:translate(0, 0) rotate(-5deg);
}
 50% {
-webkit-transform:translate(0, -5px) rotate(0deg);
}
 100% {
-webkit-transform:translate(0, 0)rotate(5deg);
}
}
@keyframes fuwafuwa {
 0% {
transform:translate(0, 0) rotate(-5deg);
}
 50% {
transform:translate(0, -5px) rotate(0deg);
}
 100% {
transform:translate(0, 0)rotate(5deg);
}
}

@media screen and (max-width: 576px) {
.top_SP {
    height: 820px;
}
p {
    font-size: 105%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 180%;
}
.bold {
    font-size: 105%;
    letter-spacing: 0;
    font-weight: bold;
}
.lead {
    font-size: 110%;
    letter-spacing: 0.05em;
    font-weight: 600;
    line-height: 208%;
}
.job {
    font-size: 105%;
    letter-spacing: 0.08em;
    font-weight: 500;
    line-height: 140%;
}
.property {
    font-size: 100%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 170%;
}
.memo {
    font-size: 105%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 170%;
}
.bold-job {
    font-size: 110%;
    letter-spacing: 0.08em;
    font-weight: bold;
}
.bold-property {
    font-size: 105%;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 110%;
    height: 2.5em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#ballon-01_SP {
    top: 0px;
    left: 50px;
}
#ballon-02_SP {
    top: 300px;
    left: 230px;
}
#ballon-03_SP {
    top: 640px;
    left: 260px;
}
.px-16 {
    padding: 1em;
}
.box {
    background-color: #fff;
    box-shadow: 5px 5px #66b3dd;
    padding: 2em 3em;
}
.memo-box {
    background-color: #fff;
    border: 3px #66b3dd dotted;
    max-width: 810px;
    padding: 1em 3em;
}
}

@media screen and (min-width: 577px) {
.top_SP {
    height: 1400px;
}
p {
    font-size: 155%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 180%;
}
.bold {
    font-size: 160%;
    letter-spacing: 0;
    font-weight: bold;
}
.lead {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 208%;
}
.job {
    font-size: 126%;
    letter-spacing: 0.08em;
    font-weight: 500;
    line-height: 140%;
}
.property {
    font-size: 120%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 170%;
}
.memo {
    font-size: 135%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 170%;
}
.bold-job {
    font-size: 150%;
    letter-spacing: 0.08em;
    font-weight: bold;
}
.bold-property {
    font-size: 120%;
    letter-spacing: 0.05em;
    font-weight: bold;
    line-height: 110%;
    height: 2.5em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#ballon-01_SP {
    top: 0px;
    left: 100px;
}
#ballon-02_SP {
    top: 520px;
    left: 410px;
}
#ballon-03_SP {
    top: 1200px;
    left: 410px;
}
.px-16 {
    padding: 1em;
}
.box {
    background-color: #fff;
    box-shadow: 8px 8px #66b3dd;
    padding: 3em 4em;
}
.memo-box {
    background-color: #fff;
    border: 3px #66b3dd dotted;
    max-width: 810px;
    padding: 1em 3em;
}
}

@media screen and (min-width: 769px) {
p {
    font-size: 96.6%;
    letter-spacing: 0.06em;
    font-weight: 400;
    line-height: 180%;
}
.bold {
    font-size: 110%;
    letter-spacing: 0;
    font-weight: bold;
}
.lead {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 208%;
}
.job {
    font-size: 97%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 140%;
}
.property {
    font-size: 97%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 140%;
}
.memo {
    font-size: 99%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 170%;
}
.bold-job {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.bold-property {
    font-size: 96%;
    letter-spacing: 0.05em;
    font-weight: bold;
    height: 2.5em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#ballon-01 {
    top: 0px;
    left: 500px;
}
#ballon-02 {
    top: 600px;
    left: 180px;
}
#ballon-03 {
    top: 1000px;
    left: 480px;
}
.px-16 {
    padding: 1.2em 8em;
}
.box {
    background-color: #fff;
    box-shadow: 8px 8px #66b3dd;
    padding: 3em 4em;
}
.memo-box {
    background-color: #fff;
    border: 3px #66b3dd dotted;
    max-width: 810px;
    padding: 1em 3em;
}
}

@media screen and (min-width: 950px) {
p {
    font-size: 96.6%;
    letter-spacing: 0.06em;
    font-weight: 400;
    line-height: 180%;
}
.prime {
    font-size: 97%;
    letter-spacing: 0.0em;
    font-weight: 400;
    line-height: 180%;
}
.bold {
    font-size: 110%;
    letter-spacing: 0;
    font-weight: bold;
}
.lead {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 208%;
}
.job {
    font-size: 98%;
    letter-spacing: 0.0em;
    font-weight: 500;
    line-height: 160%;
    padding: 0 0.05em;
}
.property {
    font-size: 97%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 140%;
}
.memo {
    font-size: 99%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 170%;
}
.bold-job {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.bold-property {
    font-size: 96%;
    letter-spacing: 0.05em;
    font-weight: bold;
    height: 2.5em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#ballon-01 {
    top: 10px;
    left: 520px;
}
#ballon-02 {
    top: 610px;
    left: 200px;
}
#ballon-03 {
    top: 1010px;
    left: 570px;
}
.px-16 {
    padding: 1.2em 8em;
}
.box {
    background-color: #fff;
    box-shadow: 8px 8px #66b3dd;
    padding: 3em 4em;
}
.memo-box {
    background-color: #fff;
    border: 3px #66b3dd dotted;
    max-width: 810px;
    padding: 1em 3em;
}
}
/* 追記分 */
.glk {
    position: relative;
}
.site-id {
    margin-bottom: 30px;
}
.tr-rev {
    width: 100%;
    height: 30px;
    overflow-x: hidden;
    position: relative;
    text-align: left;
}
.tr-rev img {
    position: absolute;
    top: 0;
}
.foot-logo {
    text-align: center;
    margin-bottom: 0;
}
.copyright {
    text-align: center;
    line-height: 8px;
}
.copyright small {
    font-size: 8px;
}
.department {
    margin-bottom: 30px;
}

@media screen and (max-width: 576px) {
.lead_SP {
    font-size: 14px;
    line-height: 1.96;
}
.container {
    margin-top: 10px;
    max-width: 100%;
    width: auto;
}
.col-12.m-0.p-0 img {
    width: 30px;
    height: auto;
    line-height: 15px;
    vertical-align: top;
}
.copyright {
    line-height: 7px;
}
.copyright small {
    font-size: 7px;
}
}

@media screen and (max-width: 576px) {
.row {
    margin: 0;
    padding: 0 !important;
}
.mainvisual {
    width: 100%;
    overflow-x: hidden;
}
.box {
    background-color: #fff;
    box-shadow: 5px 5px #66b3dd;
    padding: 2em 13px;
    margin: 15px 0;
}
.box > .row {
    padding: 0;
    margin: 0;
}
.box > .row > .col-12 {
    padding: 0;
    margin: 0;
}
.sec-pro > .container .row.px-16{
    margin-left: -7px;
    margin-right: -7px;
}
.sec-pro .col-6.job {
    padding-left: 7px;
    padding-right: 7px;
}
    .sec-faci > .container > .row.px-2.px-md-3 {
    margin-left: -7px;
    margin-right: -7px;
}
.sec-faci .col-6 {
    padding-left: 7px;
    padding-right: 7px;
}
}

@media screen and (max-width: 330px) {
.box {
    padding: 2em 3px;
}
}

@media screen and (max-width: 576px) {
.pt-md-3.pr-0.pr-md-5.prime {
    font-size: 13px;
    line-height: 1.538;
}
td.py-1, td.py-1 + td {
    font-size: 12px;
}
.pt-3.bold, .py-3.bold {
    font-size: 14px;
}
.row.px-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.memo-box {
    padding: 15px 20px;
}
.mx-auto.memo-box {
    margin: 30px 0 !important;
}
.memo {
    font-size: 12px;
}
.job {
    font-size: 12px;
}
.col-12.mb-5 {
    margin-bottom: 20px !important;
}
.bold-job {
    font-size: 13px;
}
.row.px-2.px-md-3 {
    margin-left: 0;
    margin-right: 0;
}
.department {
    padding-left: 8px;
    padding-right: 8px;
}
.department p a img {
    height: 22px;
    width: auto;
}
.py-1 a {
    padding: 3px 0;
    display: block;
}
/* イラスト */
.col-12.col-md-6 + .col-12.col-md-6 img {
    margin-top: 30px;
}
.row.px-0.px-3.px-md-3 {
    margin: 0;
}
.row >.row.px-0.px-3.px-md-3 {
    margin: 0;
    padding: 0 30px !important;
}
p.property {
    font-size: 13px;
}
.bold-job {
    margin-bottom: 0.75em;
}
.bold-property {
    font-size: 14px;
}
.glk {
    width: 13px;
    height: auto;
}
}

@media screen and (min-width: 577px) {
/* memo */
.row.bg-white > .row {
    margin: 30px auto 0;
}
/* イラスト */
.col-12.col-md-6 + .col-12.col-md-6 img {
    margin-top: 30px;
}
.job {
    padding-left: 10px;
    padding-right: 10px;
}
.department {
    margin-bottom: 50px;
}
    .slink{
        margin-top:4em;
    }
}

/* ----- iPad ----- */
@media screen and (max-width: 1024px) and (orientation: portrait) {
p {
    font-size: 96.6%;
    letter-spacing: 0.06em;
    font-weight: 400;
    line-height: 180%;
}
.prime {
    font-size: 97%;
    letter-spacing: 0.0em;
    font-weight: 400;
    line-height: 180%;
}
.bold {
    font-size: 110%;
    letter-spacing: 0;
    font-weight: bold;
}
.lead {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 208%;
}
.job {
    font-size: 98%;
    letter-spacing: 0.0em;
    font-weight: 500;
    line-height: 160%;
    padding: 0 0.05em;
}
.property {
    font-size: 97%;
    letter-spacing: 0.01em;
    font-weight: 500;
    line-height: 140%;
}
.memo {
    font-size: 99%;
    letter-spacing: 0.05em;
    font-weight: 500;
    line-height: 170%;
}
.bold-job {
    font-size: 125%;
    letter-spacing: 0.05em;
    font-weight: bold;
}
.bold-property {
    font-size: 96%;
    letter-spacing: 0.05em;
    font-weight: bold;
    height: 2.5em;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
}
#ballon-01 {
    top: 0px;
    left: 500px;
}
#ballon-02 {
    top: 600px;
    left: 160px;
}
#ballon-03 {
    top: 1000px;
    left: 600px;
}
.px-16 {
    padding: 1.2em 8em;
}
.box {
    background-color: #fff;
    box-shadow: 8px 8px #66b3dd;
    padding: 3em 1em;
}
.memo-box {
    background-color: #fff;
    border: 3px #66b3dd dotted;
    max-width: 810px;
    padding: 1em 1.5em;
}
}

/* ----- iPad ----- */
@media screen and (max-width: 768px) and (orientation: portrait) {
#ballon-01 {
    top: 0px;
    left: 500px;
}
#ballon-02 {
    top: 600px;
    left: 140px;
}
#ballon-03 {
    top: 1000px;
    left: 400px;
}
}

/* ----- iPhone 6/7/8 Puls ----- */
@media screen and (max-width:414px) {
#ballon-01_SP {
    top: 0px;
    left: 50px;
}
#ballon-02_SP {
    top: 300px;
    left: 210px;
}
#ballon-03_SP {
    top: 640px;
    left: 220px;
}
}

/* ----- iPhone 6/7/8 ----- */
@media screen and (max-width:375px) {
#ballon-01_SP {
    top: 0px;
    left: 50px;
}
#ballon-02_SP {
    top: 300px;
    left: 200px;
}
#ballon-03_SP {
    top: 640px;
    left: 200px;
}
}

/* ----- iPhone SE ----- */
@media screen and (max-width:350px) {
.reader {
   width: 30%;
}
.bold {
    font-size: 89%;
}
.top_SP {
    height: 680px;
}
#ballon-01_SP {
    top: 40px;
    left: 20px;
}
#ballon-02_SP {
    top: 270px;
    left: 150px;
}
#ballon-03_SP {
    top: 560px;
    left: 140px;
}
}

#link_univ {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30vw;
    height: 20vw;
    background-color: transprent;
    cursor: pointer;
}