@charset "utf-8";
body {font-size: 100%;}
div.mainContents { overflow: visible; }
.clearfix:after { content: ""; display: block; clear: both; }
.mainContents.notExNav article { width: 100%; }
.mainContents.notExNav article .mainContentsIn .ContentsBox {
position: relative;
overflow-x: hidden;
}
article p{
	margin-bottom: 0;
	line-height: 1.5;
}
.ContentsBox img,
.bnrBox img {
  width: 100%;
  height: auto;
}
.blockCtn {
	position: relative;
}
.bgImg {
  position: static;
}
.itemBox{
  position: absolute;
}
.link {
  display: block;
}
.link-btn {
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  width: 23.6%;
  text-align: center;
  border: 1px solid;
  border-radius: 10vw;
  color: #fff;
  font-size: 1.48vw;
  padding: 1.1vw;
}
.link-line {
  display: inline-block;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  color: #fff;
  font-size: 1.4vw;
  padding-bottom: 0.8vw;
  border-bottom: 1px solid;
}
.btn {
  background: #fff;
  border-radius: 10vw;
  box-sizing: border-box;
  color: #f14753;
  display: inline-block;
  font-size: 1.4vw;
  font-weight: bold;
  line-height: 1;
  padding: 1.6vw;
  text-align: center;
  width: 20.3vw;
}

.btn,
.link-btn,
.link-line,
a.name,
.block07 .text01 .link,
.block12 .text {
          transition-duration: 0.2s;
}

.btn:hover,
.link-btn:hover,
.link-line:hover,
a.name:hover,
.block07 .text01 .link:hover,
.block12 .text:hover {
  opacity: .8;
}
/* global font */
.blockCtn {
  color: #fff;
}
.blockCtn p,
.blockCtn h1,
.blockCtn h2,
.blockCtn h3{
  margin: 0;
}
.blockCtn .textLink {
  font-size: 1.3vw;
  line-height: 1.75;
  font-weight: bold;
  text-decoration: none;
}
.lead {
  font-size: 2.15vw;
  line-height: 1.55;
  width: 100%;
  left: 0;
  text-align: center;
}
/* .block01 */
.block01 .title {
  width: 43.6%;
  top: 21%;
  left: 6.6%;
}
.block01 .name {
  color: #fff;
  font-size: .9vw;
  line-height: 1.5;
}
.block01 .item01 {
  width: 18.4%;
  top: 3%;
  left: 58%;
  height: 32vw;
}
.block01 .text01 {
  top: 11.3%;
  left: 77.1%;
}
.block01 .text01 .note {
  font-size: 0.7vw;
  margin-top: .4vw;
  line-height: 1.78;
}
.block01 .item02 {
  width: 18%;
  top: 36.5%;
  left: 75.7%;
  height: 26vw;
}
.block01 .text02 {
  top: 62.7%;
  left: 67.5%;
}
.block01 .item03 {
  width: 23%;
  top: 66%;
  left: 43.3%;
  height: 19vw;
}
.block01 .text03 {
  top: 82.3%;
  left: 66.7%;
}

