#kv .bg-key {
  margin: 0 auto;
  height: 100%;
  background: url(../img/bakery/bakery_bg2.jpg) repeat;
  background-position: center top;
  position: relative;
}
#kv .bg-key::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/key_deco1.png) no-repeat;
  background-size: contain;
  aspect-ratio: 772/469;
  width: 180vw;
  height: auto;
  top: 0;
  left: 0;
}
#kv .bg-key h2 {
  position: absolute;
  bottom: 10vw;
  right: 5%;
  font-family: var(--jost);
  font-weight: 300;
  font-size: 15vw;
  letter-spacing: 0.12em;
  line-height: 1.2em;
  color: #fff;
  text-align: right;
}

#sec1 {
  padding: 25vw 0 15vw;
  position: relative;
  z-index: 1;
}
#sec1 .img-bg {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 443vw;
  z-index: -1;
}
#sec1 .row1 {
  margin-bottom: 8vw;
  position: relative;
}
#sec1 .row1::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec1_deco1.png) no-repeat;
  background-size: contain;
  aspect-ratio: 255/249;
  width: 26vw;
  height: auto;
  top: 70vw;
  right: -7%;
}
#sec1 .row1 .desc {
  padding-top: 17vw;
  position: relative;
  margin-bottom: 5vw;
}
#sec1 .row1 .desc .label {
  font-weight: 400;
  line-height: 1.6em;
  color: #fff;
  position: absolute;
  top: 0;
  left: 5%;
  z-index: 2;
}
#sec1 .row1 .desc .label::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec1_label.png) no-repeat;
  background-size: contain;
  aspect-ratio: 312/200;
  width: 56vw;
  height: auto;
  top: 7vw;
  left: 46%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
#sec1 .row1 .desc h2 {
  width: 43.7vw;
  height: 97.1vw;
  margin: 0 auto 8vw;
  color: #3c2c20;
  font-weight: 400;
  font-family: var(--ship);
  line-height: 1.8em;
}
#sec1 .row1 .desc h2 .orange {
  margin-top: 15%;
  color: #d3682c;
  font-weight: 500;
  position: relative;
  display: inline-block;
}
#sec1 .row1 .desc h2 .orange::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/bakery_line1.png) repeat-y;
  background-size: auto;
  width: 2px;
  height: 100%;
  top: 0;
  right: 0px;
}
#sec1 .row1 .desc h2 .big {
  margin-top: 30%;
}
#sec1 .row1 .img {
  position: relative;
  z-index: 1;
}
#sec1 .row1 .img::before {
  content: "";
  position: absolute;
  background-color: #d39718;
  border: 4px solid #d39718;
  inset: -4px;
  z-index: -1;
  border-radius: 20px;
}
#sec1 .row1 .img img {
  border-radius: 20px;
}
#sec1 .row2 .desc {
  margin-bottom: 6vw;
}
#sec1 .row2 .desc h3 {
  text-align: center;
  font-weight: 400;
  color: #d3682c;
  line-height: 2em;
  margin-bottom: 3vw;
}
#sec1 .row2 .desc h3 .bg {
  padding: 0.5vw 2%;
  --cl: #f6f2ed;
  --t: 0%;
  --b: 100%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) var(--t), var(--cl) var(--t), var(--cl) var(--b), rgba(255, 255, 255, 0) var(--b));
}
#sec1 .row2 .img .photo {
  position: relative;
}
#sec1 .row2 .img .photo1 {
  margin-bottom: -10vw;
  margin-right: 10%;
  z-index: 1;
}
#sec1 .row2 .img .photo2 {
  margin-left: 10%;
  z-index: 2;
}

