.flower_pattern_collection {
  width: 100%;
  margin: 9.33333vw auto 26.66667vw;
  color: #000;
  font-family: "Open Sans", sans-serif;
}

.flower_pattern_collection * {
  box-sizing: border-box;
}

.flower_pattern_collection .pc_only {
  display: none;
}

.flower_pattern_collection a {
  display: block;
}

.flower_pattern_collection img {
  display: block;
  width: 100%;
}

.flower_pattern_collection .img {
  width: 100%;
}

.flower_pattern_collection .bg {
  position: relative;
}

.flower_pattern_collection .bg::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
}

.flower_pattern_collection .credit,
.flower_pattern_collection .credit_column {
  font-size: 0;
  text-align: left;
  padding-top: 5.06667vw;
}

.flower_pattern_collection .credit li,
.flower_pattern_collection .credit_column li {
  display: inline-block;
  font-size: 3.2vw;
  font-weight: 300;
  letter-spacing: .1em;
  line-height: 1;
  margin-right: 1.86667vw;
  margin-bottom: 2.4vw;
}

.flower_pattern_collection .top_blk {
  width: 61.33333vw;
  margin: 0 auto 10.66667vw;
}

.flower_pattern_collection .blk01 {
  width: 83.46667vw;
  margin: 0 auto 19.46667vw;
}

.flower_pattern_collection .blk01 .img {
  padding: 4vw;
  background-color: #ACA099;
}

.flower_pattern_collection .blk01 .credit {
  text-align: center;
}

.flower_pattern_collection .blk02 {
  margin-bottom: 27.2vw;
}

.flower_pattern_collection .blk02 .inner01 {
  width: 94.93333vw;
  margin-bottom: 19.46667vw;
}

.flower_pattern_collection .blk02 .inner01 .bg::before {
  width: 40.8vw;
  height: 167.6vw;
  background-color: #C9DACE;
  top: -5.33333vw;
  right: -5.06667vw;
}

.flower_pattern_collection .blk02 .inner01 .credit {
  margin-left: 2.66667vw;
}

.flower_pattern_collection .blk02 .inner02 {
  width: 74.93333vw;
  margin-left: 20vw;
}

.flower_pattern_collection .blk02 .inner02 .bg::before {
  width: 74.93333vw;
  height: 118.26667vw;
  background-color: #F6F4D2;
  top: 20vw;
  left: -20vw;
}

.flower_pattern_collection .blk02 .inner02 .credit {
  text-align: right;
}

.flower_pattern_collection .blk02 .inner02 .credit li {
  margin-right: 0;
  margin-left: 1.86667vw;
}

.flower_pattern_collection .blk02 .inner02 .credit li:first-of-type {
  margin-left: 0;
}

.flower_pattern_collection .blk03 {
  width: 85.06667vw;
  margin-bottom: 20vw;
  margin-left: 4.8vw;
  position: relative;
}

.flower_pattern_collection .blk03 .bg::before {
  width: 41.6vw;
  height: 155.33333vw;
  background-color: #F6E8D9;
  top: -7.46667vw;
  right: -10vw;
}

.flower_pattern_collection .blk04 {
  display: flex;
  flex-direction: column-reverse;
  margin-bottom: 19.46667vw;
}

.flower_pattern_collection .blk04 .inner01 {
  width: 100%;
}

.flower_pattern_collection .blk04 .inner01 .img {
  width: 70vw;
  margin: 0 auto;
}

.flower_pattern_collection .blk04 .inner01 .bg::before {
  content: none;
}

.flower_pattern_collection .blk04 .inner01 .credit {
  text-align: center;
}

.flower_pattern_collection .blk04 .inner02 {
  width: 89.86667vw;
  margin: 0 auto 5.33333vw;
}

.flower_pattern_collection .blk04 .inner02 .bg::before {
  width: 100vw;
  height: 243.86667vw;
  background-color: #EFE8D8;
  top: 26.66667vw;
  left: -5.06667vw;
}

.flower_pattern_collection .blk05 {
  width: 85.06667vw;
  margin-bottom: 25.33333vw;
  margin-left: 4.93333vw;
}

.flower_pattern_collection .blk05 .bg::before {
  width: 85.06667vw;
  height: 142.93333vw;
  background-color: #F7EFD5;
  top: 10vw;
  right: -10vw;
}

.flower_pattern_collection .bottom_blk {
  width: 90vw;
  margin: 0 auto;
}

.flower_pattern_collection .bottom_blk .btn:first-of-type {
  margin-bottom: 2.66667vw;
}