@charset "UTF-8";

/* CSS Document */
/*ul*/
ul.hosoku_1moji li {
    text-indent: -1em;
    margin-left: 1em;

}

/*ul*/
ul.hosoku_2moji li {
    text-indent: -2em;
    margin-left: 2em;

}






ul.ul-li-finger {
    list-style: none;
    padding-left: 2.5em;

}

ul.ul-li-finger li {
    margin-bottom: 0.25em;
}

ul.ul-li-finger li:last-child {
    margin-bottom: 0em;
}



/*デフォルトがブルー*/
ul.ul-li-finger li::before {
    font-family: FontAwesome;
    content: "\f0a4";
    font-size: 1em;
    color: #0683BA;
    font-weight: bold;
    display: inline-block;
    width: 1.4em;
    margin-left: -1.5em;
}

/*色を変更*/
ul.ul-li-finger.ul-li-pink li::before {
    font-family: FontAwesome;
    color: #FA3387;
}

.float_r {
    float: right;
}

.float_l {
    float: left;
}


.txt-red {
    color: #ee0000;
}

.txt-pink {
    color: #D50080;
}

.txt-pink2 {
    color: #F500A8;
}

.txt-000 {
    color: #000;
}

.txt-555 {
    color: #555;
}

.txt-888 {
    color: #888;
}

.txt-aaa {
    color: #aaa !important;
}

.txt-ccc {
    color: #ccc !important;
}

.txt-fff {
    color: #fff;
}

.txt-right-green {
    color: #b9f084;
}

.txt-green {
    color: #1EAE98;
}

.txt-green2 {
    color: #009E96;
}

.txt-green3 {
    color: #4DA13C;
}

.txt-blue {
    color: #0089b7;
}

.txt-blue2 {
    color: #023894;
}

.txt-blue3 {
    color: #043B95;
}

.txt-blue4 {
    color: #08287F;
    ;
}

.txt-gold {
    color: #6F5B00;
}

.txt-purple {
    color: #B423B8;
}

.txt-orange {
    color: #FF6600
}

.txt-inherit {
    color: inherit
}



.img-w400 {
    max-width: 400px;
    width: 100%;
}


.img-w500 {
    max-width: 500px;
    width: 100%;
}

.img-w600 {
    max-width: 600px;
    width: 100%;
}


.img-w750 {
    max-width: 750px;
    width: 100%;
}


.img-w100 {
    max-width: 100px;
    width: 100%;
}

.img-w60 {
    max-width: 60px;
    width: 100%;
}



.img-w40 {
    max-width: 40px;
    width: 100%;
}







.fw500 {
    font-weight: 500;
}

.num_list {
    margin-left: 1.5em;
}

.num_list li {
    margin-bottom: .8em;
}

.num_list li:last-child {
    margin-bottom: 0;
}

.lh0 {
    line-height: 0;
}

.lh10 {
    line-height: 10px;
}

.lh11 {
    line-height: 11px;
}

.lh12 {
    line-height: 12px;
}

.lh13 {
    line-height: 13px;
}

.lh14 {
    line-height: 14px;
}

.lh15 {
    line-height: 15px;
}

.lh16 {
    line-height: 16px;
}

.lh17 {
    line-height: 17px;
}

.lh18 {
    line-height: 18px;
}

.lh19 {
    line-height: 19px;
}

.lh20 {
    line-height: 20px;
}

.lh21 {
    line-height: 21px;
}

.lh22 {
    line-height: 22px;
}

.lh23 {
    line-height: 23px;
}

.lh24 {
    line-height: 24px;
}

.lh25 {
    line-height: 25px;
}

.lh26 {
    line-height: 26px;
}

.lh27 {
    line-height: 27px;
}

.lh28 {
    line-height: 28px;
}

.lh29 {
    line-height: 29px;
}

.lh30 {
    line-height: 30px;
}

.lh100p {
    line-height: 1;
}

.lh110p {
    line-height: 1.1;
}

.lh120p {
    line-height: 1.2;
}

.lh140p {
    line-height: 1.4;
}

.lh160p {
    line-height: 1.6;
}

.lh180p {
    line-height: 1.8;
}

.lh200p {
    line-height: 2;
}

.lh220p {
    line-height: 2.2;
}


.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.clearfix {}

a.mouseover img {
    transition: .3s;
}

a.mouseover:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}


.pic-round {
    border-radius: 10px;
}

.pic-circle {
    border-radius: 10000px;
}

.pic-border {
    border: 1px solid #ccc;
}

.sp_only {}

.sp_none {}

.pc_only {}

.pc_none {}


@media (min-width: 640px) {
    .xs_only {
        display: none !important;
    }
}

@media (max-width: 1600px) {
    .xl_only {
        display: none !important;
    }
}


ol.ol-number {
    list-style: decimal
}

ol.ol-number li {
    margin: 0 0 0 1.5em
}





.inline_block {
    display: inline-block;
}

.txt-torikesisen {
    text-decoration: line-through;
}

.m-width-90p {
    max-width: 90%;
}

.m-width-100p {
    max-width: 100%;
}

.posi_r {
    position: relative;
}

.pic_border {
    border: 1px solid #ccc;
}

.pdf_link:before {
    content: "\f1c1";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #D14244;
    text-decoration: none;
    display: inline-block;
}


.external_link:after {
    content: "\f08e";
    font-family: FontAwesome;
    margin-left: 5px;
    color: #D14244;
    text-decoration: none;
    display: inline-block;
}




.word_link:before {
    content: "\f1c2";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #E60012;
    text-decoration: none;
    display: inline-block;
}

.excel_link:before {
    content: "\f1c3";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #4C7B3B;
    text-decoration: none;
    display: inline-block;
}




/*関連リンク
テキストリンク*/
.kanren_link li {

    margin-bottom: 0.4em;

}

.kanren_link li a {
    /*color: #333;*/
    padding: 0.2em 0;
    text-decoration: none;
    transition: .3s;
    display: inline-block;
}


.kanren_link li a:hover {
    color: #E60012;
    /*
				background: #EBEBEB;
				border-radius: 100%;
				*/
    transition: .3s;

}

/*ローカルリンク*/
a.kanren_link_local:after {
    content: "\f105";
    margin-left: 10px;
    font-family: FontAwesome;
    color: #E60012;
    text-decoration: none;
    transition: .3s;
}

/*外部リンク
					_BLANK自動付与 JQUERY*/
a.kanren_link_window:after {
    content: "\f08e";
    margin-left: 10px;
    font-family: FontAwesome;
    color: #E60012;
    text-decoration: none;
    transition: .3s;
}


/*PDF*/
a.kanren_link_pdf:before {
    content: "\f1c1";
    margin-right: 5px;
    font-family: FontAwesome;
    color: #E60012;
    text-decoration: none;
    transition: .3s;
}







/*imgボタン*/

a img.bnt-hover-shadow {

    transition: .3s;
    transform: scale(1);
}


a img.bnt-hover-shadow:hover {
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .35);
    transition: .3s;
    transform: scale(1.04);
}




/*ボタン*/
.raised {
    background-color: #26a69b;
    /*背景色*/
    color: #FFF;
    /*文字色*/
    font-size: 1em;
    /*文字サイズ*/
    line-height: 1.3em;
    text-decoration: none;
    letter-spacing: 0.05em;
    /*字間*/
    padding: 0.2em 1em;
    /*ボタン内の余白*/
    border-radius: 3px;
    /*角の丸み*/
    cursor: pointer;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
    /*影*/
    -webkit-tap-highlight-color: transparent;
    transition: .3s ease-out;
    /*変化を緩やかに*/
    height: 100%;
    box-sizing: border-box;

    display: flex;
    justify-content: center;
    align-items: center;

}

.raised:hover {
    background-color: #0F978B;
    /*背景色*/
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.40), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);
    /*浮き上がるように*/
}





.ripple {
    position: relative;
    overflow: hidden;
}

.ripple .rp-effect {
    /*エフェクト*/
    position: absolute;
    border-radius: 50%;
    opacity: 0.35;
    /*波紋の濃さ*/
    transform: scale(0);
    background: #FFF;
    /*波紋色*/
    animation: ripple 700ms;
    pointer-events: none;
}

@-webkit-keyframes ripple {
    to {
        opacity: 0;
        transform: scale(2.0);
    }
}

@keyframes ripple {
    to {
        opacity: 0;
        transform: scale(2.0);
    }
}










/*横罫*/
.hr-dott {
    height: 1px;
    border: none;
    border-top: 1px dashed #ccc;

}



.common_list {
    margin-left: 1.5em;
}

.common_list li {
    line-height: 1.4;
    margin-bottom: 0.5em;
    text-indent: -1em;
}

.common_list li:before {
    content: "・";
    margin-right: 0;
    color: #999;
    font-size: 2em;
    line-height: 0;
    vertical-align: -7px;
    width: .5em;
    display: inline-block;
}

.common_list li:last-child {
    margin-bottom: 0;
}

.common_list_pdf_icon li:before {
    content: "\f1c1";
    color: #e10004;
}

.common_list2 {}

.common_list2 li {
    line-height: 1.4;
    margin-bottom: 15px;
}

.common_list2 li:after {
    content: "\f105";
    font-family: FontAwesome;
    margin-left: .5em;
    color: #E60012;
}

.common_list2 li:last-child {
    margin-bottom: 0;
}

.common_list3 {
    margin-left: 0;
}

.common_list3 li {
    position: relative;
    padding-left: .7em;
    margin-left: 0;
    margin-bottom: .3em;
}

.common_list3 li:before {
    font-family: FontAwesome;
    content: "\f0da";
    color: #888;
    display: inline-block;
    position: absolute;
    left: 0;
}

.common_list3 li:last-child {
    margin-bottom: 0;
}

.common_list4 {
    margin-left: 0;
}

.common_list4 li {
    position: relative;
    padding-left: .7em;
    margin-left: 0;
    margin-bottom: 15px;
}

.common_list4 li:before {
    content: "";
    width: 6px;
    height: 6px;
    background: var(--blue);
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.6em;
}

.common_list4 li:last-child {
    margin-bottom: 0;
}

body.body_tourism .common_list4 li:before {
    background: var(--design);
}

body.body_smart .common_list4 li:before {
    background: var(--smart);
}

.common_box {
    background: #f1f1f1;
    padding: 20px;
    border-radius: 15px;
}

.common_box2 {
    background: #f5f8ff;
    padding: 20px;
    border-radius: 15px;
}

.common_box3 {
    padding: 20px;
    border: 4px solid #ddd;
    border-radius: 15px;
}



.common_box6 {
    background: #E6F3F7;
    padding: 20px;
}


.common_box_white {
    background: #fff;
    padding: 20px;
    border-radius: 15px;
}

.box_large {
    padding: 50px 40px;
}



.indent0 {
    text-indent: 0;
}


.caution {
    text-indent: -1em;
    padding-left: 1em;
}

.caution1_4em {
    text-indent: -1.4em;
    padding-left: 1.4em;
}

