@charset "UTF-8";
/* 1rem = 10px */

.sp{display:none!important;}

#page_header .title{display:flex;align-items:center;}
#page_header .title:after{content:'〔主催：第四北越キャリアブリッジ〕';display:inline-block;font-size:2rem;line-height:2.4em,;}

#page_main .section-header{margin-bottom:50px;}
.page-main .section-title{line-height:3.75em;background:no-repeat;background-size:cover;background-position:center right;}
.page-main #head1 .section-title{background-image:url(../seminar/images/bg-pagehead1.jpg);}
.page-main #head2{margin:115px 0 40px;}
.page-main #head2 .section-title{background-image:url(../seminar/images/bg-pagehead2.jpg);}
.page-main #head3{margin:85px 0 0;}

.section .section-body .btn-area{margin-bottom:24px;text-align:left;}

#btn-area1 a{width:49.5%;padding-right:80px;}

.app-btn{display:flex;flex-wrap:wrap;justify-content:space-between;}
.app-btn li{width:49.5%;border:1px solid #CCCCCC;border-radius:6px;}
.app-btn li a{display:block;padding:15px 56px 15px 15px;color:#005eb0!important;font-size:1.8rem;font-weight:bold;line-height:1.334em;text-decoration:none;position:relative;}
.app-btn li a:before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:icomoon, sans-serif;font-style:normal;font-variant:normal;text-transform:none;speak:none;
content:"\e913";width:31px;height:31px;color:#fffffc;font-size:1.3rem;font-weight:700;line-height:31px;text-align:center;border-radius:50%;background-color:#005eb0;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}

.title-sem{margin:70px 0 35px;padding-left:56px;font-size:2.8rem;line-height:1.786em;position:relative;}
.title-sem:before{content:'';display:block;width:40px;height:40px;background:no-repeat center;background-size:100% auto;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.title-sem#anc1:before{background-image:url(../seminar/images/icon-sem-title1.jpg);}
.title-sem#anc2{margin-top:115px;}
.title-sem#anc2:before{background-image:url(../seminar/images/icon-sem-title2.jpg);}
.title-sem#anc3{margin:115px 0 15px;}
.title-sem#anc3:before{background-image:url(../seminar/images/icon-sem-title3.jpg);}

.filter-label{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.filter-label li{margin:0 12px 12px 0;padding:0 1em;font-size:1.5rem;line-height:2em;border:1px solid #F9DCAE;cursor:pointer;}
.filter-label li.on{background:#F9DCAE;}

.sem-box{display:flex;flex-wrap:wrap;}
.sem-box .sem-item{width:32.4%;margin:0 1.4% 1.4% 0;}
.sem-box .sem-item:nth-of-type(3n){margin-right:0;}
.sem-box .sem-item a{display:block;height:100%;padding:15px 15px 10px;text-decoration:none;border:1px solid #CCCCCC;border-radius:6px;position:relative;}
.sem-box .sem-item.new a:before{content:'NEW';display:inline-block;color:#fff;font-size:1.2rem;font-weight:bold;line-height:100%;position:absolute;top:0;right:0;margin:-0.4rem 1.3rem 0 0;padding:0.6rem 0.6rem 0.55rem;border-radius:0.4rem;background:#E60012;}
.sem-box .sem-item .label{display:inline-block;padding:0 0.7em;font-size:1.4rem;line-height:1.71em;border-radius:4px;background:#F9DCAE;}
.sem-box .sem-item .name{margin:7px 0 3px;font-weight:bold;}
.sem-box .sem-item .date{font-size:1.4rem;}

.price-list{width:100%;border-top:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-spacing:0;}
.price-list th,
.price-list td{padding:8px;font-size:1.6rem;font-weight:normal;line-height:1.75em;}
.price-list th small{display:block;font-size:1.4rem;line-height:1.71em;}
.price-list th{border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;background:#C9E5FF;}
.price-list th.thead1{color:#fff;line-height:1.5em;background:#3881C1;}
.price-list th.thead2,
.price-list th.thead3{line-height:1.5em;background:#FFF1BE;}
.price-list td{text-align:center;border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC;}
.price-list tr:nth-of-type(even) td{background:#F2F2F2;}
.price-list + .note{margin-top:5px;padding-left:1em;text-indent:-1em;font-size:1.4rem;line-height:1.86em;}

.gray-box{margin-top:25px;padding:20px 30px;background:#F2F2F2;}
.title-detail{margin-top:40px;font-size:1.8rem;line-height:1.67em;padding-bottom:8px;border-bottom:1px solid #202020;}
.title-detail + p{margin-top:20px;}
.title-detail + p a{color:#005eb0!important;}

.detail-box{padding:40px;border:1px solid #CCCCCC;border-radius:6px;position:relative;}
.detail-box.new:before{content:'NEW';display:inline-block;color:#fff;font-size:1.8rem;font-weight:bold;line-height:100%;position:absolute;top:0;right:0;margin:-0.9rem 1.5rem 0 0;padding:0.8rem 1rem;border-radius:0.4rem;background:#E60012;}
.sem-box .sem-item:nth-of-type(3n){margin-right:0;}
.detail-box + .detail-box{margin-top:56px;}
.detail-box .detail-label{display:flex;flex-wrap:wrap;margin-bottom:00px;}
.detail-box .detail-label li{margin-right:12px;padding:0 1em;font-size:1.6rem;line-height:2em;background:#F9DCAE;}
.detail-box .title-detail{margin-top:5px;}
.detail-box p{padding-left:5em;position:relative;}
.detail-box p span{position:absolute;left:0;}
.detail-box .btn-area{margin-top:36px;text-align:center!important;}
.detail-box .arrow-btn{min-width:0!important;max-width:100%!important;}
.detail-box .arrow-btn:first-of-type{width:300px;margin-right:16px!important;background:#F99900!important;}
.detail-box .arrow-btn:last-of-type{width:480px;}
.detail-box .arrow-btn:first-of-type:after{color:#F99900!important;}
.detail-box .arrow-btn[href=""]{background:#9f9f9f!important;pointer-events: none;}
.detail-box .arrow-btn[href=""]:after{color:#9f9f9f!important;}



@media screen and (max-width:667px){

.pc{display:none!important;}
.sp{display:block!important;}

#header_anchor ul{width:430px;}

#page_header .title{flex-wrap:wrap;}
#page_header .title:after{font-size:1.4rem;line-height:2em,;}

#page_main .section-header{margin-bottom:40px;}
.page-main .section-title{display:flex;align-items:center;height:120px;line-height:1.44em;}
.page-main #head1 .section-title{background-image:url(../seminar/images/sp-bg-pagehead1.jpg);}
.page-main #head2{margin-top:70px;}
.page-main #head2 .section-title{background-image:url(../seminar/images/sp-bg-pagehead2.jpg);}
.page-main #head3{margin:5px 0 0;}

.section .section-body .btn-area{margin-bottom:20px;}
.section .section-body #btn-area1 .arrow-btn{width:100%;max-width:100%;padding-right:80px;font-size:1.8rem;line-height:1.67em;}

#btn-area1 a{}
#btn-area1 a + a{margin-top:20px;}

.app-btn{}
.app-btn li{width:100%;}
.app-btn li + li{margin-top:20px;}
.app-btn li a{font-size:1.6rem;line-height:1.5em;}

.title-sem{margin:50px 0 24px;padding-left:40px;font-size:2.2rem;line-height:2.27em;}
.title-sem:before{width:30px;height:30px;}
.title-sem#anc2{margin-top:60px;}
.title-sem#anc3{margin:60px 0 -12px;}

.filter-label{margin-bottom:12px;}

.sem-box{}.sem-box .sem-item{width:100%;margin:0 0 14px 0!important;}
.sem-box .sem-item:nth-of-type(3n){margin-right:0!important;}

.price-list + .price-list{margin-top:32px;}
.price-list tbody,
.price-list tr{display:block;}
.price-list th,
.price-list td{display:block;width:100%;}
.price-list th br{display:none;}
.price-list tr:nth-of-type(even) td{background:#ffffff;}
.price-list + .note{margin-top:24px;}

.gray-box{margin-top:20px;padding:12px 20px;}
.title-detail{font-size:1.6rem;line-height:1.875em;}

.detail-box{padding:23px;}
.detail-box + .detail-box{margin-top:40px;}
.detail-box .detail-label{margin-bottom:0;}
.detail-box .detail-label li{margin-right:8px;padding:0 0.5em;font-size:1.4rem;line-height:1.71em;}
.detail-box .btn-area{margin-top:35px;}
.detail-box .arrow-btn{width:100%!important;}
.detail-box .arrow-btn:first-of-type{margin-right:0!important;}
.detail-box .arrow-btn:last-of-type{margin-top:16px;}

}

/* CSSここまで */