/* .block02 */
.block02 .title01 {
  width: 28.4%;
  top: 3.2%;
  left: 50%;
  transform: translateX(-50%);
}
.block02 .text01 {
  width: 100%;
  top: 6.4%;
  left: 0;
  font-size: 2.3vw;
  line-height: 1.7;
  text-align: center;
}
.block02 .text02 {
  width: 100%;
  top: 20.6%;
  left: 0;
  text-align: center;
}
.block02 .title02 {
  font-size: 2.3vw;
  line-height: 1.7;
  font-weight: 700;
}
.block02 .text02 .text {
  font-size: 2.15vw;
  margin-top: 1vw;
  line-height: 1.46;
}
.block02 .text03 {
  top: 40.6%;
  left: 24.6%;
  font-size: 2.1vw;
  text-align: center;
  line-height: 1.45;
  color: #f6dcbb;
  letter-spacing: 0.03em;
}
.block02 .item01 {
  width: 31%;
  max-width: 100%;
  height: 53vw;
  top: 36.4%;
  left: 49.8%;
  z-index: 2;
}
.block02 .item01-img {
  width: 58.26%;
  top: 34.6%;
  left: 46.9%;
}
.block02 .item02-top {
  width: 45%;
  top: 61.5%;
  left: 4.5%;
  pointer-events: none;
  z-index: 3;
}
.block02 .item02 {
  top: 63.7%;
  left: 17.6%;
  width: 27%;
  height: 34.4vw;
  z-index: 2;
}
.block02 .item02-img {
  width: 53.82%;
  top: 61.1%;
  left: -3.6%;
}
.block02 .text04 {
  top: 63.6%;
  left: 54.6%;
  font-size: 2.1vw;
  text-align: center;
  line-height: 1.45;
  color: #f6dcbb;
}
.block02 .text04 .note {
  font-size: 1.5vw;
  line-height: 1.4;
  display: block;
  margin-top: 0.5vw;
  margin-bottom: -3.8vw;
}
.block02 .item03-img {
  width: 49.5%;
  top: 85.1%;
  left: 9.5%;
  pointer-events: none;
  z-index: 1;
}
.block02 .item03 {
  width: 14.5%;
  top: 87%;
  left: 28.5%;
  height: 24.4vw;
  z-index: 2;
}
.block02 .text05 {
  top: 93.7%;
  left: 23.1%;
}
.block02 .item04 {
  width: 16.4%;
  top: 87.4%;
  left: 56.4%;
  height: 20.3vw;
  z-index: 2;
}
.block02 .item04-img {
  width: 42%;
  top: 86.5%;
  left: 45%;
  z-index: 1;
}
.block02 .text06 {
  top: 93.7%;
  left: 57.5%;
}
.block02 .name,
.block02 .price {
  color: #fff;
  font-size: 1.68vw;
  line-height: 1.4;
}
.block02 .price {
  margin-top: 0.5vw;
  font-family: 'SoDo Sans', sans-serif;
  font-weight: 500;
}
.block02 .note {
  margin-top: 0.7vw;
  font-size: 1.23vw;
}
.block02 .btn02 {
  left: 57%;
}
/* block03 */
.block03 .text01 {
  top: 9.6%;
  left: 50%;
  width: 28%;
  text-align: center;
}
.block03 .title {
  font-size: 2.1vw;
  line-height: 1.6;
  color: #f6dcbb;
}
.block03 .title .small {
  font-size: .8em;
}
.block03 .text {
  font-size: 1.25vw;
  margin-top: 1.4vw;
  line-height: 1.7;
  color: #f6dcbb;
}
.block03 .note {
  font-size: 1vw;
  margin-top: 0.6vw;
  color: #f6dcbb;
}
.block03 .name {
  font-size: 1.66vw;
  margin-top: 1.3vw;
}
.block03 .price {
  font-size: 1.66vw;
  margin-top: 0.5vw;
  font-family: 'SoDo Sans', sans-serif;
}
/* block04 */
.block04 .title {
  width: 25.5%;
  top: 7.2%;
  left: 50%;
  transform: translateX(-50%);
}
.block04 .text01 {
  top: 16.4%;
  left: 0;
  font-size: 2.2vw;
  text-align: center;
  width: 100%;
}
.block04 .cookie {
  width: 6.4%;
  top: 32%;
  left: 22%;
  pointer-events: none;
  z-index: 2;
}
.block04 .item01 {
  width: 13.95%;
  top: 26.92%;
  left: 26.8%;
}
.block04 .text02 {
  top: 44%;
  left: 23%;
}
.block04 .item02 {
  width: 15.67%;
  top: 27.5%;
  left: 59%;
}
.block04 .text03 {
  top: 44%;
  left: 57%;
}
.block04 .text {
  font-size: 1.16vw;
  line-height: 1.7;
}
.block04 .name {
  color: #fff;
  font-size: 1.74vw;
  line-height: 1.4;
  margin-top: 0.7vw;
  display: block;
}
.block04 .price {
  font-size: 1.74vw;
  line-height: 1.6;
  font-family: 'SoDo Sans', sans-serif;
  font-weight: 500;
}
.block04 .note {
  margin-top: 0.6vw;
  font-size: 1.18vw;
  line-height: 1.3;
}
.block04 .btn {
  color: #30a45b;
  top: 55.2%;
}
.block04 .link-btn {
  top: 72.4%;
}
.block04 .link-line {
  top: 77.7%;
}
/* .block-05 */
.block05 .title {
  width: 13%;
  top: 4%;
  left: 50%;
  transform: translateX(-50%);
}
.block05 .text01 {
  width: 100%;
  top: 8.1%;
  left: 0;
  font-size: 2.3vw;
  text-align: center;
}
.block05 .text02 {
  top: 20.6%;
  left: 16%;
}
.block05 .item01 {
  top: 16.4%;
  left: 41.4%;
  width: 26%;
  height: 24.2vw;
  z-index: 2;
}
.block05 .item01-img {
  top: 15.43%;
  left: 40.26%;
  width: 32.76%;
  z-index: 1;
}
.block05 .text03 {
  top: 38.8%;
  right: 19%;
  text-align: right;
}
.block05 .item02 {
  top: 41.1%;
  left: 28%;
  width: 31%;
  height: 17vw;
  z-index: 2;
}
.block05 .item02-img {
  top: 36.88%;
  left: 24.4%;
  width: 41.8%;
  z-index: 1;
}
.block05 .text04 {
  top: 58%;
  left: 16%;
}
.block05 .item03 {
  top: 57.1%;
  left: 42%;
  width: 28%;
  height: 21.6vw;
  z-index: 2;
}
.block05 .item03-img {
  top: 55.8%;
  left: 40.3%;
  width: 36.9%;
  z-index: 1;
}
.block05 .name {
  color: #fff;
  font-size: 1.7vw;
  line-height: 1.5;
}
.block05 .price {
  font-size: 1.7vw;
  font-family: 'SoDo Sans', sans-serif;
  font-weight: 500;
}
.block05 .text {
  font-size: 1.32vw;
  margin-top: 1vw;
}
.block05 .btn {
  margin-top: 1.5vw;
  width: 21vw;
}
.block05 .text02 .btn,
.block05 .text04 .btn {
  margin-left: -0.5vw;
}
.block05 .text03 .btn {
  margin-right: -1.3vw;
}
.block05 .link-btn {
  top: 77%;
}
.block05 .link-line {
  top: 81%;
}
.block05 .note {
    margin-top: 1vw;
}
/* .block-06 */
.block06 .title {
  width: 24.4%;
  top: 4.4%;
  left: 50%;
  transform: translateX(-50%);
}
.block06 .lead {
  top: 17%;
}
.block06 .item01 {
  width: 12.5%;
  top: 31.5%;
  left: 30.7%;
}
.block06 .item02 {
  top: 37%;
  left: 50%;
}
.block06 .name {
  color: #fff;
  font-size: 1.71vw;
  line-height: 1.37;
}
.block06 .price {
  font-size: 1.71vw;
  margin-top: 0.5vw;
  font-family: 'SoDo Sans', sans-serif;
  font-weight: 500;
}
.block06 .text {
  font-size: 1.34vw;
  margin-top: 0.7vw;
  line-height: 1.55;
}
.block06 .btn {
  margin-top: 1.6vw;
  margin-left: -1.6vw;
  width: 21vw;
}
.block06 .link-btn {
  top: 65.7%;
}
.block06 .link-line {
  top: 73%;
}
/* .block-07 */
.block07 .title {
  width: 21%;
  top: 13.3%;
  left: 70%;
}
.block07 .text01 {
  text-align: center;
  top: 32%;
  left: 67%;
}
.block07 .text {
  font-size: 1.8vw;
  line-height: 1.7;
  color: #f6dcbb;
}
.block07 .link {
  color: #fff;
  font-size: 1.7vw;
  margin-top: 2.3vw;
  color: #f6dcbb;
}
.block07 .note {
  color: #000;
  font-size: 1.5vw;
  top: 57.6%;
  left: 39%;
}
/* .block-08 */
.block08 .title01 {
  width: 20.5%;
  top: 3%;
  left: 50%;
  transform: translateX(-50%);
}
.block08 .lead {
  top: 15.2%;
}
.block08 .title02 {
  width: 13%;
  top: 30%;
  left: 50%;
  transform: translateX(-50%);
}
.block08 .item {
  top: 37.5%;
  left: 23.9%;
  width: 52.2%;
}
.block08 .link-line {
  top: 79.5%;
  font-size: 1.86vw;
  font-weight: bold;
}
/* .block-09 */
.block09 .title {
  width: 34.4%;
  top: 3.4%;
  left: 50%;
  transform: translateX(-50%);
}
.block09 .item01 {
  width: 21%;
  top: 16%;
  left: 22.4%;
}
.block09 .text01 {
  top: 48%;
  left: 22.4%;
}
.block09 .item02 {
  width: 30.3%;
  top: 18.2%;
  left: 52.2%;
}
.block09 .text02 {
  top: 48%;
  left: 57%;
}
.block09 .name {
  color: #fff;
  font-size: 1.72vw;
  line-height: 1.5;
}
.block09 .note {
  font-size: 1.38vw;
  margin-top: 0.6vw;
}
.block09 .link-btn {
  top: 74.5%;
  width: 26%;
  font-size: 1.2vw;
}
/* .block-10 */
.block10 .title {
  width: 34.4%;
  top: 5.4%;
  left: 50%;
  transform: translateX(-50%);
}
.block10 .lead {
  top: 21.4%;
  color: #fae8b1;
}
.block10 .img01 {
  width: 30%;
  top: 39.5%;
  left: 17.8%;
}
.block10 .img02 {
  width: 33.33%;
  top: 38%;
  left: 50.5%;
}
.block10 .link-btn {
  top: 74.5%;
  width: 27%;
  font-size: 1.3vw;
}