.caution1_5em {
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.caution2em {
    text-indent: -2em;
    padding-left: 2em;
}

.caution2_5em {
    text-indent: -2.5em;
    padding-left: 2.5em;
}

.caution3em {
    text-indent: -3em;
    padding-left: 3em;
}

.caution6em {
    padding-left: 6em;
    position: relative;
}

.caution6em span {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
}

.flex {
    display: flex;
    display: -ms-flexbox;
}

.flex_sb {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex_wrap {
    flex-wrap: wrap;
}

.flex_reverse {
    flex-direction: row-reverse;
}

.sp_link_none a,
.fax_num a,
a.link_txt_normal {
    color: inherit;
    text-decoration: none;
}

.fax_num a {
    pointer-events: none;
}


/*----------------------------------*/



.naname_sen_bg {
    height: 40px;
    background-image: url(/common/img/top/stripe_blue_white.png);
    background-size: 14px;
    background-repeat: repeat;
}


.blank_link:after {
    font-family: FontAwesome;
    content: "\f08e";
    margin-left: 0.5em;
    font-size: .9em;
    opacity: .8;
    display: inline-block;
    text-decoration: none;

}

.color_sendou {
    color: #0089b7;

}

.color_tourism {
    color: #10a7b0;
}

.color_smart {
    color: #516372;
}


.tourism_main_img {
    overflow: hidden;
}

.tourism_main_img img {
    width: 100%;
}


.tourism_top_green_bg,
.sendou_top_color_bg,
.smart_top_color_bg {
    background: #dcf2f3;
    padding: 80px 0 150px;
    overflow: hidden;
}

.sendou_top_color_bg {
    background: #e5f3f8;
}

.smart_top_color_bg {
    background: #eff1f2;
}


.tourism_top_yousei_body {
    position: relative;
    margin-top: 100px;
    padding-top: 80px;
    color: #fff;
}

.tourism_top_yousei_body:before {
    content: "";
    background: #10A7B0;
    display: block;
    left: 0;
    top: 0;
    width: 5000px;
    height: 95%;
    position: absolute;
    z-index: 1;
}

.tourism_top_yousei_content {
    position: relative;
    z-index: 2;
}


.body_sendou .tourism_top_yousei_body:before,
.body_sendou .tourism_top_motomeru_3clm_grid_txt,
.body_sendou .tourism_top_syuhou_lead {
    background: #0089b7;
}

.body_smart .tourism_top_yousei_body:before,
.body_smart .tourism_top_motomeru_3clm_grid_txt,
.body_smart .tourism_top_syuhou_lead {
    background: rgba(81, 99, 114, 1);
}

.tourism_top_yousei_illust {
    position: absolute;
    z-index: 2;
    right: 40px;
    top: -40px;
}

.tourism_top_yousei_illust img {
    width: 40px;
}

.tourism_top_yousei_grid_width {
    width: 105%;
    margin-left: -5%;
    margin-top: 30px;
}

.tourism_top_motomeru_body {
    position: relative;
    background: #fff;
    margin-top: 80px;
    padding: 60px 0 80px;
}

.tourism_top_motomeru_img_txt {}

.tourism_top_motomeru_img_body {
    margin-top: 50px;
}

.tourism_top_motomeru_img_box {
    position: relative;
}

.tourism_top_motomeru_img_box:nth-child(n+2) {
    margin-top: 70px;
}

.tourism_top_motomeru_img_txt_box {
    position: absolute;
    bottom: 0;
    background: #fff;
    padding: 20px 30px;
}

.tourism_top_motomeru_img_box:nth-child(2n) .tourism_top_motomeru_img_txt_box {
    right: 0;
}

.tourism_top_motomeru_img_box:nth-child(2n-1) .tourism_top_motomeru_img_txt_box {
    left: 0;
}

.tourism_top_motomeru_img_txt_num img {
    height: auto;
    width: 100%;
    max-height: 50px;

}

.tourism_top_motomeru_img_txt_lead {
    font-size: 1.4em;
}

.tourism_top_motomeru_img_txt_flex {
    display: flex;
    align-items: center;
}

.tourism_top_motomeru_img_txt_num {
    margin-right: 30px;
    padding-left: 10px;
}

.tourism_top_motomeru_3clm_grid_txt {
    background: #17a7b1;
    color: #fff;
    text-align: center;
    font-size: 1.35em;
    padding: 14px 0;
    height: 100%;
    line-height: 1.4;
}

.tourism_top_motomeru_3clm_grid_body {
    margin-left: auto;
    margin-right: auto;
    max-width: 600px;
    margin-top: 40px;
}

.tourism_top_syuhou_lead {
    color: #fff;
    height: 290px;
    width: 290px;
    font-size: 28px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #17a7b1;
    border-radius: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.subpage_head_bg {
    background: #dbf6ff;
    height: 25vw;
    max-height: 400px;
    background-size: cover;
    background-position: center;
}



.w1050 {
    max-width: 1050px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.subpage_top_txt {
    max-width: 1050px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.w1130 {
    max-width: 1130px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.w1240 {
    max-width: 1240px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.main_pic {
    background-image: url(/common/img/top/main_bg.png);
    background-size: 100% 100%;
}

.main_pic_logo {
    position: absolute;
    top: 5px;
    left: 30px;
    z-index: 1;
}

.fixed_bottom_message {
    text-align: center;
    position: fixed;
    bottom: 0;
    left: 0;
    font-size: 2rem;
    color: #fff;
    background: #0E3D5D;
    z-index: 98;
    width: 100%;
    padding: 3px 0;
    /*border-top: 1px solid rgba(255,255,255,0.20);*/
}

.fixed_mail_btn {
    position: fixed;
    right: 6px;
    top: 6px;
    z-index: 9999;
    line-height: 0;
}

.fixed_mail_btn_pdf_custom {
    top: 110px;
}

.fixed_mail_btn a {
    color: #0089B7;
    text-decoration: none;
    border: 1px solid #0089B7;
    background: #fff;
    height: 68px;
    width: 68px;
    text-align: center;
    transition: .4s;
}

.fixed_mail_btn a:hover {
    color: #fff;
    background: #0089B7;
    border: 1px solid #fff;
}

.fixed_mail_btn_txt1 {
    font-size: 3.1rem;
    line-height: 1.3;
}

.fixed_mail_btn_txt2 {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.6;
}

.concept_section {
    position: relative;
    padding-top: 100px;
}

.concept_section_content {
    position: relative;
    padding-bottom: 100px;
}

.concept_bird1,
.concept_bird2,
.concept_bird3,
.concept_bird4,
.concept_bird5 {
    position: absolute;
}

.concept_bird4 {
    display: none;
}

.concept_bird1 {
    right: 10%;
    top: 0;
}

.concept_bird1 img {
    max-width: 35vw;
}

.concept_bird2 img {
    max-width: 25vw;
}

.concept_bird2 {
    right: 50%;
    top: -150px;
}

.concept_bird3 {
    right: 30%;
    top: -150px;
}

.concept_bird5 {
    right: -30px;
    top: -250px;
}

.concept_bird5 img {
    width: 300px;
}

.bg_f8f8f8 {
    background: #f8f8f8;
}


.blue_line_title {
    font-weight: 900;
    font-size: 4rem;
    display: inline-block;
    border-bottom: 4px solid #0089B7;
    margin-bottom: 80px;
    width: 600px;
    max-width: 100%;
}

.stripe_title {
    background-image: url(/common/img/naname_bg.svg);
    background-repeat: repeat;
    background-size: auto;
    border-top: 1px solid #30789C;
    border-bottom: 1px solid #30789C;
    position: relative;
    padding: 15px 0;
    font-size: 2.2rem;
    margin-bottom: 30px;
}

.stripe_title:before,
.stripe_title:after {
    content: "";
    background: #f8f8f8;
    height: 2px;
    left: 0;
    width: 100%;
    display: block;
    position: absolute;
}

.stripe_title:before {
    top: 0;
}

.stripe_title:after {
    bottom: 0;
}

.stripe_title_left_txt1,
.stripe_title_left_txt2 {
    display: inline-block;
}

.stripe_title_left_txt1 {
    color: #fff;
    background: #30789C;
    font-size: 1.7rem;
    line-height: 1.2;
    padding: 0 10px;
    vertical-align: middle;
    margin-right: 10px;
}

.stripe_title_left_txt1_num {
    font-size: 4rem;
    vertical-align: middle;
    margin-left: 5px;
}

.stripe_title_left_txt2 {
    border: #30789C 2px solid;
    background: #fff;
    padding: 0 30px;
    border-radius: 100px;
    font-weight: bold;
}

.arrow_txt_box {
    padding-left: 30px;
    position: relative;
    line-height: 2;
}

.arrow_txt_box:before {
    position: absolute;
    content: "";
    display: block;
    border: 6px rgba(255, 255, 255, 0.00) solid;
    border-left: 20px #30789C solid;
    left: 0;
    top: .6em;
}

.yellow_border_bottom {
    border-bottom: 2px solid #FFF034;
}

.keyword_box {
    background: #E7ECF0;
    color: #0E3D5D;
    font-size: 2.2rem;
    position: relative;
    padding: 10px 20px;
}

.keyword_box:before {
    content: "";
    background-image: url(/common/img/keyword_icon.svg);
    display: block;
    background-size: contain;
    position: absolute;
    left: 0;
    bottom: 100%;
    height: 21px;
    width: 100%;
    background-repeat: no-repeat;
}

.kousou_section {
    background-image: url(/common/img/naname_bg2.svg);
    background-size: cover;
    padding: 90px 0;
}

.kousou_white_box {
    background: #fff;
}

.w1026 {
    width: 90%;
    max-width: 1026px;
    margin-left: auto;
    margin-right: auto;
}

.kousou_white_box {
    padding: 50px 0;
}


.pagetop_back_btn {
    position: relative;
    height: 100px;
    cursor: pointer;
    background: #f8f8f8;
}

.pagetop_back_btn:before {
    position: absolute;
    top: 45%;
    right: 50%;
    display: block;
    content: '';
    width: 30px;
    height: 30px;
    margin-top: -8px;
    margin-right: -15px;
    border-top: 2px solid #777;
    border-left: 2px solid #777;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: .3s;
    z-index: 3;
    pointer-events: none;
}

.pagetop_back_btn:hover:before {
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}


.pagetop_back_btn:after {
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: '';
    background: #0089B7;
    transform-origin: left bottom;
    transform: scale(1, 0);
    transition: transform .3s;
    pointer-events: none;
}

.pagetop_back_btn:hover::after {
    transform-origin: left bottom;
    transform: scale(1, 1);
}

.pagetop_back_btn a {
    z-index: 4;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    display: block;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.pagetop_back_btn span {
    position: absolute;
    z-index: 10;
    width: 100%;
    display: block;
    text-align: center;
    left: 0;
    bottom: 15px;
    font-size: 14px;
    pointer-events: none;
    transition: .3s;
}

.pagetop_back_btn:hover span {
    color: #fff;
}


.txt15px {
    font-size: 1.5rem;
}

.bg_eee {
    background: #eee;
}

.sm_menu_ul a {
    color: #fff;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bold;
}

.sm_menu_ul li:nth-child(n+2) {
    margin-top: 25px;
}

.foot_logo img {
    max-width: 35vw
}

.scroll_in_menu_btn {
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    color: #0089B7;
    text-decoration: none;
    background: #fff;
    height: 68px;
    width: 68px;
    transition: .6s;
    text-align: center;
    border: 1px solid #0089B7;
}

.scroll_in_menu_btn:hover

/*,
.active > .scroll_in_menu_btn*/
    {
    background: #0089B7;
    color: #fff;
    border: 1px solid #fff;
}

.scroll_in_menu_btn:hover .scroll_in_menu_btn_icon span

/*,
.active > .scroll_in_menu_btn  .scroll_in_menu_btn_icon span*/
    {
    background: #fff;
}

.scroll_in_menu_btn .scroll_in_menu_btn_icon span {
    display: inline-block;
    transition: all .6s;
    position: absolute;
    width: 25px;
    height: 2px;
    background-color: #0089B7;
}

.scroll_in_menu_btn .scroll_in_menu_btn_icon span:nth-of-type(1) {
    bottom: 50px;
    left: 21.5px;
}

.scroll_in_menu_btn .scroll_in_menu_btn_icon span:nth-of-type(2) {
    bottom: 43px;
    left: 21.5px;
}

.scroll_in_menu_btn .scroll_in_menu_btn_icon span:nth-of-type(3) {
    bottom: 36px;
    left: 21.5px;
}

.active .scroll_in_menu_btn_icon span:nth-of-type(1) {
    -ms-transform: translateY(9px) rotate(-315deg);
    -webkit-transform: translateY(9px) rotate(-315deg);
    transform: translateY(9px) rotate(-315deg);
}

.active .scroll_in_menu_btn_icon span:nth-of-type(2) {
    opacity: 0;
}

.active .scroll_in_menu_btn_icon span:nth-of-type(3) {
    -ms-transform: translateY(-5px) rotate(315deg);
    -webkit-transform: translateY(-5px) rotate(315deg);
    transform: translateY(-5px) rotate(315deg);
}

.scroll_in_menu_btn_txt {
    position: absolute;
    bottom: 17px;
    left: 0;
    width: 100%;
}

.scroll_in_menu_btn_headroom {
    position: relative;
    /*overflow: hidden;
    height: 0;
    transition: .8s;*/
    margin-bottom: 12px;
    cursor: pointer;
}

.scroll_in_menu_btn_headroom.headroom--not-top.scroll_in_menu_btn_headroom_in,
.scroll_in_menu_btn_headroom.headroom--not-top.scroll_in_menu_btn_headroom_out {
    /*height: 80px;*/
}

#header_open_menu {
    background: #0089B7;
    color: #fff;
    height: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    transition: .8s;
    z-index: 11;
}

#header_open_menu a {
    text-decoration: none;
    color: #fff;
}

#header_open_menu a:hover {
    text-decoration: underline;
}

#header_open_menu.active,
#header_open_menu.active {
    padding: 20px 0;
    border-bottom: 1px solid #96cadb;
    height: 800px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .5);
}

.header_open_menu_width {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.header_open_menu_link1 {
    font-weight: bold;
}

.header_open_menu_link2 {
    margin-top: 10px;
}

.header_open_menu_link2:before {
    content: "-";
    margin-right: 10px;
}

.kotei_page_link_ul li {
    margin-top: 10px;
}

.kotei_page_link_ul li a:before {
    content: "-";
    display: inline-block;
    margin-right: 10px;
    text-decoration: none;
}

.w95p {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}

.futura {
    font-family: 'Hind', sans-serif;
}

.txt75px {
    font-size: 75px;
}

.top_contents_section {}

.header_open_menu_title_right_link {
    margin-left: 20px;
    display: inline-block;
    line-height: 1.4;
    vertical-align: bottom;
    font-weight: bold;
}

.header_open_menu_title_left_link {
    vertical-align: 5px;
}

.mw900px {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.mw1050px {
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto;
}

.header_open_menu_link_grid>div {}

.top_contents_section {
    padding: 50px 0 100px;
    background: #f2f2f2;
    position: relative;
    padding-left: 100px;
}

.top_contents_section_blue_box {
    position: absolute;
    height: 320px;
    width: 100%;
    background: #0089B7;
    right: calc(100% - 2.19em);
    top: -90px;
}

.top_contents_section_h2 {
    letter-spacing: 2px
}

.top_contents_section_bird {
    width: 91px;
    position: absolute;
    right: 100%;
    margin-right: 20px;
    top: -10px;
}

.top_contents_link {
    text-decoration: none;
    color: inherit;
}

.top_contents_more {
    border-bottom: 2px solid #0E3D5D;
    display: inline-block;
    width: 100%;
    max-width: 240px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
    transition: .5s;
    color: #0E3D5D;
}

.top_contents_more:before {
    position: absolute;
    display: block;
    height: 1px;
    background: #0E3D5D;
    right: 0;
    bottom: 15px;
    width: 51px;
    content: "";
    transition: .5s;
    z-index: 1
}

.top_contents_more:after {
    position: absolute;
    display: block;
    height: 1px;
    background: #0E3D5D;
    right: -1px;
    bottom: 21px;
    width: 15px;
    content: "";
    transform: rotate(45deg);
    transition: .5s;
    z-index: 1
}


.top_contents_more_bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
    content: '';
    background: #0E3D5D;
    transform-origin: left top;
    transform: scale(0, 1);
    transition: transform .6s;
}


.top_contents_section_white_box {
    position: absolute;
    background: #fff;
    bottom: 50px;
    right: 0;
    width: 95vw;
    height: calc(100% - 300px);
    max-width: 1700px;
}

.top_contents_more_txt {
    position: relative;
    z-index: 1;
}


.top_contents_link2 {
    display: block;
    padding: 20px;
    border: 1px solid #0E3D5D;
    width: 455px;
    color: inherit;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
    transition: .4s;
    position: relative;
    max-width: 100%;
    text-decoration: none;
}


.top_contents_link2_arrow {
    top: 50%;
    position: absolute;
    right: 0;
    width: 30px;
    height: 1px;
    background: #0E3D5D;
    transition: .8s;
    z-index: 1;
}

.top_contents_link2_arrow:before {
    content: "";
    display: block;
    top: 0;
    position: absolute;
    right: -30px;
    width: 30px;
    height: 1px;
    background: #0E3D5D;
}

.top_contents_link2_arrow:after {
    content: "";
    display: block;
    top: 0;
    position: absolute;
    right: -31px;
    width: 16px;
    height: 1px;
    background: #0E3D5D;
    transform: rotate(45deg);
    margin-top: -6px;
}


.top_contents_link2_txt {
    position: relative;
    z-index: 1;
}

.top_news_body {
    padding: 40px 0 20px;
}

.top_news_section h2 {
    font-size: 50px;
    color: #0E3D5D;
    border-bottom: 3px solid #0E3D5D;
    line-height: 1;
    padding-bottom: 5px;
    margin-bottom: 30px;
}

.top_news_section_ul li:nth-child(n+2) {}

.top_news_section_ul_span_cat {
    display: inline-block;
    padding: 0 15px;
    font-size: 90%;
    margin-left: 15px;
    border: 1px solid #333;
}


.foot_link_grid a {
    color: #fff;
    text-decoration: none;
}

.foot_link_grid a:hover {
    text-decoration: underline;
}

.link_hover_underline {
    text-decoration: none;
}

.link_hover_underline:hover {
    text-decoration: underline;
}

.foot_tel_box a {
    color: #fff;
}

.header_open_menu_link_box2 {
    margin-left: auto;
}

/*body.home .header_main_nav{
    position: absolute;
    top: 0;
    right: 0;
    width: 880px;
	width: 100%;
	max-width: 960px;
    z-index: 3;
}*/

body.home .header_main_nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 2;
    background: rgba(0, 137, 183, 0.85);
}

body.home .header_open_menu_link_box1 {
    display: none;
}

body.home .header_main_nav .header_open_menu_link_box1 {
    display: none !important;
}

body.subpage .header_main_nav .header_open_menu_link_box1,
body.archive .header_main_nav .header_open_menu_link_box1,
body.single .header_main_nav .header_open_menu_link_box1 {
    display: block !important;
}

.header_open_menu_link_box a {
    color: #fff;
}

.header_main_nav .header_open_menu_link_box2,
.header_main_nav .header_open_menu_link_box3,
.header_main_nav .header_open_menu_link_box4,
.header_main_nav .header_open_menu_link_box5,
.header_main_nav .header_open_menu_link_box6,
.header_main_nav .header_open_menu_link_box7 {
    line-height: 80px;
}

.header_main_nav .header_open_menu_link_box a {
    display: block;
    text-decoration: none;
    position: relative;
}

.header_main_nav .header_open_menu_link_box.header_open_menu_link_box1 {
    padding-top: 12px;
}

.header_main_nav .header_open_menu_link_box.header_open_menu_link_box1 a {
    display: inline-block;
}

body.home .header_main_nav .header_open_menu_link_box a:hover {
    text-decoration: underline;
}

.header_main_nav {
    background: #0089B7;
}

/*body.home .header_main_nav {
    background: rgba(0,137,183,0.00);
}*/

body.subpage .header_main_nav .header_open_menu_link_box2 a:after,
body.subpage .header_main_nav .header_open_menu_link_box3 a:after,
body.subpage .header_main_nav .header_open_menu_link_box4 a:after,
body.subpage .header_main_nav .header_open_menu_link_box5 a:after,
body.subpage .header_main_nav .header_open_menu_link_box6 a:after,
body.subpage .header_main_nav .header_open_menu_link_box7 a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    transition: .2s;
    background: #fff;
    opacity: 0;
}

body.subpage .header_main_nav .header_open_menu_link_box2 a:hover::after,
body.subpage .header_main_nav .header_open_menu_link_box3 a:hover::after,
body.subpage .header_main_nav .header_open_menu_link_box4 a:hover::after,
body.subpage .header_main_nav .header_open_menu_link_box5 a:hover::after,
body.subpage .header_main_nav .header_open_menu_link_box6 a:hover::after,
body.subpage .header_main_nav .header_open_menu_link_box7 a:hover::after,
body.subpage#about .header_main_nav .header_open_menu_link_box2 a::after,
body.subpage#identity .header_main_nav .header_open_menu_link_box3 a::after,
body.subpage#admission .header_main_nav .header_open_menu_link_box4 a::after,
body.subpage#life .header_main_nav .header_open_menu_link_box5 a::after,
body.subpage#public .header_main_nav .header_open_menu_link_box6 a::after,
body.subpage#access .header_main_nav .header_open_menu_link_box7 a::after {
    opacity: 1;
}

.more_link_btn_body {
    margin-top: 50px;
    text-align: center;
}

.more_link_btn_body .more_link_btn {
    display: inline-block;
    border: 1px solid #0089b7;
    color: inherit;
    text-decoration: none;
    background: #fff;
    padding: 20px 15px;
    font-size: 1.1em;
    max-width: 330px;
    transition: .3s;
    font-weight: bold;
    text-align: center;
    width: 100%;
}



.subpage_content_title_blue_line {
    border-bottom: 1px solid #ccc;
    font-size: 30px;
    margin-bottom: 40px;
    text-align: left;
    line-height: 1.4;
    position: relative;
    padding-bottom: 15px;
}

.subpage_content_title_blue_line:after {
    content: "";
    display: block;
    width: 40%;
    max-width: 250px;
    height: 3px;
    background: var(--blue);
    position: absolute;
    bottom: -2px;
    left: 0;
}

body.body_tourism .subpage_content_title_blue_line:after {
    background: var(--design);
}

body.body_smart .subpage_content_title_blue_line:after {
    background: var(--smart);
}

.txt_yellow_line {
    display: inline-block;
    position: relative;
}

.txt_yellow_line:after {
    position: absolute;
    background: #FFF034;
    width: 100%;
    height: 2px;
    left: 0;
    bottom: 1px;
    content: "";
}

.subpage_content_title_blue_bg {
    font-size: 2.4rem;
    color: var(--blue);
    padding-left: 15px;
    margin-bottom: 20px;
    border-left: 5px solid var(--blue);
    text-align: left;
}

.feature_grid_box {
    padding-top: 60px;
    height: 100%;
    position: relative;
}

.feature_grid_box_gray {
    height: 100%;
    background: #f5f5f5;
    padding: 60px 20px 30px;
    border-radius: 5px;
}

.feature_grid_box_gray_bg_pink {
    box-shadow: 10px 10px 0 #DA7E97;
}

.feature_grid_box_gray_bg_purple {
    box-shadow: 10px 10px 0 #C48BBF;
}

.feature_grid_box_gray_bg_yellow {
    box-shadow: 10px 10px 0 #F6AF60;
}

.feature_grid_box_gray_bg_green {
    box-shadow: 10px 10px 0 #73B743;
}

.feature_grid_box_gray_bg_lightgreen {
    box-shadow: 10px 10px 0 #B9EE37;
}

.feature_grid_box_gray_bg_blue {
    box-shadow: 10px 10px 0 #6C9CB4;
}

.feature_grid_box_gray_bg_lightblue {
    box-shadow: 10px 10px 0 #56CCD2;
}

.feature_grid_box_gray_bg_purple2 {
    box-shadow: 10px 10px 0 #835B97;
}

.feature_grid_box_gray_bg_azuki {
    box-shadow: 10px 10px 0 #965171;
}

.feature_grid_box_gray_bg_brown {
    box-shadow: 10px 10px 0 #90743A;
}

.feature_grid_box_gray_bg_gray {
    box-shadow: 10px 10px 0 #767875;
}

.feature_grid_box_gray_bg_red {
    box-shadow: 10px 10px 0 #FB4F5B;
}

.feature_grid_box_ul li {
    display: inline-block;
    margin-right: 10px;
    font-size: 13px;
    color: #30789C;
}

.feature_grid_box_num_pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
}

