@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zalando+Sans+Expanded&family=Zen+Old+Mincho:wght@500&display=swap');

#fixedBtn{display:none!important;}

#se-lp{line-height:2;font-size:18px;background:url(/img/se/lp01/back01.png) no-repeat center top #f8f8f8;background-size:100% 100%;}
#se-lp .serif{font-family: "Zen Old Mincho", serif;font-weight: 500;font-style: normal;}
#se-lp .en{font-family: "Zalando Sans Expanded", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;}
#se-lp .marker{background:#000;color:#fff;}

/* ----------------------------------------------------- */
/* common */
/* ----------------------------------------------------- */
#se-lp .container{max-width:1200px;margin:auto;padding:0 40px;}
#se-lp section > .container,
#se-lp .section > .container{padding:70px 40px;}

#se-lp .common-ttl01{margin-bottom:20px;}
#se-lp .common-ttl01 .serif{font-size:36px;font-weight:500;line-height:1.3;}
#se-lp .common-ttl01 .en{font-size:18px;display:block;font-weight:400;line-height:1.3;letter-spacing:0.05em;margin-bottom:12px;}

#se-lp .common-box01{display:flex;gap:60px;}
#se-lp .common-box01 .inner{flex:1;align-self:center;}
#se-lp .common-box01 .img{max-width:45%;position:relative;margin-top:24px;}
#se-lp .common-box01 .img .img-txt-wrap{position:absolute;left:20px;top:-24px;z-index:1;}
#se-lp .common-box01 .img .img-txt-wrap > span{padding:7px 12px 9px;display:inline-block;font-size:32px;font-weight:500;background:#000;color:#fff;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1;text-align:center;margin:3px;white-space:nowrap;}
#se-lp .common-box01.reverse{flex-direction:row-reverse;}

/* ----------------------------------------------------- */
/* #block-mv */
/* ----------------------------------------------------- */
#se-lp #block-mv{position:relative;margin-bottom:40px;}
#se-lp #block-mv .box{position:absolute;bottom:12%;left:8%;z-index:2;}
#se-lp #block-mv .box .ttl > span{padding:10px 15px 12px;display:inline-block;font-size:58px;border:2px  solid #000;background:#fff;font-weight:500;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1;}
#se-lp #block-mv .box .ttl > span > span > span{letter-spacing:-0.5em;}
#se-lp #block-mv .box .txt > span{padding:10px 15px 12px;display:inline-block;font-size:32px;font-weight:500;background:#000;color:#fff;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1;margin-top:10px;}
#se-lp #block-mv .box .txt > span > span > span{letter-spacing:-0.5em;}
#se-lp #block-mv .img{width:100%;height:90vh;min-height:500px;border-bottom:2px solid #000;position:relative;z-index:1;}
#se-lp #block-mv .img img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}

/* ----------------------------------------------------- */
/* #block-about */
/* ----------------------------------------------------- */
#se-lp #block-about .img-txt-wrap{display:flex;align-items:center;gap:15px;justify-content:center;width:100%;left:0;padding:0 15px;}
#se-lp #block-about .img-txt-wrap .times{padding:0;display:block;width:36px;height:36px;background:url(/img/se/lp01/times.png) no-repeat;background-size:contain;}
#se-lp #block-about .img-txt-wrap span{margin:0;}
#se-lp #block-about .img-txt-wrap span:last-child{padding-left:20px;padding-right:20px;}

/* ----------------------------------------------------- */
/* #block-point */
/* ----------------------------------------------------- */
#se-lp #block-point .img{display:flex;gap:5px;margin-top:30px;}
#se-lp #block-point .img > div{flex:1;position:relative;}
#se-lp #block-point .img .txt01{font-size:24px;padding:2px 10px 4px;line-height:1.3;position:absolute;top:20px;left:0;background:#fff;}
#se-lp #block-point .img .txt02{font-size:18px;padding:4px 10px;line-height:1.3;position:absolute;bottom:20px;right:0;background:#fff;}

