@charset "UTF-8";

body { font-family:'Noto Sans Japanese', sans;font-size:16px;line-height:1.6;color:#4C5256;position:relative;max-width:1680px;margin:0 auto;overflow-x:hidden;}
img {image-rendering: -webkit-optimize-contrast;}
@media screen and (max-width: 850px) {
  html{overflow-x:hidden;}
  body{overflow:hidden;}
}

/* ==============================================================
*  header
* ============================================================ */
.l-header {position: fixed;top: 0;left: 50%;transform:translateX(-50%);z-index: 10;width: 100%;max-width:1680px;animation:headerOP 5s ease-in-out .5s;animation-fill-mode:forwards;opacity:0;top:-80px;}
#about .l-header,
#comparison .l-header,
.l-second .l-header,
.l-topics .l-header,
.l-notfound .l-header{animation: headerOP 0s;}
@keyframes headerOP {
  0% {
    opacity: 0;
    top:-80px;
  }
  69%{
    opacity:0;
    top:-80px;
  }
  70% {
    opacity: 0;
    top:0;
  }
  100% {
    opacity: 1;
    top:0;
  }
}
.l-header_inner {width: 100%;height: 100%;margin: 0 auto;padding: 0 30px;}
.p-header {display: flex;justify-content: space-between;height: 80px;}
.p-header_logo {width:340px;}
.p-header_logo img + img{margin-left:8px;}
.p-header_logo a {display: flex;height: 100%;justify-content: center;align-items: center;}
.p-header_logo img {width: 100%;max-width: 160px;max-height: 54px;}
.p-globalNavi .p-header_logo{display:none;}
.p-header_menu {display: flex;}
.p-Menu {width: 80px;height: 100%;display: flex;justify-content: center;align-items: center;display:none;}
.p-Menu_btn {display:none;width: 50px;height: 50px;position: relative;cursor: pointer;z-index: 3;}
.p-Menu_btn span {position:absolute;background:#4D5357;height:1px;display:block;transition: all .5s ease-out;}
.header_w .p-Menu_btn span {background: #FFF;}
.p-Menu_btn span:nth-of-type(1) {width: 38px;top: 9px;left:6px;}
.p-Menu_btn:hover span:nth-of-type(1) {/*width: 50px;*/}
.p-Menu_btn span:nth-of-type(2) {width: 38px;top: 23px;left:6px;}
.p-Menu_btn:hover span:nth-of-type(2) {/*width: 40px;*/}
.p-Menu_btn span:nth-of-type(3) {width: 40px;top: 37px;transition: all .3s ease-out;}
.p-Menu_btn:hover span:nth-of-type(3) {width: 30px;}
.p-Menu_btn.is_open span:nth-of-type(1) {transform: rotate(32deg) translate(0, -7px);transform-origin: left top;width: 50px;background:#fff;}
.p-Menu_btn.is_open span:nth-of-type(2) {transform: rotate(-32deg) translate(0px,7px);transform-origin: left bottom;width: 50px;background:#fff;}
.header_w .p-Menu_btn.is_open span {background:#4D5357;}

@media screen and (max-width: 1080px) {
  .l-header_inner {padding:0 20px;}
}
@media screen and (max-width: 850px) {
  .l-header_inner {padding:0;}
  .p-header{height:64px;}
  .p-Menu{display:flex;position:relative;/*right:15px;*/}
  .p-Menu_btn{display:block;}
  .p-Menu_btn span:nth-of-type(1){top:18px;}
  .p-Menu_btn span:nth-of-type(2){top:30px;}
  .p-Menu_btn.is_open span:nth-of-type(2) {transform: rotate(-32deg) translate(-1px,9px);}
  .p-header_logo {width:132px;position:relative;left:15px;}
  .p-header_logo a {flex-direction: column-reverse;}
  .p-header_logo img + img{margin-left:0;margin-bottom:5px;}
  .p-globalNavi .p-header_logo{display:block;position:absolute;top:18px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7440%) hue-rotate(161deg) brightness(114%) contrast(114%);}
  .p-globalNavi .p-header_logo a{flex-direction:column;}
  .p-globalNavi .p-header_logo img + img{margin-left:0;margin-top:5px;}
}

/*** Navi *******************************************************/
.p-header_menu {position: relative;}
.p-globalNavi {display:flex;right: 0;transform: translateX(0);background: transparent;}
.p-globalNavi.is_open {transform: translateX(0);}
.p-globalNavi_logo {
  height: 10vh;
}
.p-globalNavi_logo p {
  text-align: center;
}
.p-globalNavi_logo img {
  width: 190px;
}
.p-globalNavi_list {display:flex;justify-content:space-around;align-items: center;}
.p-globalNavi_item {text-align: center;margin-right:30px;}
.p-globalNavi_item a{display:block;position:relative;line-height:1.5;}
.p-globalNavi_item a span{display:none;}
.p-globalNavi_item a img{height:12px;position:relative;top:50%;transform:translateY(-50%);}
.p-globalNavi_item:nth-child(5) a img{height:15px;transform:translateY(calc(-50% + 4px));}
.p-header_menu .p-globalNavi_item:nth-child(3){display:none;}/*◆*/
.p-header_menu .p-globalNavi_item:nth-child(3) a{opacity:0.4;}/*◆*/
.p-header_menu .v02 .p-globalNavi_item:nth-child(3){display:block;}
.p-header_menu .v02 .p-globalNavi_item:nth-child(3) a{opacity:1;}

.v02 .p-globalNavi_item:nth-child(5) a img{height:12px;position:relative;top:50%;transform:translateY(-50%);}
.v02 .p-globalNavi_item:nth-child(6) a img{height:15px;transform:translateY(calc(-50% + 4px));}

.p-globalNavi_link p {
  font-size: 30px;
  line-height: 1.3;
}
.p-globalNavi_link p span {
  font-size: 14px;
  display: block;
}
.p-globalNaviIcon_list {display: flex;justify-content: center;align-items: center;}
.p-globalNaviIcon_list.sns img{width:30px;}
.p-globalNaviIcon_item {width:24px;margin:0 5px;position:relative;}
.p-globalNaviIcon_item img{width:24px;position:absolute;top:50%;transform:translateY(-50%);}
.p-globalNaviIcon_item:nth-child(2) img{width:22px;left:1px;}
.p-globalNaviIcon_link p {
  background: #000;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  margin: 0 auto;
}
.p-globalNaviIcon_link p img {
  width: 24px;
}
@media screen and (max-width: 1160px) {
  .v02 .p-globalNavi_item{margin-right:20px;}
  .v02 .p-globalNavi_item a{line-height:1.25;}
  .v02 .p-globalNavi_item a img{height:10px;}
  .v02 .p-globalNavi_item:nth-child(5) a img{height:13px;}
  .v02 .p-globalNavi_item:nth-child(5) a img{height:10px;}
  .v02 .p-globalNavi_item:nth-child(6) a img{height:13px;}
}
@media screen and (max-width: 1080px) {
  .p-globalNavi_item{margin-right:20px;}
  .p-globalNavi_item a{line-height:1.25;}
  .p-globalNavi_item a img{height:10px;}
  .p-globalNavi_item:nth-child(5) a img{height:13px;}
  .v02 .p-globalNavi_item:nth-child(5) a img{height:10px;}
  .v02 .p-globalNavi_item:nth-child(6) a img{height:13px;}
  .p-globalNaviIcon_item img{width:21px;}
  .p-globalNaviIcon_item:nth-child(2) img{width:19px;}
}
@media screen and (max-width: 1020px) {
  .v02 .p-globalNavi_item{margin-right:15px;}
}
@media screen and (max-width: 980px) {
  .p-globalNavi_item{margin-right:10px;}
  /*
  .v02 .p-globalNavi_item a img{height:9px;}
  .v02 .p-globalNavi_item:nth-child(5) a img{height:9px;}
  .v02 .p-globalNavi_item:nth-child(6) a img{height:12px;}
  */
  .v02.p-header_logo{width: 132px;position: relative;left: 15px;}
  .v02.p-header_logo a{flex-direction: column-reverse;}
  .v02.p-header_logo img + img{margin-left: 0;margin-bottom: 5px;}
  
}
@media screen and (max-width: 850px) {
  .p-globalNavi {
    width: 90vw;width:390px;max-width:100vw;height: 100vh;transform: translateX(390px);
    position: absolute;top: 0;right:0;z-index: 2;display: block;
    padding: 80px 0 0;background:transparent;
    overflow: hidden;transition: all .5s ease;
  }
  .p-globalNavi:before{content:"";display:block;width:100%;height:100%;background:rgba(255,255,255,.5);z-index:-2;position:absolute;top:0;left:0;}
  .p-globalNavi:after{content:"";display:block;width:100%;height:100%;background:radial-gradient(circle at top, rgba(182,192,213,0.86), rgba(125,139,167,1));z-index:-1;position:absolute;top:0;left:0;}
  .p-globalNavi_logo {
    height: 0;
  }
  .p-globalNavi_logo img {
    display: none;
  }
  .p-globalNaviIcon_list {height:10vh;justify-content:start;width:320px;margin:0 auto;}
  .p-globalNaviIcon_item{width:40px;margin: 0 15px 0 5px;}
  .p-globalNaviIcon_item:nth-child(1) img,
  .p-globalNaviIcon_item:nth-child(2) img{width:40px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7440%) hue-rotate(161deg) brightness(114%) contrast(114%);}
  .p-globalNaviIcon_item:nth-child(2) img{width:36px;left:3px;}
  .p-globalNaviIcon_item:nth-child(3) img{width:40px;}
  
  .p-header_menu .p-globalNavi_item:nth-child(3){display:block;}/*◆*/
  
  .p-globalNavi_list{width:320px;margin:30px auto;flex-wrap:wrap;/*height:60vh;flex-flow: column;*/}
  .p-globalNavi_item {width:100%;text-align:center;height:64px;margin-right:0;border-bottom:1px solid rgba(255,255,255,.15);}
  .p-globalNavi_item:last-child{border-bottom:0;}
  .p-globalNavi_item a{display:flex;height:100%;}
  .p-globalNavi_item a span{display:block;font-size:10px;color:#fff;line-height:64px;}
  .p-globalNavi_item a img{height:18px;filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7440%) hue-rotate(161deg) brightness(114%) contrast(114%);margin-right:15px;}
  .p-globalNavi_item:nth-child(5) a img{height:23px;transform:translateY(calc(-50% + 2px));}
  .v02 .p-globalNavi_item a img{height:18px;}
  .v02 .p-globalNavi_item:nth-child(5) a img{height:18px;transform:translateY(calc(-50% + 0px));}
  .v02 .p-globalNavi_item:nth-child(6) a img{height:23px;transform:translateY(calc(-50% + 2px));}
  .p-globalNavi_item a span.mnum{display:flex;}
  .p-globalNavi_item a span.mnum img{height:8px;}
  .p-globalNavi_item:nth-child(5) a span.mnum img{transform:translateY(calc(-50% + 0px));}
  .v02 .p-globalNavi_item:nth-child(5) a span.mnum img,
  .v02 .p-globalNavi_item:nth-child(6) a span.mnum img{height:8px;}
}

/* ==============================================================
*  footer
* ============================================================ */
.l-footer {
  width: 100%;
  background-color:transparent;
  padding: 70px 0 10px;
  color: #4C5256;
  position: relative;
  height:100vh;
}
.p-pageTop {
  position: fixed;
  bottom: 20px;
  right: 2.5%;
  color: #333;
}
.l-footer.is_view .p-pageTop {
  position: absolute;
  top: -50px;
} 
.p-pageTop p {
  position: relative;
}
.p-pageTop p::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  position: absolute;
  top: -15px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
}
.p-pageTop_icon {
  text-align: center;
  line-height: 1.1;
}
.l-footer_inner {width:90%;max-width: 1320px;margin:0 auto;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p-footer {
  display: flex;justify-content:center;
}
@media screen and (max-width: 767px) {
  .p-footer {
    flex-wrap: wrap;
  }
}
.p-footer_navi {/*width: 80%;order: 1;*/}
@media screen and (max-width: 767px) {
  .p-footer_navi {
    width: 100%;
    order: 0;
  }
}
.p-footer_navi ul {
  display: flex;flex-wrap: wrap;margin:0 auto;
}
.p-footer_navi ul.fnav1{width:900px;max-width:96%;justify-content:center;}
.p-footer_navi ul.fnav1 li a{padding:5px 0;}
.l-footer picture.fnav_products{display:none;text-align:center;margin:20px auto 0;}
.l-footer picture.fnav_products img{height:9px;}
.p-footer_navi ul.fnav2{width:676px;justify-content:space-between;margin:1em auto 3em;}
.p-footer_navi ul.fnav3{width:384px;justify-content:space-between;}
.p-footer_navi ul.fnav4{width:102px;flex-wrap:nowrap;height:50px;margin:15px auto 30px;}
.p-footer_navi ul .p-globalNavi_item{margin-right:0;border-bottom:0;}
.p-footer_navi ul.fnav1 li {width:180px;width:18%;margin-bottom:10px;margin:0 1% 10px;text-align: center;font-size:16px;}
.p-footer_navi ul.fnav1 li:nth-child(4){display:none;}/*◆*/
.v02 .p-footer_navi ul.fnav1 li:nth-child(4){display:block;}
.p-footer_navi ul.fnav2 li {width:auto;margin-bottom:10px;text-align: center;font-size:16px;}
.p-footer_navi ul.fnav3 li {width:auto;margin-bottom:0px;text-align: center;font-size:12px;}
.p-footer_navi ul.fnav1 li a img{height:9px;display:block;margin:0 auto 5px;filter: brightness(0) saturate(100%) invert(52%) sepia(8%) saturate(948%) hue-rotate(182deg) brightness(82%) contrast(91%);}
.p-footer_navi ul.fnav1 li:nth-child(5) a img{height:11px;margin:0 auto 2px;position:relative;top:-3px;}
.v02 .p-footer_navi ul.fnav1 li:nth-child(5) a{position:relative;top:1px;}
.v02 .p-footer_navi ul.fnav1 li:nth-child(5) a img{top:0px;}
.p-footer_navi ul.fnav4 li a{position:relative;}
.p-footer_navi ul.fnav4 li a img{height:22px;filter:none;}
.p-footer_navi ul.fnav4 li:nth-child(1) a img{height:23px;} 
.p-footer_navi ul.fnav4 li:nth-child(2) a img{height:22px;} 
.p-footer_navi ul.fnav4 li:nth-child(3) a img{height:24px;} 

.p-footer_navi li a {position:relative;padding:5px 0px;}
.p-footer_navi li a span {font-size: 11px;position: absolute;top: 0;left: 0;}

.p-footer_logo {width: 394px;margin:0px auto 100px;}
.p-copyright {text-align: center;font-size: 12px;}
@media screen and (max-width: 850px) {
  .l-footer {min-height:800px;}
  .l-footer_inner{width:100%;padding:0 0 50px;}
   .p-footer_logo {width:224px;margin:100px auto;}
  .p-footer_navi ul{flex-wrap:wrap;}
  .p-footer_navi ul.fnav1 li{width:31.5%;font-size:14px;margin:0 0.5% 10px;}
  .l-footer picture.fnav_products{display:block;}
  .l-footer picture.fnav_products img{filter: brightness(0) saturate(100%) invert(43%) sepia(39%) saturate(201%) hue-rotate(182deg) brightness(93%) contrast(94%);}
  .p-footer_navi ul.fnav2{justify-content:center;max-width:96%;}
  .p-footer_navi ul.fnav2 li{min-width:32%;font-size:14px;height:32px;}
  .p-footer_navi ul.fnav3{flex-wrap:nowrap;width:100%;max-width:350px;}
  .p-footer_navi ul.fnav3 li{margin:0 3px;}
  .p-footer_navi ul .p-globalNavi_item a{display:block;height:auto;}
  .p-footer_navi li a{padding:5px 2px;display:block;}
 
  .p-footer_navi ul.fnav4{width:130px;}
  .p-footer_navi ul.fnav4 li a img{width:22px;}
  .p-copyright {font-size: 12px;}
}
@media screen and (max-width: 640px) {
  .p-footer_navi ul.fnav3{width:96%;}
  .p-footer_navi ul.fnav4 li.p-globalNaviIcon_item{margin:0 auto;}
  .p-footer_navi ul.fnav4 li a img{top:50%;left:50%;transform:translate(-50%,-50%);}
  .p-footer_navi ul.fnav4 li:nth-child(1) a img{width:30px;height:30px;}
  .p-footer_navi ul.fnav4 li:nth-child(2) a img{width:27px;height:auto;}
  .p-footer_navi ul.fnav4 li:nth-child(3) a img{width:32px;height:32px;}
}

/* ==============================================================
*  共通パーツ
* ============================================================ */
/*** ボタン ***/
.p-btn{position:relative;background-color:#fff;border:1px solid #E3E5EE;display: block;width:182px;height:33px;margin:50px auto 0;cursor:pointer;transition: all .5s;overflow: hidden;border-radius:20px;}
.p-btn.bgb{background:#b6c0d5;border:1px solid #fff;}
.p-btn img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:74px;}
.p-btn:after{content:"";display:block;width:6px;height:9px;background:url(../img/common/btn_arrow_r_g.svg) no-repeat;background-size:contain;background-position:center;position:absolute;top:50%;right:5%;transform:translate(-50%,-50%);}
.p-btn.bgb:after{background:url(../img/common/btn_arrow_r_w.svg) no-repeat;}

.brpc{display:block;}
.brsp{display:none;}
.brsp2{display:none;}
.cpc{display:block;}
.csp{display:none;}
.cpcil{display:inline-block;}
@media screen and (max-width: 850px) {
  .brpc{display:none;}
  .brsp{display:block;}
  .cpc{display:none;}
  .csp{display:block;}
  .cpcil{display:none;}
}
@media screen and (max-width: 640px) {
  .brsp2{display:block;}
}
.wbaf{word-break:auto-phrase;display:inline-block;}

/* ==============================================================
*  main
* ============================================================ */
.l-main {
  width: 100%;padding: 0;padding-top:300vh;
}


/* ==============================================================
*  TOPページ MV
* ============================================================ */
.p-topMv{position:fixed;width:100%;max-width:1680px;z-index:0;top:0;overflow:hidden;}
.p-topMv.off{z-index:-2;}
.p-topMv_Inner {
  /* height: calc(100vh - 80px); */
  height: 100vh;
}
.p-topMv_Inner_bg {position:absolute;width:100%;height:100vh;top:0;left:0;background:linear-gradient(to bottom,#ffffff 30%,#e9f3ff 100%);z-index:-2;}
.p-topMv_Inner_bg2 {
  position:absolute;width:100%;height:100vh;top:0;left:0;background-image: url(../img/top/top_bg.jpg);background-size: cover;background-position:center;background-attachment:fixed;z-index:-1;opacity:0;animation: opacity0to1 2.5s ease-in .5s;animation-fill-mode:forwards;
}
.p-topMv_cont {position: relative;height: 100%;z-index:0;}
.p-topMv_logo {width: 35%;position: fixed;top: 50%;left: 50%;z-index: -1;transform: translate(-50%,-50%);opacity: 1;animation: opacity1to0 2s ease-in .5s/* ease-out 6s*/;animation-fill-mode:forwards;}
@keyframes opacityto100 {
  0% {
    opacity: .2;
  }
  90% {
    opacity: .2;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacity1to0 {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.p-topMv_Product {position: fixed;top: 70%;left: 50%;transform: translate(-50%, -50%);width: 70%;max-width:825px;opacity: 0;z-index: -1;animation: opacity0to1 3s ease-in-out 1s;animation-fill-mode:forwards;}
@keyframes opacity0to1 {
  0% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes opacityto10 {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: .1;
  }
}
.p-topMv_Product picture{display:block;width:100%;height:100%;transform:translateX(2%);}
.p-topMv_Product picture img{width:100%;}
.p-topMv_copy{position:fixed;top:30%;left:50%;transform: translate(-50%, -50%);width:80%;max-width:700px;opacity: 0;z-index: -1;animation: opacity0to1 4s ease-in-out 1s;animation-fill-mode:forwards;}
.p-topMv_copy picture{display:block;}
.p-topMv_annote{position:absolute;bottom:2%;left:2%;width:50%;opacity:0;z-index:-1;animation: opacity0to1 4s ease-in-out 1s;animation-fill-mode:forwards;font-size:8px;color:#4C5256;color:rgba(76,82,86,.5);line-height:1.5;}

.p-topMv_check{width:170px;height:170px;position:fixed;top:calc(100vh - 170px - 48px);right:48px;opacity:0;animation:opacity0to1 5s ease-in-out 1s;animation-fill-mode:forwards;z-index:2;}
.p-topMv_check.off{display:none;}
.wbdr{position:absolute;width:100%;height:100%;top:0;left:0;background:transparent;border:0 solid #fff;}

.mv_bg{position:absolute;z-index:-3;opacity:0;animation: opacity0to1 3.5s ease-in .5s;animation-fill-mode:forwards;}
.mv_bg img{width:100%;}
.mv_bg#mv_bg1{top:17%;left:0%;width:488px;max-width:36%;}
.mv_bg#mv_bg2{top:15%;right:0%;width:467px;max-width:34%;}
.mv_bg#mv_bg3{top:51%;left:1%;width:271px;max-width:20%;}
.mv_bg#mv_bg4{top:34%;right:1%;width:301px;max-width:22%;}
@media screen and (max-height: 700px) {
  .p-topMv_copy{top:calc(50% - 25vh);}
}
@media screen and (min-width: 1024px) and (max-height: 590px) {
  .p-topMv_Product picture{height:70vh;text-align:center;}
  .p-topMv_Product picture img{height:100%;width:auto;}
}
@media screen and (max-width: 850px) {
  .p-topMv_logo{width:50%;}
  .p-topMv_copy{top:23%;}
  .p-topMv_Product {width:100%;top:55%;left:50%;}
  .p-topMv_Product picture img{width:260%;position:relative;animation:lrmv 9s linear infinite;}
  .p-topMv_check{width:120px;height:120px;top:calc(100vh - 120px - 16px);right:16px;}
  .mv_bg#mv_bg1{max-width:55%;top:8%;left:-17%;}
  .mv_bg#mv_bg2{max-width:46%;top:3%;right:-11%;}
}
@keyframes lrmv{
  0%{
    left:0%;
  }
  100%{
    left:-132%;
  }
}

/* ==============================================================
*  TOPページ
* ============================================================ */
.p-topAbout{position:fixed;top:0;width:100%;max-width:1680px;height:100vh;padding-top:0;padding-bottom:0;/*background:#EAF1F9;*/opacity:0;transition:opacity .5s;z-index:1;}
.p-topAbout.on{opacity:1;}
.p-topAbout.on.off{z-index:-1;}
.p-topAbout.on.show{position:absolute;top:200vh;}
.p-topAbout_wrap{position: absolute;z-index: 1;width:90%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.p-topAbout_title img{height:12px;display:block;margin:0 auto;}
.p-topAbout_copy{margin-top:3em;}
.p-topAbout .p-topAbout_copy{display:block;text-align:center;}
.p-topAbout .p-topAbout_copy .h12{height:12px;}
.p-topAbout .p-topAbout_copy .h29{height:29px;}
.p-topAbout .p-topAbout_copy .h64{height:64px;}
.p-topAbout .p-topAbout_copy .copy img + img{margin-left:1em;}
.p-topAbout .p-topAbout_copy .text img{display:block;margin:2em auto;}
.p-topAbout .p-topAbout_logo{width:256px;margin:3em auto;}
.p-topAbout_img1{position:absolute;left:5%;top:4%;left: calc(50% - 252px - 150px);transform: translateX(-50%);}
.p-topAbout_img1 img{/*width:312px;*/width:240px;/*border:1px solid #fff;border-radius:10px;border-image:linear-gradient(to bottom, #fff, #EBEBEB) 1;*/}
.p-topAbout_img2{position:absolute;/*right:20%;*/top:35%;left: calc(50% + 180px + 152px);transform: translateX(-50%);}
.p-topAbout_img2 img{width:152px;/*border:1px solid #fff;border-radius:10px;border-image:linear-gradient(to bottom, #fff, #EBEBEB) 1;*/}
.p-topAbout_img3{position:absolute;/*right:10%;*/top:5%;left: calc(50% + 180px + 263px);transform: translateX(-50%);}
.p-topAbout_img3 img{width:135px;/*border:1px solid #fff;border-radius:10px;border-image:linear-gradient(to bottom, #fff, #EBEBEB) 1;*/}
.p-topAbout .annoteWrapper{position:relative;width:90%;max-width:450px;margin:0 auto;}
.p-topAbout p.annote{color:#4C5256;color:rgba(76,82,86,.5);font-size:10px;text-align:right;margin:1.5em auto;}
.p-topAbout .p-btn{margin-top:20px;}

@media screen and (max-width: 850px) {
  .p-topAbout_wrap{padding-bottom:150px;padding-top:80px;}
  .p-topAbout_title{width:90%;margin:0 auto;}
  .p-topAbout_title img{margin:0;}
  .p-topAbout_img1{left:initial;right:5%;top:70px;text-align:right;transform:none;}
  .p-topAbout_img1 img{width:30%;}
  .p-topAbout_img2{top:initial;left:initial;bottom:10%;right:14%;text-align:right;transform:none;}
  .p-topAbout_img2 img{width:20%;}
  .p-topAbout_img3{top:initial;left:initial;bottom:23%;right:5%;text-align:right;transform:none;}
  .p-topAbout_img3 img{width:15%;}
  .p-topAbout_copy{margin-top:2em;}
  .p-topAbout .p-topAbout_copy {width:60%;text-align:left;padding-left:5%;}
  .p-topAbout .p-topAbout_copy .h29{height:20px;}
  .p-topAbout .p-topAbout_copy .copy img + img{margin-left:0;margin-top:1.5em;}
  .p-topAbout .p-topAbout_copy .h64{height:62px;}
  .p-topAbout .p-topAbout_copy .text img{margin:2em 0;}
  .p-topAbout .p-topAbout_logo{width:50%;margin:3em 0 3em 5%;}
  .p-topAbout .p-btn.bgb{margin:0 0 0 5%;}
  .p-topAbout .annoteWrapper{max-width:initial;position:absolute;bottom:8%;left:5%;}
  .p-topAbout .annoteWrapper p.annote{text-align:left;}
}


/*** Feature ***/
.p-topFeature {background:linear-gradient(to bottom,rgba(255,255,255,0) 2%,rgba(255,255,255,1) 5%,#ffffff 30%,#E9F3FF 100%);padding:150px 0 150px;position:relative;top:0;margin-top:-150px;overflow:hidden;}
.p-topFeature:before{content:"";width:100%;height:50px;position:absolute;top:-50px;left:0;background:linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);}
.p-topFeature:after{content:"";width:637px;max-width:80%;height:100%;position:absolute;right:0;bottom:0;background:url(../img/top/feature03.png) no-repeat;background-size:100%;background-position:right bottom;}
.p-topFeature_wrap {width:90%;max-width:1104px;margin:0 auto;padding:0;position:relative;z-index:2;}
h2.p-topFeatureH2 img{height:16px;}
#topFeature1 h3 img{width:375px;}
#topFeature1 p img{width:474px;}
#topFeature2 h3 img{width:375px;}
#topFeature2 p img{width:414px;}
#topFeature3 h3 img{width:561px;}
#topFeature3 p img{width:355px;}
.p-topFeature_wrap .p-topHeadingH2 {
  order: 1;
  font-size: 110px;
  font-weight: 900;
  line-height: 1.1;
  writing-mode: vertical-lr;
  text-orientation: sideways;
  /* color: #E6E6E6; */
  color: #434343;
  margin-left: 15px;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-topFeature_wrap .p-topHeadingH2 {
    font-size: 11vw;
    line-height: 1;
    margin-left: 10px;
  }
}
.p-topFeature_wrap .p-topHeadingH2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
  display: block;
  height: 100%;
  width: 100%; 
  transition: all 2s ease; 
}
.p-topFeature_wrap.is_view .p-topHeadingH2::after {
  top: 100%;
}

.p-topFeature_content {width: 100%;margin: 0 auto;padding:35px;display:flex;align-items:center;}
.p-topFeature_content .p-topFeature_detail p.annote{color:rgba(76,82,86,.5);font-size:10px;margin:2em auto;}
.p-topFeature_content#topFeature1 .p-topFeature_image img,
.p-topFeature_content#topFeature2 .p-topFeature_image img{width:501px;}{width:501px;}
.p-topFeature_content#topFeature2{flex-direction:row-reverse;justify-content:space-between;}
.p-topFeature_content#topFeature3{display:block;margin-top:5em;}
.p-topFeature_content h3{margin-top:3em;}
.p-topFeature_content h3 + p{margin-top:3em;}

.feature_bg{position:absolute;z-index:0;}
.feature_bg img{width:100%;position:relative;transition:all .2s;}
.feature_bg#feature_bg1{top:10%;left:-1%;width:234px;}
.feature_bg#feature_bg2{top:8%;left:85%;width:224px;}
.feature_bg#feature_bg3{top:36%;left:90%;width:92px;}
.feature_bg#feature_bg4{top:90%;left:40%;width:304px;}

@media screen and (max-width: 850px) {
  .p-topFeature_wrap{width:87%;padding:0;}
  .p-topFeature_content{padding:35px 0 0;flex-wrap:wrap;}
  .p-topFeature_content .p-topFeature_detail p.annote{font-size:10px;margin-top:1.5em;}
  .p-topFeature_detail{width:100%;}
  h2.p-topFeatureH2 img{height:12px;}
  .p-topFeature_image{width:100%;margin-top:50px;}
  .p-topFeature_content#topFeature1 .p-topFeature_image img{width:100%;}
  .p-topFeature_content#topFeature2 .p-topFeature_image img{width:90%;margin-left:-2%;}
  .p-topFeature_content#topFeature3{padding:0 0 150px;}
  #topFeature1 h3 img,
  #topFeature2 h3 img{width:70%;}
  #topFeature3 h3 img{width:94%;}
  #topFeature1 p img{width:100%;}
  #topFeature2 p img{width:94%;}
  #topFeature3 p img{width:80%;}
  .feature_bg#feature_bg1{top:10%;left:80%;max-width:40%;}
  .feature_bg#feature_bg2{top:22%;left:-5%;max-width:36%;}
  .feature_bg#feature_bg3{top:36%;left:initial;right:0;max-width:16%;}
  .feature_bg#feature_bg4{top:90%;left:-16%;max-width:40%;}
}


.p-topLogo{position:relative;max-height:100vh;height:640px;}
.p-topLogo h2{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:542px;max-width:72%;}
.p-topLogo h2 img{position:relative;/*transition:top .25s;*/}

@media screen and (max-width: 850px) {
  .p-topLogo{max-height:520px;height:50vh;}
}


.p-topShop{background:#E5EAF1;position:relative;padding:100px 0;}
.p-topShop h2{}
.p-topShop h2 img{height:16px;}
.p-topShop_wrap {width:90%;max-width:1104px;margin:0 auto;padding:0px;}
.p-topShop .p-topShop_content p{text-align:center;margin-top:20px;}
.p-topShop .p-topShop_content ul{margin:1em auto 2em;display:flex;justify-content:space-between;}
.p-topShop .p-topShop_content ul#shops{background:#fff;border-radius:2px;min-height:140px;padding:38px;justify-content:center;}
.p-topShop .p-topShop_content ul#shops li img{height:64px;}
.p-topShop .p-topShop_content ul#onlineshops li{background:#fff;border-radius:2px;width:19%;max-width:220px;min-height:132px;box-shadow:0 4px 4px rgba(0,0,0,.25);position:relative;}
.p-topShop .p-topShop_content ul#onlineshops li:nth-child(n+2){opacity:0.35;}
.p-topShop .p-topShop_content ul#onlineshops li a{display:block;width:100%;height:100%;padding:5%;}
.p-topShop .p-topShop_content ul#onlineshops li a.yet{cursor:default;opacity:0.35;}
.p-topShop .p-topShop_content ul#onlineshops li img{max-width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.p-topShop .p-topShop_content ul#onlineshops li:nth-child(1) img{width:50%;}
.p-topShop .p-topShop_content ul#onlineshops li a p{position:absolute;bottom:-30px;left:50%;width:100%;transform:translateX(-50%);font-size:12px;}

@media screen and (max-width: 850px) {
  .p-topShop{padding:80px 0;}
  .p-topShop_wrap{width:90%;}
  .p-topShop .p-topShop_content ul{flex-wrap:wrap;}
  .p-topShop .p-topShop_content ul#shops li + li{margin-top:4%;}
  .p-topShop .p-topShop_content ul#onlineshops li{width:48%;margin-bottom:4%;}
  .p-topShop .p-topShop_content ul#onlineshops li a p{bottom:5px;}
}


/*** Products ***/
.p-topProducts {background:linear-gradient(to bottom, #fff 0%, #E9F3FF 100%);padding:150px 0;position:relative;overflow-x:hidden;}
.p-topProducts_wrap {width:90%;max-width:1104px;margin:0 auto;padding:0;position:relative;z-index:3;}
.p-topProducts_wrap h2,
.p-topProducts_wrap h3{text-align:center;margin-bottom:50px;}
.p-topProducts_wrap h2 img{height:16px;}
.p-topProducts_wrap h3 img{height:32px;max-width:100%;}
.p-topProducts_wrap .p-topHeadingH2 {
  transform: translateY(20px);
  opacity: 0;
  transition: all 2s ease 0s;
}
@media screen and (max-width: 767px) {
  .p-topProducts_wrap .p-topHeadingH2 {
    font-size: 11vw;
  }
}
.p-topProducts_wrap .p-topHeadingH2.is_view {
  transform: translateY(0);
  opacity: 1;
}
.p-topProducts_list{margin:80px auto;position:relative;z-index:3;}
.p-topProducts_item {display:flex;align-items:center;justify-content:space-between;margin-top:20px;border:1.5px solid #fff;border-radius:6px;padding:48px;box-shadow:0 5px 20px rgba(0,0,0,.08);backdrop-filter: blur(10px);background:rgba(255,255,255,.5);position:relative;}
.p-topProducts_item:nth-child(1):before{content:"";width:100%;height:100%;display:block;background:radial-gradient(circle at top, rgba(253,253,253,0), rgba(141,193,197,.3));position:absolute;top:0;left:0;z-index:1;border-radius:6px;}
.p-topProducts_item:nth-child(2):before{content:"";width:100%;height:100%;display:block;background:radial-gradient(circle at top, rgba(253,253,253,0), rgba(197,197,141,.3));position:absolute;top:0;left:0;z-index:1;border-radius:6px;}
.p-topProducts_item:nth-child(3):before{content:"";width:100%;height:100%;display:block;background:radial-gradient(circle at top, rgba(253,253,253,0), rgba(146,197,141,.3));position:absolute;top:0;left:0;z-index:1;border-radius:6px;}
.p-topProducts_item:nth-child(4):before{content:"";width:100%;height:100%;display:block;background:radial-gradient(circle at top, rgba(253,253,253,0), rgba(197,142,141,.3));position:absolute;top:0;left:0;z-index:1;border-radius:6px;}
.p-topProducts_item:nth-child(5):before{content:"";width:100%;height:100%;display:block;background:radial-gradient(circle at top, rgba(253,253,253,0), rgba(141,148,197,.3));position:absolute;top:0;left:0;z-index:1;border-radius:6px;}
.p-topProducts_item .p-topProducts_image{width:300px;position:relative;z-index:3;overflow:hidden;}
.p-topProducts_item .p-topProducts_image img{width:282px;max-width:94%;}
.p-topProducts_item:nth-child(4) .p-topProducts_image img,
.p-topProducts_item:nth-child(5) .p-topProducts_image img{/*filter: contrast(0.25) brightness(0.9);*/}
.p-topProducts_item .p-topProducts_content{width:646px;position:relative;z-index:4;}
.p-topProducts_item .p-topProducts_content a{display:block;width:182px;}
.p-topProducts_exp{display:flex;justify-content:space-between;align-items:center;}
.p-topProducts_exp h3{margin:0;font-size:12px;padding:0;}
.p-topProducts_exp h3 img{height:12px;}
.p-topProducts_exp ul.product_points{font-size:13px;display:flex;}
.p-topProducts_exp ul.product_points li{margin:0 4px 0 0;padding:4px 16px;border:1px solid #E3E5EE;border:1px solid rgba(230,230,230,.7);border-radius:3px;background:#fff;color:#667085;}
.p-topProducts_exp ul.product_points li.ib{background:#667085;color:#fff;}
.p-topProducts_item h4{margin-top:1.5em;display:flex;align-items:center;}
.p-topProducts_item h4 img{height:19px;}
.p-topProducts_item h4 .sname{margin-left:5px;display:block;font-size:90%;}
.p-topProducts_item p{font-size:14px;margin-top:1em;line-height:1.5em;color:#4C5256;}
.p-topProducts_item .p-btn{margin:2em 0 0;}
.p-topProducts_item .p-btn p{margin-top:0;}
.p-topProducts_item .cs{margin-top:2em;}
.p-topProducts_item .cs img{height:12px;}
.p-topProducts_item .cs2{position:absolute;right:0;bottom:0;}
.p-topProducts_item .cs2 img{width:111px;}
.p-topProducts p.annote{color:#4C5256;color:rgba(76,82,86,.5);font-size:10px;}
.products_bg{position:absolute;z-index:0;}
.products_bg img{width:100%;position:relative;transition:all .2s;}
.products_bg#products_bg1{top:3%;left:-4%;width:200px;}
.products_bg#products_bg2{top:2%;left:97%;width:56px;}
.products_bg#products_bg3{top:20%;left:88%;width:62px;}
.products_bg#products_bg4{top:28%;left:60%;width:89px;}
.products_bg#products_bg5{top:45%;left:89%;width:200px;}
.products_bg#products_bg6{top:30%;left:0;width:73px;}
.products_bg#products_bg7{top:52%;left:84%;width:203px;}
.products_bg#products_bg8{top:58%;left:3%;width:135px;}
.products_bg#products_bg9{top:82%;left:94%;width:51px;}
.products_bg#products_bg10{top:75%;left:2%;width:128px;}

@media screen and (max-width: 850px) {
  .p-topProducts{padding:80px 0;}
  .p-topProducts_wrap{width:90%;}
  .p-topProducts_list{margin:40px auto;}
  .p-topProducts_item {margin-top:20px;padding:10% 7%;display:block;}
  .p-topProducts_item .p-topProducts_image{overflow:visible;width:75%;margin:0 auto;}
  .p-topProducts_item .p-topProducts_image img{width:100%;}
  .p-topProducts_item .p-topProducts_content{margin:20px auto 0;width:100%;}
  .p-topProducts_exp{flex-direction:column-reverse;}
  .p-topProducts_exp ul.product_points{font-size:11px;width:100%;margin:20px auto;}
  .p-topProducts_exp ul.product_points li{padding:4px 8px;}
  .p-topProducts_exp ul.product_points li:nth-child(1){margin-left:0;}
  .p-topProducts_wrap h2{}
  .p-topProducts_wrap .p-topProducts_exp h3{text-align:left;}
  .p-topProducts_wrap h2 img{height:12px;}
  .p-topProducts_wrap h3 img{height:54px;}
  .p-topProducts_exp h3 img{height:10px;}
  .p-topProducts_item h4{margin-top:1em;}
  .p-topProducts_item .cs2{right:-2%;bottom:-5%;}
  .p-topProducts_item .cs2 img{width:80px;}
  .p-topProducts_wrap .p-topHeadingH2{text-align:center;margin-bottom:20px;}
  .products_bg#products_bg1{top:3%;left:-4%;max-width:24%;}
  .products_bg#products_bg2{top:2%;left:88%;max-width:15%;}
  .products_bg#products_bg3{top:27%;left:-10%;max-width:16%;}
  .products_bg#products_bg4{top:28%;left:60%;max-width:24%;}
  .products_bg#products_bg5{top:35%;left:89%;max-width:40%;}
  .products_bg#products_bg6{top:45%;left:-2%;max-width:20%;}
  .products_bg#products_bg7{top:72%;left:84%;max-width:16%;}
  .products_bg#products_bg8{top:80%;left:3%;max-width:28%;}
  .products_bg#products_bg9{top:90%;left:94%;max-width:12%;}
  .products_bg#products_bg10{top:93%;left:-16%;max-width:30%;}
}
@media screen and (max-width:640px){
  .p-topProducts_item h4{display:block;}
  .p-topProducts_item h4 .sname{margin-top:5px;margin-left:0;}
}

/*
.p-topProducts_image::after {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #ecf4fb;
  transition: all 1s ease;
}
.p-topProducts_item a .p-topProducts_image img {
  transform: scale(1);
  transition: all .5s ease;
}
.p-topProducts_item a:hover .p-topProducts_image img {
  transform: scale(1.05);
}


.p-topProducts_item.is_view .p-topProducts_image::after {
  width: 0;
}
.p-topProducts_image img {
  width: 100%;
}
*/
.p-topProducts_content {
  transform: translate(20px,20px);
  width: 50%;
  opacity: 0;
  transition: transform 1s ease,opacity .3s ease;
}
.p-topProducts_item.is_view .p-topProducts_content {
  opacity: 1;
  transform: translate(0);
}
@media screen and (max-width: 767px) {
  .p-topProducts_content {
    transform: translate(0);
    width: 100%;
  }
  .p-topProducts_item.is_view .p-topProducts_content {
    transform: translate(0);
  }
}
.p-topProducts_title {
  font-size: 26px;
  /* background-color: #FFF; */
  padding: 6px;
  margin-bottom: 10px;
  display: inline-block;
  text-shadow:1px 1px 3px #444;
}
@media screen and (max-width: 767px) {
  .p-topProducts_title {
    width: 100%;
    padding-top: 16px;
  }
}
.p-topProducts_title.p-topProducts_be10img {
  padding: 15px;
}
.p-topProducts_title.p-topProducts_be10img img {
  width: 180px;
}
@media screen and (max-width: 767px) {
  .p-topProducts_title.p-topProducts_be10img img {
    width: 30%;
    max-width: 140px;
  }
}
.p-topProducts_text {
  line-height: 2;
  display: inline-block;
  /* background-color: #FFF; */
  padding: 10px;
}
@media screen and (max-width: 767px) {
  .p-topProducts_text {
    margin-top: 0;
  }  
}


.bgmv{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100vw;max-width:1680px;height:100vh;z-index:-1;overflow:hidden;}
.bgmv video{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%);object-fit: cover;}
.bgmv .cover{position:absolute;width:100%;height:100%;background:transparent;}

.p-topMovie{background:radial-gradient(circle at top, #B6C0D5, #7D8BA7);padding:100px 0;position:relative;}
.p-topMovie_wrap{display:flex;width:90%;max-width:1200px;margin:0 auto;flex-direction:row-reverse;align-items:center;}
.p-topMovie .p-topMovie_content{color:#fff;width:244px;margin-left:4%;}
.p-topMovie h2{width:100%;margin:0 auto 2em;}
.p-topMovie h2 img{height:24px;}
.p-topMovie_wrap iframe{width:910px;height:512px;max-width:92%;border-radius:6px;}

@media screen and (max-width: 850px) {
  .p-topMovie_wrap{flex-wrap:wrap;width:90%;flex-direction: column-reverse;}
  .p-topMovie_wrap iframe{width:90vw;max-width:100%;height:calc(90vw / 16 * 9);}
  .p-topMovie .p-topMovie_content{margin:30px auto 0;width:100%;text-align:center;}
}



.p-topComparison{background:#fff;padding:100px 0 0;position:relative;}
.p-topComparison:after{content:"";display:block;position:absolute;top:50px;left:0;width:100%;height:100%;background:url(../img/top/comparison_bg.jpg) no-repeat;background-size:cover;background-position:bottom center;z-index:0;}
.p-topComparison_wrap{position:relative;z-index:1;}
.p-topComparison h2,
.p-topComparison h3{position:relative;margin:0 auto 1.5em;text-align:center;}
.p-topComparison h2 img{height:16px;}
.p-topComparison h3 img{height:38px;}
.p-topComparison_products{width:100%;height:500px;position:relative;overflow:hidden;}
.p-topComparison_list img{width:300px;transform:rotateZ(90deg)}
.p-topComparison_list{position:absolute;top:240%;left:50%;transform:translate(-50%,-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--r) * 2px);
  height: calc(var(--r) * 2px);
  border: 1px solid rgba(0,0,0,0);
  border-radius: 50%;
  box-sizing: border-box;
  animation: r360 60s linear infinite;
  > li {
     --a2: calc(var(--a) * 1deg - 90deg);
     --x: calc(cos(var(--a2)) * var(--r) * 1px);
     --y: calc(sin(var(--a2)) * var(--r) * 1px);
     position: absolute;
     color: #555;
     font: 700 50px / 1 Impact;
     translate: var(--x) var(--y);
     rotate: calc(var(--a) * 1deg);
   }
}
@keyframes r360 {
  0%   { transform: translate(-50%,-50%) rotateZ(0deg); }
  100% { transform: translate(-50%,-50%) rotateZ(360deg); }
}

@media screen and (max-width: 850px) {
  .p-topComparison{padding:80px 0 0;}
  .p-topComparison h2{margin-bottom:1em;}
  .p-topComparison h3{margin-bottom:0;}
  .p-topComparison h2 img{height:9px;}
  .p-topComparison h3 img{height:21px;}
  .p-topComparison .p-btn.bgb{margin-top:30px;}
}



/*** お知らせ ***/
.p-topInfo {background-color:#fff;padding: 150px 0;}
.p-topInfo_wrap{width:90%;max-width:1104px;margin:0 auto;padding:0;}
.p-topInfo_wrap .p-topHeadingH2 {
  order: 1;
  font-size: 110px;
  font-weight: 900;
  line-height: 1.1;
  writing-mode: vertical-lr;
  text-orientation: sideways;
  color: #434343;
  margin-left: 15px;
  position: relative;
  overflow: hidden;
}
.p-topInfo h2{width:100%;text-align:left;}
.p-topInfo h2 img{width:223px;}
.p-topInfo_note{width:223px;padding-top:30px;}
.p-topInfo_note img{width:164px;}
@media screen and (max-width: 767px) {
  .p-topInfo_wrap .p-topHeadingH2 {
    font-size: 11vw;
    line-height: 1;
    margin-left: 10px;
  }
}
.p-topInfo_wrap .p-topHeadingH2::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #EBEBEB;
  display: block;
  height: 100%;
  width: 100%;
  transition: all 2s ease 0s;
}
.p-topInfo_wrap.is_view .p-topHeadingH2::after {
  top: 100%;
}
.p-topInfo .p-topHeadingH2 span {
  font-size: 22px;
  font-weight: 400;
  color: #666;
  margin-top: 10px;
  display: block;
}
@media screen and (max-width: 767px) {
  .p-topInfo .p-topHeadingH2 span {
    font-size: 16px;
    margin-top: 3px;
  }
}
.p-topInfo_content {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;margin: 50px auto;
  transform: translateY(20px);
  opacity: 0;
  transition: all 2s ease 0s;
}
.p-topInfo_wrap.is_view .p-topInfo_content {transform: translateY(0);opacity: 1;}
.p-topInfo_list{width:calc(100% - 272px);height:400px;overflow-y:scroll;scrollbar-color:#667085 #CDDAE2;}
.p-topInfo_list::-webkit-scrollbar{width:8px;}
.p-topInfo_list::-webkit-scrollbar-track{width:8px;border-radius:}
.p-topInfo_list::-webkit-scrollbar-thumb{border-radius:4px;}
.p-topInfo_item {/*display:flex;justify-content:space-between;align-items:center;*/padding:30px 0;border-bottom: 1px solid #E3E5EE;width:calc(100% - 40px);}
.p-topInfo_item:nth-of-type(1) {border-top:0;}
.p-topInfo_item a{position:relative;width:100%;display:flex;align-items:center;}
.p-topInfo_item a:after{content:"";display:block;position:absolute;right:0;top:50%;transform:translateY(-50%) rotateZ(180deg);width:15px;height:15px;background:url(/assets/img/topics/btn_arrow_l.svg) no-repeat;background-position:center;background-size:contain;}
.p-topInfo_item img{width:30%;width:143px;}
.p-topInfo_detail{width:70%;width:calc(100% - 172px - 40px);margin-left:24px;}
.p-topInfo_date {color: #4C5256;font-size: 14px;}
.p-topInfo_text {font-size: 18px;color:#4C5256;margin-top:0.5em;}
.p-info_icon{font-size:12px;padding:4px 8px;color:#fff;display:inline-block;margin-right:10px;}
.p-info_icon.p-infoIcon_g{background:#667085;}
.p-topInfo_list li.infocs{padding-top:30px;}
.p-topInfo_list li.infocs img{width:150px;}
@media screen and (max-width: 850px) {
  .p-topInfo{padding:80px 0;}
  .p-topInfo_content{display:block;width:100%;margin-top:0;}
  .p-topInfo h2{width:100%;margin:0 auto;}
  .p-topInfo h2 img{width:120px;}
  .p-topInfo_list{width:100%;height:266px;margin-top:30px;}
  .p-topInfo_item{border-bottom:0;padding:15px 0;width:100%;width:calc(100% - 20px);}
  .p-topInfo_item a:after{top:3px;transform:translateY(0) rotateZ(180deg);}
  .p-topInfo_item img{width:100px;}
  .p-topInfo_detail{width:calc(100% - 120px);}
  .p-topInfo_date{font-size:12px;}
  .p-info_icon{font-size:10px;padding:2px 6px;}
  .p-topInfo_text{font-size:14px;}
  
}


/* ==============================================================
*  404 Not Found Page
* ============================================================ */
.l-notfound .l-main{padding:0;}
.l-notfound .l-header{top:0;opacity:1;}
.l-notfound .bgmv .cover{position:absolute;width:100%;height:100%;background:rgba(255,255,255,.4);}

.p-404Top{background:#fff;background: linear-gradient(to bottom, #fff, #EFF7FF);}
.p-404Top_wrap{min-height:80vh;padding:200px 0 150px;}
.p-404Top h2{margin:0px auto;text-align:center;}
.p-404Top h2 img{max-width:1174px;width:94%;}
.p-404Top h3{text-align:center;margin:-80px auto 20px;}
.p-404Top h4{text-align:center;margin:0 auto 20px;}
.p-404Top h3 img:nth-child(1){width:192px;margin-right:0.5em;}
.p-404Top h3 img:nth-child(2){width:172px;}
.p-404Top h4 img:nth-child(1){width:272px;margin-right:0.5em;}
.p-404Top h4 img:nth-child(2){width:264px;}
.p-404Top .p-btn img{width:96px;}
@media screen and (max-width: 1000px) {
  .p-404Top h3{margin-top:-6vw;}
}
@media screen and (max-width: 850px) {
  .p-404Top_wrap{min-height:initial;padding:150px 0 100px;}
  .p-404Top h3{margin-top:-2vw;}
  .p-404Top h3 img{display:block;margin:0 auto 0.5em;}
  .p-404Top h4 img{display:block;margin:0 auto 1em;}
  .p-404Top h3 img:nth-child(1),
  .p-404Top h4 img:nth-child(1){margin-right:auto;}
}