.feature_grid_box_num_pic img {
    width: 95px;
}

.feature_grid_area .feature_grid_box_num_pic img {
    width: 80px;
}

.feature_grid_area .feature_grid_box_gray {
    padding-top: 40px;
    padding-bottom: 80px;
}

.subpage_content_title_blue_bg_point_span {
    background: #FFE610;
    border-radius: 5px;
    color: #0E3D5D;
    font-size: 90%;
    padding: 0 10px;
    margin-right: 20px;
    line-height: 1.4;
    display: inline-block;
    position: relative;
}

.subpage_content_title_blue_bg_point_span:after {
    content: "";
    background: #FFE610;
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 100%;
    top: 50%;
    margin-left: 5px;
    margin-top: -5px;
    border-top: 5px solid #0089B7;
    border-right: 5px solid #0089B7;
    border-bottom: 5px solid #0089B7;
    border-left: 5px solid #FFE610;
    transform: scale(2, 1);
}

.feature_example_box {
    background: #f5f5f5;
    position: relative;
    padding: 45px 50px 40px;
    box-shadow: 10px 10px 0 #FFE610;
    width: 920px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.feature_example_box:before {
    content: "EXAMPLE";
    display: block;
    background: #FFE610;
    border-radius: 5px;
    padding: 5px 10px;
    position: absolute;
    top: -15px;
    left: 20px;
    font-weight: bold;
    font-size: 1.6rem;
}

.feature_example_box:after {
    content: "";
    background: #FFE610;
    display: block;
    position: absolute;
    width: 10px;
    height: 10px;
    left: 57px;
    top: 31px;
    margin-left: 5px;
    margin-top: -5px;
    border-top: 5px solid #FFE610;
    border-right: 5px solid #f5f5f5;
    border-bottom: 5px solid #f5f5f5;
    border-left: 5px solid #f5f5f5;
    transform: scale(1, 2);
}


.top_news_link_cat,
.news_cat_span,
.articles_tag_list a {
    padding: 0 15px;
    font-size: .9em;
    display: inline-block;
    text-align: center;
    letter-spacing: -.04em;
    border: 1px solid #0089b7;
    background: #0089b7;
    color: #fff;
    margin-right: 5px;
    pointer-events: none;
}

.articles_tag_list a {
    border: 1px solid #0089b7;
    background: #fff;
    color: #0089b7;
    text-decoration: none;
}


.news_left_title {
    border-bottom: 1px solid #ccc;
    font-size: 2.6rem;
    line-height: 1.4;
    padding-bottom: 8px;
    margin-bottom: 40px;
    position: relative;
}

.news_left_title:before {
    background: #0089b7;
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 4px;
    width: 144px;
    display: block;
}

.sidebar_title {
    font-weight: bold;
    font-size: 2rem;
    padding-bottom: 5px;
}

/*.side_link_ul{
    border-bottom: 1px dashed #ddd;}*/
.side_link_ul a {
    display: block;
    font-size: 1.8rem;
    padding: 5px;
    color: #0089b7;
    text-decoration: none;
}

.side_link_ul li a {
    transition: .3s
}

.side_link_ul li a:hover {
    background: #E2F2FF;
}

.side_link_ul li.current-cat a {
    font-weight: bold;
    color: #0089b7;
}

.nav-links {
    /*    padding-top: 40px;*/
    margin-top: 60px;
    /*    border-top: 1px solid #ccc;*/
    font-size: 1.1em;
    text-align: center;
}

a.page-numbers {
    text-decoration: none;
    margin: 0 5px;
    display: inline-block;
    padding: 2px 8px;
    background: #f1f1f1;
    color: #000;
    transition: .3s;
}

.page-numbers.current,
a.page-numbers:hover {
    margin: 0 5px;
    display: inline-block;
    padding: 2px 8px;
    background: #666;
    color: #fff;
}

.navigation.pagination {
    margin-top: 40px;
}

.navigation.pagination h2.screen-reader-text {
    display: none;
}

.top_news_link {
    font-size: 18px;
    position: relative;
    padding-right: 45px !important;
}

.top_news_link:after {
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    top: 50%;
    font-size: 1.1em;
    line-height: 0;
    color: #0089b7;
}

.top_news_link_title {
    display: block;
    margin-top: 10px;
}

.header_main_nav .header_open_menu_link_box8 {
    display: none !important;
}

.foot_link_grid .header_open_menu_link_box2 {
    margin-left: 0;
}

.sm_menu a {
    text-decoration: none;
}

.top_news_hidden_body_archive_link_btn {
    text-align: center;
    margin-top: 40px;
}

.top_news_hidden_body_archive_link_btn a {
    display: inline-block;
    background: #0e3d5d;
    padding: 10px;
    width: 100%;
    max-width: 300px;
    color: #fff;
    text-decoration: none;
    transition: .4s;
}

.top_news_hidden_body_archive_link_btn a:hover {
    opacity: .7;
}

body.home .top_news_link {}

body.home .top_news_link_title {
    margin-top: 5px;
    text-decoration: underline;
}

body.home .top_news_link:hover .top_news_link_title {
    text-decoration: none;
}

.header_open_menu_link_box1_link {
    text-decoration: none !important;
    display: inline-block;
}

.top_contents_link img {
    box-shadow: 5px 5px 5px rgba(100, 100, 100, .16)
}

.link_none {
    opacity: .4 !important;
    cursor: default !important;
    pointer-events: none !important;
    display: inline-block;
}

.header_open_menu_link2_link_none.header_open_menu_link2:before {}

.main_lead {
    position: absolute;
}

.indent_danraku {
    text-indent: 1em;
}

.top_news_cat_tab_ul a {
    background: #666;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 5px;
}

.top_news_cat_tab_ul li.uk-active a {
    background: #0089b7;
}

.gray_bg_title {
    padding: 10px;
    background: var(--blue);
    color: #fff;
    font-size: 1.3em;
    line-height: 1.4;
    margin-bottom: 30px;
}

body.body_tourism .gray_bg_title {
    background: var(--design);
}

body.body_smart .gray_bg_title {
    background: var(--smart);
}

.page_src {}

.program_grid>div {
    min-width: 20em;
}

.program_grid>div strong {
    font-weight: bold;
    color: #033558;
}

.program_grid>div:before {
    content: "・";
    font-family: FontAwesome;
    font-weight: bold;
    color: #0089b7;
    margin-right: .55em;
    font-size: 3em;
    line-height: 0;
    vertical-align: -.25em;
    letter-spacing: -.8em;
    margin-left: -.35em;
}

.uk-grid.program_grid>.uk-grid-margin,
*+.uk-grid-margin {
    margin-top: 15px;
}

.news_kugirisen_arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 80px;
}

