@charset "utf-8";

.program-list {position:relative;width:100%;overflow:hidden;margin-top:1.45rem}
.program-list ul {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    margin:-0.5rem;
}
.program-list ul li {float:left;position:relative;width:25%;padding:0.5rem}
.program-list ul li .list-inner {border:1px solid #ececec;background-color:#fff;position:relative;}
.program-list ul li .imgbox {position:relative;width:100%;}
.program-list ul li .imgbox .s_img {padding-top:100%}
.program-list ul li .deadline {position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.61);text-align:center;z-index:3;}
.program-list ul li .deadline p {
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    font-size:1.1rem;
    color:#fff;
    font-weight:300;
    transform:translateY(-50%);
} 
.program-list ul li .list-cont {display:table;width:100%;height:5.45rem;text-align:center;}
.program-list ul li .list-cont .in {display:table-cell;width:100%;height:100%;vertical-align:middle;padding:0.5rem;}
.program-list ul li .list-cont .subject {display:block;font-size:0.9rem;color:#333;font-weight:500;line-height:1.3;}
.program-list ul li .list-cont .txt {margin-top:7px;font-size:0.8rem;color:#8a8a8a;font-weight:300;}
.program-list ul li .list-cont .txt .org {color:#fd8307}
@media screen and (max-width:910px) {
    .program-list ul li {width:50%}
}

.program-view {position:relative;margin-top:1.95rem;}
.program-view .program-view-top {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
}
.program-view-top-img {position:relative;width:14.25rem;flex-shrink:0;}
.program-view-top-img .s_img {padding-top:100%}
.program-view-top-img img {max-width:100%;height:auto;}
.program-view-top-cont {position:relative;width:100%;margin-left:1.5rem;border-top:2px solid #1a1a1a;border-bottom:1px solid #999;}
.program-view-top-cont .title {position:relative;padding:1.25rem 11rem 1.25rem 1rem;border-bottom:1px solid #999999}
.program-view-top-cont .title .tit {font-size:1.3rem;color:#2b2b2b;font-weight:500;line-height:1.3;}
.program-view-top-cont .title .state-box {position:absolute;top:1.5rem;right:0}
.program-view-top-cont .title .state-box .state {
    display:inline-block;
    position:relative;
    width:5.1rem;
    height:2rem;
    line-height:1.8rem;
    text-align:center;
    font-size:0.9rem;
    color:#2b2b2b;
    font-weight:300;
}
.program-view-top-cont .title .state-box .state.bg1 {background-color:#ff2e2e;color:#fff}
.program-view-top-cont .cont-info {padding:1rem 1rem 0;}
.program-view-top-cont .cont-info ul li {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:0.5rem
}
.program-view-top-cont .cont-info ul li strong {display:block;width:7.5rem;flex-shrink:0;font-size:0.8rem;color:#2b2b2b;font-weight:500}
.program-view-top-cont .cont-info ul li p {display:block;color:#2b2b2b;font-weight:300;color:#2b2b2b;font-size:0.8rem;font-weight:300;}
.program-view-top-cont .cont-info ul li .org {color:#ff6600}
.program-view .program-view-content {position:relative;padding:1rem 0.7rem;}
.program-view .program-view-content .program-view-incont {min-height:24.3rem}
.program-view .program-view-hash {position:relative;}
.program-view .program-view-hash .hash {display:inline-block;vertical-align:middle;position:relative;border:1px solid #757575;padding:0.45rem;font-size:0.7rem;color:#4a4a4a;font-weight:300;}
.program-view .program-view-file {margin-top:2rem;border-bottom:1px solid #999999}
.program-view .program-view-file dl {display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;}
.program-view .program-view-file dd {padding-left:0.85rem;font-size:0.7rem;font-weight:300;color:#717171;}
.program-view .program-view-file .ftitle {width:12rem;padding:0.5rem 0;background-color:#f8f8f8;text-align:center;font-size:0.7rem;color:#717171;}
.program-btn-box {text-align:right;margin-top:1rem}
@media screen and (max-width:730px) {
    .program-view .program-view-top {flex-direction:column;}
    .program-view-top-cont {margin-left:0;margin-top:2rem}
    .program-view-top-cont .cont-info ul li strong {width:4.5rem}
    .program-view .program-view-file .ftitle {width:5rem}
    .program-view-top-cont .title {padding-right:1rem}
    .program-view-top-cont .title .state-box {position:relative;top:auto;right:auto;text-align:right;margin-top:0.5rem}
    .program-result .result-cont-info ul li strong {width:4.5rem}
}


.program-write .program-view-top-cont {margin-left:0}
.program-write .program-write-content {padding:1.5rem 1.2rem;border-bottom:1px solid #999}
.program-write .frm_box {display:table;width:100%;margin-bottom:1.3rem}
.program-write .frm_box .frm_tit {display:table-cell;width:7.45rem;float:none;padding-top:0;vertical-align:middle;}
.program-write .frm_box .frm_cont {display:table-cell;width:calc(100% -7.45rem);float:none;vertical-align:middle;}
.program-write .frm_box .frm_tit span,
.program-write .frm_box .frm_tit label {padding-left:0;font-size:0.8rem;color:#404040;}
.program-write .frm_box .frm_tit label::before {display:none;}
.program-write .frm_box .frm_tit span::before {display:none;}
.program-write .frm_box .frm_input {border:1px solid #e5e5e5;height:2rem;line-height:2rem;}
.program-write .personnel {position:relative;overflow:hidden;}
.program-write .personnel ul {margin:-0.5rem}
.program-write .personnel ul li {display:inline-block;padding:0.5rem;position:relative;}
.program-write .personnel ul li label {display:block;width:6.5rem}
@media screen and (max-width:980px){
    .program-write .tel_box {display:block;}
}
@media screen and (max-width:700px) {
    .program-write .frm_box,
    .program-write .frm_box .frm_tit,
    .program-write .frm_box .frm_cont {display:block;width:100%}
    .program-write .personnel ul li {width:calc(33.33333333333% - 5px);}
    .program-write .personnel ul li label {width:auto}
}


.program-result {position:relative;border-top:2px solid #1a1a1a;}
.program-result .program-result-cont {border-bottom:1px solid #999;}
.program-result .program-result-title {position:relative;padding:1.25rem 1rem 1.25rem 1rem;border-bottom:1px solid #999999;text-align:center;}
.program-result .program-result-title .title {font-size:1.3rem;color:#2b2b2b;font-weight:500;line-height:1.3;}
.program-result .result-cont-info {padding:1rem 1rem 1rem;}
.program-result .result-cont-info ul li {
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    margin-bottom:0.5rem
}
.program-result .result-cont-info ul li strong {display:block;width:7.5rem;flex-shrink:0;font-size:0.8rem;color:#2b2b2b;font-weight:500}
.program-result .result-cont-info ul li p {display:block;color:#2b2b2b;font-weight:300;color:#2b2b2b;font-size:0.8rem;font-weight:300;}
.program-result .result-cont-info.bg1 {border-top:1px solid #999;background-color:#f9f9f9}

.program-price {position:relative;margin:1.15rem 0;font-size:1.2rem;color:#4a4a4a;text-align:right;}
.program-price strong {color:#fd8307;font-weight:400;}

.program-result-etc {padding:1.35rem 1.3rem;border-top:1px solid #efefef;border-bottom:1px solid #999999;font-size:0.8rem;color:#404040;line-height:1.2rem;font-weight:300;}
.program-result-etc strong {font-weight:500;}

@media screen and (max-width:730px) {  
    .program-result .result-cont-info ul li strong {width:4.5rem}
}