@charset "utf-8";
/* CSS Document */

/* コンテンツ幅 フル */
.contentsInr{width:auto;padding:0px;}

/* コンテンツ幅 950px */
.contentsInr .contentsUnit{padding:0 10px;}
@media all and (min-width:740px){
.contentsInr .contentsUnit{width:950px;padding:0px;margin:0 auto;}
}

button:hover{cursor:pointer;}

html{overflow-y:scroll;}
body.JS_scrollFixed{overflow:hidden;position:fixed;width:100%;height:100%;left:0;}


.lspnavi__btn{width:80px;height:80px;position:fixed;right:10px;bottom:75px;z-index:10000;}
.lspnavi__btn button{display:block;background:#5539BB;border:none;border-radius:50%;color:#fff;width:100%;height:100%;position:relative;}
.lspnavi__btn button:hover{opacity:0.8;}
.lspnavi__btn button:before,
.lspnavi__btn button:after,
.lspnavi__btn button > span:before{content:"";display:block;border-top:4px solid #fff;position:absolute;left:50%;width:36px;transform:translateX(-50%);}
.lspnavi__btn button:before{top:20px;}
.lspnavi__btn button:after{top:30px;}
.lspnavi__btn button > span:before{top:40px;}
.lspnavi__btn button > span{display:inline-block;padding-top:35px;}

.lspnavi__pnl{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;overflow:auto;-webkit-overflow-scrolling:touch;}
.lspnavi__pnl .lspnavipnlInr{position:relative;}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__close{position:absolute;top:-32px;right:-3px;}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__close button{background:none;border:none;width:24px;height:24px;position:relative;}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__close button:before,
.lspnavipnlInr__close button:after{content:"";background:#fff;position:absolute;top:10px;right:0px;width:24px;height:2px;}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__close button:before{transform:rotate(-45deg);}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__close button:after{transform:rotate(45deg);}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__cont{border:1px solid #ccc;background:#fff;width:calc(100vw - 32px);max-width:950px;height:460px;overflow-y:scroll;padding:40px;}

.lspnaviList__list{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;}
.lspnaviList__list > li{width:calc(50% - 20px);margin-bottom:10px;}
.lspnaviList__list > li > a{border-bottom:1px solid #ccc;}
.lspnaviList__list > li > ul > li{border-bottom:1px dotted #ccc;}
.lspnaviList__list li a{display:block;font-size:1.4rem;font-weight:700;position:relative;width:100%;padding:10px 30px 10px 8px;}
.lspnaviList__list li a:before{content:'';width:10px;height:10px;border-top:solid 2px #5539BB;border-right:solid 2px #5539BB;position:absolute;top:50%;right:20px;transform:rotate(45deg) translateY(-50%);}
.lspnaviList__list .expandList > a:before{border:none;background:#5539BB;right:13px;width:16px;height:2px;transform:rotate(90deg) translateY(-50%);}
.lspnaviList__list .expandList > a:after{content:'';background:#5539BB;border:none;position:absolute;top:18px;right:12px;width:16px;height:2px;}
.lspnaviList__list .expandList > a.is-navi-oepn{color:#7a5fd2;border-color:#7a5fd2;}
.lspnaviList__list .expandList > a.is-navi-oepn:before{display:none;}
.lspnaviList__list .expandList > ul a{font-weight:400;}

.jspOverlay{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);z-index:9998;}

.scrollSticky{position:sticky;top:0;width:100%;background:#fff;}

@media (min-width: 740px){
.pageTop{right: 100px;}
.lspnavi__btn{right:100px;}
}

@media all and (max-width:739px){
.lspnaviList__list{display:block;}
.lspnaviList__list > li{width:100%;}
.lspnavi__pnl .lspnavipnlInr .lspnavipnlInr__cont{width:calc(100vw - 20px);height:70vh;max-height:70vh;}
.lspnaviList__list .expandList > a:after{top:18px;right:12px;}
}
/* bg_gradation */
.bg_gradation {
  padding: 60px 0;
  margin-top: 50px !important;
}

.bg_gradation .experiencefragment .acodBlock.type_static ,
.bg_gradation .ctm_bdrColumn ,
#box_carousel .ctm_bdrColumn .col.bg_white {
  background: #fff;
}

#box_carousel .colw .col:first-child,
#box_carousel .colw-2 .col:first-child,
#box_carousel .colw-2 .col:nth-child(2),
#box_carousel .colw-3 .col:first-child,
#box_carousel .colw-3 .col:nth-child(2),
#box_carousel .colw-3 .col:nth-child(3),
#box_carousel .colw-4 .col
{
  background: #fff;
}

#box_carousel .ctm_bdrColumn {
    background:rgba(255,255,255,0);
}

@media all and (max-width:739px) {
  .bg_gradation {
    padding: 10vw 0;
    margin-top: 40px !important;
  }
}

/* bg_open */
#bg_open {
  background: #b9a776 url(/content/dam/sites/wwwjalcojp/jp/ja/jmb/lsp/jgc/common/img_sites/bg_open.png) repeat-y;
  background-size: auto;
  background-position: top center;
}

@media all and (max-width:739px) {
  #bg_open {
  background: #b9a776 url(/content/dam/sites/wwwjalcojp/jp/ja/jmb/lsp/jgc/common/img_sites/bg_open.jpg) repeat-y;
  background-size: 100%;
  }
}