@charset "UTF-8";
/*-----------------------------------------------------------
===  [ not-found CSS ]  ====================================
------------------------------------------------------------*/
/* ***************************************************************************** */
/*
  目次
-------------------------------------------------------------------------------
  01. 販売情報提供活動に関するお問い合わせ窓口

*/
/* ***************************************************************************** */
/* 01. 販売情報提供活動に関するお問い合わせ窓口
----------------------------------------------------*/
main {
  overflow: hidden; }

.not-found__breadcrumb{
  display: block; }
@media screen and (max-width: 767px) {
  .not-found__breadcrumb{
    display: none; } }

.not-found__contents{
  margin-top: 56px; 
  margin-bottom: 56px; }
@media screen and (max-width: 767px) {
  .not-found__contents{
    margin-top: 7vw; 
    margin-bottom: 7vw; } }

  .not-found__ttl {
    display: flex;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 4rem;
    line-height: 1.5;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .not-found__ttl{
        font-size: 2rem; } }

    .not-found__ttl::before {
      display: inline-block;
      width: 56px;
      height: 56px;
      margin: 0 0 8px;
      background: url(/assets/common/images/ico_404.svg) no-repeat center;
      background-size: contain;
      content: ""; }

  .not-found__txt {
    margin-top: 28px;
    text-align: center; }

    .not-found__txt p {
      font-weight: 300;
      letter-spacing: 0.05em; }

  .not-found__btn-wrap .c_btn-list01 {
    margin-top: 44px; }

  .not-found__contact {
    margin-top: 120px; }
  @media screen and (max-width: 767px) {
    .not-found__contact{
      margin-top: 4vw; } }