@charset "UTF-8";
/* ================= */
/*共通スタイル */
/* ================= */
.preload * {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -ms-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
.pd {
    display: none !important;
}
.top-box01 .pc {
    display: none !important;
}
.top-box01 .sp {
    display: block !important;
}
.labo-pc {
    display: none!important;
}
.labo-sp {
    display: block !important;
}
#wrap {
    position: relative;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.w-fix {
    table-layout: fixed;
    width: 75px;
}
/*menu*/
#nav-top a:link {
    color: #000000
}
#nav-top a:visited {
    color: #000000
}
#nav-top a:hover {
    color: #47b5ff
}
#nav-top a:active {
    text-decoration: none;
}
#nav-top {
    margin-top: 150px;
    font-size: 15px;
    border-top: 4px solid #B4E5FF;
    border-bottom: 4px solid #B4E5FF;
    border-right: 4px solid #B4E5FF;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    width: 140px;
}
#nav-top li {
    height: 35px;
    vertical-align: middle;
    letter-spacing: 2px;
}
#nav-top li .nav-text {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 10px;
}
#nav-top2 {
    font-size: 15px;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    width: 140px;
}
#nav-top2 li {
    height: 35px;
    vertical-align: middle;
    letter-spacing: 2px;
}
#nav-top2 li .nav-text {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 10px;
}
#navsub a:link {
    color: #000000
}
#navsub a:visited {
    color: #000000
}
#navsub a:hover {
    color: #47b5ff
}
#navsub a:active {
    text-decoration: none;
}
#navsub {
    margin-top: 30px;
    font-size: 15px;
    z-index: 9999;
}
.top-box01 {
    z-index: -1;
}
.top-box0 {
    z-index: 2;
}
#page_top {
    z-index: 3;
}
.topfooter {
    /* [disabled]z-index: 1;
*/
    margin-top: 0px;
}
#nav-drawer {
    position: fixed;
}
.nav-unshown {
    display: none;
}
.about-exam a:link {
    color: #000000
}
.about-exam a:visited {
    color: #000000
}
.about-exam a:hover {
    color: #47b5ff
}
.container6 a:link {
    color: #000000
}
.container6 a:visited {
    color: #000000
}
.container6 a:hover {
    color: #47b5ff
}
.sitemap-box a:link {
    color: #000000
}
.sitemap-box a:visited {
    color: #000000
}
.sitemap-box a:hover {
    color: #47b5ff
}
#navsub a:active {
    text-decoration: none;
}
/*アイコンのスペース*/
#nav-open {
    display: inline-block;
}
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    display: block;
    content: '';
    cursor: pointer;
}
#nav-open span:before {
}
#nav-open span:after {
}
#nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    margin-top: 30px;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 230px;/*最大幅*/
    background: #fff;/*背景色*/
    transition: .2s ease-in;/*滑らかに表示*/
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);/*左に隠しておく*/
    border-top: 4px solid #B4E5FF;
    border-bottom: 4px solid #B4E5FF;
    border-right: 4px solid #B4E5FF;
}
#nav-input:checked ~ #nav-close {
    display: block;/*カバーを表示*/
}
#nav-input:checked ~ #nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);/*中身を表示*/
}
#nav {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
}
#nav li {
    height: 35px;
    vertical-align: middle;
    letter-spacing: 2px;
}
#nav li .nav-text {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 10px;
}
.sub-menu {
    margin-top: 10px;
    text-align: center;
}
.sub-menu2 {
    text-align: center;
}
.sub-menu3 {
    margin-top: 10px;
    text-align: center;
}
.sub-menu li {
    align-items: center;
    margin-left: 15px;
    font-size: 16px;
}
.sub-menu2 li {
    margin-left: 15px;
    font-size: 16px;
}
.sub-menu3 li {
    align-items: center;
    margin-left: 15px;
    font-size: 16px;
}
.sub-menu a:link {
    color: #000000
}
.sub-menu a:visited {
    color: #000000
}
.sub-menu a:hover {
    color: #47b5ff
}
.sub-menu2 a:link {
    color: #000000
}
.sub-menu2 a:visited {
    color: #000000
}
.sub-menu2 a:hover {
    color: #47b5ff
}
.sub-menu3 a:link {
    color: #000000
}
.sub-menu3 a:visited {
    color: #000000
}
.sub-menu3 a:hover {
    color: #47b5ff
}
.sub-menu-title {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
}
.sub-menu-title2 {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 25px;
}
.header-box {
    width: 85%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.line1 {
    border-bottom: 10px solid #b4e5ff;
    margin-top: 10px;
}
.line1-b {
    border-bottom: 10px solid #b4e5ff;
    margin-top: 20px;
}
.line2 {
    border-bottom: 2px solid #b4e5ff;
    margin-top: 2%;
    margin-bottom: 2%;
}
.line-labo {
    border-bottom: 10px solid #b4e5ff;
}
h1 {
    font-size: 180%;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 2%;
    font-weight: 500;
    letter-spacing: 2px;
}
footer {
    text-align: center;
    margin-top: auto;
}
footer ul {
    display: inline-block;
    width: 85%;
}
.link-footer li {
    display: inline-block;
    margin-right: 15px;
    margin-left: 15px;
}
address {
    margin-top: 25px;
    width: 85%;
    margin-right: auto;
    margin-left: auto;
}
footer aside {
    margin-top: 25px;
    background-color: #B4E5FF;
    padding-top: 15px;
    padding-bottom: 15px;
}
footer aside ul {
    width: 85%;
}
footer aside ul li {
    display: inline-block;
    background-color: #72c8ff;
    padding-top: 4px;
    padding-right: 25px;
    padding-bottom: 4px;
    padding-left: 25px;
    color: #FFFFFF;
    background-image: url(../img/cmn/triangle1.png);
    background-repeat: no-repeat;
    background-size: 8px auto;
    background-position: right bottom;
    border: 3px solid #72c8ff;
    font-size: 12px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: 10px;
}
footer aside ul li a:link {
    color: #FFFFFF
}
footer aside ul li a:visited {
    color: #FFFFFF
}
.footer-b {
    background-image: url(url);
}
.copyright {
    font-size: 12px;
    color: #808080;
    margin-top: 20px;
}
main {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 5%;
    margin-bottom: 5%;
    text-align: center;
    z-index: 1;
}
.concept h2 {
    font-size: 110%;
    font-weight: 200;
    text-align: left;
}
.illust1 {
    width: 50%;
    height: auto;
}
.kounotori {
    text-align: center;
}
/*横棒タイトル　concept*/
.concept h3 {
    font-size: 200%;
    font-weight: 400;
    letter-spacing: 2px;
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}
.concept h3 {
    display: flex;
    align-items: center;
    margin-top: 10%;
}
.concept h3:before, .concept h3:after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
}
.concept h3:before {
    margin-right: 1rem;
}
.concept h3:after {
    margin-left: 1rem;
}
/**/
/*横棒タイトル　career*/
.career h2 {
    font-size: 200%;
    font-weight: 400;
    letter-spacing: 2px;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.career h2 {
    display: flex;
    align-items: center;
    margin-top: 10%;
}
.career h2:before, .career h2:after {
    border-top: 1px solid;
    content: "";
    flex-grow: 1;
}
.career h2:before {
    margin-right: 1rem;
}
.career h2:after {
    margin-left: 1rem;
}
/*横棒タイトル　examination*/
.examination h1 {
    font-size: 200%;
    font-weight: 400;
    letter-spacing: 2px;
    margin-right: auto;
    margin-left: auto;
    line-height: 150%;
}
/**/
.concept h4 {
    font-size: 130%;
    font-weight: 300;
    margin-top: 7%;
}
.concept .text-box1 {
    text-align: left;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px;
}
.curriculum .text-box1 {
    text-align: left;
}
.curriculum2 img {
    width: 100%;
    height: auto;
    margin-top: 7%;
}
.message .text-box1 {
    text-align: left;
    /* [disabled]margin-bottom: 2%;
*/
    text-indent: 1em;
}
.labo-box .box1 {
    padding-right: 4px;
    padding-left: 4px;
    margin-right: auto;
    margin-left: auto;
}
.laboratory-sub li {
    font-size: 100%;
    margin-left: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0px;
}
.item1, .item2 {
    border: 4px solid rgba(255,128,28,0.3);
}
.item3 {
    border: 4px solid rgba(255,128,128,0.3);
}
.item4, .item5 {
    border: 4px solid rgba(134,128,193,0.3);
}
.item6 {
    border: 4px solid rgba(94,145,195,0.3);
}
.item7 {
    border: 4px solid rgba(54,176,146,0.3);
}
.labo-box .icon {
    margin-top: -25px;
}
.labo-box h2 {
    font-size: 160%;
}
.item1 h2 {
    color: #FF801C;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(255,128,28,0.3);
    padding-bottom: 15px;
}
.item2 h2 {
    color: #FF801C;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(255,128,28,0.3);
    padding-bottom: 15px;
}
.item3 h2 {
    color: #ff8080;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(255,128,128,0.3);
    padding-bottom: 15px;
}
.item4 h2 {
    color: #8680c1;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(134,128,193,0.3);
    padding-bottom: 15px;
}
.item5 h2 {
    color: #8680c1;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(134,128,193,0.3);
    padding-bottom: 15px;
}
.item6 h2 {
    color: #5e85b6;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(94,145,195,0.3);
    padding-bottom: 15px;
}
.item7 h2 {
    color: #36b092;
    font-weight: 300;
    margin-bottom: 30px;
    border-bottom: 4px solid rgba(54,176,146,0.3);
    padding-bottom: 15px;
}
.name1 {
    font-size: 17px;
}
.name2 {
    font-size: 10px;
    color: #808080;
    margin-top: -10px;
}
.detail-box {
    display: inline-block;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 15px;
}
.detail {
    font-size: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    padding-left: 12px;
    padding-right: 12px;
    bottom: 0;
}
.item1 .detail {
    background-color: #FF801C;
}
.item2 .detail {
    background-color: #FF801C;
}
.item3 .detail {
    background-color: #ff8080;
}
.item4 .detail {
    background-color: #8680c1;
}
.item5 .detail {
    background-color: #8680c1;
}
.item6 .detail {
    background-color: #5e85b6;
}
.item7 .detail {
    background-color: #36b092;
}
.labo-box section {
    margin-bottom: 20px;
}
.item-ill img {
    width: 100%;
    height: auto;
}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.labo-box {
    margin-top: 20px;
}
.labo-box section {
    margin-bottom: 40px;
}
.labo-title {
    position: relative;
}
.labo-topphoto {
    position: absolute;
    width: 100%;
    height: 230px;
    object-fit: cover;
    top: 0px;
    left: 0px;
}
.labo-topphoto2 {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.labo-title-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%;
    height: auto;
    margin-top: 5%;
    margin-right: 5%;
    margin-left: 5%;
}
.professor {
    margin-top: 280px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.exam-infobox {
    margin-top: 30px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.professor2 {
    margin-top: 280px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
}
.border1 {
    border: 4px solid #FF801C;
}
.border2 {
    border: 4px solid #ff8080;
}
.border3 {
    border: 4px solid #8680c1;
}
.border4 {
    border: 4px solid #5e85b6;
}
.border5 {
    border: 4px solid #36b092;
}
.border6 {
    border: 4px solid #47b5ff;
}
.border1-b {
    border: 2px solid #FF801C;
}
.border2-b {
    border: 2px solid #ff8080;
}
.border3-b {
    border: 2px solid #8680c1;
}
.border4-b {
    border: 2px solid #5e85b6;
}
.border5-b {
    border: 2px solid #36b092;
}
.font1 {
    color: #FF801C;
}
.font2 {
    color: #ff8080;
}
.font3 {
    color: #8680c1;
}
.font4 {
    color: #5e85b6;
}
.font5 {
    color: #36b092;
}
.font7 {
    color: #47b5ff;
}
.examination-box {
    display: inline-block;
    line-height: 250%;
}
.professor-box {
    display: inline-block;
    text-align: left;
}
.examination-info {
    font-size: 16px;
    display: inline-block;
    padding-top: 3px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
    margin-top: -4px;
}
.professor-info {
    font-size: 16px;
    display: inline-block;
    padding-top: 3px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
    margin-top: -4px;
}
.professor-name {
    font-size: 150%;
    margin-top: 20px;
    line-height: 90%;
}
.name-e {
    font-size: 50%;
    font-weight: 200;
}
.subject {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.subject-title {
    text-align: left;
    display: inline-block;
    margin-top: 5px;
}
.subject-title .circle {
    display: inline-block;
    width: 7px;
    height: 7px;
    text-align: center;
    line-height: 7px;
    vertical-align: middle;
    border-radius: 50%;
    margin-right: 5px;
}
.line3-a {
    border-top: 2px solid #FF801C;
    margin-top: 20px;
    margin-bottom: 7px;
}
.line3-b {
    border-top: 2px solid #ff8080;
    margin-top: 20px;
    margin-bottom: 7px;
}
.line3-c {
    border-top: 2px solid #8680c1;
    margin-top: 20px;
    margin-bottom: 7px;
}
.line3-d {
    border-top: 2px solid #5e85b6;
    margin-top: 20px;
    margin-bottom: 7px;
}
.line3-e {
    border-top: 2px solid #36b092;
    margin-top: 20px;
    margin-bottom: 7px;
}
.study {
    text-align: left;
    margin-top: 30px;
}
.study-detail {
    font-size: 16px;
    display: inline-block;
    padding-top: 3px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 15px;
}
.study h2 {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 300;
}
.study .photo100 {
    width: 100%;
    height: auto;
}
.study .photo100 {
    width: 100%;
    height: auto;
}
.study h3 {
    font-size: 17px;
    margin-bottom: 30px;
    font-weight: 200;
}
.document .photo100 {
    width: 100%;
    height: auto;
}
.blue-title {
    background-color: #47b5ff;
    color: #FFFFFF;
    display: inline-block;
    padding-right: 25px;
    padding-left: 25px;
    margin-top: 30px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 17px;
    font-weight: 200;
    margin-bottom: 20px;
}
.font6 {
    font-size: 70%;
    line-height: 15px;
    margin-top: 10px;
}
.field-ill {
    width: 100%;
    height: auto;
}
.career-info {
    margin-top: 30px;
    border: 4px solid #47B5FF;
    font-size: 150%;
    color: #47B5FF;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    line-height: 120%;
}
.career-graph {
    width: 70%;
    height: auto;
    margin-top: 5%;
}
.career-graph2 {
    width: 100%;
    height: auto;
    margin-top: 5%;
}
.grey {
    background-color: #D7D7D7;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    line-height: 110%;
    display: inline-block;
    margin-top: 4%;
    font-weight: 200;
    margin-right: 10px;
    margin-left: 10px;
}
.text-left {
    text-align: left;
}
.text-left table {
    font-size: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.link-kouyu, .link-info, .link-info2 {
    background-color: #47b5ff;
    color: #FFFFFF;
    padding-right: 25px;
    padding-left: 25px;
    margin-top: 10px;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 17px;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
}
.link-info2 {
    margin-top: 30px;
}
.career h4 {
    font-size: 110%;
    font-weight: 200;
}
.kouyu-topphoto {
    width: 100%;
    height: auto;
}
.career2 h1 {
    font-size: 250%;
    font-weight: 300;
    line-height: 120%;
    ;
}
.career2 h2 {
    font-size: 130%;
    font-weight: 200;
    margin-top: 50px;
}
.q_a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin-bottom: 30px;
}
.circle2 {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background-color: #b4e5ff;
    text-align: center;
    line-height: 56px;
    vertical-align: middle;
    font-size: 150%;
    font-weight: 200;
    margin-right: 15px;
}
.circle3 {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #b4e5ff;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
    font-size: 120%;
    font-weight: 200;
    margin-right: 15px;
    float: left;
}
.life h2 {
    font-weight: 200;
    font-size: 170%;
}
.a_text-box1 {
    width: 70%;
    text-align: left;
    border: 3px solid #B4E5FF;
    border-radius: 5px;
}
.a_text {
    margin-top: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.a_text2 {
    margin-top: 20px;
    margin-right: 15px;
    margin-bottom: 15px;
    margin-left: 15px;
}
.a_box1 {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 30px;
}
.triangle1 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 16px 16px 0;
    border-color: transparent #b4e5ff transparent transparent;
    margin-bottom: 30px;
}
.triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 16px 16px 0 0;
    border-color: #b4e5ff transparent transparent transparent;
    margin-bottom: 30px;
}
.student-icon {
    height: 58px;
}
.student-photo {
    width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-bottom: 20px;
}
.photo-title {
    background-image: url(../life/img/pattern.jpg);
    background-size: 6px auto;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 100%;
    margin-top: 30px;
}
.photo-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 17px 17px 0 0;
    border-color: #47b5ff transparent transparent transparent;
    margin-top: 0px;
    margin-left: 0px;
    float: left;
}
.photo-triangle2 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 17px 17px;
    border-color: transparent transparent #47b5ff transparent;
    float: right;
    margin-top: 18px;
}
.photo-slide {
    width: 100%;
}
.illust3 {
    width: 70%;
    height: auto;
    margin-top: -25px;
}
.illust4 {
    width: 70%;
    height: auto;
    margin-top: -25px;
}
.examination .text-box1 {
    margin-left: auto;
    text-align: left;
    margin-right: auto;
    margin-top: 30px;
}
.font8 {
    font-size: 170%;
}
.about-exam h2 {
    font-size: 170%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 4px solid #B4E5FF;
    border-bottom: 4px solid #B4E5FF;
    font-weight: 200;
    margin-top: 30px;
}
.about-exam h3 {
    font-size: 150%;
    font-weight: 300;
    margin-top: 30px;
}
.sp-pdf  {
    text-align: center;
}
.font9 {
    font-size: 120%;
}
.font10 {
    font-size: 220%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.color-f {
    background: #FFFFFF;
}
.top-il480 {
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
}
.sub-menu2 {
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
}
.labo ul {
    text-align: left;
    display: inline-block;
    margin-right: auto;
    margin-left: auto;
}
.labo ul li {
    margin-right: 10px;
}
.container6 {
    width: 85%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 10px;
    text-align: center;
    z-index: 300;
}
.sub3 {
    margin-top: 20px;
}
.line-labo {
    margin-top: 20px;
}
.photo-banner {
    margin-top: 40px;
}
.photo-banner img {
    width: 100%;
    height: auto;
}
.text-box2 {
    text-align: right;
    margin-top: 40px;
}
.photo-right {
    margin-top: 5%;
}
.site-t {
    display: flex;
    align-items: center;
}
.site-t img {
    margin-right: 10px;
}
.text1 {
    font-weight: 300;
    font-size: 130%;
    line-height: 200%;
}
.text2 {
    font-weight: 200;
    font-size: 110%;
    line-height: 200%;
    display: flex;
    margin-left: 45px;
}
.sitemap-box {
    text-align: center;
}
.sitemap1 {
    display: inline-block;
    vertical-align: top;
}


/* ------------------------------------- */
/* タブレット以上向けの追加スタイル */
/* ------------------------------------- */
@media screen and (min-width: 481px) {
.labo-pc {
    display: none!important;
}
.photo-right {
    margin-top: 0%;
}
.labo-sp {
    display: block !important;
}
.sub-menu ul {
    display: inline-block;
    /* [disabled]margin-top: 20px;
*/
}
.sub-menu3 ul {
    display: inline-block;
    margin-top: 10px;
}
.labo {
    text-align: center;
}
.labo ul {
    display: inline-block;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.sub-menu li {
    float: left;
    height: 25px;
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.sub-menu3 li {
    float: left;
    height: 25px;
    display: flex;
    align-items: center;
    margin-left: 15px;
}
.sub-menu2 li {
    display: inline-block;
    height: 25px;
    margin-left: 10px;
}
h1 {
    font-size: 25px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 500;
    letter-spacing: 2px;
}
.line1 {
    margin-top: 10px;
}
.line2 {
    margin-top: 0px;
}
.curriculum .text-box1 {
    text-align: left;
    width: 75%;
    float: left;
}
.illust2 {
    width: 20%;
    float: right;
}
.container {
    display: flex;
    justify-content: space-around;
    flex-flow: row wrap;
}
.container2 {
    display: flex;
    align-content: space-between;
    justify-content: space-around;
    flex-flow: row wrap;
}
.item1, .item2, .item3, .item6, .item-ill {
    flex-basis: 300px;
}
.item-ill {
    display: inline-block;
}

.labo-topphoto {
    width: 100%;
    height: 230px;
    object-fit: cover;
}
.labo-title-text {
    position: absolute;
    top: 0;
    left: 0;
    width: 340px;
    height: auto;
    margin-top: 5%;
    margin-right: 5%;
    margin-bottom: 5%;
    margin-left: 5%;
}
.study h2 {
    font-size: 23px;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 300;
}
.study-box {
    margin-top: 30px;
}
.study .photo100 {
    width: 400px;
    height: auto;
    margin-top: 30px;
}
.study-detail {
    margin-top: 20px;
}
.study h3 {
    font-size: 19px;
    margin-top: 30px;
}
.professor {
    display: inline-block;
    width: 60%;
}
.professor2 {
    width: 60%;
    display: inline-block;
}
.link-box {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.career-graph {
    width: 50%;
    height: auto;
    margin-top: 5%;
}
.career-graph2 {
    width: 80%;
    height: auto;
    margin-top: 5%;
}
.career-info {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.about-exam .pc {
    display: block !important;
}
.about-exam .sp {
    display: none !important;
}
.about-exam h3 {
    font-size: 150%;
    font-weight: 300;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}
.labo ul {
    text-align: left;
    display: flex;
    flex-wrap: wrap;
}
.labo ul li {
    margin-right: 8px;
    display: inline-block;
}
.sub2 {
    display: inline-block;
    text-align: center;
}
.sub3 {
    margin-top: -20px;
}
.line-labo {
    margin-top: 20px;
}
.sub-menu-title2 {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 25px;
    float: right;
    /* [disabled]margin-top: 12px;
*/
}
#navsub img:hover {
    opacity: 0.7;
}
aside li:hover {
    opacity: 0.7;
}
.link-kouyu:hover {
    opacity: 0.7;
}
.detail-box:hover {
    opacity: 0.7;
}
.link-info:hover {
    opacity: 0.7;
}
.link-info2:hover {
    opacity: 0.7;
}
}

/* ------------------------------------- */
/* タブレット以上向けの追加スタイル */
/* ------------------------------------- */
@media screen and (min-width: 768px) {
.pc {
    display: block !important;
}
.sp {
    display: none !important;
}
.top-box01 .sp {
    display: none !important;
}
.top-box01 .pc {
    display: none !important;
}
.top-box0 .pc {
    display: none !important;
}
.top-box0 .sp {
    display: block !important;
}
.top-box01 .pd {
    display: block !important;
}
.labo-pc {
    display: none!important;
}
.labo-sp {
    display: block !important;
}
.top-il700 {
    width: 100%;
    height: auto;
    top: 0px;
    left: 0px;
    /* [disabled]margin-top: -120px;
*/
}
.line1 {
    margin-top: 10px;
}
.line2 {
    margin-top: 5px;
}
.sub-menu {
    /* [disabled]display: flex;
*/
    float: right;
}
.photo-banner img {
    width: 70%;
    height: auto;
}
.sub-menu ul {
    display: inline-block;
    text-align: center;
    float: right;
}
.study-text1 {
    width: 58%;
    float: left;
}
.study-text2 {
    width: 40%;
    float: left;
}
.study-text3 {
    width: 48%;
    float: left;
}
.study-text4 {
    width: 48%;
    float: right;
}
.photo-right {
    width: 38%;
    float: right;
}
.photo-right2 {
    width: 38%;
    float: right;
}
.photo-right3 {
    width: 55%;
    float: right;
}
.photo-right4 {
    width: 48%;
    float: right;
}
.photo-right5 {
    width: 48%;
    float: left;
}
.study .photo100 {
    width: 100%;
    height: auto;
    margin-top: 0px;
}
.line3 {
    display: none !important;
}
.line4-a {
    border-left: 2px solid #FF801C;
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 15px;
}
.line4-b {
    border-left: 2px solid #ff8080;
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 15px;
}
.line4-c {
    border-left: 2px solid #8680c1;
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 15px;
}
.line4-d {
    border-left: 2px solid #5e85b6;
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 15px;
}
.line4-e {
    border-left: 2px solid #36b092;
    margin-top: 20px;
    margin-right: 15px;
    margin-left: 15px;
}
.professor .con01 {
    webkit-box-flex: 1;
    box-flex: 1;
    width: 100%;
}
.professor .con03 {
    webkit-box-flex: 1;
    box-flex: 1;
    width: 100%;
}
.professor .con05 {
    webkit-box-flex: 1;
    box-flex: 1;
    width: 100%;
}
.flex {
    display: flex;
    flex-wrap: nowrap;
}
.professor {
    display: inline-block;
    width: 80%;
}
.sub-menu2 {
    display: inline-block;
    float: right;
}
.career h2 {
    width: 40%;
}
.container3 {
    display: flex;
    align-content: space-between;
    justify-content: space-around;
    align-items: center;
}
.career-graph {
    width: 60%;
    height: auto;
    margin-top: 5%;
}
.career-graph2 {
    width: 70%;
    height: auto;
    margin-top: 5%;
}
.sub-logo {
    float: left;
    width: 25%;
}
.sub-logo2 {
    width: 25%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
.sub-logo img {
    width: 100%;
    height: auto;
}
.sub-logo2 img {
    width: 100%;
    height: auto;
}
.sub-menu-title {
    display: flex;
    align-items: center;
    font-size: 25px;
    margin-right: auto;
    margin-left: auto;
}
.career-info {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    line-height: 130%;
}
.link-kouyu {
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    margin-left: 5px;
}
.link-info {
    width: 200px;
    margin-right: auto;
    margin-left: auto;
}
.link-info2 {
    width: 400px;
    margin-right: auto;
    margin-left: auto;
}
.link-box {
    width: 100%;
}
.container4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
}
.illust3 {
    width: 100%;
    height: auto;
    margin-top: 0px;
}
.container5 {
    display: flex;
    justify-content: space-between;
}
.life-box {
    flex-basis: 48%;
}
.leftbox {
    float: left;
    width: 45%;
    height: auto;
}
.rightbox {
    float: right;
    width: 45%;
    height: auto;
}
.a_text-box1 {
    width: 100%;
    text-align: left;
    border: 3px solid #B4E5FF;
    border-radius: 5px;
}
.life-illust {
    text-align: left;
}
.illust4 {
    width: 30%;
    height: auto;
    margin-top: -150px;
}
.examination .text-box1 {
    width: 80%;
}
.concept-01 {
    float: left;
}
.sub-menu3 .concept-01 {
    float: none;
}
.concept-02 {
    float: left;
    margin-top: 10px;
}
.sub-menu3 .concept-02 {
    float: none;
}
.float-box2 {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    vertical-align: baseline;
}
.line1-b {
    border-bottom: 10px solid #b4e5ff;
    margin-top: 30px;
}
.sitemap-box {
    display: flex;
    justify-content: space-around;
}
.text1 {
    font-weight: 300;
    font-size: 130%;
    line-height: 200%;
}
.text2 {
    font-weight: 200;
    font-size: 110%;
    line-height: 200%;
    margin-left: 55px;
}
.sitemap-box {
    text-align: center;
}
.sitemap1 {
    display: inline-block;
    vertical-align: top;
    margin-right: 20px;
    margin-left: 20px;
}
.illust1 {
    width: 30%;
    height: auto;
    margin-top: -120px;
}
.kounotori {
    text-align: left;
}
}

/* ----------------------------- */
/* PC以上向けの追加スタイル */
/* ----------------------------- */
@media (min-width: 1025px) {
.pc {
    display: block !important;
}
.sp {
    display: none !important;
}
.top-box01 .pd {
    display: none !important;
}
.top-box01 .pc {
    display: block !important;
}
.top-box0 .pc {
    display: block !important;
}
.top-box01 .sp {
    display: none !important;
}
.top-box0 .sp {
    display: none !important;
}
.labo-pc {
    display: block !important;
}
.labo-sp {
    display: none !important;
}
.career-info {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
}
.sub-logo {
    float: left;
    width: 20%;
}
.sub-logo2 {
    float: left;
    width: 20%;
}
.sub-menu {
    float: right;
}
.sub-menu3 {
    float: right;
}
.concept-01 {
    float: left;
}
.concept-02 {
    float: left;
}
.sub-menu3 .concept-01 {
    float: left;
    margin-top: 5px;
}
.sub-menu3 .concept-02 {
    float: left;
}
.line1 {
    margin-top: 30px;
}
.line2 {
    margin-top: 10px;
}
.line-labo {
    margin-top: 30px;
}
.sub-menu ul {
    float: left;
    margin-top: 0px;
}
.sub-menu2 li {
    float: left;
    height: 50px;
    display: flex;
    align-items: center;
    margin-right: 15px;
}
.sub1 {
    float: left;
}
.sub2 {
    float: right;
    margin-top: 10px;
}
.sub3 {
    float: right;
    width: 400px;
    margin-top: -10px;
    font-size: 90%;
    text-align: left;
    margin-left: 10px;
    margin-right: -45px;
}
.sub-menu-title2 {
    height: 50px;
    display: flex;
    align-items: center;
    font-size: 25px;
    float: right;
    /* [disabled]margin-top: 12px;
*/
}
.illust1 {
    width: 23%;
    height: auto;
    margin-top: -180px;
    margin-left: 20px;
}
    .concept-t {
        margin-top: -10px;
    }
.concept h2 {
    font-size: 120%;
    font-weight: 200;
    letter-spacing: 2px;
    display: inline-block;
    text-align: center;
}
.concept .text-box1 {
    width: 80%;
}
.curriculum .text-box1 {
    text-align: left;
    width: 75%;
    float: left;
}
.illust2 {
    width: 20%;
    float: right;
}
.float-box2 {
    float: right;
    margin-left: 1em;
    margin-bottom: 0.5em;
    vertical-align: baseline;
}
.float-clear {
    overflow: hidden;
}
.box-left {
}
.item7 {
    width: 50%;
    float: left;
}
.item-ill {
    float: right;
    width: 48%;
    height: auto;
}
.item-ill img {
    width: 100%;
    height: auto;
}
.labo-title-text {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    height: 60px;
    margin-top: 30px;
    margin-left: 30px;
}
.labo ul {
    display: inline-block;
    align-items: center;
    justify-content: flex-end;
    margin-top: 20px;
}
.line4-a {
    border-left: 2px solid #FF801C;
    margin-top: 20px;
}
.line4-b {
    border-left: 2px solid #ff8080;
    margin-top: 20px;
}
.line4-c {
    border-left: 2px solid #8680C1;
    margin-top: 20px;
}
.line4-d {
    border-left: 2px solid #5e85b6;
    margin-top: 20px;
}
.line4-e {
    border-left: 2px solid #36b092;
    margin-top: 20px;
}
.professor {
    display: inline-block;
    width: 70%;
}
.professor2 {
    width: 30%;
    display: inline-block;
}
.study {
    width: 90%;
    margin-right: auto;
    margin-left: auto;
}
.career-info {
    width: 40%;
    margin-right: auto;
    margin-left: auto;
}
.illust3 {
    width: 80%;
    height: auto;
}
.exam-infobox {
    display: inline-block;
}
.examination {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.top {
    position: relative;
}
#nav-top {
    position: absolute;
    background-color: #FFFFFF;
}
/*topイラスト*/
.top-illust {
    position: relative;
    display: block;
    width: 1000px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
}
.i-bird {
    position: absolute;
    left: 121px;
    top: -20px;
}
.i-coock {
    position: absolute;
    left: 136px;
    top: 123px;
}
.i-field {
    position: absolute;
    left: 247px;
    top: -37px;
}
.i-tree {
    position: absolute;
    left: 596px;
    top: -12px;
}
.i-forest {
    position: absolute;
    left: 789px;
    top: 15px;
}
.i-buillding01 {
    position: absolute;
    left: 670px;
    top: 265px;
}
.i-buillding03 {
    position: absolute;
    left: 142px;
    top: 288px;
}
.i-farm {
    position: absolute;
    left: 617px;
    top: 109px;
}
.i-meat {
    position: absolute;
    left: 192px;
    top: 379px;
}
.i-buillding02 {
    position: absolute;
    left: 388px;
    top: 305px;
}
.i-park {
    position: absolute;
    left: 161px;
    top: 479px;
}
.i-road {
    position: absolute;
    left: 472px;
    top: 307px;
}
.i-student {
    position: absolute;
    left: 342px;
    top: 393px;
}
.top-illust h1 {
    position: absolute;
    left: 304px;
    top: 173px;
}
/**/
.color-f {
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.color-f2 {
    width: 100%;
    bottom: 0px;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
 16.65% {
 -webkit-transform: translate(8px, -8px);
 transform: translate(8px, -8px);
}
 33.3% {
 -webkit-transform: translate(-6px, 6px);
 transform: translate(-6px, 6px);
}
 49.95% {
 -webkit-transform: translate(4px, -4px);
 transform: translate(4px, -4px);
}
 66.6% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
}
 83.25% {
 -webkit-transform: translate(1px, -1px);
 transform: translate(1px, -1px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
 16.65% {
 -webkit-transform: translate(8px, -8px);
 transform: translate(8px, -8px);
}
 33.3% {
 -webkit-transform: translate(-6px, 6px);
 transform: translate(-6px, 6px);
}
 49.95% {
 -webkit-transform: translate(4px, -4px);
 transform: translate(4px, -4px);
}
 66.6% {
 -webkit-transform: translate(-2px, 2px);
 transform: translate(-2px, 2px);
}
 83.25% {
 -webkit-transform: translate(1px, -1px);
 transform: translate(1px, -1px);
}
 100% {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
    -webkit-animation-name: hvr-wobble-to-top-right;
    animation-name: hvr-wobble-to-top-right;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.text1 {
    font-size: 150%;
}
.text2 {
    font-size: 130%;
}
.sitemap1 {
    margin-right: 40px;
    margin-left: 40px;
}
.item4 { flex-basis: 50%; }
}