.news_kugirisen_arrow:before {
    content: "▼";
    display: block;
    font-size: 2em;
    transform: scaleX(2);
    line-height: 0;
    color: #bdd5de;
}

footer .header_open_menu_link_box1,
.header_open_menu_width .header_open_menu_link_box1 {
    display: none !important;
}


.sm_menu_content_body .header_open_menu_link_box1 {
    display: none !important;
}


@media (min-width: 640px) {
    .main_lead_sp {
        display: none !important;
    }
}

@media (max-width: 639px) {
    .main_lead_pc {
        display: none !important;
    }
}


.access_tbl {
    width: 100%;
    font-size: .9em;
}

.txt_inline_border_box {
    border: #0089B7 1px solid;
    padding: 5px 10px;
    color: #0089b7;
    font-weight: bold;
    margin-right: 10px;
    font-size: .9em;
    vertical-align: 1px;
}

.news_title4_blue {
    border-color: #0089B7 !important;
}

.program_page_right_arrow_box {
    height: 100%;
    padding: 20px;
    border: 3px solid #0089B7;
    position: relative;
}

.program_page_right_arrow_box:after {
    content: "";
    display: block;
    z-index: -1;
    position: absolute;
    width: 0;
    height: 0;
}

.after_txt_or:after {
    content: "or";
    margin: 0 .5em;
    color: #333;
    font-weight: normal;
}

.program_core_title {
    font-weight: bold;
    display: inline-block;
    width: 13em;
    color: #fff;
    max-width: 100%;
    text-align: center;
}

.common_link_btn {
    display: inline-block;
    background: #0089B7;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    font-size: 1.1em;
}

.common_link_btn:after {
    content: "\f0da";
    font-family: FontAwesome;
    margin-left: 1em;
}

