@font-face{font-family:'Rakuten Global';src:url(/fonts/RakutenGlobal-R.otf)format('otf');font-weight:400;font-style:normal}
@font-face{font-family:'Rakuten Global bold';src:url(/fonts/RakutenGlobal-B.otf)format('otf');font-weight:700;font-style:normal}

div, p, a, li, span {
  letter-spacing: .04em;
}

*.lang-EN {
  letter-spacing: .06em;
  font-family:'Rakuten Global','Helvetica Neue',HelveticaNeue,Helvetica,'Noto Sans',Arial,'Arial Unicode MS',sans-serif!important;
}

body.is-browser-IE {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

html:lang(en-US) body {
  font-family:'Rakuten Global','Helvetica Neue',HelveticaNeue,Helvetica,'Noto Sans',Arial,'Arial Unicode MS',sans-serif!important;
}

html:lang(en-US) body div,
html:lang(en-US) body p,
html:lang(en-US) body a,
html:lang(en-US) body li,
html:lang(en-US) body span {
  letter-spacing: .06em;
} 


br.br--pc {
  display: none;
}

br.br--pctab {
  display: none;
}

br.br--sp {
  display: none;
}

@media screen and (min-width: 980px), print {
  br.br--pc {
    display: block;
  }
}

@media screen and (min-width: 760px), print {
  br.br--pctab {
    display: block;
  }
}

@media screen and (max-width: 759px), print {
  br.br--sp {
    display: block;
  }
}

@media screen and (max-width: 979px), print {
  body.js-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
  }
}

.content_section.color-gray {
    background-color: #f6f6f6;
}

.content_section.color-gray + .content_section.color-gray {
    border-top: 1px solid #c8c8c8;
}

@media screen and (min-width: 760px), print {
    .content_section {
        padding: 80px 0;
    }
}

@media screen and (max-width: 759px), print {
    .content_section {
        padding: 56px 0;
    }
    .content_section.color-gray + .content_section.color-gray {
        padding-bottom: 80px;
    }
}

.content_section:last-of-type {
  padding-bottom: 0;
}


@media screen and (min-width: 760px), print {
    .content_inner {
        margin: 0 auto;
        max-width: 1200px;
        padding: 0 40px;
    }
}

@media screen and (max-width: 759px), print {
    .content_inner {
        padding: 0 16px;
    }
}
