@charset "UTF-8";
.sp { display: none; }

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

.mt8 { margin-top: 8px; }

.btn { background: #06c755; border: 2px solid #06c755; border-radius: 999em; color: #fff; display: inline-block; font-size: 1.4rem; min-width: 260px; padding: 8px; position: relative; text-align: center; -webkit-transition: all .4s; transition: all .4s; }

@media screen and (max-width: 1023px) { .btn { margin-top: 16px; } }

.btn:hover { background-color: #fff; color: #06c755; text-decoration: none; }

.pageH1Area--bg { background: url(/static/jp/purpose/img/mainVisual.jpg) 50% 50% no-repeat; background-size: cover; }

.serviceH2Area { align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; margin: 30px auto 60px; max-width: 940px; }

@media screen and (max-width: 1023px) { .serviceH2Area { align-items: center; -webkit-box-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; font-size: 2.4rem; margin: 0 auto 50px; width: auto; } }

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

@media screen and (max-width: 1023px) { .serviceH2Area:before { display: block; left: 0; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } }

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

@media screen and (max-width: 1023px) { .serviceH2Area:after { display: block; position: relative; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; } }

.serviceH2Area__tit { -webkit-box-flex: 0; color: #404040; -ms-flex: 0 0 auto; flex: 0 0 auto; font-family: "LINESeedJPStd ExtraBold"; font-size: 2.8rem; padding: 0 50px; text-align: center; }

@media screen and (max-width: 1023px) { .serviceH2Area__tit { font-size: 2.4rem; padding: 0 20px; } }

.container__text { text-align: center; }

.container__menu { -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin-top: 80px; width: 100%; }

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

.container__menu--list { border: 1px solid #06c755; border-radius: 5px; display: block; font-size: 1.4rem; position: relative; -webkit-transition: all .4s; transition: all .4s; width: 30%; }

@media screen and (min-width: 1023px) { .container__menu--list:hover { background-color: #e3ffea; }
.container__menu--list:hover .arrow-bottom { border-bottom-color: #fafafa; border-right-color: #fafafa; } }

@media screen and (max-width: 1023px) { .container__menu--list { border-bottom: 1px solid #ddd; border-left: none; border-radius: 0; border-right: none; border-top: 1px solid #ddd; margin-left: 0; width: 100%; }
.container__menu--list+.container__menu--list { border-top: none; } }

.container__menu--list:nth-of-type(n + 4) { margin-top: 20px; }

@media screen and (max-width: 1023px) { .container__menu--list:nth-of-type(n + 4) { margin-top: 0; } }

.container__menu--link { align-items: center; background-position: 2% 50%; background-repeat: no-repeat; background-size: 60px auto; -webkit-box-align: center; color: #333; cursor: pointer; display: block; -ms-flex-align: center; font-family: "LINESeedJPStd ExtraBold"; height: 100%; position: relative; }

.container__menu--link:after { border-right: solid 2px #06c755; border-top: solid 2px #06c755; content: ""; display: block; height: 8px; position: absolute; right: 25px; top: 38%; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; width: 8px; }

.container__menu--link.open:after { top: 45%; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.container__menu--link:hover { text-decoration: none; }

@media screen and (min-width: 1023px) { .container__menu--link:hover { color: #06c755; } }

.container__menu--name { align-items: center; -webkit-box-align: center; -webkit-box-pack: start; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: start; justify-content: flex-start; min-height: 70px; padding-left: 75px; text-align: left; }

.menu01 { background-image: url(../img/menu01.png); }

.menu02 { background-image: url(../img/menu02.png); }

.menu03 { background-image: url(../img/menu03.png); }

.menu04 { background-image: url(../img/menu04.png); }

.menu05 { background-image: url(../img/menu05.png); }

.menu06 { background-image: url(../img/menu06.png); }

.menu07 { background-image: url(../img/menu07.png); }

@media screen and (max-width: 1023px) { .scroll { -webkit-overflow-scrolling: touch; overflow-x: auto; padding-bottom: 16px; }
.scroll::-webkit-scrollbar { height: 10px; }
.scroll::-webkit-scrollbar-track { background: #f1f1f1; }
.scroll::-webkit-scrollbar-thumb { background: #bcbcbc; border-radius: 50px; } }

.scroll__text { display: none; }

@media screen and (max-width: 1023px) { .scroll__text { display: block; font-size: 1.3rem; margin-top: 8px; text-align: right; } }

.detail { padding-top: 100px; }

@media screen and (max-width: 1023px) { .detail { display: none; padding-bottom: 24px; padding-top: 16px; } }

.detail__sp { display: none; }

.detail__box { background-position: left top; background-repeat: no-repeat; background-size: 65px auto; padding-left: 90px; }

@media screen and (max-width: 1023px) { .detail__box { background-image: none; padding-left: 0; } }

.detail__title { border-left: 2px solid #06c755; color: #06c755; font-size: 2rem; padding: 0 .5em; }

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

.detail__text { margin-top: 8px; }

.detail__table { border-top: none; -webkit-box-pack: justify; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 1.4rem; justify-content: space-between; margin-top: 40px; }

@media screen and (max-width: 1023px) { .detail__table { min-width: 1200px; width: 100%; } }

.detail__table dd:not(.table-green) { border: 1px solid #ccc; margin-top: 8px; }

.detail__table--heading { align-items: center; background: #f2f2f2; -webkit-box-align: center; -webkit-box-pack: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; font-family: "LINESeedJPStd ExtraBold"; justify-content: center; margin-right: 2%; min-height: 80px; padding: 20px 10px; position: relative; text-align: center; width: 14%; }

@media screen and (max-width: 1023px) { .detail__table--heading { left: -1px; position: -webkit-sticky; position: sticky; } }

.detail__table--heading:after { border: solid transparent; border-color: rgba(242, 242, 242, 0); border-left-color: #f2f2f2; border-width: 15px; content: " "; height: 0; left: 100%; margin-top: -15px; pointer-events: none; position: absolute; top: 50%; width: 0; }

.detail__table--heading:before { border: 15px solid transparent; border-left: 15px solid #e0edff; content: ""; left: 100%; margin-top: -15px; position: absolute; top: 50%; }

.detail__table--block { display: -webkit-box; display: -ms-flexbox; display: flex; width: 84%; }

.detail__table--item { align-items: center; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 15px 10px; width: 16%; word-break: break-all; }

.detail__table--item+.detail__table--heading { margin-top: 8px; }

.detail__table--item p { margin-bottom: 16px; }

.detail__table--item+.detail__table--item { margin-left: 1%; }

.detail__table--link { border: 1px solid #ccc; border-radius: 999em; display: block; margin-top: auto; padding: 10px; text-align: center; -webkit-transition: all .4s; transition: all .4s; width: 100%; }

.detail__table--link:hover { background: #00b800; border: 1px solid #00b800; color: #fff; text-decoration: none; }

.table-green { background: #ebfff0; font-family: "LINESeedJPStd ExtraBold"; text-align: center; }

.arrow_box { background: #f2f2f2; position: relative; }

.arrow_box:after { border: solid transparent; border-color: rgba(242, 242, 242, 0); border-left-color: #f2f2f2; border-width: 90px; content: " "; height: 0; left: 100%; margin-top: -90px; pointer-events: none; position: absolute; top: 50%; width: 0; }

.aboutAccount { margin-top: 0; }

.service { margin-top: 40px; text-align: right; }

@media screen and (max-width: 1023px) { .service { margin-top: 16px; text-align: center; } }

.download { align-items: center; background: #dbdbdb; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; padding: 16px 10px; }

.download__tit { font-family: "LINESeedJPStd ExtraBold"; font-size: 2rem; margin-right: 40px; position: relative; }

.download__img { margin-right: 40px; width: 60px; }

.download__icon:after { background: url(/static/jp/purpose/img/download02.png) 0 0 no-repeat; background-size: cover; content: ""; height: 17px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; }

.btn:hover .download__icon:after { background: url(/static/jp/purpose/img/download02_hover.png) 0 0 no-repeat; background-size: cover; content: ""; height: 17px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 20px; }

.service__icon:after { background: url(/static/jp/common/img/ico_rightArrow02.png) 0 0 no-repeat; background-size: cover; content: ""; height: 10px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; }

.btn:hover .service__icon:after { background: url(/static/jp/common/img/ico_rightArrow01.png) 0 0 no-repeat; background-size: cover; content: ""; height: 10px; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; }

.top-linklist__btn { display: none; }
.top-linklist__list ul { display: flex; flex-wrap: wrap; gap: 20px; }
.top-linklist__list li { width: calc((100% - 40px) / 3); }
.top-linklist__list a { align-items: center; background-color: #f7f7f7; border-radius: 6px; color: #00003e; display: flex; font-family: "LINESeedJPStd Regular"; justify-content: center; line-height: 1.4; min-height: 80px; padding-inline: 110px 90px; position: relative; text-decoration: none; transition: all .2s var(--transition-default); width: 100%; }
.top-linklist__list [class^="lbicon-"] { align-items: center; display: flex; height: 56px; justify-content: center; left: 24px; position: absolute; top: 12px; width: 72px; }
.top-linklist__list .lbicon-new_customer:before { font-size: 46px; }
.top-linklist__list .lbicon-shop_search:before { font-size: 54px; }
.top-linklist__list .lbicon-rising_graph:before { font-size: 51px; }
.top-linklist__list .lbicon-shopping:before { font-size: 53px; }
.top-linklist__list .lbicon-rotate_human:before { font-size: 49px; }
.top-linklist__list .lbicon-handshake:before { font-size: 37px; }
.top-linklist__list a::after { align-items: center; background-color: #d6d9e0; border-radius: 100%; color: #00003e; content: "\e900"; display: flex; font-family: "linebiz-icon"; font-size: 16px; height: 56px; justify-content: center; position: absolute; right: 20px; top: 26px; transform: scale(.5); transform-origin: 100% 0; transition: all .2s var(--transition-default); width: 56px; }
.top-linklist--active a { background-color: #00003e !important; box-shadow: none !important; color: #fff !important; }
.top-linklist--active a::after { background-color: #fff !important; color: #00003e !important; }

@media (hover: hover) { .top-linklist__list a:hover { background-color: #fcfcfc; box-shadow: 2px 2px 8px rgba(90, 90, 90, .32); }
.top-linklist__list a:hover::after { background-color: #00003e; color: #fff; } }

@media screen and (min-width: 1024px) { .top-linklist__list { display: block !important; } }

@media screen and (max-width: 1023px) { .top-linklist { border-radius: 6px; overflow: hidden; }
.top-linklist__btn { align-items: center; appearance: none; background-color: #00003e; border: none; color: #fff; cursor: pointer; display: flex; font-size: 1.6rem; justify-content: center; min-height: 60px; outline: none; padding-inline: 70px; position: relative; width: 100%; }
.top-linklist__btn::after { align-items: center; background-color: #fff; border-radius: 100%; color: #00003e; content: "\e900"; display: flex; font-family: "linebiz-icon"; font-size: 16px; height: 56px; justify-content: center; position: absolute; right: 2px; top: 2px; transform: scale(.5) rotate(90deg); transition: all .2s var(--transition-default); width: 56px; }
.top-linklist__btn[aria-expanded="true"]::after { transform: scale(.5) rotate(-90deg); }
.top-linklist__list { display: none; }
.top-linklist__list ul { display: block; }
.top-linklist__list li { border-top: 1px solid #d6d9e0; width: auto; }
.top-linklist__list a { font-size: 1.6rem; min-height: 60px; padding-inline: 70px; }
.top-linklist__list [class^="lbicon-"] { height: 42px; left: 14px; top: 9px; width: 54px; }
.top-linklist__list .lbicon-new_customer:before { font-size: 34px; }
.top-linklist__list .lbicon-shop_search:before { font-size: 41px; }
.top-linklist__list .lbicon-rising_graph:before { font-size: 38px; }
.top-linklist__list .lbicon-shopping:before { font-size: 40px; }
.top-linklist__list .lbicon-rotate_human:before { font-size: 37px; }
.top-linklist__list .lbicon-handshake:before { font-size: 28px; }
.top-linklist__list a::after { content: none; }
.top-linklist--active { display: none; } }

.contents__purpose-details { background: #f2f4f8; background: linear-gradient(180deg, transparent 0%, transparent 160px, #f2f4f8 160px, #f2f4f8 100%); }
.contents__purpose-details .contents__inner { padding-top: 0; }

.purpose-heading { background-color: #00003e; color: #fff; display: flex; height: 321px; margin-bottom: 80px; }
.purpose-heading__text { display: flex; flex: none; flex-direction: column; gap: 30px; justify-content: center; padding-left: 53px; width: 600px; }
.purpose-heading__title { font-family: "LINESeedJPStd ExtraBold"; font-size: 3.6rem; }
.purpose-heading__title [class^="lbicon-"] { align-items: center; display: inline-flex; font-weight: normal; height: 65px; justify-content: center; margin-right: 12px; vertical-align: bottom; width: 84px; }
.purpose-heading__title .lbicon-new_customer { font-size: 56px; }
.purpose-heading__title .lbicon-shop_search { font-size: 64px; }
.purpose-heading__title .lbicon-rising_graph { font-size: 59px; }
.purpose-heading__title .lbicon-shopping { font-size: 62px; }
.purpose-heading__title .lbicon-rotate_human { font-size: 57px; }
.purpose-heading__title .lbicon-handshake { font-size: 43px; }
.purpose-heading__desc { font-size: 1.6rem; line-height: 2; }
.purpose-heading__image { flex: 1 0 0; }
.purpose-heading__image img { clip-path: polygon(178px 0, 100% 0, 100% 100%, 0 100%); height: 100%; object-fit: cover; width: 100%; }

@media screen and (max-width: 1023px) { .contents__purpose-details { background: linear-gradient(180deg, transparent 0%, transparent 213px, #f2f4f8 213px, #f2f4f8 100%); }
.purpose-heading { display: block; height: auto; margin-bottom: 40px; }
.purpose-heading__text { gap: 20px; padding: 28px 16px 14px; width: auto; }
.purpose-heading__title { font-family: "LINESeedJPStd ExtraBold"; font-size: 2.6rem; }
.purpose-heading__title [class^="lbicon-"] { height: 35px; margin-right: 8px; vertical-align: middle; width: 46px; }
.purpose-heading__title .lbicon-new_customer { font-size: 29px; }
.purpose-heading__title .lbicon-shop_search { font-size: 35px; }
.purpose-heading__title .lbicon-rising_graph { font-size: 33px; }
.purpose-heading__title .lbicon-shopping { font-size: 35px; }
.purpose-heading__title .lbicon-rotate_human { font-size: 32px; }
.purpose-heading__title .lbicon-handshake { font-size: 23px; }
.purpose-heading__desc { font-size: 1.4rem; line-height: 1.8; }
.purpose-heading__image img { clip-path: polygon(0 46px, 100% 0, 100% 100%, 0 100%); height: 212px; } }

.purpose-service { background-color: #fff; color: #3c3c3c; display: flex; font-family: "LINESeedJPStd Regular"; gap: 5.5%; padding: 40px 40px 40px 60px; transition: all .4s ease; }
.purpose-service:active { text-decoration: none; }
.purpose-service+.purpose-service { margin-top: 40px; }
.purpose-service { background: linear-gradient(117deg, #06c755 0%, #06c755 40px, #fff 40px, #fff 100%) !important; }
.purpose-service--red { background: linear-gradient(117deg, #f03 0%, #f03 40px, #fff 40px, #fff 100%) !important; }
.purpose-service--navy { background: linear-gradient(117deg, #333364 0%, #333364 40px, #fff 40px, #fff 100%) !important; }
.purpose-service--blue { background: linear-gradient(117deg, #225cff 0%, #225cff 40px, #fff 40px, #fff 100%) !important; }
.purpose-service__text { width: 55%; }
.purpose-service__image { align-self: flex-start; border-radius: 6px; overflow: hidden; width: 39.5%; }
.purpose-service__image img { transition: all .4s ease; }
.purpose-service__title { color: #06c755; font-family: "LINESeedJPStd Bold"; font-size: 2.4rem; margin-bottom: 24px; }
.purpose-service--red .purpose-service__title { color: #f03; }
.purpose-service--navy .purpose-service__title { color: #333364; }
.purpose-service--blue .purpose-service__title { color: #225cff; }
.purpose-service__btn { margin-top: 28px; text-align: left; }
.purpose-service__btn>span { align-items: center; background-color: #00003e; background-image: linear-gradient(135deg, #d6d9e0 50%, transparent 50%); background-position: 100%; background-size: 230%; border-radius: 40px; color: #fff; display: inline-flex; font-family: "LINESeedJPStd Bold"; font-size: 1.4rem; justify-content: center; letter-spacing: .1rem; line-height: 1.5; min-height: 52px; min-width: 187px; padding: 3px 50px 3px 28px; position: relative; text-align: left; text-decoration: none; transition: all .4s ease-in-out; }

@media (hover: hover) { .purpose-service:hover { box-shadow: 2px 2px 8px rgba(90, 90, 90, .32); text-decoration: none; }
.purpose-service:hover .purpose-service__image img { transform: scale(1.05); }
.purpose-service:hover .purpose-service__btn>span { background-position: 0; color: #00003e; text-decoration: none; }
.purpose-service:hover .purpose-service__btn .defaultBtn__arrow01:after { background-image: url("/static/jp/common/img/ico_rightArrow01.svg"); } }

@media screen and (max-width: 1023px) { .purpose-service { flex-direction: column-reverse; gap: 20px; padding: 20px 16px; }
.purpose-service+.purpose-service { margin-top: 36px; }
.purpose-service__text { width: 100%; }
.purpose-service__image { width: 100%; }
.purpose-service__image img { width: 100%; }
.purpose-service__title { font-size: 1.8rem; margin-bottom: 14px; }
.purpose-service__desc { font-size: 1.4rem; }
.purpose-service__btn { margin-top: 18px; text-align: center; }
.purpose-service__btn>span { justify-content: flex-start; max-width: 100%; width: 300px; } }

.conversion-box { padding-top: 100px; }

@media screen and (max-width: 1023px) { .conversion-box { padding-top: 50px; } }