/* ----------------------------------------------------- */
/* #block-safety */
/* ----------------------------------------------------- */
#se-lp #block-safety .common-box01{margin-top:40px;}
#se-lp #block-safety .common-box01 + .common-box01{margin-top:60px;}
#se-lp #block-safety .img.vertical img{width:100%;height:100%;object-fit:cover;}
#se-lp #block-safety .img.vertical{min-height:450px;}
#se-lp #block-safety .checkpoint{margin-top:60px;padding:20px;background:#b2afae;color:#fff;}
#se-lp #block-safety .checkpoint .circle{display:inline-block;font-size:85%;width:1.4em;height:1.4em;border-radius:100%;background:#e6d887;line-height:1;text-align:center;font-weight:bold;font-family: "Zalando Sans Expanded", sans-serif;margin:0 2px;color:#000;}
#se-lp #block-safety .checkpoint .circle span{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
#se-lp #block-safety .checkpoint .check-top{display:flex;gap:40px;padding:30px;}
#se-lp #block-safety .checkpoint .check-top .ttl{font-size:24px;font-weight:bold;color:#e6d887;margin-bottom:15px;line-height:1.4;}
#se-lp #block-safety .checkpoint .check-top .inner{flex:1;}
#se-lp #block-safety .checkpoint .check-top .slider01{width:62%;display:flex;gap:15px;}
#se-lp #block-safety .checkpoint .check-top .slider01 .item{flex:1;font-weight:bold;line-height:1.4;}
#se-lp #block-safety .checkpoint .check-top .slider01 .item .subttl{font-size:26px;}
#se-lp #block-safety .checkpoint .check-top .slider01 .item .circle{margin-right:5px;font-size:18px;vertical-align:2px;}
#se-lp #block-safety .checkpoint .check-top .slider01 .item p{padding-left:35px;}
#se-lp #block-safety .checkpoint .check-top .slider01 .item .item-img{margin-top:15px;}
#se-lp #block-safety .checkpoint .check-bottom{border:1px solid #fff;padding:30px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02{display:flex;gap:15px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item{flex:1;font-weight:bold;line-height:1.4;display:flex;flex-direction:column;justify-content:space-between;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item .subttl{font-size:26px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item .circle{margin-right:5px;font-size:18px;vertical-align:2px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item p{padding-left:35px;font-size:16px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img{margin-top:15px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img img{max-width:80%;margin:auto;display:block;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img .v-sp{display:none;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item.line{border-left:2px dashed #fff;padding-left:20px;}
#se-lp #block-safety .checkpoint .check-bottom .slider02 .item.wide{flex:1.4;}

/* ----------------------------------------------------- */
/* #block-certify */
/* ----------------------------------------------------- */
#se-lp #block-certify{background:#eee;}
#se-lp #block-certify .list-certify{display:flex;gap:40px;margin-top:40px;}
#se-lp #block-certify .list-certify > li{flex:1;position:relative;padding:30px 45px;font-size:16px;line-height:1.8;}
#se-lp #block-certify .list-certify > li::before{content:"";display:block;width:30px;height:95%;border-top:1px solid #000;border-left:1px solid #000;position:absolute;left:0;top:0;pointer-events:none;}
#se-lp #block-certify .list-certify > li::after{content:"";display:block;width:30px;height:95%;border-bottom:1px solid #000;border-right:1px solid #000;position:absolute;right:0;bottom:0;pointer-events:none;}
#se-lp #block-certify .list-certify > li .icon{text-align:center;margin-bottom:25px;}
#se-lp #block-certify .list-certify > li .icon img{width:140px;}
#se-lp #block-certify .list-certify > li .ttl{margin-bottom:10px;}
#se-lp #block-certify .list-certify > li .ttl .en{font-size:16px;margin-right:10px;}
#se-lp #block-certify .list-certify > li .ttl .serif{font-size:24px;}

