@charset "utf-8" ;

/**
debug
**/
.testmode * {
    outline: 1px dashed darkmagenta;
}
/**セクションごとの区切りを入れる用**/
.testmode hr {
  border-top: 1px dashed deeppink;
  margin: 0;
  width: 99vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  height: 1px;
}

/**default**/
*, ::before, ::after {
    box-sizing: border-box;
}
body {
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /* Safari */
}
img {
    max-width:100%;
    vertical-align: top;
}
table {
    width:100%;
}
a:link, a:active, a:visited {
    text-decoration: none;
    color: inherit;
}
a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
a:hover {
    opacity: 0.8;
}
a, picture, img {
    display: block;
}

/**共通**/
.mb10per {
    margin-bottom: 10%;
}
.no-absolute {
    position: unset!important;
}

/**base**/
html {
    /* font-size: 16px; */
    scroll-behavior: smooth;
}
.lpwrap {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.wrap_btn {
    position: relative;
    display: flex;
    justify-content: center;
}
.wrap_btn .ctabtn {
    position: absolute;
    top: 71%;
    margin: 0 auto;
    width: 79.2%;
}
.wrap_btn .ctabtn2 {
    top: 67%;
}

/** SP **/
@media screen and (max-width: 480px){

    /**base**/
    html {
        /* font-size: 14px; */
    }
    .lpwrap {
        max-width: 100%;
    }
    .lpwrap {
        margin-top: -0.1%;
    }

}/**@end**/