.teacher_box {
    padding: 20px;
    height: 100%;
    position: relative;
    /*border: 4px solid #ddd;*/
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
    background: #f0f8fb;
    border: 1px solid #b3dce9;
}

.teacher_db_link a {
    display: block;
    position: relative;
    width: calc(100% - 40px);
    text-decoration: none;
    color: #fff;
    background: #0089b7;
    padding: 7px 10px;
    font-size: .9em;
    transition: .3s;
    margin-top: 15px;
}

.teacher_db_link a:hover {
    opacity: .7;
}

.teacher_db_link a:after {
    content: "\f08e";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}

.teacher_db_link.teacher_db_link_movie a {
    background: #cce7f1;
    margin-top: 8px;
    color: #0089b7;
    border: 1px solid #0089b7;
}

.teacher_bunya {
    font-size: .9em;
    line-height: 1.3;
    margin-top: 20px;
}

.teacher_bunya:before {
    content: "研究分野";
    display: block;
    background: #0089b7;
    font-size: .7em;
    margin-bottom: 6px;
    margin-left: auto;
    margin-right: auto;
    width: 5em;
    color: #fff;
    padding: 3px 0;
    border-radius: 4px;
}

.public_link {
    display: block;
    text-decoration: none;
    color: #000;
}

.public_link:hover {
    opacity: .7;
}


.subpage_pc_nav_body {
    margin-top: 50px;
    text-align: center;
}

.subpage_pc_nav_body a {
    color: #222;
    text-decoration: none;
    display: inline-block;
    position: relative;
    font-weight: bold;
    margin-bottom: 10px;
}

.subpage_pc_nav_link,
.subpage_pc_nav_ul,
.subpage_pc_nav_ul li {
    display: inline-block;
}

.subpage_pc_nav_ul li:nth-child(n+2) {
    margin-left: 15px;
    border-left: 1px solid rgba(255, 255, 255, .5);
    padding-left: 15px;
}

.subpage_pc_nav {}

body.page-id-126 .subpage_pc_nav_ul .page-item-about a:after,
body.page-id-140 .subpage_pc_nav_ul .page-item-140 a:after,
body.page-id-137 .subpage_pc_nav_ul .page-item-137 a:after,
body.page-id-96 .subpage_pc_nav_ul .page-item-identity a:after,
body.page-id-98 .subpage_pc_nav_ul .page-item-98 a:after,
body.page-id-451 .subpage_pc_nav_ul .page-item-451 a:after,
body.page-id-455 .subpage_pc_nav_ul .page-item-455 a:after,
body.post-type-archive-teacher .subpage_pc_nav_ul .page-item-teacher a:after,
body.page-id-148 .subpage_pc_nav_ul .page-item-life a:after,
body.page-id-153 .subpage_pc_nav_ul .page-item-153 a:after,
body.page-id-522 .subpage_pc_nav_ul .page-item-koubo a:after,
body.page-id-482 .subpage_pc_nav_ul .page-item-koubo a:after {
    content: "";
    background: #0089b7;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -10px;
    position: absolute;
    display: block;
}

.teacher_box img {
    width: 70%;
}

/*.page_src_jc a[target="_blank"]:after {
    content: "\f08e";
    font-family: FontAwesome;
    text-decoration: none;
    display: inline-block;
    margin-left: .4em;
    color: #888;
}
.page_src_jc .tax_admission_link_box a[target="_blank"]:after{
    display: none!important;
}*/



.tax_admission_link_box {
    background: #0089b7;
    color: #fff;
    padding: 20px;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
    margin-top: 30px;
}

.tax_admission_link_box .footer_blue_title {

    border: 1px solid #fff;
    text-align: center;
    color: #fff;
    font-size: 2rem;
    margin-bottom: 20px;
    padding: 3px 10px;
    background: #fff;
    color: #0089b7;
    font-weight: bold;
}

.toppage_taidan_bnr img {
    border: 6px solid #00a4ef;
    /*margin-top: 100px;
    width: 800px;*/
    border-top-color: #1a3c6a;
    border-left-color: #153860;
}

.fixed_bottom_message {
    padding: 0;
}

.fixed_bottom_message_content {
    color: #fff;
    display: block;
    padding: 10px;
}

.fixed_bottom_message_content_01 {
    padding: 10px;
}

.fixed_bottom_message_content_02 {
    background: #ae2832;
}

.common_tbl th,
.common_tbl td {
    border: 1px solid #ddd;
    padding: 5px 10px;
    line-height: 1.4;

}

.common_tbl th {
    background: #f1f1f1;
}

.common_tbl .tr_top th {
    background: #E7EFFF;
}

.common_link_btn2 {
    display: inline-block;
    background: #0089B7;
    color: #fff;
    text-decoration: none;
    padding: 10px;
    width: 100%;
    max-width: 400px;
    transition: .3s;
}

.common_link_btn2:hover {
    opacity: .6;
}

.koubo_tbl {
    width: 100%;
    border-collapse: collapse;
}

.koubo_tbl th,
.koubo_tbl td {
    padding: 15px;
    border: 1px solid #ccc;
    line-height: 1.4;
    background: #fff;
}

.koubo_tbl th {
    padding-top: 15px;
    padding-bottom: 15px;
    white-space: nowrap;
    background: #ebebeb;
    color: #3b3b3b;
}

.page_src_jc .koubo_tbl td a[target="_blank"]:after {
    display: none;
}

body.page-id-482 .subpage_pc_nav_identity {
    display: block;
}

.wp_yt_box a {
    text-decoration: none;
    color: #333;
    display: block;
}

.wp_yt_box .wp_ty_img {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 23.5vw;
    max-height: 215px;
    position: relative;
}

.wp_yt_box .wp_ty_img:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: var(--blue);
    transition: 0.4s;
}

.wp_yt_box a:hover .wp_ty_img:before,
.wp_yt_box a:hover .wp_ty_img:after {
    transform: translate(-50%, -50%) scale(1.1);
}

.wp_yt_box .wp_ty_img:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 10px 15px;
    margin-left: 8px;
    border-color: transparent transparent transparent #fff;
    background-size: 100%;
    transition: 0.4s;
}

.uk-lightbox {
    z-index: 10000;
}

.uk-lightbox .uk-lightbox-toolbar-icon svg {
    transform: scale(2);
}

.top_taidan_box img {
    width: 100%;
}

.top_taidan_right {
    display: flex;
}

.top_taidan_right a {
    border: 5px solid #dedede;
    display: flex;
    align-items: center;
    height: 90%;
}

.toppage_gakurui_link {
    text-decoration: none;
    color: inherit;
    display: block;
    transition: .3s;
    line-height: 1.4;
}

.toppage_gakurui_link:hover {
    opacity: .6;
}

.toppage_gakurui_link_img {
    margin-bottom: 10px;
}

.toppage_gakurui_link_title {
    font-size: 24px;
}

.toppage_gakurui_link_title span {
    font-size: 16px;
}

.toppage_gakurui_link_txt {
    font-size: 22px;
}

.toppage_gakurui_link_title:after {
    content: "";
    width: 63px;
    height: 11px;
    background-image: url("/common/img/top/right_arrow.svg");
    display: inline-block;
    background-size: 100% 100%;
    margin-left: .7em;
}

.common_link_btn3 {
    display: inline-block;
    width: 100%;
    max-width: 491px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    background: #0089B7;
    text-align: center;
    padding: 24px;
    position: relative;
    transition: .3s;
}

.common_link_btn3:hover {
    opacity: .7;
}

.common_link_btn3:after {
    content: "";
    width: 63px;
    height: 11px;
    background-image: url("/common/img/top/right_arrow_white.svg");
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
}

.toppage_minasama_body {
    padding: 75px 0;
    background-image: url("/common/img/top/minasama_bg.svg");
}

.toppage_minasama_link {
    display: block;
    color: #fff;
    text-decoration: none;
    font-size: 30px;
    text-align: center;
    background: #aaa;
    padding: 55px 10px 70px;
    transition: .3s;
    position: relative;
}

.toppage_minasama_link:after {
    content: "";
    width: 63px;
    height: 11px;
    background-image: url("/common/img/top/right_arrow_white.svg");
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: calc(50% - 31.5px);
    bottom: 40px;
}

.toppage_minasama_link:hover {
    opacity: .6;
}

.toppage_minasama_link_01 {
    background: #89BF62;
}

.toppage_minasama_link_02 {
    background: #9982AC;
}

.toppage_minasama_link_03 {
    background: #F77F49;
}

.toppage_minasama_link_icon {
    display: flex;
    height: 63px;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
}

.toppage_kouhou_body {
    padding: 75px 0;
}

.toppage_kouhou_link {
    display: inline-block;
    width: 100%;
    max-width: 598px;
    color: #fff;
    font-size: 30px;
    text-decoration: none;
    background: #0089B7;
    text-align: center;
    padding: 64px 10px;
    position: relative;
    transition: .3s;
}

.toppage_kouhou_link:hover {
    opacity: .7;
}

.toppage_kouhou_link:before {
    content: "";
    width: 81px;
    height: 76px;
    background-image: url("/common/img/top/kouhou_icon.svg");
    display: block;
    background-size: 100% 100%;
    position: absolute;
    left: 35px;
    top: calc(50% - 38px);
}

.toppage_kouhou_link:after {
    content: "";
    width: 63px;
    height: 11px;
    background-image: url("/common/img/top/right_arrow_white.svg");
    display: block;
    background-size: 100% 100%;
    position: absolute;
    right: 10px;
    top: calc(50% - 8px);
}

.header_main_nav a {
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    font-size: 17px;
}

/*body.home .header_main_nav_item_01{
    display: none;
}
body.home .header_main_nav_item{
    text-shadow: 0 0 10px #0089B7;
}*/

.header_main_nav_item a {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header_main_nav_item a:after {
    height: 5px;
    width: 100%;
    bottom: 0;
    left: 0;
    position: absolute;
    background: #fff;
    content: "";
    opacity: 0;
    transition: .3s;
}

.header_main_nav_item a:hover:after {
    opacity: 1;
}

.header_main_nav_item_01 {
    margin-right: auto;
}

.header_main_nav_item_01_wrap {
    display: flex;
}

.header_main_nav_item_01_wrap a:after {
    display: none !important;
}

.header_main_nav_item_01_wrap .header_open_menu_title_right_link {
    font-size: 28px;
}

#header_open_menu .header_open_menu_title_right_link {
    font-size: 28px;
    vertical-align: 10px;
}

.uk-grid>*.header_main_nav_item {
    padding-left: 25px;
}

#header_open_menu {
    line-height: 1.1;
}

.header_open_menu_title {
    font-weight: bold;
    font-size: 24px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 15px;
    pointer-events: none;
}

.header_open_menu_link_01 {
    font-size: 16px;
}

.header_open_menu_link_01:before {
    content: "-";
    margin-right: .5em;
    display: inline-block;
    text-decoration: none;
}

.header_open_menu_link_body_s .header_open_menu_link_01 {
    font-size: 14px;
}

.header_open_menu_link_02 {
    font-size: 18px;
    font-weight: bold;
}

.header_open_menu_link_03 {
    font-size: 16px;
}