/* ----------------------------------------------------- */
/* #block-banner */
/* ----------------------------------------------------- */
#se-lp #block-banner .banner{position:relative;}
#se-lp #block-banner .banner .img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:0;}
#se-lp #block-banner .banner .img img{display:block;width:100%;height:100%;position:absolute;top:0;;left:0;object-fit:cover;}
#se-lp #block-banner .banner .inner{padding:60px 60px 55px;position:relative;z-index:1;color:#fff;line-height:1.5;text-shadow:0 0 10px rgba(0,0,0,0.5);}
#se-lp #block-banner .banner .inner .txt01{font-size:26px;margin-bottom:8px;}
#se-lp #block-banner .banner .inner .txt02{font-size:36px;}
#se-lp #block-banner .banner .inner .txt02 span{border-bottom:1px solid #fff;}

/* ----------------------------------------------------- */
/* #block-link */
/* ----------------------------------------------------- */
#se-lp #block-link .container{padding-top:0;}
#se-lp #block-link .list-link{display:flex;gap:40px;}
#se-lp #block-link .list-link > li{border:6px solid #000;}
#se-lp #block-link .list-link > li .inner{padding:25px 30px;}
#se-lp #block-link .list-link > li .ttl{font-size:26px;line-height:1.6;font-weight:500;}
#se-lp #block-link .list-link > li .ttl .en{font-size:16px;display:block;margin-bottom:2px;}
#se-lp #block-link .list-link > li .ttl .en::before{content:"";display:inline-block;width:12px;height:12px;border:3px solid #000;box-sizing:border-box;background:#dcdcdc;margin-right:10px;}
#se-lp #block-link .list-link > li .link{text-align:center;margin-top:15px;}
#se-lp #block-link .list-link > li .link a{display:block;padding:15px 40px;background:#000;color:#fff;text-align:center;position:relative;}
#se-lp #block-link .list-link > li .link a::before{content:"";display:block;width:8px;height:12px;background:url(/img/se/lp01/arrow.png) no-repeat;background-size:contain;position:absolute;top:50%;right:20px;margin-top:-6px;}
#se-lp #block-link .list-link > li .link a:hover{opacity:0.7;}

/* ----------------------------------------------------- */
/* footer */
/* ----------------------------------------------------- */
#se-lp footer{background:none;padding:40px 8% 80px;}
#se-lp footer .logo img{width:150px;}
#se-lp footer .copyright{margin-top:40px;font-size:16px;color:#333;font-weight:400;}

