#global_header{border-bottom: 1px solid #bbb;}

h1,h2,h3,h4,h5{font-size:100%}
@media (min-width: 768px) {
.sp_only{display:none}
}
@media (max-width: 767px) {
.sp_only{display:inline}
}
.w980 .global_header .container{max-width:1300px}
.telework{font-family:'Noto Sans JP';font-size:10px;color:#000}
.telework *{-webkit-box-sizing:border-box;box-sizing:border-box}
.telework img{width:100%}
.telework .area-hero{background-image:url(../img/hero_pc.jpg);background-repeat:no-repeat;max-width:1440px;margin:0 auto;-webkit-background-size:cover;background-size:cover;background-position:center center}
.telework .area-hero .content{max-width:1226px;margin:0 auto;padding:0 13px}
.telework .area-hero .heading{line-height:1.2;background-color:#d11109;display:inline-block;color:#fff;font-weight:700;font-size:6em;margin-top:135px;width:425px;white-space:nowrap;padding-top:10px;padding-bottom:13px;padding-left:22px}
.telework .area-hero .lead{margin-top:20px}
.telework .area-hero .lead span{display:inline-block;color:#fff;font-weight:700;background-color:#000;font-size:2.4em;line-height:54px;padding-left:16px}
.telework .area-hero .lead span:last-child{margin-top:-10px}
.telework .area-hero .desc{margin-top:125px;font-size:1.8em;font-weight:700;line-height:2.27778;padding-bottom:70px;text-decoration:underline}
.telework .area-contact .btn a:hover,.telework .common-sec .links__btns .btn a:hover,.telework .sec-2 .content .list__item a:hover{text-decoration:none;opacity:.7}
.telework .sec-1{background-color:#d11109;padding:46px 0 74px}
.telework .sec-1 .heading{text-align:center;color:#fff;font-size:3.6em;font-weight:700;line-height:1.66667;margin-bottom:75px}
.telework .sec-1 .heading span{position:relative;display:inline-block}
.telework .sec-1 .heading span:after{content:'';width:100%;background-color:#fff;height:1px;position:absolute;left:0;bottom:-5px}
.telework .sec-1 .content .inner:after,.telework .sec-1 .content .inner:before{content:'';width:103px;height:103px;display:block;background-image:url(../img/deco1.png)}
.telework .sec-1 .content{max-width:1226px;margin:0 auto;padding:0 13px}
.telework .sec-1 .content .inner{position:relative;border:4px solid #d11109;background-color:#a70e07;padding:65px 62px}
.telework .sec-1 .content .inner:before{position:absolute;left:-4px;top:-4px}
.telework .sec-1 .content .inner:after{position:absolute;right:-4px;bottom:-4px;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}
.telework .sec-1 .content .title{white-space:nowrap;position:absolute;background-color:#ae0e08;color:#fff;padding:9px 16px;font-size:2.4em;font-weight:700;left:50%;top:0;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:1px solid red}
.telework .sec-1 .content .features{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.telework .sec-1 .content .features__item{background-color:#fff;width:32%;padding:7px 7px 30px}
.telework .sec-2 .heading>span span:after,.telework .sec-2 .heading>span:after{width:100%;background-color:#000;height:1px;left:0;content:''}
.telework .sec-1 .content .features__item .image{margin-bottom:16px}
.telework .sec-1 .content .features__item .lead{text-align:center;font-weight:700;font-size:2.1em;vertical-align:middle;min-height:62px;margin-bottom:10px}
.telework .sec-1 .content .features__item .desc{font-size:1.4em;padding:0 14px;line-height:1.4}
.telework .sec-2{padding:46px 0 120px}
.telework .sec-2 .heading{text-align:center;font-size:3.6em;font-weight:700;line-height:1.66667;margin-bottom:75px}
.telework .sec-2 .heading>span{position:relative}
.telework .sec-2 .heading>span:after{position:absolute;bottom:-5px}
.telework .sec-2 .heading>span span{position:relative;display:inline-block}
.telework .sec-2 .heading>span span:after{position:absolute;bottom:0}
.telework .sec-2 .content{max-width:1226px;margin:0 auto;padding:0 13px}
.telework .sec-2 .content .list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.telework .sec-2 .content .list__item{width:32%;margin-bottom:50px;border-bottom:1px solid #ccc}
.telework .sec-2 .content .list__item a{display:block;padding-bottom:23px;-webkit-transition:opacity .3s;transition:opacity .3s}
.telework .sec-2 .content .list__item a span{color:#000;font-weight:700;font-size:2.8em;line-height:1.3;margin-top:20px;display:block;position:relative;padding-left:32px}
.telework .sec-2 .content .list__item a span::before{content:'';width:24px;height:24px;background-color:#c0110c;display:block;border-radius:50%;background-image:url(../img/arrow.svg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:5px 5px;background-size:5px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);position:absolute;left:0;top:5px}
.telework .common-sec .heading{height:172px;padding-top:20px;text-align:center;background-repeat:no-repeat;background-position:center;-webkit-background-size:auto auto;background-size:auto}
.telework .common-sec .heading .num{display:inline-block;font-size:1.6em;border:1px solid #000;margin-bottom:8px}
.telework .common-sec .heading .num span{line-height:35px;display:inline-block}
.telework .common-sec .heading .num span:nth-child(1){background-color:#000;color:#fff;padding:0 7px}
.telework .common-sec .heading .num span:nth-child(2){width:35px;height:35px;background-color:#fff}
.telework .common-sec .heading>span{display:block;font-size:4em;font-weight:700}
.telework .common-sec .title{height:440px;-webkit-background-size:cover;background-size:cover;background-position:center center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:red;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:center;align-content:center;margin-bottom:68px;text-align:center}
.telework .common-sec .title .inner{max-width:1226px;padding:0 13px;margin:0}
.telework .common-sec .title p{font-weight:700;color:#fff;width:auto;display:inline-block;font-size:2.4em;text-shadow:0 0 6px rgba(0,0,0,.8);margin-bottom:24px;position:relative}
.telework .common-sec .title p:after{content:'';width:100%;background-color:#fff;height:1px;position:absolute;left:0;bottom:-4px}
.telework .common-sec .title h4{text-align:center;background-color:#fff;color:#000;padding:18px 12px;font-size:3.2em;font-weight:700}
.telework .common-sec .lead{text-align:center}
.telework .common-sec .lead h5{font-size:2.4em;font-weight:700;margin-bottom:28px}
.telework .common-sec .lead p{font-size:1.8em;line-height:1.77778;margin-bottom:65px}
.telework .common-sec .image{width:100%;background-color:#f2f2f2;margin-bottom:110px}
.telework .common-sec .image img{vertical-align:bottom}
.telework .common-sec .image .inner{max-width:1226px;margin:0 auto;padding:0 13px}
.telework .common-sec .features{max-width:1226px;margin:0 auto 110px;padding:0 13px}
.telework .common-sec .features dl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border:4px solid #000}
.telework .common-sec .features dl>div{width:33.3%;border-left:1px solid #000;padding:50px;position:relative}
.telework .common-sec .features dl>div:first-child{border-left:none}
.telework .common-sec .features dl>div dt{text-align:center;background-color:#000;color:#fff;position:absolute;top:0;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:1.9em;width:80%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:700;line-height:1.2;padding:0 10px}
.telework .common-sec .features dl>div dd{font-size:1.8em;font-weight:700}
.telework .common-sec .links{background-color:#d11109;padding:60px 0}
.telework .common-sec .links>p{text-align:center;color:#fff;font-weight:700;font-size:3.6em;padding:0 20px}
.telework .common-sec .links__btns{max-width:1226px;margin:50px auto 0;padding:0 13px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.telework .common-sec .links__btns .btn{width:42%;margin:0 1.5%}
.telework .common-sec .links__btns .btn a{display:block;position:relative;text-align:center;background-color:#fff;border-radius:45px;line-height:90px;font-size:2.8em;font-weight:700;color:#000;border:2px solid red;-webkit-transition:opacity .3s;transition:opacity .3s}
.telework .common-sec .links__btns .btn a::before{content:'';width:32px;height:32px;background-color:#c0110c;display:block;border-radius:50%;background-image:url(../img/arrow.svg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:5px 5px;background-size:5px;position:absolute;right:28px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}
.telework .common-sec+.common-sec{margin-top:120px}
.telework .sec-3 .heading{background-image:url(../img/title-bg1.png)}
.telework .sec-3 .title{background-image:url(../img/img10.jpg)}
.telework .sec-4 .heading{background-image:url(../img/title-bg2.png)}
.telework .sec-4 .title{background-image:url(../img/img12.jpg)}
.telework .sec-5 .heading{background-image:url(../img/title-bg3.png)}
.telework .sec-5 .title{background-image:url(../img/img14.jpg)}
.telework .sec-6 .heading{background-image:url(../img/title-bg4.png)}
.telework .sec-6 .title{background-image:url(../img/img16.jpg)}
.telework .sec-7 .heading{background-image:url(../img/title-bg5.png)}
.telework .sec-7 .title{background-image:url(../img/img18.jpg)}
.telework .sec-8 .heading{background-image:url(../img/title-bg6.png)}
.telework .sec-8 .title{background-image:url(../img/img20.jpg)}
.telework .sec-8 .image{background-color:#fff}
.telework .area-contact{background-image:url(../img/img22.jpg);-webkit-background-size:cover;background-size:cover;padding:180px 0 270px}
.telework .area-contact .heading{text-align:center;font-size:4.8em;font-weight:700;line-height:1.625;text-shadow:0 0 8px #fff;padding-top:50px}
.telework .area-contact .heading span{display:inline-block;position:relative}
.telework .area-contact .heading span:after{content:'';width:100%;background-color:#000;height:2px;position:absolute;left:0;bottom:-3px;-webkit-box-shadow:0 0 8px #fff;box-shadow:0 0 8px #fff}
.telework .area-contact>p{font-size:2.4em;text-align:center;margin-top:60px;text-shadow:0 0 2px #fff}
.telework .area-contact .btn{margin-top:85px}
.telework .area-contact .btn a{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0 auto;width:710px;font-size:2.4em;background-color:#fff;border-radius:45px;height:90px;text-align:center;font-weight:700;color:#000;border:2px solid red;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:opacity .3s;transition:opacity .3s}
.telework .area-contact .btn a::after{margin-left:28px;content:'';width:32px;height:32px;background-color:#c0110c;display:block;border-radius:50%;background-image:url(../img/arrow.svg);background-repeat:no-repeat;background-position:center center;-webkit-background-size:5px 5px;background-size:5px}
.telework .pagetop a{display:none;position:fixed;bottom:30px;right:0;z-index:100;width:35px;-webkit-transition:bottom .3s;transition:bottom .3s}
.telework .pagetop a.fixed{bottom:76px}
@media print,screen and (min-width:768px){.sp,.telework .sec-2 .heading>span span:after{display:none}
.global_footer{padding:30px 0;text-align:center}
.global_footer .copyright{float:none}
}
@media only screen and (max-width:1024px) and (min-width:768px){.telework .common-sec .features dl>div dt br,.telework .sec-2 .content .list__item a span br{display:none}
.telework .sec-2 .content .list__item a span{font-size:2.4em}
.telework .common-sec .features dl>div{padding:50px 25px}
.telework .common-sec .features dl>div dt{font-size:1.7em;height:74px}
.telework .common-sec .features dl>div dd{font-size:1.6em}
.telework .common-sec .links__btns{display:block}
.telework .common-sec .links__btns .btn{width:80%;margin:0 auto 25px}
.telework .common-sec .links__btns .btn:last-child{margin-bottom:0}
}
@media only screen and (max-width:767px){.pc,.telework .area-hero .desc br,.telework .sec-1 .content .inner:after,.telework .sec-1 .content .inner:before{display:none}
.w980 .global_header .container{max-width:100%}
.telework .area-hero{height:auto;background-image:url(../img/hero_sp.jpg);-webkit-background-size:100% 100%;background-size:100%;background-position:top center}
.telework .area-hero .content{max-width:100%;padding:0}
.telework .area-hero .heading{margin-top:66vw;font-size:3.6em;width:250px;margin-left:20px;padding:10px 0 13px 10px}
.telework .area-hero .lead{margin-left:20px;margin-top:15px}
.telework .area-hero .lead span{font-size:1.5em;line-height:1.9;padding-left:8px}
.telework .area-hero .lead span:last-child{margin-top:-5px}
.telework .area-hero .desc{padding:5px 20px 30px;background-color:#fff;font-size:1.2em;margin-top:10px;line-height:1.875}
.telework .sec-1{padding:30px 0 0}
.telework .sec-1 .heading{max-width:1226px;margin:0 auto 40px;padding:0 13px;font-size:1.8em}
.telework .sec-1 .heading span:after{bottom:-2px}
.telework .sec-1 .content{max-width:100%;padding:0}
.telework .sec-1 .content .inner{border:none;padding:40px 20px 10px}
.telework .sec-1 .content .title{font-size:1.2em;white-space:nowrap}
.telework .sec-1 .content .features{display:block}
.telework .common-sec .title p:after,.telework .sec-1 .content .features__item .lead br,.telework .sec-2 .content .list__item img,.telework .sec-2 .heading>span:after{display:none}
.telework .sec-1 .content .features__item{width:100%;margin-bottom:20px;padding:4px 4px 20px}
.telework .sec-1 .content .features__item .lead{font-size:1.6em;min-height:auto}
.telework .sec-2{padding:35px 0 60px}
.telework .sec-2 .heading{font-size:1.8em;line-height:2.26667;margin-bottom:30px}
.telework .sec-2 .content{max-width:100%;padding:0;border-top:2px solid #ccc;border-bottom:1px solid #ccc}
.telework .sec-2 .content .list__item:nth-child(odd){border-right:1px solid #ccc}
.telework .sec-2 .content .list__item{width:50%;margin-bottom:0}
.telework .sec-2 .content .list__item a{padding:15px}
.telework .sec-2 .content .list__item a span{font-size:1.4em;margin-top:0;padding-left:26px}
.telework .sec-2 .content .list__item a span::before{width:15px;height:15px;-webkit-background-size:4px 4px;background-size:4px;top:3px}
.telework .common-sec .heading{height:auto;margin-bottom:30px;background-image:none;padding-top:0}
.telework .common-sec .heading .num{font-size:.8em}
.telework .common-sec .heading .num span{line-height:18px}
.telework .common-sec .heading .num span:nth-child(2){width:18px;height:18px}
.telework .common-sec .heading>span{font-size:1.8em}
.telework .common-sec .title{height:auto;padding:75px 0;margin-bottom:30px}
.telework .common-sec .title .inner{max-width:100%;padding:0 20px}
.telework .common-sec .title p{font-size:1.6em;text-decoration:underline;line-height:1.61111;width:100%}
.telework .common-sec .title h4{font-size:1.5em;line-height:1.4;padding:5px 10px;display:inline-block}
.telework .common-sec .lead h5{font-size:1.4em;margin-bottom:20px}
.telework .common-sec .lead p{font-size:1.4em;line-height:1.35714;max-width:1226px;margin:0 auto 30px;padding:0 13px;text-align:left}
.telework .common-sec .lead p br{display:none}
.telework .common-sec .image .inner{max-width:100%;padding:0}
.telework .common-sec .image{margin-bottom:40px}
.telework .common-sec .features{max-width:100%;padding:0 20px;margin-bottom:30px}
.telework .common-sec .features dl{display:block;border:2px solid #000}
.telework .common-sec .features dl>div{width:100%;padding:25px 15px 30px;border-left:none;border-bottom:1px solid #000}
.telework .common-sec .features dl>div dt{font-size:1.4em;line-height:1.3;width:auto;white-space:nowrap;height:auto;padding:6px 9px}
.telework .common-sec .features dl>div dd{font-size:1.4em;line-height:1.35714}
.telework .common-sec .links{padding:30px 0}
.telework .common-sec .links>p{font-size:1.4em}
.telework .common-sec .links__btns{max-width:100%;padding:0 20px;margin-top:20px;display:block}
.telework .common-sec .links__btns .btn{width:100%;margin:20px 0 0}
.telework .common-sec .links__btns .btn a{border:1px solid red;font-size:1.6em;line-height:45px}
.telework .common-sec .links__btns .btn a::before{width:16px;height:16px;right:10px}
.telework .common-sec+.common-sec{margin-top:60px}
.telework .sec-3 .title{background-image:url(../img/img10_sp.jpg)}
.telework .sec-4 .title{background-image:url(../img/img12_sp.jpg)}
.telework .sec-5 .title{background-image:url(../img/img14_sp.jpg)}
.telework .sec-6 .title{background-image:url(../img/img16_sp.jpg)}
.telework .sec-7 .title{background-image:url(../img/img18_sp.jpg)}
.telework .sec-8 .title{background-image:url(../img/img20_sp.jpg)}
.telework .area-contact{background-image:url(../img/img22_sp.jpg);padding:80px 0 50px}
.telework .area-contact .heading span:after{bottom:-1px;height:1px}
.telework .area-contact .heading{font-size:2em;line-height:2;padding-top: 0;}
.telework .area-contact>p{margin-top:25px;font-size:1.4em}
.telework .area-contact .btn{max-width:1226px;margin:0 auto;padding:0 13px}
.telework .area-contact .btn a{margin-top:45px;width:100%;font-size:1.1em;height:45px;border:1px solid red}
.telework .area-contact .btn a::after{width:14px;height:14px;margin-left:10px;-webkit-background-size:3px 3px;background-size:3px}
.telework .pagetop a{bottom:20px}
.telework .pagetop a.fixed{bottom:62px}
.global_footer{margin-top:0;border-top:1px solid #bbb;background-color:#fff;padding:15px 0;text-align:center}
}
@media only screen and (max-width:767px) and (max-width:767px){.telework .area-contact .btn,.telework .common-sec .lead p,.telework .sec-1 .heading{max-width:100%;padding:0 20px}
}
@media only screen and (max-width:320px){.telework .area-hero .heading{font-size:3.2em;width:226px}
.telework .area-hero .lead span{font-size:1.4em}
.telework .sec-1 .heading{font-size:1.6em}
.telework .sec-2 .content .list__item a span br{display:none}
.telework .common-sec .features dl>div dt{font-size:1.2em;padding:4px 7px}
.telework .common-sec .features dl>div dd{font-size:1.2em}
.telework .area-contact .btn a{font-size:1em}
}
@media print, screen and (min-width: 1199px) {.breadcrumb_list li{font-size: 12px;font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", Osaka, Verdana, "ＭＳ Ｐゴシック", sans-serif;}}
#global_footer {font-size: 12px !important;}
#global_footer .function_nav,#global_footer .copyright,#global_header .site_search .phrase {font-size: 12px !important;font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif;}
.telework .btn {width: 100%;}
.telework .btn span::after {display: none;}
 
a[target="_blank"]{
    text-decoration: none;
}
a[target="_blank"]::after{
    margin-left: 5px;
}
.external::after{
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' viewBox='0 0 19 16'%3E%3Cpath fill='%23c30000' d='M10 14H2V8h3V6H0v10h12v-4h-2v2zM6 0v11h13V0H6zm11 9H8V4h9v5z'/%3E%3C/svg%3E")
    50% 50% / 100% 100% no-repeat;
}
@media only screen and (max-width:767px) {
    .external::after{
        width: 10px;
        height: 10px;
    }
}