/* Scss Document */
#container #mainvisual figcaption .sp {
  display: none; }

@media (max-width: 480px) {
  #container #mainvisual figcaption {
    color: #000; }
    #container #mainvisual figcaption .pc {
      display: none; }
    #container #mainvisual figcaption .sp {
      display: block; } }
#sec1, #sec2, #sec3 {
  width: 100%;
  max-width: 1280px;
  margin: auto;
  box-sizing: border-box;
  overflow: hidden; }
  #sec1 .txt, #sec2 .txt, #sec3 .txt {
    margin: 5% auto; }

#designer {
  margin: 5% auto; }
  #designer h5 {
    text-align: center; }
  #designer .logo {
    float: left;
    margin: 0 20px 20px 0; }
    @media (max-width: 480px) {
      #designer .logo {
        float: none;
        margin: 0; } }
  #designer .name {
    font-size: 20px; }
    #designer .name span {
      display: block;
      margin: 8px 0;
      font-size: 11px; }
  #designer .lead {
    clear: both; }

.column {
  width: 90%;
  max-width: 1000px;
  margin: auto;
  box-sizing: border-box;
  overflow: hidden;
  border: 1px solid #aaaaaa;
  margin: 5% auto 8%;
  padding: 2em; }
  .column .photo ul {
    margin: 0 -1%; }
    .column .photo ul li {
      display: inline-block;
      width: 31.33%;
      margin: 1%;
      vertical-align: top; }
    @media (max-width: 480px) {
      .column .photo ul {
        margin: 0; }
        .column .photo ul li {
          display: block;
          width: 100%;
          margin: 15px auto 0; } }

.photo-ent {
  padding-bottom: 3rem; }

.photo_herf {
  margin-bottom: 40px;
  overflow: hidden; }
  .photo_herf > div {
    width: 49%; }
  .photo_herf .left {
    float: left; }
  .photo_herf .right {
    float: right; }
  .photo_herf img {
    width: 100%;
    height: auto; }

#sec4 {
  padding-bottom: 5rem; }
  #sec4 .column {
    margin-top: 0 !important;
    margin-bottom: 50px !important;
    border: none;
    padding: 0;
    position: relative; }
    #sec4 .column .w100 {
      width: 60%;
      margin-left: 40%;
      position: relative;
      z-index: 0; }
      #sec4 .column .w100 .note {
        text-align: right;
        margin-top: 10px; }
    #sec4 .column .txt {
      text-align: left;
      width: 45%;
      position: absolute;
      z-index: 1;
      left: 0;
      top: 50%;
      transform: translateY(-50%); }
    @media (max-width: 580px) {
      #sec4 .column .txt {
        width: 100%;
        position: relative;
        left: inherit;
        top: inherit;
        transform: translateY(0%); }
      #sec4 .column .w100 {
        width: 100%;
        margin-left: 0%; } }
  #sec4 .bnr-box {
    margin: auto;
    width: 90%;
    max-width: 960px; }
    #sec4 .bnr-box a {
      display: block; }
      #sec4 .bnr-box a img {
        width: 100%;
        height: auto; }

.skm-head {
  box-sizing: border-box;
  padding-right: 220px;
  position: relative;
  padding-bottom: 30px; }
  .skm-head .skm-04 {
    text-align: center;
    width: 180px;
    position: absolute;
    top: -10px;
    right: 0; }
    .skm-head .skm-04 img {
      width: 100%;
      height: auto; }
  @media (max-width: 580px) {
    .skm-head {
      padding-right: 0px;
      padding-bottom: 10px; }
      .skm-head .skm-04 {
        width: 100%;
        position: relative;
        top: inherit;
        right: inherit;
        padding: 20px 0; }
        .skm-head .skm-04 img {
          width: 100%;
          max-width: 130px; } }

#spclmovie {
  margin: 60px auto; }