/* CSS Document */
.whiteWrap {
  padding: 60px 0; }

/*aboutMainBlock*/
.aboutMainBlock {
  margin: 0 auto 90px;
  position: relative; }
  .aboutMainBlock .mainImg {
    position: relative;
    z-index: 12;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto 30px;
    left: 50%;
    transform: translateX(-50%); }
    .aboutMainBlock .mainImg img {
      width: 100%;
      height: auto;
      display: block;
      pointer-events: none; }
  .aboutMainBlock .innerWrap {
    position: relative;
    z-index: 20;
    padding: 0 60px; }
    .aboutMainBlock .innerWrap .flexBox {
      width: 600px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto; }
      .aboutMainBlock .innerWrap .flexBox .subImg0 {
        display: block;
        position: relative;
        z-index: 30;
        pointer-events: none; }
      .aboutMainBlock .innerWrap .flexBox .subImg0::after {
        content: "";
        position: absolute;
        background: url("../img/about/subTxt0_pc@2x.png");
        width: 216px;
        height: 167px;
        top: -70px;
        left: -180px;
        background-size: cover;
        z-index: 1; }
      .aboutMainBlock .innerWrap .flexBox .subImg1 {
        display: block;
        position: relative;
        pointer-events: none; }
      .aboutMainBlock .innerWrap .flexBox .subImg1::after {
        content: "";
        position: absolute;
        background: url("../img/about/subTxt1_pc@2x.png");
        width: 230px;
        height: 165px;
        bottom: 40px;
        right: -200px;
        background-size: cover;
        z-index: 51; }
    .aboutMainBlock .innerWrap .bg1 {
      position: absolute;
      bottom: 0;
      right: 0; }

/*omakaseBlock*/
.omakaseBlock {
  position: relative;
  z-index: 20; }
  .omakaseBlock .innerWrap {
    padding-top: 60px; }
    .omakaseBlock .innerWrap .contentWrap {
      display: flex;
      flex-wrap: wrap;
      padding-top: 160px; }
      .omakaseBlock .innerWrap .contentWrap .contentBox {
        width: 50%;
        max-width: 500px;
        position: relative; }
        .omakaseBlock .innerWrap .contentWrap .contentBox .icon {
          position: absolute;
          z-index: 4;
          top: -30px;
          left: 0px; }
        .omakaseBlock .innerWrap .contentWrap .contentBox .subImg {
          margin: 0 auto 30px;
          display: block;
          pointer-events: none; }
          .omakaseBlock .innerWrap .contentWrap .contentBox .subImg img {
            width: 100%;
            height: auto;
            pointer-events: none; }
        .omakaseBlock .innerWrap .contentWrap .contentBox .subTxt {
          position: absolute;
          z-index: 4;
          top: 150px;
          right: -70px;
          pointer-events: none; }
        .omakaseBlock .innerWrap .contentWrap .contentBox .h3 {
          color: #4c1e1e;
          padding: 10px 20px;
          font-family: 'Hiragino Mincho ProN', YuMincho, 'Yu Mincho',  'serif';
          font-weight: 600;
          font-size: 1.3em;
          transition: 1s; }
        .omakaseBlock .innerWrap .contentWrap .contentBox .text {
          color: #4c1e1e;
          padding: 10px 20px;
          font-family: 'Hiragino Mincho ProN', YuMincho, 'Yu Mincho',  'serif';
          font-weight: 600;
          font-size: 1em;
          transition: 1s;
          text-align: left; }
      .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(odd) {
        margin-top: -130px; }
      .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(even) {
        position: relative;
        z-index: 23; }
        .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(even) .icon {
          left: auto;
          right: 0;
          pointer-events: none; }
        .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(even) .subTxt {
          position: absolute;
          z-index: 4;
          pointer-events: none; }
      .omakaseBlock .innerWrap .contentWrap .content1 {
        margin-top: 200px; }
        .omakaseBlock .innerWrap .contentWrap .content1 .subTxt {
          top: 220px;
          right: auto;
          left: -79px; }
        .omakaseBlock .innerWrap .contentWrap .content1 .h3 {
          margin-left: 120px;
          margin-top: 110px; }
        .omakaseBlock .innerWrap .contentWrap .content1 .text {
          margin-left: 130px; }
      .omakaseBlock .innerWrap .contentWrap .content2 {
        margin-top: -180px; }
        .omakaseBlock .innerWrap .contentWrap .content2 .subTxt {
          top: 190px;
          right: -60px; }
      .omakaseBlock .innerWrap .contentWrap .content3 {
        margin-top: 200px; }
        .omakaseBlock .innerWrap .contentWrap .content3 .subTxt {
          top: 160px;
          right: auto;
          left: -79px; }
        .omakaseBlock .innerWrap .contentWrap .content3 .h3 {
          margin-left: 70px;
          margin-top: 140px; }
        .omakaseBlock .innerWrap .contentWrap .content3 .text {
          margin-left: 70px; }
      .omakaseBlock .innerWrap .contentWrap .content4 {
        margin-top: -216px; }
        .omakaseBlock .innerWrap .contentWrap .content4 .subTxt {
          top: 190px;
          right: -64px; }