/* =========================================================================== */
@media screen and (max-width: 1099px) {
  #se-lp .common-box01 .img .img-txt-wrap > span{font-size:2.6vw;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item .subttl,
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .subttl{font-size:22px;white-space:nowrap;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item p{font-size:16px;}
  #se-lp #block-safety .checkpoint .check-bottom{padding:30px 20px;}
}
/* =========================================================================== */
@media screen and (max-width: 850px){
  #se-lp{font-size:16px;background:#f8f8f8;}
  #se-lp .back01{background:url(/img/se/lp01/back01.png) no-repeat center 425px;background-size:100% auto;}

  /* ----------------------------------------------------- */
  /* common */
  /* ----------------------------------------------------- */
  #se-lp{overflow:hidden;}
  #se-lp .container{padding:0 8%;}
  #se-lp section > .container,
  #se-lp .section > .container{padding:55px 8%;}

  #se-lp .common-ttl01{margin-bottom:25px;line-height:1.4;}
  #se-lp .common-ttl01 .serif{font-size:28px;line-height:1.4;}
  #se-lp .common-ttl01 .en{font-size:14px;}

  #se-lp .common-box01{display:block;}
  #se-lp .common-box01 .img{max-width:100vw;margin-top:50px;width:100vw;margin-left:-8vw;}
  #se-lp .common-box01 .img .img-txt-wrap{left:5%;top:-20px;}
  #se-lp .common-box01 .img .img-txt-wrap > span{font-size:24px;margin:2px;padding:6px 10px 8px;}

  /* ----------------------------------------------------- */
  /* #block-mv */
  /* ----------------------------------------------------- */
  #se-lp #block-mv{margin-bottom:20px;}
  #se-lp #block-mv .box{position:relative;padding:0 4%;margin-top:-27px;left:0;bottom:0;}
  #se-lp #block-mv .box .ttl > span{display:flex;gap:2px;flex-direction:column;align-items:flex-start;padding:0;border:0;background:none;margin:0;}
  #se-lp #block-mv .box .ttl > span > span{padding:5px 7px 7px 10px;display:inline-block;font-size:36px;font-weight:500;background:#fff;border:2px solid #000;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1;}
  #se-lp #block-mv .box .txt{margin-top:4px;}
  #se-lp #block-mv .box .txt > span{display:flex;gap:2px;flex-direction:column;align-items:flex-start;padding:0;border:0;background:none;margin:0;}
  #se-lp #block-mv .box .txt > span > span{padding:5px 8px 7px 12px;display:inline-block;font-size:20px;font-weight:500;background:#000;color:#fff;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";line-height:1;}
  #se-lp #block-mv .img{height:425px;min-height:1px;}

  /* ----------------------------------------------------- */
  /* #block-about */
  /* ----------------------------------------------------- */
  #se-lp #block-about .container{padding-bottom:10px;}
  #se-lp #block-about .img-txt-wrap{gap:12px;padding:0 3%;}
  #se-lp #block-about .img-txt-wrap span{margin:0;padding:6px 10px 8px;}
  #se-lp #block-about .img-txt-wrap span:last-child{padding-left:15px;padding-right:15px;}

  /* ----------------------------------------------------- */
  /* #block-point */
  /* ----------------------------------------------------- */
  #se-lp #block-point .container{padding-bottom:10px;}
  #se-lp #block-point .img{display:block;margin-top:30px;max-width:100vw;width:100vw;margin-left:-8vw;}
  #se-lp #block-point .img > div + div{margin-top:2px;}
  #se-lp #block-point .img .txt01{font-size:20px;top:10px;}
  #se-lp #block-point .img .txt02{font-size:16px;bottom:10px;}

  /* ----------------------------------------------------- */
  /* #block-safety */
  /* ----------------------------------------------------- */
  #se-lp #block-safety{background:url(/img/se/lp01/back02.png) no-repeat center top;background-size:100% auto;}
  #se-lp #block-safety .common-box01 + .common-box01{margin-top:70px;}
  #se-lp #block-safety .common-box01 .inner p + p{margin-top:2em;}
  #se-lp #block-safety .img02{margin-top:30px;}
  #se-lp #block-safety .img.narrow{margin-bottom:30px;}
  #se-lp #block-safety .img.narrow img{width:78%;height:100%;display:block;margin:auto;}
  #se-lp #block-safety .img.vertical{min-height:1px;margin-bottom:30px;}
  #se-lp #block-safety .img.vertical img{height:auto;object-fit:unset;}
    
  #se-lp #block-safety .checkpoint{margin-top:35px;padding:15px;}
  #se-lp #block-safety .checkpoint .check-top{display:block;padding:5px;}
  #se-lp #block-safety .checkpoint .check-top .ttl{font-size:20px;margin-bottom:8px;}
  #se-lp #block-safety .checkpoint .check-top .inner{line-height:1.6;}

  #se-lp #block-safety .checkpoint .check-top .slider01{width:100%;display:block;max-width:350px;margin:auto;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item{display:flex;align-items:center;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item .item-inner{flex:1;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item .item-img{width:36%;text-align:center;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item .circle{font-size:15px;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item .subttl{font-size:24px;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .item p{padding-left:30px;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .slick-arrow{position:absolute;top:50%;z-index:1;padding-right:2px;width:24px;height:30px;font-size:0;background:#000;display:flex;align-items:center;justify-content:center;margin-top:-15px;border:0;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .slick-arrow::before{content:"＞";color:#b2afae;font-size:14px;font-weight:bold;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .slick-arrow.slick-prev{left:-35px;transform:scale(-1,1);}
  #se-lp #block-safety .checkpoint .check-top .slider01 .slick-arrow.slick-next{right:-35px;}  

  #se-lp #block-safety .checkpoint .check-bottom{padding:15px 10px;margin-top:15px;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02{width:100%;display:block;max-width:350px;margin:auto;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .slick-track{display:flex;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item{flex-direction:row;align-items:center;height:auto!important;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-inner{flex:1;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img{width:38%;text-align:center;margin:0;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img img{width:100%;max-width:100%;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img .v-sp{display:block;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .item-img .v-pc{display:none;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .circle{font-size:12px;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item .subttl{font-size:20px;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item p{padding-left:24px;font-size:14px;font-weight:normal;line-height:1.3;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item.line{border:0;padding:0;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .slick-arrow{position:absolute;top:50%;z-index:1;padding-right:2px;width:24px;height:30px;font-size:0;background:#000;display:flex;align-items:center;justify-content:center;margin-top:-15px;border:0;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .slick-arrow::before{content:"＞";color:#b2afae;font-size:14px;font-weight:bold;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .slick-arrow.slick-prev{left:-35px;transform:scale(-1,1);}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .slick-arrow.slick-next{right:-35px;}
  #se-lp #block-safety .checkpoint .check-bottom .slider02 .item.wide{flex:1;}

  /* ----------------------------------------------------- */
  /* #block-certify */
  /* ----------------------------------------------------- */
  #se-lp #block-certify .list-certify{display:block;margin-top:30px;}
  #se-lp #block-certify .list-certify > li{display:flex;align-items:center;padding:15px 0;gap:15px;font-size:14px;line-height:1.5;}
  #se-lp #block-certify .list-certify > li + li{margin-top:10px;}
  #se-lp #block-certify .list-certify > li::before{width:20px;height:80%;left:-3vw;}
  #se-lp #block-certify .list-certify > li::after{width:20px;height:80%;right:-3vw;}
  #se-lp #block-certify .list-certify > li .icon{margin:0;}
  #se-lp #block-certify .list-certify > li .icon img{width:103px;}
  #se-lp #block-certify .list-certify > li .inner{flex:1;}
  #se-lp #block-certify .list-certify > li .ttl{margin-bottom:5px;}
  #se-lp #block-certify .list-certify > li .ttl .en{font-size:14px;margin-right:10px;}
  #se-lp #block-certify .list-certify > li .ttl .serif{font-size:20px;}

  /* ----------------------------------------------------- */
  /* #block-banner */
  /* ----------------------------------------------------- */
  #se-lp #block-banner .container{padding:0;}
  #se-lp #block-banner .banner .inner{padding:30px 5%;text-shadow:0 0 5px rgba(0,0,0,1);}
  #se-lp #block-banner .banner .inner .txt01{font-size:18px;margin-bottom:4px;}
  #se-lp #block-banner .banner .inner .txt02{font-size:24px;}

  /* ----------------------------------------------------- */
  /* #block-link */
  /* ----------------------------------------------------- */
  #se-lp #block-link .container{padding-top:60px;}
  #se-lp #block-link .list-link{display:block;}
  #se-lp #block-link .list-link > li{border-width:3px;}
  #se-lp #block-link .list-link > li + li{margin-top:10px;}
  #se-lp #block-link .list-link > li .inner{padding:20px 25px 25px;}
  #se-lp #block-link .list-link > li .ttl{font-size:20px;}
  #se-lp #block-link .list-link > li .ttl .en{font-size:12px;margin-bottom:0;}
  #se-lp #block-link .list-link > li .ttl .en::before{width:10px;height:10px;border-width:2px;margin-right:8px;}
  #se-lp #block-link .list-link > li .link{margin-top:12px;}
  #se-lp #block-link .list-link > li .link a{font-size:14px;padding:12px 40px 11px;}

  /* ----------------------------------------------------- */
  /* footer */
  /* ----------------------------------------------------- */
  #se-lp footer{padding:5px 4% 60px;}
  #se-lp footer .logo img{width:105px;}
  #se-lp footer .copyright{margin-top:30px;font-size:11px;}

}
@media screen and (max-width: 499px){
  #se-lp #block-safety .checkpoint .check-top .slider01 .slick-arrow.slick-prev{left:-30px;}
  #se-lp #block-safety .checkpoint .check-top .slider01 .slick-arrow.slick-next{right:-30px;}  
}