@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(//fonts.googleapis.com/earlyaccess/sawarabimincho.css);
.about_main {
    float: left;
    width: calc(100% - 12em);
    padding: 0px 20px;
    box-sizing: border-box;
}
.about_link {
    display: block;
    float: right;
    margin-top: 20px;
}
/*==========================
MAIN VISUAL
==========================*/

.mv.is_about {
    background: url(/maruzen/images/top/slide2.png) no-repeat center;
    background-size: cover;
    height: 250px;
}
.mv_txt {
    font-size: 2.2rem;
    font-weight: 200;
}
.comp_sub_nav {
}

.mv {
    position: relative;
    overflow: hidden;
}

.comp_sub_nav li {
    padding: 10px 10px;
    border-bottom: 1px solid #ccc;
}
.mv.is_about .mv_cover{
  display: block;
  height: calc(100% + 10px);
  position: absolute;
  filter: brightness(120%);
}
.mv.is_about .mv_cover.is_left {
  width: calc((100% - 1040px) / 2);
  top: -10px;
  left: -10px;
  overflow: hidden;
}
.mv.is_about .mv_cover.is_left div{
  filter: blur(10px);
  background: url(/maruzen/images/about/about_mv.png) no-repeat left;
  background-size: 100vw;
  height: 100%;
  margin-right: -5px;
}
.mv.is_about .mv_cover.is_right {
  width: calc((100% - 1040px) / 2);
  top: -10px;
  right: -10px;
  margin-left: -20px;
  overflow:hidden;
}
.mv.is_about .mv_cover.is_right div{
  filter: blur(10px);
  background: url(/maruzen/images/about/about_mv.png) no-repeat right;
  background-size: 100vw;
  height: 100%;
  margin-left: -10px;
}
/*==========================
CONT1
==========================*/
.about_cont {
    padding: 50px 0;
}

.comp_txt {
    /* font-size: 2.0rem; */
    margin-bottom: 1em;
}

.comp_txt img {
    padding-left: 20px;
    align-items: left;
}

.sign {
    /* text-align: right; */
    /* font-size: 2.0rem; */
    margin-top: 80px;
}

.about_cont a {
	text-decoration: underline;
}

/*==========================
CONT2
==========================*/
.about_table {
    text-align: left;
}

.about_table th {
    font-weight: normal;
    width: 5em;
	text-align: left;
}
.about_table.is_enkaku th {
    width: 9em;
}
.about_subcont {
    margin-bottom: 50px;
    overflow: hidden;
}
iframe.gmap {
    margin-top: 30px;
}
/*==========================
CONT3
==========================*/

/*==========================
CONT4
==========================*/


/* ===================================================================================
 for PC min-width: 741px
 =================================================================================== */
 @media screen and (min-width: 741px), print {
    .sidebar {
        width: 12em!important;
    }
 }
/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
 @media screen and (max-width: 740px) {
     .sidebar {
        display: none;
    }
    .about_main {
        width: 100%;
        padding: 0;
    }
    /*==========================
    MAIN VISUAL
    ==========================*/
    .comp_sub_nav {
        display: none;
    }

    .comp_sub_nav li {
        border: none;
    }

    .mv h1 {
        margin-top: 0;
        font-size: 2.0rem;
        text-align: center;
    }

    .mv_txt {
        font-size: 1.4rem;
        text-align: center;
        margin-bottom: 20px;
    }
    .about_cont {
        /* padding: 20px 20px; */
    }
    /*==========================
    CONT1
    ==========================*/
    .comp_txt img.sp {
        display: block;
        margin: 0px auto;
    }

    .comp_txt {
        font-size: 1.4rem;
    }

    .sign {
        margin-top: 20px;
        font-size: 1.6rem;
    }
    /*==========================
    CONT2
    ==========================*/
    .philo h2 {
        font-size: 2rem;
        text-align: center;
    }

    .philo p {
        font-size: 1.6rem;
    }

    .philo_link {
        font-size: 1.6rem;
    }
    /*==========================
    CONT3
    ==========================*/
    .common_table th, .common_table td {
        display: block;
        width: 100%;
        box-sizing: border-box;
        font-size: 1.4rem;
    }
    /*==========================
    CONT4
    ==========================*/
  .about_subcont {
      font-size: 1.4rem;
  }

  .about_table td {
      margin-bottom: 1em;
  }

  .about_table th {
      font-weight: 600;
  }

  .about_table th, .about_table td {
      display: block;
  }
 }