@charset "UTF-8";
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.float_l {
    float: left;
}
.return_btn a:hover,
a,
div[class*=pickup-item] a:hover {
    text-decoration: none;
}
.js_hide,
.submenu {
    visibility: hidden;
}
.data_list,
.data_list2 {
    list-style-type: none;
}
.container {
    width: 1200px;
    padding-left: 0;
    padding-right: 0;
}
.row {
    margin-left: -9px;
    margin-right: -9px;
}
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-xs-1,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9 {
    padding-left: 9px;
    padding-right: 9px;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
    width: 91.66666667%;
}
.col-md-10 {
    width: 83.33333333%;
}
.col-md-9 {
    width: 75%;
}
.col-md-8 {
    width: 66.66666667%;
}
.col-md-7 {
    width: 58.33333333%;
}
.col-md-6 {
    width: 50%;
}
.col-md-5 {
    width: 41.66666667%;
}
.col-md-4 {
    width: 33.33333333%;
}
.col-md-3 {
    width: 25%;
}
.col-md-2 {
    width: 16.66666667%;
}
.col-md-1 {
    width: 8.33333333%;
}
.col-md-pull-12 {
    right: 100%;
}
.col-md-pull-11 {
    right: 91.66666667%;
}
.col-md-pull-10 {
    right: 83.33333333%;
}
.col-md-pull-9 {
    right: 75%;
}
.col-md-pull-8 {
    right: 66.66666667%;
}
.col-md-pull-7 {
    right: 58.33333333%;
}
.col-md-pull-6 {
    right: 50%;
}
.col-md-pull-5 {
    right: 41.66666667%;
}
.col-md-pull-4 {
    right: 33.33333333%;
}
.col-md-pull-3 {
    right: 25%;
}
.col-md-pull-2 {
    right: 16.66666667%;
}
.col-md-pull-1 {
    right: 8.33333333%;
}
.col-md-pull-0 {
    right: auto;
}
.col-md-push-12 {
    left: 100%;
}
.col-md-push-11 {
    left: 91.66666667%;
}
.col-md-push-10 {
    left: 83.33333333%;
}
.col-md-push-9 {
    left: 75%;
}
.col-md-push-8 {
    left: 66.66666667%;
}
.col-md-push-7 {
    left: 58.33333333%;
}
.col-md-push-6 {
    left: 50%;
}
.col-md-push-5 {
    left: 41.66666667%;
}
.col-md-push-4 {
    left: 33.33333333%;
}
.col-md-push-3 {
    left: 25%;
}
.col-md-push-2 {
    left: 16.66666667%;
}
.col-md-push-1 {
    left: 8.33333333%;
}
.col-md-push-0 {
    left: auto;
}
.col-md-offset-12 {
    margin-left: 100%;
}
.col-md-offset-11 {
    margin-left: 91.66666667%;
}
.col-md-offset-10 {
    margin-left: 83.33333333%;
}
.col-md-offset-9 {
    margin-left: 75%;
}
.col-md-offset-8 {
    margin-left: 66.66666667%;
}
.col-md-offset-7 {
    margin-left: 58.33333333%;
}
.col-md-offset-6 {
    margin-left: 50%;
}
.col-md-offset-5 {
    margin-left: 41.66666667%;
}
.col-md-offset-4 {
    margin-left: 33.33333333%;
}
.col-md-offset-3 {
    margin-left: 25%;
}
.col-md-offset-2 {
    margin-left: 16.66666667%;
}
.col-md-offset-1 {
    margin-left: 8.33333333%;
}
.col-md-offset-0 {
    margin-left: 0;
}
html {
    font-size: 16px;
}
body {
    overflow: visible;
    font-family: "Noto Sans Japanese","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    color: #000;
    font-weight: 400;
}
main {
    padding-top: 0;
}
a {
    color: inherit;
    overflow: hidden;
    outline: 0;
}
main a {
    color: #1476C6;
}
p {
    line-height: 2;
}
img {
    max-width: 100%;
}
.float_r {
    float: right;
}
.tr {
    display: table-row;
}
.emphasis {
    color: red;
}
.slider-box {
    background: #f5f5f5;
}
.bx_container {
    width: 1200px;
    margin: auto;
}
.inside-box {
    width: 1080px;
    padding: 0;
    margin: auto;
}
.top_info-box {
    margin: 50px 0;
}
.top_pickup-box {
    background: url("../img/common/sky_bg2560.jpg") center 60px no-repeat #CCEAF7;
}
.pickup-item1,
.pickup-item2,
.pickup-item3,
.pickup-item4,
.pickup-item5,
.pickup-item6 {
    background-clip: content-box;
}
.top_ad-box {
    padding: 50px 0 60px;
}
.link-img_bg {
    background-color: #fff;
}
.font_bold {
    font-weight: 700;
}
.top_info-box div div {
    float: left;
}
.whatsnew {
    background-size: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 22px;
    padding-left: 40px;
    width: auto;
}
.info-category,
.info-day {
    position: absolute;
    top: 0;
    width: 100px;
    display: inline-block;
}
.info-list {
    padding-top: 5px;
}
.info-category {
    padding: 5px;
    left: 30px;
    font-size: 12px;
}
.info-day {
    padding-left: 0;
    font-size: 1rem;
    left: 150px;
}
.info-txt {
    margin: 0 0 0 260px;
    width: 510px;
    display: inline-block;
}
.info-event {
    background-color: #46BCC6;
}
.info-school {
    background-color: #0C497C;
}
.info-admission {
    background-color: #F0626C;
}
.info-other {
    background-color: #1E9ACA;
}
.info-btn {
    margin-top: 0;
    line-height: 40px;
}
.pickup {
    height: 60px;
    line-height: 60px;
    font-size: 22px;
}
.pickup:before {
    height: 120px;
    width: 120px;
    left: calc(50% - 60px);
    top: -30px;
}
.pickup-title {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 40px;
}
.pickup-txt {
    padding: 0 10px;
    text-align: center;
}
.pickup-nav {
    padding-bottom: 62px;
}
div[class*=pickup-item] {
    margin-bottom: 18px;
}
div[class*=pickup-item] div,
div[class*=pickup-item] img {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
div[class*=pickup-item] a:hover img {
    opacity: 0.8;
}
.pickup-item1 .point,
.pickup-item1 .point-txt {
    background-color: #239ac3;
}
.pickup-item1:hover .point,
.pickup-item1:hover .point-txt {
    background-color: #3db3dc;
}
.pickup-item2 .point,
.pickup-item2 .point-txt {
    background-color: #094;
}
.pickup-item2:hover .point,
.pickup-item2:hover .point-txt {
    background-color: #00bd54;
}
.pickup-item3 .point,
.pickup-item3 .point-txt {
    background-color: #FF7D87;
}
.pickup-item3:hover .point,
.pickup-item3:hover .point-txt {
    background-color: #ff979f;
}
.pickup-item4 .point,
.pickup-item4 .point-txt {
    background-color: #F18D00;
}
.pickup-item5 .point,
.pickup-item5 .point-txt {
    background-color: #825AA5;
}
.pickup-item5:hover .point,
.pickup-item5:hover .point-txt {
    background-color: #8f6bae;
}
.pickup-item6 .point,
.pickup-item6 .point-txt {
    background-color: #46BCC6;
}
.pickup-item6:hover .point,
.pickup-item6:hover .point-txt {
    background-color: #6dcad2;
}
.point {
    font-size: 1rem;
    border-radius: 85px 85px 0 0;
    width: 170px;
    height: 85px;
    margin-top: -70px;
    line-height: 120px;
}
.point span {
    font-size: 24px;
}
.point-txt {
    font-size: 1rem;
    margin-top: -15px;
    padding: 30px 20px;
}
.point-txt p {
    font-size: 30px;
    margin-top: 1rem;
}
.top_ad-title {
    font-size: 40px;
}
.top_ad-nav {
    margin-top: 20px;
}
.top_ad-item p {
    font-size: 30px;
    padding: 10px;
}
.top_btn {
    width: 70px;
    height: 65px;
    display: none;
}
.top_btn span {
    width: 20px;
    height: 20px;
    top: 25px;
    left: 25px;
    left: calc(50% - 10px);
}
.js_fixnav,
.submenu {
    left: 0;
    z-index: 9999;
}
.top_btn:hover {
    background-color: #1164ab;
    opacity: 1;
}
.school_list ul {
    padding: 0;
}
.school_list li {
    width: 216px;
    display: table-cell;
}
.school_select {
    background: #CCEAF7;
    padding: 10px;
    text-align: center;
    color: #1476C6;
    position: relative;
}
.school_select span {
    position: absolute;
    display: inline-block;
    border-top: 1px solid;
    border-left: 1px solid;
    border-color: #1476C6;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    margin-left: 30px;
    top: 15px;
}
.detail_headline,
.return_btn {
    height: 50px;
    line-height: 50px;
}
.school_select span.kaiten {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 18px;
}
.school_list_box {
    display: block;
    background: #CCEAF7;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 10px;
}
.detail_headline {
    padding: 0 0 0 20px;
    margin: 0;
    font-size: 24px;
}
.detail_headline_small {
    font-size: 30px;
}
.sub_menu_box ul li {
    list-style: none;
    background: #1476C6;
    display: block;
    margin-bottom: 2px;
    color: #FFF;
}
.sub_menu_box ul li .box_l {
    float: left;
    padding-left: 20px;
}
.sub_menu_box ul li .box_r {
    float: right;
    padding-right: 15px;
}
.sub_menu_box ul li a {
    background-color: #CCEAF7;
    display: block;
    margin-bottom: 2px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.sub_menu_box ul li a:hover {
    background-color: #DAEFFA;
}
.return_btn {
    font-size: 20px;
    margin: 60px auto 0;
    width: 300px;
}
.js_fixed,
.js_fixnav,
.js_nav_width {
    width: 100%;
}
.return_btn a:hover {
    background: #3b9ceb;
    color: #fff;
}
.fixed {
    position: fixed;
    z-index: 9999;
}
.js_fixed,
.js_fixnav,
header {
    position: static;
}
.js_hide {
    opacity: 0.01;
    height: 1px;
}
.js_fixed {
    height: 100%;
}
.js_fixnav {
    top: 0;
}
.js_fixnav .menu {
    background: rgba(12,73,124,.95);
}
main.js_fixnav {
    padding-top: 80px;
}
header {
    padding: 16px 0 0;
    width: 1200px;
    height: 95px;
    margin: auto;
}
.logo_right {
    padding-left: 14px;
}
.logo_img img {
    width: 65px;
}
.logo_txt {
    font-size: 14px;
    margin-top: 8px;
}
h1 img {
    width: 363px;
    margin-top: 10px;
}
.header_btn {
    display: block;
    position: relative;
    float: right;
    width: 180px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10px;
    line-height: 40px;
    text-align: center;
}
.footer-logo,
.footer-school_title {
    float: left;
    height: 300px;
}
.menu-list,
.menu-list-item {
    border: none;
    overflow: visible;
    height: 65px;
}
.header_btn img {
    position: relative;
    top: -1px;
    vertical-align: middle;
    margin-right: 5px;
    width: 19px;
}
.header_btn a {
    color: #fff;
    display: block;
}
.header_btn span {
    color: #fff;
}
.menu-list {
    display: block;
    background: 0 0;
    width: 1200px;
    top: 0;
    margin: 0 auto;
    text-align: justify;
    z-index: 9999;
    position: static;
    text-justify: distribute-all-lines;
}
.menu-list-item {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 1rem;
    color: #fff;
    display: inline-block;
    position: relative;
    line-height: 65px;
    text-indent: 0;
}
.menu-list-item:hover {
    color: #98c5d9;
}
.menu-list:after {
    content: "";
    display: inline-block;
    width: 100%;
    line-height: 0;
    height: 0;
}
.menu_active2:before,
.menu_active:before {
    content: "";
    bottom: 18px;
    width: 100%;
    height: 2px;
}
.submenu {
    font-weight: 400;
    font-size: 15px;
    list-style: none;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    min-width: 14em;
    color: #000;
}
.footer-menu,
.footer-school {
    font-size: 14px;
}
.submenu li {
    border-top: none;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    width: 100%;
    line-height: 3em;
    display: block;
    padding-left: 10px;
    text-align: left;
    z-index: 9999;
    position: relative;
    text-indent: 1rem;
    background: url("../img/common/list_arrow2.png") 10px 50% no-repeat;
    background-size: 5px;
    background-color: rgba(16,100,170,.95);
    color: #fff;
}
.menu_btn,
.submenu .menu_active:before {
    display: none;
}
.submenu li:hover {
    background-color: #0C497C;
}
.menu_active {
    background-color: transparent;
}
.menu_active a {
    font-weight: 500;
    color: #fff;
}
.menu_active:before {
    position: absolute;
    background-color: #fff;
}
.menu_active2 {
    background-color: transparent;
}
.menu_active2 a {
    font-weight: 500;
    color: #fff;
}
.greeting_box_l,
.menu_active .submenu a,
.menu_active2 .submenu a {
    font-weight: 400;
}
.menu_active2:before {
    position: absolute;
    background-color: #fff;
}
.submenu .menu_active {
    background-color: #0C497C;
    color: #fff;
}
.submenu .menu_active a {
    color: #fff;
    font-weight: 400;
}
.menu-list-item:hover .submenu li {
    visibility: visible;
    overflow: visible;
    opacity: 1;
}
.school_box a:hover .school_box_img,
div.voice_data_box a:hover img {
    opacity: 0.8;
}
.footer_margin {
    margin-top: 80px;
}
.footer-school_list ul {
    padding-top: 0;
    margin-left: 40px;
}
.footer-school_list li {
    width: 180px;
    display: table-cell;
}
.footer_add-nav {
    padding: 20px 0;
    width: 1200px;
    margin: auto;
}
.footer-address {
    border-bottom: none;
    text-align: left;
    float: left;
    padding: 0;
    width: 600px;
}
.footer-address dt {
    margin-top: 0;
}
.footer-logo img {
    width: 85px;
    margin-right: 20px;
}
.footer-menu {
    float: right;
    width: 600px;
    padding: 0;
}
.footer-menu .float_l {
    width: 175px;
}
.footer-menu a:hover {
    text-decoration: underline;
    color: #1476C6;
}
.copyright {
    font-size: 12px;
}
.pc-none {
    display: none;
}
@media screen and (max-width:768px) {
    .sp-none {
        display: none;
    }
}
.greeting {
    width: 100%;
    padding: 80px 0;
}
.greeting_box_r {
    float: right;
    width: 390px;
    padding: 15px 0 0;
}
.greeting_box_l {
    float: left;
    width: 642px;
    line-height: 200%;
}
.greeting_box_l h4 {
    font-size: 16px;
    color: #0C497C;
    line-height: 200%;
    margin-top: 20px;
    margin-bottom: 30px;
}
.school_list {
    width: 100%;
}
.school_list_title h3 {
    text-align: center;
    font-size: 40px;
    color: #0C497C;
    font-weight: 300;
    display: block;
    margin-bottom: 37px;
}
.school_box {
    margin: 20px auto;
}
.school_data_photo {
    width: 348px;
    height: 200px;
}
.school_data_box {
    background-color: #FFF;
    width: 348px;
    padding-left: 17px;
    padding-top: 29px;
    padding-bottom: 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    text-align: center;
}
.school_data_txt {
    padding-left: 0;
    padding-top: 8px;
    line-height: 200%;
    text-align: left;
}
.charm_txt,
.event_end,
.school_badge {
    text-align: center;
}
.school_btn a:hover {
    background-color: #1164ab;
    text-decoration: none;
}
.school_badge {
    width: 60px;
    height: 49px;
    display: table-cell;
    vertical-align: middle;
    margin-right: 12px;
}
.school_badge img {
    max-width: 60px;
    max-height: 49px;
}
.school_names {
    font-size: 22px;
    font-weight: 500;
    color: #0C497C;
    display: table-cell;
    padding-left: 5px;
}
.admission_read {
    margin-top: 70px;
    margin-bottom: 30px;
}
.admission-box {
    margin-top: 50px;
    margin-bottom: 70px;
}
.admission-ul {
    margin-top: 30px;
}
.admission-list_non {
    line-height: 200%;
    margin: 20px 0;
}
.admission-list {
    background-size: auto;
    background-position: 20px center;
    font-size: 24px;
    margin: 20px 0;
}
.admission-list a {
    padding: 20px 20px 20px 115px;
}
.contact2_btn {
    font-size: 20px;
    margin: 60px auto 0;
    width: 450px;
    height: 50px;
    line-height: 50px;
}
.contact2_btn a:hover {
    background: #3b9ceb;
    color: #fff;
    text-decoration: none;
}
.event-box {
    margin-top: 80px;
}
.event_left {
    width: 810px;
    float: left;
}
.event_right {
    width: 220px;
    float: right;
    margin: 0;
}
.event_day {
    font-size: 14px;
    margin-top: 5px;
    float: right;
    margin-right: 20px;
}
.area,
.event_end,
.sponsor {
    font-size: 20px;
}
.charm_box,
.charm_data_box,
.charm_youtub {
    margin-left: auto;
    margin-right: auto;
}
.event_img {
    margin-top: 30px;
    margin-bottom: 50px;
}
.event_img:last-of-type {
    margin-bottom: 0;
}
.event_img2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.event_img2 img {
    display: block;
}
.event_img2:last-of-type {
    margin-bottom: 0;
}
.flyer_img {
    margin-bottom: 30px;
}
.event_td,
.event_th {
    padding-top: 20px;
    padding-bottom: 20px;
}
.common_headline3 {
    font-size: 46px;
}
.charm_box {
    width: 1080px;
    padding-bottom: 80px;
    padding-top: 80px;
}
.charm_txt {
    padding-top: 40px;
    line-height: 200%;
}
.charm_youtub {
    height: 680px;
    width: 1000px;
    margin-top: 60px;
}
.charm_data_box {
    width: 1080px;
    padding-top: 60px;
    padding-bottom: 60px;
}
.charm_data_flag {
    height: 76px;
    width: 97px;
    float: left;
    margin-top: 25px;
}
.charm_data_tbl {
    width: 520px;
    float: left;
    margin-left: 17px;
    margin-top: 38px;
}
.charm_data_title {
    font-size: 40px;
    line-height: 150%;
    font-weight: 200;
    color: #0C497C;
    width: 100%;
    text-align: left;
    margin-top: 0;
}
.charm_data_photo {
    width: 390px;
    float: right;
    margin-left: 24px;
    margin-top: 0;
    margin-right: 0;
}
.charm_data_txt {
    width: 100%;
    margin-top: 30px;
    line-height: 200%;
}
.charm_data_txt2 {
    width: 100%;
    margin-top: 20px;
    line-height: 200%;
}
.feature_btn,
.feature_btnr {
    width: 220px;
}
.feature_btn,
.feature_btnb,
.feature_btnl,
.feature_btnr {
    height: 50px;
    line-height: 50px;
    margin-right: 30px;
    margin-left: 0;
    font-size: 20px;
    float: left;
}
.btn_box {
    margin-top: 40px;
}
.feature_btn a:hover,
.feature_btnl a:hover,
.feature_btnr a:hover {
    background-color: #3b9ceb;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.feature_btnl {
    width: 220px;
    margin-bottom: 0;
}
.feature_btnb {
    width: 250px;
}
.feature_btnb a:hover {
    background-color: #3b9ceb;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.information-box {
    margin-top: 80px;
}
.information_left {
    width: 810px;
    float: left;
}
.information_right {
    width: 220px;
    float: right;
    margin: 0;
}
.information-year,
.space_50_b {
    margin-bottom: 50px;
}
.information-year {
    font-size: 40px;
}
.space_10_t {
    margin-top: 10px;
}
.space_20_t {
    margin-top: 20px;
}
.space_30_t {
    margin-top: 30px;
}
.school_detail_left {
    width: 805px;
    float: left;
}
.school_detail_box_right {
    width: 220px;
    float: right;
}
.school_photo_box,
.school_photo_box .school_photo_img {
/*    height: 600px;*/
/*     width: 100vw;*/
    height: 750px;
      width: 1600px;
      max-height: 46.8vw;
}
.school_box_illustrat {
    margin: auto;
}
.school_box_illustrat img {
    bottom: -100px;
    width: 20vw;
}
h3[class^=school_name] {
    padding: 0 0 0 135px;
}
.data_list li,
.data_list2 li {
    padding-bottom: 15px;
}
.school_detail {
    margin-top: 80px;
}
.school_blue_title {
    font-size: 20px;
    margin-bottom: 5px;
}
.data_list {
    margin-left: 20px;
}
.data_list li:before {
    content: '● ';
    margin-left: -20px;
}
.data_list2 li:before {
    content: '◇ ';
}
.outline_th2,
.outline_tilte {
    width: 160px;
}
.outline_td,
.outline_th {
    padding-top: 20px;
    padding-bottom: 20px;
}
.outline_map_box {
    margin: 40px 0;
}
.outline_map_title1 {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 15px;
}
.outline_map_title2 {
    margin: 30px 0 15px;
}
.photo_garally_title {
    font-size: 36px;
    margin: 60px 0 40px;
}
.photo_garally {
    margin-bottom: 18px;
    padding-left: 9px;
    padding-right: 9px;
}
.common_headline4 {
    line-height: 1.5;
    font-size: 36px;
}
.school_list_in_box {
    width: 1080px;
    padding-top: 80px;
    padding-bottom: 50px;
    text-align: center;
}
.school_box {
    margin-bottom: 9px;
    margin-top: 9px;
    text-align: center;
}
.school_box_img {
    width: 348px;
    height: 348px;
}
.school_btn {
    width: 348px;
    height: 80px;
    line-height: 80px;
    font-size: 22px;
    padding-top: 0;
    padding-bottom: 0;
}
.school_box a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.school_box a:hover .school_btn {
    background-color: #1164ab;
}
.setumei-tittle {
    margin-top: 60px;
    margin-bottom: 20px;
    font-size: 40px;
}
.setumei-read {
    margin: 30px 0;
}
.setumei-read+.emphasis {
    margin-bottom: 50px;
}
.setumei_schedule-box {
    margin-top: 50px;
    margin-bottom: 80px;
}
.setumei-table {
    white-space: pre-wrap;
}
.setumei-table td,
.setumei-table th {
    padding: 1rem;
}
h3[class^=school_name] {
    font-size: 36px;
    height: 100px;
    line-height: 100px;
    padding-left: 145px;
    background-size: auto 75px;
}
.school_name_gakuen {
    background-position: 20px center;
}
.school_name_gakugei {
    background-position: 36px center;
}
.school_name_chuo,
.school_name_seiwa {
    background-position: 33px center;
}
.school_name_taiheiyo {
    background-position: 10px center;
}
.school_name_meitoku,
.school_name_tosa,
.school_name_tosajoshi,
.school_name_tosajuku {
    background-position: 33px center;
}
.school_link-btn {
    height: 35px;
    line-height: 35px;
    width: 140px;
    position: absolute;
    right: 1rem;
    top: 33px;
    margin: 0;
}
.head_photo,
.support_box {
    margin-left: auto;
    margin-right: auto;
}
.school_link-btn a:hover {
    text-decoration: none;
    color: #fff;
    background: #1164ab;
}
.head-photo_bg {
    margin-bottom: 80px;
}
.head_photo {
    width: 1200px;
    height: 600px;
}
.support_box {
    width: 1080px;
}
.support_txt_box1 {
   margin-top: 10px;
    margin-bottom: 20px;
}
.support_txt_box2 {
    margin-top: 30px;
    margin-bottom: 30px;
}
.support_headline {
    margin: 0;
    font-size: 24px;
    height: 50px;
    line-height: 50px;
    text-indent: 20px;
}
.voice_list_box,
.voice_sg_box {
    margin-right: auto;
    margin-left: auto;
}
.support_th {
    width: 668px;
    font-size: 20px;
    border: 1px solid #C3C3C3;
    background-color: #EBEBEB;
    text-indent: 1.5rem;
    line-height: 50px;
    height: 50px;
    padding: 0;
}
.support_td1,
.support_td2,
.support_td3 {
    line-height: 46px;
    height: 46px;
    padding: 0;
}
.support_td1 {
    width: 274px;
    text-indent: 1.5rem;
}
.support_td2 {
    width: 136px;
    color: #F60;
    font-weight: 500;
}
.support_td3 {
    width: 259px;
}
.support_tbl_bottom_t {
    text-indent: 1.5rem;
    padding-left: 0;
    padding-top: 13px;
}
.support_inq {
    font-size: 22px;
    padding-top: 40px;
}
.support_inq_data {
    padding-top: 10px;
    padding-bottom: 40px;
}
.common_headline2 {
    font-size: 36px;
}
.voice_list_box {
    width: 1080px;
    padding-top: 80px;
    padding-bottom: 80px;
}
.school_bottom,
.voice_sub_title,
.voice_title_box {
    padding-bottom: 20px;
}
.voice_title_box {
    padding-top: 0;
    text-align: center;
}
.voice_data_box {
    margin-top: 40px;
    margin-bottom: 40px;
}
.voice_data_box img {
    width: 530px;
    height: 400px;
}
.voice_graduate_btn,
.voice_student_btn {
    height: 100px;
    line-height: 100px;
    font-size: 22px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    padding: 0;
}
.voice_data_box a {
    width: 530px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
div.voice_data_box a {
    color: #FFF;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
div.voice_data_box a:hover .voice_student_btn {
    background-color: #f49198;
    text-decoration: none;
}
div.voice_data_box a:hover .voice_graduate_btn {
    background-color: #75AD56;
    text-decoration: none;
}
#no01,
#no02,
#no03,
#no04,
#no05,
#no06,
#no07,
#no08,
#no09 {
    margin-top: -130px;
    padding-top: 130px;
}
.voice_sg_box {
    width: 1080px;
    padding-bottom: 80px;
    padding-top: 80px;
}
.voice_sg_tbl {
    width: 630px;
    float: left;
}
.voice_sg_photo {
    width: 390px;
    float: right;
    padding-top: 0;
    margin: 0;
}
.voice_sg_title {
    font-size: 32px;
    padding-bottom: 30px;
}
.voice_graduation_year,
.voice_student_name {
    padding-bottom: 10px;
}
.voice_student_name_sp {
    margin-top: 0;
}
.voice_graduate_name {
    font-size: 20px;
    padding-bottom: 10px;
}
.voice_company_name {
    padding-bottom: 30px;
}
.voice_sg_txt {
    line-height: 200%;
}
.voice_sg_while {
    margin-bottom: 30px;
}
.sub_navi_box {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
h3,
h4 {
    width: 100%;
}
.sub_navi_box ul li {
    list-style: none;
    display: inline;
    margin-left: 50px;
    margin-right: 50px;
    height: 70px;
    line-height: 70px;
}
.sub_menu_line {
    background-color: #1476C6;
    height: 5px;
    width: 100%;
    margin-bottom: 2px;
    margin-top: 0;
}
.sub_menu_box ul li {
    height: 70px;
    line-height: 70px;
    font-size: 16px;
}
.common_headline1 {
    font-size: 30px;
    border-top: 1px solid #FFF;
    padding-top: 34px;
    padding-bottom: 34px;
}
h3 {
    font-weight: 200;
    font-size: 36px;
    line-height: 100%;
    padding-top: 0;
    padding-bottom: 50px;
}
h4 {
    line-height: 150%;
    font-weight: 400;
    padding-bottom: 30px;
}
.result_box {
    width: 1080px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
    padding: 0;
}
.result_box_left {
    width: 810px;
    float: left;
}
.result_box_right {
    width: 220px;
    float: right;
    margin: 0;
}

    .tbl_bod,
    .tbl_bod2 {
        width: 810px;
        margin-right: auto;
        margin-left: auto;
    }
    .tbl_bod {
        margin-bottom: 70px;
    }
    th {
        background-color: #EBEBEB;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .second,
    .second_e,
    .sex,
    .sex_e,
    .shumoku,
    .shumoku_e,
    .victory,
    .victory_e {
        padding: 12px 0 12px 12px;
    }
    .th1 {
        width: 485px;
    }
    .th2 {
        width: 165px;
    }
    .th3 {
        width: 156px;
    }
    .shumoku,
    .shumoku_e {
        width: 189px;
    }
    .sex,
    .sex_e {
        width: 271px;
    }
    .victory,
    .victory_e {
        width: 153px;
        text-align: left;
    }
    .second,
    .second_e {
        color: #000;
        width: 144px;
        text-align: left;
    }
    ul.data_list {
        list-style-type: none;
        margin-left: 20px;
    }
    ul.data_list li {
        line-height: 1.5;
        padding-bottom: 15px;
    }
    ul.data_list li:before {
        content: '● ';
        margin-left: -20px;
        color: #76CBC5;
    }

/*20170531*/
.headteacher_name{
    font-size: 20px;
}

.headteacher_l{
    width: 520px !important;;
    float: left !important;;
}
.headteacher_r{
    width: 250px !important;;
    float: right !important;;
    margin-top: 30px !important;;
    margin-bottom: 0px !important;;
}
.headteacher_r img {
    width: 250px !important;;
}
.font-size-18 {
    font-size: 18px;
}
#player {
    height: 563px;
    width: 1000px;
}
#thumbnail {
    width: 100%;
}
#thumbnail li {
    display: inline-block;
    width: 200px;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 30px;
}
#thumbnail li img {
    width: 100%;
    height: auto;
}



.bukatu {
    width: 144px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 0px;
    text-align: left;
}
.bukatu_e {
    width: 144px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 0px;
    text-align: left;
}
.taikai {
    color: #000;
    width: 615px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
}
.taikai_e {
    color: #000;
    width: 615px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 18px;
    padding-right: 18px;
    text-align: left;
}

/*2018/7/27追加*/
.urgent-t {
    border: 4px #F00 solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 808px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 35px;
    padding: 1rem;
    font-size: 18px;
    line-height: 150%;
}
.urgent-tt {
    line-height: 150%;
    font-size: 18px;
    color: #F00;
}
/* 終了したイベントの説明 ２*/
.event_end2 {
  margin-top: 4px;
  color: red;
  line-height: 1.5;
    text-align: center;
    font-size: 16px;
}
/*2018/9/26追加*/
.bosyu-read {
    display: block;
    padding: 0 1em;
    margin: 50px 0 0px;
      width: 1080px;
      margin-left: auto;
      margin-right: auto;
      line-height: 200%;
  }


.bosyu-red {
    color: #F00;
}

.bosyu_list {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 60px;
}


.bosyu_list_box {
    background: #CCEAF7;
    display: table;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px;
      padding-left: 20px;
      width: 1080px;
      margin-left: auto;
      margin-right: auto;
  }


.bosyu_title {
    margin-left: auto;
    margin-right: auto;
    display: table-cell;
    width: 139px;
    vertical-align: middle;
}


.bosyu_title span {
    display: block;
    width: 139px;
    background-color: #F00;
    text-align: center;
    color: #FFF;
    font-weight: 700;
    vertical-align: middle;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 0px;
}


.bosyu_list_box ul {
  display: table-cell;
    list-style: none;
    padding: 0;
      font-size: 20px;
      padding-left: 30px;
  }

.bosyu_list_box li {
  line-height: 1.5;
  padding-bottom: 10px;
    width: 260px;
  }


/* 表を囲むセクション*/
.bosyu_schedule-box {
    margin-top: 50px;
    margin-bottom: 80px;
  }

.bosyu-table {
  border-collapse: collapse;
  width: 100%;
  border: 1px solid #c3c3c3;
  overflow: auto;
    white-space: pre-wrap;
  }

.bosyu-table th {
  background: #f5f5f5;
  text-align: left;
  border: 1px solid #c3c3c3;
  font-weight: 700;
    padding: 1rem;
      width: 295px;
      display: table-cell;
  }

.bosyu-table td {
  border: 1px solid #c3c3c3;
    display: block;
    padding: 1rem;
      width: 782px;
      display: table-cell;
      line-height: 1em;
  }
.td-last{
    padding: 1rem;
      width: 782px;
      display: table-cell;
      line-height: 1em;
      border: 1px solid #c3c3c3;
  }


/* thの幅の設定*/
.name {
  width: 295px;
}

/* 学校HPへ飛ぶボタン */
.school_link-btn {
  position: relative;
  background: #0C497C;
  font-size: 1rem;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 175px;
  margin: 10px auto 40px;
}
.school_link-btn a {
  color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  transition: background 0.3s;
}
  .school_link-btn {
    height: 35px;
    line-height: 35px;
    width: 140px;
    position: absolute;
    right: 1rem;
    top: 33px;
    margin: 0;
  }

/* ====================
    高知県私立中学高等学校連合会　9校
======================*/
.school_list2 {
    width: 100%;
    padding-top: 50px;
    padding-bottom: 60px;
}


.inside-box2 {
  padding: 0 10px;
    width: 1080px;
    padding: 0;
    margin: auto;
  }


.school_list_box2 {
  background: #CCEAF7;
    display: block;
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 10px;
      width: 1060px;
      margin-left: auto;
      margin-right: auto;
      padding-left: 20px;
  }

/* ===========================
    サブページ：学校名一覧
=============================*/
.school_list2 a {
  color: #1476C6;
}
.school_list2 a:hover {
  text-decoration: underline;
  color: #6ab4f0;
}
.school_list2 ul {
  display: table;
  table-layout: fixed;
    padding: 0;
    padding-top: 0;
  }
.school_list2 li {
  line-height: 1.5;
  padding-bottom: 10px;
    width: 250px;
    display: table-cell;
      font-size: 20px;
  }
/*2018/9/27追加*/
.top_adoption-box {
  padding: 0 10px;
    margin: 50px  0;
}
.adoption-box {
    text-align: center;
    background-color: #09715A;
    width: 1070px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
    font-size: 30px;
    }

.adoption-box a {
    display: block;
    padding-top: 1em;
    padding-bottom: 1em;
    color: #FFF;
    transition: 0.3s;
}
/*2018/10/02追加*/
/****内容テーブル****/
.bosyu-table2 {
  width: auto;
    white-space: pre-wrap;
      margin-top: 0.8em;
}
.bosyu-table2 th {
  text-align: left;
    background-color: #FFF;
    border: 0px;
    vertical-align: top;
    padding: 0;
     display: table-cell;
    font-weight: 400;
    width: 2.5em;
      line-height: 1.8em;
}
.bosyu-table2 td{
  padding: 0;
    border: 0px;
    text-align: left;
      vertical-align: top;
     display: table-cell;
    line-height: 1.8em;
}
/*2020/11/26追加*/
.COVID-19_txt{
    color: #000;
    font-size:26px; 
    }