#sec2 {
  padding: 10vw 0 0;
  background: url(../img/shared/bg_yellow.jpg) repeat;
  background-position: center top;
  position: relative;
}
#sec2::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec2_deco1.png) no-repeat;
  background-size: contain;
  aspect-ratio: 285/121;
  width: 30vw;
  height: auto;
  top: 0;
  right: 0;
}
#sec2 .row1 {
  margin-bottom: 20vw;
  position: relative;
  z-index: 1;
}
#sec2 .row1::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec2_deco2.png) no-repeat;
  background-size: contain;
  aspect-ratio: 184/371;
  width: 20vw;
  height: auto;
  bottom: -21vw;
  left: -6.8%;
  z-index: 1;
}
#sec2 .row1::after {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec2_deco3.png) no-repeat;
  background-size: contain;
  aspect-ratio: 139/345;
  width: 16vw;
  height: auto;
  bottom: -27vw;
  left: -6.8%;
  z-index: -1;
}
#sec2 .row1 .desc {
  margin-bottom: 5vw;
  padding-top: 18vw;
  position: relative;
}
#sec2 .row1 .desc .en {
  font-family: var(--jost);
  font-weight: 400;
  color: #778f5a;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#sec2 .row1 .desc .en span {
  position: relative;
  right: 30%;
}
#sec2 .row1 .desc .sub {
  font-family: var(--ship);
  font-weight: 400;
  line-height: 1.6em;
  letter-spacing: 0.02em;
  color: #3c2c20;
  margin-bottom: 2vw;
}
#sec2 .row1 .desc h2 {
  font-family: var(--ship);
  font-weight: 400;
  line-height: 1.6em;
  color: #3c2c20;
  margin-bottom: 6vw;
  position: relative;
  z-index: 1;
}
#sec2 .row1 .desc h2::before {
  content: "";
  position: absolute;
  background-color: #e7a71f;
  left: 0;
  right: -6.8%;
  bottom: 1.8vw;
  height: 6px;
  z-index: -1;
}
#sec2 .row2 {
  position: relative;
}
#sec2 .row2::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/bg_wood.jpg) repeat;
  height: 80vw;
  bottom: -10vw;
  left: 30%;
  right: -6.8%;
}
#sec2 .row2 .desc {
  margin-bottom: 5vw;
}
#sec2 .row2 .desc h3 {
  font-family: var(--ship);
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.6em;
  margin-bottom: 6vw;
}
#sec2 .row2 .desc h3 .bg {
  margin-right: 3%;
  display: inline-block;
  letter-spacing: 0.15em;
  color: #f6f2ed;
  position: relative;
  z-index: 1;
}
#sec2 .row2 .desc h3 .bg::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec2_deco4.png) no-repeat;
  background-size: contain;
  aspect-ratio: 335/81;
  width: 7.5em;
  height: auto;
  top: 50%;
  left: calc(50% - 0.5vw);
  transform: translate(-50%, -50%);
  z-index: -1;
}
#sec2 .row2 .img .photo {
  position: relative;
}
#sec2 .row2 .img .photo1 {
  margin-left: 10%;
  margin-right: 5%;
  z-index: 1;
}
#sec2 .row2 .img .flex {
  display: flex;
}
#sec2 .row2 .img .photo2 {
  margin-top: -5vw;
  margin-right: 5%;
  width: 50%;
  z-index: 2;
}
#sec2 .row2 .img .photo3 {
  margin-top: 5vw;
  width: 50%;
}

