@charset "UTF-8";
.p-tec_primary {
    position: relative;
    z-index: 2;
}

.l-smartreceipt-nav_wrapper {
    width: 100%;
    /*box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);*/
}

.l-smartreceipt-nav_outer {
    position: relative;
}

.l-smartreceipt-nav_outer.fixed {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 500;
    background-color: #fff;
}

.l-smartreceipt-nav {
    width: 100%;
    height: 73px;
    background-color: #fff;
    box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 1;
}

.l-smartreceipt-nav_inner {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
    padding: 17px 15px;
    padding-top: 15px;
    box-sizing: border-box;
    width: 100%;
    display: flex;
    align-items: center;
}

.l-smartreceipt-logo {
    max-width: 185px;
    height: auto;
    /*float: left;*/
    margin-right: auto;
}

.l-smartreceipt-nav ul {
    display: flex;
    align-items: center;
    margin: 0px;
    /*float: right;*/
}

.l-smartreceipt-nav ul li {
    display: inline-block;
}

.l-smartreceipt-nav ul li a {
    font-size: 1.5rem;
    color: #000;
    font-weight: bold;
    padding: 10px 10px;
    padding-top: 8px;
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
}

.l-smartreceipt-nav ul li a:before {
    transform-origin: right top;
    content: "";
    width: calc(100% - 40px);
    height: 2px;
    background-color: #000;
    position: absolute;
    left: 20px;
    bottom: 8px;
    margin: 0;
    transform: scale(0, 1);
    transition: transform 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
}

.l-smartreceipt-nav ul li a:hover {
    text-decoration: none;
}

.l-smartreceipt-nav ul li a:hover:before {
    transform: scale(1, 1);
    transform-origin: left top;
}

.l-smartreceipt-nav .l-smartreceipt-contact-btn {
    margin-left: 40px;
}

.l-smartreceipt-nav .l-smartreceipt-contact-btn a {
    width: 146px;
    min-height: 35px;
    border-radius: 17px;
    background-color: #FFE100;
    border: 3px solid #ffe100;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    padding-bottom: 7px;
    box-sizing: border-box;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    line-height: 1.1em;
}

.l-smartreceipt-nav .l-smartreceipt-contact-btn a::before {
    display: none;
}

.l-smartreceipt-nav .l-smartreceipt-contact-btn a:hover {
    background-color: #fff;
    text-decoration: none;
}

.l-smartreceipt-nav .l-smartreceipt-contact-btn {
    margin-right: 25px;
}

.l-smartreceipt-nav .l-smartreceipt-app-btn a {
    width: 200px;
    min-height: 35px;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 17px;
    background-color: #fff;
    border: 3px solid #ffe100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    line-height: 1.1em;
    padding-bottom: 7px;
}

.l-smartreceipt-nav .l-smartreceipt-app-btn a::before {
    display: none;
}

.l-smartreceipt-nav .l-smartreceipt-app-btn a:hover {
    background-color: #FFE100;
    text-decoration: none;
}

