@charset "utf-8";

/* ----- 共通スタイル ----- */
*{ box-sizing: border-box;}
#tab5_left,
.style1607_inyo li{ box-sizing: content-box;}
body{
    overflow-x: hidden;
    font-size: 16px;
}

.tac { text-align: center;}
.tar { text-align: right;}
.txt_orange { color: #ea5413;}
.txt_red { color: #ff0000;}
.txt_blue { color: #2c4198;}
.txt_lblue { color: #44a1c5;}

.txt_l{ font-size: 18px;}

.mb50 { margin-bottom: 60px;}
.mb60 { margin-bottom: 60px;}
.mb70 { margin-bottom: 70px;}
.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}
.ml35 { margin-left: 35px;}

.tab,.sp{ display: none;}
.pc{ display: inherit;}

.br_pc::before{
    content: "\A" ;
    white-space: pre ;
}

optgroup { display: none;}

img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

#contents { padding: 0 0 5px 0;}

section h2{
    font-size: 35px;
    font-weight: normal;
    text-align: center;
}
section h3{
    text-align: center;
    font-size: 23px;
}

.ttl_dashed {
    color: #5E76A7;
    font-size: 23px;
    margin-bottom: 20px;
    position: relative;
}
.ttl_dashed span {
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    max-width: 80%;
}
.ttl_dashed::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px dashed #5E76A7;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ttl_solid {
    color: #1c236d;
    font-size: 23px;
    margin-bottom: 20px;
    position: relative;
}
.ttl_solid span {
    display: inline-block;
    background-color: #ffffff;
    position: relative;
    z-index: 1;
    padding: 0 20px;
    max-width: 80%;
}
.ttl_solid::after {
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #1c236d;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

h3 .sub{
    display: block;
    font-size: .7em;
    font-weight: bold;
    padding-top: 30px;
}

.box_ttl{
    text-align: center;
    margin-bottom: 75px;
}
.box_ttl h2,
.box_ttl h1{
    line-height: 1.5;
    display: inline-block;
    background: linear-gradient(rgb(0 0 0 / 0) 60%, rgb(28 35 109 / .2) 60%);
}
.box_ttl h1{
    font-size: 35px;
    font-weight: normal;
    text-align: center;
}
.box_ttl .catch{
    color: #1c236d;
    display: inline-block;
    line-height: 1.5;
    margin-bottom: 10px;
    position: relative;
}
.box_ttl .catch::before,
.box_ttl .catch::after{
    content: "";
    width: 1px;
    height: 3em;
    background: #1c236d;
    display: block;
}
.box_ttl .catch::before {
    position: absolute;
    left: -1.5em;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(-35deg);
}
.box_ttl .catch::after {
    position: absolute;
    right: -1.5em;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(35deg);
}

.bg-beige { background-color: #f3f3f2;}

.lead{ font-size: 22px;}

.caution{ font-size: .8em;}

section .inner{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 90px 0;
}

.btn01{ text-align: center;}
.btn01 a{
    background: #44a1c5 url(/images/common/arrow02.svg) 96% center/18px no-repeat;
    color: #fff;
    padding: 10px 30px;
    font-size: 21px;
    width: 55%;
    max-width: 442px;
    display: block;
    margin: 60px auto;
    font-weight: normal;
    border-radius: 2.8px;
    box-shadow: 0 1.5px 0 #1c236d;
    letter-spacing: .175em;
}
.btn01 a:hover{
    text-decoration: none;
    opacity: .7;
}
.btn02 {
    text-align: center;
    background: #e10f40;
    width: 100%;
    max-width: 410px;
    color: #fff;
    border: none;
    border-radius: 5px;
    font-size: 18px;
    padding: 20px;
    position: relative;
}
a.btn02 {
    display: block;
    text-decoration: none;
    color: #fff;
}
.btn02::before{
    font-family: "Font Awesome 5 Free";
    content: '\f138';
    font-weight: 900;
    color: #fff;
    position: absolute;
    left: 20px;
    top: 25px;
}
.btn02:hover{
    cursor: pointer;
    opacity: .7;
}

.ttl_dashed + .btn_school{
    border-bottom: 1px dashed #5E76A7;
    padding-bottom: 30px;
}

/* .btn_school .btn ベタ塗り */
.btn_school .btn{
    display: block;
    width: 80%;
    max-width: 420px;
    margin: 0 auto;
    background-color: #1c236d;
    background-image: url(/images/common/arrow02.svg);
    background-position: 98% center;
    background-size: 18px;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    border-radius: 4px;
}
.btn_school .btn:hover{ opacity: .8;}
.btn_school .btn.kabu{ background-color: #5E76A7;}
.btn_school .btn.fudo{ background-color: #44a1c5;}
.btn_school .btn.fx{ background-color: #c36380;}
.btn_school .btn.mf{ background-color: #8a9f55;}
.btn_school .btn.kyouyou{ background-color: #7e678d;}
.btn_school .btn.retire{ background-color: #e16f4e;}

/* .btn_school .btn.dl 白ボタン+ダウン�撈[ドアイコン */
.btn_school .btn.dl{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%231c236d%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    background-size: 22px;
    border: 1px solid #1c236d;
    color: #1c236d;
}
.btn_school .btn.dl.kabu{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%235E76A7%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-color: #5E76A7;
    color: #5E76A7;
}
.btn_school .btn.dl.fudo{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%2344A1C5%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-color: #44a1c5;
    color: #44a1c5;
}
.btn_school .btn.dl.fx{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23c36380%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-color: #c36380;
    color: #c36380;
}
.btn_school .btn.dl.mf{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%238a9f55%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-color: #8a9f55;
    color: #8a9f55;
}
.btn_school .btn.dl.kyouyou{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%237e678d%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-color: #7e678d;
    color: #7e678d;
}
.btn_school .btn.dl.retire{
    background-color: #fff;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22light%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2023%2023%22%20style%3D%22enable-background%3Anew%200%200%2023%2023%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23e16f4e%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.3%2C0-0.5-0.2-0.5-0.5V0.4c0-0.3%2C0.2-0.5%2C0.5-0.5S12%2C0.1%2C12%2C0.4v15.3C12%2C16%2C11.8%2C16.2%2C11.5%2C16.2z%22%20%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M11.5%2C16.2c-0.1%2C0-0.2%2C0-0.3-0.1l-3.8-3.8c-0.2-0.2-0.2-0.5%2C0-0.7c0.2-0.2%2C0.5-0.2%2C0.7%2C0l3.5%2C3.5l3.5-3.5%20c0.2-0.2%2C0.5-0.2%2C0.7%2C0c0.2%2C0.2%2C0.2%2C0.5%2C0%2C0.7l-3.8%2C3.8C11.7%2C16.2%2C11.6%2C16.2%2C11.5%2C16.2L11.5%2C16.2z%22%2F%3E%3C%2Fg%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M20.6%2C22.9H2.4c-1.3%2C0-2.4-1.1-2.4-2.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5S1%2C15.5%2C1%2C15.7v4.8C1%2C21.3%2C1.6%2C22%2C2.4%2C22%20h18.2c0.8%2C0%2C1.4-0.6%2C1.4-1.4v-4.8c0-0.3%2C0.2-0.5%2C0.5-0.5c0.3%2C0%2C0.5%2C0.2%2C0.5%2C0.5v4.8C23%2C21.9%2C21.9%2C22.9%2C20.6%2C22.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
    border-color: #e16f4e;
    color: #e16f4e;
}


#breadcrumbs{
    float: left;
    font-size: 11px;
    margin: 20px 0;
}
nav#breadcrumbs ol li:before{ padding: 0 5px;}

.video_wrap {
    max-width: 816px;
    margin: 0 auto;
}
.video {
    width: 100%;
    position:relative;
    padding-top:56.25%;
}
.video iframe {
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
}

.fancybox-slide--iframe{
    width: 90%;
    left: 50%;
    transform: translateX(-50%) !important;
}
.fancybox-content {
    width: 100%;
    height: auto;
    position: relative;
    padding-top: 56.25%;
}
.fancybox-content iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.page_nav ul{
    width: 95%;
    max-width: 1000px;
    margin: 0 auto 80px;
    border: 1px solid #707070;
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 7px 0 #E0E0E0;
    display: flex;
    text-align: center;
}
.mv + .page_nav{ margin-top: -38px;}
.mv + .page_nav ul{ margin-bottom: 0;}
.page_nav li{
    width: calc(100% / 4);
    position: relative;
}
.page_nav li + li::before{
    content: "";
    width: 1px;
    height: 2em;
    background: #333;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.page_nav li a{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    color: #333;
    padding: 25px 20px;
    line-height: 1.3;
}
.page_nav li a::after{
    content: "";
    width: 4em;
    height: 5px;
    background: #1c236d;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin:  auto;
}
.page_nav .campus a::after{ background: #D7BA41;}
.page_nav .textbook a::after{ background: #8A9F55;}
.page_nav .live a::after{ background: #44A1C5;}


@media screen and (max-width: 1024px) {
    .pc,.sp{ display: none;}
    .tab { display: inherit;}
    #head2{ height: 85px !important;}

    #container{
        margin-top: 80px;
        overflow: hidden;
        width: 100%;
    }
    .lead{ font-size: 20px;}

    .btn01{ max-width: 100%;}
    .btn01 a{ width: 80%;}

    .video{ max-width: 100%;}
}

@media screen and (max-width: 599px) {
    body{ font-size: 14px;}
    .pc,.tab{ display: none;}
    .sp { display: inherit;}
    
    .br_pc::before{ content: none;}
    .br_sp::before{
        content: "\A" ;
        white-space: pre ;
    }

    a.anchor{
        display: block;
        padding-top: 90px;
        margin-top: -90px;
    }

    .snsBtn { margin: 0}
    #breadcrumbs{ display: none;}

    .txt_l{ font-size: 1.15em;}

    section .inner{ padding: 40px 0;}
    section h2{ font-size: 24px;}
    section h3{ font-size: 1.2rem;}
    
    .ttl_dashed{ margin-bottom: 10px;}
    .ttl_dashed span{
        font-size: 16px;
        padding: 0 10px;
    }
    
    .ttl_solid{ font-size: 18px;}

    .box_ttl { margin-bottom: 50px;}
    .box_ttl h1{ font-size: 24px;}

    .lead{ font-size: 15px;}
    
    .page_nav li a{
        font-size: 14px;
        padding: 20px 10px;
    }
    
    .btn01 a{
        font-size: 16px;
        padding: 10px 5px;
        background: #44a1c5 url(/images/common/arrow02.svg) 97% center/12px no-repeat;
        letter-spacing: .1em;
        width:90%;
    }
    .btn02::before{ left: 5px;}
    
    .btn_school.flex > * + *{ margin-top: 30px;}
    .btn_school .btn{
        font-size: 12px;
        background-size: 13px;
        padding: 10px 20px;
    }
    .btn_school .btn.dl{ background-size: 16px;}
}

@media screen and (min-width: 600px) {
    .btn_school.flex{
        display: flex;
        justify-content: space-between;
    }
    .btn_school.flex > *{ width: 48%;}
}


#campus .box_ttl h2,
#campus .box_ttl h1{ background: linear-gradient(rgb(0 0 0 / 0) 60%, rgb(215 186 65 / .3) 60%);}
#campus .box_ttl .catch{ color: #D7BA41;}
#campus .box_ttl .catch::before,
#campus .box_ttl .catch::after{ background: #D7BA41;}
#campus .ttl_solid{ color: #D7BA41;}
#campus .ttl_solid::after{ border-top-color: #D7BA41;}


#textbook .box_ttl h2,
#textbook .box_ttl h1{ background: linear-gradient(rgb(0 0 0 / 0) 60%, rgb(138 159 85 / .3) 60%);}
#textbook .box_ttl .catch{ color: #8A9F55;}
#textbook .box_ttl .catch::before,
#textbook .box_ttl .catch::after{ background: #8A9F55;}
#textbook .ttl_solid{ color: #8A9F55;}
#textbook .ttl_solid::after{ border-top-color: #8A9F55;}


#live .box_ttl h2,
#live .box_ttl h1{ background: linear-gradient(rgb(0 0 0 / 0) 60%, rgb(69 161 196 / .3) 60%);}
#live .box_ttl .catch{ color: #44A1C5;}
#live .box_ttl .catch::before,
#live .box_ttl .catch::after{ background: #44A1C5;}
#live .ttl_solid{ color: #44A1C5;}
#live .ttl_solid::after{ border-top-color: #44A1C5;}


/* ----- .list_teacher ----- */
.list_teacher > li{ margin: 30px 0;}
.list_teacher > li img{ width: 100%;}
.list_teacher h3{
    text-align: left;
    margin-left: 10px;
}
.list_teacher .tags{
    margin-left: 10px;
}
.list_teacher .tags li{
    font-size: 13px;
    border: 1px solid;
    background: #fff;
    padding: 0 .8em;
    border-radius: 13px;
    display: inline-block;
}
.list_teacher .tags .kabu{ color: #5e76a7;}
.list_teacher .tags .fudo{ color: #44a1c5;}
.list_teacher .tags .fx{ color: #c36380;}
.list_teacher .tags .mf{ color: #8a9f55;}
.list_teacher .tags .kyouyou{ color: #7e678d;}
.list_teacher .tags .retire{ color: #e16f4e;}

@media screen and (min-width: 600px) {
    .list_teacher{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .list_teacher > li{ width: 32.5%;}
}
@media screen and (max-width: 599px) {
    .list_teacher .tags li{ font-size: 11px;}
}