.lp-mainvisual-inner:after {
    display: block;
    content: "";
     background: none;
    background-size: cover;
    width: 100%;
    height: 40px;
    position: absolute;
    left: 0;
    bottom: -29px;
}

.lp-mainvisual-inner {
    max-width: none;
    padding: 0px 20px 0px 20px;
    margin: auto;
}

.lp-mainvisual-inner:before {
    display: block;
    content: "";
    padding-top: 35%;
}

.lp-mainvisual-inner img{
  width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
    font-family: 'object-fit: cover; object-position: center center;';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.lp-mainvisual.lp-mv02 .artmake01 {
  margin: 0 auto;
  padding: 30px 0 80px 0;
}



@media only screen and (max-width: 599px){
  .lp-mainvisual-inner:before {
    display: block;
    content: "";
    padding-top: 175%;
　}
} 

.banner {
  margin-bottom: 50px;
}

/*2023/08/29*/
.artmake01 h3 {
  color: #e88098;
  text-align: center;
  font-size: 38px;
}
.artmake01 .inn {
  width: 70%;
  margin: auto;
}
.df {
  display: flex;
}
.w70 {
  width: 70%;
}
.w27 {
  width: 27%;
  margin-left: 3%;
}
.artmake01 .tt01 {
  font-size: 24px;
  color: #e88098;
  font-weight: bold;
}
.lp-mainvisual .artmake01 .box02 {
  margin-bottom: 50px;
  color: #baa167;
}

@media only screen and (max-width: 1024px){
  .lp-mainvisual.lp-mv02 .artmake01 {
    padding: 30px 0;
  }
  .artmake01 h3 {
    font-size: 32px;
  }
  .artmake01 .inn {
    width: 100%;
  }
  .lp-mainvisual .artmake01 .box02 {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 599px){
  .artmake01 h3 {
    font-size: 26px;
  }
  .artmake01 h3 .spin { 
    display: inline-block;
  }
  .lp-mainvisual .artmake01 .inn {
    padding: 20px;
  }
  .df {
    flex-direction: column-reverse;
  }
  .w70 {
    width: 100%;
  }
  .w27 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
}

.box-feature {
    position: relative;
    border: 2px solid #baa167;
    padding: 20px 10px;
}

.list-type-01 {
    position: relative;
}

.list-type-01 li {
    width: fit-content!important;
    position: relative;
    color: #baa167;
    font-weight: bold;
    margin: auto;
    padding-left: 1.5rem;
    font-size: 120%;
    padding-bottom: 10px;
    margin: auto;
}

.box-feature .tit {
    text-align: center;
    border-bottom: 3px dotted #baa167;
    padding-bottom: 10px;
}

.list-type-01 li + li {
    margin-top: 10px;
}

.list-type-01 li:after {
    content: "\f058";
    position: absolute;
    bottom: 10px;
    left: 0;
    font-family: "font awesome 5 Free";
    font-weight: bold;
}

.list-type-01 li:after {
    bottom: unset;
    top: 0;
}

.list-type-01 li {
    font-size: 100%;
}

/* 2025/09/04 */

@media screen and (max-width:599px) {
.list-type-01.mrauto-sp li{
  margin-right: auto;
  margin-left: 0;
} 
}