@charset "UTF-8";
html { font-size: 62.5%; }

.bg__gray { background: #f2f2f2; }

.H2Area { -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: 30px auto 0; width: 940px; }

@media (max-width: 1023px) { .H2Area { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 2.4rem; position: relative; width: auto; } }

.H2Area:before { background-color: #707070; content: ""; height: 1px; width: 100%; }

@media (max-width: 1023px) { .H2Area:before { background-color: #707070; display: block; left: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } }

.H2Area:after { background-color: #707070; content: ""; height: 1px; width: 100%; }

@media (max-width: 1023px) { .H2Area:after { background-color: #707070; display: block; 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: 2.8rem; font-weight: bold; padding: 0 50px; text-align: center; }

@media (max-width: 1023px) { .H2Area__title { font-size: 2.4rem; padding: 0 25px; } }

.pageTxt { margin-top: 50px; text-align: center; }

@media (max-width: 1023px) { .pageTxt { margin-top: 30px; } }

.mainVisual { border-bottom: 1px solid #cccccc; height: 450px; overflow: hidden; }

@media (max-width: 1023px) { .mainVisual { background-image: url(/static/jp/service/line-official-account/cpf/cashback/img/mainVisual_bg_sp.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; height: auto; } }

.mainVisual__sp { display: none; }

@media (max-width: 1023px) { .mainVisual__sp { display: block; width: 100%; } }

.mainVisual__outer { background-image: url(/static/jp/service/line-official-account/cpf/cashback/img/mainVisual_bg.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 350px; }

@media (max-width: 1023px) { .mainVisual__outer { display: none; } }

.mainVisual__inner { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; max-width: 1200px; padding: 0 20px; position: relative; }

.mainVisual__inner:after { background-image: url(/static/jp/service/line-official-account/cpf/cashback/img/mainVisual_img.png); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; bottom: -240px; content: ""; height: 520px; position: absolute; right: 0; width: 300px; }

.mainVisual__left { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 65%; }

.mainVisual__bubble { max-width: 650px; width: 100%; }

.mainVisual__lead { color: #ffffff; font-family: "A-OTF UD新ゴ Pro", A-OTF UD Shin Go Pro, "A-OTF UD新ゴ Pro", A-OTF UDShin Go Pro, HiraKakuProN, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "メイリオ", Meiryo, sans-serif; font-size: 2.2rem; font-weight: 500; margin-top: 16px; }

.mainVisual__lead span { font-size: 3rem; font-weight: 900; }

.mainVisual__title { margin-top: 16px; }

.mainVisual__date { bottom: -75px; position: absolute; width: 65%; }

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

.flow { 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-top: 50px; }

@media (max-width: 1023px) { .flow { margin-top: 30px; } }

.flow__list { position: relative; width: calc(100% / 3 - 30px); }

@media (max-width: 1023px) { .flow__list { width: 100%; } }

.flow__list:not(:last-child)::after { border-bottom: 30px solid transparent; border-left: 30px solid #707070; border-top: 30px solid transparent; content: ""; height: 0; position: absolute; right: -40px; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 0; }

@media (max-width: 1023px) { .flow__list:not(:last-child)::after { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #707070; left: 50%; margin-top: 24px; top: 100%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

@media (max-width: 1023px) { .flow__list:not(:first-child) { margin-top: 62px; } }

.flow__title { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.flow__title h3 { font-size: 2rem; margin-bottom: 32px; }

@media (max-width: 1023px) { .flow__title h3 { font-size: 1.8rem; } }

.flow__title01:after { background-image: url(/static/jp/service/line-official-account/cpf/cashback/img/entry01.png); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 130px; margin-top: auto; width: 144px; }

.flow__title02:after { background-image: url(/static/jp/service/line-official-account/cpf/cashback/img/entry02.png); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 130px; margin-top: auto; width: 74px; }

.flow__title03:after { background-image: url(/static/jp/service/line-official-account/cpf/cashback/img/entry03.png); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 130px; margin-top: auto; width: 115px; }

.flow__title:after { content: ""; display: inline-block; }

.table { font-size: 1.8rem; margin: 50px auto 0; max-width: 940px; }

@media (max-width: 1023px) { .table { font-size: 1.5rem; } }

.table__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 40px; }

.table__inner:not(:first-child) { padding-top: 40px; }

.table__inner:not(:last-child) { border-bottom: 1px dashed #707070; }

.table__inner dt { font-weight: 700; width: 25%; }

@media (max-width: 1023px) { .table__inner dt { font-size: 1.6rem; text-align: center; width: 100%; } }

.table__inner dd { line-height: 1.8; width: 75%; }

@media (max-width: 1023px) { .table__inner dd { margin-top: 16px; width: 100%; } }

.table__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 1023px) { .table__list { display: block; } }

.table__list span { display: inline-block; width: 20%; }

@media (max-width: 1023px) { .table__list span { width: 100%; } }

.table__caution { margin-top: 24px; }

.table__caution--list { font-size: 1.4rem; padding-left: 1em; text-indent: -1em; }

.table__caution--list:before { content: "※"; }

.disc { padding-left: 1em; text-indent: -1em; }

.disc:before { content: "・"; font-weight: 700; margin-right: 4px; }

.applicable { background: #ffffff; margin: 0 auto; max-width: 940px; padding: 40px; }

@media (max-width: 1023px) { .applicable { padding: 24px; } }

.applicable__inner { counter-reset: number; margin-top: 32px; }

@media (max-width: 1023px) { .applicable__list:not(:first-child) { margin-top: 8px; } }

.applicable__list:before { content: counter(number) "."; counter-increment: number; padding-right: 5px; }

.caution { font-size: 1.4rem; margin: 0 auto; margin-top: 24px; max-width: 900px; padding-left: 1em; text-indent: -1em; }

.chance { text-align: center; }

.btn { margin: 40px auto; max-width: 1200px; }

.btn__inner { text-align: center; }

.btn__link { border-radius: 50px; display: inline-block; font-size: 1.4rem; font-weight: 700; line-height: 1.5; min-width: 260px; padding: 9px 33px 8px 33px; position: relative; -webkit-transition: 0.4s all; transition: 0.4s all; }

.btn__link:hover { text-decoration: none; }

.entryBtn__link { background: #ff6951; border: 2px solid #ff6951; color: #ffffff; }

.entryBtn__link:hover { background: #ffffff; color: #ff6951; }

.entryBtn__link:hover::after { background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow07.png) 0 0 no-repeat; background-size: cover; }

.entryBtn__link:after { background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat; background-size: cover; content: ""; display: inline-block; height: 10px; position: absolute; right: 17px; top: calc(50% - 5px); vertical-align: middle; width: 6px; }

.gray-Btn__link { background: #ffffff; border: 2px solid #707070; color: #707070; }

.gray-Btn__link:hover { background: #707070; color: #ffffff; }

.gray-Btn__link:hover::after { background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat; background-size: cover; }

.gray-Btn__link:after { background: url(https://www.linebiz.com/static/jp/common/img/ico_rightArrow06.png) 0 0 no-repeat; background-size: cover; content: ""; display: inline-block; height: 10px; position: absolute; right: 17px; top: calc(50% - 5px); vertical-align: middle; width: 6px; }
/*# sourceMappingURL=style.css.map */