@charset "UTF-8";
/*---defaultCSS_reset---*/
.tab-panel-wrapper { padding-top: 0; }
.elem-pic-block__holder { background: transparent; }
.salespkg-top-wp .elem-heading-lv2 { text-align: center; margin-top: 0; margin-bottom: 3rem; padding-top: 0; }
.salespkg-top-wp .elem-heading-lv2 .elem-heading-lv2__heading-container::before,
.salespkg-top-wp .elem-heading-lv3 .elem-heading-lv3__heading-container::before { display: none; }
@media (min-width: 1025px) { .main-column>div { padding: 0; } }
@media (max-width: 1024px) and (min-width: 569px) { .main-column>div { padding: 0; } }

#tab-navigation { display: none; }
.elem-heading-lv2 .elem-heading-lv2__heading-container h2 { font-weight: 600; }

/*---common---*/
.salespkg-top-wp { color: #000; }
.salespkg-sec01-wp, .salespkg-sec02-wp, .salespkg-sec03-wp, 
.salespkg-sec04-wp, .salespkg-sec05-wp, .salespkg-sec06-wp { padding:0; margin: 0 auto; }
.sec-inner-wp { max-width: 1080px; margin: 0 auto; padding: 0 16px; }

.salespkg-sec03-wp .elem-heading-lv2 .elem-heading-lv2__sub-container--lower,
.sec05-inner-wp.flow .elem-heading-lv2 .elem-heading-lv2__sub-container--lower { color:#000; font-size: 1.25rem; }


/*---KVbt---*/
.page-title-components { background-color: #112f4c; padding: 16px 0; }
.page-title-components .elem-btn-list>div { text-align: center !important; }
.page-title-components .elem-btn-list ul { display: flex; flex-wrap: wrap; justify-content: space-evenly; align-items:center; }
.page-title-components .elem-btn-list li { margin-bottom: .5rem; width: calc(96% / 4); margin-left: 0; }
.page-title-components .elem-btn__holder span { padding: 0 1rem; }
.page-title-components .elem-btn__container { padding: 1rem !important; border-radius: 3rem; border: none; text-align: center !important; font-size: 1rem; width: auto !important; }
.page-title-components .elem-btn__container:hover { border: none; box-shadow: 5px 5px 10px rgba(0, 0, 0, .8); }
.page-title-components .icon-new-window { display: none; }
.page-title-components .elem-btn__holder { background-repeat: no-repeat; background-position: 10px 50%; background-size: auto 18px; }


/*お問い合わせボタン*/
.page-title-components li:first-of-type .elem-btn .elem-btn__container:hover { color: #fff; }
.page-title-components li:first-of-type a { background-color: #008fd3 !important; color:#fff; }
.page-title-components li:first-of-type .elem-btn__holder { background-image: url("/image.jsp?id=17391"); }

/*試用版*/
.page-title-components li:nth-of-type(2) .elem-btn .elem-btn__container:hover { color: #000; }
.page-title-components li:nth-of-type(2) a { background-color: #fffbe6 !important; color:#000; }
.page-title-components li:nth-of-type(2) .elem-btn__holder { background-image: url("/image.jsp?id=17392"); }

/*資料DL*/
.page-title-components li:nth-of-type(3) .elem-btn .elem-btn__container:hover { color: #000; }
.page-title-components li:nth-of-type(3) a { background-color: #aee6fd !important; color:#000; }
.page-title-components li:nth-of-type(3) .elem-btn__holder { background-image: url("/image.jsp?id=17393"); }

/*購入する*/
.page-title-components li:nth-of-type(4) .elem-btn .elem-btn__container:hover { color: #000; }
.page-title-components li:nth-of-type(4) a { background-color: #fdceae !important; color:#000; }
.page-title-components li:nth-of-type(4) .elem-btn__holder { background-image: url("/image.jsp?id=17669"); }


/*---nav---*/
.salespkg-nav { position: relative; background-color: #112f4c; padding: 1rem 0 0; min-height: 2rem; }
.salespkg-nav nav { position: absolute; max-width: 1120px; margin: 0 auto; width: 100%; top:0; left: 50%; transform: translateX(-50%); z-index:1; }
.salespkg-nav ul {
display: flex; flex-wrap: wrap; justify-content: center; margin: 0 auto; background-color: #fff; border: 2px solid #000; border-bottom: 4px solid #000; }
.salespkg-nav ul li {
position: relative;
width: calc(100% / 5);
box-sizing: border-box;
border-right: 2px solid #000;
padding: 0;
margin: 10px 0;
text-align: center;
font-size: 1.125rem;
font-weight: bold;
}
.salespkg-nav ul li:last-child { border-right: 0; }
.salespkg-nav ul li a { color: #000; text-decoration: none; display: block; padding: 10px 0 32px; margin: 0 4px; }
.salespkg-nav ul li:after {
content: '';
width: 1.125rem;
height: 1.125rem;
display: block;
position: absolute;
bottom: 0.5rem;
left: 50%;
transform: translate(-50%, 0) rotate(45deg);
border-right: 4px solid #008fd3;
border-bottom: 4px solid #008fd3;
}
.salespkg-nav ul li:hover::after { bottom: 0.3rem; transition: .15s; }

/*---sec01　サービス概要---*/
.sec01-inner-wp { padding: 8rem 0 32px; }

.sec01-inner-wp.issue { background-color: #f1f6f8; position: relative; }
.sec01-inner-wp.issue::after { content: ''; position: absolute; bottom: -50px; left: 0; width: 0; height: 0; border-left: 50vw solid transparent; border-right: 50vw solid transparent;border-top: 50px solid #f1f6f8; }

.sec01-inner-wp.issue .sec-inner-wp { padding-top: 32px; }

.sec01-inner-wp.issue .elem-heading-lv2__title-holder span { display:inline-block; margin: 0 16px; border-bottom: 3px solid #000; position: relative; padding-bottom: .5rem; }
.sec01-inner-wp.issue .elem-heading-lv2__title-holder span:before {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
bottom: calc(0px - 1.4rem - 2px);
left: 50%;
border: 0.7rem transparent solid;
border-top: 0.7rem #000 solid;
transform: translate(-50%, 0);
z-index: 1;
}
.sec01-inner-wp.issue .elem-heading-lv2__title-holder span:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
bottom: -1.3rem;
left: 50%;
border: 0.8rem transparent solid;
border-top: 0.8rem #f1f6f8 solid;
transform: translate(-50%, 0);
z-index: 2;
}

.sec01-inner-wp.about { background-color: #fff; }
.elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #000; }

.sec01-inner-wp.about .elem-catch.align-center { margin-bottom: 0; }
.sec01-inner-wp.about .elem-catch.align-center p { font-size: 1.5rem; font-weight: 600; }
.sec01-inner-wp.about .elem-catch.align-center span.test { background-color: #00488e; color: #fff; padding: 4px 8px; margin: 8px; }
.sec01-inner-wp.about .elem-paragraph p { color: #000; }

/*---sec02　特徴---*/
.salespkg-sec02-wp { background-color: #fff; }
.sec02-inner-wp { background-color: #008fd3; padding: 48px 16px 80px; margin-top: 80px; }
.sec02-inner-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; }
.sec02-inner-wp .divide-layout.divide-layout--column-3 { max-width: 1080px; margin: 0 auto; }

.sec02-h2title-wp .test { display: block; color: #008fd3; background-image: url("/image.jsp?id=17402"); background-repeat: no-repeat; background-position: 50% 0; padding-top: 112px; }

.salespkg-sec02-wp .elem-pic-block__txt-container .elem-catch { margin-bottom: 0; }
.salespkg-sec02-wp .elem-pic-block__txt-container .elem-catch p { color: #00488e; font-size: 3.15rem; font-weight: 900; line-height: 1.2; }
.salespkg-sec02-wp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-weight: 600; font-size: 1.75rem; }
.salespkg-sec02-wp .elem-heading-lv3 .elem-heading-lv3__heading-container { padding-left: 0; }
.salespkg-sec02-wp .elem-heading-lv3 { margin-top: 0; }
.salespkg-sec02-wp .elem-paragraph.align-left p { color:#000; }

.salespkg-sec02-wp .elem-btn .elem-btn__container { border: none; background-color: #000; color: #fff; border-radius: 3rem; text-align: center; max-width: 22rem; }
.salespkg-sec02-wp .elem-btn .icon-right-arrow { fill:#fff; }

.salespkg-sec02-wp .sec-inner-wp .elem-pic-block__holder { border: 2px solid #ddd; border-radius: 12px; }
.salespkg-sec02-wp .sec-inner-wp .elem-pic-block--horizontal { margin-bottom: 6rem; }
.salespkg-sec02-wp .sec-inner-wp .elem-pic-block--horizontal .elem-pic-block__pic-container { max-width: 380px; margin: 0 auto 0 32px; }


/*---sec03　導入事例・ユースケース---*/
.sec03-inner-wp.casestudy { background-color: #f1f6f8; padding: 48px 16px 80px; }
.sec03-inner-wp.usecase { background-color: #fff; padding: 48px 16px 80px; }

.casestudy-wp { max-width: 1080px; margin: 0 auto; padding: 32px; background-color: #fff; border: 2px solid #ddd; border-radius: 15px; }
.casestudy-wp .elem-heading-lv3 .elem-heading-lv3__heading-container { padding-left: 0; }
.casestudy-wp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-weight: 600; font-size: 1.75rem; }
.casestudy-wp .elem-btn .elem-btn__container { border: none; background-color: #000; color: #fff; border-radius: 3rem; text-align: center; }
.casestudy-wp .elem-btn .icon-right-arrow { fill:#fff; }
.casestudy-wp .divide-layout__item:nth-of-type(2) .elem-pic-block__holder>div img { border-radius: 16px; }
.casestudy-wp .elem-txt-list--description .elem-txt-list__description-term, .casestudy-wp .elem-txt-list--description .elem-txt-list__description-txt { color:#000; }

.usecase .divide-layout.divide-layout--column-3 { max-width: 1160px; margin: 0 auto; }
.usecase .divide-layout__item { padding: 32px; border-radius: 15px; background-color: #f1f6f8; }
.usecase .divide-layout__item .elem-paragraph p { display: inline-block; background-color: #00488e; color: #fff; padding: 2px 10px; }
.usecase .divide-layout__item .elem-txt-list__unordered { display: none; }
/* .usecase .divide-layout__item:first-of-type { background-color: #00488e; }
.usecase .divide-layout__item:first-of-type .elem-paragraph p { color:#00488e; }
/* .usecase .divide-layout__item:nth-of-type(2) { background-color: #008fd3; } 
.usecase .divide-layout__item:nth-of-type(2) .elem-paragraph p { color:#008fd3; }
/* .usecase .divide-layout__item:nth-of-type(3) { background-color: #112f4c; } 
.usecase .divide-layout__item:nth-of-type(3) .elem-paragraph p { color:#112f4c; } */
.usecase .elem-heading-lv5 h5 { color: #000; }
.usecase .elem-pic-block__holder>div img { border-radius: 10px }


/*---sec04　各種機能の詳細---*/
.salespkg-sec04-wp { background-color: #f1f6f8; padding: 48px 16px 80px; }
.salespkg-sec04-wp .elem-heading-lv5 h5 { position: relative; padding-left: 32px; font-weight: 600; font-size: 1.25rem; }
.salespkg-sec04-wp .elem-paragraph p { color: #000; }

.salespkg-sec04-wp .elem-heading-lv5 h5::before {
position: absolute;
display: block;
left: 0;
top: 50%;
align-items: center;
justify-content: center;
font-size: 12px;
color: #fff;
content: '';
width: 1.5rem;
height: 1.5rem;
border-radius: 100%;
background: #000;
transform: translate(0, -50%) rotate(45deg);
}
.salespkg-sec04-wp .elem-heading-lv5 h5::after {
content: '';
position: absolute;
left: 10px;
top: 50%;
width: 0.6rem;
height: 0.6rem;
border-left: 3px solid #fff;
border-top: 3px solid #fff;
transform: translate(-50%, -50%) rotate(135deg);
z-index: 2;
}
.salespkg-sec04-wp .divide-layout { max-width: 1160px; margin: 0 auto; }
.salespkg-sec04-wp .elem-txt-list__unordered { display: none; }
.salespkg-sec04-wp .elem-pic-block__holder>div img { border-radius: 12px; border: 2px solid #000; }

/*動作環境*/
.os-support-wp{ margin: 48px auto 0; max-width: 1080px; }
.os-support-wp .elem-heading-lv2 { margin-bottom: 2rem; }
.os-support-wp table { max-width: 1080px; margin: 0 auto; border: 2px solid #222; }
.os-support-wp th, .os-support-wp td { border: 1px solid #222; }
.os-support-wp .elem-paragraph.align-right p { font-size: .75rem; }
.os-support-wp .elem-paragraph.align-right .font-note { color: #000; }
.os-support-wp h2 .font-note { color: #221; font-size: 1.2rem; display: inline-block; }

/*----sec05　料金体系・導入の流れ----*/
.sec05-inner-wp.price { background-color: #00488e; padding: 48px 16px 80px; }
.sec05-inner-wp.price .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; }
.sec05-inner-wp.price .elem-heading-lv2__sub-container--lower { color: #fff; font-size: 1.25rem; }
.price-wp { max-width: 1160px; margin: 0 auto 32px; background-color: #fff; padding: 32px 32px 32px 0; border-radius: 10px; }

.h3-wp { background-color: #000; color: #fff; display: inline-block; padding: 6px 16px; margin-bottom: 16px; font-size: 1.125rem; }
.h3-wp span { padding-left: 10px; margin-left: 10px; border-left: 2px solid #fff; }
.price-inner-wp { padding-left: 32px; display: flex; margin-top: 16px; }

.price-inner-l { width: 300px; }
.price-inner-l ul { margin-top: .5rem; margin-left: 32px; }
.price-inner-l li { list-style: disc; padding-bottom: .5rem; font-weight: 600; font-size: 1.125rem; }

.price-inner-r { width: calc(100% - 280px); }
.price-inner-r table { width: 100%; border: 2px solid #000; margin-bottom: 32px; }
.price-inner-r th { background-color: #f1f6f8; text-align: center; }
.price-inner-r th, td { border: 1px solid #000; }
.price-inner-r th, .price-inner-r td { padding: 10px 4px; text-align: center; font-weight: 500; }
.price-inner-r .price { font-size: 1.5rem; font-weight: 600; }
.price-inner-r .tax { display: block; font-size: .88rem; }

.sec05-inner-wp.price .elem-paragraph .font-note { color: #fff; }

.sec05-inner-wp.price a.elem-btn__container { border: none; background-color: #000; color: #fff; border-radius: 3rem; text-align: center; max-width: 22rem; margin: 0 auto; }
.sec05-inner-wp.price .elem-btn .elem-btn__container .icon-new-window,
.sec05-inner-wp.price .elem-btn .elem-btn__container:hover .icon-new-window { fill: #fff; }

.sec05-inner-wp.flow { background-color: #f1f6f8; padding: 48px 16px 80px; }
.sec05-inner-wp.flow .flow-wp { max-width: 1080px; margin: 0 auto; }
.sec05-inner-wp.flow li { display: flex; align-items: center; padding: 16px; border: 2px solid #000; margin-bottom: 32px; border-radius: 16px; background-color: #fff; }
.step-ico { display: inline-block; width: 5rem; min-width: 5rem; height: 5rem; border-radius: 50%; background-color: #000; text-align: center; line-height: 5rem; color: #fff; font-weight: 500; margin-right: 16px; font-size: 1.125rem; }
.step-num { font-size: 1.75rem; }
.step-title { font-size: 1.5rem; font-weight: 600; margin: 0 32px 0 0; min-width: 16rem; }

/*----sec06　よくある質問----*/
.salespkg-sec06-wp { background-color: #fff; padding: 48px 16px 80px; max-width: 1080px; }

.salespkg-sec06-wp .elem-txt-list--faq .icon-question {
background-color: #008fd3;
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
display: inline-block;
text-align: center;
font-size: 1.25rem;
font-weight: 600;
line-height: 2.25rem;
}
.salespkg-sec06-wp .elem-txt-list--faq__question-container .elem-paragraph p { font-size: 1.125rem; color: #000; }
.salespkg-sec06-wp .elem-txt-list--faq__answer-container .elem-paragraph p { font-size: 1.125rem; color: #000; }

.salespkg-sec06-wp .elem-txt-list--faq>div>div>div>div>.elem-txt-list__ordered>.elem-txt-list__item:first-child { border-top: 2px solid #000; }
.salespkg-sec06-wp .elem-txt-list--faq>div>div>div>div>.elem-txt-list__ordered>.elem-txt-list__item { border-bottom: 2px solid #000; }

.elem-txt-list--faq__question-container .icon-open-close>span,
.elem-txt-list--faq__question-container .icon-open-close>span::before { background: #000; }

.elem-txt-list--faq .icon-answer {
background-color: #000;
border-radius: 50%;
width: 2.25rem;
height: 2.25rem;
display: inline-block;
text-align: center;
font-size: 1.25rem;
font-weight: 600;
line-height: 2.25rem;
}

/*---- お問い合わせ ----*/
.salespkg-contact-wp { background-color: #112f4c; padding: 48px 16px 80px; }
.salespkg-contact-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; }
.salespkg-contact-wp .elem-txt-list--column-4 { background-color: #112f4c; }
.salespkg-contact-wp .elem-txt-list--column-4>div { max-width: 1080px; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item { display: block; width: calc( 92% / 3 ); border: none; border-radius: 3rem; margin: .5rem .5rem; font-size: 1.25rem; text-align: center; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__unordered { justify-content: space-between; }
.salespkg-contact-wp .elem-txt-list__unordered a { border: none; }
.salespkg-contact-wp .elem-txt-list__unordered a:hover { border: none; box-shadow: 5px 5px 10px rgba(0, 0, 0, .8); }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item div { position: relative; padding: 1rem; font-weight: bold; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item .icon-new-window { display: none; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item::before { border: none; }
.salespkg-contact-wp .elem-txt-list__item span { padding: 0 32px; }
/*お問い合わせボタン*/
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:first-of-type { color: #fff; background-color: #008fd3 !important; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:first-of-type div::before { content: url(/image.jsp?id=17391); position: absolute; top: 30%; left: 2rem; width: 30px; height:23px; }
/*試用版*/
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:nth-of-type(2) { background-color: #fffbe6 !important; color:#000; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:nth-of-type(2) div::before { content: url(/image.jsp?id=17392); position: absolute; top: 28%; left: 2rem; width: 30px; height:30px; }
/*資料DL*/
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:last-of-type { background-color: #aee6fd !important; color:#000; }
.salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item:last-of-type div::before { content: url(/image.jsp?id=17393); position: absolute; top: 26%; left: 2rem; width: 30px; height:33px; }


/*---- お試し ----*/
.salespkg-trial-wp { background-color: #008fd3; padding: 48px 16px 80px; }
.salespkg-trial-wp .elem-pic-block.elem-pic-block--horizontal.elem-pic-block--img-right { max-width: 1160px; margin: 0 auto; }
.salespkg-trial-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { color: #fff; }
.salespkg-trial-wp .elem-paragraph p { color: #fff; font-size: 1.125rem; }
.salespkg-trial-wp .elem-btn__container { background-color: #fff !important; color: #000 !important; border: none !important; border-radius: 4rem; max-width: 28rem !important; padding: 32px !important; font-size: 1.25rem; text-align: center; border: 2px solid #000 !important; border-bottom: 6px solid #000 !important; }
.salespkg-trial-wp .elem-btn .icon-new-window, .elem-btn .elem-btn__container:hover .icon-new-window { fill: #000; }

@media (min-width:769px){
.pc-none { display: none; }
}/*min-width769*/

@media (max-width:768px){
    .main-column>div { padding: 0; }
    .salespkg-top-wp+div, .salespkg-top-wp+div+div { padding-left: 16px; padding-right: 16px; }
    .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { font-size: 2rem; line-height: 1.5; }
    .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-size: 1.75rem; line-height: 1.5; }
    .elem-paragraph p { font-size: 1rem; }

    .page-title-components .elem-btn .elem-btn__container { margin: 0 auto 16px; }
    .page-title-components .elem-btn__holder { background-size: 18px auto; }
    .page-title-components .elem-btn-list ul { display: block; }
    .page-title-components .elem-btn-list li { width: 100%; }

    .salespkg-nav { min-height: 8rem; }
    .salespkg-nav ul { max-width: 86%; }
    .salespkg-nav ul li { width: calc(100% / 2); margin: 0; border-bottom: 2px solid #000; font-size: .9rem; }
    .salespkg-nav ul li:nth-of-type(2n) { border-right: none; }
    .salespkg-nav ul li:last-of-type { border-bottom: none; width: 100%; }
    .salespkg-nav ul li:after { bottom: 1rem; }

    .sec01-inner-wp { margin: 0 auto; padding-top: 8rem; }
    .sec01-inner-wp.issue .sec-inner-wp { padding: 0 32px; }
    .sec01-inner-wp.about { padding:6rem 16px 32px 16px; }
    .sec01-inner-wp.about .elem-catch.align-center p { font-size: 1.25rem; margin: 0; }
    .sec01-inner-wp.about .elem-catch.align-center span.test { margin: 4px; display: inline-block; }
    .sec02-h2title-wp { padding: 0 16px; }
    .sec02-h2title-wp .test { background-size: 40px; padding-top: 70px; font-size: 1.5rem; }
    .salespkg-sec02-wp .elem-btn .elem-btn__container { max-width: 100%; font-size: 1.25rem; }
    .salespkg-sec02-wp .sec-inner-wp .elem-pic-block__holder { max-width: 240px; margin: 0 auto; }
    .sec02-inner-wp .divide-layout.divide-layout--column-3 .divide-layout__item { margin-top: 10px; text-align: center; }

    .salespkg-sec02-wp .elem-pic-block__txt-container .elem-catch p,
    .salespkg-sec02-wp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { text-align: center; }
    .salespkg-sec02-wp .elem-btn .elem-btn__container { max-width: 100%; }

    .casestudy-wp { padding: 16px; }
    .sec03-inner-wp.casestudy .divide-layout__item:first-of-type img { max-width: 140px; height: auto; }
    .casestudy-wp .elem-heading-lv3 .elem-heading-lv3__heading-container h3 { font-size: 1.5rem; }
    .sec03-inner-wp.casestudy .elem-txt-list--description { font-size: 1rem; }
    .casestudy-wp .elem-btn .elem-btn__container { max-width: 100%; font-size: 1.3rem; }

    .os-support-wp .elem-table-set[data-vertical-on-sp=true] table { border: 2px solid #222; border-bottom: 1px solid #222; }
    .os-support-wp .elem-table-set tr:first-child { border: none; }
    .os-support-wp th, .os-support-wp td { border-top: none; border-left: none; }
    .os-support-wp .elem-paragraph.align-right { text-align: left; }

    .usecase .elem-heading-lv5 h5 { font-size: 1.25rem; }
    .usecase .divide-layout__item { padding: 16px; }

    .salespkg-sec04-wp .elem-heading-lv5 h5 { font-size: 1.5rem; }

    .price-wp { padding: 16px 0; }
    .price-inner-wp { display: block; padding: 0 16px 16px; }
    .h3-wp { display: block; text-align: center; }
    .price-inner-l, .price-inner-r { width: 100%; }
    .price-inner-l li { font-size: 1.3rem; }
    .price-inner-r .price { font-size: 1.25rem; }
    .sec05-inner-wp.price .align-right { text-align: left; font-size: 1.125rem; }

    .sec05-inner-wp.flow li { display: block; }
    .step-title { display: block; margin-bottom: 16px; margin-left: 0; }
    span.step-txt { font-size: 1rem; margin-bottom: 16px; }


    .salespkg-contact-wp .elem-txt-list--column-4 .elem-txt-list__item { width: 100%; margin: 0 0 2rem 0; padding: 12px; font-size: 1.35rem; }
    .salespkg-contact-wp .elem-heading-lv2 .elem-heading-lv2__heading-container h2 { font-size: 2rem; }

}/*max-width768*/

@media (max-width:568px){
.sp-none { display: none; }
}