#sec3 {
  padding: 25vw 0 15vw;
  background: url(../img/bakery/bakery_bg3.jpg) repeat;
  background-position: center top;
}
#sec3 .en {
  font-size: 15vw;
  color: #d3682c;
  font-family: var(--jost);
  font-weight: 300;
  text-align: center;
  line-height: 1.6em;
  letter-spacing: 0.1em;
  margin-bottom: 2vw;
}
#sec3 .note {
  text-align: center;
  margin-bottom: 6vw;
}
#sec3 .row1 {
  padding: 5vw 5%;
  background-image: url(../img/bakery/sec3_deco1.png), url(../img/bakery/sec3_deco2.png), url(../img/bakery/sec3_deco3.png), url(../img/bakery/sec3_deco4.png);
  background-position: top left, top right, bottom left, bottom right;
  background-size: 10vw;
  background-repeat: no-repeat;
  margin-bottom: 8vw;
}
#sec3 .row1 .group {
  margin-bottom: 8vw;
}
#sec3 .row1 .img {
  margin-bottom: 5vw;
}
#sec3 .row1 .desc .time {
  text-align: center;
  font-size: 5.1vw;
  color: #778f5a;
  font-weight: 400;
  margin-bottom: 1vw;
}
#sec3 .row1 .desc h3 {
  text-align: center;
  font-size: 7.7vw;
  font-weight: 400;
  font-family: var(--ship);
  color: #3c2c20;
  line-height: 1.4em;
  margin-bottom: 3vw;
}
#sec3 .row1 .desc h3 .small {
  font-size: 80%;
}
#sec3 .row1 .desc .price {
  font-size: 4.2vw;
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.8em;
  margin-bottom: 5vw;
}
#sec3 .row1 .desc .price .num {
  font-size: 125%;
}
#sec3 .row1 .desc .price .unit {
  font-size: 108.3333333333%;
}
#sec3 .row1 .slg {
  text-align: center;
  font-size: 5.4vw;
  font-weight: 400;
  color: #d3682c;
  line-height: 2em;
  margin-bottom: 3vw;
}
#sec3 .row1 .slg .bg {
  padding: 0.5vw 2%;
  --cl: #f6f2ed;
  --t: 0%;
  --b: 100%;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) var(--t), var(--cl) var(--t), var(--cl) var(--b), rgba(255, 255, 255, 0) var(--b));
}
#sec3 .box {
  padding: 8vw 5%;
  background: url(../img/bakery/bg_white.png) repeat;
  background-position: center top;
  border-radius: 50px;
  position: relative;
}
#sec3 .box::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec3_deco5.png) no-repeat;
  background-size: contain;
  aspect-ratio: 119/174;
  width: 16vw;
  height: auto;
  top: -6vw;
  left: -6%;
}
#sec3 .box .block1 {
  margin-bottom: 8vw;
}
#sec3 .box .block1 h3 {
  font-size: 6vw;
  font-family: var(--ship);
  font-weight: 400;
  text-align: center;
  margin-bottom: 5vw;
  line-height: 1.6em;
}
#sec3 .box .block1 h3 .orange {
  font-size: 125%;
  font-weight: 500;
  color: #d69814;
  position: relative;
}
#sec3 .box .block1 h3 .orange::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec3_deco_title.png) no-repeat;
  background-size: contain;
  aspect-ratio: 52/45;
  width: 8vw;
  top: -12vw;
  left: 18%;
  height: auto;
}
#sec3 .box .block1 .desc .price {
  font-size: 5.4vw;
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.6em;
  margin-bottom: 2vw;
}
#sec3 .box .block1 .desc .price .unit {
  font-size: 86.6666666667%;
}
#sec3 .box .dish {
  position: relative;
  margin-bottom: 30vw;
}
#sec3 .box .dish::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/plus_icon.png) no-repeat;
  background-size: contain;
  aspect-ratio: 1/1;
  width: 10vw;
  height: auto;
  bottom: -20vw;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sec3 .box .dish .list li {
  position: absolute;
  font-size: 5vw;
  font-weight: 400;
  color: #cd5302;
  text-align: center;
  z-index: 1;
  line-height: 1.2em;
}
#sec3 .box .dish .list li:nth-child(1) {
  width: 6.1vw;
  height: 31.1vw;
  top: 0;
  left: -4%;
}
#sec3 .box .dish .list li:nth-child(2) {
  top: -3vw;
  right: -6%;
}
#sec3 .box .dish .list li:nth-child(3) {
  bottom: -7vw;
  right: -5%;
}
#sec3 .box .dish .img {
  width: 80vw;
  margin-left: 4%;
}
#sec3 .box .block2 {
  padding: 15vw 5% 5vw;
  background: url(../img/shared/bg_yellow.jpg) repeat;
  border-radius: 50px;
  position: relative;
  margin-bottom: 8vw;
}
#sec3 .box .block2 .label {
  font-size: 4vw;
  font-weight: 400;
  color: #3c2c20;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#sec3 .box .block2 .label::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec3_label.png) no-repeat;
  background-size: contain;
  aspect-ratio: 537/187;
  width: 74vw;
  height: auto;
  top: 70%;
  left: 48%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