.l-smartreceipt-header {
    background-image: url(../img/common/low-header-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 62px auto;
    background-color: #F8F8F8;
}

.l-smartreceipt-header_inner {
    height: 200px;
    padding: 90px;
    box-sizing: border-box;
    padding-bottom: 120px;
    padding-top: 63px;
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

.l-smartreceipt-header_inner h1 {
    font-size: 3.0rem;
    font-weight: bold;
    color: #202020;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-content {
    background-color: #F8F8F8;
}

.l-smartreceipt-content_inner {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 90px;
    box-sizing: border-box;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-footer {
    background-color: #FFE100;
}

.l-smartreceipt-footer_inner {
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
    padding: 50px 90px 80px;
    box-sizing: border-box;
}

.l-smartreceipt-footer_inner h2 {
    font-size: 3.4rem;
    font-weight: bold;
    color: #202020;
    margin-bottom: 5px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-footer_inner p {
    font-size: 1.4rem;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-btns {
    display: flex;
    justify-content: center;
    /*padding-top: 62px;*/
    margin-top: 62px;
    width: 448px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.l-smartreceipt-btns .l-smartreceipt-btn {
    width: 448px;
    height: 75px;
    border-radius: 100px;
    background-color: #fff;
    border: 5px solid #202020;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    font-family: 'Noto Sans JP', sans-serif;
    position: relative;
    line-height: 1.3em;
    box-sizing: border-box;
    line-height: 1.1em;
}

.l-smartreceipt-btns .l-smartreceipt-btn:hover {
    /*background-color: #FFE100;*/
    border: 5px solid #202020;
    transform: translateX(5px) translateY(5px);
}

.l-smartreceipt-chara {
    width: 117px;
    height: auto;
    position: absolute;
    right: -35px;
    bottom: -16px;
    pointer-events: none;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
}

.l-smartreceipt-btns:hover .l-smartreceipt-chara {
    transform: translateX(0px);
}

.l-smartreceipt-chara:before {
    content: "";
    display: block;
    pointer-events: none;
    width: 117px;
    height: 154px;
    background-image: url(../img/common/contact-chara.png);
    background-repeat: no-repeat;
    background-size: auto 154px;
}

.l-smartreceipt-chara2 {
    width: 117px;
    height: auto;
    position: absolute;
    right: -60px;
    bottom: -52px;
    pointer-events: none;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
}

.l-smartreceipt-chara2:before {
    content: "";
    display: block;
    pointer-events: none;
    width: 115px;
    height: 164px;
    background-image: url(../img/common/contact-chara2.png);
    background-repeat: no-repeat;
    background-size: auto 164px;
}


/*
-- faq
*/

.l-smartreceipt-faq_outer {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 940px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.l-smartreceipt-faq {
    padding-bottom: 136px;
}

.l-smartreceipt-faq-title {
    font-size: 2.0rem;
    font-weight: bold;
    color: #202020;
    margin-bottom: 35px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-faq dl {
    padding-top: 0px;
    padding-bottom: 0px;
    margin-left: 10px;
    border-top: solid 1px #707070;
    position: relative;
    padding-bottom: 10px;
}

.l-smartreceipt-faq dl:last-child {
    border-bottom: solid 1px #707070;
}

.l-smartreceipt-faq dl::before {
    content: "";
    display: block;
    width: 24px;
    height: 14px;
    background-image: url(../img/common/ico_arrow.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 30px;
    top: 30px;
    transform: rotate(180deg);
    pointer-events: none;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
}

.l-smartreceipt-faq dl.open::before {
    transform: rotate(0deg);
}

.l-smartreceipt-faq dl dt {
    padding-top: 20px;
    padding-left: 90px;
    font-size: 1.8rem;
    cursor: pointer;
    padding-right: 20px;
    padding-bottom: 10px;
    font-weight: normal;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-faq dl dd {
    padding-top: 0px;
    padding-left: 90px;
    font-size: 1.6rem;
    color: #222;
    padding-right: 20px;
    padding-bottom: 10px;
    display: none;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-faq dl.open dd {
    display: block;
}

.l-smartreceipt-faq dl dd a {
    color: #222;
}

.l-smartreceipt-faq dl dd a:hover {
    color: #222;
    text-decoration: underline;
}


/*
-- case
*/

.l-smartreceipt-case__outer {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

.l-smartreceipt-case__outer .container {
    padding-left: 0;
    padding-right: 0;
    margin-top: 35px;
}

.l-smartreceipt-case__outer .container .row .col-6 {
    padding-left: 20px;
    padding-right: 20px;
}

.l-smartreceipt-card {
    margin-bottom: 60px;
    max-width: 450px;
    display: block;
    transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
}

.l-smartreceipt-card:hover {
    opacity: .7;
}

.l-smartreceipt-card .l-smartreceipt-card-thumb {
    position: relative;
    z-index: 2;
}

.l-smartreceipt-card-body {
    max-width: 406px;
    margin-top: -35px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 11px;
    background-color: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    padding: 25px 10px 15px;
    position: relative;
    z-index: 5;
}

.l-smartreceipt-card-body .l-smartreceipt-case-title {
    font-size: 1.6rem;
    line-height: 1.7em;
    font-weight: bold;
    padding: 0px 5px;
    padding-bottom: 0px;
    word-break: break-all;
    color: #202020;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-card-body .l-smartreceipt-case-company-name {
    font-size: 1.8rem;
    line-height: 1.7em;
    border-bottom: solid 1px #707070;
    padding: 5px;
    padding-bottom: 15px;
    color: #202020;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-card-body .l-smartreceipt-case-company-manager {
    font-size: 1.4rem;
    line-height: 1.7em;
    padding: 15px 5px;
    color: #202020;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 60px;
}

.swip_doc .swiper-slide{
	background: #fff;
	border-radius: 20px;
	margin: 0 5px 0;
	padding: 20px;
	width: 28.5%!important;
}

.l-smartreceipt-doc_img{
	width: 100%;
}
.l-smartreceipt-doc_link{
border-radius: 20px;
background: #FFE100;
text-align: center;
padding: 5px 30px 5px 0;
color: #000;
font-weight: bold;
margin: 10px 0;
position: relative;
}

.l-smartreceipt-doc_link::after{
content: "";
width: 30px;
height: 30px;
background: url(../../img/download.png) no-repeat;
display: block;
right: 25px;
top: 50%;
position: absolute;
margin-top: -10px;
}

.l-smartreceipt-doc_text{
min-height: 5.5em;
color: #000;
}

.document_list{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	border-radius: 20px;
	margin: 0 10px 15px;
	padding: 20px;
}

/*
-- case　detail
*/

.l-smartreceipt-case-content-header {
    padding-bottom: 45px;
}

.l-smartreceipt-case-content-header-title {
    font-size: 3.2rem;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-header-company-name {
    font-size: 2.2rem;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-header-company-manager {
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-header-company-ast {
    font-size: 1.0rem;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-mainvisual {
    margin-bottom: 35px;
}

.l-smartreceipt-case-content-share {
    margin-bottom: 35px;
}

.l-smartreceipt-case-content-share_inner {}

.l-smartreceipt-case-content-share_inner ul li {
    display: inline-block;
    margin-right: 14px;
}

.l-smartreceipt-case-content-share_inner ul li a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: #eee;
}

.l-smartreceipt-case-content-share_inner ul li a:hover {
    opacity: .7;
}

.l-smartreceipt-content-twiier {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../img/common/ico_twitter.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.l-smartreceipt-content-facebook {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../img/common/ico_facebook.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.l-smartreceipt-content-hatena {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../img/common/ico_hatena.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.l-smartreceipt-content-line {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(../img/common/ico_line.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.l-smartreceipt-case-content-intro {
    margin-bottom: 75px;
}

.l-smartreceipt-case-content-intro_inner {}

.l-smartreceipt-case-content-profile {
    margin-top: 65px;
    width: 100%;
    height: auto;
    border-radius: 40px;
    background-color: #fff;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.16);
}

.l-smartreceipt-case-content-profile_inner {
    padding: 25px 30px 35px;
    display: flex;
    align-items: center;
}

.l-smartreceipt-case-content-profile-thumb {
    max-width: calc(100% - 505px);
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-right: 30px;
    box-sizing: border-box;
}

.l-smartreceipt-case-content-profile-thumb h3 {
    display: none;
}

.l-smartreceipt-case-content-profile-thumb figure {
    display: flex;
    width: 150px;
    height: 150px;
    align-items: center;
    justify-content: center;
}
.l-smartreceipt-case-content-profile-thumb figure.img-l {
    width: 200px;

}
.l-smartreceipt-case-content-profile-thumb figure.img-xl {
    width: 250px;

}

.l-smartreceipt-case-content-profile-body {
    max-width: 505px;
    width: 100%;
}

.l-smartreceipt-case-content-profile-body h3 {
    color: #505054;
    font-size: 2.2rem;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-profile-body p {
    color: #505054;
    font-size: 1.4rem;
    font-weight: normal;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-profile-body dl {
    margin-top: 1em;
}

.l-smartreceipt-case-content-profile-body dl:after {
    content: "";
    clear: both;
    height: 0px;
    overflow: hidden;
    visibility: hidden;
    display: block;
}

.l-smartreceipt-case-content-profile-body dl dt,
.l-smartreceipt-case-content-profile-body dl dd {
    color: #505054;
    font-size: 1.4rem;
    font-weight: normal;
    display: inline-block;
    float: left;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-profile-body dl dt {
    clear: both;
}

.l-smartreceipt-case-content-section {}

.l-smartreceipt-case-content-section_inner {}

.l-smartreceipt-case-content-section_inner h2 {
    /*border-left: 12px solid #FFE100;*/
    font-size: 2.4rem;
    line-height: 1.5em;
    font-weight: 600;
    padding-left: 32px;
    margin-bottom: 30px;
    position: relative;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-content-section_inner h2::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 4px;
    width: 12px;
    height: calc(100% - 6px);
    background-color: #FFE100;
    display: block;
}

.l-smartreceipt-case-content-section_inner p+p {
    margin-top: 1.7em;
}

.l-smartreceipt-case-content-section_inner figure img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.l-smartreceipt-case-content-section_inner figure figcaption {
    font-size: 1.2rem;
    text-align: center;
    margin-top: 15px;
}

.l-smartreceipt-case-content-section_inner figure+p,
.l-smartreceipt-case-content-section_inner p+figure {
    margin-top: 30px;
}

.l-smartreceipt-case-content-section_inner figure {
    display: block;
}

.l-smartreceipt-case-content-section-q {
    font-weight: 600;
    margin-bottom: 30px;
}

.l-smartreceipt-case-content-section-q:before {
    content: "――";
}

.l-smartreceipt-case-content-section+.l-smartreceipt-case-content-section {
    margin-top: 75px;
}


/*
-- index
*/

.l-smartreceipt-case-logo {}

.l-smartreceipt-case-logo_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 70px;
    padding-bottom: 60px;
}

.l-smartreceipt-case-logo_inner h2 {
    font-size: 2.8rem;
    text-align: center;
    font-weight: 600;
    margin-bottom: 35px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-case-logo_inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
    margin-bottom: 20px;
}

.l-smartreceipt-case-logo_inner ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 57px;
    margin-left: 14px;
    margin-right: 14px;
}

.l-smartreceipt-case-logo_inner ul:last-child {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}

.l-smartreceipt-case-logo_inner ul:last-child li {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    margin-left: 20px;
    margin-right: 20px;
}

.l-smartreceipt-intro {
    background-color: #FFE100;
}

.l-smartreceipt-intro_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.l-smartreceipt-intro-copy {
    max-width: calc(100% - 470px);
}

.l-smartreceipt-intro-copy h2 {
    font-size: 2.8rem;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-intro-img {
    max-width: 470px;
    margin-left: auto;
}

.l-smartreceipt-points_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 88px;
    padding-bottom: 120px;
}

.l-smartreceipt-points-items {
    padding-bottom: 20px;
}

.l-smartreceipt-points-item {
    display: flex;
    align-items: center;
    width: 100%;
    height: auto;
    border-radius: 40px;
    background-color: #f8f8f8;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.16);
    padding: 40px;
    margin-bottom: 80px;
}

.l-smartreceipt-points-item:nth-child(even) .l-smartreceipt-points-item-thumb {
    margin-right: auto;
    margin-left: 0;
}

.l-smartreceipt-points-item:nth-child(even) .l-smartreceipt-points-item-body {
    margin-left: auto;
    margin-right: 0;
}

.l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-thumb {
    margin-left: auto;
    margin-right: 0;
}

.l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-body {
    margin-right: auto;
    margin-left: 0;
}

.l-smartreceipt-points-item-text {
    border-radius: 400px;
    width: 354px;
    height: 354px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #FFE100;
    padding-bottom: 20px;
    box-sizing: border-box;
    margin-top: -80px;
}

.l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-text {
    margin-left: -20px;
}

.l-smartreceipt-points-item:nth-child(even) .l-smartreceipt-points-item-text {
    margin-right: -20px;
}

.l-smartreceipt-points-item .l-smartreceipt-points-item-body {
    max-width: 354px;
}

.l-smartreceipt-points-item .l-smartreceipt-points-item-thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.l-smartreceipt-points-item .l-smartreceipt-points-item-thumb p {
    display: none;
}

.l-smartreceipt-points-item .l-smartreceipt-points-item-thumb .l-smartreceipt-points-note {
    position: absolute;
    right: 20px;
    bottom: 15px;
    display: block;
}

.l-smartreceipt-points-item:nth-child(2) {
    padding-top: 10px;
    padding-bottom: 0px;
}

.l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-thumb img {
    margin-bottom: 0px;
}

.l-smartreceipt-points-item-text .l-smartreceipt-points-item-text-num {
    font-size: 9.6rem;
    font-style: normal;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.2em;
}

.l-smartreceipt-points-item-text h2 {
    font-size: 2.4rem;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.4em;
    margin-bottom: 10px;
}

.l-smartreceipt-points-item-text p {
    font-size: 1.4rem;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    max-width: 198px;
    margin-left: auto;
    margin-right: auto;
}

.l-smartreceipt-function_inner h2 {
    font-size: 3.6rem;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-function-items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
    margin-top: 47px;
}

.l-smartreceipt-function-item {
    padding: 0px;
    box-sizing: border-box;
    margin-left: 14px;
    margin-right: 14px;
    width: calc((100% - 28px*3)/3);
    border-radius: 35px;
    background-color: #f8f8f8;
}

.l-smartreceipt-function-item h3 {
    font-size: 2.2rem;
    font-weight: 600;
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    margin-bottom: 30px;
}

.l-smartreceipt-function-item p {
    font-size: 1.4rem;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    min-height: 125px;
}

.l-smartreceipt-function-item-body {
    padding: 40px;
    padding-bottom: 0px;
}

.l-smartreceipt-function-item-thumb {
    position: relative;
    min-height: 297px;
}

.l-smartreceipt-function-item-thumb img {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.l-smartreceipt-contact {
    background-image: url(../img/common/low-header-bg.png);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 62px auto;
    background-color: #fff;
}

.l-smartreceipt-contact_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.l-smartreceipt-contact-item {
    display: flex;
    flex-wrap: wrap;
}

.l-smartreceipt-contact-item-col {
    width: 50%;
}

.l-smartreceipt-contact-item-col:last-child {
    justify-content: flex-end;
}

.l-smartreceipt-contact-item-col h2,
.l-smartreceipt-contact-item-col h3 {
    font-size: 2.6rem;
    font-weight: bold;
    color: #202020;
    margin-bottom: 5px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-contact-item-col p {
    font-size: 1.4rem;
}

.l-smartreceipt-contact-item-col .l-smartreceipt-btns {
    max-width: 366px;
    height: 61px;
    margin-left: 0px;
}

.l-smartreceipt-contact-item-col .l-smartreceipt-btns .l-smartreceipt-btn {
    max-width: 366px;
    height: 61px;
}

.l-smartreceipt-contact-app {
    margin-top: 15px;
    margin-left: 15px;
}

.l-smartreceipt-contact-app-row {
    display: flex;
    align-items: flex-start;
    max-width: 325px;
}

.l-smartreceipt-contact-app-col:last-child {
    padding-left: 35px;
    /*width: 50%;*/
}

.l-smartreceipt-contact-app-col:last-child a {
    display: block;
    margin-bottom: 10px;
    max-width: 175px;
    width: 100%;
}

.l-smartreceipt-contact-text {
    margin-left: auto;
    max-width: 375px;
}

.l-smartreceipt-index-faq {}

.l-smartreceipt-index-faq_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.l-smartreceipt-index-faq_inner h2 {
    font-size: 3.6rem;
    font-weight: bold;
    color: #202020;
    margin-bottom: 5px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 25px;
}

.l-smartreceipt-index-faq_inner .l-smartreceipt-faq {
    padding-bottom: 90px;
}

.l-smartreceipt-voice {
    background-color: #F8F8F8;
}

.l-smartreceipt-voice_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.l-smartreceipt-voice_inner h2 {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 40px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-voice-items {
    margin-left: -14px;
    margin-right: -14px;
    width: calc(100% + 28px);
    display: flex;
    flex-wrap: wrap;
}

.l-smartreceipt-voice-item {
    margin-left: 14px;
    margin-right: 14px;
    width: calc((100% - 28px*3)/3);
    border-radius: 35px;
    background-color: #fff;
    padding: 40px;
    box-sizing: border-box;
}

.l-smartreceipt-voice-item-thumb {}

.l-smartreceipt-voice-item-thumb img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 18px;
}

.l-smartreceipt-voice-item h3 {
    text-align: center;
    font-size: 2.0rem;
    font-weight: bold;
    margin-bottom: 10px;
    line-height: 1.5em;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-how_to_app {}

.l-smartreceipt-how_to_app_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.l-smartreceipt-how_to_app_inner h2 {
    font-size: 3.6rem;
    line-height: 1.6em;
    font-weight: bold;
    margin-bottom: 30px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-how_to_app-items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -35px;
    margin-right: -35px;
    width: calc(100% + 70px);
    margin-left: 0px;
    margin-right: 0px;
    width: 100%;
    margin-top: 15px;
}

.l-smartreceipt-how_to_app-item {
    margin-left: 35px;
    margin-right: 35px;
    width: calc((100% - 70px*4)/4);
    position: relative;
    margin-left: 0px;
    margin-right: 0px;
    width: 25%;
}

.l-smartreceipt-how_to_app-item-thumb {
    display: flex;
    align-items: flex-end;
    min-height: 265px;
}

.l-smartreceipt-how_to_app-item-thumb img {
    max-width: 187px;
    height: 290px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
    object-position: center bottom;
}

.l-smartreceipt-how_to_app-item-body {
    padding-top: 50px;
    min-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.l-smartreceipt-how_to_app-item-body p {
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.5em;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-how_to_app-item+.l-smartreceipt-how_to_app-item:before {
    content: "";
    width: 12px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/common/ico_step.png);
    background-size: contain;
    position: absolute;
    left: -35px;
    left: -5px;
    bottom: 10px;
}

.l-smartreceipt-index-case {
    background-color: #FFE100;
}

.l-smartreceipt-index-case_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.l-smartreceipt-index-case_inner>h2 {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-index-case-swiper {
    padding-top: 25px;
}

.l-smartreceipt-index-case-swiper_inner {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    position: relative;
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-btns .l-smartreceipt-btn {
    max-width: 517px;
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-case__outer {
    max-width: calc(100% + 40px);
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-slide {
    width: 50%;
    /*width: 470px;*/
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-card {
    margin-left: 11px;
    margin-right: 11px;
    max-width: calc(100% - 22px);
    width: 100%;
    margin-bottom: 0px;
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-card .l-smartreceipt-card-body {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-prev {
    width: 22px;
    height: 35px;
    overflow: hidden;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-prev:after {
    content: "";
    width: 22px;
    height: 35px;
    display: block;
    background-image: url(../img/common/ico_swiper_prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-next {
    width: 22px;
    height: 35px;
    overflow: hidden;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-next:after {
    content: "";
    width: 22px;
    height: 35px;
    display: block;
    background-image: url(../img/common/ico_swiper_next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.l-smartreceipt-index-mainvisual {
    background-color: #FFE100;
    overflow: hidden;
}

.l-smartreceipt-index-mainvisual_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
    padding-bottom: 0px;
    min-height: 854px;
    display: flex;
    align-items: center;
    width: 100%;
}

.l-smartreceipt-index-mainvisual-text {
    max-width: 561px;
    width: 100%;
    opacity: 0;
}

.l-smartreceipt-index-mainvisual-text .logo {
    max-width: 351px;
    margin-bottom: 25px;
}

.l-smartreceipt-index-mainvisual-text h1 {
    font-size: 2.8rem;
    font-weight: bold;
    margin-bottom: 10px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 20px;
}

.l-smartreceipt-index-mainvisual-text ul {
    display: flex;
}

.l-smartreceipt-index-mainvisual-text ul li {
    margin-right: 10px;
}

.l-smartreceipt-index-mainvisual-text ul li img {
    max-width: 136px;
}

.l-smartreceipt-index-mainvisual-img {
    position: relative;
    min-height: 854px;
    max-width: calc(100% - 561px);
    width: 100%;
    height: 854px;
    width: 841px;
}

.main_arrow {
    width: 170px;
    height: 182px;
    position: absolute;
    left: 70px;
    top: 197px;
    display: block;
    max-width: none;
    z-index: 7;
    opacity: 0;
}

.main_chara {
    width: 219px;
    height: 207px;
    position: absolute;
    left: -16px;
    top: 105px;
    display: block;
    max-width: none;
    z-index: 9;
    opacity: 0;
    /*transform: translateX(5px) scale(0.7);*/
}

.main_bg {
    height: 854px;
    width: 841px;
    position: absolute;
    left: 0px;
    top: 0px;
    display: block;
    max-width: none;
    z-index: 5;
    opacity: 0;
}

.l-smartreceipt-index-faq_inner .l-smartreceipt-more-btns {
    max-width: 283px;
    margin-top: 0px;
}

.l-smartreceipt-index-faq_inner .l-smartreceipt-btns .l-smartreceipt-btn {
    max-width: 283px;
    height: 52px;
    padding: 0px;
    box-sizing: border-box;
    background-color: #FFE100;
    border: solid 3px #FFE100;
    border-color: #FFE100;
}

.l-smartreceipt-index-faq_inner .l-smartreceipt-btns .l-smartreceipt-btn:hover {
    transform: translateX(0) translateY(0);
    background-color: #fff;
}

.l-smartreceipt-sp-nav {
    display: none;
}

.l-smartreceipt-footer_inner .l-smartreceipt-btns .l-smartreceipt-chara2 {
    display: none;
}

.tab {
    display: none;
}

.sp {
    display: none;
}

@media screen and (max-width:992px) {
    .l-smartreceipt-index-mainvisual_inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media screen and (max-width:960px) {
    .l-smartreceipt-nav ul li a {
        padding: 10px 10px;
        white-space: nowrap;
    }
    .l-smartreceipt-nav ul li a:before {
        transform-origin: right top;
        content: "";
        width: calc(100% - 20px);
    }
    .l-smartreceipt-nav .l-smartreceipt-contact-btn {
        margin-right: 15px;
        margin-left: 15px;
    }
}

@media screen and (max-width:860px) {
    .tab {
        display: block;
    }
    .sp {
        display: none;
    }
    .l-smartreceipt-nav ul li a {
        padding: 10px 10px;
    }
    .l-smartreceipt-nav .l-smartreceipt-contact-btn {
        margin-left: 15px;
        margin-right: 10px;
    }
    .l-smartreceipt-nav .l-smartreceipt-app-btn a {
        width: 180px;
    }
    .l-smartreceipt-nav .l-smartreceipt-contact-btn a {
        width: 120px;
    }
    .l-smartreceipt-case-logo_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-intro_inner {
        padding-left: 40px;
        padding-right: 40px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .l-smartreceipt-intro-copy {
        max-width: 100%;
        width: 100%;
        padding-bottom: 20px;
    }
    .l-smartreceipt-intro-img {
        max-width: 100%;
        width: 100%;
    }
    .l-smartreceipt-points-items_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-function_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-contact_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-how_to_app_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-index-case_inner {
        padding-left: 60px;
        padding-right: 60px;
    }
    .l-smartreceipt-index-case-swiper_inner {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-card {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-card .l-smartreceipt-card-body {
        max-width: calc(100% - 40px);
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-prev {
        left: -15px;
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-next {
        right: -15px;
    }
    .l-smartreceipt-voice_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-index-faq_inner {
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-index-mainvisual_inner {
        padding: 0;
        position: relative;
        overflow: hidden;
    }
    .l-smartreceipt-index-mainvisual-text {
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 100%;
        height: 100%;
        min-height: auto;
        max-width: 100%;
        padding-top: 50px;
        padding-left: 40px;
        z-index: 100;
    }
    .l-smartreceipt-index-mainvisual-text .logo {
        max-width: 240px;
    }
    .l-smartreceipt-index-mainvisual-text ul {
        flex-direction: column;
    }
    .l-smartreceipt-index-mainvisual-img {
        position: absolute;
        right: 0px;
        bottom: 0px;
        width: 58%;
        height: 100%;
        min-height: auto;
        max-width: 100%;
        z-index: 90;
    }
    .l-smartreceipt-how_to_app-items {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .l-smartreceipt-how_to_app-item {
        margin-left: 15px;
        margin-right: 15px;
        width: calc((100% - 30px*4)/4);
        position: relative;
    }
    .l-smartreceipt-how_to_app-item-thumb img {
        width: 150px;
        height: auto;
        object-fit: contain;
        object-position: center bottom;
    }
    .l-smartreceipt-how_to_app-item-body p {
        font-size: 1.4rem;
    }
    .l-smartreceipt-how_to_app-item+.l-smartreceipt-how_to_app-item:before {
        left: -18px;
    }
    .l-smartreceipt-voice-items {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .l-smartreceipt-voice-item {
        padding: 20px;
        margin-left: 10px;
        margin-right: 10px;
        width: calc((100% - 20px*3)/3);
    }
    .l-smartreceipt-function-item-body {
        padding: 20px;
        padding-bottom: 0px;
        min-height: 230px;
    }
    .l-smartreceipt-function-item h3 {
        line-height: 1.6em;
    }
    .l-smartreceipt-function-item p {
        min-height: 126px;
    }
    .l-smartreceipt-function-item-thumb {
        min-height: auto;
        padding-top: 100%;
        position: relative;
    }
    .l-smartreceipt-function-item-thumb figure {
        padding: 0px;
        margin: 0px;
    }
    .l-smartreceipt-points-item {}
    .l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-thumb {
        padding-left: 30px;
    }
    .l-smartreceipt-points-item:nth-child(even) .l-smartreceipt-points-item-thumb {
        padding-right: 30px;
    }
    .l-smartreceipt-contact-item-col {
        padding-right: 20px;
    }
    .l-smartreceipt-contact-item-col:last-child {
        padding-right: 0px;
        padding-left: 20px;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns {
        width: 100%;
    }
    .l-smartreceipt-footer_inner {
        padding: 50px 40px;
    }
    .l-smartreceipt-header_inner {
        padding: 40px 40px;
        padding-bottom: 60px;
        display: flex;
        align-items: center;
    }
    .l-smartreceipt-content_inner {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        padding: 25px 20px;
        box-sizing: border-box;
        font-family: 'Noto Sans JP', sans-serif;
    }
    .l-smartreceipt-case__outer .container {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        max-width: 100%;
    }
    .l-smartreceipt-case__outer .container .row .col-6 {
        padding-left: 15px;
        padding-right: 15px;
    }
    .l-smartreceipt-card-body {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width:768px) {

.document_list{width: 95%;}

    .tab {
        display: block;
    }
    .sp {
        display: none;
    }
    .inner>div {
        overflow: hidden;
    }
    .l-smartreceipt-logo {
        max-width: 107px;
    }
    .l-smartreceipt-nav_wrapper {
        min-height: 75px;
        position: relative;
        overflow: visible !important;
    }
    .l-smartreceipt-nav {
        height: auto;
    }
    .l-smartreceipt-nav_inner {
        padding-top: 10px;
        padding-left: 25px;
        padding-right: 5px;
        padding-bottom: 10px;
    }
    .l-smartreceipt-nav ul li {
        display: none;
    }
    .l-smartreceipt-nav ul li.l-smartreceipt-contact-btn {
        display: block;
        margin: 0px;
    }
    .l-smartreceipt-nav ul li.l-smartreceipt-contact-btn a {
        height: 55px;
        max-width: 136px;
        border-radius: 100px;
        font-size: 1.2rem;
    }
    .l-smartreceipt-header_inner {
        padding: 25px;
        height: 92px;
    }
    .l-smartreceipt-header_inner h1 {
        font-size: 1.8rem;
    }
    .l-smartreceipt-header {
        background-size: 28px auto;
    }
    .l-smartreceipt-btns {
        margin-top: 45px;
        width: auto;
    }
    .l-smartreceipt-btns .l-smartreceipt-btn {
        font-size: 1.6rem;
    }
    .l-smartreceipt-btns .l-smartreceipt-chara {
        display: none;
    }
    .l-smartreceipt-footer_inner {
        padding: 40px;
    }
    .l-smartreceipt-footer_inner h2 {
        text-align: center;
        font-size: 2.2rem;
        margin-bottom: 40px;
    }
    .l-smartreceipt-footer_inner p {
        font-size: 1.2rem;
    }
    .l-smartreceipt-content_inner {
        padding: 25px;
    }
    .l-smartreceipt-case__outer .container .row {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .l-smartreceipt-case__outer .container .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .l-smartreceipt-card {
        margin-bottom: 53px;
    }
    .l-smartreceipt-card-body {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        padding: 15px 20px;
        padding-bottom: 10px;
    }
    .l-smartreceipt-card-body .l-smartreceipt-case-title {
        line-height: 1.6em;
        font-size: 1.4rem;
    }
    .l-smartreceipt-card-body .l-smartreceipt-case-company-name {
        line-height: 1.6em;
        font-size: 1.4rem;
        padding-bottom: 10px;
    }
    .l-smartreceipt-card-body .l-smartreceipt-case-company-manager {
        line-height: 1.6em;
        font-size: 1.2rem;
        padding: 10px 5px;
        padding-bottom: 5px;
    }
    .l-smartreceipt-case-content-header-title {
        font-size: 2.0rem;
    }
    .l-smartreceipt-case-content-header-company-name {
        font-size: 1.4rem;
    }
    .l-smartreceipt-case-content-header-company-manager {
        font-size: 1.2rem;
    }
    .l-smartreceipt-case-content-header {
        padding-bottom: 22px;
    }
    .l-smartreceipt-case-content-mainvisual {
        margin-bottom: 25px;
    }
    .l-smartreceipt-case-content-share_inner ul li a {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-twiier {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-facebook {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-hatena {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-line {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-case-content-share {
        margin-bottom: 24px;
    }
    .l-smartreceipt-case-content-intro_inner p {
        font-size: 1.4rem;
    }
    .l-smartreceipt-case-content-profile {
        margin-top: 45px;
    }
    .l-smartreceipt-case-content-profile_inner {
        flex-wrap: wrap;
        padding: 40px;
        padding-top: 30px;
    }
    .l-smartreceipt-case-content-profile-thumb {
        max-width: 100%;
        padding: 0px;
        flex-direction: column;
    }
    .l-smartreceipt-case-content-profile-thumb h3 {
        display: block;
        font-size: 1.4rem;
        font-weight: 600;
        line-height: 1.6em;
        margin-bottom: 20px;
    }
    .l-smartreceipt-case-content-profile-thumb figure {
        width: 100px;
        height: 100px;
    }
    .l-smartreceipt-case-content-profile-thumb img {
        max-height: 100px;
        width: auto;
    }
    .l-smartreceipt-case-content-profile-body {
        padding-top: 15px;
        max-width: 100%;
    }
    .l-smartreceipt-case-content-profile-body h3 {
        display: none;
    }
    .l-smartreceipt-case-content-profile-body dl dt,
    .l-smartreceipt-case-content-profile-body dl dd {
        /*display: inline;*/
        font-size: 1.2rem;
    }
    .l-smartreceipt-case-content-section_inner h2::before {
        width: 8px;
    }
    .l-smartreceipt-case-content-section_inner h2 {
        font-size: 1.8rem;
        line-height: 1.5em;
        padding-left: 23px;
        margin-bottom: 20px;
    }
    .l-smartreceipt-case-content-section_inner p.l-smartreceipt-case-content-section-q {
        margin-bottom: 25px;
        /*font-size: 1.4rem;*/
        font-size: 1.5rem;
    }
    .l-smartreceipt-case-content-section_inner p {
        /*font-size: 1.2rem;*/
        font-size: 1.4rem;
    }
    .l-smartreceipt-case-content-section+.l-smartreceipt-case-content-section {
        margin-top: 35px;
    }
    .l-smartreceipt-faq-title {
        font-size: 1.6rem;
        margin-bottom: 25px;
    }
    .l-smartreceipt-faq dl {
        margin-left: 0;
    }
    .l-smartreceipt-faq dl dt {
        font-size: 1.4rem;
        padding-left: 0;
        padding-right: 45px;
    }
    .l-smartreceipt-faq dl dd {
        font-size: 1.2rem;
        padding-left: 0;
        padding-right: 45px;
    }
    .l-smartreceipt-faq dl::before {
        left: auto;
        right: 0px;
        top: 24px;
    }
    .l-smartreceipt-index-mainvisual_inner {
        display: block;
    }
    .l-smartreceipt-how_to_app-item {
        width: calc((100% - 30px*1)/1);
        position: relative;
    }
    .l-smartreceipt-function-item {
        width: calc((100% - 28px*1)/1);
        background-color: #fff;
    }
    .l-smartreceipt-function-item+.l-smartreceipt-function-item {
        margin-top: 28px;
    }
    .l-smartreceipt-function-item-thumb img {
        height: auto;
    }
    .l-smartreceipt-voice-item {
        width: calc((100% - 28px*1)/1);
    }
    .l-smartreceipt-intro-copy {
        max-width: 100%;
    }
    .l-smartreceipt-btns .l-smartreceipt-btn {
        width: 296px;
    }
    .l-smartreceipt-case-logo_inner h2 {
        font-size: 1.5rem;
        max-width: 298px;
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-case-logo_inner ul li {
        height: 32px;
    }
    .l-smartreceipt-case-logo_inner ul li img {
        width: auto;
        max-height: 32px;
    }
    .l-smartreceipt-intro_inner {
        padding: 80px 40px;
    }
    .l-smartreceipt-intro-copy {
        width: 100%;
        padding-bottom: 35px;
    }
    .l-smartreceipt-intro-copy h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-intro-img {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }
    .l-smartreceipt-swiper-wrapper {
        flex-wrap: wrap;
        transform: translate3d(0, 0, 0) !important;
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-card {
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
    }
    #document .swiper-slide{
        width: 90% !important;
    }

    .l-smartreceipt-index-case-swiper_inner .swiper-slide.l-smartreceipt-swiper-slide,
    .swiper-slide.l-smartreceipt-swiper-slide {
        width: 100% !important;
    }


    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-next,
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-prev {
        display: none;
    }
    .l-smartreceipt-index-case_inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-index-case-swiper_inner {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .l-smartreceipt-index-case_inner>h2 {
        font-size: 2.0rem;
    }
    .swiper-slide.l-smartreceipt-swiper-slide+.l-smartreceipt-swiper-slide {
        margin-top: 45px;
    }
    .l-smartreceipt-voice_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-voice_inner h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-voice-item+.l-smartreceipt-voice-item {
        margin-top: 35px;
    }
    .l-smartreceipt-how_to_app_inner h2 {
        font-size: 2.0rem;
        margin-bottom: 20px;
    }
    .l-smartreceipt-how_to_app_inner p {
        font-size: 1.4rem;
    }
    .l-smartreceipt-how_to_app_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-how_to_app-item+.l-smartreceipt-how_to_app-item {
        margin-top: 60px;
    }
    .l-smartreceipt-how_to_app-item-thumb {
        min-height: auto;
    }
    .l-smartreceipt-how_to_app-item-thumb img {
        max-width: 160px;
        height: auto;
    }
    .l-smartreceipt-how_to_app-item-thumb img {
        max-width: 240px;
        width: 100%;
        height: auto;
    }
    .l-smartreceipt-how_to_app-item-body {
        padding-top: 10px;
        min-height: auto;
    }
    .l-smartreceipt-how_to_app-item-body p br {
        display: none;
    }
    .l-smartreceipt-contact_inner {
        padding: 50px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-contact-item-col {
        width: 100%;
    }
    .l-smartreceipt-points-item {
        flex-wrap: wrap;
    }
    .l-smartreceipt-index-mainvisual_inner {
        position: relative;
        min-height: 591px;
        /*max-width: 375px;*/
    }
    .l-smartreceipt-index-mainvisual-text {
        padding-top: 45px;
        padding-left: 50px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 100%;
        z-index: 10;
    }
    .l-smartreceipt-index-mainvisual-text ul {
        flex-wrap: wrap;
        flex-direction: column;
        position: absolute;
        left: 50px;
        bottom: 30px;
    }
    .l-smartreceipt-index-mainvisual-text ul li img {
        max-width: 77px;
        height: auto;
    }
    .l-smartreceipt-index-mainvisual-text ul li {
        margin-bottom: 10px;
    }
    .l-smartreceipt-index-mainvisual-text .logo {
        width: 165px;
        height: auto;
    }
    .l-smartreceipt-index-mainvisual-text h1 {
        font-size: 1.8rem;
        line-height: 1.6em;
    }
    .l-smartreceipt-index-mainvisual-img {
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0px;
        bottom: 0px;
        min-height: auto;
        height: 100%;
        z-index: 7;
    }
    .main_bg {
        display: block;
        height: 395px;
        width: auto;
        left: auto;
        top: auto;
        bottom: 0px;
        right: 0px;
        opacity: 1;
    }
    .main_arrow {
        display: block;
        height: 87px;
        width: auto;
        left: auto;
        top: auto;
        bottom: 215px;
        right: 107px;
    }
    .main_chara {
        width: 105px;
        height: auto;
        left: auto;
        top: auto;
        bottom: 246px;
        right: 124px;
    }
    .l-smartreceipt-index-mainvisual-img .pc {
        display: none;
    }
    .l-smartreceipt-index-mainvisual-img .sp {
        display: block;
        height: 591px;
    }
    .l-smartreceipt-index-mainvisual-img {
        /*transform: scale(1vw);*/
        transform-origin: right bottom;
    }
    .l-smartreceipt-points_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 0px;
    }
    .l-smartreceipt-function {
        margin-left: -25px;
        margin-right: -25px;
        width: calc(100% + 50px);
        background-color: #F8F8F8;
    }
    .l-smartreceipt-function_inner {
        padding: 50px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-function_inner h2 {
        font-size: 2.0rem;
        text-align: center;
    }
    .l-smartreceipt-function-item h3 {
        font-size: 1.8rem;
    }
    .l-smartreceipt-contact-item-col h2 {
        font-size: 2.2rem;
        text-align: center;
    }
    .l-smartreceipt-contact-item-col h3 {
        font-size: 1.8rem;
        text-align: center;
    }
    .l-smartreceipt-index-faq_inner h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-index-faq_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-case-logo_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 30px;
    }
    .l-smartreceipt-index-faq_inner .l-smartreceipt-faq {
        padding-bottom: 45px;
    }
    .l-smartreceipt-case-logo_inner ul {
        margin-bottom: 0px;
    }
    .l-smartreceipt-case-logo_inner ul li {
        margin-bottom: 20px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(1) img {
        max-width: 107px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(2) img {
        max-width: 98px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(3) img {
        max-width: 76px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(4) img {
        max-width: 57px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(5) img {
        max-width: 85px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(6) img {
        max-width: 95px;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li {
        height: 40px;
        margin-bottom: 10px;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(1) img {
        width: 94px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(2) img {
        width: 114px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(3) img {
        width: 66px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(4) img {
        width: 93px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(5) img {
        width: 40px;
        height: auto;
        max-height: none;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(6) img {
        width: 40px;
        height: auto;
        max-height: none;
    }
    .l-smartreceipt-points-item {
        background-color: #F8F8F8;
        padding: 25px;
    }
    .l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-thumb,
    .l-smartreceipt-points-item:nth-child(even) .l-smartreceipt-points-item-thumb {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
    }
    .l-smartreceipt-points-item-body {
        width: 100%;
    }
    .l-smartreceipt-points-item-text {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        background-color: transparent;
        border-radius: 0px;
        height: auto;
        margin: 0px;
        justify-content: flex-start;
        position: relative;
        padding-top: 35px;
        padding-left: 35px;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
    .l-smartreceipt-points-item-text:before {
        content: "";
        display: block;
        width: 163px;
        height: 163px;
        border-radius: 200px;
        background-color: #FFE100;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-text {
        margin: 0;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .l-smartreceipt-points-item-text p {
        display: none;
    }
    .l-smartreceipt-points-item-text .l-smartreceipt-points-item-text-num {
        font-size: 7.0rem;
    }
    .l-smartreceipt-points-item-text i {
        position: relative;
        z-index: 10;
    }
    .l-smartreceipt-points-item-text h2 {
        font-size: 1.8rem;
        margin-bottom: 0px;
        margin-left: 15px;
        position: relative;
        z-index: 10;
    }
    .l-smartreceipt-points-item:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        padding: 25px;
    }
    .l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-text {
        flex-direction: row-reverse;
        padding-top: 35px;
        padding-left: 0px;
        padding-bottom: 40px;
        padding-right: 30px;
    }
    .l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-text h2 {
        margin-left: 0px;
        margin-right: auto;
    }
    .l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-text:before {
        left: auto;
        right: 0px;
    }
    .l-smartreceipt-points-item .l-smartreceipt-points-item-thumb p {
        display: block;
        padding: 25px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
    }
    .l-smartreceipt-points-item .l-smartreceipt-points-item-thumb img {
        max-width: 100%;
        width: 100%;
    }
    .l-smartreceipt-points-item .l-smartreceipt-points-item-thumb p.l-smartreceipt-points-note {
        padding: 0;
        right: 40px;
        bottom: 13%;
    }
    .l-smartreceipt-function-item p {
        min-height: auto;
    }
    .l-smartreceipt-function-item-thumb {
        min-height: auto;
        padding-top: 100%;
        overflow: hidden;
    }
    .l-smartreceipt-how_to_app-item+.l-smartreceipt-how_to_app-item:before {
        left: calc(50% - 5px);
        transform: translateY(-50%) rotate(90deg);
        bottom: auto;
        top: -30px;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns {
        height: auto;
        margin-bottom: 80px;
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns .l-smartreceipt-btn {
        height: 75px;
    }
    .l-smartreceipt-contact-text {
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-contact-app {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
        margin-top: 20px;
    }
    .l-smartreceipt-contact {
        background-size: 42px auto;
        background-color: #fff;
    }
    .l-smartreceipt-voice-item-thumb img {
        width: 162px;
        height: auto;
    }
    .l-smartreceipt-sp-mn_outer {
        width: 55px;
        height: 55px;
        margin-left: 10px;
    }
    .l-smartreceipt-sp-mn_outer a {
        width: 55px;
        height: 55px;
        position: relative;
        display: block;
    }
    .l-smartreceipt-sp-mn_outer a span {
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        transition: 0.11s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    }
    .l-smartreceipt-sp-mn_outer a span:before {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        top: -5px;
        transition: 0.11s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    }
    .l-smartreceipt-sp-mn_outer a span:after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        bottom: -5px;
        transition: 0.11s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    }
    .l-smartreceipt-sp-mn_outer a.close span {
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .l-smartreceipt-sp-mn_outer a.close span:before {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        top: 0px;
        transform: rotate(45deg);
    }
    .l-smartreceipt-sp-mn_outer a.close span:after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        bottom: 0px;
        transform: rotate(-45deg);
    }
    .l-smartreceipt-nav_outer {
        position: relative;
        overflow: visible !important;
    }
    .l-smartreceipt-nav_outer.fixed {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 500;
        background-color: #fff;
    }
    .l-smartreceipt-sp-nav {
        position: absolute;
        left: 0px;
        top: 75px;
        width: 100%;
        height: 100vh;
        display: none;
        /*overflow: hidden;*/
        z-index: 100;
    }
    .l-smartreceipt-sp-nav:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 438px;
        background-color: rgba(255, 255, 255, 0.78);
        z-index: 6;
        /*backdrop-filter: blur(6px);*/
        background: transparent;
        opacity: 0.96;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        /* Note: currently only Safari supports backdrop-filter */
        backdrop-filter: blur(50px);
        -webkit-backdrop-filter: blur(50px);
        background-color: rgba(255, 255, 255, 0.03);
        /* (plus shape's fill blended on top as a separate layer with 78% opacity) */
    }
    .l-smartreceipt-sp-nav_inner {
        position: relative;
        z-index: 10;
        padding: 40px;
        display: block;
    }
    .l-smartreceipt-sp-nav_inner ul li a {
        font-size: 1.8rem;
        font-weight: bold;
        color: #000;
    }
    .l-smartreceipt-sp-nav_inner ul li+li {
        margin-top: 15px;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn a {
        margin-left: auto;
        margin-right: auto;
        width: 283px;
        height: 65px;
        border-radius: 100px;
        background-color: #FFE100;
        border: 3px solid #ffe100;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        box-sizing: border-box;
        transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
        font-size: 1.6rem;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn a::before {
        display: none;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn a:hover {
        background-color: #fff;
        text-decoration: none;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn {
        margin-right: auto;
        margin-left: auto;
        margin-top: 60px;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-app-btn {
        margin-right: auto;
        margin-left: auto;
        margin-top: 23px;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-app-btn a {
        margin-left: auto;
        margin-right: auto;
        width: 283px;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 100px;
        background-color: #fff;
        border: 3px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
        font-size: 1.6rem;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-app-btn a::before {
        display: none;
    }
    .l-smartreceipt-nav .l-smartreceipt-app-btn a:hover {
        background-color: #FFE100;
        text-decoration: none;
    }
    .l-smartreceipt-faq_outer {}
}

@media screen and (max-width:560px) {
    .tab {
        display: block;
    }
    .sp {
        display: block;
    }
    .inner>div {
        overflow: hidden;
    }
    .l-smartreceipt-logo {
        max-width: 107px;
    }
    .l-smartreceipt-nav_wrapper {
        min-height: 75px;
        position: relative;
        overflow: visible !important;
    }
    .l-smartreceipt-nav {
        height: auto;
    }
    .l-smartreceipt-nav_inner {
        padding-top: 10px;
        padding-left: 25px;
        padding-right: 5px;
        padding-bottom: 10px;
    }
    .l-smartreceipt-nav ul li {
        display: none;
    }
    .l-smartreceipt-nav ul li.l-smartreceipt-contact-btn {
        display: block;
        margin: 0px;
    }
    .l-smartreceipt-nav ul li.l-smartreceipt-contact-btn a {
        height: 55px;
        max-width: 136px;
        border-radius: 100px;
        font-size: 1.2rem;
    }
    .l-smartreceipt-header_inner {
        padding: 25px;
        height: 92px;
    }
    .l-smartreceipt-header_inner h1 {
        font-size: 1.8rem;
    }
    .l-smartreceipt-header {
        background-size: 28px auto;
    }
    .l-smartreceipt-btns {
        margin-top: 45px;
        width: auto;
    }
    .l-smartreceipt-btns .l-smartreceipt-btn {
        font-size: 1.6rem;
    }
    .l-smartreceipt-btns .l-smartreceipt-chara {
        display: none;
    }
    .l-smartreceipt-footer_inner {
        padding: 40px;
    }
    .l-smartreceipt-footer_inner h2 {
        text-align: center;
        font-size: 2.2rem;
        margin-bottom: 40px;
    }
    .l-smartreceipt-footer_inner p {
        font-size: 1.2rem;
    }
    .l-smartreceipt-content_inner {
        padding: 25px;
    }
    .l-smartreceipt-case__outer .container .row {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
    }
    .l-smartreceipt-case__outer .container .row .col-6 {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .l-smartreceipt-card {
        margin-bottom: 53px;
    }
    .l-smartreceipt-card-body {
        margin-left: 15px;
        margin-right: 15px;
        width: calc(100% - 30px);
        padding: 15px 20px;
        padding-bottom: 10px;
    }
    .l-smartreceipt-card-body .l-smartreceipt-case-title {
        line-height: 1.6em;
        font-size: 1.4rem;
    }
    .l-smartreceipt-card-body .l-smartreceipt-case-company-name {
        line-height: 1.6em;
        font-size: 1.4rem;
        padding-bottom: 10px;
    }
    .l-smartreceipt-card-body .l-smartreceipt-case-company-manager {
        line-height: 1.6em;
        font-size: 1.2rem;
        padding: 10px 5px;
        padding-bottom: 5px;
    }
    .l-smartreceipt-case-content-header-title {
        font-size: 2.0rem;
    }
    .l-smartreceipt-case-content-header-company-name {
        font-size: 1.4rem;
    }
    .l-smartreceipt-case-content-header-company-manager {
        font-size: 1.2rem;
    }
    .l-smartreceipt-case-content-header {
        padding-bottom: 22px;
    }
    .l-smartreceipt-case-content-mainvisual {
        margin-bottom: 25px;
    }
    .l-smartreceipt-case-content-share_inner ul li a {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-twiier {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-facebook {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-hatena {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-content-line {
        width: 50px;
        height: 50px;
    }
    .l-smartreceipt-case-content-share {
        margin-bottom: 24px;
    }
    .l-smartreceipt-case-content-intro_inner p {
        font-size: 1.4rem;
    }
    .l-smartreceipt-case-content-profile {
        margin-top: 45px;
    }
    .l-smartreceipt-case-content-profile_inner {
        flex-wrap: wrap;
        padding: 40px;
        padding-top: 30px;
    }
    .l-smartreceipt-case-content-profile-thumb {
        max-width: 100%;
        padding: 0px;
    }
    .l-smartreceipt-case-content-profile-thumb figure {
        width: 100px;
        height: 100px;
    }
    .l-smartreceipt-case-content-profile-thumb img {
        max-height: 100px;
        width: auto;
    }
    .l-smartreceipt-case-content-profile-body {
        padding-top: 15px;
        max-width: 100%;
    }
    .l-smartreceipt-case-content-profile-body h3 {
        display: none;
    }
    .l-smartreceipt-case-content-profile-body dl dt,
    .l-smartreceipt-case-content-profile-body dl dd {
        /*display: inline;*/
        font-size: 1.2rem;
    }
    .l-smartreceipt-case-content-section_inner h2::before {
        width: 8px;
    }
    .l-smartreceipt-case-content-section_inner h2 {
        font-size: 1.8rem;
        line-height: 1.5em;
        padding-left: 23px;
        margin-bottom: 20px;
    }
    .l-smartreceipt-case-content-section_inner p.l-smartreceipt-case-content-section-q {
        margin-bottom: 25px;
        /*font-size: 1.4rem;*/
        font-size: 1.5rem;
    }
    .l-smartreceipt-case-content-section_inner p {
        /*font-size: 1.2rem;*/
        font-size: 1.4rem;
    }
    .l-smartreceipt-case-content-section+.l-smartreceipt-case-content-section {
        margin-top: 35px;
    }
    .l-smartreceipt-faq-title {
        font-size: 1.6rem;
        margin-bottom: 25px;
    }
    .l-smartreceipt-faq dl {
        margin-left: 0;
    }
    .l-smartreceipt-faq dl dt {
        font-size: 1.4rem;
        padding-left: 0;
        padding-right: 45px;
    }
    .l-smartreceipt-faq dl dd {
        font-size: 1.2rem;
        padding-left: 0;
        padding-right: 45px;
    }
    .l-smartreceipt-faq dl::before {
        left: auto;
        right: 0px;
        top: 24px;
    }
    .l-smartreceipt-index-mainvisual_inner {
        display: block;
    }
    .l-smartreceipt-how_to_app-item {
        width: calc((100% - 30px*1)/1);
        position: relative;
    }
    .l-smartreceipt-function-item {
        width: calc((100% - 28px*1)/1);
        background-color: #fff;
    }
    .l-smartreceipt-function-item+.l-smartreceipt-function-item {
        margin-top: 28px;
    }
    .l-smartreceipt-function-item-thumb img {
        height: auto;
    }
    .l-smartreceipt-voice-item {
        width: calc((100% - 28px*1)/1);
    }
    .l-smartreceipt-intro-copy {
        max-width: 100%;
    }
    .l-smartreceipt-btns .l-smartreceipt-btn {
        width: 296px;
    }
    .l-smartreceipt-case-logo_inner h2 {
        font-size: 1.5rem;
        max-width: 298px;
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-case-logo_inner ul li {
        height: 32px;
    }
    .l-smartreceipt-case-logo_inner ul li img {
        width: auto;
        max-height: 32px;
    }
    .l-smartreceipt-intro_inner {
        padding: 80px 40px;
    }
    .l-smartreceipt-intro-copy {
        width: 100%;
        padding-bottom: 35px;
    }
    .l-smartreceipt-intro-copy h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-intro-img {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px);
        max-width: calc(100% + 30px);
    }
    .l-smartreceipt-swiper-wrapper {
        flex-wrap: wrap;
        transform: translate3d(0, 0, 0) !important;
    }
    .swiper-slide.l-smartreceipt-swiper-slide {
        width: 100%;
    }
    .swiper-slide.l-smartreceipt-swiper-slide a {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
        max-width: 100%;
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-next,
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-swiper-button-prev {
        display: none;
    }
    .l-smartreceipt-index-case_inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-index-case-swiper_inner {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .l-smartreceipt-index-case_inner>h2 {
        font-size: 2.0rem;
    }
    .swiper-slide.l-smartreceipt-swiper-slide+.l-smartreceipt-swiper-slide {
        margin-top: 45px;
    }
    .l-smartreceipt-voice_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-voice_inner h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-voice-item+.l-smartreceipt-voice-item {
        margin-top: 35px;
    }
    .l-smartreceipt-how_to_app_inner h2 {
        font-size: 2.0rem;
        margin-bottom: 20px;
    }
    .l-smartreceipt-how_to_app_inner p {
        font-size: 1.4rem;
    }
    .l-smartreceipt-how_to_app_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-how_to_app-item+.l-smartreceipt-how_to_app-item {
        margin-top: 60px;
    }
    .l-smartreceipt-how_to_app-item-thumb {
        min-height: auto;
    }
    .l-smartreceipt-how_to_app-item-thumb img {
        max-width: none;
        width: 100%;
        height: auto;
        max-width: 160px;
        height: auto;
    }
    .l-smartreceipt-how_to_app-item-body {
        padding-top: 10px;
        min-height: auto;
    }
    .l-smartreceipt-how_to_app-item-body p br {
        display: none;
    }
    .l-smartreceipt-contact_inner {
        padding: 60px;
        padding-left: 40px;
        padding-right: 40px;
        padding-bottom: 120px;
    }
    .l-smartreceipt-contact-item-col {
        width: 100%;
        padding: 0px;
    }
    .l-smartreceipt-contact-item-col:last-child {
        width: 100%;
        padding: 0px;
    }
    .l-smartreceipt-contact-item-col h2 {
        margin-bottom: 30px;
        line-height: 1.6em;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns {
        max-width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns .l-smartreceipt-btn {
        max-width: 100%;
        width: 100%;
    }
    .l-smartreceipt-points-item {
        flex-wrap: wrap;
    }
    .l-smartreceipt-index-mainvisual_inner {
        position: relative;
        min-height: 591px;
    }
    .l-smartreceipt-index-mainvisual-text {
        padding-top: 45px;
        padding-left: 50px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        height: 100%;
        z-index: 10;
    }
    .l-smartreceipt-index-mainvisual-text ul {
        flex-wrap: wrap;
        flex-direction: column;
        position: absolute;
        left: 50px;
        bottom: 30px;
    }
    .l-smartreceipt-index-mainvisual-text ul li img {
        max-width: 77px;
        height: auto;
    }
    .l-smartreceipt-index-mainvisual-text ul li {
        margin-bottom: 10px;
    }
    .l-smartreceipt-index-mainvisual-text .logo {
        width: 165px;
        height: auto;
    }
    .l-smartreceipt-index-mainvisual-text h1 {
        font-size: 1.8rem;
    }
    .l-smartreceipt-index-mainvisual-img {
        max-width: 100%;
        width: 100%;
        position: absolute;
        right: 0px;
        bottom: 0px;
        min-height: auto;
        height: 100%;
        z-index: 7;
    }
    .main_bg {
        display: block;
        height: 395px;
        width: auto;
        left: auto;
        top: auto;
        bottom: 0px;
        right: 0px;
        opacity: 1;
    }
    .main_arrow {
        display: block;
        height: 87px;
        width: auto;
        left: auto;
        top: auto;
        bottom: 215px;
        right: 107px;
    }
    .main_chara {
        width: 105px;
        height: auto;
        left: auto;
        top: auto;
        bottom: 246px;
        right: 124px;
    }
    .l-smartreceipt-index-mainvisual-img .pc {
        display: none;
    }
    .l-smartreceipt-index-mainvisual-img .sp {
        display: block;
        height: 591px;
    }
    .l-smartreceipt-points_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 0px;
    }
    .l-smartreceipt-points-items_inner {
        padding-left: 0;
        padding-right: 0;
    }
    .l-smartreceipt-function {
        margin-left: -25px;
        margin-right: -25px;
        width: calc(100% + 50px);
        background-color: #F8F8F8;
    }
    .l-smartreceipt-function_inner {
        padding: 50px;
        padding-left: 40px;
        padding-right: 40px;
    }
    .l-smartreceipt-function_inner h2 {
        font-size: 2.0rem;
        text-align: center;
    }
    .l-smartreceipt-function-item h3 {
        font-size: 1.8rem;
    }
    .l-smartreceipt-contact-item-col h2 {
        font-size: 2.2rem;
        text-align: center;
    }
    .l-smartreceipt-contact-item-col h3 {
        font-size: 1.8rem;
        text-align: center;
    }
    .l-smartreceipt-index-faq_inner h2 {
        font-size: 2.0rem;
    }
    .l-smartreceipt-index-faq_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-case-logo_inner {
        padding: 50px;
        padding-left: 25px;
        padding-right: 25px;
        padding-bottom: 30px;
    }
    .l-smartreceipt-index-faq_inner .l-smartreceipt-faq {
        padding-bottom: 45px;
    }
    .l-smartreceipt-case-logo_inner ul {
        margin-bottom: 0px;
    }
    .l-smartreceipt-case-logo_inner ul li {
        margin-bottom: 20px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(1) img {
        max-width: 107px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(2) img {
        max-width: 98px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(3) img {
        max-width: 76px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(4) img {
        max-width: 57px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(5) img {
        max-width: 85px;
    }
    .l-smartreceipt-case-logo_inner ul:first-of-type li:nth-child(6) img {
        max-width: 95px;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li {
        height: 40px;
        margin-bottom: 10px;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(1) img {
        width: 94px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(2) img {
        width: 114px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(3) img {
        width: 66px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(4) img {
        width: 93px;
        height: auto;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(5) img {
        width: 40px;
        height: auto;
        max-height: none;
    }
    .l-smartreceipt-case-logo_inner ul:last-of-type li:nth-child(6) img {
        width: 40px;
        height: auto;
        max-height: none;
    }
    .l-smartreceipt-points-item {
        background-color: #F8F8F8;
        padding: 25px;
    }
    .l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-thumb,
    .l-smartreceipt-points-item:nth-child(even) .l-smartreceipt-points-item-thumb {
        width: 100%;
        margin-left: 0px;
        margin-right: 0px;
        padding: 0px;
    }
    .l-smartreceipt-points-item-body {
        width: 100%;
    }
    .l-smartreceipt-points-item-text {
        display: flex;
        flex-direction: row;
        width: 100%;
        max-width: 100%;
        background-color: transparent;
        border-radius: 0px;
        height: auto;
        margin: 0px;
        justify-content: flex-start;
        position: relative;
        padding-top: 35px;
        padding-left: 35px;
        padding-bottom: 40px;
        margin-bottom: 20px;
    }
    .l-smartreceipt-points-item-text:before {
        content: "";
        display: block;
        width: 163px;
        height: 163px;
        border-radius: 200px;
        background-color: #FFE100;
        position: absolute;
        left: 0px;
        top: 0px;
    }
    .l-smartreceipt-points-item:nth-child(odd) .l-smartreceipt-points-item-text {
        margin: 0;
        margin-right: auto;
        margin-bottom: 20px;
    }
    .l-smartreceipt-points-item-text p {
        display: none;
    }
    .l-smartreceipt-points-item-text .l-smartreceipt-points-item-text-num {
        font-size: 7.0rem;
    }
    .l-smartreceipt-points-item-text i {
        position: relative;
        z-index: 10;
    }
    .l-smartreceipt-points-item-text h2 {
        font-size: 1.8rem;
        margin-bottom: 0px;
        margin-left: 15px;
        position: relative;
        z-index: 10;
    }
    .l-smartreceipt-points-item:nth-child(2) {
        display: flex;
        flex-direction: column-reverse;
        padding: 25px;
    }
    .l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-text {
        flex-direction: row-reverse;
        padding-top: 35px;
        padding-left: 0px;
        padding-bottom: 40px;
        padding-right: 30px;
    }
    .l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-text h2 {
        margin-left: 0px;
        margin-right: auto;
    }
    .l-smartreceipt-points-item:nth-child(2) .l-smartreceipt-points-item-text:before {
        left: auto;
        right: 0px;
    }
    .l-smartreceipt-points-item .l-smartreceipt-points-item-thumb p {
        display: block;
        padding: 25px;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 10px;
        width: 100%;
        box-sizing: border-box;
    }
    .l-smartreceipt-points-item .l-smartreceipt-points-item-thumb img {
        max-width: 100%;
        width: 100%;
    }
    .l-smartreceipt-points-item .l-smartreceipt-points-item-thumb p.l-smartreceipt-points-note {
        padding: 0;
        right: 30px;
        bottom: 21%;
        width: auto;
    }
    .l-smartreceipt-function-item p {
        min-height: auto;
    }
    .l-smartreceipt-function-item-thumb {
        min-height: auto;
        padding-top: 100%;
        overflow: hidden;
    }
    .l-smartreceipt-how_to_app-item+.l-smartreceipt-how_to_app-item:before {
        left: calc(50% - 5px);
        transform: translateY(-50%) rotate(90deg);
        bottom: auto;
        top: -30px;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns {
        height: auto;
        margin-bottom: 60px;
        max-width: 275px;
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns .l-smartreceipt-btn {
        height: 75px;
    }
    .l-smartreceipt-chara2 {
        width: 84px;
        height: 120px;
    }
    .l-smartreceipt-chara2:before {
        width: 84px;
        height: 120px;
        background-size: auto 120px;
    }
    .l-smartreceipt-contact-item-col .l-smartreceipt-btns .l-smartreceipt-btn .l-smartreceipt-chara2 {
        bottom: -15px;
        right: -43px;
    }
    .l-smartreceipt-contact-app {
        margin-left: 20px;
        margin-right: 20px;
        width: calc(100% - 40px);
        margin-top: 20px;
    }
    .l-smartreceipt-contact {
        background-size: 42px auto;
        background-color: #fff;
    }
    .l-smartreceipt-voice-item-thumb img {
        width: 162px;
        height: auto;
    }
    .l-smartreceipt-contact-text {
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-sp-mn_outer {
        width: 55px;
        height: 55px;
        margin-left: 10px;
    }
    .l-smartreceipt-sp-mn_outer a {
        width: 55px;
        height: 55px;
        position: relative;
        display: block;
    }
    .l-smartreceipt-sp-mn_outer a span {
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        transition: 0.11s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    }
    .l-smartreceipt-sp-mn_outer a span:before {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        top: -5px;
        transition: 0.11s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    }
    .l-smartreceipt-sp-mn_outer a span:after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        bottom: -5px;
        transition: 0.11s cubic-bezier(0.44, 0.18, 0.49, 0.99);
    }
    .l-smartreceipt-sp-mn_outer a.close span {
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: rgba(0, 0, 0, 0);
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
    }
    .l-smartreceipt-sp-mn_outer a.close span:before {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        top: 0px;
        transform: rotate(45deg);
    }
    .l-smartreceipt-sp-mn_outer a.close span:after {
        content: "";
        display: block;
        width: 16px;
        height: 2px;
        border-radius: 0px;
        background-color: #000000;
        position: absolute;
        left: 0px;
        bottom: 0px;
        transform: rotate(-45deg);
    }
    .l-smartreceipt-nav_outer {
        position: relative;
        overflow: visible !important;
    }
    .l-smartreceipt-nav_outer.fixed {
        position: fixed;
        left: 0px;
        top: 0px;
        width: 100%;
        z-index: 500;
        background-color: #fff;
    }
    .l-smartreceipt-nav {
        z-index: 103;
    }
    .l-smartreceipt-sp-nav {
        position: absolute;
        left: 0px;
        top: 74px;
        padding-top: 0px;
        width: 100%;
        height: 100vh;
        display: none;
        box-sizing: border-box;
        /*overflow: hidden;*/
        z-index: 100;
    }
    .l-smartreceipt-sp-nav:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 438px;
        background-color: rgba(255, 255, 255, 0.78);
        z-index: 6;
        /*backdrop-filter: blur(6px);*/
        background: transparent;
        opacity: 0.96;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
        /* Note: currently only Safari supports backdrop-filter */
        backdrop-filter: blur(50px);
        -webkit-backdrop-filter: blur(50px);
        background-color: rgba(255, 255, 255, 0.03);
        /* (plus shape's fill blended on top as a separate layer with 78% opacity) */
    }
    .l-smartreceipt-sp-nav_inner {
        position: relative;
        z-index: 10;
        padding: 40px;
        display: block;
    }
    .l-smartreceipt-sp-nav_inner ul li a {
        font-size: 1.8rem;
        font-weight: bold;
        color: #000;
    }
    .l-smartreceipt-sp-nav_inner ul li+li {
        margin-top: 15px;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn a {
        margin-left: auto;
        margin-right: auto;
        width: 283px;
        height: 65px;
        border-radius: 100px;
        background-color: #FFE100;
        border: 3px solid #ffe100;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px;
        box-sizing: border-box;
        transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
        font-size: 1.6rem;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn a::before {
        display: none;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn a:hover {
        background-color: #fff;
        text-decoration: none;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-contact-btn {
        margin-right: auto;
        margin-left: auto;
        margin-top: 60px;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-app-btn {
        margin-right: auto;
        margin-left: auto;
        margin-top: 23px;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-app-btn a {
        margin-left: auto;
        margin-right: auto;
        width: 283px;
        height: 65px;
        padding: 5px;
        box-sizing: border-box;
        border-radius: 100px;
        background-color: #fff;
        border: 3px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.22s cubic-bezier(0.44, 0.18, 0.49, 0.99);
        font-size: 1.6rem;
    }
    .l-smartreceipt-sp-nav .l-smartreceipt-app-btn a::before {
        display: none;
    }
    .l-smartreceipt-nav .l-smartreceipt-app-btn a:hover {
        background-color: #FFE100;
        text-decoration: none;
    }
    .l-smartreceipt-footer_inner .l-smartreceipt-btns {
        margin-top: 35px;
        flex-direction: column;
    }
    .l-smartreceipt-footer_inner .l-smartreceipt-btns .l-smartreceipt-btn {
        margin-bottom: 30px;
        max-width: 100%;
        width: 100%;
    }
    .l-smartreceipt-footer_inner .l-smartreceipt-btns .l-smartreceipt-chara2 {
        position: static;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-btns .l-smartreceipt-btn {
        min-height: 95px;
        line-height: 1.6em;
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-btns .l-smartreceipt-btn .l-smartreceipt-chara2 {
        position: absolute;
        right: -36px;
        bottom: -10px;
    }
    .swiper-slide.l-smartreceipt-swiper-slide a {
        padding-bottom: 5px;
    }
    .l-smartreceipt-case__outer {
        padding-left: 0;
        padding-right: 0;
    }
    .l-smartreceipt-case-content {
        padding-left: 0;
        padding-right: 0;
    }
    .l-smartreceipt-index-case-swiper_inner .l-smartreceipt-case__outer {
        margin-left: -0px;
        margin-right: -0px;
        width: calc(100% + 0px);
        max-width: calc(100% + 0px);
    }
    .l-smartreceipt-voice-items {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
        max-width: calc(100% + 20px);
    }
    .l-smartreceipt-voice-item {
        width: calc((100% - 20px*1)/1);
    }
}

/* 20250217追加 サービス一覧用 */


.l-smartreceipt-index-service {
    background-color: #F8F8F8;
}

.l-smartreceipt-index-service_inner {
    max-width: 980px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 80px;
    padding-bottom: 120px;
}

.l-smartreceipt-index-service_inner>h2 {
    font-size: 3.6rem;
    font-weight: bold;
    margin-bottom: 20px;
    font-family: 'Noto Sans JP', sans-serif;
}

.l-smartreceipt-index-service_inner a:hover {
        opacity: 0.6;
}
.l-smartreceipt-index-service_inner .l-smartreceipt-doc_title {
    font-size: 1.8rem;
    font-weight: bold;
    color: #000;
    margin-top: 10px;
}

.l-smartreceipt-index-service_inner .l-smartreceipt-doc_link {

}
.l-smartreceipt-index-service_inner .l-smartreceipt-doc_link::after {
    content: "";
    width: 12px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../img/common/ico_step.png);
    background-size: contain;
    display: block;
    right: 25px;
    top: 50%;
    position: absolute;
    margin-top: -10px;
}

.l-smartreceipt-index-service-swiper {
    padding-top: 25px;
}

.l-smartreceipt-index-service-swiper_inner {
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
    position: relative;
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-btns .l-smartreceipt-btn {
    max-width: 517px;
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-service__outer {
    max-width: calc(100% + 40px);
    position: relative;
    margin-left: -20px;
    margin-right: -20px;
    width: calc(100% + 40px);
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-slide {
    width: 50%;
    /*width: 470px;*/
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-card {
    margin-left: 11px;
    margin-right: 11px;
    max-width: calc(100% - 22px);
    width: 100%;
    margin-bottom: 0px;
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-card .l-smartreceipt-card-body {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(100% - 20px);
    box-sizing: border-box;
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-prev {
    width: 22px;
    height: 35px;
    overflow: hidden;
    left: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-prev:after {
    content: "";
    width: 22px;
    height: 35px;
    display: block;
    background-image: url(../img/common/ico_swiper_prev.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-next {
    width: 22px;
    height: 35px;
    overflow: hidden;
    right: -30px;
    top: 50%;
    transform: translateY(-50%);
}

.l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-next:after {
    content: "";
    width: 22px;
    height: 35px;
    display: block;
    background-image: url(../img/common/ico_swiper_next.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

@media screen and (max-width:860px) {
    .l-smartreceipt-index-service_inner {
        padding-left: 60px;
        padding-right: 60px;
    }
    .l-smartreceipt-index-service-swiper_inner {
        margin-left: -10px;
        margin-right: -10px;
        width: calc(100% + 20px);
    }
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-card {
        margin-left: 10px;
        margin-right: 10px;
        width: calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-card .l-smartreceipt-card-body {
        max-width: calc(100% - 40px);
    }
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-prev {
        left: -15px;
    }
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-next {
        right: -15px;
    }
}

@media screen and (max-width:768px) {
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-card {
        margin-left: 0px;
        margin-right: 0px;
        max-width: 100%;
        width: 100%;
    }
    #document2 .swiper-slide{
        width: 90% !important;
    }

    .l-smartreceipt-index-service-swiper_inner .swiper-slide.l-smartreceipt-swiper-slide,
    .swiper-slide.l-smartreceipt-swiper-slide {
        width: 100% !important;
    }


    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-next,
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-prev {
        display: none;
    }
    .l-smartreceipt-index-service_inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-index-service-swiper_inner {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .l-smartreceipt-index-service_inner>h2 {
        font-size: 2.0rem;
    }
}

@media screen and (max-width:560px) {
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-next,
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-swiper-button-prev {
        display: none;
    }
    .l-smartreceipt-index-service_inner {
        padding-left: 25px;
        padding-right: 25px;
    }
    .l-smartreceipt-index-service-swiper_inner {
        margin-left: 0px;
        margin-right: 0px;
        width: 100%;
    }
    .l-smartreceipt-index-service_inner>h2 {
        font-size: 2.0rem;
    }
    
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-btns .l-smartreceipt-btn {
        min-height: 95px;
        line-height: 1.6em;
    }
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-btns .l-smartreceipt-btn .l-smartreceipt-chara2 {
        position: absolute;
        right: -36px;
        bottom: -10px;
    }
    
    .l-smartreceipt-index-service-swiper_inner .l-smartreceipt-service__outer {
        margin-left: -0px;
        margin-right: -0px;
        width: calc(100% + 0px);
        max-width: calc(100% + 0px);
    }
    
}

.l-smartreceipt-case-content-profile-body .simple-txt {
    margin-top: 1em;
}
@media screen and (max-width: 768px) {
    .l-smartreceipt-case-content-profile-body .simple-txt p {
        font-size: 1.2rem;
    }
}