@charset "utf-8";
/* ===================================================================
style info : info.css
=================================================================== */
/* common */
.center{text-align:center;}
.txt_r{text-align:right;}
.ttl_01{background:url(/img/info/icon.png) no-repeat 0 0 #3A94C5;color:#fff;font-size:117%;font-weight:bold;text-align:left;padding:6px 0 6px 45px;}
.ttl_02{background:url(/img/info/icon_01.gif) no-repeat 0 center;color:#1b4179;font-weight:bold;font-size:138.5%;text-align:left;line-height:1.4;min-height:35px;padding-left:44px;margin:20px 0;}
.ttl_02_s{background:url(/img/info/icon_01.gif) no-repeat 0 center;color:#1b4179;font-weight:bold;font-size:138.5%;text-align:left;line-height:1.4;min-height:35px;margin:20px 0;padding:5px 0 0 44px;}
.special_col .ttl_02{
    padding-left: 38px;
}
.ttl_02 small{
    display: block;
    padding-bottom: 2px;
    font-size:11px;
    font-weight: bold;
    color: #e48b2f;
}
.special_col .ttl_02 small{
    padding-left: 8px;
}
.ttl_02_txt{
    padding:0 0 0 46px;
    margin:-15px 0 20px;
    line-height:1.4;
}
a .ttl_03{color:#3a94c5;font-size:108%;font-weight:bold;text-align:left;}
a .ttl_03 span{display:block;color:#1b4179;font-size:93%;font-weight:bold;}
.ttl_04{background:#ddecf4;color:#3a94c5;font-size:108%;font-weight:bold;text-align:left;margin-bottom:20px;padding:10px 2%;}
.ttl_05{color:#3a94c5;font-size:108%;font-weight:bold;text-align:center;border-top:3px solid #ddecf4;border-bottom:3px solid #ddecf4;margin-bottom:10px;padding:10px 0;}
.ttl_06{color:#3a94c5;font-weight:bold;text-align:left;margin-bottom:5px;}
.inner{width:94%;padding-bottom:30px;margin:0 auto;}
.col_l{float:left;}
.col_r{float:right;}
p{text-align:left;}
.footNavi{display:block;background:#1b4179;color:#fff;text-align:center;padding:20px 0;}
.footNavi span{background:url(/img/info/icon_04.gif) no-repeat 0 0;color:#fff;font-size:108%;font-weight:bold;padding-left:27px;}
.menu01 li{float:left;background:url(/img/info/icon_02.gif) no-repeat 96.5% center #ddecf4;width:50%;border-right:1px solid #fff;border-bottom:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 4.5% 10px 1.5%;}
.menu02 {width:100%;margin-bottom:30px;}
.menu02 li{float:left;width:16.66%;border-right:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.menu03 li{float:left;background:url(/img/info/icon_02.gif) no-repeat 96.5% center #ddecf4;width:50%;border-right:1px solid #fff;border-bottom:1px solid #fff;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:10px 4.5% 10px 1.5%;}
.menu03 li p {font-size:93%;line-height:1.4;height:100%;white-space: nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
#main .l_img{float:left;width:20%;margin-right:10px;}
.r_tx{float:left;width:73.5%;}
.r_tx p{font-size:93%;line-height:1.4;}
a[href],
.r_tx p a[href]{color:#3c3c3c;}
.menu01,.img img{width:100%;}
#main .l_img_info{float:left;width:20%;margin-right:10px;margin-left:10px;}



/*-------------------------------
padding / margin
-------------------------------*/
.pb20{padding-bottom:20px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}

.orange {color: #e48b2f;}
.light-blue {color: #3a94c6;}
.red {color: #d70000;}
.wavy {padding-bottom: 4px;background: url(/img/info/wavy.gif) left bottom repeat-x;}

/* work.tpl */
#work .inner{padding-bottom:30px;}
#work .menu_btm .work_img{text-align:center;margin:20px 0;}
#work .link_banner {margin: 20px auto 0; width: 100%;}
#work .link_banner img {width: 100%;height: auto;}

/* basic.tpl */
#basic .img{margin-bottom:20px;}
.basic_sec{margin-bottom:50px;}
#basic .arrow{text-align:center;margin:20px 0;}
#basic .arrow img{
    max-width: 30px;
    margin: 0 auto;
}
#step_tw .col_l,#step_tw .col_r{width:48%;}
.step_ttl_01{vertical-align:top;margin-right:15px; max-width: 68px;}
.step_ttl_02{display:block;margin:0 auto 5px; max-width: 133px;}

/* manner.tpl */
#manner .ttl_03{line-height:1.3;margin-bottom:3px;}
#manner .ttl_05{margin:20px 0;}
#manner .txt_01{margin:30px 0 50px;}
#manner .txt_02{margin-bottom:15px;}
#manner .txt_03{line-height:1.4;}
#manner .txt_04{line-height:1.4;margin-bottom:20px;}
#manner .l_img{margin-top:15px;}

/* manner/02.tpl */
#manner table.talkManner{border-top:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:50px;}
#manner table.talkManner th{border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 1%;background-color:#ddd;}
#manner table.talkManner .td_tl{width:15%;}
#manner table.talkManner td{text-align:left;border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:5px 1%;}
#manner table.talkManner .td_tx00{width:40%;}
#manner table.talkManner .td_tx01{width:25%;}
#manner table.talkManner .td_tx02{border-right:1px solid #ccc;width:20%;}

/* manner/03.tpl */
#manner .copy{color:#1b4179;font-weight:bold;line-height:1.4;margin-bottom:20px;}
.manner_img_01{float:right;width:16.5%;margin:0 4% 10px 8.5%;}
.box_01,.box_01_last{background:#fffbcd;margin:10px 0;padding:10px 2%;}
.box_01 img,.box_01_last img{float:left;margin-right:1.5%;}
.box_01 p,.box_01_last p{color:#1b4179;font-weight:bold;}
.box_01_last{margin-bottom:50px;}
.box_02{background:#fffbcd;text-align:right;margin:10px 0;padding:10px 2%;}
.box_02 img{float:right;margin-left:1.5%;}
.box_02 p{color:#1b4179;text-align:right;font-weight:bold;padding-top:5px;}

/* manner/05.tpl */
.manner_img_02{float:right;width:21%;margin-left:7.8%;}
#manner .ojigi_manner{border-top:1px solid #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;margin-bottom:20px;}
#manner .ojigi_manner .td_tl{width:21%;}
#manner .ojigi_manner td{text-align:left;border-left:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px 3%;}
#manner .ojigi_manner .td_tx00{width:63%;}
#manner .ojigi_manner .td_tx01{border-right:1px solid #ccc;width:16%;}

/* work/point.tpl */
#point .l_img{margin-top:20px;}
#point .l_img_list{
    margin-top:20px;
    margin-left: 10px;
}

/* work/careerchange.tpl */
.careerchange .l_img {
    margin:5px 10px 5px 0;
}
.careerchange .r_tx {
    margin-top:2px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
    #main .careerchange .l_img{
        width:15%;
        min-width:50px;
    }
}

/* member - explanation.tpl */
#explanation .lead{
    padding: 20px;
    margin-bottom: 40px;
    border: 1px solid rgba(255,25,0,.3);
    background: #ffeae8;
}
#explanation .lead .ttl{
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    color: #f20;
}
#explanation .lead p{
    text-align: center;
    font-size: 13px;
}
#explanation ul{
    margin: -5px -15px;
}
#explanation ul li{
    float: left;
    width: 50%;
    padding: 5px 15px;
}
#explanation ul li p{
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 5px;
}
#explanation .link {
    display: block;
    position: relative;
    padding: 7px 10px;
    font-size: 14px;
    color: #3b94c6;
    background: #ddedf4;
    cursor: pointer;
}
#explanation .link:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
    width: 12px;
    height: 12px;
    margin: -6px 0 0;
    border-top: 2px solid #9fb7cf;
    border-right: 2px solid #9fb7cf;
    transform: rotate(45deg);
}
#explanation .link span {
    display: block;
    position: relative;
    padding: 0 20px 0 34px;
    font-weight: 700;
}
#explanation .link span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 25px;
    height: 25px;
    margin: -13px 0 0;
}
#explanation .link_login span:before {
    background:url(/img/index/link_login_ic01.svg) no-repeat 50% 50% / contain;
}
#explanation .link_regist span:before {
    background:url(/img/index/link_regist_ic01.svg) no-repeat 50% 50% / contain;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
    #explanation .lead{
        padding: 15px;
        margin-bottom: 15px;
    }
    #explanation ul li{
        float: none;
        width: 100%;
    }
}
@media screen and (min-width: 0px) and (max-width: 480px) {
    #explanation .lead p{
        text-align: left;
    }
    #explanation .lead p br{
        display: none;
    }
}


/* voice ====================================== */
#voice .voice_head{background:#ddecf4;text-align:left;padding:10px;}
#voice .voice_head h4{color:#3a94c5;font-size:16px;font-weight:bold;}
#voice .voice_head .txt{border-bottom:#FFF solid 1px;margin:0 -10px 10px;padding:0 10px 10px;}
#voice .voice_head .clearfix{position:relative;min-height:60px;}
#voice .voice_head .left{position:absolute;top:0;left:0;float:none;}
#voice .voice_head .right{display:block;width:auto;padding-left:70px;float:none;}
#voice .voice_head .right dt{color:#3a94c5;font-size:12px;font-weight:bold;}
#voice .voice_content{margin:20px 0;}
#voice .voice_content dl{text-align:left;}
#voice .voice_content dt{display:block;width:auto;min-height:26px;border-top:#ddecf4 solid 3px;border-bottom:#ddecf4 solid 3px;background:url(/img/info/voice_ico_q.png) 5px 50% no-repeat;padding:10px;}
#voice .voice_content dt span{display:table-cell;min-height:26px;vertical-align:middle;color:#1b4179;font-size:14px;font-weight:bold;padding-left:20px;}
#voice .voice_content dd{padding-left:60px;background:url(/img/info/voice_ico_a.png) 0 0 no-repeat;margin:15px 5px;}

/* life top ====================================== */
#lift_top .top_list{background:#ddecf4;}
#lift_top .cell{width:50%;float:left;display:block;}
#lift_top .cell a{display:block;position:relative;color:#333;background:url(/img/info/icon_02.gif) no-repeat 96.5% 50%;}
#lift_top .cell .odd{border-right:#FFF solid 1px;}
#lift_top .cell .top{border-bottom:#FFF solid 1px;}
#lift_top .cell img{position:absolute;top:10px;left:10px;}
#lift_top .cell dl{display:block;width:auto;text-align:left;padding:10px 10px 10px 80px;}
#lift_top .cell dt{color:#3a94c5;font-weight:bold;font-size:12px;margin-bottom:5px;}
#lift_top .cell dd{line-height:1.3;font-size:11px;}
#lift_top .top_box{text-align:left;margin-top:30px;}
#lift_top .top_box h4{background:#ddecf4;color:#3a94c5;font-size:14px;font-weight:bold;padding:10px;}
#lift_top .top_box_in{display:block;width:100%;min-height:250px;margin-top:15px;position:relative;}
#lift_top .left{float:left;width:70.5%; padding-right:20px;}
#lift_top .right{float:right;width:29.4%;}
#lift_top .right img{width:100%;height:auto;}

/* life under ====================================== */
#lift_under .pnav{margin-bottom:20px;}
#lift_under .pnav li{float:left;width:25%}
#lift_under .pnav li a{display:block;border-left:#FFF solid 1px;}
#lift_under .pnav li img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;}
#lift_under .under_box{text-align:left;}
#lift_under .under_box h4{background:#ddecf4;font-size:14px;font-weight:bold;color:#3a94c5;margin-bottom:15px;padding:10px;}
#lift_under .top_under_in{margin-bottom:20px;background-position:100% 0;background-repeat:no-repeat;min-height:280px;padding-right:180px;}
#lift_under .under01{background-image:url(/img/info/life_01.jpg);}
#lift_under .under02{background-image:url(/img/info/life_02.jpg);}
#lift_under .under03{background-image:url(/img/info/life_03.jpg);}
#lift_under .under04{background-image:url(/img/info/life_04.jpg);}
#lift_under .top_under_in h5{color:#1b4179;font-weight:bold;font-size:13px;line-height:1.5em;margin-bottom:15px;}
#lift_under p.sc{margin-bottom:30px;}
#lift_under p.sc img{display:block;width:auto;height:auto;max-width:100%;margin:0 auto;}

/* word ====================================== */
#word .block{margin-bottom:20px;}
#word .item{margin-bottom:20px;text-align:left;}
#word .item dt{margin-bottom:5px;color:#3a94c5;background:#ddecf4;font-size:13px;font-weight:bold;padding:5px 10px;}
#word .item dd.min{color:#3a94c5;font-size:12px;font-weight:bold;margin-top:10px;}
#word .item dd{margin-bottom:5px;padding:0 5px;}

/* point under ====================================== */
#point_under{}
#point_under .under_box{text-align:left;margin-bottom:50px;}
#point_under .pnav{margin-bottom:15px;}
#point_under .pnav li{float:left;width:16.666%;}
#point_under .pnav li a{display:block;border-right:#FFF solid 1px;border-bottom:#FFF solid 1px; cursor:pointer;}
#point_under .pnav li img{width:100%;height:auto;max-width:100%;}
#point_under .under_box h4{color:#1b4179;font-size:26px;font-weight:bold;margin-bottom:10px;}
#point_under .under_box h4 span{color:#3a94c5;font-weight:bold;margin-right:5px;}
#point_under .list{margin:20px 0;}
#point_under .list p{float:left;width:25.4%;}
#point_under .list p img{width:100%;height:auto;}
#point_under .list ul{float:right;width:74.5%;padding-left:10px;}
#point_under .list li{font-size:18px;font-weight:bold;color:#3a94c5;min-height:18px;padding-left:25px;background:url(/img/info/icon_05.png) 0 50% no-repeat;margin:10px 0;}
#point_under h5{color:#3a94c5;font-size:14px;font-weight:bold;margin-bottom:10px;background:#ddecf4;padding:5px 10px;}
#point_under .mb{margin-bottom:15px;}
#point_under .point2_item{margin-bottom:10px;}
#point_under .point2_item dt{color:#3a94c5;font-weight:bold;margin-bottom:5px;}
#point_under .point2_item_2{margin-right:-2%;}
#point_under .point2_item_2 li{float:left;width:32%;margin-right:1%;text-align:center;}
#point_under .point2_item_2 li img{width:auto;height:auto;max-width:100%;}
#point_under .mb img {max-width:100%;}
#point_under .para{padding-left:1em;text-indent:-1em;display:inline-block;}
#point_under .cyan{color:#3a94c5;}

/* careerchange under ====================================== */
#careerchange_under {}
#careerchange_under .under_box {text-align:left;margin-bottom:50px;}
#careerchange_under .under_box h4 {color:#1b4179;font-size:26px;font-weight:bold;margin-bottom:10px;}
#careerchange_under .under_box h4 span {color:#3a94c5;font-weight:bold;margin-right:5px;}
#careerchange_under h5 {color:#3a94c5;font-size:14px;font-weight:bold;margin-bottom:10px;background:#ddecf4;padding:5px 10px;}
#careerchange_under .mb15 {margin-bottom:15px;}
#careerchange_under .careerchange_outline {padding:10px 15px;font-size:14px;background-color:#ddecf4;}
#careerchange_under .careerchange_outline dt {display: block;color:#1b4179;margin-bottom:5px;font-weight:bold;}
#careerchange_under .careerchange_outline dd {color: #3a94c5;text-indent:-.5em;margin-bottom: 2px;font-weight:bold;text-align: left;}
#careerchange_under .careerchange_item dt {color:#3a94c5;font-size:14px;font-weight:bold;margin-bottom:5px;}
#careerchange_under .para {padding-left:1em;text-indent:-1em;display:inline-block;}
#careerchange_under .bd_mk {position:relative;line-height:1.8;padding-bottom:4px;background: linear-gradient(transparent 50%, #b0d4e8 0%);}
#careerchange_under .cyan {color:#3a94c5;}
#careerchange_under .red {color:#d70000;}
#careerchange_under .para {margin:3px 0;}
#careerchange_under .wavy {padding-bottom:6px;}




/* matching */
#flashcontents{width:100%;height:450px;}
#noflash{text-align:center;background:#ddecf4;padding:20px 0;}
#noflash span{color:#3a94c5;}
#noflash img{display:block;margin:25px auto 0;}


/* interview ====================================== */
#interview .inner{padding-top:20px;}
#interview h3 img{width:auto;height:auto;max-width:100%;}
#interview .list{padding-top:6px;background:url(/img/info/interview_border_top.png) 0 0 repeat-x;margin:20px 0;}
#interview .list_inner{padding-bottom:6px;background:url(/img/info/interview_border_top.png) 0 100% repeat-x;}
#interview .list a{display:block;width:100%;border-top:#d6e8ec solid 1px;position:relative;background:url(/img/info/interview_arw.png) 98% 50% no-repeat;padding:20px 10px;}
#interview .list p{position:absolute;top:50%;left:10px;display:block;width:auto;height:34px;line-height:34px;margin-top:-17px;color:#FFF;font-weight:bold;background:#3a94c5;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;padding:0 10px;}
#interview .list dl{text-align:left;margin-left:75px;color:#1b4179;}
#interview .list dt{font-size:16px;font-weight:bold;}


/* interview detail ====================================== */
#interview_detail{text-align:left;}
#interview_detail h3{min-height:65px;background:url(/img/info/interview_head_ico.gif) 0 50% no-repeat;padding:30px 0 30px 85px;}
#interview_detail h3 img{width:auto;height:auto;max-width:100%;vertical-align:middle;}
#interview_detail .top{padding-top:25px;background:url(/img/info/interview_border_under.png) 0 0 repeat-x;}
#interview_detail .top_inner{background:url(/img/info/interview_border_under_full.png) 50% 100% no-repeat;padding:0 10px 50px;}
#interview_detail .top_inner img{display:block;width:auto;height:auto;max-width:100%;margin:20px auto 0;}
#interview_detail .block{display:block;width:auto;margin:30px 0 20px;}
#interview_detail .qes{color:#298ec4;font-size:16px;padding-left:24px;margin-bottom:10px;font-weight:bold;background:url(/img/info/interview_ico_2.png) 0 0 no-repeat;}
#interview_detail .item{display:block;width:100%;position:relative;margin-bottom:20px;}
#interview_detail .item dt{position:absolute;top:0;left:0;color:#FFF;display:block;text-align:center;width:60px;height:30px;line-height:30px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;background:url(/img/info/interview_wipe_bg.png);}
#interview_detail .item dd{margin-left:80px;min-height:30px;}
#interview_detail .photo{text-align:center;}
#interview_detail .photo img{width:auto;height:auto;max-width:100%;margin:0 auto;}



/* news / qes listpage  */
.infolist_inner {text-align:left;padding:18px;}
.infolist_inner .head_img{border:#d3d6d8 solid 1px;margin-bottom:15px;}
.infolist_inner .head_img img{width:100%;height:auto;}
.infolist_inner .head_txt{margin-bottom:15px;}

.infolist_inner .total_nav{margin:15px 0;}
.infolist_inner .total_nav .fl_l{float:left;height:26px;line-height:26px;}
.infolist_inner .total_nav .fl_l span{color:#5cb7e9;font-weight:bold;text-align:center;padding:0 3px;}
.infolist_inner .total_nav .fl_r{float:right;}
.infolist_inner .total_nav .fl_r a{display:block;height:26px;line-height:26px;border:#d3d6d8 solid 1px;background:#f9fafa;color:#eb9455;padding:0 6px;}
.infolist_inner .entry{width:100%;height:auto;border:#d3d6d8 solid 1px;margin:20px 0;}
.infolist_inner .entry a{display:block;padding:10px 10px 0;}
.infolist_inner .entry dl{padding-right:70px;background-position:100% 0; background-repeat:no-repeat;}
.infolist_inner .entry .qes dl{background-image:url(/img/info/list_thum_1.png);}
.infolist_inner .entry .news dl{background-image:url(/img/info/list_thum_2.png);}
.infolist_inner .entry dt{
    min-height:22px;
    margin-bottom:5px;
    color:#1b4179;
    font-size:14px;
    font-weight:bold;
    padding-left:20px;
    background:url(/img/info/list_ico_note.png) 0 50% no-repeat;
}
.infolist_inner .entry dd{color:#333;}
.infolist_inner .entry dd.date{font-size:10px;margin-top:5px;color:#1b4179;}
.infolist_inner .entry p{
    margin:5px -10px 0;
    padding:10px 10px;
    color:#1b4179;
    font-weight:bold;
    background:url(/img/info/list_ico_arrow.png) 98% 50% no-repeat #f8f8f8;
}




/* qes */
.infolist_inner .qes{width:100%;height:auto;}
.infolist_inner div.qes{ border:#d3d6d8 solid 1px;}
.infolist_inner .qes .str{ display:block; margin:20px auto 0;}
.infolist_inner .qes .img{ display:block; margin:20px auto 0; text-align:center;}
.infolist_inner .qes .img img{height:auto;width:100%; border:#d3d6d8 solid 1px;}
.infolist_inner .qes_in{padding:20px;}
.infolist_inner .qes dt{min-height:22px;margin-bottom:5px;color:#1b4179;font-size:14px;font-weight:bold;padding-left:20px;background:url(/img/info/list_ico_note.png) 0 50% no-repeat;}
.infolist_inner .qes dd.date{padding-left:20px;}
.infolist_inner .qes dd.txt{padding-top:10px;}
.infolist_inner #ans{margin-top:20px;}
.infolist_inner #ans_trgger{background:#3a94c5;}
.infolist_inner #ans_trgger a{display:block;cursor:pointer;color:#FFF;font-size:14px;font-weight:bold;background:url(/img/info/qes_ans.png) 18px 45% no-repeat;padding:15px 15px 15px 65px;}
.infolist_inner #ans_trgger span{line-height:1;display:block;background:url(/img/info/qes_arw_down.png) 100% 50% no-repeat;}
.infolist_inner .ans_cont{overflow:hidden;height:0;}
.infolist_inner .ans_cont_in{background:#ddecf4;padding:15px;}
.infolist_inner .qes .ans_cont_in .img{margin:10px auto;}


.infolist_inner .relist{
    margin-top:20px;

}
.infolist_inner .relist a{
    display: block;
    background: #1b4179;
    color: #fff;
    text-align: center;
    padding: 20px 0;
}

.infolist_inner .relist a span{
background: url(/img/info/icon_04.gif) no-repeat 0 0;
color: #fff;
font-size: 108%;
font-weight: bold;
padding-left: 27px
}


/* scholarship support ====================================== */

/* case.tpl */
#case .img{margin-bottom:20px;}
#case img{max-width:100%;}
.case_sec{margin-bottom:30px;}
#case .arrow{text-align:center;margin:20px 0;}
#case .arrow img{
    max-width: 30px;
    margin: 0 auto;
}



/* scholarship ====================================== */
.center {text-align: center;}
.scholarship_inner {padding: 20px;width: 100%;font-size: 13px;}
.scholarship_inner h3 img {width: 100%;height: auto;}
.scholarship_box.conditions div {display: table-cell;padding: 10px;vertical-align: middle;}
.scholarship_box.conditions .left {background-color: #1d4279;color: #fff;min-width: 190px;}
.scholarship_box.conditions .right {background-color: #f5f5f5;color: #1d4279;width: 70%;text-align: left;padding-left: 40px;}
.scholarship_box.conditions .right ul li {font-weight: bold;list-style-type: disc;}
.scholarship_box.notice {background: url(../img/info/scholarship_notice_icon.png) no-repeat left top;padding-left: 57px;}
.ttl_07 {background-color: #1d4279;color: #fff;font-weight: bold;text-align: left;padding: 7px 14px;font-size: 14px;}
.region_item {float: left;padding: 10px;padding-left:30px;font-weight: bold;border-right: 1px solid #fff;background: #f5f5f5 url(../img/info/scholarship_region_item_bg.png) no-repeat left 10px center;cursor: pointer;}
.region_item.active {background: #3a94c6 url(../img/info/scholarship_region_item_bg_ac.png) no-repeat left 10px center;color: #fff;}
.region_item.first {padding:10px;background: #f5f5f5;}
.region_item.first.active {background: #3a94c6;color: #fff;}
.contact {background-color: #3a94c6;text-align: center;border-radius: 10px;width: 50%;margin: 0 auto 30px;}
.contact a {display:block; padding: 15px;color: #fff;font-weight: bold;cursor: pointer;}
.scholarship_info {border-top: 1px solid #d6d7d9;border-left: 1px solid #d6d7d9;width: 100%;font-size: 12px;}
.scholarship_info thead th {background: #f5f5f5;}
.scholarship_info tr {border-bottom: 1px solid #d6d7d9;}
.scholarship_info th,
.scholarship_info td {border-right: 1px solid #d6d7d9;padding: 5px;text-align: left;vertical-align: middle;}
.scholarship_info td.check {text-align: center;}
.scholarship_info td .type {color: #6c6c6c;}


/* zaitaku ====================================== */
.border {position: relative;}
.border:before {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    height: 4px;
    width: 100%;
    background-color: #eee;
    border-radius: 2px;
}
.border.top:before {top: -2px;}
.border.btm:before {bottom: -2px;}
.ttl_01.zaitaku{background-image:url(/img/info/icon_zaitaku.png);}
.zaitaku_inner h3 img {max-width: 100%;height: auto;}
.zaitaku_inner {position:relative;padding: 20px;width: 100%;font-size: 13px;}
.zaitaku_box {padding: 0 20px;}
.zaitaku_box .left,
.zaitaku_box .right {display: table-cell;vertical-align: top;}
.zaitaku_box .left {padding: 10px 10px 0 0;}
.check_list li {
    text-align: left;
    padding:15px 15px 15px 55px;
    margin-bottom: 20px;
    font-size:16px;
    font-weight: bold;
    background: url(/img/info/zaitaku/check_or.png) left 15px center no-repeat;
    border:1px solid #9cc9e2;
    border-radius: 4px;
}
.report_list li {padding: 20px 0;}
.report_list li a {display: table;width: 100%;}
.report_num {
    display: table-cell;
    vertical-align: middle;
    padding:0 0 0 65px;
    width: 165px;
    font-size: 28px;
    font-weight: bold;
    color: #e48b2f;
    background: url(/img/info/zaitaku/report_num_bg.png) left 20px center no-repeat;
}
.report_txt {display: table-cell;vertical-align: middle;padding:0 20px 0 15px;font-size: 14px;color: #3a94c5;}
.report_txt span {display: block;margin-bottom: 5px;font-size: 16px;font-weight: bold;color: #1b4179;}
.zaitaku__ttl {text-align:left;padding: 20px 130px 20px 95px;margin: 0 0 30px;font-size: 22px;font-weight: bold;line-height: 1.5em;color: #3a94c5;background: url(/img/info/zaitaku/zaitaku_ttl_bg.png) left top no-repeat;}
.zaitaku__ttl span {display:block;margin: 0 0 5px;font-size: 28px;font-weight: bold;color: #1b4179;}
.phanekko_img {position: absolute;top: 20px;right: 20px;}
.clipboard {
    position: relative;
    padding: 10px 10px 10px 14px;
    font-size: 14px;
    border:1px solid #222;
    background-color: #364766;
    border-radius: 7px;
    box-shadow: 1px 1px 2px -1px rgba(206,211,216,1) inset,-1px -1px 2px -1px rgba(40,61,97,1) inset;
}
.clipboard:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display:block;
    margin: auto;
    width: 38px;
    background: url(/img/info/zaitaku/001/clip.png) left center no-repeat;
}
.clipboard_inner {
    padding: 15px 15px 15px 40px;
    background-color: #f4f4f4;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(22,48,86,1), 0 0 0 1px rgba(123,125,143,1) inset;
}
.clipboard_ttl {max-width: 100%;}
.clipboard_inner li {
    text-align: left;
    padding: 4px 0 4px 40px;
    margin-top: 10px;
    line-height:1.8;
    background: url(/img/info/zaitaku/check_cy.png) left center no-repeat;
}
.interview_list {padding: 20px 0 0;}
.interview_q {
    position: relative;
    padding: 8px 0 8px 65px;
    font-size: 18px;
    color: #1b4179;
    background-color: #eff2f4;
}
.interview_q:before {
    content: url(/img/info/zaitaku/q_icon.png);
    position: absolute;
    top: -20px;
    left: 10px;
}
.interview_q p {font-weight: bold;}
.interview_a {
    position: relative;
    padding: 0 20px 0 65px;
    margin: 20px 0 50px;
    background: url(/img/info/zaitaku/a_icon.png) left 11px top no-repeat;
}
.interview_a > div {
    position: relative;
}
.interview_a .arrow {width: 11px;background-color: #eee;position: absolute;top:0;bottom: 0;margin-bottom: 30px;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.1) inset;}
.interview_a .arrow-left {left: 0;}
.interview_a .arrow-right {right: 0;}
.interview_a .arrow:after {content: url(/img/info/zaitaku/arrow_btm.png);position: absolute;bottom: -36px;left: -15px;}
.interview_a ul {padding: 0 36px;margin: -15px;}
.interview_a ul li.answer_item {position: relative;text-align:left;float:left;padding: 15px;width: 50%;max-width: 255px;}
.interview_a ul li.answer_item:before {position: absolute;top: 5px;left: 5px;}
.interview_a ul li.answer_item01:before {content: url(/img/info/zaitaku/answer_item01.png);}
.interview_a ul li.answer_item02:before {content: url(/img/info/zaitaku/answer_item02.png);}
.interview_a ul li.answer_item03:before {content: url(/img/info/zaitaku/answer_item03.png);}
.interview_a ul li.answer_item04:before {content: url(/img/info/zaitaku/answer_item04.png);}
.interview_a ul li.answer_item05:before {content: url(/img/info/zaitaku/answer_item05.png);}
.interview_a ul li.answer_item06:before {content: url(/img/info/zaitaku/answer_item06.png);}
.interview_a ul li.answer_item07:before {content: url(/img/info/zaitaku/answer_item07.png);}
.interview_a ul li.answer_item08:before {content: url(/img/info/zaitaku/answer_item08.png);}
.interview_a ul li.answer_item:nth-child(odd) {clear: both;}
.interview_a ul.col1 li.answer_item {width: 100%;max-width: none;}
.interview_a ul li.answer_item p {padding: 4px;background-color: #eee;margin-bottom: 15px;}
.interview_a ul li.answer_item p img {max-width: 100%;}
.interview_a .img p{display:inline-block;width:48%;float:left;margin:10px 0;font-size:12px;}
.interview_a .img p:nth-child(odd) {clear:both;}
.interview_a .img p:nth-child(even) {margin-left:4%;}
.interview_a dl {display:table;width: 100%;margin-bottom:2px;}
.interview_a dl dt {display:table-cell;width:50px;padding-right:10px;}
.interview_a dl dd {display:table-cell;text-align:left;}
.link_btn span {position: relative;}
.link_btn.return {color: #fff;text-align:center;background-color: #1b4179;border-bottom: 1px solid #58749d;}
/* .link_btn.return span:before {content: url(/img/info/zaitaku/refresh_icon.png);position: absolute;left: -18px;} */
.link_btn.more {color: #fff;background-color: #0096cb;border-bottom: 1px solid #44b2d9;}
/* .link_btn.more span:before {content: url(/img/info/zaitaku/company_icon.png);position: absolute;left: -20px;} */
.link_btn {
    display: block;
    padding: 15px 30px;
    margin:30px 0 20px;
    font-size: 14px;
}
#zaitaku015 .interview_a dl {
    margin-bottom: 5px;
}
#zaitaku015 .interview_a dl.mb20 {
    margin-bottom: 20px;
}
#zaitaku015 .interview_a dl:after {
    content: "";
    clear: both;
}
#zaitaku015 .interview_a dl dt {
    float: left;
    width: auto;
    padding-right: 5px;
    font-weight: bold;
}
#zaitaku015 .interview_a dl dd {
    float: left;
    width: auto;
}


@media screen and (min-width: 0px) and (max-width: 960px) {
    /* point under ====================================== */
    #point_under .list li{font-size:14px;font-weight:bold;margin:10px 0;min-height:1.2;}
    .infolist_inner {padding:15px;}
    .ans_cont_in{padding:10px;}
    .infolist_inner .qes_in{padding:15px;}
    .infolist_inner .qes .str{ margin:15px auto 0;}
    .infolist_inner .qes .img{ margin:15px auto 0;}

    /* zaitaku ====================================== */
    .zaitaku__ttl {padding: 20px 0 20px 95px;}
    .phanekko_img {display: none;}
}

@media screen and (min-width: 0px) and (max-width: 767px) {

    /* common */
    .menu01 li{float:none;width:100%;border-right:none;}
    .r_tx{float:left;width:70%;}

    /* work.tpl */
    .ttl_02{font-size:131%;line-height:1.3;}
    .ttl_03{font-size:116%;}
    #step_tw .col_l,#step_tw .col_r{float:none;width:100%;}
    .step_ttl_01{display:block;margin:0 auto 5px;}

    /* manner/02.tpl */
    #manner .menu02 li{width:33.33%;border-bottom:1px solid #fff;}
    #manner .step_ttl_01{display:inline;margin-right:15px;}
    .box_01 img,.box_02 img{width:20%;}

    /* manner/05.tpl */
    .manner_img_02{float:right;width:21%;margin:0 0 10px 5%;}

    #point_under .pnav li{float:left;width:33.33%;}
    /* voice ====================================== */
    #voice .voice_content dd{background-size:auto 30px; padding-left:50px;}

    /* life top ====================================== */
    #lift_top .cell{width:100%;float:none;}
    #lift_top .cell a{border-bottom:#FFF solid 1px;}
    #lift_top .cell .odd{border-right:none;}
    #lift_top .left{float:none;width:100%; padding-right:0; margin-bottom:10px;}
    #lift_top .right{float:none;width:50%; margin:0 auto;}
    #lift_top .last{margin-bottom:30px;}

    /* life under ====================================== */
    #lift_under .pnav li{width:50%;padding:0.5%; text-align:center;}
    #lift_under .pnav li a{display:block;border-left:none; }
    #lift_under .pnav li img{width:100%;margin:0 auto; display:block;}
    #lift_under .top_under_in{margin-bottom:20px;min-height:0;background:none;padding:0;}

    /* point under ====================================== */
    #point_under .under_box h4{font-size:18px;}
    #point_under .list p{float:none;width:80%;margin:0 auto;}
    #point_under .list ul{float:none;width:100%;padding-left:0;}
    #point_under .list li{font-size:13px;}
    #point_under .point2_item_2 li{ float:none; width:100%; margin:0 0 10px;}




    /* interview detail ====================================== */
    #interview_detail h3{background-position:50% 0;background-size:auto 60px;margin:15px 0;padding:70px 0 0;}
    #interview_detail h3 img{max-width:98%;display:block;margin:0 auto;}
    .infolist_inner {padding:10px;}
    .infolist_inner .qes_in{padding:10px;}
    .infolist_inner .qes .str{ margin:10px auto 0;}
    .infolist_inner .qes .img{ margin:10px auto 0;}


    /* scholarship ====================================== */
    .scholarship_inner {padding: 20px 10px 10px 10px;}
    .scholarship_inner h3 img {max-width: 637px;}
    .scholarship_box.conditions div {display: block;}
    .scholarship_box.conditions .right {width: 100%;padding-left: 25px;}
    .scholarship_box.notice {padding-left: 0;padding-top: 50px;background-position: center top;}
    .region_item {width: 50%;border-bottom: 1px solid #fff;}
    .region_item.first {width: 100%;padding-left: 10px;}
    .contact {width: 100%;}
    .scholarship_info thead {display: none;}
    .scholarship_info tbody td {display: list-item;padding: 3px 8px;list-style-type: none;}
    .scholarship_info tbody .check {display: table-cell;background: #f5f5f5;}
    .scholarship_info tbody .type,
    .scholarship_info tbody .exemption {padding-bottom: 8px}
    .scholarship_info tbody td:before,
    .scholarship_info tbody p:before {display:inline-block;color: #3c3c3c;font-weight:bold;}
    .scholarship_info tbody .prefectures:before {content: "都道府県：";}
    .scholarship_info tbody .type:before {content: "業種：";}
    .scholarship_info tbody .coporate:before {content: "法人名：";}
    .scholarship_info tbody .way:before {content: "サポート方法：";}
    .scholarship_info tbody .limit:before {content: "サポート上限：";}
    .scholarship_info tbody .exemption:before {content: "返済免除：";}
    .scholarship_info tbody .period:before {content: "必要期間：";}
    .scholarship_info tbody .prefectures {padding-top: 10px;}
    .scholarship_info tbody .period {padding-bottom: 10px;}

    /* zaitaku ====================================== */
    .zaitaku_box {padding: 0;}
    .report_list li {padding: 15px 0;}
    .report_num {
        display: block;
        padding: 0 0 0 45px;
        background-position: left center;
    }
    .report_txt {display: block;padding:0;margin-top: 5px;}
    .report_txt span {margin-bottom: 0;}
    .interview_a {padding-right:0;}
    .interview_a ul {padding: 0 0 0 36px;}
    .zaitaku_box .left {display: block;margin-bottom: 10px;}
    .zaitaku_box .right {display: block;text-align: center;}
    .interview_a .arrow {display: none;}

    .link_btn{
        padding: 15px 20px;
    }

    /* .link_btn.return{
    	display: inline-block;
    	width: 220px;
    	margin-top: 60px;
    	margin-left: auto;
    	margin-right: auto;
    	padding: 10px;
    	font-size: 12px;
    } */

    .stream.top .sp-only.label-watch{
    	padding: 3px 26px 3px 8px;
    	border: 1px solid #3f95c3;
    	color: #3f95c3;
    	display: inline-block !important;
    	margin-top: 5px;
    	position: relative;
    	font-weight: bold;
    	font-size: 11px;
    }
    .stream.top .sp-only.label-watch:before{
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-right: 1px solid #3f95c3;
		border-bottom: 1px solid #3f95c3;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		transform: rotate(-45deg);
		right: 10px;
    }
    .stream.top .sp-only.label-watch:after{
		content: '';
		display: block;
		width: 6px;
		height: 6px;
		border-right: 1px solid #3f95c3;
		border-bottom: 1px solid #3f95c3;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		transform: rotate(-45deg);
		right: 16px;
    }

}

@media screen and (min-width: 0px) and (max-width: 480px) {
    /* zaitaku ====================================== */
    .interview_a ul {padding: 0;margin: -10px;}
    .interview_a ul > br {display: none;}
    .interview_a ul li.answer_item {float:none;padding: 10px;width: 100%;max-width: none;}
    .interview_a ul li.answer_item p {margin-bottom: 5px;}
    .interview_a ul li.answer_item p img {width: 100%;max-width: none;}
    .zaitaku__ttl {padding: 10px 0 20px 20%;font-size: 18px;background-size: 17% auto;}
    .zaitaku__ttl span {font-size: 22px;}
    .interview_a .img p{width:100%;float:none;}
    .interview_a .img p:nth-child(even) {margin-left:0;}
    #zaitaku015 .interview_a dl dt {
        display: block;
        text-align: left;
        float: none;
        width: 100%;
    }
    #zaitaku015 .interview_a dl dd {
        display: block;
        padding-left: .5em;
        float: none;
        width: 100%;
    }
}

@media screen and (min-width: 0px) and (max-width: 375px) {
    .zaitaku__ttl span br {display:none;}
}

@media screen and (min-width: 768px) {
    #work .link_banner {max-width: 399px;}
}





/* =======================================

改修

======================================= */
 /* section-box - contents-list
--------------------------------------- */
.special-list .section-box .contents-list ul > li{
    width: 100%;
}
.special-list .section-box .contents-list ul > li > a{
    position: relative;
    padding-right: 15px;
}
.special-list .section-box .contents-list ul > li > a:before{
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 6px;
    height: 6px;
    border-top: 2px solid #1B4179;
    border-right: 2px solid #1B4179;
    transform: translate(0, -50%) rotate(45deg);
}
.special-list .section-box .contents-list .detail .text{
    color: #3c3c3c;
}
@media screen and (min-width: 768px) {
    .special-list .section-box .contents-list ul > li:not(:first-child) > a:after{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        border-top: 1px dotted #d5d8da;
        transform: translate(0, -15px);
    }
}

 /* special-list - president
--------------------------------------- */
.president .box_detail{
    padding: 20px;
}
@media screen and (max-width: 767px) {
    .president.detail .box_detail{
        padding: 15px;
    }
}

 /* special-list - president top
--------------------------------------- */
.president.top .title-image{
    margin-bottom: 20px;
}
.president.top .title-image img{
    max-width: 100%;
}
.president.top .title-image + p{
    padding: 0 20px;
    margin-bottom: 20px;
}
.president.top .article_list{
    line-height: 1.6;
}
.president.top .article_list li{}
.president.top .article_list li:nth-child(n+2){
    margin-top: 20px;
}
.president.top .article_list li a{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.president.top .article_list li .image{
    width: 220px;
    margin: 0;
    min-height: 180px;
}
.president.top .article_list li .detail{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    -ms-flex-item-align: center;
    -webkit-align-self: center;
    align-selft: center;
    padding: 10px 40px 10px 25px;
}
/* .president.top .article_list li .detail:before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    width: 8px;
    height: 8px;
    margin: auto;
    border-right: 2px solid #674224;
    border-top: 2px solid #674224;
    transform: rotate(45deg);
} */
.president.top .article_list li .detail .title{
    margin-bottom: 10px;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
}
/* .president.top .article_list li .detail .profile{
    font-weight: 700;
} */
@media screen and (min-width: 768px) {
    .president.top .article_list li a{
        transition: background .3s;
    }
    .president.top .article_list li a:hover{
        background: #f0e9dd;
    }
}
@media screen and (max-width: 767px) {
    .president.top .title-image{
        margin-bottom: 15px;
    }
    .president.top .title-image + p{
        padding: 0;
        margin-bottom: 15px;
    }
    .president.top .article_list li .image{
        width: 120px;
        min-height: 130px;
    }
    .president.top .article_list li .detail{
        padding: 10px 30px 10px 15px;
    }
    .president.top .article_list li .detail .title{
        margin-bottom: 5px;
        font-size: 14px;
    }
    .president.top .article_list li .detail .profile{
        font-size: 11px;
    }
}

 /* special-list - president detail
--------------------------------------- */
.president.detail #visual{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 30px;
    line-height: 1.5;
}
.president.detail #visual .image{
    width: 270px;
    margin: 0;
}
.president.detail #visual .detail{
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 25px 30px;
    /* background: #f0e9dd; */
}
.president.detail #visual .detail .title{
    margin-bottom: 10px;
    text-align: left;
    font-size: 24px;
    font-weight: 700;
}
.president.detail #visual .detail .profile{
    font-size: 14px;
}
.president.detail #outline{
    /* padding: 0 20px; */
    padding: 0;
}
.president.detail #outline .profile{
    margin-bottom: 30px;
    font-size: 14px;
}
.president.detail #outline .tags{
    text-align: left;
}
/* .president.detail #outline .tags ul{
    margin: -5px;
    letter-spacing: -.5em;
} */
.president.detail #outline .tags ul li{
    display: inline-block;
    padding: 4px 8px;
    letter-spacing: 0;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #F4982D;
}
.president.detail #outline .tags ul li span{
    display: block;
    text-align: center;
    font-weight: 700;
    color: #F4982D;
}
.president.detail #outline .tags ul li:nth-child(n+2){
    margin-left: 10px;
}
.president.detail .head-border{
    position: relative;
    padding: 0 20px 15px;
    margin-bottom: 15px;
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    color: #674224;
    border-bottom: 1px solid #d5d8da;
}
.president.detail .head-border:not(:first-child){
    margin-top: 40px;
}
.president.detail .head-border:before{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 110px;
    height: 2px;
    background: #674224;
}
/* .president.detail  .talk-flow li:not(:first-child){
    margin-top: 1.5em;
} */
.president.detail .talk-flow .name{
    padding: 0 0 10px 0;
    margin-bottom: 25px;
    border-bottom: 1px solid #8D5411;
    font-size: 14px;
    color: #8D5411;
    background: #fff;
}
.president.detail .talk-flow .answer{
    padding-left: 0;
    line-height: 1.6;
    font-size: 14px;
}
.president.detail .article-text{
    padding: 0;
    margin-top: 15px;
    line-height: 1.6;
    font-size: 14px;
}
.president.detail .article-image{
    margin: 15px 0;
}
.president.detail .article-image img{
    width: 100%;
}
.president.detail .link_btn{
    border-radius: 10px;
    display: block;
    border-bottom: none;
}
.president.detail .link_btn.more{
    background: rgb(240,152,25);
    background: linear-gradient(145deg, rgba(240,152,25,1) 0%, rgba(248,117,59,1) 90%, rgba(255,88,88,1) 100%);
}
.president.detail .link_btn.return{
    background: rgb(134,221,208);
    background: linear-gradient(90deg, rgba(134,221,208,1) 0%, rgba(70,157,248,1) 100%);
}
@media screen and (max-width: 767px) {
    .president.detail #visual{
        margin-bottom: 5px;
    }
    .president.detail #visual .image{
        /* width: 200px; */
        width: 100%;
    }
    .president.detail #visual .detail{
        padding: 15px 0 0;
    }
    .president.detail #visual .detail .title{
        margin-bottom: 5px;
        font-size: 18px;
    }
    .president.detail #visual .detail .profile{
        font-size: 12px;
    }
    .president.detail #outline{
        /* padding: 0 10px; */
        padding: 0;
    }
    .president.detail #outline .profile{
        margin-bottom: 20px;
        font-size: 12px;
    }
    .president.detail #outline .tags ul li span{
        padding: 1px 10px;
    }
    .president.detail .head-border{
        padding: 0 10px 10px;
        margin-bottom: 10px;
        font-size: 16px;
    }
    /* .president.detail .head-border:not(:first-child){
        margin-top: 30px;
    } */
    /* .president.detail  .talk-flow li:not(:first-child){
        margin-top: 1em;
    } */
    /* .president.detail .talk-flow .name{
        padding: 5px 10px;
        font-size: 12px;
    } */
    .president.detail .talk-flow .answer{
        padding-left: 0;
        font-size: 12px;
    }
    .president.detail .article-text{
        padding: 0;
        font-size: 12px;
        margin-top: 30px;
    }
}
@media screen and (max-width: 375px) {
    .president.detail #visual{
        display: block;
    }
    .president.detail #visual .image{
        width: 100%;
    }
}

 /* special-list - magazine
--------------------------------------- */
.magazine.detail .box_detail{
    padding: 20px;
}
.magazine.detail .box_detail .lead{
    padding: 15px 20px;
    margin-top: 1.5em;
    background: #ddecf4;
}
.magazine.detail .box_detail .image__profile{
    margin-top: 1em;
    text-align: left;
}
.magazine.detail .box_detail .image__profile em{
    display: block;
    font-weight: 700;
}
.magazine.detail .box_detail{
}
@media screen and (max-width: 767px) {
    .magazine.detail .box_detail{
        padding: 15px;
    }
}

 /* special-list - stream
--------------------------------------- */
.stream .head-stream{
    margin: 2.5em 0 0.8em;
    text-align: left!important;
    line-height: 1.4;
    font-size: 18px;
    font-weight: 700;
    color: #1b4179;
}
.stream .head-stream span{
	background: #eee;
	color: #1b4179;
	padding: .5em 1em;
	font-size: 85%;
	font-weight: 700;
	margin-bottom: .3em;
	display: inline-block;
}
.stream .head-stream:first-child{
    margin-top: 0;
}
.stream .head-stream02{
	background: #4095C3;
	color: #fff;
	padding: .5em 1em;
	font-size: 120%;
	font-weight: bold;
	text-align: left;
}
.stream.top .title-image{
    margin-bottom: 20px;
}
.stream.top .title-image img{
    width: 100%;
}
.stream.top .section-box .contents-list > ul{
    position: relative;
}
.stream.top .section-box .contents-list > ul > li > a{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-right: 0;
}
.stream.top .section-box .contents-list > ul > li > a:before{
    display: none;
}
.stream.top .section-box .contents-list .image{
    flex-basis: auto;
    width: 100%;
}
.stream.top .section-box .contents-list .image img{
    width: 100%;
}
.stream.top .section-box .contents-list .image .tag{
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 5px 8px;
    font-size: 12px;
    color: #fff;
    font-weight: 700;
    background: #3f95c3;
}
.stream.top .section-box .contents-list .title-sub-wrap{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.stream.top .section-box .contents-list .title-sub.is-orange{
    font-weight: normal;
}
.stream.top .pc-only{
	display: flex !important;
}
.stream.top .sp-only{
	display: none !important;
}
.stream{

}

.stream .section-box > .box_detail{
	padding: 20px;
	text-align: center;
}

.stream .btn{
	margin: 2em 0;
}

.stream .btn a{
	background: #113575;
	color: #fff;
	text-align: center;
	display: block;
	padding: 1em;
	border-radius: 100px;
	transition: all 300ms;
}

.stream .btn a:hover{
	opacity: .7;
}

.stream .list_style,
.stream #archive{
	margin-top: 20px;
}

.stream .list_style > li{
	width: 48%;
	float: left;
	margin-bottom: 30px;
	text-align: left;
	position: relative;
}

.stream .list_style > li:nth-child(even){
	float: right;
}

.stream .list_style figure{
	position: relative
}

.stream .list_style figure img{
	width: auto;
	max-width: 100%;
}
.stream .list_style figure figcaption{
	position: absolute;
	right: 0;
	top: 0;
	background: #113575;
	color: #fff;
	padding: .3em 1em;
}
.stream .list_style h3{
	color: #113575;
	font-size: 130%;
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1.5;
}
.stream .list_style h3 span{
	font-weight: bold;
	display: inline-block;
	background: #fff;
	color: #F4982D;
    border: 1px solid #F4982D;
    border-radius: 6px;
	font-size: 85%;
	padding: .3em 1em;
	margin-right: .5em;
}

.stream .list_style p{
	margin-top: 1em;
}

.stream .list_style p a{
	background: rgb(134,221,208);
    background: linear-gradient(90deg, rgba(134,221,208,1) 0%, rgba(70,157,248,1) 100%);
	color: #fff;
	text-align: center;
	display: block;
	padding: 1em;
	border-radius: 10px;
	transition: all 300ms;
    font-weight: bold;
    max-width: 200px;
    margin: 20px auto 0;
}

.stream .list_style p a:hover{
	opacity: .7;
}

.stream .list_style li{
    padding: 40px 20px;
    background-color: #F0F0F0;
    border-radius: 10px;
}

.stream .border-box2{
	border: 1px solid #d5d8da;
}

.stream .border-box2 dt{
	background: #DDEDF4;
	color: #113575;
	font-size: 120%;
	padding: 15px;
	font-weight: bold;
}

.stream .border-box2 dd{
	padding: 15px;
	/*font-size: 110%;*/
	text-align: left;
}

.stream .border-box2 dd ul,
.stream .column-style{
	margin-right: -1em;
}

.stream .border-box2 dd li,
.stream .column-style li{
	width: 33.33%;
	float: left;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding: 0 1em 1em 0;
	display: table;
	text-align: center;
}

.stream .border-box2 dd li a,
.stream .border-box2 dd li span,
.stream .column-style li a,
.stream .column-style li span{
	display: table-cell;
	background: #eee;
	color: #1b4179;
	vertical-align: middle;
	padding: 1em 1em;
	border-radius: 50px;
	font-weight: bold;
	transition: all 300ms;
	font-size: 11px;
}

.stream .border-box2 dd li span,
.stream .column-style li span{
	color: #ccc;
}

.stream .border-box2 dd li a:hover,
.stream .column-style li a:hover{
	background: #3a94c5;
	color: #fff;
}
.stream .border-box2{
}

/*.stream .detail_movie{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}*/

.stream .section_test{
	margin: 40px 0 ;
}

.stream .section_test + .section_test{
    border-top: 1px solid #E8E8E8;
    padding-top: 40px;
}

.stream .section_test .movie_main,
.work_movie{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: #eee;
	z-index: 0;
}

.stream .section_test .movie_main:after,
.work_movie > div:after{
	content: '読み込み中・・・';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 1em
}

.stream .section_test img{
	max-width: 100%;
	width: auto;
}

.stream .img_test{
	/* border: 1px solid #CCC; */
	margin-top: 15px;
    background: #F8FDFF;
}

.stream .img_test dt{
	padding: .8em 1em;
	font-weight: bold;
	cursor: pointer;
	position: relative;
    border-bottom: 1px solid #E8E8E8;
}

.stream .img_test dt span{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 20px;
	height: 1.2em;
	width: 1.2em;
	overflow: hidden;
}

.stream .img_test dt span:before,
.stream .img_test dt span:after{
	content: "";
	background-color: #000;
	position: absolute;
	width: 100%;
	height: 2px;
	top: 50%;
	left: 50%;
}

.stream .img_test dt span:before{
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.stream .img_test dt span:after{
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	-o-transition: transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	-webkit-transform: translate(-50%, -50%) rotate(90deg);
	-ms-transform: translate(-50%, -50%) rotate(90deg);
	transform: translate(-50%, -50%) rotate(90deg);
}

.stream .img_test dt.active span:after{
	-webkit-transform: translate(-50%, -50%) rotate(0deg);
	-ms-transform: translate(-50%, -50%) rotate(0deg);
	transform: translate(-50%, -50%) rotate(0deg);
}

.stream .movie_main,
.work_movie{
	border: 1px solid #ccc;
}

.stream .section_test iframe,
.work_movie iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	z-index: 10;
}

.stream .img_test dd{
	padding: 20px;
	display: none;
}

.stream .box-link li{
	margin-top: 2px;
	text-align: left;
}

.stream .box-link li > *{
	background: #F8F8F8;
	display: block;
	padding: .8em 3em .8em 1em;
}

.stream .box-link li > a{
	position: relative;
	transition: all 300ms;
}

.stream .box-link li > a:after{
	content: '';
	display: block;
	width: .6em;
	height: .6em;
	position: absolute;
	right: 1.5em;
	top: 0;
	bottom: 0;
	margin: auto;
	border-right: 1px solid #113575;
	border-bottom: 1px solid #113575;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.stream .box-link li a:hover{
	background: #ddecf4;
}

.stream .box-link li span{
	color: #ccc;
}

.stream .sample_box{
	border: 1px solid #d5d8da;
	padding: 1em;
	margin: 2.5em 0;
}

.stream .sample_box h4{
	color: #3a94c5;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}

.stream .sample_box .section_test{
	margin: 1em 0 0 !important;
}

.stream .new::before {
    content: "";
    top: 0;
    left: 0;
    border-bottom: 5em solid transparent;
    border-left: 5em solid #c12748; /* ラベルの色はここで変更 */
    position: absolute;
    z-index: 100;
}
.stream .new::after {
    content: "NEW";
    display: block;
    top: 10px;
    transform: rotate(-45deg);
    color: #fff; /* 文字色はここで変更 */
    left: 5px;
    position: absolute;
    z-index: 101;
}

.stream #more{
	background: rgb(134,221,208);
    background: linear-gradient(90deg, rgba(134,221,208,1) 0%, rgba(70,157,248,1) 100%);
	color: #fff;
	/* border: 2px solid #4095C3; */
	padding: 1em 1em;
	border-radius: 10px;
	font-weight: bold;
	transition: all 300ms;
	width: 50%;
	margin: 0 auto 40px;
	text-align: center;
	cursor: pointer;
}

.stream #more:hover{
	opacity: .7;
}

.stream .btn_enter a{
	display: block;
	background: #e79744;
	color: #fff;
	padding: 1em 1em;
	border-radius: 50px;
	font-weight: bold;
	transition: all 300ms;
	width: 40%;
	margin: 20px auto;
	text-align: center;
	font-size: 130%;
	transition: all 300ms;
}

.stream .btn_enter a:hover{
	opacity: .7;
}

.stream .btn_enter a:before{
	content: '';
	display: inline-block;
	background: url(../img/info/special-list/stream/icon_entry.png) left top no-repeat;
	background-size: contain;
	width: 20px;
	height: 21px;
	margin-right: 5px;
	vertical-align: bottom;
}

@media screen and (max-width: 767px) {
	.stream.top .pc-only{
		display: none !important;
	}
	.stream.top .sp-only{
		display: flex !important;
		flex-wrap: nowrap;
	}
	.stream.top .section-box .contents-list .title-sub-wrap.sp-only{
		width: 100%;
	}
	.stream.top .section-box .contents-list .title-sub{
		padding: 3px 8px;
		font-size: 12px;
		color: #1b4179;
		font-weight: 700;
		background: #e5e5e5;
		flex-grow: 1;
		width: 100%;
	}
	.stream.top .section-box .contents-list .title-sub:last-child{
		/*flex-grow: 1;
		flex-shrink: 1;*/
	}
	.stream.top .section-box .contents-list .title-sub.is-orange{
	    color: #fff;
	    background: #e48b2f;
	    flex-basis:  160px;
	}
	.stream.top .section-box .contents-list > ul{
		border-top: 1px solid #d5d8da;
	}
	.stream.top .section-box .contents-list > ul > li{
		border-bottom: 1px solid #d5d8da;
		padding: 0;
	}
	.stream.top .section-box .contents-list > ul > li a{
		padding: 15px 10px;
		position: relative;
	}
	.stream.top .section-box .contents-list .detail .title{
		margin-top: 10px;
		line-height: 1.5;
	}
	.stream.top .section-box .contents-list > ul > li .image{
		margin-top: 10px;
	}
	.stream .btn_enter a{
		width: 70%;
	}
}
@media screen and (min-width: 481px) {
    .stream.top .section-box .contents-list > ul > li{
        float: left;
        width: 50%;
    }
    .stream.top .section-box .contents-list ul > li > a:after{
        display: none;
    }
    .stream.top .section-box .contents-list .detail{
        padding-left: 0;
        margin-top: 8px;
    }
}
@media screen and (max-width: 480px) {
    .stream.top .section-box .contents-list .image{
        flex-basis: 160px;
    }
    .stream.top .section-box .contents-list .image .tag{
        padding: 3px 5px;
        font-size: 10px;
    }
    .stream .section-box > .box_detail{
    	padding: 15px;
    }
    .stream .list_style li{
    	/* float: none; */
    	width: 100%;
    }
	.stream .btn{
		margin: 1.5em 0;
	}
	.stream .list_style > li:last-child{
		margin-bottom: 0;
	}
	.stream .border-box2 dd li,
	.stream .column-style li{
		width: 50%;
	}
}
@media screen and (max-width: 375px) {
    .stream.top .section-box .contents-list .image{
        flex-basis: 140px;
    }
    .stream.top .section-box .contents-list .detail .title-sub-wrap{
        display: block;
    }
}

 /* special-list - stream detail
--------------------------------------- */
.stream.detail .box_detail{
    padding: 0;
    margin-top: 40px;
}
.stream.detail .box_detail .c-ttl_b{
    color: #168AC5;
    text-align: center;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}
.stream.event0003 .section-box .box_103{
    text-align: left;
    padding: 20px;
    background-color: #F8FDFF ;
    margin-bottom: 40px;
}
.stream.event0003 .section-box .dots-list{
    font-size: 13px;
}
.stream.event0003 .section-box .dots-list li{
    position: relative;
    padding-left: 1.2em;
}
.stream.event0003 .section-box .dots-list li:nth-child(n+2){
    margin-top: 4px;
}
.stream.event0003 .section-box .dots-list li:before{
    content: "";
    display: block;
    position: absolute;
    top: .3em;
    left: 0;
    width: .7em;
    height: .7em;
    border-radius: 100%;
    background: #3f95c3;
}
.stream.event0003 .section-box .bg-box{
    padding: 10px 15px;
    margin-top: 20px;
    background: #ffeae8;
}
.stream.event0003 .section-box .bg-box .title{
    margin-bottom: .1em;
    font-size: 13px;
    font-weight: 700;
    color: #f22;
}
.stream.event0003 .section-box .bg-box02{
    padding: 10px 15px;
    margin-top: 15px;
    background: #fbeee0;
}
.stream.event0003 .section-box .bg-box02 .title{
    margin-bottom: .1em;
    font-size: 13px;
    font-weight: 700;
    color: #e48b2f;
    text-align: left;
}
.pl-1{
	padding-left: 1em;
	text-align: left;
	display: block;
}
.stream.event0003 .section-box .link-wrapper{
    margin-top: 20px;
    font-size: 13px;
    text-align: center;
}
.stream.event0003 .section-box .link-wrapper ul{
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: space-around;
}
.stream.event0003 .section-box .link-wrapper ul li{
    width: 50%;
    max-width: 240px;
    margin: 0 auto;
    transition: .2s;
}
.stream.event0003 .section-box .link-wrapper ul li:hover{
    opacity: .7;
}
.stream.event0003 .section-box .link-wrapper ul li a{
    display: block;
    padding: 15px;
    background: rgb(134,221,208);
    background: linear-gradient(90deg, rgba(134,221,208,1) 0%, rgba(70,157,248,1) 100%);
    border-radius: 6px;
}
.stream.event0003 .section-box .link-wrapper ul li a span{
    display: inline-block;
    position: relative;
    padding-left: 25px;
    color: #fff;
}
.stream.event0003 .section-box .link-wrapper ul li a span:before{
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 16px;
    height: 16px;
    background:url(/img/common/icon_dl_w.svg) no-repeat 50% 50% / contain;
    transform: translate(0, -50%);
}

.stream .link_list{
	margin: 20px 0;
}

.stream .link_list li{
	text-align: left;
	margin-bottom: .5em;
}

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

.stream .link_list li a{
	color: #1b4179;
	text-decoration: underline;
}
.stream .link_list li a:hover{
	text-decoration: none;
}

.stream .box_detail .head-bg,
.stream .movie_area .head-bg{
    color: #fff;
    text-align: center!important;
    font-size: 18px;
    padding: 20px;
    background: rgb(134,221,208);
    background: linear-gradient(0deg, rgba(134,221,208,1) 0%, rgba(70,157,248,1) 100%);
}

.c-btn_return a{
    padding: 14px 20px;
    background: rgb(134,221,208);
    background: linear-gradient(90deg, rgba(134,221,208,1) 0%, rgba(70,157,248,1) 100%);
    color: #fff;
    display: block;
    margin: 40px auto 0;
    transition: .2s;
    text-align: center;
    width: 100%;
    max-width: 240px;
    border-radius: 6px;
}
.c-btn_return a:hover{
    opacity: .7;
}

@media screen and (max-width: 767px) {
    .stream.detail .box_detail .pd20{
        padding: 20px;
    }
    .stream.detail .box_detail .movie_area .section_test{
        padding: 0 20px;
    }
    .stream.event0003 .section-box .link-wrapper ul{
        
    }
    .stream.event0003 .section-box .link-wrapper ul li{
        width: 100%;
        max-width: 240px;
        margin: 0 auto;
    }
    .stream.event0003 .section-box .link-wrapper ul li:nth-child(n+2){
        margin-top: 10px;
    }
    .stream.event0003 .section-box .link-wrapper ul li a{
        padding: 10px;
    }
}

.stream.detail .movie_area .movie-wrap{
    padding: 0 20px;
}


.fig_r figure{
	float: right;
	margin: 0 0 20px 20px;
}


.fig_l figure{
	float: left;
	margin: 0 20px 20px 0;
}

@media screen and (max-width: 767px) {
	.fig_r figure{
		float: right;
		margin: 0 0 15px 15px;
	}


	.fig_l figure{
		float: left;
		margin: 0 15px 15px 0;
	}
}

.fig_r:after,
.fig_l:after{
	content: "";
	display: block;
	clear: both;
}

.btn_style{
	position: relative;
	display: inline-block;
	background: #3A94C5;
	color: #fff !important;
	padding: .6em 2em .6em 1em;
	margin: .5em 0;
}

.btn_style:hover{
	opacity: .6;
}

.btn_style:after{
	height: 1em;
	content: '>';
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 1em;
	line-height: 1;
}

.sample_movie{
	margin-bottom: 30px;
}

.sample_movie img{
	max-width: 100%;
	width: auto;
}

/* category */

.stream .category_box {
    margin-bottom: 40px;
}
.stream .category_box dd .category_list{
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.stream .category_box dd .category_list li{
    width: calc(100% / 3);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E8E8E8;
}
.stream .category_box dd .category_list li.no-link{
    opacity: .7;
}
.stream .category_box dd .category_list li.no-link a{
    pointer-events: none;
    color: gray;
}

.stream .category_box dd .category_list li a{
    transition: .2s;
    display: block;
    text-align: left;
    width: 100%;
    background-color: #F8FDFF;
    padding: 18px 4px;
    padding-left: 30px;
    position: relative;
    font-weight: bold;
}
.stream .category_box dd .category_list li a::before{
    content: "";
    background: url(/img/common/category_list.svg) no-repeat;
    width: 10px;
    height: 8px;
    background-size: cover;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
}

.stream .category_box dd .category_list li a:hover{
    background-color: #E7F7FD;
}
@media screen and (max-width: 767px) {
    .stream .category_box dd .category_list li{
        width: 100%;
    }
}

/* categoryTgl */

.categoryTgl{
    cursor: pointer;
    position: relative;
    padding: 20px;
    text-align: left;
    font-weight: bold;
    font-size: 16px;
    border: 1px solid #E8E8E8;
}

.categoryTgl::after,
.categoryTgl::before{
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    border-radius: 5px;
    background: #000;
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
}
.categoryTgl::after{
    transform: translateY(-50%) rotate(90deg);
    transition: 0.25s;
}
.categoryTgl.active::after{
    transform: translateY(-50%) rotate(180deg);
}

.categoryBlk{
    display: none;
}