#sec3 .box .block2 .list .item {
  border-bottom: 1px dashed rgba(246, 242, 237, 0.7);
  padding-bottom: 5vw;
  margin-bottom: 5vw;
}
#sec3 .box .block2 .list .item:last-child {
  margin-bottom: 0;
  border-bottom: none;
  padding-bottom: 0;
}
#sec3 .box .block2 .list .item .photo {
  width: 45vw;
  margin: 0 auto 2vw;
}
#sec3 .box .block2 .list .item .tit {
  font-size: 5.4vw;
  font-weight: 400;
  line-height: 1.6em;
  color: #3c2c20;
  text-align: center;
  position: relative;
  z-index: 1;
}
#sec3 .box .block2 .list .item .tit::before {
  content: "";
  position: absolute;
  background-color: #e7a71f;
  height: 5px;
  top: 5.8vw;
  left: 35%;
  right: 35%;
  margin: 0 auto;
  z-index: -1;
}
#sec3 .box .block2 .list .item .tit .small {
  font-size: 86.6666666667%;
}
#sec3 .box .block3 h4 {
  font-family: var(--ship);
  font-size: 6vw;
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.6em;
  text-align: center;
  position: relative;
  padding-top: 4vw;
  padding-bottom: 3vw;
  margin-bottom: 3vw;
}
#sec3 .box .block3 h4::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/deco_title.png) no-repeat;
  background-size: contain;
  aspect-ratio: 66/22;
  width: 10vw;
  height: auto;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
#sec3 .box .block3 h4::after {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(../img/bakery/bakery_line2.png) repeat-x;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
#sec3 .box .block3 .list {
  margin: 0 -1%;
}
#sec3 .box .block3 .list li {
  font-size: 4vw;
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.6em;
}

#sec4 {
  padding: 0 0 15vw;
  background: url(../img/bakery/bakery_bg3.jpg) repeat;
  background-position: center top;
}
#sec4 .row {
  position: relative;
  z-index: 1;
}
#sec4 .row::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/bg_wood.jpg) repeat;
  z-index: -2;
}
#sec4 .row .img {
  margin-bottom: 5vw;
}
#sec4 .row .desc .tit {
  font-size: 7.5vw;
  font-family: var(--ship);
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.6em;
  padding-bottom: 3vw;
  margin-bottom: 3vw;
  position: relative;
}
#sec4 .row .desc .tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(../img/bakery/bakery_line2.png) repeat-x;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
}
#sec4 .row .desc .price {
  font-size: 5.4vw;
  font-weight: 400;
  color: #3c2c20;
  line-height: 1.6em;
  margin-bottom: 2vw;
}
#sec4 .row .desc .price .unit {
  font-size: 86.6666666667%;
}
#sec4 .row1 {
  margin-bottom: 8vw;
  padding-top: 20vw;
}
#sec4 .row1::before {
  height: 50vw;
  top: 10vw;
  left: -6.8%;
  right: 30%;
}
#sec4 .row1 .deco {
  position: absolute;
  z-index: 2;
  top: 0;
  right: -9%;
  width: 70vw;
}
#sec4 .row2 .img {
  width: 104vw;
  margin-left: -8%;
  margin-bottom: 2vw;
}
#sec4 .row2::before {
  height: 55vw;
  top: 35vw;
  right: -6.8%;
  left: 60%;
}
#sec4 .row2::after {
  content: "";
  position: absolute;
  background: url(../img/bakery/sec4_deco1.png) no-repeat;
  background-size: contain;
  aspect-ratio: 257/346;
  width: 25vw;
  height: auto;
  top: 11vw;
  right: 2.2%;
  z-index: -1;
}