.header_open_menu_link_04 {
    font-size: 24px;
    font-weight: bold;
}

.header_open_menu_link_body>div:nth-child(n+2) {
    margin-top: 14px;
}

.header_open_menu_link_blank:after {
    font-family: FontAwesome;
    content: "\f08e";
    margin-left: .5em;
    font-size: .9em;
}

#sm_menu {
    line-height: 1.2;
}

#sm_menu .header_open_menu_link1 {
    font-size: 18px;
}

#sm_menu .header_open_menu_link_01 {
    font-size: 15px;
}

#sm_menu .header_open_menu_link_01:before {
    display: none;
}

#sm_menu .header_open_menu_link_02 {
    font-size: 18px;
    font-weight: bold;
}

#sm_menu .header_open_menu_link_03 {
    font-size: 15px;
}

#sm_menu .header_open_menu_link_04 {
    font-size: 18px;
    font-weight: bold;
}

#sm_menu .header_open_menu_title {
    font-weight: bold;
    font-size: 18px;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 10px;
    pointer-events: auto;
}

#sm_menu .header_open_menu_link_body>div:nth-child(n+2) {
    margin-top: 10px;
}

#sm_menu .header_open_menu_link_body a {
    position: relative;
    display: inline-block;
    padding-left: 1em;
}

#sm_menu .header_open_menu_link_body a:before {
    content: "-";
    display: inline-block;
    text-decoration: none;
    position: absolute;
    left: 0;
}

.sm_menu_border_top {
    border-top: 1px solid #5cb4d1;
    padding-top: 30px;
    margin-top: 30px;
}

.department_page_nav {
    margin-top: 20px;
}

.department_page_nav>div {
    display: inline-block;
    margin-bottom: .7em;
}

.department_page_nav>div:after {
    content: "｜";
    pointer-events: none;
    margin: 0 1em;
    opacity: .7;
}

.department_page_nav>div:last-child::after {
    display: none;
}

.department_page_nav a {
    color: inherit;
    text-decoration: none;
}

.department_page_nav a:hover {
    text-decoration: underline;
}

body.post-type-archive-public .header_main_nav_item_05 a:after {
    opacity: 1;
}


.foot_link_grid_link_01 a {
    font-weight: bold;
    font-size: 17px;
}

.foot_link_grid_link_02 a {
    font-size: 14px;
}

.footer_small_link_body {
    line-height: 1;
}

.footer_small_link_body>div {
    margin-top: 10px;
}

.event_none {
    display: inline-block;
    pointer-events: none;
}

.head_junbi_txt {
    font-size: 80%;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.toppage_minasama_link_02.event_none {
    width: 100%;
}



.tourism_identity_box .program_page_right_arrow_box:after {
    content: none;
}

.common_future_list li {
    line-height: 1.4;
    margin-bottom: 0.6em;
    padding-left: 1em;
    position: relative;
}

.common_future_list li:before {
    content: "\f0da";
    font-family: FontAwesome;
    color: #0089B7;
    position: absolute;
    left: 0;
    top: 0;
}

.main_pic_wrap .slide01,
.main_pic_wrap .slide02,
.main_pic_wrap .slide03 {
    height: 540px;
}

.main_pic_wrap .slide01 {
    background: #0089B7;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.main_pic_wrap .slide01 img {
    margin-left: auto;
    margin-right: auto;
}

.main_pic_wrap .slide02 {
    background-image: url("/common/img/top/slider/slide02_bg.jpg");
}

.main_pic_wrap .slide03 {
    background-image: url("/common/img/top/slider/slide03_bg.jpg");
}

.main_pic_wrap .slide02,
.main_pic_wrap .slide03 {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.main_pic_wrap .slide02>div,
.main_pic_wrap .slide03>div {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    max-width: 1240px;
    transform: translate(-50%, -50%);
}

.main_pic_wrap .slide02 img,
.main_pic_wrap .slide03 img {
    margin-top: 80px;
}


.main_pic_arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
}

.arrow_prev,
.arrow_next {
    width: 30px;
    height: 30px;
    border: 5px solid;
    transform: rotate(45deg);
}

.arrow_prev {
    left: 20px;
    border-color: transparent transparent #FFE610 #FFE610;
}

.arrow_next {
    right: 20px;
    border-color: #FFE610 #FFE610 transparent transparent;
}


.box-caution {
    padding: 20px;
    border: 3px solid #f55;
    background: #fff;
}

.core_tankyu_title {
    padding: 10px;
    border: 2px solid #ddd;
}

.news_sidebar_stripe_bg {
    height: 30px;
    background-image: url(/common/img/news/stripe.png);
    background-size: 25px;
    background-repeat: repeat;
    background-color: #DCF2F3;
    display: none;
}

.news_sidebar_color_bg_box {
    padding: 0;
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
}

.news_sidebar_color_bg_box .sidebar_tab_content{
    padding: 20px;
}

.sidebar_tab_switch {
    display: flex;
    margin-bottom: 10px;
    width: 100%;
}

.sidebar_tab_switch li{
    flex: 1;
    border: 1px solid var(--gray3)
}
.sidebar_tab_switch li a {
    display: block;
    text-decoration: none;
    color: #0089B7;
    font-weight: bold;
    border-bottom: 2px solid rgba(0, 137, 183, 0.00);
    padding: 10px 5px;
    text-align: center;
    transition: .3s;
}

.sidebar_tab_switch li.uk-active a {
    background: var(--blue);
    color: #fff;
}

.sidebar_link_box {
    text-decoration: none;
    color: inherit;
    position: relative;
    height: 100%;
    display: block;
    padding-bottom: 10px;
}


.sidebar_link_box_flex {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.sidebar_link_box_flex_left {
    width: 55px;
}

.sidebar_link_box_flex_right {
    width: calc(100% - 70px);
}

.sidebar_link_body {
    margin-bottom: 20px;
    padding-bottom: 0;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
}

.sidebar_link_box .news_ichiran_link_title {
    font-size: .95em;
}

.sidebar_link_box:hover .news_ichiran_link_title {
    text-decoration: underline;
}

.sidebar_tab_content .more_link_btn_body {
    margin-top: 30px;
}

.sidebar_tab_content .more_link_btn {
    padding: 8px;
    font-size: .95em;
    max-width: 300px;
    transition: .3s;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

.news_ichiran_link .news_ichiran_cat_li,
.sidebar_tab_content .news_ichiran_cat_li {
    background: #0089b7;
    color: #fff;
    border: 1px solid #0089b7;
}

.sidebar_tab_content .news_ichiran_cat_ul {
    font-size: .9em;
}

.news_ichiran_link_news_archive_page .news_ichiran_link_img {
    padding-top: 40%;
}

.news_archive_page_link_grid>*:nth-child(1),
.news_archive_page_link_grid>*:nth-child(2),
.news_archive_page_link_grid>*:nth-child(3) {
    width: 100%;
}

.news_archive_page_link_grid>*:nth-child(4),
.news_archive_page_link_grid>*:nth-child(5),
.news_archive_page_link_grid>*:nth-child(6) {
    width: 33.33%;
}

.news_archive_page_link_grid>*:nth-child(1) .news_ichiran_link_img_none,
.news_archive_page_link_grid>*:nth-child(2) .news_ichiran_link_img_none,
.news_archive_page_link_grid>*:nth-child(3) .news_ichiran_link_img_none {
    background-size: 50% !important;
}

.news_ichiran_link_lead {
    display: none;
}


.siborikomi_box {
    padding-bottom: 40px;
}

.siborikomi_box ul {
    padding-left: 0;
    text-align: center;
}

.siborikomi_box_works ul {
    text-align: left;
}

.siborikomi_box .searchandfilter ul li {
    padding: 0;
}

.siborikomi_box_works .searchandfilter ul li {
    margin-top: 10px;
}

.sf-field-taxonomy-works_cat2,
.sf-field-taxonomy-works_cat {}

.sf-field-taxonomy-news_cat,
.sf-field-taxonomy-a_tag,
.sf-field-taxonomy-teacher_group {
    margin-top: 15px !important;
}

.sf-field-taxonomy-news_cat2:before,
.sf-field-taxonomy-news_cat:before,
.sf-field-taxonomy-a_cat:before,
.sf-field-taxonomy-a_tag:before,
.sf-field-taxonomy-teacher_gakurui:before,
.sf-field-taxonomy-teacher_group:before,
.sf-field-taxonomy-taikenki_cat_01:before,
.sf-field-taxonomy-taikenki_cat_02:before,
.sf-field-taxonomy-taikenki_cat_03:before {
    font-weight: normal;
    font-size: 1.3em;
    display: block;
    font-weight: bold;
    color: #0089b7;
}

.sf-field-taxonomy-news_cat2:before,
.sf-field-taxonomy-a_cat:before {
    content: "学域・学類";
}

.sf-field-taxonomy-news_cat:before,
.sf-field-taxonomy-a_tag:before {
    content: "Category";
}

.sf-field-taxonomy-teacher_gakurui:before {
    content: "学類";
    margin-bottom: 5px;
}

.sf-field-taxonomy-teacher_group:before {
    content: "研究グループ";
    margin-bottom: 5px;
}

.sf-field-taxonomy-taikenki_cat_01:before {
    content: "学域・学類";
}

.sf-field-taxonomy-taikenki_cat_02:before {
    content: "留学先";
}

.sf-field-taxonomy-taikenki_cat_03:before {
    content: "留学プログラム";
}

.siborikomi_box_news_cat:before {
    margin-bottom: 5px;
}

.sf-field-taxonomy-works_cat2 ul,
.sf-field-taxonomy-works_cat ul {}

.siborikomi_box_news_cat .searchandfilter ul ul {
    text-align: left;
}

.siborikomi_box_news_cat .searchandfilter ul ul>li {
    text-align: center;
    width: 24%;
    display: inline-block;
    margin-left: 1.333%;
    margin-bottom: 10px;
}

.siborikomi_box_news_cat .searchandfilter ul ul>li:nth-child(4n-3) {
    margin-left: 0;
}

.sf-item-0 {
    display: none !important;
}

.sf-field-reset {
    margin-top: 25px !important;
    text-align: center;
    font-size: .9em;
}

.sf-field-reset a {
    display: inline-block;
    background: #565656;
    color: #fff;
    text-decoration: none;
    padding: 5px 20px;
    transition: .3s;
}

.sf-field-reset a:hover {
    opacity: .6;
}

.siborikomi_box input.sf-input-checkbox,
.siborikomi_box input.sf-input-radio {
    display: none;
}

.siborikomi_box label.sf-label-checkbox,
.siborikomi_box label.sf-label-radio {
    position: relative;
    width: 100%;
}

/*.siborikomi_box label.sf-label-checkbox:before{
    position: absolute;
    content: "\f096";
    font-family: FontAwesome;
    left: 0;
    color: #aaa;
    font-size: 1.5em;
    top: -.25em;}
.siborikomi_box li.sf-option-active label.sf-label-checkbox:before{
	content:"\f046";
color: #777;}*/
.searchandfilter .sf-count,
.searchandfilter .sf-date-postfix {
    padding-left: 2px !important;
}

label.sf-label-checkbox,
label.sf-label-radio {
    display: block;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
    border-radius: 5px;
    padding: 10px !important;
    font-size: 1.1em;
    cursor: pointer;
    transition: .3s;
    letter-spacing: -.04em;
}

label.sf-label-checkbox:hover,
label.sf-label-radio:hover {
    background: #0089b7;
    color: #eee;
}

li.sf-option-active label.sf-label-checkbox,
li.sf-option-active label.sf-label-radio {
    background: #0089b7;
    color: #eee;
}

.siborikomi_box_works .searchandfilter ul ul {
    display: flex;
    margin: 0 !important;
    flex-wrap: wrap;
}

.siborikomi_box_works .searchandfilter ul ul>li {
    text-align: center;
    width: 24%;
    margin-left: 1.333%;
}

.siborikomi_box_works .searchandfilter ul ul>li:nth-child(4n-2) {
    margin-left: 0;
}

li.sf-level-0 {
    margin-right: 0 !important;
}

li.sf-level-0:last-child {
    margin-right: 0 !important;
}


.animation_slow {
    animation-duration: .8s !important;
}

.news_cat_span_border {
    background: #fff;
    border: 1px solid #0089b7;
    color: #0089b7;
}

.articles_tag_list_bg_blue.articles_tag_list a {
    background: #0089b7;
    color: #fff;
}

.blue_bg_item {
    background: #0089b7 !important;
    color: #fff !important;
}

.news_single_data_box span {
    margin-top: 5px;
}

.tourism_design_logo_box {
    padding: 40px;
    background: #f3fbfb;
    border: 1px solid #10a7b0;
}

.sns_icon_link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sns_icon_link img {
    width: 40px;
}

#modal-search .gsc-input {
    height: 100% !important;
    padding-left: 6px !important;
    background-position: 6px center !important;
}

#modal-search .gsc-input-box {
    border: 1px solid #ccc;
    background: #fff;
    height: 40px;
}

#modal-search .gsc-search-button-v2 {
    padding: 6px 27px;
    height: 40px;
}

