@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=GFS+Didot&display=swap");
/* 30px 見出し文字サイズ */
/* 12px 注意事項など */
body {
  padding-top: 90px; }

#mainv {
  min-width: 1085px;
  position: relative; }
  #mainv .bg {
    width: calc(50% + 120px);
    height: 303px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
    position: absolute;
    top: 90px;
    right: 0; }
  #mainv::before {
    content: "";
    width: calc(50% + 255px);
    height: 330px;
    background: #f2eae9;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
  #mainv h1 {
    padding: 100px 0 0 0;
    position: relative;
    z-index: 2; }
  #mainv .box {
    width: 50%;
    background: #c18691;
    padding: 20px 40px 20px calc(50% - 540px);
    position: relative;
    z-index: 2; }
    #mainv .box p {
      color: #fff;
      font-size: 2.0625rem;
      text-align: left;
      line-height: 1.9; }
      #mainv .box p.sub {
        font-size: 1.25rem; }

.secMenu {
  margin: 100px 0 0 0; }
  .secMenu .honbun {
    width: 50%; }
    .secMenu .honbun p {
      color: #5a5a5a;
      font-size: .9375rem; }
      .secMenu .honbun p.midashi {
        font-size: 1.3125rem;
        font-feature-settings: "palt";
        margin-bottom: 25px; }
  .secMenu .row-common {
    display: flex;
    justify-content: space-between; }
    .secMenu .row-common.rev {
      flex-direction: row-reverse; }
    .secMenu .row-common figure {
      width: 377px; }
  .secMenu .price {
    margin: 40px 0 0 0;
    padding: 0 0 0 26px;
    position: relative; }
    .secMenu .price::before {
      content: "";
      width: 16px;
      height: 16px;
      background: #ed74ad;
      border-radius: 50%;
      position: absolute;
      top: 10px;
      left: 0; }
    .secMenu .price .tit {
      color: #000;
      font-size: 1.25rem;
      font-feature-settings: "palt";
      line-height: 1.8; }
    .secMenu .price .memo {
      font-size: .875rem; }

/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width: 751px) {
  body {
    padding-top: 18vw; }

  #mainv {
    min-width: initial; }
    #mainv .bg {
      width: 100vw;
      height: 40vw;
      background-position: center top;
      top: 0;
      right: 0; }
      #mainv .bg::after {
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        left: 0; }
    #mainv::before {
      content: "";
      width: 100vw;
      height: 60vw; }
    #mainv .h-type01 .en {
      font-size: 2.8rem; }
    #mainv h1 {
      margin-bottom: 8vw;
      padding: 16vw 0 0 0; }
    #mainv .box {
      width: 90vw;
      margin: 0 5vw;
      padding: 3vw 5vw; }
      #mainv .box p {
        font-size: 1.25rem; }
        #mainv .box p.sub {
          font-size: .875rem; }

  .secMenu {
    margin: 15vw 0 0 0; }
    .secMenu .honbun {
      width: 100%; }
      .secMenu .honbun p.midashi {
        margin-bottom: 5vw; }
    .secMenu .row-common {
      display: block; }
      .secMenu .row-common figure {
        width: 100%;
        margin-bottom: 6vw; }
    .secMenu .price {
      margin: 10vw 0 0 0; }
      .secMenu .price .tit {
        font-size: 1.0875rem;
        font-weight: 700;
        line-height: 1.6; }
    .secMenu .honbun {
      width: 100%; }
      .secMenu .honbun p.midashi {
        margin-bottom: 3vw; } }

/*# sourceMappingURL=menu.css.map */