#sec5 {
  padding: 15vw 0 15vw;
  position: relative;
  z-index: 2;
}
#sec5::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(../img/bakery/bakery_bg3.jpg) repeat;
  background-position: center top;
  height: 50%;
}
#sec5 .box {
  background-color: #f8f2ee;
  padding: 5vw 5%;
  position: relative;
  box-shadow: -3.8px 5.3px 16px rgba(0, 0, 0, 0.1);
}
#sec5 .box .deco1 {
  position: absolute;
  width: 30vw;
  z-index: 2;
  bottom: -10vw;
  left: -6.8%;
}
#sec5 .box .deco2 {
  position: absolute;
  width: 30vw;
  right: -6.8%;
  top: 50vw;
  z-index: 2;
}
#sec5 .box .en {
  margin-top: -10vw;
  position: relative;
  font-size: 10vw;
  color: #d3682c;
  font-family: var(--jost);
  font-weight: 300;
  line-height: 1em;
  letter-spacing: 0.12em;
  margin-bottom: -2vw;
}
#sec5 .box .en::before {
  content: "";
  position: absolute;
  background: url(../img/bakery/deco_title.png) no-repeat;
  background-size: contain;
  aspect-ratio: 66/22;
  width: 12vw;
  height: auto;
  top: -10vw;
  left: 0;
}
#sec5 .box .img {
  margin-bottom: 5vw;
}
#sec5 .box .img img {
  border-radius: 20px;
}
#sec5 .box .desc h2 {
  font-size: 6vw;
  font-family: var(--ship);
  font-weight: 400;
  text-align: center;
  color: #3c2c20;
  margin-bottom: 3vw;
  padding-bottom: 3vw;
  line-height: 1.6em;
  position: relative;
}
#sec5 .box .desc h2::before {
  content: "";
  position: absolute;
  bottom: 0;
  background: url(../img/bakery/bakery_line2.png) repeat-x;
  height: 2px;
  left: 5%;
  right: 5%;
  bottom: 0;
  margin: 0 auto;
}
#sec5 .box .desc .txt {
  text-align: center;
}

