@charset "UTF-8";
/* Reset.css */
html, body { color: #333333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "a-otf-ud-shin-go-pr6n", "meiryo", sans-serif; }

.clearfix:after { clear: both; content: ""; display: block; }

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html, body, main, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; }

body { line-height: 1.6; }

ol, ul { list-style: none; }

a { text-decoration: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

img { height: auto; width: 100%; }

*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body { color: #333333; font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", "a-otf-ud-shin-go-pr6n", "meiryo", sans-serif; }

.sp-hide { display: block; z-index: 100; }

@media (min-width: 1024px) { .sp-hide { display: none !important; } }

.pc-hide { display: none; }

@media (min-width: 1024px) { .pc-hide { display: block !important; } }

.caution { font-size: 2.4vw; text-align: center; }

@media (min-width: 1024px) { .caution { font-size: 0.875rem; text-align: left; } }

.caution-white { color: #ffffff; font-size: 2.13333vw; }

@media (min-width: 1024px) { .caution-white { font-size: 0.875rem; } }

sup { font-size: 0.625rem; vertical-align: top; }

.pinkBtn { background: #ff6851; border: 2px solid #ff6851; border-radius: 999em; color: #ffffff; display: inline-block; font-size: 4vw; font-weight: 600; line-height: 1.4; padding: 16px 20px; text-align: center; text-decoration: none; -webkit-transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }

@media (min-width: 1024px) { .pinkBtn { font-size: 1.625rem; padding: 26px 30px; } }

.pinkBtn:hover { background: #ffffff; color: #ff6851; }

.textLink { border-bottom: 2px solid #333333; color: #333333; display: inline-block; font-size: 3.2vw; font-weight: 600; margin-top: 16px; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }

@media (min-width: 1024px) { .textLink { border-bottom: 2px solid #685c22; color: #685c22; font-size: 1.125rem; } }

.textLink:hover { opacity: 0.6; }

.btnCaution { display: block; font-size: 0.75rem; }

.cta { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.cta__btn { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 999em; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 4.8vw; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; line-height: 1.5; min-height: 68px; -webkit-transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }

@media (min-width: 768px) { .cta__btn { font-size: 1.375rem; } }

.cta__btn--caution { display: block; font-size: 0.75rem; }

.cta li { margin-bottom: 24px; text-align: center; width: 100%; }

@media (min-width: 768px) { .cta li { margin-bottom: 0; width: calc(100% / 2 - 16px); } }

.cta__account { color: #ff6851; font-weight: 600; }

.cta__account--txt { font-size: 0.937rem; margin-bottom: 8px; }

.cta__account--link { background: #ff6851; border: 2px solid #ff6851; color: #ffffff; }

.cta__account--link:hover { background: #ffffff; color: #ff6851; }

.cta__campagin { color: #eb103c; font-weight: 600; }

.cta__campagin--txt { font-size: 0.937rem; margin-bottom: 8px; }

.cta__campagin--link { background: #eb103c; border: 2px solid #eb103c; color: #ffffff; padding: 0 12px; }

.cta__campagin--link:hover { background: #ffffff; color: #eb103c; }

.H2Area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1.5rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto 24px; position: relative; width: auto; }

@media (min-width: 1024px) { .H2Area { margin: 30px auto 60px; width: 850px; } }

.H2Area:before { background-color: #707070; content: ""; display: block; height: 1px; left: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.H2Area:after { background-color: #707070; content: ""; display: block; height: 1px; position: relative; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.H2Area__title { color: #404040; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; font-size: 1.375rem; font-weight: 600; padding: 0 25px; text-align: center; }

@media (min-width: 1024px) { .H2Area__title { font-size: 1.75rem; padding: 0 100px; } }

.header { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #07b53b; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; width: 100%; z-index: 500; }

@media (min-width: 1024px) { .header { position: fixed; } }

.header__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px 0 20px; width: 100%; }

@media (min-width: 1024px) { .header__inner { padding: 0 40px 0 50px; } }

.header__logo { padding-top: 7px; }

.header__logo img { max-width: 230px; width: 230px; }

@media (min-width: 1280px) { .header__logo img { max-width: 400px; width: 400px; } }

@media (min-width: 1024px) { .header__logo img { max-width: 330px; width: 330px; } }

.header__list { display: none; }

@media (min-width: 1024px) { .header__list { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } }

.header__list li:not(:first-child) { margin-left: 12px; }

.header__link { border-radius: 999em; font-size: 0.812rem; padding: 14px 16px; text-decoration: none; -webkit-transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }

@media (min-width: 1280px) { .header__link { font-size: 1.125rem; } }

.header__link--greenBtn { background: #07b53b; border: 2px solid #ffffff; color: #ffffff; }

.header__link--greenBtn:hover { background: #ffffff; color: #07b53b; }

.header__link--pinkBtn { background: #ff6851; border: 2px solid #ff6851; color: #ffffff; font-weight: 600; }

.header__link--pinkBtn:hover { background: #ffffff; color: #ff6851; }

.wrapper { overflow: hidden; position: relative; z-index: 1; }

.mainVisual__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: 470px; overflow: hidden; }

@media (min-width: 768px) { .mainVisual__inner { min-height: 650px; } }

.mainVisual__txt { display: none; }

@media (min-width: 1024px) { .mainVisual__txt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #ffffff; background-image: url(/line-official-account-noveltycoupon/img/mainVisual_1.png); background-position: right bottom; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 80px; min-height: 650px; padding: 0 10px; width: 55%; } }

.mainVisual__H1title { margin-bottom: 16px; }

@media (min-width: 1024px) { .mainVisual__H1title { margin-bottom: 24px; } }

.mainVisual__H1title img { max-width: 700px; width: 100%; }

.mainVisual__img { -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-image: url(/line-official-account-noveltycoupon/img/mainVisual_2.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; min-height: 470px; padding-bottom: 40px; padding-left: 20px; padding-right: 20px; position: relative; width: 100%; }

@media (min-width: 1024px) { .mainVisual__img { margin-top: 80px; min-height: 650px; padding: 0; width: 45%; } }

.mainVisual__img:before { background-color: rgba(255, 255, 255, 0.6); bottom: 0; content: ""; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; }

@media (min-width: 1024px) { .mainVisual__img:before { background-color: rgba(255, 255, 255, 0); } }

.mainVisual__btn { margin: 0 auto; max-width: 550px; text-align: center; width: 100%; }

.mainVisual__txtLink { margin: 0 auto; max-width: 500px; text-align: center; }

.notice { background: #404040; color: #ffffff; font-size: 2.66667vw; padding: 20px; text-align: center; }

@media (min-width: 768px) { .notice { font-size: 1.25rem; } }

.special { background-color: #07b53b; padding: 20px; position: relative; }

@media (min-width: 768px) { .special { height: 100%; } }

.special__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; max-width: 1560px; padding: 40px 0; }

@media (min-width: 1024px) { .special__inner { padding: 100px 0; } }

.special__txt { text-align: center; width: 100%; }

@media (min-width: 1024px) { .special__txt { width: 65%; } }

.special__sub-title span { background: #ffffff; display: inline-block; font-size: 3.46667vw; font-weight: 600; margin-bottom: 8px; padding: 8px; }

@media (min-width: 1024px) { .special__sub-title span { font-size: 1.5rem; } }

.special__title { margin-bottom: 12px; }

@media (min-width: 1024px) { .special__title { margin-bottom: 30px; } }

.special__title img { max-width: 1000px; width: 100%; }

.special__caution { margin-bottom: 12px; }

@media (min-width: 1024px) { .special__caution { margin-bottom: 24px; } }

.special__link { padding: 20px 5px 0; text-align: center; }

@media (min-width: 1024px) { .special__link { padding: 0; text-align: center; } }

.special__link a { background: #ff6851; border: 2px solid #ffffff; border-radius: 999em; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15); display: inline-block; padding: 16px 24px; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

@media (min-width: 1024px) { .special__link a { padding: 16px 32px; } }

.special__link a:hover { opacity: 0.8; }

.special__link--txt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ffffff; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 4.26667vw; font-weight: 600; }

@media (min-width: 768px) { .special__link--txt { font-size: 1.75rem; } }

.special__link--txt:after { background: url(/line-official-account-noveltycoupon/img/rightArrow.png) 0 0 no-repeat; background-size: cover; content: ""; height: 18px; margin-left: 8px; width: 18px; }

@media (min-width: 1024px) { .special__link--txt:after { height: 26px; margin-left: 12px; width: 26px; } }

.special__img { margin-left: 0; text-align: center; width: 100%; }

@media (min-width: 1024px) { .special__img { margin-right: 2%; text-align: center; width: 32%; } }

.special__img img { margin-bottom: 24px; max-width: 250px; width: 100%; }

@media (min-width: 1024px) { .special__img img { margin-bottom: 0; max-width: 400px; } }

.special__img--caution { color: #ffffff; font-size: 0.5rem; padding-left: 1em; text-indent: -1em; }

.special__img--caution:before { content: "※"; }

.contents { padding: 0 15px; }

.contents__gray { background: #f8f8f8; }

.contents__white { background: #ffffff; }

.contents__inner { margin: 0 auto; max-width: 980px; padding-bottom: 60px; position: relative; }

.contents__inner02 { margin: 0 auto; max-width: 1200px; position: relative; }

.contents__block { padding-bottom: 32px; padding-top: 32px; }

@media (min-width: 1024px) { .contents__block { padding-bottom: 60px; padding-top: 60px; } }

.seminar__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; max-width: 1200px; }

.seminar__img { margin-bottom: 16px; max-width: 470px; width: 100%; }

@media (min-width: 1024px) { .seminar__img { margin-bottom: 0; } }

.seminar__txt { margin-left: 0; max-width: 750px; text-align: center; }

@media (min-width: 1024px) { .seminar__txt { margin-left: 40px; } }

.seminar__txt p { margin-bottom: 16px; }

.seminar__title { font-size: 4.8vw; font-weight: 600; margin-bottom: 16px; }

@media (min-width: 768px) { .seminar__title { font-size: 1.5rem; } }

.seminar__btn { margin: 0 auto; max-width: 240px; }

.seminar__btn a { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid #444444; border-radius: 999em; color: #444444; display: -webkit-box; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 16px; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

.seminar__btn a:after { border-right: 2px solid; border-top: 2px solid; color: inherit; content: ""; display: inline-block; height: 8px; margin-left: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 8px; }

.seminar__btn a:hover { opacity: 0.6; }

.possible__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto; max-width: 1200px; }

.possible__block { margin-bottom: 60px; width: 100%; }

@media (min-width: 768px) { .possible__block { width: calc(100% / 3 - 32px); } }

@media (min-width: 1024px) { .possible__block { width: calc(100% / 3 - 80px); } }

.possible__title { color: #07b53b; font-size: 1.25rem; font-weight: 600; margin-bottom: 24px; text-align: center; }

.possible__img { display: block; margin: 0 auto 24px; max-width: 250px; }

@media (min-width: 768px) { .possible__img { max-width: 320px; } }

.possible__txt { font-size: 3.46667vw; text-align: center; }

@media (min-width: 768px) { .possible__txt { font-size: 1rem; text-align: left; } }

.possible__caution { text-align: center; }

.possible__caution p { font-size: 3.46667vw; }

@media (min-width: 768px) { .possible__caution p { font-size: 1rem; } }

.possible__caution-small { color: #707070; font-size: 0.75rem; }

.possible__caution-small li { counter-increment: number; margin-top: 4px; }

.possible__caution-small li:before { content: "※" counter(number); margin-right: 4px; }

.account { margin: 0 auto; max-width: 1200px; padding: 0; width: 85%; }

@media (min-width: 1024px) { .account { padding: 0 20px; } }

.account-contents { background: #e3e3e3; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 6.67%; }

@media (min-width: 1024px) { .account-contents { border-radius: 10px 10px 0 0; -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } }

.account-contents__txt { width: 100%; }

@media (min-width: 1024px) { .account-contents__txt { width: 50.96%; } }

.account-contents__txt h3 { color: #ffffff; font-size: 1.5rem; font-weight: 600; letter-spacing: 0.1em; line-height: 1.88; margin-bottom: 20px; }

@media (min-width: 1024px) { .account-contents__txt h3 { font-size: 1.875rem; } }

.account-contents__txt h3 span { background: #07b53b; padding: 5px; }

@media (min-width: 1024px) { .account-contents__txt h3 span { padding: 10px; } }

.account-contents__txt p { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; line-height: 1.625; margin: 13px 0 28px; }

@media (min-width: 1024px) { .account-contents__txt p { font-size: 1rem; margin: 0 0 28px; } }

.account-contents__txt p.note { font-size: 0.687rem; font-weight: 300; letter-spacing: 0.05em; line-height: 2; margin-bottom: 0; margin-top: 16px; }

@media (min-width: 1024px) { .account-contents__txt p.note { font-size: 0.625rem; margin-top: 24px; } }

.account-contents__txt li { background: url(/line-official-account-noveltycoupon/img/ico_check.svg) no-repeat top left; background-size: 16px auto; font-size: 1rem; font-weight: 600; letter-spacing: 0.12em; line-height: 1.2; margin-bottom: 15px; min-height: 26px; padding-left: 28px; padding-top: 0; }

@media (min-width: 1024px) { .account-contents__txt li { background-size: 26px auto; font-size: 1.25rem; margin-bottom: 21px; padding-left: 44px; padding-top: 2px; } }

.account-contents__img { width: 100%; }

@media (min-width: 1024px) { .account-contents__img { width: 46.15%; } }

.account-contents__bottom { background: #f8f8f8; border-radius: 0 0 10px 10px; margin-bottom: 40px; padding: 40px 6.67% 40px; }

@media (min-width: 1024px) { .account-contents__bottom { padding: 40px 6.67% 80px; } }

.account-contents__bottom h3 { margin-bottom: 34px; text-align: center; }

@media (min-width: 1024px) { .account-contents__bottom h3 { margin-bottom: 52px; } }

.account-contents__bottom h3 span { border: 2px solid #07b53b; border-radius: 999em; color: #07b53b; display: inline-block; font-size: 1rem; font-weight: 600; letter-spacing: 0.1em; padding: 6px 20px 6px; }

@media (min-width: 1024px) { .account-contents__bottom h3 span { font-size: 1.25rem; } }

.account-contents__bottom ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.account-contents__bottom li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; margin-left: 0; width: 100%; }

@media (min-width: 1024px) { .account-contents__bottom li { -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; margin-bottom: 0; margin-left: 2.885%; width: 47.115%; } }

.account-contents__bottom li:nth-child(odd) { margin-left: 0; }

.account-contents__bottom li:nth-child(3) { margin-top: 40px; }

.account-contents__bottom li:last-child { margin-bottom: 0; }

.account-contents__bottom--img { margin-bottom: 24px; position: relative; width: 100%; }

@media (min-width: 1024px) { .account-contents__bottom--img { margin-bottom: 0; width: 42.89%; } }

.account-contents__bottom--img img { width: 100%; }

.account-contents__bottom--img:after { background: url(/line-official-account-noveltycoupon/img/ico_plus.svg) no-repeat center center/cover; bottom: 15px; content: " "; display: inline-block; height: 36px; position: absolute; right: 15px; width: 36px; }

@media (min-width: 1024px) { .account-contents__bottom--img:after { background: none; } }

.account-contents__bottom--txt { width: 100%; }

@media (min-width: 1024px) { .account-contents__bottom--txt { width: 51.02%; } }

.account-contents__bottom--txt p { font-size: 0.875rem; letter-spacing: 0.1em; line-height: 1.714; }

.account-contents__bottom--txt p.tit { color: #21b53a; font-size: 1.125rem; font-weight: 600; letter-spacing: 0.1em; margin-bottom: 10px; }

@media (min-width: 1024px) { .account-contents__bottom--txt p.tit { font-size: 1.25rem; margin-bottom: 8px; } }

.account-contents__bottom--txt p.note { font-size: 0.687rem; margin-top: 20px; }

.account-contents__bottom--txt .btn a { background: #07b53b; border: 2px solid #07b53b; border-radius: 25px; color: #ffffff; display: inline-block; font-size: 0.875rem; font-weight: 600; height: 28px; letter-spacing: 0.12em; line-height: 27px; margin-top: 18px; padding: 0 3.916em; -webkit-transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, -webkit-transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out; transition: background-color 0.4s ease-out, transform 0.4s ease-out, -webkit-transform 0.4s ease-out; }

@media (min-width: 1024px) { .account-contents__bottom--txt .btn a { padding: 0 27px; } }

.account-contents__bottom--txt .btn a:after { background: url(/line-official-account-noveltycoupon/img/ico_blank.svg) no-repeat top center/cover; content: " "; display: inline-block; height: 13px; margin-bottom: -1px; margin-left: 6px; width: 15px; }

.account-contents__bottom--txt .btn a:hover { background: #ffffff; color: #07b53b; }

.account-contents__bottom--txt .btn a:hover::after { background-image: url(/line-official-account-noveltycoupon/img/ico_blank_on.svg); }

.account-contents__ex { margin: 0 auto; text-align: center; width: 89.3333%; }

@media (min-width: 1024px) { .account-contents__ex { width: 100%; } }

.account-contents__ex div { display: inline-block; }

.account-contents__ex dl { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

@media (min-width: 1024px) { .account-contents__ex dl { -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } }

.account-contents__ex dt { background: #ff6851; border-radius: 4px; color: #ffffff; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.12em; line-height: 1.2; margin-bottom: 9px; margin-right: 24px; min-width: 56px; padding: 3px 6px; }

@media (min-width: 1024px) { .account-contents__ex dt { font-size: 1.125rem; margin-bottom: 0; min-width: 93px; padding: 7px 26px 5px; } }

.account-contents__ex dd { font-size: 1.4rem; line-height: 1.5357; padding-top: 6px; }

.account-contents__ex dd a { color: #07b53b; display: block; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; line-height: 1.5357; margin-top: 20px; text-align: left; text-decoration: underline; -webkit-transition: opacity 0.4s ease-out; transition: opacity 0.4s ease-out; }

@media (min-width: 1024px) { .account-contents__ex dd a { font-size: 1.125rem; line-height: 1.2; } }

.account-contents__ex dd a:first-child { margin-top: 0; }

.account-contents__ex dd a:hover { opacity: 0.6; }

.one-column li { width: 100%; }

.one-column .account-contents__bottom--img { width: 100%; }

@media (min-width: 1024px) { .one-column .account-contents__bottom--img { width: 28.84%; } }

.one-column .account-contents__bottom--txt { width: 100%; }

@media (min-width: 1024px) { .one-column .account-contents__bottom--txt { width: 67.3%; } }

.plan { max-width: 1200px; overflow: hidden; width: 100%; }

@media (min-width: 1024px) { .plan { margin: 0 auto; overflow: unset; width: 83.3333%; } }

.plan__title { color: #07b53b; font-size: 1.5rem; font-weight: 600; height: 60px; line-height: 60px; margin-bottom: 30px; text-align: center; }

@media (min-width: 1024px) { .plan__title { font-size: 2.5rem; } }

.plan__table { overflow-x: scroll; }

@media (min-width: 1024px) { .plan__table { overflow-x: unset; } }

.plan__table table { margin: 0 auto; width: 760px; }

@media (min-width: 1024px) { .plan__table table { width: 100%; } }

.plan__table th { border-right: 8px solid #f8f8f8; vertical-align: middle; width: 180px; }

@media (min-width: 1024px) { .plan__table th { width: 23.846%; } }

.plan__table th span { background: #e3e3e3; border-radius: 5px 5px 0 0; display: block; font-size: 0.937rem; font-weight: 600; height: 67px; letter-spacing: 0.12em; line-height: 67px; text-align: center; }

@media (min-width: 1024px) { .plan__table th span { font-size: 1.125rem; } }

.plan__table th.blank { background: #f8f8f8; width: 121px; }

@media (min-width: 1024px) { .plan__table th.blank { width: auto; } }

.plan__table th.green { margin-left: 4px; }

.plan__table th.green span { background: #07b53b; border-left: 4px solid #07b53b; border-right: 4px solid #07b53b; color: #ffffff; font-size: 1.187rem; letter-spacing: 0; }

@media (min-width: 1024px) { .plan__table th.green span { font-size: 1.5rem; } }

.plan__table th.fixed span { border-radius: 28px; display: inline-block; font-size: 0.75rem; height: auto; letter-spacing: 0.05em; line-height: 1.458; padding: 8px 1.333em; width: 121px; }

@media (min-width: 1024px) { .plan__table th.fixed span { border-radius: 24px; font-size: 1.125rem; height: 47px; letter-spacing: 0.1em; line-height: 47px; padding: 0; width: 259px; } }

.plan__table th.fixed { background: #f8f8f8; left: 0; position: -webkit-sticky; position: sticky; width: 121px; }

@media (min-width: 1024px) { .plan__table th.fixed { position: relative; width: 27.3076%; } }

.plan__table th.fixed::before { content: ""; height: 100%; left: -1px; position: absolute; top: -1px; width: 100%; }

.plan__table tr:nth-child(2) th.fixed span { padding: 1.5em 1.333em; }

@media (min-width: 1024px) { .plan__table tr:nth-child(2) th.fixed span { padding: 0; } }

.plan__table td.green span { border-left: 4px solid #07b53b; border-right: 4px solid #07b53b; color: #07b53b; display: block; font-size: 1.375rem; height: 63px; line-height: 63px; }

@media (min-width: 1024px) { .plan__table td.green span { height: 90px; line-height: 90px; } }

.plan__table td.green span.big { border: none; color: #07b53b; display: inline; font-size: 2rem; margin-right: 8px; }

.plan__table td.green.message span { border-bottom: 4px solid #07b53b; border-radius: 0 0 5px 5px; color: #333333; font-size: 1.125rem; }

.plan__table td { background: #ffffff; border-bottom: 1px dashed #333333; border-right: 8px solid #f8f8f8; font-weight: 600; height: 63px; text-align: center; vertical-align: middle; }

@media (min-width: 1024px) { .plan__table td { height: 90px; } }

.plan__table tr:last-child td { border-bottom: none; }

.plan__table--note { font-size: 0.875rem; font-weight: 600; letter-spacing: 0.12em; margin: 33px 0 30px; text-align: center; }

@media (min-width: 1024px) { .plan__table--note { margin: 40px 0; text-align: right; } }

.plan__table--note a { background: url(/line-official-account-noveltycoupon/img/ico_blank_on.svg) no-repeat top right/15px auto; color: #21b53a; padding-right: 20px; -webkit-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; }

.plan__table--note a:hover { text-decoration: underline; }

@media screen and (max-width: 1023px) { .plan__table tr:nth-child(3) td.green span { font-size: 1.25rem; margin-right: 6px; width: 100%; }
  .plan__table tr:nth-child(3) td.green span.big { font-size: 1.5rem; margin-right: 6px; } }

.btn__area { text-align: center; }

@media (min-width: 768px) { .btn__area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

.btn__area a { background: #07b53b; border: 2px solid #07b53b; border-radius: 28px; color: #ffffff; display: inline-block; font-size: 1.125rem; font-weight: 600; height: 56px; line-height: 53px; max-width: 400px; padding: 0 20px; -webkit-transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: background-color 0.3s ease-out, transform 0.3s ease-out; transition: background-color 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; width: 100%; }

@media (min-width: 768px) { .btn__area a { border-radius: 43px; height: 70px; line-height: 70px; width: 31.92%; } }

.btn__area a:hover { background: #ffffff; color: #07b53b; }

.btn__area a:hover::after { background-image: url(/line-official-account-noveltycoupon/img/ico_blank_on.svg); }

.btn__area a.dl { line-height: 1; margin-bottom: 16px; padding-top: 8px; }

@media (min-width: 768px) { .btn__area a.dl { margin-bottom: 0; padding-top: 15px; } }

.btn__area a.dl span.after-ico::after { background: url(/line-official-account-noveltycoupon/img/ico_blank.svg) no-repeat top center/cover; content: " "; display: inline-block; height: 13px; margin-left: 10px; width: 15px; }

.btn__area a.dl span.mini { display: inline-block; font-size: 0.875rem; margin-top: 9px; }

.guide__title { color: #07b53b; font-size: 1.5rem; font-weight: 600; height: 60px; line-height: 60px; margin-bottom: 30px; text-align: center; }

@media (min-width: 768px) { .guide__title { font-size: 2.5rem; } }

.guide__title--sub { font-size: 3.73333vw; font-weight: 600; letter-spacing: 0.12em; margin-bottom: 40px; text-align: center; }

@media (min-width: 768px) { .guide__title--sub { font-size: 1.25rem; } }

.guide ul { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

@media (min-width: 768px) { .guide ul { display: -webkit-box; display: -ms-flexbox; display: flex; } }

.guide li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 32px; text-align: center; width: 100%; }

@media (min-width: 768px) { .guide li { width: 31.346%; } }

.guide p { font-size: 1rem; letter-spacing: 0.12em; }

.guide .step { border: 1px solid #07b53b; border-radius: 4px; display: inline-block; line-height: 0; margin-bottom: 16px; padding: 7px 21px 8px; }

.guide__img { margin-bottom: 16px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }

@media (min-width: 768px) { .guide__img { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } }

.guide__txt { margin-bottom: 16px; }

.btn .btn__area { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.account-entry__contents { background: url(/line-official-account-noveltycoupon/img/bg_account_entry_sp.jpg) no-repeat top left/cover; padding: 80px 0; text-align: center; }

@media (min-width: 1024px) { .account-entry__contents { background: url(/line-official-account-noveltycoupon/img/bg_account_entry_pc.jpg) no-repeat center center/cover; } }

.account-entry__inner { margin: 0 auto; max-width: 1200px; width: 89.33%; }

@media (min-width: 1024px) { .account-entry__inner { width: 83.3333%; } }

.account-entry__inner p { background: #ffffff; color: #07b53b; display: inline-block; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.1em; line-height: 1.55; margin-bottom: 40px; padding: 10px 8px; }

@media (min-width: 1024px) { .account-entry__inner p { font-size: 1.125rem; letter-spacing: 0.12em; padding: 9px 20px; } }

.account-entry__inner .btn__area a { background: #ff6851; border: none; color: #ffffff; font-size: 4.26667vw; height: 60px; line-height: 60px; margin-bottom: 12px; margin-left: auto; margin-right: auto; max-height: 500px; -webkit-transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: background-color 0.3s ease-out, -webkit-transform 0.3s ease-out; transition: background-color 0.3s ease-out, transform 0.3s ease-out; transition: background-color 0.3s ease-out, transform 0.3s ease-out, -webkit-transform 0.3s ease-out; width: 100%; }

@media (min-width: 1024px) { .account-entry__inner .btn__area a { font-size: 1.125rem; line-height: 60px; } }

.account-entry__inner .btn__area a:hover { background: #ffffff; color: #333333; }

.account-entry__inner .btn__area a:hover span { background: #ff6851; color: #ffffff; }

#case h2 { -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 10px solid #07b53b; font-size: 1.5rem; font-weight: 600; height: auto; letter-spacing: 0.1em; line-height: 1.75; margin-bottom: 30px; padding-left: 0.56em; }

@media (min-width: 1024px) { #case h2 { font-size: 2.5rem; height: 60px; line-height: 60px; margin-bottom: 67px; padding-left: 36px; } }

.account--case__box { margin-bottom: 34px; }

.account--case__box:nth-child(4) { margin-bottom: 60px; }

.account--case__box { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.account--case__box__img { margin-right: 5%; min-width: 240px; width: 20%; }

.account--case__box__img .img { overflow: hidden; }

.account--case__box__img img { -webkit-transition: all 0.3s; transition: all 0.3s; width: 100%; }

.account--case__box__img .name { margin-top: 10px; }

.account--case__box__img .name p { background: #ffffff; border: 2px solid #07b53b; border-radius: 33px; color: #07b53b; font-size: 0.875rem; font-weight: 600; letter-spacing: 0.05em; padding: 11px 0 5px; text-align: center; }

.account--case__box__img .name p .big { font-size: 1.125rem; line-height: 1.7142; }

.account--case__box__txt { background: #ffffff; border-radius: 10px; padding: 5%; position: relative; width: 75%; }

.account--case__box__txt::before { background: url(/line-official-account-noveltycoupon/img/bg_balloon_pc.svg) no-repeat top left/cover; content: ""; height: 68px; left: -55px; position: absolute; top: 9px; width: 84px; }

.account--case__box__txt p { font-size: 1rem; font-weight: 600; letter-spacing: 0.1em; line-height: 1.625; }

.account--case__box__txt p span { color: #07b53b; }

@media screen and (max-width: 1023px) { .account--case__box { margin-bottom: 40px; }
  .account--case__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .account--case__box__img { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 30px; margin-right: 0; width: 100%; }
  .account--case__box__img .img { max-width: 250px; width: 37.313%; }
  .account--case__box__img .name { margin-left: 4.47%; margin-top: 0; max-width: 390px; width: 58.217%; }
  .account--case__box__img .name p { border-radius: 33px; font-size: 0.937rem; padding: 11px 0 5px; }
  .account--case__box__img .name p .big { font-size: 1rem; }
  .account--case__box__txt { padding: 30px 2.985%; position: relative; width: 100%; }
  .account--case__box__txt::before { background: url(/line-official-account-noveltycoupon/img/bg_balloon_sp.svg) no-repeat top left/cover; content: ""; height: 38px; left: 12.38%; position: absolute; top: -20px; width: 44px; } }

footer { background: #ffffff; position: relative; }

.footer__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; max-width: 1280px; padding: 40px 40px 40px 40px; padding-left: 0; padding-right: 0; text-align: center; }

.footerSnsList__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; margin-bottom: 28px; max-width: 160px; max-width: 100%; width: 100%; }

.footerSnsList__item { margin-left: 20px; -webkit-transition: all 0.4s; transition: all 0.4s; width: 40px; }

.footerSnsList__item:first-child { margin-left: 0; }

.footerInfoList { font-size: 1.4rem; margin-left: auto; }

.footerInfoList__inner { display: -webkit-box; display: -ms-flexbox; display: flex; display: block; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; margin-bottom: 20px; max-width: 100%; padding: 0 15px; text-align: center; width: 100%; }

.footerInfoList__item { border-left: 1px solid #707070; display: inline-block; font-size: 1rem; margin-bottom: 5px; margin-left: 20px; padding-left: 20px; position: relative; }

.footerInfoList__item:first-child { border-left: none; margin-left: 0; }

.footerInfoList__item a { color: #656565; }

.footerInfoList__icoBlank:after { background: url(/line-official-account-noveltycoupon/img/ico_blank_on.svg) no-repeat center center; background-size: cover; content: ""; display: inline-block; height: 16px; margin-left: 5px; width: 20px; }

.footer_copyright { font-size: 1rem; margin-left: 0; }

@media screen and (max-width: 1023px) { .footerInfoList__inner { margin-left: auto; margin-right: auto; max-width: 400px; padding: 0 2%; }
  .footerInfoList__item { font-size: 0.875rem; margin-bottom: 22px; margin-left: 1em; padding-left: 1em; }
  .footerInfoList__icoBlank:after { height: 14px; width: 17px; } }

#pagetop { background: rgba(92, 92, 92, 0.8); border-radius: 50%; bottom: 50px; height: 50px; opacity: 0.8; position: fixed; right: 10px; width: 50px; z-index: 1000; }

@media (min-width: 768px) { #pagetop { height: 80px; right: 25px; width: 80px; } }

#pagetop a { cursor: pointer; display: block; height: 50px; position: relative; text-align: center; text-decoration: none; width: 50px; }

@media (min-width: 768px) { #pagetop a { height: 80px; width: 80px; } }

#pagetop a:before { background: url(/line-official-account-noveltycoupon/img/up-solid.svg) 0 0 no-repeat; content: ""; height: calc(100% / 2); left: 54%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: calc(100% / 2); }
/*# sourceMappingURL=style.css.map */