#modal-search .gsib_a {
    padding: 0;
}

.toppage_slider_slide_00 {
    background-image: url(/common/img/top/slider/slide00_bg.png);
}

.toppage_slider_slide_00_content {
    height: 100%;
    display: flex;
    align-items: center;
    padding-left: 4vw
}

.toppage_slider_slide_00_content img {
    width: auto;
    height: auto;
    max-height: 100%;
    display: inline;
}

@media (max-width: 529px) {
    .toppage_slider_slide_00_content img {
        width: 120%;
        margin-left: -10%;
        height: auto;
        max-height: none;
        max-width: none;
        display: inline;
    }
}

.subpage_head_bg_common {
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #0089B7;
    position: relative;
}

.subpage_head_bg_common:after {
    background-image: url(/common/img/bird1.svg);
    content: "";
    position: absolute;
    right: 5%;
    bottom: -80px;
    width: 200px;
    height: 200px;
    z-index: 11111;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer_link_list_flex {
    display: flex;
    flex-wrap: wrap;
}

.footer_link_list_flex>* {
    margin-right: 30px;
}

.footer_link_list_flex>*:last-child {
    margin-right: 0;
}

.news_ichiran_link_img_gakuiki {
    background-size: cover;
    background-position: center;
}

.news_ichiran_link_img_nc2_1 {
    background-image: url(/common/img/news/samune_bg_yuugou.png)
}

.news_ichiran_link_img_nc2_2 {
    background-image: url(/common/img/news/samune_bg_sendou.jpg)
}

.news_ichiran_link_img_nc2_3 {
    background-image: url(/common/img/news/samune_bg_tourism_design.png)
}

.news_ichiran_link_img_nc2_4 {
    background-image: url(/common/img/news/samune_bg_smart.jpg);
}

.news_border_box_public {
    margin-top: -40px;
    margin-bottom: 100px !important;
}


.tourism_main_img_caption {
    background: #DCF2F3;
    font-size: .6em;
    color: #555;
    padding: 1px 0 0 1px;
}

body.body_tourism .program_page_right_arrow_box,
body.body_tourism .subpage_content_title_blue_line span,
body.body_tourism .txt_inline_border_box,
body.body_tourism .news_title4 {
    border-color: var(--design) !important;
}

body.body_tourism .common_future_list li:before,
body.body_tourism .txt-blue,
body.body_tourism .txt_inline_border_box,
body.body_tourism .program_grid>div:before {
    color: var(--design) !important;
}

body.body_tourism .subpage_content_title_blue_bg {
    color: var(--design) !important;
    border-color: var(--design) !important;
}

body.body_tourism .subpage_content_title_blue_bg_point_span:after {
    border-top-color: var(--design) !important;
    border-right-color: var(--design) !important;
    border-bottom-color: var(--design) !important;
}

body.body_tourism .news_kugirisen_arrow:before {
    color: #c3e9eb !important;
}

body.body_smart .program_page_right_arrow_box,
body.body_smart .subpage_content_title_blue_line span,
body.body_smart .txt_inline_border_box,
body.body_smart .news_title4 {
    border-color: var(--smart) !important;
}

body.body_smart .common_future_list li:before,
body.body_smart .txt-blue,
body.body_smart .txt_inline_border_box,
body.body_smart .program_grid>div:before {
    color: var(--smart) !important;
}

body.body_smart .subpage_content_title_blue_bg {
    color: var(--smart) !important;
    border-color: var(--smart) !important;
}

body.body_smart .subpage_content_title_blue_bg_point_span:after {
    border-top-color: var(--smart) !important;
    border-right-color: var(--smart) !important;
    border-bottom-color: var(--smart) !important;
}

body.body_smart .news_kugirisen_arrow:before {
    color: #CDD5DB !important;
}

.common_box_red {
    background: #fff5f5;
    border: 1px solid #d91d1d;
    padding: 20px;
}

.after_none:after {
    display: none !important;
}

.ronbun_date_01 {
    color: #0089B7;
    font-weight: bold;
    margin-right: .7em;
}

.ronbun_date_01:after {
    /*content: " | ";
    color: #aaa;
    font-weight: normal;*/
}

.ronbun_date_02 {
    display: inline-block;
    color: #777;
}

.news_archive_page_link_body_v2 a {
    transition: .3s;
}

.news_archive_page_link_body_v2 a:hover {
    opacity: .6;
}

.news_archive_page_link_body_v2:nth-child(n+2) {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px dashed #bbb;
}

.news_archive_page_link_body_v2 .news_ichiran_link {
    padding: 10px 0;
}

.news_archive_page_link_body_v2:nth-child(n+2) .news_ichiran_link {}

.news_archive_page_link_body_v2 .news_ichiran_link_news_archive_page .news_ichiran_link_img {
    padding-top: 141.5%;
    margin-bottom: 0;

    background-size: contain;
    background-color: #fff;
    border: none;
}

.news_archive_page_link_body_v2_flex {
    display: flex;
    justify-content: space-between;
}

.news_archive_page_link_body_v2_flex_left {
    width: 23%;
}

.news_archive_page_link_body_v2_flex_right {
    width: 72%;
}

.news_archive_page_link_body_v2 .news_ichiran_link_lead {
    display: block;
    margin-top: 15px;
}

.news_archive_page_link_body_v2 .news_ichiran_link_title {
    font-size: 1.2em;
}

.news_archive_page_link_body_v2 .news_ichiran_link_more {
    text-align: right;
    font-family: Arial, Helvetica, "sans-serif";
    font-style: italic;
    margin-top: 10px;
    position: relative;
    bottom: 0;
    right: 0;
}

.news_archive_page_link_body_v2 .news_ichiran_link_date {
    position: absolute;
    top: 0;
    left: -10px;
    border: 1px solid rgba(255, 255, 255, .55);
}

.news_ichiran_link_img_width {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    border: 1px solid #0089b7;
    margin-bottom: 15px;
}

.news_ichiran_link_img_width .news_ichiran_link_img {
    border: none;
    padding-top: 141%;
    margin-bottom: 0;
}

.news_ichiran_link_toppage_v2 .news_ichiran_cat {
    margin-bottom: 8px;
}

.news_ichiran_link_toppage_v2 .news_ichiran_link_date {
    left: calc(50% - 120px);
    border: 1px solid rgba(255, 255, 255, .55);
}

.news_ichiran_link {
    transition: .3s;
}

.news_ichiran_link:hover {
    opacity: .6;
}



.news_archive_page_link_body_v2:last-child {
    margin-bottom: 50px;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}

.ronbun_grid>.uk-grid-margin {
    margin-top: 70px;
}

.anchor_point2 {
    padding-top: 80px;
}


.page_item.page_item_current a {
    font-weight: bold;
    color: #0089b7;
}

.page_item.page_item_current a:after {
    content: "";
    background: #0089b7;
    height: 3px;
    width: 100%;
    left: 0;
    bottom: -5px;
    position: absolute;
    display: block;
}

.anchor_point3 {
    padding-top: 50px;
    margin-top: -80px;
}

.body_smart .tourism_top_motomeru_3clm_grid_txt {
    background: #516372;
}

.body_smart .feature_program_flex>div:first-child {
    margin-right: auto;
}

.body_smart .feature_program_flex_img img {
    width: 294px;
    max-width: 90%;
}

.body_smart .feature_program_flex:after {
    width: 14%;
    margin-left: -7%;
    margin-top: -3%;
}

.modal_language_grid_width {
    max-width: 400px;
    margin: 20px auto 0;
    padding-bottom: 20px;
}

.modal_language_grid {
    text-align: center;
}

.modal_language_grid a {
    display: block;
    background: #888;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    transition: .3s;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
}

.modal_language_grid a:hover,
.modal_language_grid .current a {
    background: #0089b7;
}

.teacher_box2 {
    height: 100%;
    background: #fff;
    padding: 25px;
    border-radius: 10px;
}

.teacher_box2_pic_grid {
    display: flex;
    justify-content: space-between;
}

.teacher_box2_pic_grid_left {
    width: 195px;
}

.teacher_box2_pic_grid_right {
    width: calc(100% - 215px);
}

.teacher_box2_bunya {
    color: #fff;
    font-weight: bold;
    background: #2C6988;
    line-height: 1.3;
    padding: 6px 5px 6px;
    border-radius: 5px;
}

.teacher_box2_keyword_title {
    overflow: hidden;
    line-height: 1.4;
}

.teacher_box2_keyword_title span {
    padding-top: 1px;
    display: inline-block;
    text-align: center;
    width: 7em;
    color: #fff;
    font-size: .8em;
    position: relative;
    font-weight: bold;
}

.teacher_box2_keyword_title span strong {
    display: inline-block;
    z-index: 2;
    position: relative;
    background: #2983B2;
    width: 100%;
    padding: 3px 5px;
    border-radius: 5px;
}

/* .teacher_box2_keyword_title span:after {
    content: "";
    background: #2983B2;
    position: absolute;
    transform: rotate(33deg);
    display: block;
    width: 300px;
    height: 300px;
    top: -151px;
    z-index: 1;
    right: 10px;
} */

.teacher_box2_keyword_txt {
    line-height: 1.4;
    font-size: .90em;
    margin-top: 5px;
}

.teacher_box2_link_ul {
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -20px;
}

.teacher_box2_link_ul li {
    width: 50%;
    padding-left: 20px;
}

.teacher_box2_link_ul li:nth-child(n+3) {
    margin-top: 10px;
}

.teacher_box2_link_ul a {
    border: 1px solid #015281;
    background: #fff;
    color: #015281;
    text-decoration: none;
    font-weight: bold;
    padding: 5px 5px 5px 2px;
    transition: .3s;
    display: block;
    position: relative;
    border-radius: 5px;
}

.teacher_box2_link_ul a:hover {
    background: #015281;
    color: #fff;
}

.teacher_box2_link_ul a:before {
    content: "\f08e";
    font-family: FontAwesome;
    position: absolute;
    right: 10px;
}

.t_a_lab_url_2 a:after {
    content: "2";
}

.t_a_lab_url_3 a:after {
    content: "3";
}

.t_a_lab_url_4 a:after {
    content: "4";
}

.toppage_fixed_bnr_body {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 90;
}

.toppage_fixed_bnr_body a {
    display: block;
    border: 6px solid #0089b7;
    text-decoration: none;
    color: inherit;
    font-weight: bold;
    background: #fff;
}

.toppage_fixed_bnr_flex {
    display: flex;
    align-items: center;
}

.toppage_fixed_bnr_img img {
    width: 125px;
    border-right: 1px solid #ddd;

}

.toppage_fixed_bnr_txt_box {
    padding: 5px 20px;
    text-align: center;
}

.toppage_fixed_bnr_txt_01 {
    color: #0089b7;
    line-height: 1.3;
    font-size: 1.1em;
}

.toppage_fixed_bnr_txt_02 {
    display: inline-block;
    background: #0089b7;
    color: #fff;
    padding: 3px 15px;
    font-size: .80em;
    margin-top: 8px;
    transition: .3s;
}

.toppage_fixed_bnr_body a:hover .toppage_fixed_bnr_txt_02 {
    opacity: .6;
}

.toppage_fixed_bnr_txt_02:after {
    content: "\f0da";
    font-family: FontAwesome;
    margin-left: .7em;
}

.toppage_juuyou_body {
    padding: 30px 0 0;
    margin-top: 40px;
}

.toppage_juuyou_title {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
}

.toppage_juuyou_link {
    display: block;
    color: #001044;
    background: linear-gradient(90deg, rgba(255, 253, 226, 1) 20%, rgba(220, 242, 243, 1) 100%);
    padding: 15px;
    transition: .3s;
    text-decoration: none;
}

.toppage_juuyou_link_flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
}

