@charset "UTF-8";

.cta-body-sns { width: 100%; }
.ctaqr_line { display: flex; align-items: center; background: #22ba4f; color: white; border-radius: 10px; padding: 3%; justify-content: space-between; }
.ctaqr_line p { text-align: center; width: 100%; font-size: clamp(16px, 5vw, 40px); font-weight: bold; }
.ctaqr_line span { display: block; font-size: 0.5em; font-weight: normal; }
.cta-body-sns { width: 100%; }
.ctaqr_line { display: flex; align-items: center; background: #22ba4f; color: white; border-radius: 10px; padding: 3%; justify-content: space-between; }
.ctaqr_line p { text-align: center; width: 100%; font-size: clamp(16px, 5vw, 40px); font-weight: bold; }
.ctaqr_line span { display: block; font-size: 0.5em; font-weight: normal; }

/* lp2追記CSS */
.fv_lp_boat { max-width: 1400px; width: 100%; margin: 0 auto; background: #6fa8dc; text-align: center; padding: 1em; }
.fv_lp_boat h3 { font-size: 60px; font-weight: bold; line-height: 1.2; margin: 40px auto; color: #000; }
.flex_wrapper { display: flex; justify-content: center; align-items: center; gap: 25px; }
.flex_wrapper img { width: 290px; height: auto; }
.cta_contents { background: #fff; max-width: 1400px; margin: 0 auto; text-align: center; padding: 1em; }
.cta_contents p { font-size: 28px; font-weight: bold; margin: 5px; }
.cta_button_list { display: flex; justify-content: center; gap: 30px; align-items: center; }
.cta_button a { color: #000; border: 1px solid #000; padding: .4em 1.6em; border-radius: 20px; background: #eeeeee; cursor: pointer; }
.cta_contents p.bold_none { font-weight: normal; }

.fv-content {max-width: 1400px;margin: 0 auto;background: url(/img/newlp/lp-bg.jpg) center top / 1400px no-repeat #000830;}
.fv-content__inner {max-width: 900px;margin: 0 auto;overflow: hidden;}
.fv-images {height: 740px;position: relative;z-index: 10;}
.fv-images__head {display: flex;align-items: flex-start;justify-content: center;}
.fv-images__catch {position: absolute;right: 0;left: 0;margin: auto;bottom: -36px;}
.ml-cta {position: relative;z-index: 20;background: url(/img/newlp/lp-cta-bg.png);width: 862px;height: 265px;margin: 0 auto 30px;padding-top: 100px;}
.ml-cta__buttons {display: flex;align-items: center;gap: 12px;justify-content: center;}
.ml-cta__buttons img {display:block;animation: cta-buttons 1s infinite;}
.bottom-cta {max-width: 1400px;margin: 0 auto;}
.bottom-cta__inner {max-width: 900px;margin: 0 auto;overflow: hidden;padding-top: 40px;}
.bottom-cta__catch{display: block;margin: 0 auto -30px;}

/* ポップアップスタイル */
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; justify-content: center; align-items: center; z-index: 1000; }
.popup-content {background: #fff;padding: 50px 20px;border-radius: 40px;border: 8px solid #0069d5;max-width: 500px;width: 90%;text-align: center;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.popup-content p { margin: 20px auto; font-size: 24px; font-weight: bold; }
.popup-close { position: absolute; top: -10px; right: -5px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; background: #ddd; color: #333; border-radius: 50%; font-size: 21px; font-weight: bold; text-decoration: none; line-height: 1; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); cursor: pointer; transition: background 0.3s, color 0.3s; border: 2px solid #aeccec; }
.popup-close:hover { background: #bbb; color: #000; }
.popup-content h3 { font-size: 32px; font-weight: bold; margin-bottom: 20px; }
.popup-content input[type="email"] { width: 80%; text-align: center; padding: .5em .25em; background: #f6f6f6; border-radius: 10px; margin-bottom: .5em; }
p.rule_wrapper { font-weight: normal; font-size: 15px; line-height: 1.2; }
.rule_wrapper span { color: red; }
.popup-content input[type="submit"] { width: 80%; padding: .6em; background: #e30500; color: #ffffff; border: none; box-shadow: 1px 1px 1px 1px #b5b5b5; border-radius: 8px; font-size: 20px; font-weight: bold; }
.ctaqr_code {border: 8px solid #06c755;width: fit-content;margin: 0 auto;border-radius: 1em;overflow: hidden;}
.ctaqr_code img {width: 240px;image-rendering: pixelated;}

@media (max-width:768px) {
.cta_button_list { gap: 0; }
.fv_lp_boat h3 { font-size: 40px; margin: 30px auto; }
.fv-content {background: url(/img/newlp/lp-bg.jpg) center top -6vw / 200% no-repeat #000830;}
.fv-images {height: 91vw;}
.fv-images__head {width: 100%;display: grid;grid-template-columns: 36% auto;}
.fv-images__catch {width: 96%;bottom: -4vw;}
.ml-cta {aspect-ratio: 862 / 412;width: unset;height: unset;background: url(/img/newlp/lp-cta-bg__sp.png) center/100% no-repeat;padding-top: 10%;width: 94%;margin-bottom: 4vw;}
.ml-cta.ml-cta__line-only {background: url(/img/newlp/lp-cta-bg.png) center/100% no-repeat;padding-top: 11vw;aspect-ratio: 862 / 265;}
.ml-cta__buttons {width: 94%;margin: 0 auto;gap: 1vw;flex-direction: column;}
.ml-cta__buttons > img {width: 6%;}
.popup-content p {font-size: 20px;}
.popup-content p.rule_wrapper {font-size: 13px;}
.bottom-cta {}
.bottom-cta__inner {padding-top: 4vw;}
.bottom-cta__catch{width: 96%;margin-bottom: -4vw;}
}

@keyframes cta-buttons {
    0%,100%{transform:scale(1)}
    50%{transform:scale(0.95)}
}