@charset "UTF-8";
input {
    height: 28px;
    line-height: 26px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    input {
        line-height: 30px;
    }
}
input[type='text'], input[type='password'] {
    padding: 0 6px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e8e9;
    border-top-color: #a8adb2;
    border-left-color: #a8adb2;
}
input[type='submit'] {
    box-sizing: content-box;
    padding-bottom: 2px;
    *height: 30px;
    *padding-bottom: 0;
    background: #3c3e41;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}
input[type='text']:focus, input[type='password']:focus {
    background: #e9edef;
    outline-style: none;
}
input[type='radio'], input[type='checkbox'] {
    margin: 0 4px -3px 0;
}
input.input-s {
    width: 60px;
}
input.input-l {
    width: 98%;
}
select {
    height: 30px;
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e8e9;
    border-top-color: #a8adb2;
    border-left-color: #a8adb2;
}
textarea {
    width: 98%;
    height: 200px;
    padding: 1.5%;
    border-width: 1px;
    border-style: solid;
    border-color: #e6e8e9;
    border-top-color: #a8adb2;
    border-left-color: #a8adb2;
}
.b-search {
    margin-bottom: 12px;
    text-align: right;
}
.b-search input[type='submit'] {
    width: 64px;
    margin-left: -1px;
}
.b-paging strong, .b-paging a {
    display: inline-block;
    height: 33px;
    margin-left: -1px;
    padding: 0 13px;
    border: 1px solid #e6e8e9;
    border-bottom-color: #a8adb2;
    font-family: Roboto, sans-serif;
    color: #54575a;
    line-height: 33px;
    text-align: center;
    vertical-align: top;
}
.b-paging {
    margin-top: 20px;
    text-align: center;
}
.b-paging a.ir {
    float: none;
    width: 34px;
    padding: 0;
    color: transparent;
    *text-indent: 0;
    *font-size: 0;
    *line-height: 0;
}
.b-paging a.first {
    background: transparent url(../../images/common/img-board.png) no-repeat 50% -160px;
}
.b-paging a.prev {
    background: transparent url(../../images/common/img-board.png) no-repeat 50% -210px;
}
.b-paging a.next {
    background: transparent url(../../images/common/img-board.png) no-repeat 50% -260px;
}
.b-paging a.last {
    background: transparent url(../../images/common/img-board.png) no-repeat 50% -310px;
}
.b-paging a:hover, .b-paging a:focus, .b-paging a:active {
    background-color: #e6e8e9;
    color: #0080cc;
}
.b-paging strong {
    border-color: #0080cc;
    background-color: #0080cc;
    color: #fff;
    font-weight: 500;
    text-decoration: underline;
}
.ic-file {
    display: inline-block;
    float: none;
    width: 20px;
    height: 15px;
    margin-left: 6px;
    background: transparent url(../../images/common/img-board.png) no-repeat -12px -79px;
    vertical-align: -3px;
}
.b-btn {
    padding: 12px;
    text-align: right;
}
.b-btn-center {
    padding: 12px;
    text-align: center;
}
.btn-list-black, .btn-cancel, .btn-ok-blue, .btn-ok, .btn-write, .btn-basic {
    display: inline-block;
    height: 36px;
    padding: 0 20px 0 44px;
    font-size: 14px;
    line-height: 34px;
    font-weight: bold;
    text-decoration: none;
}
.btn-list-black:hover, .btn-cancel:hover, .btn-ok-blue:hover, .btn-ok:hover, .btn-write:hover, .btn-basic:hover, .btn-list-black:active, .btn-cancel:active, .btn-ok-blue:active, .btn-ok:active, .btn-write:active, .btn-basic:active {
    text-decoration: none;
}
.btn-basic {
    border: 1px solid #e6e8e9;
    border-bottom-color: #a8adb2;
    padding: 0 20px;
}
.btn-write {
    border: 1px solid #e6e8e9;
    border-bottom-color: #a8adb2;
    background: transparent url(../../images/common/img-board.png) no-repeat 10px -620px;
}
.btn-ok {
    border: 1px solid #e6e8e9;
    border-bottom-color: #a8adb2;
    background: transparent url(../../images/common/img-board.png) no-repeat 10px -820px;
}
.btn-ok-blue {
    background: #0080cc url(../../images/common/img-board.png) no-repeat 10px -1170px;
    color: #fff !important;
}
.btn-cancel {
    border: 1px solid #e6e8e9;
    border-bottom-color: #a8adb2;
    background: transparent url(../../images/common/img-board.png) no-repeat 10px -870px;
}
.btn-list-black {
    padding: 0 24px;
    background: #3c3e41;
    color: #fff !important;
}
.b-list-basic {
    border-bottom: 1px solid #7a7d81;
}
.b-list-basic th {
    border: 0;
    background: url(../../images/common/bg-line-top.gif) no-repeat 0 0;
}
.b-list-basic thead th {
    height: 42px;
    border-bottom: 1px solid #7a7d81;
    line-height: 38px;
}
.b-list-basic thead th span {
    display: block;
    height: 39px;
    margin-top: 3px;
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -480px;
}
.b-list-basic thead th:first-child {
    background-position: 100% 0;
}
.b-list-basic thead th:first-child span {
    background: none;
}
.b-list-basic td {
    padding: 15px;
    border: 0;
    border-top: 1px solid #e6e8e9;
    line-height: 1.385;
    text-align: center;
}
.b-form .b-list-basic td {
    padding: 8px 20px;
    text-align: left;
}
.b-list-basic tbody th {
    border-top: 1px solid #e6e8e9;
    background: #f0f4f6;
}
.b-form .b-list-basic tbody th {
    padding: 8px 20px;
    text-align: right;
}
.b-list-basic tbody tr:first-child td {
    border: 0;
}
.b-form .b-list-basic tbody tr:first-child td {
    padding-top: 12px;
    background: url(../../images/common/bg-line-top2.gif) no-repeat -300px 0;
}
.b-list-basic tbody tr:first-child th {
    border: 0;
}
.b-form .b-list-basic tbody tr:first-child th {
    padding-top: 12px;
    background: #f0f4f6 url(../../images/common/bg-line-top2.gif) no-repeat 0 0;
}
.b-list-basic .anonymous th {
    padding-top: 12px;
    border: 0;
    background: #f0f4f6 url(../../images/common/bg-line-top2.gif) no-repeat 0 0;
}
.b-list-basic .anonymous td {
    padding-top: 12px;
    border: 0;
    background: url(../../images/common/bg-line-top2.gif) no-repeat -300px 0;
}
.b-view .view-meta dt, .b-gallery li a .meta dt, .b-list-webzine li a .meta dt, .b-view .view-meta dd, .b-gallery li a .meta dd, .b-list-webzine li a .meta dd {
    float: left;
    color: #94979a;
    font-family: Roboto, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0;
}
.b-view .view-meta .ir, .b-gallery li a .meta .ir, .b-list-webzine li a .meta .ir {
    width: 36px;
    height: 30px;
    margin: 0 0 0 14px;
}
.b-view .view-meta .mt-date, .b-gallery li a .meta .mt-date, .b-list-webzine li a .meta .mt-date {
    width: 24px;
    background: transparent url(../../images/common/img-board.png) no-repeat -13px 6px;
}
.b-view .view-meta .mt-view, .b-gallery li a .meta .mt-view, .b-list-webzine li a .meta .mt-view {
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -34px;
}
.b-view .view-meta .mt-ing, .b-gallery li a .meta .mt-ing, .b-list-webzine li a .meta .mt-ing {
    width: 24px;
    background: transparent url(../../images/common/img-board.png) no-repeat -13px -1704px;
}
.b-view .view-meta .mt-ing + dd, .b-gallery li a .meta .mt-ing + dd, .b-list-webzine li a .meta .mt-ing + dd {
    color: #0080cc;
}
.b-view .view-meta .mt-end, .b-gallery li a .meta .mt-end, .b-list-webzine li a .meta .mt-end {
    width: 24px;
    background: transparent url(../../images/common/img-board.png) no-repeat -13px -1664px;
}
.b-view .view-meta .mt-target, .b-gallery li a .meta .mt-target, .b-list-webzine li a .meta .mt-target {
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -1744px;
}
.b-view .view-meta .mt-time, .b-gallery li a .meta .mt-time, .b-list-webzine li a .meta .mt-time {
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -1784px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .b-view .view-meta .mt-date, .b-gallery li a .meta .mt-date, .b-list-webzine li a .meta .mt-date {
        background: transparent url(../../images/common/img-board.png) no-repeat -13px 5px;
    }
    .b-view .view-meta .mt-view, .b-gallery li a .meta .mt-view, .b-list-webzine li a .meta .mt-view {
        background: transparent url(../../images/common/img-board.png) no-repeat 0 -35px;
    }
    .b-view .view-meta .mt-ing, .b-gallery li a .meta .mt-ing, .b-list-webzine li a .meta .mt-ing {
        background: transparent url(../../images/common/img-board.png) no-repeat -13px -1705px;
    }
    .b-view .view-meta .mt-end, .b-gallery li a .meta .mt-end, .b-list-webzine li a .meta .mt-end {
        background: transparent url(../../images/common/img-board.png) no-repeat -13px -1665px;
    }
    .b-view .view-meta .mt-target, .b-gallery li a .meta .mt-target, .b-list-webzine li a .meta .mt-target {
        background: transparent url(../../images/common/img-board.png) no-repeat 0 -1745px;
    }
    .b-view .view-meta .mt-time, .b-gallery li a .meta .mt-time, .b-list-webzine li a .meta .mt-time {
        background: transparent url(../../images/common/img-board.png) no-repeat 0 -1785px;
    }
}
.b-list-webzine {
    width: 100%;
    border-bottom: 1px solid #7a7d81;
    background: url(../../images/common/bg-line-top2.gif) no-repeat 0 0;
}
.b-list-webzine li a {
    display: block;
    width: 740px;
    padding: 24px 10px 28px;
    border-top: 1px solid #dee0e2;
    cursor: pointer;
}
.b-list-webzine li a .thumbnail {
    float: left;
    width: 200px;
    height: 144px;
    margin: 6px 24px 10px 0;
}
.b-list-webzine li a h2 {
    display: block;
    padding-bottom: 14px;
    color: #3c3e41;
    font-size: 1.384em;
    line-height: 1.444;
    font-weight: normal;
}
.b-list-webzine li a h2 .ic-new {
    display: inline-block;
    float: none;
    width: 15px;
    height: 14px;
    margin-left: 8px;
    vertical-align: -2px;
    *vertical-align: 2px;
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -560px;
}
.b-list-webzine li a p {
    margin: 2px 0 10px;
    text-align: justify;
}
.b-list-webzine li a .meta {
    display: block;
    float: left;
}
.b-list-webzine li a .ic-file {
    width: 36px;
    height: 30px;
    margin-left: 14px;
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -74px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .b-list-webzine li a .ic-file {
        background: transparent url(../../images/common/img-board.png) no-repeat 0 -75px;
    }
}
.b-list-webzine li a:hover, .b-list-webzine li a:focus, .b-list-webzine li a:active{
	text-decoration:none;
}
.b-list-webzine li a:hover h2, .b-list-webzine li a:focus h2, .b-list-webzine li a:active h2{
    color: #f47321;
	text-decoration:underline;
}


.b-list-webzine li:first-child a {
    border: 0;
}
.b-list-webzine li:first-child a .thumbnail {
    width: 300px;
    height: 214px;
}

.b-list-webzine li a:hover p, .b-list-webzine li a:focus p, .b-list-webzine li a:active p {
	color:#55575a;
	text-decoration:none;
}

.b-gallery {
    width: 100%;
    padding-top: 40px;
    border-bottom: 1px solid #7a7d81;
    background: url(../../images/common/bg-line-top2.gif) no-repeat 0 0;
}
.b-gallery li {
    float: left;
    width: 33.333%;
    height: 300px;
}
.b-gallery li a {
    display: block;
    width: 230px;
    margin: 0 auto;
}
.b-gallery li a h2 {
    margin: 14px 0 4px;
    font-size: 1em;
    line-height: 1.4;
}
.b-gallery li a .meta {
    display: block;
    float: left;
}
.b-view h2 {
    padding: 24px 10px 26px;
    border-bottom: 1px dotted #6e7074;
    background: url(../../images/common/bg-line-top2.gif) no-repeat 0 0;
    color: #3c3e41;
    font-size: 1.538em;
    line-height: 1.4;
}
.b-view .view-meta {
    height: 30px;
    padding: 10px 0 5px;
    border-bottom: 1px solid #7a7d81;
}
.b-view .view-content {
    padding: 40px 30px 50px;
    font-size: 1em;
    line-height: 1.693;
}
.b-view .view-file {
    margin: -20px 30px 40px;
}
.b-view .view-file a {
    display: inline-block;
    margin-bottom: 5px;
    padding: 8px 12px 8px 28px;
    border: 1px solid #e0e6e9;
    background: #f2f4f5 url(../../images/common/img-board.png) no-repeat 10px -110px;
    color: #005bac;
    font-size: 0.923em;
    line-height: 1.4;
}
.b-view .view-prev-next {
    height: 48px;
    border-top: 1px solid #7a7d81;
    border-bottom: 1px solid #7a7d81;
}
.b-view .view-prev-next dl {
    float: left;
    width: 50%;
}
.b-view .view-prev-next dl dt, .b-view .view-prev-next dl dd {
    font-size: 0.923em;
    line-height: 48px;
}
.b-view .view-prev-next dl dt {
    width: 16%;
    color: #3c3e41;
    font-weight: bold;
}
.b-view .view-prev-next dl dd {
    width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
}
.b-view .view-prev-next dl.go-prev dt, .b-view .view-prev-next dl.go-prev dd {
    float: left;
}
.b-view .view-prev-next dl.go-prev dt {
    padding-left: 8%;
    background: transparent url(../../images/common/img-board.png) no-repeat 0 -360px;
}
.b-view .view-prev-next dl.go-next {
    width: 379px;
    border-left: 1px dotted #6e7074;
}
.b-view .view-prev-next dl.go-next dt, .b-view .view-prev-next dl.go-next dd {
    float: right;
    text-align: right;
}
.b-view .view-prev-next dl.go-next dt {
    padding-right: 8%;
    background: transparent url(../../images/common/img-board.png) no-repeat 100% -420px;
}
.tab-radio {
    width: 100%;
    height: 70px;
    margin-bottom: 16px;
}
.tab-radio li {
    float: left;
    width: 160px;
    height: 56px;
    border: 1px solid #e6e8e9;
    border-bottom-color: #a8adb2;
    border-left-width: 0;
    font-size: 1.076em;
    line-height: 52px;
    text-align: center;
}
.tab-radio li:first-child {
    border-left-width: 1px;
}
.tab-radio li.active {
    height: 68px;
    border: 0;
    background: url(../../images/contents/bg-tab.png) no-repeat 50% -22px;
    color: #fff;
    line-height: 54px;
}
.agree-cont div {
    margin-top: 10px;
    padding: 16px 24px;
    border: 2px solid #dee0e2;
    border-bottom: 0;
}
.agree-cont fieldset {
    margin-bottom: 30px;
    padding: 5px;
    background: #697887;
    color: #fff;
    text-align: center;
}
.agree-cont fieldset input[type="radio"] {
    margin: 0 5px;
}
.agree-cont fieldset label {
    margin-right: 8px;
}
.b-form .t-notice strong {
    color: #e6193c;
}
.b-form label {
    cursor: pointer;
}
.b-form .b-list-basic {
    margin-top: 10px;
}
.b-form .b-text {
    color: #7a7d81;
    font-size: 0.923em;
    line-height: 1.3;
    letter-spacing: -.3px;
}
.b-form .b-text strong {
    color: #55575a;
}
.b-form .required {
    margin: 0 3px;
    color: #e6193c;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0;
}
.sw-board .rc-end, .sw-board .rc-ing {
    display: block;
    width: 68px;
    height: 26px;
    margin: 0 auto;
    border: 1px solid #7a7d81;
    color: #55575a;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
}
.sw-board .rc-ing {
    border-color: #0080cc;
    background: #0080cc;
    color: #fff;
}


.board_wrap .board_comm{border-bottom: 1px solid #7a7d81; background: url(../../images/common/bg-line-top2.gif) no-repeat 0 0;}
.board_wrap .board_comm .title{font-size:1.384em; color:#333; font-weight:600; margin-bottom:15px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.board_wrap .board_comm .info p{position:relative; display:inline-block; margin-left:9px; font-size:1.05em; color:#818181; padding-left:9px;}
.board_wrap .board_comm .info p:first-child{margin-left:0; padding-left:0;}
.board_wrap .board_comm .info p:before{content:""; display:block; width:1px; height:10px; background:#bfbfbf; position:absolute; top:8px; left:0px;}
.board_wrap .board_comm .info p:first-child:before{display:none;}
.board_wrap .board_comm .info p i{display:inline-block; vertical-align:text-bottom; margin-right:2px; font-size:1.1em;}
.board_wrap .board_comm .info .state.ing{color:#0080cc; font-weight:600;}
.board_wrap .board_comm .info .file {color: #0080cc; font-size: 1.2em;}

.board_wrap .board_comm a:hover .title{text-decoration:underline; color:#eb7208;}

#list_wide a{display:block; padding:25px 15px; border-top:1px solid #dee0e2; box-sizing:border-box;}
#list_wide a:hover{color:inherit; text-decoration:none;}
#list_wide .cont{max-height:70px; display:block; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}

#list_gallery ul{display:flex; flex-wrap:wrap; gap:50px 25px; padding:30px 0;}
#list_gallery li{width:calc((100% - 50px) / 3);}
#list_gallery li a{border-top-width:0; padding:0;}
#list_gallery li a:hover{text-decoration:none;}
#list_gallery li .pic{position:relative; overflow:hidden; text-align:center; background:#fff; height:165px; margin-bottom:10px;}
#list_gallery li .pic img{display:inline-block; width:auto; max-width:inherit; height:165px; position:absolute; top:0; left:50%; transform:translateX(-50%);}
#list_gallery li .title{font-size:1.105em; margin-bottom:0px;}

#list_career table{position:relative; border-top:3px solid #55575a; border-bottom:1px solid #7a7d81;}
#list_career table:before{content:""; display:block; width:61px; height:3px; background:#2c81cf; position:absolute; top:-1px; left:0;}
#list_career table thead{border-bottom:1px solid #7a7d81;}
#list_career table th, #list_career table td{padding:12px 10px 15px; line-height:1em; text-align:center;}
#list_career table td{border-top:1px solid #e6e8e9; font-size:1em; padding:15px 10px;}
#list_career table a{line-height:1.5em; font-size:1.05em; font-weight:600; word-break:keep-all;}
#list_career table .tl i{display:inline-block; margin-left:5px; color:#0080cc; font-size:1.1em; vertical-align:middle;}
#list_career table td .state{display:inline-block; padding:7px 0px 10px;font-weight:600; width:68px; font-size:0.95em; box-sizing:border-box;}
#list_career .state.c_ing{border-color: #0080cc; background: #0080cc; color: #fff;}
#list_career .state.c_end{color:#919191; border:1px solid #b7b7b7; }

#list_view .tit_box{border-bottom:1px solid #7a7d81;}
#list_view .tit_box .title{padding:20px 10px; border-bottom:1px dashed #ccc; margin-bottom:0; font-size:1.5em;}
#list_view .tit_box .info{padding:10px;}

#list_view .link_box{background:#f7f7f7; border-bottom:1px solid #7a7d81;}
#list_view .link_box ul{padding:5px 15px;}
#list_view .link_box li{position:relative; padding:2px 0; padding-left:40px; font-size:0.95em;}
#list_view .link_box li span{display:inline-block; position:absolute; top:2px; left:0; font-weight:600;}
#list_view .link_box li a{text-decoration:underline; word-break:break-all;}

#list_view .cont_box{padding:35px 25px 20px; font-size:1.1em;}
#list_view .cont_box img{max-width:100%;}
#list_view .file_box{margin: 0 25px 35px;}
#list_view .file_box li{margin-top:5px;}
#list_view .file_box li a{display:inline-block; background:#f2f4f5; color:#005bac; padding:5px 10px; font-size:0.95em; border:1px solid #e0e6e9;}
#list_view .file_box li a i{display:inline-block; vertical-align:text-bottom; font-size:1em;}

#list_view .pn_box{display:flex; justify-content:space-between; border-top:1px solid #7a7d81;}
#list_view .pn_box dl{position:relative; width:50%; padding:15px; box-sizing:border-box;}
#list_view .pn_box .next{position:relative; flex-direction:row-reverse;}
#list_view .pn_box .next:before{content:""; display:block; width:1px; height:100%; background:#7a7d81; position:absolute; top:0; left:0;}
#list_view .pn_box dt{position:absolute; top:50%; transform:translateY(-50%); left:15px; font-weight:600;}
#list_view .pn_box dt i{display:inline-block; vertical-align:text-bottom; font-size:1.2em;}
#list_view .pn_box dd{margin-left:80px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
#list_view .pn_box .next dt{left:auto; right:15px;}
#list_view .pn_box .next dd{margin-left:0; margin-right:80px; text-align:right;}