.toppage_juuyou_link_list {
    margin-top: 15px;
}

.toppage_juuyou_link_list>*:nth-child(n+2) {
    margin-top: 15px;
}

.toppage_juuyou_link_flex_left {
    margin-right: auto;
    font-weight: bold;
}

.toppage_juuyou_link:hover .toppage_juuyou_link_flex_left {
    text-decoration: underline;
}

.ryugaku_taiken_switch_width {
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}

.ryugaku_taiken_switch {
    display: flex;
    text-align: center;
    border: 1px solid #007DAA;
}

.ryugaku_taiken_switch>* {
    width: 50%;
}

.ryugaku_taiken_switch a {
    display: block;
    text-decoration: none;
    font-weight: bold;
    color: #007DAB;
    padding: 14px;
    background: #fff;
    transition: .3s;
}

.ryugaku_taiken_switch a:hover {
    background: #DCF5FF;
}

.ryugaku_taiken_switch a.active {
    color: #fff;
    background: #007DAA;
    pointer-events: none;
}

.ryugaku_taiken_gray_grid {
    margin-top: 50px;
}

.ryugaku_taiken_gray_grid_box {
    padding: 35px 30px 45px;
    height: 100%;
    background: #fff;
    border-radius: 15px;
}

.ryugaku_taiken_gray_grid_box_title {
    position: relative;
    font-weight: bold;
    font-size: 1.6em;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.3;
}

.ryugaku_taiken_gray_grid_box_title:after {
    margin-top: .3em;
    content: "";
    background: #007DAA;
    width: 64px;
    height: 5px;
    display: block;
    margin-left: calc(50% - 32px);
}

.ryugaku_taiken_gray_grid_box_txt {
    margin-bottom: 1.2em;
    font-weight: bold;
}

.ryugaku_taiken_gray_grid_box_ul {
    list-style: disc;
    margin-left: 1.4em;
}

.ryugaku_taiken_sankou_width {
    max-width: 1030px;
    margin-left: auto;
    margin-right: auto;
}

.common_link_btn_02 {
    max-width: 494px;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    color: inherit;
    border: 1px solid #007DAA;
    font-weight: bold;
    padding: .8em;
    display: block;
    text-decoration: none;
    transition: .3s;
    background: #fff;
}

.common_link_btn_02:hover {
    background: #007DAA;
    color: #fff;
}

.taikenki_link_grid .news_ichiran_link_img_small {
    padding-top: 63.2%;
}

.taikenki_single_gray_box {
    margin: 45px 0 50px;
    background: #f0f0f0;
    padding: 30px 30px 20px;
}

.taikenki_single_gray_box ul {
    display: flex;
    flex-wrap: wrap;
    font-weight: bold;
}

.taikenki_single_gray_box ul>li {
    margin-bottom: 10px;
    min-width: 33.5%;
    padding-right: 10px;
}

.taikenki_single_gray_box ul>li span {
    color: #007DAB;
}

.taikenki_single_anke_box {
    margin: 80px 0 50px;
    background: #B8DCEA;
    padding: 30px 30px 40px;
    text-align: center;
    font-weight: bold;
}

.taikenki_single_anke_box_txt {
    font-size: 1.4em;
    margin-bottom: 20px;
}

.taikenki_single_anke_box_link a {
    display: inline-block;
    color: #fff;
    background: #0089B7;
    text-decoration: none;
    font-size: 1.3em;
    max-width: 600px;
    width: 100%;
    padding: 20px;
    transition: .3s;
}

.taikenki_single_anke_box_link a:hover {
    opacity: .6;
}



.movie_box {
    position: relative;
    width: 100%;
    border: 1px solid #ddd;
}

.movie_box:before {
    content: "";
    display: block;
    padding-top: 56.25%;
}

.movie_box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* 960px以上 */
@media (min-width: 960px) {

    .ml_ml10 {
        margin-left: 10px !important;
    }


    .ml_flex_wrap {
        flex-wrap: wrap;
    }

    .fl_r_pic {
        float: right;
        margin-bottom: 30px;
        margin-left: 30px;
    }

    .fl_l_pic {
        float: left;
        margin-bottom: 30px;
        margin-right: 30px;
    }

    /*------------------------------*/
    .tourism_top_motomeru_top_illust {
        position: absolute;
        top: -66px;
        right: 30px;
    }

    .tourism_top_motomeru_top_illust img {
        width: 230px;
    }


    .stripe_title_left,
    .stripe_title_main {
        display: inline-block;
        vertical-align: middle;
    }

    .stripe_title_left {
        margin-right: 20px;
    }

    .access_tbl th,
    .access_tbl td {
        border: 1px solid #ccc;
        padding: 10px 15px;
    }

    .access_tbl_th {
        width: 8em;
        background: #0e3d5d;
        color: #eee;
    }

    .access_tbl_td_01 {
        /* text-align: center; */
        font-weight: bold;
        color: #0e3d5d;
        width: 14em;
        background: #f1f4f6;
    }

    .access_tbl_td_01_w100 {
        width: auto;
    }

    .access_tbl_td_02 {
        width: 16em;
    }

    .feature_program_flex {
        display: flex;
        text-align: center;
        justify-content: space-between;
        margin-top: 20px;
        position: relative;
    }

    .feature_program_flex>div {
        width: 40%;
        display: flex;
        flex-direction: column;
    }

    .feature_program_flex:after {
        content: "";
        display: block;
        background-image: url(/common/img/about/feature/01_arrow.png);
        position: absolute;
        left: 50%;
        top: 0;
        height: 100%;
        width: 18%;
        margin-left: -9%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: -3%;
    }

    .feature_program_flex_title {
        line-height: 1.3;
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .feature_program_flex_img img {
        width: 400px;
        max-width: 90%;
    }

    .feature_program_flex_txt {
        text-align: left;
        margin-top: 25px;
    }


    .program_page_right_arrow_box:after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #0089B7;
        top: 50%;
        left: 100%;
        margin-top: -20px;
    }

    .koubo_tbl_td_ninzuu {
        text-align: center;
    }

    .news_top_grid {
        position: relative;
        min-height: 1300px;
    }


    .teacher_box2 {
        position: relative;
        padding-bottom: 140px;
    }

    .teacher_box2_link_body {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 110px;
        padding: 0 25px;
    }
}





@media (max-width: 959px) {
    .subpage_content_title_blue_line {
        font-size: 2.4rem;
    }

    .subpage_content_title_blue_bg {
        font-size: 2rem;
    }

    .teacher_box2_link_body {
        margin-top: 25px;
        max-width: 450px;
        margin-left: auto;
        margin-right: auto;
    }

    .feature_program_flex {
        text-align: center;
        margin-top: 50px;
        position: relative;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }

    .feature_program_flex>div:nth-child(2) {
        padding-top: 180px;
        position: relative;
    }

    .feature_program_flex>div:nth-child(2):after {
        content: "";
        display: block;
        background-image: url(/common/img/about/feature/01_arrow_sp.png);
        position: absolute;
        left: 0;
        top: 45px;
        height: 90px;
        width: 100%;
        margin-left: 0;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-top: 0;
    }

    .feature_program_flex_title {
        line-height: 1.3;
        font-weight: bold;
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .feature_program_flex_img img {
        width: 400px;
        max-width: 90%;
    }

    .feature_program_flex_txt {
        text-align: left;
        margin-top: 25px;
    }

}



@media (max-width: 640px) {

    label.sf-label-checkbox,
    label.sf-label-radio {
        padding: 5px !important;
        font-size: .9em;
    }

    .siborikomi_box_works .searchandfilter ul ul>li {
        width: 49%;
        margin-left: 2%;
    }

    .siborikomi_box_works .searchandfilter ul ul>li:nth-child(3n-1) {
        margin-left: 2%;
    }

    .siborikomi_box_works .searchandfilter ul ul>li:nth-child(2n) {
        margin-left: 0;
    }

    .teacher_box2_pic_grid_left {
        width: 100px;
    }

    .teacher_box2_pic_grid_right {
        width: calc(100% - 110px);
    }

    .teacher_box2 {
        padding: 13px;
    }

    .teacher_box2_link_ul {
        font-size: .8em;
        margin-left: -5px;
    }

    .teacher_box2_link_ul li {
        padding-left: 5px;
    }

    .teacher_box2_link_ul li:nth-child(n+3) {
        margin-top: 5px;
    }

    .teacher_box2_link_ul a {
        padding: 5px 5px 5px 0;
    }

    .teacher_box2_link_ul a:before {
        font-size: .8em;
        right: 3px;
    }
}