@charset "UTF-8";

:root {
  --red: #be113c;
  --green: #0a6a60;
  --cream: #ffe6c2;
  --perpul: #3a359f;
  --commonFont: #1c1c1c;
  --font37: clamp(0.987rem, 4.93vw, 2.313rem);
  --font39: clamp(1.04rem, 5.2vw, 2.438rem);
  --font45: clamp(1.2rem, 6vw, 2.813rem);
  --font50: clamp(1.334rem, 0.001rem + 6.67vw, 3.125rem);
  --font55: clamp(1.467rem, 7.33vw, 3.438rem);
}

header {
  display: block;
  height: 80px;
  line-height: 1;
  box-shadow: 0px 15px 15px -10px #bfbfbf;

  .pc_wrapper {
    display: flex;
    align-items: center;
    height: 80px;
  }

  .logo{
    margin-left: 42px;
  }
}

.pc_wrapper {
  max-width: 1400px;
  margin: 0 auto;
  overflow: clip;
}

#container {
  background-image: linear-gradient(#eaeaea 1px, transparent 1px), linear-gradient(90deg, #eaeaea 1px, transparent 1px);
  background-size: 0.79em 0.79em;
  background-color: rgb(243, 243, 243, 0.9);
  .pc_wrapper {
    display: flex;
  }
}

aside {
  position: relative;
  display: block;
  flex: 1;

}
@media screen and (min-width: 1000px) {
  aside {
    a {
      position: sticky;
      display: block;
      top: 215px;

      img {
        display: block;
        padding: 0 5px;
        margin: 0 auto;
      }
    }
  }
}

main {
  width: 750px;
}

.mv {

  .logo {
    display: none;
  }
}