/*mottoBlock*/
.mottoBlock .innerWrap {
  padding-top: 60px;
  position: relative; }
  .mottoBlock .innerWrap .subTxt8 {
    margin: 0 auto 30px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 5; }
    .mottoBlock .innerWrap .subTxt8 img {
      pointer-events: none;
      position: relative;
      z-index: 20; }
  .mottoBlock .innerWrap .subImg7 {
    margin: 0 auto 30px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 3; }
    .mottoBlock .innerWrap .subImg7 img {
      pointer-events: none;
      position: relative;
      z-index: 20; }
  .mottoBlock .innerWrap .subImg7:after {
    content: "";
    top: -170px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    position: absolute;
    background: url("../img/about/bg4_pc@2x.png");
    width: 605px;
    height: 604px;
    background-size: cover; }

/*contactBlock*/
.contactBlock .bg3 {
  right: 0; }

.pochi::before {
  z-index: 10; }

@media screen and (max-width: 960px) {
  html {
    max-width: 960px;
    width: 100%; }

  body {
    max-width: 960px;
    width: 100%;
    background: url("../img/common/bg_sp@2x.jpg");
    background-size: cover;
    background-position: top;
    height: 1000px;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    /*aboutMainBlock*/
    /*omakaseBlock*/
    /*contactBlock*/ }
    body .whiteWrapLow {
      max-width: 900px;
      width: 95%;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 10px; }
    body .aboutMainBlock {
      margin-bottom: 60px; }
      body .aboutMainBlock .innerWrap {
        padding: 0; }
        body .aboutMainBlock .innerWrap .flexBox {
          width: 100%;
          margin-top: 60px; }
          body .aboutMainBlock .innerWrap .flexBox .subImg0::after {
            content: "";
            position: absolute;
            background: url("../img/about/subTxt0_sp@2x.png");
            width: 219px;
            height: 170px;
            top: -20px;
            left: 240px;
            background-size: cover;
            z-index: 1; }
          body .aboutMainBlock .innerWrap .flexBox .subImg1::after {
            content: "";
            position: absolute;
            background: url("../img/about/subTxt1_sp@2x.png");
            width: 230px;
            height: 165px;
            top: -20px;
            right: 240px;
            background-size: cover;
            z-index: 1; }
          body .aboutMainBlock .innerWrap .flexBox .rightBox {
            margin-top: 220px; }
    body .omakaseBlock .innerWrap .contentWrap {
      padding-top: 0px; }
      body .omakaseBlock .innerWrap .contentWrap .contentBox {
        width: 100%;
        max-width: none;
        margin-top: 60px; }
        body .omakaseBlock .innerWrap .contentWrap .contentBox .h3 {
          font-size: 1em;
          text-align: center;
          margin: 0 30px; }
        body .omakaseBlock .innerWrap .contentWrap .contentBox .text {
          font-size: 0.8em;
          text-align: center;
          margin: 0 30px; }
        body .omakaseBlock .innerWrap .contentWrap .contentBox .icon {
          left: auto;
          right: 0; }
        body .omakaseBlock .innerWrap .contentWrap .contentBox .subTxt {
          position: relative; }
      body .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(odd) {
        margin-top: 60px; }
        body .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(odd) .subTxt {
          position: relative; }
      body .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(even) {
        margin-top: 60px; }
        body .omakaseBlock .innerWrap .contentWrap .contentBox:nth-child(even) .subTxt {
          position: relative; }
      body .omakaseBlock .innerWrap .contentWrap .content0 .h3 {
        margin-top: -340px; }
      body .omakaseBlock .innerWrap .contentWrap .content0 .subTxt {
        right: auto;
        left: -30px;
        top: -40px; }
      body .omakaseBlock .innerWrap .contentWrap .content1 .h3 {
        margin-top: -260px; }
      body .omakaseBlock .innerWrap .contentWrap .content1 .subTxt {
        right: auto;
        left: -20px;
        top: -190px; }
      body .omakaseBlock .innerWrap .contentWrap .content2 .h3 {
        margin-top: -480px; }
      body .omakaseBlock .innerWrap .contentWrap .content2 .subTxt {
        right: auto;
        left: -20px;
        top: -190px; }
      body .omakaseBlock .innerWrap .contentWrap .content3 .h3 {
        margin-top: -260px; }
      body .omakaseBlock .innerWrap .contentWrap .content3 .subTxt {
        right: auto;
        left: -30px;
        top: -190px; }
      body .omakaseBlock .innerWrap .contentWrap .content4 .h3 {
        margin-top: -480px; }
      body .omakaseBlock .innerWrap .contentWrap .content4 .subTxt {
        right: auto;
        left: -30px;
        top: -190px; }
    body .contactBlock .bg3 {
      right: -30px; } }