@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● area.css                                            */
/*                                                        */
/*    エリアの定義                                        */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


/* エリアの基本スタイル
--------------------------------------------------- */
.DefaultArea{
  padding: 7.5rem 0;
  background-color: rgb(65,60,54);
  &:nth-child(odd){
    background-color: $base-color;
  }
  
  position: relative;
  overflow: hidden;
  min-height: 50vh;
  &:not(.MainImageArea)::before{
    @extend %_pseudo_element;
    background-image: url(../img/common/logo/site_logo.svg);
    @include media-query(over-bp-m) {
      top:  -2.5rem;
      left: -10rem;
      opacity: 0.1;
      width: 45rem;
      height: 45rem;
    }
    @include media-query(under-bp-m) {
      top:  -5rem;
      left: calc(50% - 15rem);
      opacity: 0.05;
      width: 30rem;
      height: 30rem;
    }
  }
}