top-sp* {
box-sizing: border-box;
}
html, body {
position: relative;
}
html {
font-size: 1.333333333vw;
}
body {
margin: 0;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
color: #333;
text-align: left;
background-color: #fff;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
}
ol, ul, dl {
list-style-type: none;
margin: 0;
padding-left: 0;
}
b, strong {
font-weight: 700;
}
a {
background-color: rgba(0, 0, 0, 0);
color: inherit;
text-decoration: none;
}
img {
vertical-align: middle;
border-style: none;
width: 100%;
height: auto;
}
table {
border-collapse: collapse;
}
th {
font-weight: 400;
text-align: inherit;
text-align: -webkit-match-parent;
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
button{
border: none;
outline: none;
background: transparent;
}
button, input {
overflow: visible;
}
button, select {
text-transform: none;
}
select {
word-wrap: normal;
}
button, [type=button], [type=reset], [type=submit] {
-webkit-appearance: button;
}
textarea {
overflow: auto;
resize: vertical;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height: auto;
}
[type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
[hidden] {
display: none !important;
}
.aligncenter {
text-align: center;
}
.alignright {
text-align: right;
}
.alignleft {
text-align: left;
}
img.aligncenter {
display: block;
margin: auto;
}
img.alignright {
display: block;
margin-left: auto;
}
img.alignleft {
display: block;
margin-right: auto;
}
.container {
margin: auto;
max-width: 125rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
width: 100%;
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: flex !important;
}
.flex-row {
flex-direction: row !important;
}
.flex-column {
flex-direction: column !important;
}
.flex-row-reverse {
flex-direction: row-reverse !important;
}
.flex-column-reverse {
flex-direction: column-reverse !important;
}
.flex-wrap {
flex-wrap: wrap !important;
}
.flex-nowrap {
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
flex: 1 1 auto !important;
}
.flex-grow-0 {
flex-grow: 0 !important;
}
.flex-grow-1 {
flex-grow: 1 !important;
}
.flex-shrink-0 {
flex-shrink: 0 !important;
}
.flex-shrink-1 {
flex-shrink: 1 !important;
}
.flex-auto {
flex: 0 auto !important;
}
.justify-content-start {
justify-content: flex-start !important;
}
.justify-content-end {
justify-content: flex-end !important;
}
.justify-content-center {
justify-content: center !important;
}
.justify-content-between {
justify-content: space-between !important;
}
.justify-content-around {
justify-content: space-around !important;
}
.align-items-start {
align-items: flex-start !important;
}
.align-items-end {
align-items: flex-end !important;
}
.align-items-center {
align-items: center !important;
}
.align-items-baseline {
align-items: baseline !important;
}
.align-items-stretch {
align-items: stretch !important;
}
.align-content-start {
align-content: flex-start !important;
}
.align-content-end {
align-content: flex-end !important;
}
.align-content-center {
align-content: center !important;
}
.align-content-between {
align-content: space-between !important;
}
.align-content-around {
align-content: space-around !important;
}
.align-content-stretch {
align-content: stretch !important;
}
.align-self-auto {
align-self: auto !important;
}
.align-self-start {
align-self: flex-start !important;
}
.align-self-end {
align-self: flex-end !important;
}
.align-self-center {
align-self: center !important;
}
.align-self-baseline {
align-self: baseline !important;
}
.align-self-stretch {
align-self: stretch !important;
}
.text-justify {
text-align: justify !important;
}
.text-wrap {
white-space: normal !important;
}
.text-nowrap {
white-space: nowrap !important;
}
.text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-lowercase {
text-transform: lowercase !important;
}
.text-uppercase {
text-transform: uppercase !important;
}
.text-capitalize {
text-transform: capitalize !important;
}
.text-underline {
text-decoration: underline;
}
.text-pink {
color: #ff7d79;
}
.text-link {
color: #0071b5;
text-decoration: underline;
}
.m-0 {
margin: 0 !important;
}
.mt-0, .my-0 {
margin-top: 0 !important;
}
.mr-0, .mx-0 {
margin-right: 0 !important;
}
.mb-0, .my-0 {
margin-bottom: 0 !important;
}
.ml-0, .mx-0 {
margin-left: 0 !important;
}
.m-5 {
margin: .5rem !important;
}
.mt-5, .my-5 {
margin-top: .5rem !important;
}
.mr-5, .mx-5 {
margin-right: .5rem !important;
}
.mb-5, .my-5 {
margin-bottom: .5rem !important;
}
.ml-5, .mx-5 {
margin-left: .5rem !important;
}
.m-10 {
margin: 1rem !important;
}
.mt-10, .my-10 {
margin-top: 1rem !important;
}
.mr-10, .mx-10 {
margin-right: 1rem !important;
}
.mb-10, .my-10 {
margin-bottom: 1rem !important;
}
.ml-10, .mx-10 {
margin-left: 1rem !important;
}
.m-20 {
margin: 2rem !important;
}
.mt-20, .my-20 {
margin-top: 2rem !important;
}
.mr-20, .mx-20 {
margin-right: 2rem !important;
}
.mb-20, .my-20 {
margin-bottom: 2rem !important;
}
.ml-20, .mx-20 {
margin-left: 2rem !important;
}
.m-30 {
margin: 3rem !important;
}
.mt-30, .my-30 {
margin-top: 3rem !important;
}
.mr-30, .mx-30 {
margin-right: 3rem !important;
}
.mb-30, .my-30 {
margin-bottom: 3rem !important;
}
.ml-30, .mx-30 {
margin-left: 3rem !important;
}
.m-40 {
margin: 4rem !important;
}
.mt-40, .my-40 {
margin-top: 4rem !important;
}
.mr-40, .mx-40 {
margin-right: 4rem !important;
}
.mb-40, .my-40 {
margin-bottom: 4rem !important;
}
.ml-40, .mx-40 {
margin-left: 4rem !important;
}
.m-50 {
margin: 5rem !important;
}
.mt-50, .my-50 {
margin-top: 5rem !important;
}
.mr-50, .mx-50 {
margin-right: 5rem !important;
}
.mb-50, .my-50 {
margin-bottom: 5rem !important;
}
.ml-50, .mx-50 {
margin-left: 5rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0, .py-0 {
padding-top: 0 !important;
}
.pr-0, .px-0 {
padding-right: 0 !important;
}
.pb-0, .py-0 {
padding-bottom: 0 !important;
}
.pl-0, .px-0 {
padding-left: 0 !important;
}
.p-5 {
padding: .5rem !important;
}
.pt-5, .py-5 {
padding-top: .5rem !important;
}
.pr-5, .px-5 {
padding-right: .5rem !important;
}
.pb-5, .py-5 {
padding-bottom: .5rem !important;
}
.pl-5, .px-5 {
padding-left: .5rem !important;
}
.p-10 {
padding: 1rem !important;
}
.pt-10, .py-10 {
padding-top: 1rem !important;
}
.pr-10, .px-10 {
padding-right: 1rem !important;
}
.pb-10, .py-10 {
padding-bottom: 1rem !important;
}
.pl-10, .px-10 {
padding-left: 1rem !important;
}
.p-20 {
padding: 2rem !important;
}
.pt-20, .py-20 {
padding-top: 2rem !important;
}
.pr-20, .px-20 {
padding-right: 2rem !important;
}
.pb-20, .py-20 {
padding-bottom: 2rem !important;
}
.pl-20, .px-20 {
padding-left: 2rem !important;
}
.p-30 {
padding: 3rem !important;
}
.pt-30, .py-30 {
padding-top: 3rem !important;
}
.pr-30, .px-30 {
padding-right: 3rem !important;
}
.pb-30, .py-30 {
padding-bottom: 3rem !important;
}
.pl-30, .px-30 {
padding-left: 3rem !important;
}
.p-40 {
padding: 4rem !important;
}
.pt-40, .py-40 {
padding-top: 4rem !important;
}
.pr-40, .px-40 {
padding-right: 4rem !important;
}
.pb-40, .py-40 {
padding-bottom: 4rem !important;
}
.pl-40, .px-40 {
padding-left: 4rem !important;
}
.p-50 {
padding: 5rem !important;
}
.pt-50, .py-50 {
padding-top: 5rem !important;
}
.pr-50, .px-50 {
padding-right: 5rem !important;
}
.pb-50, .py-50 {
padding-bottom: 5rem !important;
}
.pl-50, .px-50 {
padding-left: 5rem !important;
}
.m-n5 {
margin: -0.5rem !important;
}
.mt-n5, .my-n5 {
margin-top: -0.5rem !important;
}
.mr-n5, .mx-n5 {
margin-right: -0.5rem !important;
}
.mb-n5, .my-n5 {
margin-bottom: -0.5rem !important;
}
.ml-n5, .mx-n5 {
margin-left: -0.5rem !important;
}
.m-n10 {
margin: -1rem !important;
}
.mt-n10, .my-n10 {
margin-top: -1rem !important;
}
.mr-n10, .mx-n10 {
margin-right: -1rem !important;
}
.mb-n10, .my-n10 {
margin-bottom: -1rem !important;
}
.ml-n10, .mx-n10 {
margin-left: -1rem !important;
}
.m-n20 {
margin: -2rem !important;
}
.mt-n20, .my-n20 {
margin-top: -2rem !important;
}
.mr-n20, .mx-n20 {
margin-right: -2rem !important;
}
.mb-n20, .my-n20 {
margin-bottom: -2rem !important;
}
.ml-n20, .mx-n20 {
margin-left: -2rem !important;
}
.m-n30 {
margin: -3rem !important;
}
.mt-n30, .my-n30 {
margin-top: -3rem !important;
}
.mr-n30, .mx-n30 {
margin-right: -3rem !important;
}
.mb-n30, .my-n30 {
margin-bottom: -3rem !important;
}
.ml-n30, .mx-n30 {
margin-left: -3rem !important;
}
.m-n40 {
margin: -4rem !important;
}
.mt-n40, .my-n40 {
margin-top: -4rem !important;
}
.mr-n40, .mx-n40 {
margin-right: -4rem !important;
}
.mb-n40, .my-n40 {
margin-bottom: -4rem !important;
}
.ml-n40, .mx-n40 {
margin-left: -4rem !important;
}
.m-n50 {
margin: -5rem !important;
}
.mt-n50, .my-n50 {
margin-top: -5rem !important;
}
.mr-n50, .mx-n50 {
margin-right: -5rem !important;
}
.mb-n50, .my-n50 {
margin-bottom: -5rem !important;
}
.ml-n50, .mx-n50 {
margin-left: -5rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto, .my-auto {
margin-top: auto !important;
}
.mr-auto, .mx-auto {
margin-right: auto !important;
}
.mb-auto, .my-auto {
margin-bottom: auto !important;
}
.ml-auto, .mx-auto {
margin-left: auto !important;
}
.animate__animated {
animation-duration: 1.5s;
animation-fill-mode: both;
animation-timing-function: ease;
}
.animate__bounce {
animation-name: bounce;
animation-iteration-count: 1000;
}
.pc{
display: block;
}
.sp{
display: none;
}
@media screen and (max-width:767px) {
.pc{
display: none;
}
.sp{
display: block;
}
}
.btn {
display: inline-block;
font-family: "Noto Sans JP", sans-serif;
font-weight: 400;
color: #333;
text-align: center;
text-decoration: none;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: rgba(0, 0, 0, 0);
border: 1px solid rgba(0, 0, 0, 0);
}
.btn:hover {
color: #333;
text-decoration: none;
}
.btn:focus, .btn.focus {
outline: 0;
}
.btn.disabled, .btn:disabled {
opacity: .6;
}
.btn:not(:disabled):not(.disabled) {
cursor: pointer;
}
.hamburger-box {
border-left: .1rem solid #ccc;
position: relative;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
margin: auto;
height: 7rem;
width: 7rem;
z-index: 1100;
}
.hamburger-box.is-active .hamburger-inner {
transition-delay: .12s;
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transform: rotate(45deg);
}
.hamburger-box.is-active .hamburger-inner:before {
transition: top 75ms ease, opacity 75ms ease .12s;
opacity: 0;
top: 0;
}
.hamburger-box.is-active .hamburger-inner:after {
transition: bottom 75ms ease, transform 75ms cubic-bezier(0.215, 0.61, 0.355, 1) .12s;
transform: rotate(-90deg);
bottom: 0;
}
.hamburger-inner:after, .hamburger-inner:before {
display: block;
content: "";
}
.hamburger-inner:after, .hamburger-inner:before, .hamburger-inner {
width: 2.8rem;
height: .2rem;
background-color: #333;
transition: transform .15s ease;
border-radius: 1.5px;
}
.hamburger-inner {
position: relative;
display: block;
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-duration: 75ms;
}
.hamburger-inner:before {
position: absolute;
top: -0.8rem;
transition: top 75ms ease .12s, opacity 75ms ease;
}
.hamburger-inner:after {
position: absolute;
bottom: -0.8rem;
transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.lp-footer {
background-color: #fff;
position: relative;
z-index: 4;
padding: 5rem 3rem 2.7rem;
}
.lp-footer__copy {
color: #666;
font-size: 2.4rem;
text-align: center;
}
.lp-footer__menu {
display: flex;
justify-content: center;
align-items: center;
margin-top: .5rem;
}
.lp-footer__menu li {
position: relative;
}
.lp-footer__menu li a {
color: #666;
font-size: 3rem;
}
.lp-footer__menu li:not(:last-child)::after {
font-size: 3rem;
content: "|";
}
.lp-footer__logo {
margin-top: 9.7rem;
display: flex;
justify-content: center;
justify-content: space-between;
margin-right: -1.3rem;
margin-left: -1.3rem;
}
.lp-footer__logo li {
padding: 0 1.3rem;
}
.lp-footer__logo li:first-child {
flex: 0 0 36rem;
max-width: 36rem;
}
.lp-footer__logo li:last-child {
flex: 0 0 32rem;
max-width: 32rem;
}
.lp-footer__logo li.btn {
position: relative;
}
.lp-footer__note {
font-size: 3rem;
line-height: 1.3666666667;
color: #666;
margin-top: 1rem;
text-align: center;
}
.form-control {
display: block;
width: 100%;
height: 5rem;
padding: .5rem 1rem;
font-family: "Noto Sans JP", sans-serif;
font-size: 1.4rem;
font-weight: 400;
line-height: 1.5;
color: #333;
background-color: #fff;
background-clip: padding-box;
border: .1rem solid #ccc;
}
.form-control::-ms-expand {
background-color: rgba(0, 0, 0, 0);
border: 0;
}
.form-control:-moz-focusring {
color: rgba(0, 0, 0, 0);
text-shadow: 0 0 0 #333;
}
.form-control::-moz-placeholder {
color: #ccc;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #ccc;
opacity: 1;
}
.form-control::placeholder {
color: #ccc;
opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
background-color: #f0f0f0;
opacity: 1;
}
input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.table {
width: 100%;
border-collapse: collapse;
border: 4px solid #003397;
}
.table th {
background-color: #003397;
border-bottom: 3px solid #fff;
color: #fff;
font-size: 2.7rem;
line-height: 1.6666666667;
text-align: center;
padding: 2rem 2.5rem;
}
.table td {
border-bottom: 3px solid #243e8e;
color: #4d4d4d;
font-size: 3rem;
line-height: 1.3666666667;
padding: 2.2rem 3.3rem;
}
.hline01 {
color: #003397;
font-size: 6.297rem;
font-weight: 700;
font-family: "Noto Serif", serif;
line-height: 1.0312847388;
text-align: center;
}
body {
background: url("../images/background_main.jpg") no-repeat center center/cover;
background-attachment: fixed;
max-height: 118.95rem;
position: relative;
}
body::before, body::after {
content: "";
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: fixed;
top: 0;
right: 0;
}
body::before {
background-image: url("../images/before.svg");
width: 90vw;
height: 50vh;
z-index: 1;
background-position: left bottom;
background-repeat: no-repeat;
}
body::after {
background-image: url("../images/after.svg");
bottom: 0;
width: 58vw;
height: 100vh;
z-index: 3;
}
.full-image {
width: 100%;
}
.bg-white {
background-color: #fff;
position: relative;
z-index: 4;
}
.bg-blue {
background-color: #0080FF;
position: relative;
z-index: 4;
}
.lp-wrapper {
position: relative;
overflow: hidden;
}
.lp-pcnav {
position: fixed;
z-index: 10;
top: 0;
width: 35.1%;
max-width: 52.655rem;
/* transform: translateY(-50%);*/
margin-top: 4rem;
}
.lp-pcnav__logo {
margin-bottom: 4rem;
}
.lp-pcnav__list {
padding: 5rem 0 5rem 7.2rem;
position: relative;
}
.lp-pcnav__list::before, .lp-pcnav__list::after {
content: "";
background: url("../images/bg_dot.svg") no-repeat center/cover;
position: absolute;
right: 0;
left: 0;
height: .4rem;
}
.lp-pcnav__list::before {
top: 0;
}
.lp-pcnav__list::after {
bottom: 0;
}
.lp-pcnav__list li:not(:last-child) {
margin-bottom: 1.5rem;
}
.lp-pcnav__list li a {
color: #555;
font-size: 3.5rem;
line-height: .9142857143;
}
.lp-pcnav__list li a:hover{
text-decoration: underline;
}
.lp-mv {
position: relative;
}
.lp-mv pc{
display: block;
}
.lp-contents sp{
display: none;
}
.lp-contents .top-sp{
text-align: center;
background-color: #fff;
letter-spacing: 1px;
padding: 1.2px 0 2px;
font-size: 2.3rem;
font-weight: normal;
color:#073AA9;
}
.top-pc{
text-align: center;
padding: 2px 0 2px;
font-size: 2rem;
font-weight: normal;
color:#fff;
background: #073AA9;
margin: 5% 0 0;
}
@media screen and (max-width:767px) {
.lp-mv pc{
display: none;
}
.lp-contents sp{
display: block;
}
}
.lp-mv__media {
position: relative;
z-index: 4;
}
.lp-mv::before {
content: "";
background: url(../images/img_women.png) no-repeat left center/contain;
width: 73.2rem;
height: 115rem;
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
}
.lp-intro {
background: #2e3180;
background: linear-gradient(140deg, rgb(46, 49, 128) 0%, rgb(46, 49, 128) 20%, rgb(0, 152, 255) 95%, rgb(0, 152, 255) 100%);
padding: 0 2.5rem;
padding-bottom: 6.5rem;
top: -0.2rem;
}
.lp-intro__media {
position: relative;
top: -5rem;
}
.lp-intro .intro-ttl {
color: #fff;
font-size: 5rem;
font-weight: 500;
line-height: 1.44;
text-align: center;
}
.lp-intro .intro-sub {
color: #fff;
font-size: 3.7rem;
font-weight: 500;
line-height: 1.3243243243;
text-align: center;
margin-bottom: 1rem;
}
.lp-intro .intro-txt {
color: #fff;
font-size: 3rem;
line-height: 1.4666666667;
margin-top: 2rem;
}
.lp-price {
padding: 8rem 2.5rem 4rem;
}
.lp-price__ttl {
max-width: 14.028rem;
margin: 0 auto 1rem;
padding-top: 4rem;
}
.lp-price__txt {
font-size: 3.3rem;
line-height: 1.6363636364;
margin-top: 6rem;
}
.lp-store {
padding: 4rem 2.5rem 2rem;
}
.lp-store__txt {
font-size: 3rem;
line-height: 1.5;
text-align: center;
margin-top: 4.5rem;
}
.lp-store__txt span {
background: #fcfae5;
background: linear-gradient(0deg, #FFFFA4 50%, rgba(255, 255, 255, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fcfae5", endColorstr="#ffffff", GradientType=1);
}
.lp-btn {
display: block;
margin-top: 4.5rem;
position: relative;
min-height: 16.777rem;
}
.lp-btn span {
transition: all .3s;
position: absolute;
top: 0;
right: 0;
left: 0;
}
.lp-btn .hv {
opacity: 0;
visibility: hidden;
}
.lp-btn:hover .df {
opacity: 0.7;
visibility: hidden;
}
.lp-btn:hover .hv {
opacity: 1;
visibility: visible;
}
.lp-table {
padding-top: 2rem 0 4.5rem;
}
.lp-table .table tr th {
width: 9.5rem;
}
.lp-table .table tr th p {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: mixed;
white-space: nowrap;
}
.lp-table .table tr td p {
font-size: 3rem;
line-height: 1.3666666667;
}
.lp-table .table tr td small {
display: block;
font-size: 1.7rem;
line-height: 1.5;
}
.lp-table__btn {
padding-right: 2.5rem;
padding-left: 2.5rem;
}
.lp-faq {
padding: 4.5rem 3rem 5rem;
}
.lp-faq .hline01 {
margin-bottom: 4rem;
}
/*
.accordion-item {
border-top: 1px solid #003397;
padding-top: 2rem;
}*/
.accordion-item:last-child {
border-bottom: 1px solid #003397;
}
.accordion-item.is-open .accordion-item__head .arrow {
transform: translateY(-50%) rotate(90deg);
transition: all .3s;
}
.accordion-item.is-open .accordion-item__content {
display: block;
}
.accordion-item__content {
display: none;
}
.accordion-item__head {
color: #003397;
cursor: pointer;
font-size: 3rem;
line-height: 1.3666666667;
font-weight: 500;
position: relative;
padding-bottom: 2rem;
}
.accordion-item__head .arrow {
content: "";
width: .995rem;
height: 1.989rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 3rem;
margin-top: -1rem;
transition: all .3s;
}
.accordion-item__head .icn {
background: url("../images/bg_q.svg") no-repeat center/contain;
color: #fff;
font-size: 3rem;
font-weight: normal;
width: 6.3rem;
height: 6.3rem;
line-height: 6rem;
display: inline-block;
vertical-align: middle;
text-align: center;
margin-right: 2rem;
}
.accordion-item__box {
background-color: #f2f2f2;
position: relative;
display: flex;
align-items: flex-start;
font-size: 2rem;
line-height: 1.5;
padding: 1.8rem;
margin-left: 7rem;
}
.accordion-item__box .icn {
color: #ff7d79;
font-size: 3rem;
display: inline-block;
vertical-align: middle;
margin-right: 2rem;
line-height: 1;
}
.lp-map {
height: 36rem;
margin: 1.4rem 0;
}
.lp-map iframe {
width: 100%;
height: 100%;
}
@media (min-width: 576px) {
.d-sm-none {
display: none !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: flex !important;
}
.flex-sm-row {
flex-direction: row !important;
}
.flex-sm-column {
flex-direction: column !important;
}
.flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.flex-sm-auto {
flex: 0 auto !important;
}
.justify-content-sm-start {
justify-content: flex-start !important;
}
.justify-content-sm-end {
justify-content: flex-end !important;
}
.justify-content-sm-center {
justify-content: center !important;
}
.justify-content-sm-between {
justify-content: space-between !important;
}
.justify-content-sm-around {
justify-content: space-around !important;
}
.align-items-sm-start {
align-items: flex-start !important;
}
.align-items-sm-end {
align-items: flex-end !important;
}
.align-items-sm-center {
align-items: center !important;
}
.align-items-sm-baseline {
align-items: baseline !important;
}
.align-items-sm-stretch {
align-items: stretch !important;
}
.align-content-sm-start {
align-content: flex-start !important;
}
.align-content-sm-end {
align-content: flex-end !important;
}
.align-content-sm-center {
align-content: center !important;
}
.align-content-sm-between {
align-content: space-between !important;
}
.align-content-sm-around {
align-content: space-around !important;
}
.align-content-sm-stretch {
align-content: stretch !important;
}
.align-self-sm-auto {
align-self: auto !important;
}
.align-self-sm-start {
align-self: flex-start !important;
}
.align-self-sm-end {
align-self: flex-end !important;
}
.align-self-sm-center {
align-self: center !important;
}
.align-self-sm-baseline {
align-self: baseline !important;
}
.align-self-sm-stretch {
align-self: stretch !important;
}
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0, .my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0, .mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0, .my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0, .mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-5 {
margin: .5rem !important;
}
.mt-sm-5, .my-sm-5 {
margin-top: .5rem !important;
}
.mr-sm-5, .mx-sm-5 {
margin-right: .5rem !important;
}
.mb-sm-5, .my-sm-5 {
margin-bottom: .5rem !important;
}
.ml-sm-5, .mx-sm-5 {
margin-left: .5rem !important;
}
.m-sm-10 {
margin: 1rem !important;
}
.mt-sm-10, .my-sm-10 {
margin-top: 1rem !important;
}
.mr-sm-10, .mx-sm-10 {
margin-right: 1rem !important;
}
.mb-sm-10, .my-sm-10 {
margin-bottom: 1rem !important;
}
.ml-sm-10, .mx-sm-10 {
margin-left: 1rem !important;
}
.m-sm-20 {
margin: 2rem !important;
}
.mt-sm-20, .my-sm-20 {
margin-top: 2rem !important;
}
.mr-sm-20, .mx-sm-20 {
margin-right: 2rem !important;
}
.mb-sm-20, .my-sm-20 {
margin-bottom: 2rem !important;
}
.ml-sm-20, .mx-sm-20 {
margin-left: 2rem !important;
}
.m-sm-30 {
margin: 3rem !important;
}
.mt-sm-30, .my-sm-30 {
margin-top: 3rem !important;
}
.mr-sm-30, .mx-sm-30 {
margin-right: 3rem !important;
}
.mb-sm-30, .my-sm-30 {
margin-bottom: 3rem !important;
}
.ml-sm-30, .mx-sm-30 {
margin-left: 3rem !important;
}
.m-sm-40 {
margin: 4rem !important;
}
.mt-sm-40, .my-sm-40 {
margin-top: 4rem !important;
}
.mr-sm-40, .mx-sm-40 {
margin-right: 4rem !important;
}
.mb-sm-40, .my-sm-40 {
margin-bottom: 4rem !important;
}
.ml-sm-40, .mx-sm-40 {
margin-left: 4rem !important;
}
.m-sm-50 {
margin: 5rem !important;
}
.mt-sm-50, .my-sm-50 {
margin-top: 5rem !important;
}
.mr-sm-50, .mx-sm-50 {
margin-right: 5rem !important;
}
.mb-sm-50, .my-sm-50 {
margin-bottom: 5rem !important;
}
.ml-sm-50, .mx-sm-50 {
margin-left: 5rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0, .py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0, .px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0, .py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0, .px-sm-0 {
padding-left: 0 !important;
}
.p-sm-5 {
padding: .5rem !important;
}
.pt-sm-5, .py-sm-5 {
padding-top: .5rem !important;
}
.pr-sm-5, .px-sm-5 {
padding-right: .5rem !important;
}
.pb-sm-5, .py-sm-5 {
padding-bottom: .5rem !important;
}
.pl-sm-5, .px-sm-5 {
padding-left: .5rem !important;
}
.p-sm-10 {
padding: 1rem !important;
}
.pt-sm-10, .py-sm-10 {
padding-top: 1rem !important;
}
.pr-sm-10, .px-sm-10 {
padding-right: 1rem !important;
}
.pb-sm-10, .py-sm-10 {
padding-bottom: 1rem !important;
}
.pl-sm-10, .px-sm-10 {
padding-left: 1rem !important;
}
.p-sm-20 {
padding: 2rem !important;
}
.pt-sm-20, .py-sm-20 {
padding-top: 2rem !important;
}
.pr-sm-20, .px-sm-20 {
padding-right: 2rem !important;
}
.pb-sm-20, .py-sm-20 {
padding-bottom: 2rem !important;
}
.pl-sm-20, .px-sm-20 {
padding-left: 2rem !important;
}
.p-sm-30 {
padding: 3rem !important;
}
.pt-sm-30, .py-sm-30 {
padding-top: 3rem !important;
}
.pr-sm-30, .px-sm-30 {
padding-right: 3rem !important;
}
.pb-sm-30, .py-sm-30 {
padding-bottom: 3rem !important;
}
.pl-sm-30, .px-sm-30 {
padding-left: 3rem !important;
}
.p-sm-40 {
padding: 4rem !important;
}
.pt-sm-40, .py-sm-40 {
padding-top: 4rem !important;
}
.pr-sm-40, .px-sm-40 {
padding-right: 4rem !important;
}
.pb-sm-40, .py-sm-40 {
padding-bottom: 4rem !important;
}
.pl-sm-40, .px-sm-40 {
padding-left: 4rem !important;
}
.p-sm-50 {
padding: 5rem !important;
}
.pt-sm-50, .py-sm-50 {
padding-top: 5rem !important;
}
.pr-sm-50, .px-sm-50 {
padding-right: 5rem !important;
}
.pb-sm-50, .py-sm-50 {
padding-bottom: 5rem !important;
}
.pl-sm-50, .px-sm-50 {
padding-left: 5rem !important;
}
.m-sm-n5 {
margin: -0.5rem !important;
}
.mt-sm-n5, .my-sm-n5 {
margin-top: -0.5rem !important;
}
.mr-sm-n5, .mx-sm-n5 {
margin-right: -0.5rem !important;
}
.mb-sm-n5, .my-sm-n5 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n5, .mx-sm-n5 {
margin-left: -0.5rem !important;
}
.m-sm-n10 {
margin: -1rem !important;
}
.mt-sm-n10, .my-sm-n10 {
margin-top: -1rem !important;
}
.mr-sm-n10, .mx-sm-n10 {
margin-right: -1rem !important;
}
.mb-sm-n10, .my-sm-n10 {
margin-bottom: -1rem !important;
}
.ml-sm-n10, .mx-sm-n10 {
margin-left: -1rem !important;
}
.m-sm-n20 {
margin: -2rem !important;
}
.mt-sm-n20, .my-sm-n20 {
margin-top: -2rem !important;
}
.mr-sm-n20, .mx-sm-n20 {
margin-right: -2rem !important;
}
.mb-sm-n20, .my-sm-n20 {
margin-bottom: -2rem !important;
}
.ml-sm-n20, .mx-sm-n20 {
margin-left: -2rem !important;
}
.m-sm-n30 {
margin: -3rem !important;
}
.mt-sm-n30, .my-sm-n30 {
margin-top: -3rem !important;
}
.mr-sm-n30, .mx-sm-n30 {
margin-right: -3rem !important;
}
.mb-sm-n30, .my-sm-n30 {
margin-bottom: -3rem !important;
}
.ml-sm-n30, .mx-sm-n30 {
margin-left: -3rem !important;
}
.m-sm-n40 {
margin: -4rem !important;
}
.mt-sm-n40, .my-sm-n40 {
margin-top: -4rem !important;
}
.mr-sm-n40, .mx-sm-n40 {
margin-right: -4rem !important;
}
.mb-sm-n40, .my-sm-n40 {
margin-bottom: -4rem !important;
}
.ml-sm-n40, .mx-sm-n40 {
margin-left: -4rem !important;
}
.m-sm-n50 {
margin: -5rem !important;
}
.mt-sm-n50, .my-sm-n50 {
margin-top: -5rem !important;
}
.mr-sm-n50, .mx-sm-n50 {
margin-right: -5rem !important;
}
.mb-sm-n50, .my-sm-n50 {
margin-bottom: -5rem !important;
}
.ml-sm-n50, .mx-sm-n50 {
margin-left: -5rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto, .my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto, .mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto, .my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto, .mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
html {
font-size: .5vw;
}
.d-md-none {
display: none !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: flex !important;
}
.flex-md-row {
flex-direction: row !important;
}
.flex-md-column {
flex-direction: column !important;
}
.flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.flex-md-wrap {
flex-wrap: wrap !important;
}
.flex-md-nowrap {
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
flex-grow: 0 !important;
}
.flex-md-grow-1 {
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.flex-md-auto {
flex: 0 auto !important;
}
.justify-content-md-start {
justify-content: flex-start !important;
}
.justify-content-md-end {
justify-content: flex-end !important;
}
.justify-content-md-center {
justify-content: center !important;
}
.justify-content-md-between {
justify-content: space-between !important;
}
.justify-content-md-around {
justify-content: space-around !important;
}
.align-items-md-start {
align-items: flex-start !important;
}
.align-items-md-end {
align-items: flex-end !important;
}
.align-items-md-center {
align-items: center !important;
}
.align-items-md-baseline {
align-items: baseline !important;
}
.align-items-md-stretch {
align-items: stretch !important;
}
.align-content-md-start {
align-content: flex-start !important;
}
.align-content-md-end {
align-content: flex-end !important;
}
.align-content-md-center {
align-content: center !important;
}
.align-content-md-between {
align-content: space-between !important;
}
.align-content-md-around {
align-content: space-around !important;
}
.align-content-md-stretch {
align-content: stretch !important;
}
.align-self-md-auto {
align-self: auto !important;
}
.align-self-md-start {
align-self: flex-start !important;
}
.align-self-md-end {
align-self: flex-end !important;
}
.align-self-md-center {
align-self: center !important;
}
.align-self-md-baseline {
align-self: baseline !important;
}
.align-self-md-stretch {
align-self: stretch !important;
}
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
.m-md-0 {
margin: 0 !important;
}
.mt-md-0, .my-md-0 {
margin-top: 0 !important;
}
.mr-md-0, .mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0, .my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0, .mx-md-0 {
margin-left: 0 !important;
}
.m-md-5 {
margin: .5rem !important;
}
.mt-md-5, .my-md-5 {
margin-top: .5rem !important;
}
.mr-md-5, .mx-md-5 {
margin-right: .5rem !important;
}
.mb-md-5, .my-md-5 {
margin-bottom: .5rem !important;
}
.ml-md-5, .mx-md-5 {
margin-left: .5rem !important;
}
.m-md-10 {
margin: 1rem !important;
}
.mt-md-10, .my-md-10 {
margin-top: 1rem !important;
}
.mr-md-10, .mx-md-10 {
margin-right: 1rem !important;
}
.mb-md-10, .my-md-10 {
margin-bottom: 1rem !important;
}
.ml-md-10, .mx-md-10 {
margin-left: 1rem !important;
}
.m-md-20 {
margin: 2rem !important;
}
.mt-md-20, .my-md-20 {
margin-top: 2rem !important;
}
.mr-md-20, .mx-md-20 {
margin-right: 2rem !important;
}
.mb-md-20, .my-md-20 {
margin-bottom: 2rem !important;
}
.ml-md-20, .mx-md-20 {
margin-left: 2rem !important;
}
.m-md-30 {
margin: 3rem !important;
}
.mt-md-30, .my-md-30 {
margin-top: 3rem !important;
}
.mr-md-30, .mx-md-30 {
margin-right: 3rem !important;
}
.mb-md-30, .my-md-30 {
margin-bottom: 3rem !important;
}
.ml-md-30, .mx-md-30 {
margin-left: 3rem !important;
}
.m-md-40 {
margin: 4rem !important;
}
.mt-md-40, .my-md-40 {
margin-top: 4rem !important;
}
.mr-md-40, .mx-md-40 {
margin-right: 4rem !important;
}
.mb-md-40, .my-md-40 {
margin-bottom: 4rem !important;
}
.ml-md-40, .mx-md-40 {
margin-left: 4rem !important;
}
.m-md-50 {
margin: 5rem !important;
}
.mt-md-50, .my-md-50 {
margin-top: 5rem !important;
}
.mr-md-50, .mx-md-50 {
margin-right: 5rem !important;
}
.mb-md-50, .my-md-50 {
margin-bottom: 5rem !important;
}
.ml-md-50, .mx-md-50 {
margin-left: 5rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0, .py-md-0 {
padding-top: 0 !important;
}
.pr-md-0, .px-md-0 {
padding-right: 0 !important;
}
.pb-md-0, .py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0, .px-md-0 {
padding-left: 0 !important;
}
.p-md-5 {
padding: .5rem !important;
}
.pt-md-5, .py-md-5 {
padding-top: .5rem !important;
}
.pr-md-5, .px-md-5 {
padding-right: .5rem !important;
}
.pb-md-5, .py-md-5 {
padding-bottom: .5rem !important;
}
.pl-md-5, .px-md-5 {
padding-left: .5rem !important;
}
.p-md-10 {
padding: 1rem !important;
}
.pt-md-10, .py-md-10 {
padding-top: 1rem !important;
}
.pr-md-10, .px-md-10 {
padding-right: 1rem !important;
}
.pb-md-10, .py-md-10 {
padding-bottom: 1rem !important;
}
.pl-md-10, .px-md-10 {
padding-left: 1rem !important;
}
.p-md-20 {
padding: 2rem !important;
}
.pt-md-20, .py-md-20 {
padding-top: 2rem !important;
}
.pr-md-20, .px-md-20 {
padding-right: 2rem !important;
}
.pb-md-20, .py-md-20 {
padding-bottom: 2rem !important;
}
.pl-md-20, .px-md-20 {
padding-left: 2rem !important;
}
.p-md-30 {
padding: 3rem !important;
}
.pt-md-30, .py-md-30 {
padding-top: 3rem !important;
}
.pr-md-30, .px-md-30 {
padding-right: 3rem !important;
}
.pb-md-30, .py-md-30 {
padding-bottom: 3rem !important;
}
.pl-md-30, .px-md-30 {
padding-left: 3rem !important;
}
.p-md-40 {
padding: 4rem !important;
}
.pt-md-40, .py-md-40 {
padding-top: 4rem !important;
}
.pr-md-40, .px-md-40 {
padding-right: 4rem !important;
}
.pb-md-40, .py-md-40 {
padding-bottom: 4rem !important;
}
.pl-md-40, .px-md-40 {
padding-left: 4rem !important;
}
.p-md-50 {
padding: 5rem !important;
}
.pt-md-50, .py-md-50 {
padding-top: 5rem !important;
}
.pr-md-50, .px-md-50 {
padding-right: 5rem !important;
}
.pb-md-50, .py-md-50 {
padding-bottom: 5rem !important;
}
.pl-md-50, .px-md-50 {
padding-left: 5rem !important;
}
.m-md-n5 {
margin: -0.5rem !important;
}
.mt-md-n5, .my-md-n5 {
margin-top: -0.5rem !important;
}
.mr-md-n5, .mx-md-n5 {
margin-right: -0.5rem !important;
}
.mb-md-n5, .my-md-n5 {
margin-bottom: -0.5rem !important;
}
.ml-md-n5, .mx-md-n5 {
margin-left: -0.5rem !important;
}
.m-md-n10 {
margin: -1rem !important;
}
.mt-md-n10, .my-md-n10 {
margin-top: -1rem !important;
}
.mr-md-n10, .mx-md-n10 {
margin-right: -1rem !important;
}
.mb-md-n10, .my-md-n10 {
margin-bottom: -1rem !important;
}
.ml-md-n10, .mx-md-n10 {
margin-left: -1rem !important;
}
.m-md-n20 {
margin: -2rem !important;
}
.mt-md-n20, .my-md-n20 {
margin-top: -2rem !important;
}
.mr-md-n20, .mx-md-n20 {
margin-right: -2rem !important;
}
.mb-md-n20, .my-md-n20 {
margin-bottom: -2rem !important;
}
.ml-md-n20, .mx-md-n20 {
margin-left: -2rem !important;
}
.m-md-n30 {
margin: -3rem !important;
}
.mt-md-n30, .my-md-n30 {
margin-top: -3rem !important;
}
.mr-md-n30, .mx-md-n30 {
margin-right: -3rem !important;
}
.mb-md-n30, .my-md-n30 {
margin-bottom: -3rem !important;
}
.ml-md-n30, .mx-md-n30 {
margin-left: -3rem !important;
}
.m-md-n40 {
margin: -4rem !important;
}
.mt-md-n40, .my-md-n40 {
margin-top: -4rem !important;
}
.mr-md-n40, .mx-md-n40 {
margin-right: -4rem !important;
}
.mb-md-n40, .my-md-n40 {
margin-bottom: -4rem !important;
}
.ml-md-n40, .mx-md-n40 {
margin-left: -4rem !important;
}
.m-md-n50 {
margin: -5rem !important;
}
.mt-md-n50, .my-md-n50 {
margin-top: -5rem !important;
}
.mr-md-n50, .mx-md-n50 {
margin-right: -5rem !important;
}
.mb-md-n50, .my-md-n50 {
margin-bottom: -5rem !important;
}
.ml-md-n50, .mx-md-n50 {
margin-left: -5rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto, .my-md-auto {
margin-top: auto !important;
}
.mr-md-auto, .mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto, .my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto, .mx-md-auto {
margin-left: auto !important;
}
.lp-footer {
padding-bottom: 2.7rem !important;
}
.lp-footer__logo li.btn {
min-height: 7.5rem;
}
.lp-footer__logo li.btn a span {
transition: all .3s;
position: absolute;
top: 0;
right: 0;
left: 0;
}
.lp-footer__logo li.btn a .hv {
opacity: 0;
visibility: hidden;
}
.lp-footer__logo li.btn a:hover .df {
opacity: 0;
visibility: hidden;
}
.lp-footer__logo li.btn a:hover .hv {
opacity: 1;
visibility: visible;
}
.lp-wrapper {
max-width: 162.61rem;
margin: 0 auto;
}
.lp-main {
max-width: 97.57rem;
margin-left: auto;
}
.lp-mv {
padding: 2rem 0 2rem;
}
.lp-mv__media {
/*max-width: 97.57rem;*/
max-width: 84.57rem;
margin: 0 auto;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: flex !important;
}
.flex-lg-row {
flex-direction: row !important;
}
.flex-lg-column {
flex-direction: column !important;
}
.flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.flex-lg-auto {
flex: 0 auto !important;
}
.justify-content-lg-start {
justify-content: flex-start !important;
}
.justify-content-lg-end {
justify-content: flex-end !important;
}
.justify-content-lg-center {
justify-content: center !important;
}
.justify-content-lg-between {
justify-content: space-between !important;
}
.justify-content-lg-around {
justify-content: space-around !important;
}
.align-items-lg-start {
align-items: flex-start !important;
}
.align-items-lg-end {
align-items: flex-end !important;
}
.align-items-lg-center {
align-items: center !important;
}
.align-items-lg-baseline {
align-items: baseline !important;
}
.align-items-lg-stretch {
align-items: stretch !important;
}
.align-content-lg-start {
align-content: flex-start !important;
}
.align-content-lg-end {
align-content: flex-end !important;
}
.align-content-lg-center {
align-content: center !important;
}
.align-content-lg-between {
align-content: space-between !important;
}
.align-content-lg-around {
align-content: space-around !important;
}
.align-content-lg-stretch {
align-content: stretch !important;
}
.align-self-lg-auto {
align-self: auto !important;
}
.align-self-lg-start {
align-self: flex-start !important;
}
.align-self-lg-end {
align-self: flex-end !important;
}
.align-self-lg-center {
align-self: center !important;
}
.align-self-lg-baseline {
align-self: baseline !important;
}
.align-self-lg-stretch {
align-self: stretch !important;
}
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0, .my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0, .mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0, .my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0, .mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-5 {
margin: .5rem !important;
}
.mt-lg-5, .my-lg-5 {
margin-top: .5rem !important;
}
.mr-lg-5, .mx-lg-5 {
margin-right: .5rem !important;
}
.mb-lg-5, .my-lg-5 {
margin-bottom: .5rem !important;
}
.ml-lg-5, .mx-lg-5 {
margin-left: .5rem !important;
}
.m-lg-10 {
margin: 1rem !important;
}
.mt-lg-10, .my-lg-10 {
margin-top: 1rem !important;
}
.mr-lg-10, .mx-lg-10 {
margin-right: 1rem !important;
}
.mb-lg-10, .my-lg-10 {
margin-bottom: 1rem !important;
}
.ml-lg-10, .mx-lg-10 {
margin-left: 1rem !important;
}
.m-lg-20 {
margin: 2rem !important;
}
.mt-lg-20, .my-lg-20 {
margin-top: 2rem !important;
}
.mr-lg-20, .mx-lg-20 {
margin-right: 2rem !important;
}
.mb-lg-20, .my-lg-20 {
margin-bottom: 2rem !important;
}
.ml-lg-20, .mx-lg-20 {
margin-left: 2rem !important;
}
.m-lg-30 {
margin: 3rem !important;
}
.mt-lg-30, .my-lg-30 {
margin-top: 3rem !important;
}
.mr-lg-30, .mx-lg-30 {
margin-right: 3rem !important;
}
.mb-lg-30, .my-lg-30 {
margin-bottom: 3rem !important;
}
.ml-lg-30, .mx-lg-30 {
margin-left: 3rem !important;
}
.m-lg-40 {
margin: 4rem !important;
}
.mt-lg-40, .my-lg-40 {
margin-top: 4rem !important;
}
.mr-lg-40, .mx-lg-40 {
margin-right: 4rem !important;
}
.mb-lg-40, .my-lg-40 {
margin-bottom: 4rem !important;
}
.ml-lg-40, .mx-lg-40 {
margin-left: 4rem !important;
}
.m-lg-50 {
margin: 5rem !important;
}
.mt-lg-50, .my-lg-50 {
margin-top: 5rem !important;
}
.mr-lg-50, .mx-lg-50 {
margin-right: 5rem !important;
}
.mb-lg-50, .my-lg-50 {
margin-bottom: 5rem !important;
}
.ml-lg-50, .mx-lg-50 {
margin-left: 5rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0, .py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0, .px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0, .py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0, .px-lg-0 {
padding-left: 0 !important;
}
.p-lg-5 {
padding: .5rem !important;
}
.pt-lg-5, .py-lg-5 {
padding-top: .5rem !important;
}
.pr-lg-5, .px-lg-5 {
padding-right: .5rem !important;
}
.pb-lg-5, .py-lg-5 {
padding-bottom: .5rem !important;
}
.pl-lg-5, .px-lg-5 {
padding-left: .5rem !important;
}
.p-lg-10 {
padding: 1rem !important;
}
.pt-lg-10, .py-lg-10 {
padding-top: 1rem !important;
}
.pr-lg-10, .px-lg-10 {
padding-right: 1rem !important;
}
.pb-lg-10, .py-lg-10 {
padding-bottom: 1rem !important;
}
.pl-lg-10, .px-lg-10 {
padding-left: 1rem !important;
}
.p-lg-20 {
padding: 2rem !important;
}
.pt-lg-20, .py-lg-20 {
padding-top: 2rem !important;
}
.pr-lg-20, .px-lg-20 {
padding-right: 2rem !important;
}
.pb-lg-20, .py-lg-20 {
padding-bottom: 2rem !important;
}
.pl-lg-20, .px-lg-20 {
padding-left: 2rem !important;
}
.p-lg-30 {
padding: 3rem !important;
}
.pt-lg-30, .py-lg-30 {
padding-top: 3rem !important;
}
.pr-lg-30, .px-lg-30 {
padding-right: 3rem !important;
}
.pb-lg-30, .py-lg-30 {
padding-bottom: 3rem !important;
}
.pl-lg-30, .px-lg-30 {
padding-left: 3rem !important;
}
.p-lg-40 {
padding: 4rem !important;
}
.pt-lg-40, .py-lg-40 {
padding-top: 4rem !important;
}
.pr-lg-40, .px-lg-40 {
padding-right: 4rem !important;
}
.pb-lg-40, .py-lg-40 {
padding-bottom: 4rem !important;
}
.pl-lg-40, .px-lg-40 {
padding-left: 4rem !important;
}
.p-lg-50 {
padding: 5rem !important;
}
.pt-lg-50, .py-lg-50 {
padding-top: 5rem !important;
}
.pr-lg-50, .px-lg-50 {
padding-right: 5rem !important;
}
.pb-lg-50, .py-lg-50 {
padding-bottom: 5rem !important;
}
.pl-lg-50, .px-lg-50 {
padding-left: 5rem !important;
}
.m-lg-n5 {
margin: -0.5rem !important;
}
.mt-lg-n5, .my-lg-n5 {
margin-top: -0.5rem !important;
}
.mr-lg-n5, .mx-lg-n5 {
margin-right: -0.5rem !important;
}
.mb-lg-n5, .my-lg-n5 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n5, .mx-lg-n5 {
margin-left: -0.5rem !important;
}
.m-lg-n10 {
margin: -1rem !important;
}
.mt-lg-n10, .my-lg-n10 {
margin-top: -1rem !important;
}
.mr-lg-n10, .mx-lg-n10 {
margin-right: -1rem !important;
}
.mb-lg-n10, .my-lg-n10 {
margin-bottom: -1rem !important;
}
.ml-lg-n10, .mx-lg-n10 {
margin-left: -1rem !important;
}
.m-lg-n20 {
margin: -2rem !important;
}
.mt-lg-n20, .my-lg-n20 {
margin-top: -2rem !important;
}
.mr-lg-n20, .mx-lg-n20 {
margin-right: -2rem !important;
}
.mb-lg-n20, .my-lg-n20 {
margin-bottom: -2rem !important;
}
.ml-lg-n20, .mx-lg-n20 {
margin-left: -2rem !important;
}
.m-lg-n30 {
margin: -3rem !important;
}
.mt-lg-n30, .my-lg-n30 {
margin-top: -3rem !important;
}
.mr-lg-n30, .mx-lg-n30 {
margin-right: -3rem !important;
}
.mb-lg-n30, .my-lg-n30 {
margin-bottom: -3rem !important;
}
.ml-lg-n30, .mx-lg-n30 {
margin-left: -3rem !important;
}
.m-lg-n40 {
margin: -4rem !important;
}
.mt-lg-n40, .my-lg-n40 {
margin-top: -4rem !important;
}
.mr-lg-n40, .mx-lg-n40 {
margin-right: -4rem !important;
}
.mb-lg-n40, .my-lg-n40 {
margin-bottom: -4rem !important;
}
.ml-lg-n40, .mx-lg-n40 {
margin-left: -4rem !important;
}
.m-lg-n50 {
margin: -5rem !important;
}
.mt-lg-n50, .my-lg-n50 {
margin-top: -5rem !important;
}
.mr-lg-n50, .mx-lg-n50 {
margin-right: -5rem !important;
}
.mb-lg-n50, .my-lg-n50 {
margin-bottom: -5rem !important;
}
.ml-lg-n50, .mx-lg-n50 {
margin-left: -5rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto, .my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto, .mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto, .my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto, .mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: flex !important;
}
.flex-xl-row {
flex-direction: row !important;
}
.flex-xl-column {
flex-direction: column !important;
}
.flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.flex-xl-auto {
flex: 0 auto !important;
}
.justify-content-xl-start {
justify-content: flex-start !important;
}
.justify-content-xl-end {
justify-content: flex-end !important;
}
.justify-content-xl-center {
justify-content: center !important;
}
.justify-content-xl-between {
justify-content: space-between !important;
}
.justify-content-xl-around {
justify-content: space-around !important;
}
.align-items-xl-start {
align-items: flex-start !important;
}
.align-items-xl-end {
align-items: flex-end !important;
}
.align-items-xl-center {
align-items: center !important;
}
.align-items-xl-baseline {
align-items: baseline !important;
}
.align-items-xl-stretch {
align-items: stretch !important;
}
.align-content-xl-start {
align-content: flex-start !important;
}
.align-content-xl-end {
align-content: flex-end !important;
}
.align-content-xl-center {
align-content: center !important;
}
.align-content-xl-between {
align-content: space-between !important;
}
.align-content-xl-around {
align-content: space-around !important;
}
.align-content-xl-stretch {
align-content: stretch !important;
}
.align-self-xl-auto {
align-self: auto !important;
}
.align-self-xl-start {
align-self: flex-start !important;
}
.align-self-xl-end {
align-self: flex-end !important;
}
.align-self-xl-center {
align-self: center !important;
}
.align-self-xl-baseline {
align-self: baseline !important;
}
.align-self-xl-stretch {
align-self: stretch !important;
}
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0, .my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0, .mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0, .my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0, .mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-5 {
margin: .5rem !important;
}
.mt-xl-5, .my-xl-5 {
margin-top: .5rem !important;
}
.mr-xl-5, .mx-xl-5 {
margin-right: .5rem !important;
}
.mb-xl-5, .my-xl-5 {
margin-bottom: .5rem !important;
}
.ml-xl-5, .mx-xl-5 {
margin-left: .5rem !important;
}
.m-xl-10 {
margin: 1rem !important;
}
.mt-xl-10, .my-xl-10 {
margin-top: 1rem !important;
}
.mr-xl-10, .mx-xl-10 {
margin-right: 1rem !important;
}
.mb-xl-10, .my-xl-10 {
margin-bottom: 1rem !important;
}
.ml-xl-10, .mx-xl-10 {
margin-left: 1rem !important;
}
.m-xl-20 {
margin: 2rem !important;
}
.mt-xl-20, .my-xl-20 {
margin-top: 2rem !important;
}
.mr-xl-20, .mx-xl-20 {
margin-right: 2rem !important;
}
.mb-xl-20, .my-xl-20 {
margin-bottom: 2rem !important;
}
.ml-xl-20, .mx-xl-20 {
margin-left: 2rem !important;
}
.m-xl-30 {
margin: 3rem !important;
}
.mt-xl-30, .my-xl-30 {
margin-top: 3rem !important;
}
.mr-xl-30, .mx-xl-30 {
margin-right: 3rem !important;
}
.mb-xl-30, .my-xl-30 {
margin-bottom: 3rem !important;
}
.ml-xl-30, .mx-xl-30 {
margin-left: 3rem !important;
}
.m-xl-40 {
margin: 4rem !important;
}
.mt-xl-40, .my-xl-40 {
margin-top: 4rem !important;
}
.mr-xl-40, .mx-xl-40 {
margin-right: 4rem !important;
}
.mb-xl-40, .my-xl-40 {
margin-bottom: 4rem !important;
}
.ml-xl-40, .mx-xl-40 {
margin-left: 4rem !important;
}
.m-xl-50 {
margin: 5rem !important;
}
.mt-xl-50, .my-xl-50 {
margin-top: 5rem !important;
}
.mr-xl-50, .mx-xl-50 {
margin-right: 5rem !important;
}
.mb-xl-50, .my-xl-50 {
margin-bottom: 5rem !important;
}
.ml-xl-50, .mx-xl-50 {
margin-left: 5rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0, .py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0, .px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0, .py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0, .px-xl-0 {
padding-left: 0 !important;
}
.p-xl-5 {
padding: .5rem !important;
}
.pt-xl-5, .py-xl-5 {
padding-top: .5rem !important;
}
.pr-xl-5, .px-xl-5 {
padding-right: .5rem !important;
}
.pb-xl-5, .py-xl-5 {
padding-bottom: .5rem !important;
}
.pl-xl-5, .px-xl-5 {
padding-left: .5rem !important;
}
.p-xl-10 {
padding: 1rem !important;
}
.pt-xl-10, .py-xl-10 {
padding-top: 1rem !important;
}
.pr-xl-10, .px-xl-10 {
padding-right: 1rem !important;
}
.pb-xl-10, .py-xl-10 {
padding-bottom: 1rem !important;
}
.pl-xl-10, .px-xl-10 {
padding-left: 1rem !important;
}
.p-xl-20 {
padding: 2rem !important;
}
.pt-xl-20, .py-xl-20 {
padding-top: 2rem !important;
}
.pr-xl-20, .px-xl-20 {
padding-right: 2rem !important;
}
.pb-xl-20, .py-xl-20 {
padding-bottom: 2rem !important;
}
.pl-xl-20, .px-xl-20 {
padding-left: 2rem !important;
}
.p-xl-30 {
padding: 3rem !important;
}
.pt-xl-30, .py-xl-30 {
padding-top: 3rem !important;
}
.pr-xl-30, .px-xl-30 {
padding-right: 3rem !important;
}
.pb-xl-30, .py-xl-30 {
padding-bottom: 3rem !important;
}
.pl-xl-30, .px-xl-30 {
padding-left: 3rem !important;
}
.p-xl-40 {
padding: 4rem !important;
}
.pt-xl-40, .py-xl-40 {
padding-top: 4rem !important;
}
.pr-xl-40, .px-xl-40 {
padding-right: 4rem !important;
}
.pb-xl-40, .py-xl-40 {
padding-bottom: 4rem !important;
}
.pl-xl-40, .px-xl-40 {
padding-left: 4rem !important;
}
.p-xl-50 {
padding: 5rem !important;
}
.pt-xl-50, .py-xl-50 {
padding-top: 5rem !important;
}
.pr-xl-50, .px-xl-50 {
padding-right: 5rem !important;
}
.pb-xl-50, .py-xl-50 {
padding-bottom: 5rem !important;
}
.pl-xl-50, .px-xl-50 {
padding-left: 5rem !important;
}
.m-xl-n5 {
margin: -0.5rem !important;
}
.mt-xl-n5, .my-xl-n5 {
margin-top: -0.5rem !important;
}
.mr-xl-n5, .mx-xl-n5 {
margin-right: -0.5rem !important;
}
.mb-xl-n5, .my-xl-n5 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n5, .mx-xl-n5 {
margin-left: -0.5rem !important;
}
.m-xl-n10 {
margin: -1rem !important;
}
.mt-xl-n10, .my-xl-n10 {
margin-top: -1rem !important;
}
.mr-xl-n10, .mx-xl-n10 {
margin-right: -1rem !important;
}
.mb-xl-n10, .my-xl-n10 {
margin-bottom: -1rem !important;
}
.ml-xl-n10, .mx-xl-n10 {
margin-left: -1rem !important;
}
.m-xl-n20 {
margin: -2rem !important;
}
.mt-xl-n20, .my-xl-n20 {
margin-top: -2rem !important;
}
.mr-xl-n20, .mx-xl-n20 {
margin-right: -2rem !important;
}
.mb-xl-n20, .my-xl-n20 {
margin-bottom: -2rem !important;
}
.ml-xl-n20, .mx-xl-n20 {
margin-left: -2rem !important;
}
.m-xl-n30 {
margin: -3rem !important;
}
.mt-xl-n30, .my-xl-n30 {
margin-top: -3rem !important;
}
.mr-xl-n30, .mx-xl-n30 {
margin-right: -3rem !important;
}
.mb-xl-n30, .my-xl-n30 {
margin-bottom: -3rem !important;
}
.ml-xl-n30, .mx-xl-n30 {
margin-left: -3rem !important;
}
.m-xl-n40 {
margin: -4rem !important;
}
.mt-xl-n40, .my-xl-n40 {
margin-top: -4rem !important;
}
.mr-xl-n40, .mx-xl-n40 {
margin-right: -4rem !important;
}
.mb-xl-n40, .my-xl-n40 {
margin-bottom: -4rem !important;
}
.ml-xl-n40, .mx-xl-n40 {
margin-left: -4rem !important;
}
.m-xl-n50 {
margin: -5rem !important;
}
.mt-xl-n50, .my-xl-n50 {
margin-top: -5rem !important;
}
.mr-xl-n50, .mx-xl-n50 {
margin-right: -5rem !important;
}
.mb-xl-n50, .my-xl-n50 {
margin-bottom: -5rem !important;
}
.ml-xl-n50, .mx-xl-n50 {
margin-left: -5rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto, .my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto, .mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto, .my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto, .mx-xl-auto {
margin-left: auto !important;
}
}
@media (max-width: 767px) {
.lp-footer__logo {
text-align: center;
padding: 0 3rem;
}
.lp-footer__logo li.btn {
margin-top: 2rem;
}
.lp-footer__logo li.btn a .hv {
display: none;
}
body::before, body::after {
display: none;
}
.lp-pcnav {
display: none;
}
.lp-mv::before {
display: none;
}
.p-fixed {
background-color: rgba(255, 255, 255, .8);
padding: .2rem;
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
transform: translate3d(0, 50rem, 0);
transition: transform .4s cubic-bezier(0.55, 0, 0.1, 1) 0s;
}
.p-fixed.is-show {
transform: translate3d(0, 0, 0);
}
.p-fixed .lp-footer__logo {
margin-top: 0;
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-10px);
}
60% {
transform: translateY(-5px);
}
}
/* ADD */
.flex {
display: flex;
justify-content: space-between;
align-items: center;
}
.line-yel {
background: linear-gradient(to bottom, transparent 20%, #ffff00 20%);
}
sup {
font-size: 70%;
}
.h-icon {
width: 20%;
margin: -22rem auto 5rem;
}
.indent-1 {
padding-left:1em;
text-indent:-1em;
}
.yellow-line {
background: linear-gradient(transparent 60%, #ffffaa 40%);
width: 350px;
}
.page-link {
background-color: #fff;
}
.page-link ul {
width: 90%;
margin: 0 auto;
padding: 30px 0;
}
.page-link ul li {
width: 30%;
}
.page-link ul li a {
display: block;
}
.page-link ul li img {
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
border-radius: 12px;
}
.lp-store {
padding: 5rem 0 10rem;
}
.lp-pcnav__list {
padding: 5rem 0 5rem 10rem;
}
.lp-pcnav .lp-pcnav__list li a {
position: relative;
font-size: 3rem;
padding: 0.1rem 0;
display: inline-block;
line-height: 1.2;
}
.lp-pcnav .lp-pcnav__list li a::before {
position: absolute;
content: "";
display: block;
background: url("../images/mv_arrow.png") left center no-repeat;
background-size: 100%;
width: 25px;
height: 25px;
left: -35px;
top: 50%;
transform: translate(0, -50%);
}
.sp {
display: block;
}
.pc {
display: none;
}
@media (min-width: 768px) {
.page-link ul li a {
transition: .3s all;
}
.page-link ul li a:hover {
margin-top: 5px;
margin-bottom: -5px;
opacity: .8;
}
.sp {
display: none;
}
.pc {
display: block;
}
}
@media (max-width: 767px) {
.page-link ul {
width: 95%;
}
.page-link ul li {
width: 32%;
}
.page-link ul li img {
border-radius: 8px;
}
.h-icon {
margin: -18rem auto 5rem;
}
}
/* #warried */
#worried .worried_bg {
background: url("../images/worried_bg.jpg") center bottom no-repeat;
background-size: cover;
padding: 7% 3% 20%;
}
#worried .worried_bg .worried01 {
margin: 0 0 5%;
}
#worried .worried03 {
margin: -22% 0 0;
}
#worried .worried03 img{
width: 100%;
}
@media screen and (max-width:767px) {
#worried .worried_bg {}
#worried .worried_bg .worried01 {}
#worried .worried03 {
margin: -22% 0 0;
}
}
/* #reason */
#reason {
background: url("../images/reason_bg.jpg") center top repeat;
background-size: contain;
background-attachment: fixed;
margin: 0 0 0;
position: relative;
z-index: 5;
padding: 0 0;
}
}
#reason .reason_tit img {
margin: 0 0;
}
#reason .imp-title img {
margin-top: 5%;
}
#reason .reason_number img {
z-index: 5;
}
#reason dl {
border-radius: 0 10px 10px 0;
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
background-color: #fff;
width: 94%;
margin: -2% 0 5%;
padding: 5% 1rem 3rem 2rem;
position: relative;
z-index: -5;
}
#reason dl dt {
margin: 0 0 5rem;
}
#reason dl dt img {
margin: -12% 0 0;
}
#reason dl dd {
margin: 0 0 0;
line-height: 1.6;
}
#reason dl dd .tit {
margin: 1rem 0 3rem;
color: #ff7e7a;
font-weight: 500;
font-size: 4rem;
}
#reason dl dd .desc {
margin: 0 0 0;
font-size: 3.2rem;
font-weight:normal;
line-height: 1.6;
padding-bottom: 20px;
}
#reason .chui {
margin: 0 2.5rem 8%;
font-size: 2rem;
}
#reason dl dd .atten {
margin: 1rem 0 0;
}
#reason dl dd .atten small {
font-size: 2rem;
}
#reason .slider_wrap .slider {
width: 94%;
margin: 0 auto;
}
#reason .slider_wrap img {
width: 100%;
}
#reason .slider_wrap .slider .slick-arrow {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 10;
width: 6%;
}
#reason .slider_wrap .slider .prev-arrow {
left: -3%;
}
#reason .slider_wrap .slider .next-arrow {
right: -3%;
}
@media screen and (max-width: 767px) {
#reason {}
#reason .chui {
font-size: 2.1rem;
}
}
/* #cause */
#cause {
background: url("../images/cause_bg.png") center bottom no-repeat;
background-size: cover;
position: relative;
z-index: 6;
margin: -1% 0 0;
padding: 0 0 129%;
}
#cause .cause_tit img {
margin: -6% 0 0;
}
#cause .cause_02 {
margin: 5% 0 0;
}
#cause .cause_03 {
margin: 5% 0 0;
}
#cause .cause_last {
position: absolute;
left: 0;
bottom: -2.7%;
}
/* #effect */
#effect {
background: url("../images/effect_bg.jpg") center top no-repeat;
background-size: cover;
margin: -20% 0 0;
position: relative;
z-index: 5;
padding: 35% 0 10%;
}
#effect h1 {
width: 100%;
margin: 0 auto 8rem;
}
#effect dl {
border-radius: 10px;
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
background-color: rgba(255, 255, 255, .4);
width: 94%;
margin: 0 auto 5rem;
padding: 3rem;
position: relative;
}
#effect dl dt {
margin: 0 0 3rem;
}
#effect dl:first-of-type dt::before {
position: absolute;
content: "";
display: block;
background: url("../images/effct01_deco.png") right top no-repeat;
background-size: 100%;
width: 34%;
height: 28vw;
right: -3%;
top: -33rem;
}
#effect dl:nth-of-type(2) dt::before {
position: absolute;
content: "";
display: block;
background: url("../images/effct02_deco.png") right top no-repeat;
background-size: 100%;
width: 26%;
height: 20vw;
right: 1%;
bottom: 25rem;
}
#effect dl dd {
margin: 0 0 0;
line-height: 1.6;
}
#effect dl dd .tit {
margin: 0 0 1rem;
font-size: 4rem;
font-weight: 600;
color: #ff7e7a;
text-align: center;
letter-spacing:5px;
}
#effect dl dd .desc {
margin: 0 0 0;
font-size: 3rem;
font-weight: normal;
}
#effect dl dd .atten {
margin: 1rem 0 0;
}
#effect dl dd .atten small {
font-size: 2rem;
}
@media screen and (max-width: 767px) {
#effect {}
#effect dl:first-of-type dt::before {
height: 60vw;
right: -3%;
top: -33%;
}
#effect dl:nth-of-type(2) dt::before {
height: 42vw;
bottom: 34rem;
}
}
/* #beforeafter */
#beforeafter {
background: url("../images/beforeafter_bg.jpg") center top no-repeat;
background-size: cover;
padding: 15% 0 15%;
}
#beforeafter h1 {
width: 61%;
margin: 0 auto;
}
#beforeafter .beforeafter_01 {
margin: 0 0 5%;
}
#beforeafter .beforeafter_02 {
margin: 0 0 5%;
}
#beforeafter .beforeafter_03 {
margin: 0 0 5%;
}
#beforeafter .atten {
color: #fff;
width: 95.555%;
margin: 5% auto 0;
font-size: 2.8rem;
}
/* #voice */
.blue-arrow{
text-align: center;
margin-bottom: 3%;
}
.blue-arrow img{
max-width: 100%;
}
#voice .voice_head {
background: url("../images/voice_bg00.png") center top no-repeat;
background-size: contain;
padding: 0% 0 30%;
z-index: 5;
position: relative;
}
#voice .voice_inner {
background-image: url("../images/voice_bg01.png");
background-position: center top;
background-repeat: repeat-y;
background-size: 100%;
position: relative;
z-index: 6;
margin: -15% 0 0;
padding: 0 0 45%;
}
#voice .voice_inner h1 {
width: 51%;
margin: 0 auto 5rem;
}
#voice .voice_box {
background: rgba(255, 255, 255, .9);
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
width: 92%;
padding: 8% 3%;
}
#voice .voice_box.left {
margin: 0 0 5rem auto;
border-radius: 190px 0 0 25px;
}
#voice .voice_box.right {
margin: 0 auto 5rem 0;
border-radius: 0 190px 25px 0;
}
#voice .voice_box .intro {
width: 95%;
margin: 0 auto 5rem;
}
#voice .voice_box.right .intro {
flex-direction: row-reverse;
}
#voice .voice_box .intro .img {
width: 42%;
}
#voice .voice_box .intro .desc {
width: 50%;
padding: 0 0 5rem;
border-bottom: 2px dashed #ff7e7a;
}
#voice .voice_box .intro .desc .sub {
color: rgba(255, 126, 122, .5);
font-size: 3.2rem;
font-weight: 500;
margin: 0 0 3rem;
}
#voice .voice_box .intro .desc .name {
font-size: 5rem;
font-weight: 500;
margin: 0 0 3rem;
}
#voice .voice_box .intro .desc .else {
display: inline-block;
}
#voice .voice_box .intro .desc .else .job {
font-size: 3rem;
font-weight: 500;
margin: 0 3rem 0 0;
}
#voice .voice_box .intro .desc .else .age {
font-size: 2.8rem;
font-weight: 500;
padding: 2px 30px;
border: 1px solid #000;
border-radius: 30px;
}
#voice .voice_box .voice_desc dt {
color: #ff7e7a;
font-weight: 600;
font-size: 4rem;
margin: 0 0 3rem;
}
#voice .voice_box .voice_desc dd {
font-weight: normal;
font-size: 3.2rem;
line-height: 1.6;
margin: 0;
}
#voice .chui {
margin: 0 2.5rem 8%;
font-size: 2rem;
}
#voice .voice_men {
background: url("../images/voice-men_bg.png") center top no-repeat;
background-size: 100%;
position: relative;
z-index: 7;
margin: -40% 0 0;
padding: 40% 0 15%;
}
#voice .voice_men .tit {
width: 95%;
margin: 0 auto 5%;
}
#voice .voice_men .chui {
margin: 0 2.5rem 0%;
font-size: 2rem;
color: #fff;
}
#voice .voice_men .case_img {
margin: 0 0 5rem;
}
#voice .voice_men .voice_box {
background-color: #fff;
}
#voice .voice_men .voice_box .voice_desc dt {
color: #466ec3;
}
#voice .voice_men .voice_box .intro .sub {
color: rgba(70, 110, 195, 0.50);
}
#voice .voice_men .voice_box .intro .desc {
border-bottom: 2px dashed #466ec3;
}
@media screen and (max-width:767px) {
#voice .voice_box.left {
border-radius: 100px 0 0 25px;
}
#voice .voice_box.right {
border-radius: 0 100px 25px 0;
}
#voice .voice_men {
background: url(../images/voice-men_bg.png) center top no-repeat;
background-size: cover;
}
#voice .chui {
font-size: 2.1rem;
}
}
/* price */
#price .price_head {
background-size: 100%;
padding: 3% 0 0%;
}
#price .price_head h1 {
width: 41%;
margin: 0 auto 6rem;
}
#price .price_head .price_bnr {
width: 95%;
margin: 0 auto;
}
#price .price_slider {
background: url("../images/price_bg.png") center bottom no-repeat;
background-size: cover;
margin: -30% 0 0;
position: relative;
padding: 30% 0 15%;
}
#price .slider_wrap .slider {
width: 94%;
margin: 0 auto;
}
#price .slider_wrap .slider .slick-arrow {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 10;
width: 10%;
}
#price .slider_wrap .slider .prev-arrow {
left: -3%;
}
#price .slider_wrap .slider .next-arrow {
right: -3%;
}
#price .price_coupon {
background-size: cover;
padding: 0 0 10%;
}
#price .price_coupon .coupon01 {
position: relative;
top: -7rem;
width: 100%;
margin: 0 auto;
}
#price .price_coupon .coupon02 {
width: 90.555%;
margin: 0 auto;
}
#price .price_coupon .desc {
font-size: 3.2rem;
text-align: center;
color: #574837;
font-weight: 500;
letter-spacing: 1px;
}
#price .price_coupon .desc span {
font-weight: 600;
text-decoration: underline;
}
#price .price_coupon .desc em {
font-size: 3.5rem;
font-style: normal;
}
#price .price_coupon .atten {
width: 90.555%;
margin: 2rem auto 0;
font-size: 2.8rem;
color: #574837;
}
#price .price_span {
background: url("../images/span_bg.jpg") center bottom no-repeat;
background-size: cover;
padding: 0 0 10%;
}
#price .price_span .tit {
position: relative;
top: -11rem;
}
#price .price_span .content, #price .price_span .lead {
width: 95%;
margin: 0 auto 8%;
}
@media screen and (max-width:767px) {
#price .price_span {
padding: 0 0 3%;
}
#price .price_coupon .coupon01 {
top: -5rem;
}
#price .price_span .tit {
top: -8rem;
}
#price .lp-store {
padding: 0 0 10%;
}
#price .price_slider {
background: url(../images/price_bg.png) center bottom -4rem no-repeat;
background-size: cover;
}
#price .price_coupon .atten {
font-size: 2.3rem;
width: 95%;
}
}
/* impression */
#impression .impression_wrap01 .tit {
position: relative;
top: -1rem;
z-index: 10;
}
#impression .impression_wrap01 .impression_img01 {
position: relative;
z-index: 9;
margin: -46% 0 0;
}
#impression .impression_wrap01 .impression_img02 {
position: relative;
z-index: 8;
margin: -23% 0 0;
}
#impression .impression_wrap02 {
background: rgb(4, 144, 245);
background: linear-gradient(180deg, rgba(4, 144, 245, 1) 40%, rgba(43, 56, 136, 1) 100%);
margin: -30% 0 0;
padding: 30% 0 8%;
}
#impression .impression_wrap02 .cont02 {
width: 92%;
margin: 0 auto;
background-color: #fff;
border-radius: 10px;
padding: 7% 5%;
}
#impression .impression_wrap02 .atten {
color: #fff;
font-size: 2.8rem;
width: 90.555%;
margin: 10% auto 0;
}
@media screen and (max-width:768px) {
#impression .impression_wrap02 {
padding: 30% 0 9%;
}
}
/* media */
#media {
background: url("../images/voice_bg00.png") center bottom no-repeat;
background-size: cover;
padding: 15% 0 0;
position: relative;
z-index: 6;
}
#media h1 {
width: 72%;
margin: 0 auto 10%;
}
#media .media_img {
width: 92%;
margin: 0 auto;
}
/* flow */
#flow .flow_head {
background: url("../images/bale_bg.png") center top no-repeat;
background-size: 100%;
margin: -5% 0 0;
padding: 15% 0 0;
position: relative;
z-index: 5;
}
#flow .h-icon {
width: 20%;
margin: 0rem auto 2rem;
}
#flow .flow_head h1 {
width: 42%;
margin: 0 auto;
}
#flow .youtube_wrap {
text-align: center;
padding: 0 0 10%;
position: relative;
background-color: #088cf0;
margin: -1% 0 0;
}
#flow .movie_wrap .tit {
position: relative;
z-index: 10;
}
#flow .youtube_wrap iframe {
width: 90%;
height: 400px;
}
#flow .flow_wrap {
background: rgb(4, 144, 245);
background: linear-gradient(180deg, rgba(8, 140, 240, 1) 40%, rgba(43, 56, 136, 1) 100%);
padding: 0 0 10%;
}
#flow .flow_wrap .flow_list {
width: 95%;
margin: 0 auto;
}
#flow .flow_wrap .flow_list li {
position: relative;
margin: -5% 0 0;
}
#flow .flow_wrap .flow_list li:first-of-type {
z-index: 16;
margin: 0;
}
#flow .flow_wrap .flow_list li:nth-of-type(2) {
z-index: 15;
}
#flow .flow_wrap .flow_list li:nth-of-type(3) {
z-index: 14;
}
#flow .flow_wrap .flow_list li:nth-of-type(4) {
z-index: 13;
}
#flow .flow_wrap .flow_list li:nth-of-type(5) {
z-index: 12;
}
#flow .flow_wrap .flow_list li:nth-of-type(6) {
z-index: 11;
}
#flow .flow_wrap .atten {
color: #fff;
font-size: 2.8rem;
width: 95%;
margin: 2rem auto 5rem;
}
@media screen and (max-width:479px) {
#flow .youtube_wrap iframe {
height: 230px;
}
}
/* infomationp */
#infomation {
background-color: #e1e9f4;
padding: 15% 0 10%;
z-index: 30;
}
#infomation h1 {
width: 59%;
margin: 0 auto 5rem;
}
.sub_tit {
text-align: center;
}
.sub_tit span {
display: inline-block;
color: #fff;
font-size: 2.4rem;
background: #293d8f;
padding: 5px 5rem;
border-radius: 30px;
margin: 0 0 10%;
}
#infomation .area_wrap {
position: relative;
}
#infomation .area_wrap .map {
width: 88%;
height: 100%;
margin: 0 auto 5rem;
}
#infomation .area_wrap ul li {
position: absolute;
}
#infomation .area_wrap ul li:first-of-type {
top: 9%;
right: 13%;
}
#infomation .area_wrap ul li:nth-of-type(2) {
top: 28%;
right: 22%;
}
#infomation .area_wrap ul li:nth-of-type(3) {
top: 50%;
right: 22%;
}
#infomation .area_wrap ul li:nth-of-type(4) {
top: 45%;
right: 39%;
}
#infomation .area_wrap ul li:nth-of-type(5) {
top: 54%;
right: 50%;
}
#infomation .area_wrap ul li:nth-of-type(6) {
top: 51%;
left: 16%;
}
#infomation .area_wrap ul li:nth-of-type(7) {
top: 64%;
left: 25%;
}
#infomation .area_wrap ul li:nth-of-type(8) {
top: 62%;
left: 1%;
}
#infomation .area_wrap ul li a {
display: inline-block;
color: #293d8f;
font-size: 2.4rem;
background: #fff;
border: 1px solid #293d8f;
padding: 5px 5rem;
border-radius: 30px;
box-shadow: 0px 5px 0px -1px #293d8f;
}
#infomation .area_wrap .map_desc {
position: absolute;
top: 3%;
left: 2%;
width: 55%;
}
#infomation .atten {
font-size: 2.5rem;
width: 95%;
margin: 0 auto
}
#infomation .shop_list {
width: 95%;
margin: 0 auto;
padding: 10rem 0;
z-index: 30;
}
#infomation .shop_list dl {
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
}
#infomation .shop_list dl dd {
margin: 0;
}
#infomation .shop_list .ac-parent {
height: 80px;
line-height: 80px;
text-align: center;
background-color: #293d8f;
color: #fff;
font-size: 3.0rem;
border-bottom: 1px solid #fff;
cursor: pointer;
transition: .3s;
position: relative;
}
#infomation .shop_list .ac-parent:before {
content: "";
position: absolute;
top: 50%;
right: 32px;
transform: translateY(-50%);
width: 24px;
height: 2px;
background: #fff;
}
#infomation .shop_list .ac-parent:after {
content: "";
position: absolute;
top: 50%;
right: 43px;
transform: translateY(-50%);
transition: all .3s;
width: 2px;
height: 24px;
background: #fff;
}
#infomation .shop_list .ac-parent.open:after {
top: 25%;
transform: rotate(90deg);
opacity: 0;
}
#infomation .shop_list .kenmei {
text-align: center;
color: #293d8f;
font-size: 3.0rem;
padding: 1em;
}
#infomation .shop_list .ac-child__item {
position: relative;
padding: 1em;
border-bottom: 1px dashed #293d8f;
background-color: #fff;
cursor: pointer;
font-size: 2.8rem;
}
#infomation .shop_list .ac-child__item:after {
content: "";
display: block;
position: absolute;
top: 40%;
right: 6%;
width: 12px;
height: 12px;
border-top: solid 2px #474747;
border-right: solid 2px #474747;
transform: translateY(-50%);
transform: rotate(135deg);
transition: all .3s;
}
#infomation .shop_list .ac-child__description {
padding: 2em 2em 3em;
background-color: #fff;
}
#infomation .shop_list .ac-child__item.open:after {
top: 50%;
transform: rotate(315deg);
}
#infomation .shop_list .ac-child__description table {
width: 100%;
}
#infomation .shop_list .ac-child__description table th {
width: 18.2%;
background-color: #b9b9b9;
color: #fff;
border-bottom: 1px solid #fff;
font-size: 2.2rem;
font-weight: 500;
padding: 1em;
text-align: center;
}
#infomation .shop_list .ac-child__description table td {
background-color: #f4f4f4;
border-bottom: 1px solid #fff;
font-size: 3rem;
padding: 1em;
font-weight: normal;
}
#infomation .shop_list .ac-child__description .shop_link {
text-align: center;
margin: 4rem 0 0;
}
#infomation .shop_list .ac-child__description .shop_link a {
text-align: center;
background-color: #34b496;
color: #fff;
font-size: 3.5rem;
padding: 1.2em 2em;
display: inline-block;
transition: .3s all;
border-radius: 2em;
border-bottom: 7px solid #298c75;
font-weight: 600;
letter-spacing: 1px;
}
#infomation .shop_list .ac-child__description .shop_link :hover {
margin-top: 6px;
border-bottom: 1px solid #298c75;
color: #fff;
}
@media screen and (min-width:768px) {
#infomation .shop_list .ac-child__description .shop_link a:hover {
opacity: .8;
}
#infomation .shop_list .ac-child__description table th {
width: 15%;
padding: 1em 0.5em;
}
}
@media screen and (max-width:767px) {
#infomation .area_wrap .map {
width: 95%;
}
#infomation .area_wrap ul li a {
font-size: 2.6rem;
box-shadow: 0px 3px 0px -1px #293d8f;
}
#infomation .area_wrap ul li:first-of-type {
right: 7%;
}
#infomation .area_wrap ul li:nth-of-type(4) {
top: 41%;
}
#infomation .area_wrap ul li:nth-of-type(5) {
top: 51%;
right: 45%;
}
#infomation .area_wrap ul li:nth-of-type(6) {
top: 45%;
}
#infomation .area_wrap ul li:nth-of-type(7) {
top: 62%;
}
#infomation .area_wrap ul li:nth-of-type(8) {
top: 53%;
}
#infomation .shop_list .ac-parent {
height: 70px;
line-height: 70px;
}
#infomation .shop_list .ac-parent:before {
right: 21px;
width: 20px;
}
#infomation .shop_list .ac-parent:after {
right: 30px;
height: 20px;
}
}
/* howto_reserve */
#howto_reserve {
background: url(../images/bale_bg.png) center top no-repeat;
background-size: cover;
padding: 15% 0 0;
}
#howto_reserve h1 {
width: 56%;
margin: 0 auto 5%;
}
#howto_reserve .slider_wrap {
min-height: 550px;
position: relative;
}
#howto_reserve .slider_wrap .slider02 {
width: 78%;
margin: 0 auto;
}
#howto_reserve .slider_wrap .slider02 .slick-arrow {
position: absolute;
top: 50%;
transform: translate(0, -50%);
z-index: 10;
width: 13%;
}
#howto_reserve .slider_wrap .slider02 .prev-arrow {
left: -13%;
}
#howto_reserve .slider_wrap .slider02 .next-arrow {
right: -13%;
}
#howto_reserve .slick-slide {
padding: 10rem 0;
}
#howto_reserve .slide_box {
background: #fff;
border: 7px solid #224da2;
padding: 60px 2rem 0;
border-radius: 20px;
box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.6);
min-height: 490px;
}
#howto_reserve .slide_box .reserv_desc {
position: relative;
}
#howto_reserve .slide_box .reserv_desc::before {
position: absolute;
content: "";
display: block;
width: 110px;
height: 110px;
top: -120px;
left: 50%;
transform: translate(-50%, 0);
}
#howto_reserve .slide01 .slide_box .reserv_desc::before {
background: url("../images/step_icon01.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide02 .slide_box .reserv_desc::before {
background: url("../images/step_icon02.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide03 .slide_box .reserv_desc::before {
background: url("../images/step_icon03.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide04 .slide_box .reserv_desc::before {
background: url("../images/step_icon04.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide05 .slide_box .reserv_desc::before {
background: url("../images/step_icon05.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide06 .slide_box .reserv_desc::before {
background: url("../images/step_icon06.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide07 .slide_box .reserv_desc::before {
background: url("../images/step_icon07.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide08 .slide_box .reserv_desc::before {
background: url("../images/step_icon08.png") center top no-repeat;
background-size: 100%;
}
#howto_reserve .slide_box .img {
width: 50%;
margin: 0 auto;
}
#howto_reserve .slide_box .reserv_desc dt {
text-align: center;
border-bottom: 1px solid #293d8f;
color: #293d8f;
padding: 0 0 1rem;
margin: 0 0 2rem;
font-family: "Noto Serif", serif;
font-size: 4.8rem;
}
#howto_reserve .slide_box .reserv_desc dd {
text-align: center;
margin: 0;
padding: 0 0 3rem;
font-size: 2.2rem;
}
#howto_reserve .slide06 .slide_box .reserv_desc dd {
padding: 0 0 1rem;
}
#howto_reserve .slide08 .slide_box {
position: relative;
}
#howto_reserve .slide08 .slide_box::after {
position: absolute;
content: "";
display: block;
background: #e1e9f4;
border-radius: 0 0 15px 15px;
width: 100%;
height: 15vh;
left: 0;
bottom: 0;
}
#howto_reserve .slide08 .slide_box .img {
width: 70%;
z-index: 10;
}
#howto_reserve .slide_box {
position: relative;
}
#howto_reserve .slide_box .img {
position: absolute;
left: 50%;
bottom: 0;
transform: translate(-50%, 0);
}
@media screen and (max-width:767px) {
#howto_reserve .slide_box .reserv_desc::before {
width: 90px;
height: 90px;
top: -108px;
}
#howto_reserve .slider_wrap {
min-height: 700px;
}
#howto_reserve .slide_box .img {
width: 100%;
}
#howto_reserve .slide08 .slide_box .img {
width: 100%;
}
#howto_reserve .slide_box {
min-height: 600px;
}
}
@media screen and (max-width:479px) {
#howto_reserve .slider_wrap {
min-height: 500px;
}
#howto_reserve .slide_box {
min-height: 450px;
}
}
/* faq */
#faq {
background: rgb(4, 144, 245);
background: linear-gradient(180deg, rgba(43, 56, 136, 1) 40%, rgba(8, 140, 240, 1) 100%);
padding: 15% 0 10%;
}
#faq h1 {
width: 40%;
margin: 0 auto 10%;
}
#faq .accordion {
width: 95%;
margin: 0 auto;
}
#faq .accordion-item {
background: #fff;
border: 1px solid #fff;
margin: 0 0 2px;
}
#faq .accordion-item__head {
padding: 0;
}
#faq .accordion-item__head .icn {
background: #293d8f;
width: 7rem;
padding: 2rem;
line-height: 4rem;
}
#faq .accordion-item__head {
display: table;
width: 100%;
}
#faq .accordion-item__head span {
display: table-cell;
vertical-align: middle;
}
#faq .accordion-item__head .q_text {
padding: 3rem 10rem 3rem 3rem;
}
#faq .accordion-item__box {
margin-left: 0;
background-color: #fff;
border-top: 2px solid #293d8f;
padding: 0;
display: table;
width: 100%;
}
#faq .accordion-item__box .icn {
display: table-cell;
vertical-align: middle;
background: rgba(255, 20, 134, .1);
width: 7rem;
padding: 2rem;
}
#faq .accordion-item__box .a_text {
display: table-cell;
vertical-align: middle;
font-size: 3rem;
padding: 3rem;
}
#faq .faq_link_img {
width: 80%;
margin: -10rem auto 0;
}
#faq .faq_link_img img {
position: relative;
bottom: -25rem;
}
#faq .accordion-item__head .q_text {
position: relative;
}
#faq .accordion-item__head .q_text:before {
content: "";
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
width: 24px;
height: 2px;
background: #003397;
}
#faq .accordion-item__head .q_text:after {
content: "";
position: absolute;
top: 50%;
right: 23px;
transform: translateY(-50%);
transition: all .3s;
width: 2px;
height: 24px;
background: #003397;
}
#faq .is-open .accordion-item__head .q_text:after {
top: 25%;
transform: rotate(90deg);
opacity: 0;
}
@media screen and (max-width:767px) {
#faq {
padding: 10rem 0 5rem;
}
#faq .accordion-item__head .q_text:before {
right: 12px;
width: 20px;
}
#faq .accordion-item__head .q_text:after {
right: 21px;
height: 20px;
}
#faq .faq_link_img {
margin: 0 auto;
}
#faq .faq_link_img img {
bottom: -15rem;
}
}
.lp-footer {
background: #293d8f;
padding: 5rem 3rem 7rem;
}
.lp-footer p, .lp-footer p a {
color: #fff;
text-align: center;
font-size: 3rem;
}
.lp-footer .link {
margin: 0 0 2rem;
}
.topbtn-fix {
display: none;
}
@media screen and (max-width: 767px) {
.lp-footer {
margin: 0 0 20%
}
.topbtn-fix {
display: block;
width: 100%;
position: fixed;
bottom: 0px;
z-index: 20;
background-color: rgba(255, 255, 255,1);
}
.topbtn-fix a {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.topbtn-fix img {
width: 48%;
padding: 8px 1% 8px;
margin-left: auto;
margin-right: auto;
opacity: 1;
object-fit: contain;
}
.topbtn-fix .center {
text-align: center;
letter-spacing: 1px;
padding: 0 0 1%;
font-size: 2.5rem;
}
}
.cv_btn {
margin: 0 auto;
}
.cv_btn img {
animation: anime1 0.5s ease 0s infinite alternate;
transform-origin:center;
}
@keyframes anime1 {
from {
transform: scale(0.9,0.9);
}
to {
transform: scale(1,1);
}
}