@media only screen and (min-width: 768px) {
  #kv .bg-key::before {
        width: 769px;
    }
  
  #kv .bg-key h2 {
    font-size: 113px;
    bottom: unset;
    top: 15px;
    right: 50px;
    line-height: 1.05em;
  }
  #sec1 {
    padding: 153px 0 57px;
  }
  #sec1 .img-bg {
    width: 100%;
    height: 833px;
  }
  #sec1 .img-bg img {
    object-fit: cover;
    object-position: top left;
    width: 100%;
    height: 100%;
  }
  #sec1 .row1 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 0 -53px 41px -113px;
  }
  #sec1 .row1::before {
    width: 255px;
    top: 335px;
    right: -225px;
  }
  #sec1 .row1 .desc {
    flex-shrink: 0;
    padding-top: 23px;
    margin-bottom: 0;
  }
  #sec1 .row1 .desc .label {
    top: -12px;
    left: -140px;
  }
  #sec1 .row1 .desc .label::before {
    width: 312px;
    top: 37px;
    left: 108px;
  }
  #sec1 .row1 .desc h2 {
    width: 240px;
    height: 560px;
    margin-bottom: 0;
  }
  #sec1 .row1 .desc h2 .orange {
    margin-top: 70px;
  }
  #sec1 .row1 .desc h2 .orange::before {
    height: 328px;
    right: 1px;
  }
  #sec1 .row1 .desc h2 .big {
    margin-top: 177px;
  }
  #sec1 .row1 .img::before {
    inset: -10px;
    border-width: 10px;
  }
  #sec1 .row2 {
    display: flex;
  }
  #sec1 .row2 .desc {
    flex-shrink: 0;
    width: 434px;
    margin: 62px 101px 0 20px;
  }
  #sec1 .row2 .desc h3 {
    margin-bottom: 24px;
  }
  #sec1 .row2 .desc h3 .bg {
    padding: 0 8px;
  }
  #sec1 .row2 .desc .txt {
    width: 100%;
    letter-spacing: 0.02em;
  }
  #sec1 .row2 .img {
    margin-right: -162px;
  }
  #sec1 .row2 .img .photo1 {
    margin-right: 0;
    margin-bottom: -30px;
  }
  #sec1 .row2 .img .photo2 {
    margin-left: 118px;
  }
  #sec2 {
    padding: 95px 0 0;
  }
  #sec2::before {
    width: 285px;
    top: -8px;
    right: unset;
    left: calc(50% + 466px);
  }
  #sec2 .row1 {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: 0 -58px -13px -142px;
  }
  #sec2 .row1::before {
    width: 184px;
    bottom: -187px;
    left: -114px;
  }
  #sec2 .row1::after {
    width: 139px;
    bottom: -275px;
    left: -108px;
  }
  #sec2 .row1 .desc {
    padding-top: 73px;
    flex-shrink: 0;
    width: 445px;
    margin-bottom: 0;
  }
  #sec2 .row1 .desc .en {
    top: -7px;
    right: -49px;
  }
  #sec2 .row1 .desc .en span {
    right: 46px;
  }
  #sec2 .row1 .desc .sub {
    margin-bottom: 6px;
  }
  #sec2 .row1 .desc h2 {
    margin-bottom: 39px;
  }
  #sec2 .row1 .desc h2::before {
    right: -50vw;
    bottom: 14px;
    height: 9px;
  }
  #sec2 .row1 .desc .txt {
    width: 385px;
    letter-spacing: 0.02em;
  }
  #sec2 .row1 .img {
    height: 520px;
  }
  #sec2 .row1 .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #sec2 .row2 {
    display: flex;
    justify-content: space-between;
    margin: 0 -176px 0 -45px;
  }
  #sec2 .row2::before {
    height: 546px;
    bottom: -65px;
    right: -50vw;
    left: calc(50% + 150px);
  }
  #sec2 .row2 .desc {
    padding-top: 138px;
    position: relative;
    z-index: 2;
    flex-shrink: 0;
    width: 490px;
    margin-bottom: 0;
  }
  #sec2 .row2 .desc h3 {
    margin-left: 10px;
    margin-bottom: 35px;
  }
  #sec2 .row2 .desc h3 .bg {
    margin-right: 10px;
  }
  #sec2 .row2 .desc h3 .bg::before {
    width: 335px;
    top: calc(50% + 1px);
    left: calc(50% - 6px);
  }
  #sec2 .row2 .desc .txt {
    width: 479px;
    letter-spacing: 0.02em;
  }
  #sec2 .row2 .img {
    margin-bottom: -15px;
  }
  #sec2 .row2 .img .photo1 {
    margin-left: 105px;
    margin-right: 0;
  }
  #sec2 .row2 .img .photo2 {
    width: unset;
    margin-top: -40px;
    margin-right: 48px;
  }
  #sec2 .row2 .img .photo3 {
    margin-top: 33px;
    width: unset;
  }
  #sec3 {
    padding: 108px 0 139px;
  }
  #sec3 .en {
    margin-bottom: 2px;
    line-height: 1em;
    font-size: 113px;
  }
  #sec3 .note {
    margin-bottom: 45px;
  }
  #sec3 .row1 {
    padding: 45px 36px 42px 36px;
    margin: 0 -80px 98px;
    background-size: 140px;
  }
  #sec3 .row1 .group {
    display: flex;
    margin-bottom: 41px;
  }
  #sec3 .row1 .img {
    height: 534px;
    margin-right: 93px;
    margin-bottom: 0;
  }
  #sec3 .row1 .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #sec3 .row1 .desc {
    margin-top: 16px;
    flex-shrink: 0;
    width: 480px;
  }
  #sec3 .row1 .desc .time {
    text-align: left;
    font-size: 38px;
    margin-bottom: 10px;
    line-height: 1em;
    letter-spacing: 0.08em;
  }
  #sec3 .row1 .desc h3 {
    text-align: left;
    font-size: 50px;
    margin-bottom: 8px;
  }
  #sec3 .row1 .desc .price {
    font-size: 24px;
    margin-bottom: 20px;
  }
  #sec3 .row1 .desc .txt {
    width: 100%;
  }
  #sec3 .row1 .slg {
    font-size: 30px;
    margin-bottom: 0;
  }
  #sec3 .row1 .slg .bg {
    padding: 0 8px;
  }
  #sec3 .box {
    padding: 115px 91px 117px;
    margin: 0 -141px;
  }
  #sec3 .box::before {
    width: 119px;
    top: -16px;
    left: -27px;
  }
  #sec3 .box .block1 {
    display: flex;
    justify-content: center;
    margin-bottom: 46px;
  }
  #sec3 .box .block1 h3 {
    text-align: left;
    flex-shrink: 0;
    font-size: 40px;
    line-height: 2em;
    margin: 4px 22px 0 0;
  }
  #sec3 .box .block1 h3 .orange::before {
    width: 52px;
    top: -100px;
    left: -35px;
  }
  #sec3 .box .block1 .desc {
    width: 455px;
  }
  #sec3 .box .block1 .desc .price {
    font-size: 30px;
    margin-bottom: 20px;
  }
  #sec3 .box .block1 .desc .txt {
    width: 100%;
    letter-spacing: -0.01em;
  }
  #sec3 .box .dish {
    width: 1051px;
    margin-bottom: 93px;
  }
  #sec3 .box .dish::before {
    width: 60px;
    bottom: -40px;
    left: 51px;
  }
  #sec3 .box .dish .list li {
    font-size: 30px;
  }
  #sec3 .box .dish .list li:nth-child(1) {
    width: 36px;
    height: 158px;
    top: 16.5%;
    left: 6%;
  }
  #sec3 .box .dish .list li:nth-child(2) {
    top: 4%;
    right: 13.5%;
  }
  #sec3 .box .dish .list li:nth-child(3) {
    bottom: 5%;
    right: 5.5%;
  }
  #sec3 .box .dish .img {
    width: 100%;
    margin-left: 5.9%;
  }
  #sec3 .box .block2 {
    padding: 26px 0 36px;
    margin-bottom: 62px;
  }
  #sec3 .box .block2 .label {
    font-size: 30px;
    top: -76px;
    left: -8px;
  }
  #sec3 .box .block2 .label::before {
    width: 537px;
  }
  #sec3 .box .block2 .list {
    display: flex;
    justify-content: center;
  }
  #sec3 .box .block2 .list .item {
    width: 33.3333333333%;
    border-right: 1px dashed rgba(246, 242, 237, 0.7);
    border-bottom: none;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #sec3 .box .block2 .list .item .photo {
    text-align: center;
    width: unset;
    margin-bottom: -25px;
  }
  #sec3 .box .block2 .list .item .photo:last-child {
    border-right: none;
  }
  #sec3 .box .block2 .list .item .tit {
    font-size: 30px;
    line-height: 1.6em;
  }
  #sec3 .box .block2 .list .item .tit::before {
    width: 140px;
    height: 9px;
    top: 38px;
    left: 0;
    right: 0;
  }
  #sec3 .box .block3 h4 {
    font-size: 38px;
    padding-top: 31px;
    padding-bottom: 26px;
    margin-bottom: 30px;
  }
  #sec3 .box .block3 h4::before {
    width: 66px;
  }
  #sec3 .box .block3 .list {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
    max-height: 200px;
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
  }
  #sec3 .box .block3 .list li {
    font-size: 24px;
    line-height: 1.8em;
  }
  #sec4 {
    padding: 0;
  }
  #sec4 .row {
    display: flex;
    justify-content: space-between;
  }
  #sec4 .row .img {
    margin-bottom: 0;
  }
  #sec4 .row .desc {
    width: 390px;
    flex-shrink: 0;
  }
  #sec4 .row .desc .tit {
    font-size: 50px;
    padding-bottom: 19px;
    margin-bottom: 23px;
  }
  #sec4 .row .desc .price {
    font-size: 30px;
    margin-bottom: 15px;
  }
  #sec4 .row .desc .txt {
    width: 100%;
  }
  #sec4 .row1 {
    margin: 0 13px -42px -145px;
    padding-top: 0;
  }
  #sec4 .row1::before {
    height: 539px;
    top: unset;
    bottom: -140px;
    left: -50vw;
    right: calc(50% + 50px);
  }
  #sec4 .row1 .deco {
    width: unset;
    top: -208px;
    right: -228px;
  }
  #sec4 .row1 .desc {
    margin-top: 116px;
  }
  #sec4 .row1 .desc .tit::before {
    left: -92px;
    right: 38px;
  }
  #sec4 .row1 .img {
    height: 481px;
  }
  #sec4 .row1 .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #sec4 .row2 {
    margin: 0 -176px 0 14px;
    flex-direction: row-reverse;
  }
  #sec4 .row2::before {
    height: 361px;
    top: unset;
    bottom: 114px;
    right: -50vw;
    left: calc(50% + 265px);
  }
  #sec4 .row2::after {
    width: 257px;
    top: 82px;
    right: 48px;
  }
  #sec4 .row2 .desc {
    margin-top: 253px;
  }
  #sec4 .row2 .desc .tit::before {
    right: -32px;
  }
  #sec4 .row2 .desc .txt {
    letter-spacing: -0.005em;
  }
  #sec4 .row2 .img {
    width: unset;
    margin-left: 0;
    margin-bottom: 0;
  }
  #sec5 {
    padding: 23px 0 133px;
  }
  #sec5::before {
    height: 280px;
  }
  #sec5 .box {
    padding: 42px 65px 41px 65px;
    margin: 0 -89px;
    display: flex;
  }
  #sec5 .box .deco1 {
    width: unset;
    bottom: -53px;
    left: 520px;
  }
  #sec5 .box .deco2 {
    width: unset;
    right: -129px;
    top: -95px;
  }
  #sec5 .box .en {
    margin-top: 0;
    font-size: 98px;
    position: absolute;
    top: -41px;
    left: 69px;
    margin-bottom: 0;
  }
  #sec5 .box .en::before {
    width: 66px;
    top: -45px;
  }
  #sec5 .box .img {
    margin-right: 93px;
    height: 345px;
    margin-bottom: 0;
  }
  #sec5 .box .img img {
    object-fit: cover;
    width: 100%;
    height: 100%;
  }
  #sec5 .box .desc {
    margin-top: 48px;
  }
  #sec5 .box .desc h2 {
    font-size: 44px;
    margin-bottom: 18px;
    padding-bottom: 14px;
  }
  #sec5 .box .desc h2::before {
    width: 322px;
    left: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1440px) {
  #sec2 .row1 .desc .en {
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
  #sec1 .row1 {
    margin-right: 0;
  }
  #sec2 .row1 {
    margin-right: -10px;
  }
  #sec2 .row2 {
    margin-left: -10px;
  }
  #sec3 .row1 {
    margin-left: -35px;
    margin-right: -35px;
  }
  #sec3 .box {
    margin: 0 -100px;
  }
  #sec5 .box .deco2 {
    top: -120px;
    right: -52px;
  }
}

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