@charset "UTF-8";

/* 固定ページ用*/
.p-01{font-size:17px;line-height:27px;padding:10px 14px;font-family:system-ui;font-weight:400;}
.h2-01{opacity:1;color:#1b1b1b;background-color:#fff0;border:1px #000;border-bottom:1px solid #626262;width:100%;margin:20px 0;padding:4px 2px 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:40px;font-weight:700;line-height:50px;display:block;position:relative}

.li-02{width:50%;height:auto;flex:none;align-self:stretch;margin:0;padding:0;display:block;overflow:visible}
.shadow{width:96%;margin:20px auto;padding:10px 14px;font-size:17px;line-height:27px;box-shadow:0 0 6px #818181}
.chart-div{border:6px solid silver;margin-top:10px;margin-bottom:10px;padding:20px}
@media screen and (max-width: 479px) {
    .voice-ul{width:98%;align-items:stretch;margin-left:1%;margin-right:1%}
    .voice-li-40{width:48%;margin-left:1%;margin-right:1%}
    .voice-h-01{font-size:12px;line-height:13px}
    .voice-p-f01{font-size:12px;line-height:13px}
    .voice-n-01{font-size:12px;line-height:13px}
    .voice-li-33{width:98%;padding-left:1%;padding-right:1%}
    .voice-a-001{font-size:14px;font-weight:400}
    .ul-02{flex-flow:column wrap;align-content:stretch;justify-content:flex-start}
    .li-02{width:100%}
    .chart-div{padding:16px}
}
/* いつでも大学見学 */
.div-flex {width: 1750px;max-width: 99%;height: auto;margin-left: auto;}
.div-flex-01 {flex-flow: wrap;justify-content: center;align-items: center;width: 1750px;max-width: 99%;height: auto;margin-left: auto;margin-right: auto;padding: 32px 20px;font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;font-weight: 400;display: flex;position: relative;}

.div-flex-02left {
    justify-content: center;
    align-items: center;
    width: 50%;
    padding: 10px;
    display: flex;
}

.div-flex-right {
    width: 50%;
    padding: 10px;
}

.kengaku-p-01 {
    color: #6a7add;
    margin-top: 0;
    margin-bottom: 8px;
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
}

.kengaku-p-02 {
    border-bottom: 1px solid #c8c8c8;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
}

.kengaku-p-03 {
    font-size: 16px;
    line-height: 25px;
}

.kengaku-img {
    width: 860px;
    height: auto;
}

/* テーブル関係 */
th.th-01 {text-align:center;font-size:16px;font-weight:600;padding:8px 16px;}
th.th-health { background-color:#ecffeb !important; }
th.th-f { background-color:#ffedcd !important; }
th.th-nurce { background-color:#ffebeb !important; }
th.th-human { background-color:#ebf0ff !important; }
th.th-02 {
    text-align:left !important;
    font-size:14px;
    background-color:#fff8eb !important;
    padding:8px 16px;
}
td {
    padding:8 16px;
    font-size:14px;
}
td.td-01 { background-color:#f9fafc; }

/* テーブル用レスポンシブデザイン */
table {border-collapse:collapse;vertical-align:middle;margin:6px auto;font-size:15px;line-height:25px;min-width:800px;width:96%;max-width:98%;text-align:left;}
table a{font-size:15px;}
table th {border:1px solid #dbe1e8;padding:6px;background:#f9fafc;min-width:44px;width:auto;text-align:center;}
table td {border:1px solid #dbe1e8;padding:6px;min-width:44px;width:auto;}
table td:first-child {width: 0;white-space: nowrap;}
.center {text-align:center;}
.cur-01{width:auto;background-image:url( images/cirlce-gray.jpg);background-position:10px 8px;background-repeat:no-repeat;background-size:10px;flex-direction:row;flex:0 auto;order:0;align-self:auto;align-items:center;margin:2px 8px 2px 0;padding:3px 4px 3px 24px;font-size:15px;line-height:20px;display:block;overflow:visible}


@media (max-width: 479px) {
    table {border-collapse: collapse;margin: 2em 0;max-width: 99%;}
    th {background-color: #eee;}
    th,td {border: solid 1px #ccc;padding: 3px 5px;white-space: nowrap;}
    .fixed01 {position: sticky;top:0;
        &:before{content: "";position: absolute;top: -1px;left: -1px; border: 1px solid #ccc;}}
    div.table{overflow:hidden;overflow-x:auto;margin-bottom:1em;max-width:770px;}
}

/*アコーディオンで現れるエリア*/
.box {position: relative; display: none; background: #f3f3f3; margin:0 1% 1% 1%; padding: 3%;width:auto;}
.box-02{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:auto;margin:0;padding:10px;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;border:1px solid #c2c2c2;font-size:13px;line-height:18px}
/*アコーディオン全体*/
.accordion-area{list-style: none; width: 98%; max-width: 98%; margin:0 auto;padding-left:10px;}
.accordion-area li{margin: 10px 0;width:100%;}
.accordion-area section {border: 1px solid #ccc;width:100%;}
/*アコーディオンタイトル*/
.title {position: relative;/*+マークの位置基準とするためrelative指定*/ cursor: pointer; font-weight: normal; padding: 16px 50px; transition: all .5s ease;width:100%;}
/*アイコンの＋と×*/
.title::before,
.title::after{position: absolute; content:''; width: 15px; height: 2px; background-color: #333;}
.title::before{ top:48%; left: 15px; transform: rotate(0deg);}
.title::after{ top:48%; left: 15px; transform: rotate(90deg);}
/*　closeというクラスがついたら形状変化　*/
.title.close::before{ transform: rotate(45deg);}
.title.close::after{ transform: rotate(-45deg);}
.kouza-a01 {padding-left:6px;border-left:10px solid #4385e7;}
.kouza-a02 {padding-left:6px;border-left:10px solid #f18aa7;}
.kouza-a03 {padding-left:6px;border-left:10px solid #21b90c;}
@media screen and (max-width: 479px) {
    .title {padding: 16px 20px 16px 40px; transition: all .5s ease;width:100%;}
}

/* ULスタイル */
.ul03{width:98%;border-top:1px solid #d6d6d6;flex-flow:wrap;justify-content:flex-start;align-items:stretch;margin:0 1%;padding:0;list-style-type:none;display:flex;font-family:system-ui;}
.li01{width:30%;border-bottom:1px solid #d6d6d6;flex:none;order:0;align-self:stretch;margin:0;padding:8px 2px;display:block;font-family:system-ui;}
.li02{width:50%;border-bottom:1px solid #d6d6d6;flex:none;align-self:stretch;margin:0;padding:8px 2px;display:block;font-family:system-ui;}
.li03{width:20%;border-bottom:1px solid #d6d6d6;flex:1;align-self:stretch;margin:0;padding:8px 2px;display:block;font-family:system-ui;}
.li04{width:70%;border-bottom:1px solid #d6d6d6;flex:none;order:0;align-self:stretch;margin:0;padding:8px 0 8px 1px;display:block;font-family:system-ui;}
.contact-p01{font-size:16px;line-height:26px;font-weight:500;padding:8px 16px;}
.contact-p04{font-size:16px;line-height:26px;font-weight:500;padding:8px 16px;}
.tel{width:auto;height:auto;max-width:98%;float:none;clear:both;color:#3b3b3b;text-align:left;background-color:rgba(0,0,0,0);background-image:url( ../images/tel.jpg);background-position:0;background-repeat:no-repeat;background-size:42px;margin:1px 1%;padding:4px 12px 4px 46px;font-size:16px;line-height:16px;transition:all .2s;display:block;position:static;overflow:visible;font-family:system-ui;}
.fax{width:auto;max-width:98%;float:none;clear:both;color:#3b3b3b;text-align:left;background-color:rgba(0,0,0,0);background-image:url( ../images/fax.jpg);background-position:0;background-repeat:no-repeat;background-size:42px;margin:1px 1%;padding:4px 12px 4px 46px;font-size:16px;line-height:16x;transition:opacity .2s,all .2s;display:block;position:static;overflow:visible;font-family:system-ui;}
.mail{width:auto;max-width:98%;float:none;clear:both;color:#3b3b3b;text-align:left;background-color:rgba(0,0,0,0);background-image:url( ../images/mail.jpg);background-position:0;background-repeat:no-repeat;background-size:42px;margin:1px 1%;padding:4px 8px 4px 46px;font-size:16px;line-height:16px;text-decoration:none;display:block;position:static;overflow:visible;font-family:system-ui;}

@media screen and (max-width: 479px) {
    .li01{width:100%;background-color:#eee}
    .li02{width:100%}
    .li03{width:100%}
    .li04{width:100%;overflow:hidden}
}

/* リンクスタイル */
.div-gray{width:1000px;max-width:99%;background-color:#f1f1f1;flex-flow:wrap;justify-content:center;align-items:center;margin:20px auto;padding:16px 20px;display:flex;position:relative;top:auto;bottom:0;left:0;right:0}
.pdf{width:98%;float:none;color:#284088;text-align:left;background-image:url( ../images/pdf01_1.png);background-position:1%;background-repeat:no-repeat;background-size:15px;margin:2px 1%;padding:10px 6px 10px 36px;font-size:17px;line-height:27px;transition:all .2s linear;display:block;position:static;overflow:visible;font-family:system-ui;}
.pdf:hover{color:#284088;background-color:#fdd100}
.link03{width:98%;color:#284088;background-image:url( ../images/links.png);background-position:1%;background-repeat:no-repeat;background-size:15px;margin:2px 1%;padding:10px 6px 10px 36px;font-size:17px;line-height:27px;transition:all .2s;display:block}
.link03:hover{color:#284088;background-color:#fdd100}
.pdf-01{max-width:48%;min-width:180px;color:#fff;text-align:center;background-color:#ff4500;background-image:url( ../images/pdf02_2pdf02.png);background-position:10px;background-repeat:no-repeat;background-size:16px;border:1px solid #ff4500;border-radius:8px;flex:none;margin:10px 1%;padding:10px 20px 10px 34px;font-size:17px;line-height:27px;transition:all .2s;display:block}
.pdf-01:hover{color:#ff4500;background-color:#fff;background-image:url( ../images/pdf01_2pdf01.png);background-position:10px;background-repeat:no-repeat;background-size:16px;border-radius:11px}
.page-01{max-width:48%;min-width:180px;color:#fff;background-color:#003d99;background-image:url( ../images/arrow02_1arrow02.png);background-position:14px;background-repeat:no-repeat;background-size:8px;border:1px solid #003d99;border-radius:8px;flex:none;margin:10px 1%;padding:10px 20px 10px 34px;font-size:17px;line-height:27px;transition:all .2s}
.page-01:hover{color:#003d99;background-color:#ebd10d;background-image:url( ../images/arrow01_2arrow01.png);background-position:14px;background-repeat:no-repeat;background-size:8px}

@media screen and (max-width: 479px) {
    .div-gray{padding-left:10px;padding-right:10px}
    .pdf-01,.word-01,.excel-01,.page-01{max-width:98%;min-width:98%;text-align:left}
}

/* Information 新スタイル */
a{color:#1b1b1b;font-size:16px;line-height:22px;text-decoration:none}
.news-block-01{background-color:#f9faff;width:100%;margin:10px 0;padding:40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}




.flex-1920{flex-flow:row;justify-content:flex-start;align-items:stretch;width:1920px;max-width:99%;margin-left:auto;margin-right:auto;display:flex}
.info-left-01{flex:none;width:20%;max-width:235px;height:100%;padding-top:10px;padding-bottom:10px;display:block}
.info-right-01{flex:none;width:1400px;max-width:80%;height:auto;padding:10px 20px;display:block}
.title-info-01{color:#007bbb;margin-bottom:20px;font-family:Oswald,sans-serif;font-size:46px;font-weight:700;line-height:40px}
.title-info-02{color:#007bbb;letter-spacing:2px;font-size:18px;font-weight:700;line-height:28px}



.ul-info-tab{flex-flow:column;margin-top:40px;margin-bottom:40px;padding-top:10px;padding-bottom:10px;padding-left:0;list-style-type:none;display:flex}
.li-info-tab{flex:none;margin-top:0;margin-bottom:0;padding-top:10px;padding-bottom:10px;list-style-type:none}
.info-link-01{color:#1b1b1b;text-align:center;background-color:#fff;border:1px solid #007bbb;border-radius:30px;min-width:160px;max-width:80%;height:auto;padding:10px 20px;transition:all .3s;display:block;position:relative}
.info-link-01:hover{color:#fff;background-color:#007bbb;top:-2px;box-shadow:0 2px 5px #00000080}
.p-info-text-01{letter-spacing:1px;margin:0;padding:0;font-size:14px;font-weight:500;line-height:15px}
.news-block-02{background-color:#fff;width:100%;height:auto;padding:30px}
.ul-news-a01{flex-flow:column;justify-content:flex-start;align-items:stretch;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:0;list-style-type:none;display:flex}
.li-news-a01{border-bottom:1px solid #b7b7b7;width:100%;display:block}
.news-link-a01{text-align:left;flex:none;align-self:center;width:15%;padding-top:10px;padding-bottom:10px}
.news-link-a02{flex-flow:wrap;flex:none;align-self:center;width:85%;padding-top:10px;padding-bottom:10px;display:flex}
.news-link-a03{flex:none;order:0;align-self:center;width:68%;padding:16px 10px}
.news-link-a00{color:#222;flex-flow:wrap;padding:10px 16px;font-size:16px;line-height:23px;transition:all .2s;display:flex}
.news-link-a00:hover{color:#007bbb;background-color:#f4f4f4}
.news-date-a01{margin:0;padding:0;font-family:Oswald,sans-serif;font-size:18px;font-weight:600;line-height:18px}
.news-info-title-01{margin-top:0;margin-bottom:0;padding:0;font-weight:600}
.info-link-02{text-align:left;letter-spacing:0;background-color:#0000;background-image:url(../images/arrow-0021.jpg),linear-gradient(#2164ab,#2164ab);background-position:100%,0 0;background-repeat:no-repeat,repeat;background-size:contain,auto;background-attachment:scroll,scroll;width:100%;padding:20px;transition:all .2s;display:block;overflow:hidden}
.info-link-02:hover{text-shadow:0 0 6px #ffffff9c;background-image:url(../images/arrow-0021.jpg),linear-gradient(#2164ab,#2164ab);background-position:102%,0 0}
.p-info-text-02{color:#fff;margin:0;font-weight:600}
.info-link-11{text-align:center;background-color:#0000;border:1px solid #007bbb;border-radius:30px;width:15%;margin:2px .5% 2px 0;padding:8px 10px}
.p-info-text-11{margin:0;padding:0;font-size:11px;font-weight:500;line-height:11px}


.div-1920-a{background-color:#0000;width:1920px;max-width:99%;height:auto;margin-left:auto;margin-right:auto;padding-top:40px;padding-bottom:40px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}



.h3-001{color:#007bbb;text-align:center;background-color:#0000;font-family:Oswald,sans-serif;font-size:60px;font-weight:700;line-height:60px}
.paragraph{color:#007bbb;text-align:center;margin-top:20px;margin-bottom:20px;font-size:24px;font-weight:700;line-height:34px}
.career-ul-01{flex-flow:wrap;margin-top:20px;margin-bottom:20px;padding:10px 0;list-style-type:none;display:flex}



.h1-001{text-align:left;background-color:#0000;margin-top:20px;margin-bottom:20px;padding-left:20px;font-family:Oswald,sans-serif;font-size:80px;font-weight:700;line-height:80px;display:block}
.cate-p-001{text-align:left;letter-spacing:2px;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;padding-left:20px;font-size:21px;font-weight:600;line-height:30px;display:block}



.career-li-01{background-color:#f9faff;width:400px;max-width:30%;padding:10px;list-style-type:none}
.career-li-02{flex:1;max-width:69%;margin-right:1%;padding-top:0;padding-bottom:20px}
.banner-400{opacity:1;width:100%;height:auto;margin-top:0;margin-bottom:0;padding:10px;transition:all .2s;display:block;transform:translate(0)}
.banner-400:hover{opacity:.9;transform:translate(0,-3px)}
.ul-menu-2501{background-color:#fff;flex-flow:wrap;justify-content:flex-start;align-items:flex-start;margin-top:0;margin-bottom:8px;padding:20px 10px;list-style-type:none;display:flex;position:relative}
.li-menu-100{width:100%;padding:10px}
.li-menu-050{flex:none;width:50%;padding:10px}
.menu-title-01a{border-bottom:2px solid #000;padding-bottom:10px;font-size:30px;font-weight:700;line-height:33px}
.menu-50-link{color:#1e50a2;background-color:#fff;border-bottom:4px solid #007bbb;flex-flow:row;justify-content:space-between;align-items:center;width:100%;padding:10px 20px;font-size:24px;font-weight:700;line-height:34px;transition:all .3s;display:flex;position:relative}
.menu-50-link:hover{color:#3e6cb9;background-color:#f4f4f4}
.line-div-2501{background-color:#000;width:90%;height:1px;margin:20px auto;padding-left:10px;padding-right:10px}
.div-block{width:100%;padding-top:4px;padding-bottom:4px}
.menu-sub-text-01{margin:0;padding:0;font-size:15px;font-weight:400;line-height:25px}
.text-block{margin:0;padding:0;font-size:23px;display:block}
.menu-text-div-01{flex:none;width:88%}
.code-embed{flex:none;height:auto}
.career-img-001{width:380px;height:auto}
@media screen and (max-width: 991px) {
    .news-block-01{padding-left:30px;padding-right:30px}
    .info-left-01{max-width:35%}


    .info-right-01{max-width:65%}
    .info-link-01{padding:10px 16px}
    .p-info-text-01{font-size:13px;line-height:14px}
    .news-block-02{padding:20px}
    .news-link-a01{text-align:left;width:100%;padding-top:10px;padding-bottom:10px}
    .news-link-a02{flex-flow:wrap;justify-content:flex-start;align-items:flex-start;width:100%;padding-top:10px;padding-bottom:10px;display:flex;overflow:auto}
    .news-link-a03{width:100%}
    .news-link-a00{flex-flow:column;justify-content:flex-start;align-items:flex-start;padding-top:10px;padding-bottom:10px}
    .info-link-11{width:35%}
}
@media screen and (max-width: 767px) {


    .news-block-01{padding-left:20px;padding-right:20px}
    .flex-1920{flex-flow:column}
    .info-left-01{width:100%;max-width:100%;padding-left:10px;padding-right:10px}
    .info-right-01{max-width:100%;padding-left:0;padding-right:0}
    .div-info-tab{width:100%}


    .ul-info-tab{flex-flow:wrap;width:100%;margin-top:20px;margin-bottom:20px;display:flex;overflow:auto}
    .li-info-tab{text-align:center;width:50%}
    .news-block-02{padding:16px}
    .news-link-a02{flex-flow:row;display:flex;overflow:auto}
    .info-link-11{width:auto;min-width:25%;margin-left:8px;margin-right:8px}
    .career-li-01{width:auto;max-width:100%;margin-left:0;margin-right:0}
    .career-li-02{max-width:100%;margin-right:0}
    .div-career-div-01{flex-flow:wrap;display:flex}
    .banner-400{width:50%;margin-left:0;margin-right:0}
    .li-menu-050{width:99%;margin-left:auto;margin-right:auto}
}
@media screen and (max-width: 479px) {
    .news-block-01{padding-left:10px;padding-right:10px}




    .ul-info-tab{grid-column-gap:2px;grid-row-gap:2px;flex-flow:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:flex-start;align-items:center;margin-top:10px;margin-bottom:10px;display:flex}
    .li-info-tab{width:90%;margin-left:auto;margin-right:auto}
    .info-link-01{margin-left:auto;margin-right:auto}
    .p-info-text-01{font-size:12px}
    .news-block-02{padding-left:10px;padding-right:10px}
    .news-link-a01{padding-top:8px;padding-bottom:8px}
    .news-link-a02{padding-top:0;padding-bottom:0}
    .news-link-a00{flex-flow:wrap;padding-left:10px;padding-right:10px}
    .info-link-11{min-width:46%;padding-top:8px;padding-bottom:8px}
    .p-info-text-11{font-size:10px;line-height:10px}
    .h3-001{font-size:44px;line-height:54px}
    .paragraph{margin-top:10px;font-size:22px;line-height:32px}
    .career-li-01{width:100%;max-width:100%;padding-left:0;padding-right:0}
    .career-li-02{max-width:100%}
    .banner-400{padding:8px}
    .li-menu-050{width:100%;padding-top:0;padding-bottom:0}
    .menu-title-01a{font-size:22px}
    .menu-50-link{font-size:18px;line-height:28px}
    .menu-sub-text-01{font-size:14px;line-height:24px}
}