/*--------------------------
Common Styles
---------------------------*/
div:not(#main-header-wrapper) .background-wrapper {
  width: 100% !important; }
  div:not(#main-header-wrapper) .background-wrapper .container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0; }

#main-header-wrapper header {
  width: 100%;
  padding: 0 20px !important;
  margin: 20px auto 43px;
  box-sizing: border-box; }
  @media only screen and (min-width: 920px) {
    #main-header-wrapper header {
      width: 940px;
      margin: 20px auto 43px;
      padding: 0 !important; } }

#background {
  padding-bottom: 0; }

.breadcrumb {
  padding: 0 20px; }
  @media only screen and (min-width: 920px) {
    .breadcrumb {
      width: 940px;
      margin: 0 auto 18px; } }

@media only screen and (min-width: 920px) {
  .span12 {
    width: calc(100% - 20px); } }

.yamawake2021 {
  margin: 0;
  padding: 0;
  background-color: #fff5a5; }
  .yamawake2021 * {
    box-sizing: border-box; }
  @media only screen and (min-width: 481px) {
    .yamawake2021 .wrap {
      width: 100vw; } }
  @media only screen and (min-width: 920px) {
    .yamawake2021 .wrap {
      width: 920px;
      margin: 0 auto; } }
  .yamawake2021 * {
    box-sizing: border-box; }
  .yamawake2021 .wrap {
    background: #ed7800;
    padding-bottom: 8vw; }
    @media only screen and (min-width: 481px) {
      .yamawake2021 .wrap {
        width: 100vw;
        padding-bottom: calc(70 / 920 * 100vw); } }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .wrap {
        width: 920px;
        margin: 0 auto;
        padding-bottom: 70px; } }
  .yamawake2021 img {
    width: 100%;
    height: auto; }
  .yamawake2021 h1, .yamawake2021 h2, .yamawake2021 h3, .yamawake2021 h4 {
    margin: 0;
    padding: 0;
    line-height: 1; }
  .yamawake2021 a {
    color: #ed7800;
    text-decoration: none; }
  .yamawake2021 a:hover {
    text-decoration: underline; }
  .yamawake2021 a img:hover {
    opacity: 0.8; }
  .yamawake2021 .only_pc {
    display: none; }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .only_pc {
        display: inherit; } }
  .yamawake2021 .only_sp {
    display: inherit; }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .only_sp {
        display: none; } }
  @media only screen and (min-width: 481px) {
    .yamawake2021 a[href*="tel:"] {
      pointer-events: none;
      cursor: default;
      text-decoration: none; } }
  .yamawake2021 .period__panel {
    width: 100vw; }
    @media only screen and (min-width: 481px) {
      .yamawake2021 .period__panel {
        width: calc(920 / 920 * 100vw); } }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .period__panel {
        width: 920px; } }
  .yamawake2021 .period__btn {
    width: 51.6vw;
    margin: 0 auto 0; }
    @media only screen and (min-width: 481px) {
      .yamawake2021 .period__btn {
        width: calc(424 / 920 * 100vw);
        margin-top: calc(24 / 920 * 100vw); } }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .period__btn {
        width: 424px;
        margin-top: 24px; } }
  .yamawake2021 .comingsoon__inner {
    width: 100vw;
    margin-bottom: 5vw; }
    @media only screen and (min-width: 481px) {
      .yamawake2021 .comingsoon__inner {
        width: calc(920 / 920 * 100vw);
        margin-bottom: calc(50 / 920 * 100vw); } }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .comingsoon__inner {
        width: 920px;
        margin-bottom: 50px; } }
  .yamawake2021 .prod__panel {
    width: 100vw; }
    @media only screen and (min-width: 481px) {
      .yamawake2021 .prod__panel {
        width: calc(920 / 920 * 100vw); } }
    @media only screen and (min-width: 920px) {
      .yamawake2021 .prod__panel {
        width: 920px; } }
  .yamawake2021 .outline {
    padding-bottom: 0vw; }
    .yamawake2021 .outline-inner {
      width: 87.466vw;
      margin: 5.333vw auto 0;
      padding: 3.2vw;
      border: 0.8vw solid #e60011;
      border-radius: 4vw;
      background-color: #fff; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline-inner {
          width: calc(700 / 920 * 100vw);
          margin-top: calc(52 / 920 * 100vw);
          padding: calc(18 / 920 * 100vw);
          border: calc(6 / 920 * 100vw) solid #e60011;
          border-radius: calc(32 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline-inner {
          width: 700px;
          margin-top: 52px;
          padding: 18px 32px 25px;
          border: 6px solid #e60011;
          border-radius: 32px; } }
    .yamawake2021 .outline__title {
      width: 36.266vw;
      margin: 0 auto; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__title {
          width: calc(314 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__title {
          width: 314px; } }
    .yamawake2021 .outline__stitle {
      width: 18vw;
      margin: 2.533vw auto 0;
      font-size: 0; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__stitle {
          width: calc(130 / 920 * 100vw);
          margin-top: calc(20 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__stitle {
          width: 130px;
          margin-top: 20px; } }
    .yamawake2021 .outline__md {
      width: 80.533vw;
      padding: 0.8vw;
      margin: 5vw 0 2vw;
      background-color: #ff8500;
      border-radius: 1.333vw;
      text-align: center;
      line-height: 1;
      font-size: 1rem;
      letter-spacing: 3px;
      color: #FFF; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__md {
          width: calc(620 / 920 * 100vw);
          padding: calc(4 / 920 * 100vw);
          margin: calc(25 / 920 * 100vw) auto calc(12 / 920 * 100vw);
          font-size: 18px;
          letter-spacing: 8px; } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__md {
          width: 620px;
          padding: 4px;
          margin: 25px auto 12px; } }
      .yamawake2021 .outline__md img {
        height: 2.933vw;
        width: auto; }
        @media only screen and (min-width: 481px) {
          .yamawake2021 .outline__md img {
            height: calc(16 / 920 * 100vw); } }
        @media only screen and (min-width: 920px) {
          .yamawake2021 .outline__md img {
            height: 16px; } }
    .yamawake2021 .outline p {
      width: 78vw;
      margin: 2vw auto 0;
      font-size: 0.7rem;
      text-align: justify; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline p {
          width: calc(600 / 920 * 100vw);
          margin-top: calc(13 / 920 * 100vw);
          font-size: 14px;
          line-height: 22px; } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline p {
          width: 600px;
          margin-top: 13px; } }
      .yamawake2021 .outline p.note {
        text-indent: -1em;
        margin: 0 auto;
        padding-left: 1em;
        font-size: 0.8rem; }
        @media only screen and (min-width: 481px) {
          .yamawake2021 .outline p.note {
            width: calc(621 / 920 * 100vw); } }
        @media only screen and (min-width: 920px) {
          .yamawake2021 .outline p.note {
            width: 600px;
            font-size: 16px; } }
        .yamawake2021 .outline p.note span {
          font-size: 0.7rem;
          line-height: 1em; }
          @media only screen and (min-width: 481px) {
            .yamawake2021 .outline p.note span {
              font-size: 14px; } }
      .yamawake2021 .outline p.mb {
        margin-bottom: 0.5em; }
      .yamawake2021 .outline p.noteB {
        text-indent: -1em;
        margin: 0 auto;
        padding-left: 1em;
        font-size: 0.75rem; }
        @media only screen and (min-width: 481px) {
          .yamawake2021 .outline p.noteB {
            width: calc(600 / 920 * 100vw); } }
        @media only screen and (min-width: 920px) {
          .yamawake2021 .outline p.noteB {
            width: 600px;
            font-size: 14px;
            margin: 0 auto; } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline p.top {
          font-size: 12px;
          margin-top: 13px; } }
      .yamawake2021 .outline p.add {
        width: 80vw;
        margin: 2.666vw auto 0;
        font-size: 0.8rem;
        font-weight: bold; }
        @media only screen and (min-width: 481px) {
          .yamawake2021 .outline p.add {
            width: calc(600 / 920 * 100vw);
            margin-top: calc(20 / 920 * 100vw); } }
        @media only screen and (min-width: 920px) {
          .yamawake2021 .outline p.add {
            width: 600px;
            margin: 20px auto 0;
            font-size: 16px;
            font-weight: bold; } }
      .yamawake2021 .outline p.freecall {
        text-align: left;
        margin-top: 0; }
      .yamawake2021 .outline p.menseki {
        text-align: left;
        margin-bottom: 2.5em; }
    .yamawake2021 .outline__imgtxt {
      width: 80vw;
      margin: 2.666vw auto 0; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__imgtxt {
          width: calc(620 / 920 * 100vw);
          margin-top: calc(20 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__imgtxt {
          width: 620px;
          margin-top: 20px; } }
    .yamawake2021 .outline__txt02__sub {
      margin: 0 !important;
      padding: 0 2vw; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__txt02__sub {
          padding-left: calc(118 / 920 * 100vw);
          padding-right: calc(118 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__txt02__sub {
          padding: 0 118px; } }
    .yamawake2021 .outline__freecall {
      width: 65vw;
      margin: 1vw auto 0; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__freecall {
          width: calc(359 / 920 * 100vw);
          margin-top: calc(10 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__freecall {
          width: 359px;
          margin-top: 10px; } }
      .yamawake2021 .outline__freecall a {
        line-height: 0; }
    .yamawake2021 .outline__office02 {
      width: 80vw;
      margin: 1vw auto 0; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__office02 {
          width: calc(620 / 920 * 100vw);
          margin-top: calc(5 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__office02 {
          width: 620px;
          margin-top: 5px; } }
    .yamawake2021 .outline__bt {
      width: 80vw;
      margin: 2.666vw auto 0; }
      @media only screen and (min-width: 481px) {
        .yamawake2021 .outline__bt {
          width: calc(608 / 920 * 100vw);
          margin-top: calc(10 / 920 * 100vw); } }
      @media only screen and (min-width: 920px) {
        .yamawake2021 .outline__bt {
          width: 608px;
          margin-top: 10px; } }