@charset "UTF-8";

/*===============================
header
===============================*/
.headerWrapper .menu .otherwise > ul > li.japanese a { 
  background: url(/cmn/img/icon01.png) right 2px center no-repeat;
}

.headerWrapper .menu .otherwise > ul > li.japanese a:hover { 
  opacity: 0.7;
}

@media screen and (max-width: 768px) {
  .headerWrapper .menu .otherwise > ul > li.japanese a { 
    background: url(/cmn/img/icon01_sp.png) no-repeat right center/13px auto;
    padding-right: 20px;
    display: inline-block;
  }

  .headerWrapper .menu .otherwise > ul > li.japanese a:hover { 
    opacity: 1
  }
}

/*===============================
footer
===============================*/
footer .footerWrapper .footerContainer01 .footerInner .list01 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0 4rem;
  flex-wrap: nowrap;
  gap: 5rem;
}

footer .footerWrapper .footerContainer01 .footerInner a.youtube {
  position: absolute;
  width: 20%;
  max-width: 240px;
  bottom: 20%;
  left: 71%;
}

footer .footerWrapper .footerContainer01 .footerInner .list01 > li {
  margin-left: 0;
}

footer .footerWrapper .footerContainer01 .footerInner .list02 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  padding: 0 4rem;
  text-align: left;
}

@media screen and (max-width: 768px) {
  footer .footerWrapper .footerContainer01 .footerInner .list01{
    display: none;
  }

  footer .footerWrapper .footerContainer01 .footerInner a.youtube {
    position: inherit;
    display: inline-block;
    width: 100%;
    max-width: 100%;
    padding: 20px 20px 0;
    left: inherit;
    right: auto;
  }

  footer .footerWrapper .footerContainer01 .footerInner .list02 {
    display: block;
    padding: 24px 19px;
  }
}

/*===============================
tablType
===============================*/
.tabType02 > .content > li .relationBox01 .boxInner .cName a.blank:after, .tabType02 > .content > li .relationBox01 .boxInner .detail a.blank:after {
  background: url(/cmn/img/icon_blank01.png) center center no-repeat;
}

/*===============================
listType
===============================*/
.listType04 > li {
  padding-left: 2rem;
}

.listType04 > li:before {
  position: absolute;
  top: -7px;
  left: 0;
  content: url(/en_us/cmn/img/icon_asterisk.svg);
  transform: scale(0.3);
}

/*===============================
annotation
===============================*/
@media screen and (max-width: 768px) {
  .annotationZoom > span {
    position: relative;
  }
  .annotationZoom > span:before{
    position: absolute;
    left: -1rem;
    top: -.6rem;
    content: url(/en_us/cmn/img/icon_asterisk.svg);
    transform: scale(0.3);
  }
}


/*===============================
panelType
===============================*/
ul[class*="panelType"] ul.detailLink {
  width: 300px;
}