@charset "utf-8";

/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}


html {
	scroll-behavior: smooth;
}
img {
	vertical-align: bottom;
	width: 100%;
}
a {
    opacity: 1;
    transition: opacity 0.3s ease;
    display: inline-block;
}
a:hover {
    opacity: 0.8;
}
.wraplp {
	margin: 0 auto;
	max-width: 768px;
	width: 100%;
}
.wraplp hr {
	display: none;
}

.test .wraplp hr {
    border: 5px dashed orange;background: black; margin: 0 calc(50% - 50vw);width: 99vw;
    display: block;
}
.test div {
  outline: 2px dashed deeppink;
}
.test img {
  outline: 1px dashed blue;
}

.wraplp .wrap_menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 710px;
    width: 93%;
    margin: 7% auto;
}
.wraplp .wrap_menu li {
    width: calc((345/710)*100%);
}
.wraplp .wrap_menu li + li + li {
    margin-top: 5%;
}

.offer_area {
    position: relative;
    display: flex;
    justify-content: center;
}
.offer_area .btn {
    position: absolute;
    bottom: 3%;
    overflow: hidden;
    border-radius: 999px;
    -webkit-border-radius: 999px; z-index: 10;
    width: calc((650/768)*100%);
}
.offer_area .btn::after {
    content: "";
    height: 100%;
    width: 60px;
    position: absolute;
    top: -180px;
    left: 0;
    /* z-index: 10; */
    background-color: #fff;
    opacity: 0.5;
    transform: rotate(45deg);
    animation: reflection 2.3s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    -webkit-animation: reflection 2.3s ease-in-out infinite;
}
@keyframes reflection {
    0% {
        transform: scale(0) rotate(45deg);
        opacity: 0;
    }
    80% {
        transform: scale(0) rotate(45deg);
        opacity: 0.5;
        opacity: 0.2;
    }
    81% {
        transform: scale(4) rotate(45deg);
        opacity: 1;
        opacity: 0.5;
    }
    100% {
        transform: scale(50) rotate(45deg);
        opacity: 0;
    }
} /**@end**/

/**個別**/
.offer_area .btn05 {
    bottom: 6%;
    width: calc((568/768)*100%);
}
.offer_area .btn_teiki {
    bottom: 37%;
    width: calc((568/768)*100%);
}
.offer_area .btn_tudo {
    bottom: 11%;
    width: calc((568/768)*100%);
}