/* .block-11 */
.block11 .title {
  width: 9%;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
}
.block11 .text {
  width: 100%;
  top: 12%;
  left: 0;
  font-size: 2.15vw;
  text-align: center;
  color: #fae8b1;
}
.block11 .link-btn {
  top: 69.7%;
  width: 27%;
  font-size: 1.3vw;
}
/* .block-12 */
.block12 .text {
  width: 35%;
  top: 61%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  font-weight: bold;
  font-size: 1.7vw;
  z-index: 2;
  color: #1c3731;

}
.block12 .item {
  width: 34.7%;
  top: 0.6%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 10px;
  overflow: hidden;
}
/* .block-banner */
.block-banner img {
    max-width: 100%; 
}
.block-banner ._banner1 {
  position: absolute;
  top: 6%;
  left: 6%;
  width: 43.33%;
}
.block-banner ._banner2 {
  position: absolute;
  top: 6%;
  left: 52%;
  width: 43.33%;
}
@media screen and (min-width: 1024px) {
  .sp-only {
    display: none;
  }
  .block02 .btn {
    top: 97%;
  }
  .block02 .btn01 {
    left: 22.5%;
  }
  .block04 .btn01 {
    left: 22.5%;
  }
  .block04 .btn02 {
    left: 57%
  }
  .block09 .btn {
    width: 21.1vw;
    margin-top: 1.4vw;
    margin-left: -0.3vw;
  }
}
@media screen and (max-width: 1023px) {
  .pc-only {
    display: none;
  }
  .btn {
    width: 63vw;
    font-size: 4vw;
    padding: 5vw;
    left: 50%;
    transform: translateX(-50%);
  }
  .link-btn {
    width: 64%;
    font-size: 4vw;
    padding: 3vw;
    box-sizing: border-box;
  }
  .link-line {
    font-size: 3.5vw;
    padding-bottom: 2vw;
    white-space: nowrap;
  }
  .block01 .title {
    width: 91%;
    top: 5%;
    left: 5%;
    height: 54vw;
    pointer-events: none;
    opacity: 0;
  }
  .block01 .text01 {
    top: 36.2%;
    left: 58%;
  }
  .block01 .text02 {
    top: 67%;
    left: 29%;
    z-index: 3;
  }
  .block01 .text03{
    top: 87.3%;
    left: 48.7%;
  }
  .block01 .name {
    font-size: 2.5vw;
  }
  .block01 .text01 .note {
    font-size: 1.9vw;
  }
  .block01 .item01 {
    width: 45%;
    top: 23%;
    left: 12%;
    height: 80vw;
  }
  .block01 .item02 {
    width: 44%;
    top: 49.5%;
    left: 51%;
    height: 62vw;
    z-index: 2;
  }
  .block01 .item03 {
    width: 50%;
    top: 73.5%;
    left: 0;
    height: 54vw;
  }
  .block02 .title01 {
    width: 54%;
  }
  .block02 .text01 {
    top: 6.2%;
    font-size: 4.3vw;
    line-height: 1.75;
  }
  .block02 .text02 {
    top: 19.9%;
  }
  .block02 .title02 {
    font-size: 5vw;
  }
  .block02 .text02 .text {
    font-size: 4.3vw;
    margin-top: 1.3vw;
    line-height: 1.4;
  }
  .block02 .text03 {
    top: 39.3%;
    left: 8%;
    font-size: 3.97vw;
    line-height: 1.36;
  }
  .block02 .item01 {
    width: 55%;
    top: 33.8%;
    left: auto;
    height: 118.5vw;
    right: 0;
  }
  .block02 .item02 {
    width: 55%;
    top: 61.2%;
    left: 0;
    height: 98vw;
  }
  .block02 .text04 {
    top: 61.2%;
    left: 58%;
    font-size: 3.97vw;
    line-height: 1.36;
  }
  .block02 .text04 .note {
    font-size: 2.8vw;
    margin-top: 1.8vw;
    margin-bottom: -7vw;
  }
  .block02 .item04 {
    width: 39.5%;
    top: 82.7%;
    left: 37%;
    height: 67vw;
  }
  .block02 .text05 {
    top: 91.7%;
    left: 19%;
  }
  .block02 .price,
  .block03 .text02 .price {
    font-family: 'SoDo Sans', sans-serif;
    margin-top: 2vw;
  }
  .block02 .name, .block02 .price,
  .block03 .text02 .name, .block03 .text02 .price {
    font-size: 5.2vw;
    line-height: 1.35;
  }
  .block02 .btn01 {
    top: 95.7%;
  }
  .block03 .text01 {
    width: 100%;
    left: 0;
    top: 5.4%;
  }
  .block03 .title {
    font-size: 5.3vw;
    line-height: 1.65;
  }
  .block03 .text {
    font-size: 3.1vw;
    margin-top: 2.2vw;
    line-height: 1.8;
  }
  .block03 .note {
    font-size: 3.9vw;
    margin-top: 4vw;
  }
  .block03 .text01 .note {
    font-size: 2.6vw;
    margin-top: 1vw;
  }
  .block03 .name {
    font-size: 4.2vw;
    margin-top: 74vw;
  }
  .block03 .price {
    font-size: 4.3vw;
  }
  .block03 .item {
    top: 49.5%;
    left: 17.9%;
    height: 56.5vw;
    width: 43.3%;
  }
  .block03 .text02 {
    top: 67.7%;
    left: 18%;
  }
  .block03 .name {
    color: #fff;
  }
  .block03 .btn {
    top: 79.4%;
  }
  .block04 .title {
    width: 56.9%;
    top: 4.5%;
  }
  .block04 .text01 {
    top: 10.2%;
    font-size: 5vw;
    line-height: 1.65;
  }
  .block04 .item01 {
    width: 41%;
    top: 18.4%;
    left: 32%;
    height: 57.5vw;
  }
  .block04 .text02 {
    top: 31.5%;
    left: 19%;
  }
  .block04 .btn01 {
    top: 40%;
  }
  .block04 .text {
    font-size: 3.6vw;
  }
  .block04 .name {
    font-size: 5.2vw;
    margin-top: 1.7vw;
  }
  .block04 .price {
    font-size: 5.9vw;
  }
  .block04 .note {
    font-size: 2.7vw;
  }
  .block04 .item02 {
    width: 41%;
    top: 48%;
    left: 29%;
    height: 55vw;
  }
  .block04 .text03 {
    top: 61.8%;
    left: 19%;
  }
  .block04 .btn02 {
    top: 71.4%;
  }
  .block04 .link-btn {
    top: 83%;
  }
  .block04 .link-line {
    top: 86.7%;
  }
  .block05 .title {
    width: 30%;
    top: 2.6%;
  }
  .block05 .text01 {
    top: 5.3%;
    font-size: 5vw;
    line-height: 1.7;
  }
  .block05 .item01 {
    top: 12.3%;
    left: 29.5%;
    width: 58.4%;
    height: 54.7vw;
  }
  .block05 .text02 {
    top: 23%;
    left: 13%;
  }
  .block05 .name {
    font-size: 5.25vw;
  }
  .block05 .price {
    font-size: 5.5vw;
  }
  .block05 .price {
    font-size: 5.5vw;
  }
  .block05 .text {
    font-size: 3.6vw;
    line-height: 1.55;
  }
  .block05 .note {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 3vw;
    margin-top: 2vw;
  }
  .block05 .btn {
    margin-top: 5vw;
    width: 48.6vw;
    transform: none;
    padding: 3vw;
  }
  .block05 .text02 .btn, .block05 .text04 .btn {
    margin-left: -1.5vw;
  }
  .block05 .text03 {
    top: 44.6%;
    right: 12%;
    text-align: right;
  }
  .block05 .text03 .btn {
    margin-right: -1vw;
  }
  .block05 .item02 {
    top: 37.8%;
    left: 7%;
    width: 68%;
    height: 39vw;
  }
  .block05 .text04 {
    top: 69.4%;
    left: 12.5%;
  }
  .block05 .item03 {
    top: 60.2%;
    left: 23%;
    width: 63%;
    height: 50vw;
  }
  .block05 .link-btn {
    top: 83.4%;
  }
  .block05 .link-line {
    top: 86.5%;
  }
  .block06 .title {
    width: 61%;
    top: 1.9%;
  }
  .lead {
    font-size: 5vw;
  }
  .block06 .lead {
    top: 11.5%;
  }
  .block06 .item01 {
    width: 32%;
    top: 24.4%;
    left: 34.2%;
    height: 68vw;
  }
  .block06 .item02 {
    top: 47.7%;
    left: 20%;
  }
  .block06 .name {
    font-size: 5.2vw;
    line-height: 1.3;
  }
  .block06 .price {
    font-size: 5.2vw;
    margin-top: 1.8vw;
  }
  .block06 .text {
    font-size: 4.5vw;
    margin-top: 3vw;
    line-height: 1.5;
  }
  .block06 .item02 .btn {
    position: absolute;
    width: 64vw;
    margin-left: 0;
    margin-top: 5vw;
  }
  .block06 .link-btn {
    top: 73%;
  }
  .block06 .link-line {
    top: 78.5%;
  }
  .block07 .title {
    width: 68%;
    top: 49%;
    left: 50%;
    transform: translateX(-50%);
  }
  .block07 .text01 {
    top: 54.4%;
    left: 0;
    width: 100%;
  }
  .block07 .text {
    font-size: 4.7vw;
    line-height: 1.5;
  }
  .block07 .link {
    font-size: 4.4vw;
    margin-top: 5.2vw;
  }
  .block07 .note {
    font-size: 3vw;
    top: 39.4%;
    left: auto;
    right: 8vw;
  }
  .block08 .title01 {
    width: 52%;
    top: 7.5%;
  }
  .block08 .lead {
    top: 22.5%;
  }
  .block08 .title02 {
    width: 25%;
    top: 42%;
  }
  .block08 .link-line {
    top: 79%;
    font-size: 4vw;
  }
  .block09 .title {
    width: 65.5%;
    top: 1.8%;
  }
  .block09 .item01 {
    width: 46%;
    top: 8%;
    left: 27%;
    height: 48vw;
  }
  .block09 .text01 {
    top: 25.6%;
    left: 19%;
  }
  .block09 .name {
    font-size: 5.3vw;
  }
  .block09 .note {
    font-size: 4vw;
    margin-top: 1vw;
  }
  .block09 .btn {
    margin-top: 5vw;
    position: absolute;
  }
  .block09 .item02 {
    width: 66%;
    top: 45.2%;
    left: 17%;
    height: 42vw;
  }
  .block09 .text02 {
    top: 61.2%;
    left: 19%;
  }
  .block09 .text02 .btn {
    margin-top: 6vw;
  }
  .block09 .link-btn {
    top: 81.5%;
  }
  .block09 .link-btn {
    top: 82%;
    width: 76%;
    font-size: 3.5vw;
  }
  .block10 .title {
    width: 65.7%;
    top: 3.3%;
  }
  .block10 .lead {
    top: 13%;
  }
  .block10 .img01 {
    width: 65.47%;
    top: 27.5%;
    left: 17.5%;
  }
  .block10 .img02 {
    width: 76%;
    top: 51.2%;
    left: 12%;
  }
  .block10 .link-btn {
    top: 78%;
    width: 77%;
    font-size: 3.4vw;
  }
  .block11 .title {
    width: 17%;
    top: 5.1%;
  }
  .block11 .text {
    top: 12%;
    font-size: 5vw;
  }
  .block11 .link-btn {
    top: 69.2%;
    width: 77%;
    font-size: 3.4vw;
  }
  .block12 .item {
    width: 86%;
    top: 3.6%;
  }
  .block12 .text {
    width: 80%;
    top: 65%;
    font-size: 4vw;
  }
}