.services_autocharge_index .pageHeader {
    margin-bottom: 3.43em
}

@media screen and (max-width:659px) {
.autocharge_contents01 {
    margin: 3rem 0 0
}
.services_autocharge_index .pageHeader {
    padding-top: 2.3em;
    margin-bottom: 2.35em
}
.services_autocharge_index .pageHeader_title {
    line-height: 125%
}
.services_autocharge_index .pageHeader_title span {
    line-height: 170%;
    margin-top: .75em
}
}
.autocharge_contents01 .sectionTitle {
    margin-bottom: .3em
}
.autocharge_list01 {
    margin-top: 2.2em;
    counter-reset: my-counter;
    list-style: none;
    padding: 0;
    border-top: 1px solid #e5e5e5
}
.autocharge_list01>li {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 1.45em 1.2em 1em;
    line-height: 180%
}
.catch {
    font-weight: bold;
    padding: 2rem;
    text-align: center;
    line-height: 1.6;
    background: #e8eff9;
    font-size: 1.6rem;
    margin: 0 auto;
}

@media screen and (max-width:659px) {
.catch {
    width: 100%;
}
.autocharge_contents01 .sectionTitle {
    font-size: 2.45rem;
    margin-bottom: .4em
}
.autocharge_contents01 .titleDescription {
    line-height: 180%;
    text-align: left
}
.autocharge_list01 {
    margin: 2.3em -4% 0
}
.autocharge_list01>li {
    padding: 0 0 1.1em
}
.autocharge_list01 .wrapper {
    display: block;
    padding-top: .5em
}
}
.autocharge_list01 .title {
    font-size: 2.2rem;
    margin-bottom: .7em;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:659px) {
.autocharge_list01 {
    margin: 0 -4% 0
}
.autocharge_list01 .title {
    font-size: 2rem;
    line-height: 130%;
    padding: .75em 1em 0 3.1em;
    background: none;
    margin-bottom: 0;
    display: block;
    cursor: pointer
}
.autocharge_list01 .title.on {
    background-image: none
}
.autocharge_list01 .title.touchstart {
    opacity: .7
}
}
.autocharge_list01 .title span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1.2rem;
    font-weight: 700;
    color: #eb2f4c
}

@media screen and (max-width:659px) {
.autocharge_list01 .title span {
    height: 3.9em;
    line-height: 1;
    position: absolute;
    display: block;
    top: 50%;
    left: 3%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding-top: .2em
}
}
.autocharge_list01 .title span:after {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #eb2f4c;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    font-size: 2rem;
    line-height: 1.6em;
    text-align: center;
    height: 1.6em;
    width: 1.6em;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 .45em 0 .25em;
    font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif
}

@media screen and (max-width:659px) {
.autocharge_list01 .title span:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 1.8rem
}
.autocharge_list01 p {
    font-size: 1.25rem;
    line-height: 180%;
    padding: 0 1% 0 3.6%
}
}
.autocharge_list01 .img {
    background: #fff;
    padding: 1.25em 8.8%;
    text-align: center;
    margin: 1em 0 .5em
}

@media screen and (max-width:659px) {
.autocharge_list01 .img {
    margin: 1.1em 2% .2em 4%;
    padding: 1em 5.5%
}
}
.autocharge_list01 .img h4 {
    color: #6e6e6e;
    font-size: 1.6rem;
    margin-bottom: .3em
}
.autocharge_list01 .img img {
    vertical-align: middle
}

@media screen and (max-width:659px) {
.autocharge_list01 .img h4 {
    font-size: 1.4rem;
    line-height: 180%;
    margin-bottom: .6em
}
.autocharge_list01 .img img {
    width: 100%;
    height: auto
}
}
.autocharge_list01 ul {
    font-size: 1.2rem;
    color: #6e6e6e
}

@media screen and (max-width:659px) {
.autocharge_list01 ul {
    font-size: 1.1rem;
    line-height: 180%;
    margin: 0 2% 0 4%
}
}
.autocharge_list01 ul li {
    text-indent: -1em;
    padding-left: 1em
}
.autocharge_list01 .button {
    width: 47.5%;
    margin: .85em 0 .45em
}
.autocharge_list01 .button .btn {
    height: 3.15em;
    padding: .7em 0;
    background-position: 95.5% 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width:1024px) {
.autocharge_list01 .button .btn {
    padding-right: 1.5em
}
.autocharge_list04 .detail {
    letter-spacing: -.05em
}
}

@media screen and (max-width:659px) {
.autocharge_list01 .button {
    width: 95%;
    margin: 1.02em auto .2em
}
.autocharge_list01 .button .btn {
    height: 4.1em;
    padding: .7em 0;
    font-size: 1.3rem;
    line-height: 140%
}
.autocharge_contents02 .sectionTitle {
    font-size: 2.6rem
}
}
.autocharge_contents02 .sectionTitle {
    margin-bottom: .25em
}
.autocharge_contents02 .titleDescription {
    margin-bottom: 1.1em
}
.autocharge_contents02 .titleDescription .text-small {
    display: block;
    line-height: 180%;
    margin-top: .3em
}
.autocharge_list02 li .btn-primary, .autocharge_list03 .btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}

@media screen and (max-width:659px) {
.autocharge_contents02 .titleDescription {
    text-align: left;
    line-height: 180%
}
.autocharge_contents02 .titleDescription .text-small {
    font-size: 1.1rem;
    margin-top: 0;
    text-indent: -1em;
    padding-left: 1em
}
}
.autocharge_list02 {
    width: 96%;
    margin: 0 auto 2rem
}

@media screen and (max-width:659px) {
.autocharge_list02 {
    width: 100%;
    margin-bottom: 2rem
}
}
.autocharge_list02 li {
    background: #f7f8f9;
    text-align: center;
    padding: 1.3em 14.2%;
    margin-bottom: 1.4em
}
.autocharge_list02 li:last-child {
    margin-bottom: 0
}
.autocharge_list02 li h3 {
    color: #6e6e6e;
    font-size: 1.6rem;
    margin-bottom: 1.15em
}
.autocharge_list02 li .button {
    margin: 0 auto .1em
}
.autocharge_list02 li .img {
    background: #fff;
    margin: 2rem -8rem;
    padding: 2rem 8rem;
}

@media screen and (max-width:659px) {
.autocharge_list02 li .img {
    margin: 0 0 2rem;
    padding: 1rem;
}
.autocharge_list02 li {
    padding: 1.3em 3.5%
}
.autocharge_list02 li.img {
    padding: 1.3em 17%
}
.autocharge_list02 li h3 {
    font-size: 1.4rem
}
.autocharge_list02 li .button {
    width: 94%
}
}
.autocharge_list02 li .btn-primary {
    width: 100%;
    height: 4.15em;
    padding: 1em 0;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.autocharge_list03 .left, .autocharge_list03 .right {
    width: 49%;
    margin-bottom: 2.8em
}
.autocharge_list03 .left .btn, .autocharge_list03 .right .btn {
    background-position: 95.5% 50%
}
.autocharge_list03 .left {
    float: left
}

@media screen and (max-width:659px) {
.autocharge_list02 li .btn-primary {
    font-size: 1.2rem;
    height: 4.3em;
    padding: 1.55em 0
}
.autocharge_list02 li .btn-primary.twoLine {
    height: 4.45em;
    line-height: 140%;
}
.autocharge_list02 li .btn {
    white-space: normal
}
.autocharge_list03 .left, .autocharge_list03 .right {
    width: 100%;
    margin-bottom: .65em
}
.autocharge_list03 .left {
    float: none
}
}
.autocharge_list03 .right {
    float: right
}
.autocharge_list03 .center {
    clear: both;
    text-align: left
}
.autocharge_list03 .btn {
    width: 100%;
    height: 3.15em;
    display: flex;
    padding: .6em 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.autocharge_list04, .autocharge_list04 .img.white {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox
}
.autocharge_contents03 .titleIcon {
    padding-top: .65em
}
.autocharge_contents03 .sectionTitle {
    margin-bottom: 1.25em
}
.autocharge_list04 {
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:659px) {
.autocharge_list03 .right {
    float: none
}
.autocharge_list03 .center {
    margin-top: 2.65em
}
.autocharge_list03 .btn {
    font-size: 1.2rem
}
.autocharge_list03 .btn.twoLine {
    height: 4.3em;
    line-height: 160%
}
.autocharge_contents03 .sectionTitle {
    margin-bottom: 2.1em
}
.autocharge_list04 {
    display: block
}
}
.autocharge_list04 li {
    width: 33.333%;
    float: left;
    padding: 0 2.5%;
    border-left: 1px solid #e5e5e5
}
.autocharge_list04 li:first-child {
    border: none
}

@media screen and (max-width:659px) {
.autocharge_list04 li {
    width: 100%;
    float: none;
    display: block;
    border: none;
    margin-bottom: 3.8em
}
.autocharge_list04 li:last-child {
    margin-bottom: 0
}
}
.autocharge_list04 .img {
    width: 71%;
    height: 8.92em;
    margin: 0 auto 1.1em;
    text-align: center
}

@media screen and (max-width:659px) {
.autocharge_list04 .img {
    width: 62%;
    margin-bottom: .9em
}
}
.autocharge_list04 .img.white {
    background: #fff;
    display: flex;
    text-align: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.autocharge_list04 .img img {
    width: 100%;
    height: auto;
    max-width: inherit;
    vertical-align: middle
}
.autocharge_list04 .img .notte {
    width: 24%;
    margin: 6% 0
}
.autocharge_list04 .name {
    font-size: 2.2rem;
    text-align: center;
    margin-bottom: .25em;
    white-space: nowrap
}
.autocharge_list04 .detail {
    line-height: 180%;
    margin: 0 .3em 1em;
    min-height: 3.6em
}

@media screen and (max-width:700px) {
.autocharge_list04 .detail {
    letter-spacing: -.09em
}
}
.autocharge_list04 .buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.autocharge_list04 .buttons .btn {
    width: 47.8%;
    height: 4.1em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em 0
}
.autocharge_list04 .buttons02 .btn {
    width: 100%;
    height: 4.1em;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 2em 0;
}
@media screen and (max-width:659px) {
.autocharge_list04 .name {
    font-size: 2rem;
    white-space: normal
}
.autocharge_list04 .detail {
    font-size: 1.2rem;
    margin: 0 6.5% 1.2em
}
.autocharge_list04 .buttons {
    margin: 0 6%
}
.autocharge_list04 .buttons .btn {
    font-size: 1.2rem;
    height: 4.2em
}
}
.autocharge_list04 .attention {
    line-height: 175%;
    background: url(/common/images/icon/ic_info-bk.png) no-repeat;
    -webkit-background-size: 1.5em auto;
    background-size: 1.5em auto;
    padding: 0 0 0 1.95em;
    margin-top: 1.3em
}

@media screen and (max-width:659px) {
.autocharge_list04 .attention {
    background-position: 0 5%;
    -webkit-background-size: 1.8em auto;
    background-size: 1.8em auto;
    margin: 1.3em 6.5% 0;
    padding-top: .35em;
    padding-left: 2em;
    font-size: 1.2rem;
    line-height: 180%
}
}
.autocharge_contents04 {
    line-height: 180%
}
.autocharge_contents04 h2 {
    font-size: 1.6rem;
    color: #6e6e6e;
    margin-bottom: 1em
}
.autocharge_list04 .buttons02{
	text-align: center;
}
.autocharge_list04 .buttons02 .btn {
    width: 90%;
}

@media screen and (max-width:659px) {
.autocharge_contents04 h2 {
    font-size: 1.4rem;
    margin-bottom: .9em
}
}
.autocharge_contents04 h3 {
    font-size: 1.2rem;
    font-weight: 400;
    color: #6e6e6e
}

@media screen and (max-width:659px) {
.autocharge_contents04 h3 {
    font-size: 1.05rem;
    line-height: 180%
}
}
.autocharge_list05 {
    font-size: 1.2rem;
    color: #6e6e6e;
    margin: .15em 0 2.75em;
    line-height: 180%
}

@media screen and (max-width:659px) {
.autocharge_list05 {
    font-size: 1.05rem;
    margin: 0 0 2.6em
}
}
.autocharge_list05:last-child {
    margin-bottom: 0
}
.autocharge_list05 li {
    padding-left: 1em;
    text-indent: -1em
}
.nav-buscha ul {
    display: flex;
    justify-content: space-between;
    margin: 5rem 0 4rem;
    width: 100%;
}
.nav-buscha li {
    display: block;
    min-height: 7rem;
    position: relative;
    color: #282828;
    padding: 0;
    width: 23%;
}
.nav-buscha .btn-buscha {
    font-weight: bold;
    border-radius: 6px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ccc;
    font-size: 1.6rem;
    padding: 1rem
}
.nav-buscha .caution {
    position: relative
}
.nav-buscha .caution::after {
    content: "※必ずお読みください";
    display: block;
    position: absolute;
    top: -4rem;
    left: 0;
    width: 90%;
    color: #fff;
    background: #EB2F4C;
    border-radius: 25px;
    padding: 1rem;
    text-align: center
}
.nav-buscha .caution::before {
    border-color: #EB2F4C transparent transparent;
    border-style: solid;
    border-width: 1rem 1rem 0;
    bottom: -1rem;
    content: "";
    display: block;
    height: 0;
    top: -.5rem;
    left: 50%;
    margin-left: -1rem;
    position: absolute;
    width: 0;
}
.nav-buscha .on > .btn-buscha {
    background: #003f98;
    color: #fff;
}

@media screen and (max-width:768px) {
.nav-buscha .caution::before {
    top: -1rem;
    left: 50%;
    position: absolute;
}

}

@media screen and (max-width:659px) {
.nav-buscha ul {
    flex-wrap: wrap;
}
.nav-buscha li {
    width: 48%;
    margin: 0 0 1.2rem;
}
.nav-buscha .btn-buscha {
    font-size: 1.4rem;
    min-height: 7rem;
}
.nav-buscha .caution::after {
    position: absolute;
    top: 7.5rem;
    left: 2%;
    padding: 0.5rem;
    font-size: 1.2rem;
}
.nav-buscha .caution::before {
    border-color: transparent transparent #EB2F4C;
    border-style: solid;
    border-width: 0 1rem 1rem;
    bottom: -10px;
    content: "";
    display: block;
    height: 0;
    top: 6.6rem;
    left: 50%;
    margin-left: -10px;
    position: absolute;
    width: 0;
}
}
.autocharge_list01 > li.bg-notte {
    background: url(/services/buscharge/images/about_img01.png) no-repeat 90% center;
    padding: 1.45em 1.2em 5em;
    background-size: 15rem auto
}

@media screen and (max-width: 900px) {
.autocharge_list01 > li.bg-notte {
    background-size: contain;
}
}

@media screen and (max-width:659px) {
.autocharge_list01 > li.bg-notte {
    background: none;
    padding: 0 0 1.1em;
}
.autocharge_list01 > li.bg-notte > .wrapper {
    background: url("/services/buscharge/images/about_img01.png") no-repeat scroll center bottom / 9rem auto;
    padding-bottom: 7em;
}
.point_navi01 {
    margin: 0;
}
}
.flow-buscha {
    background: #e8eff9;
}
.inner.general .flow-buscha figure {
    margin: 0;
}
h3.heading-lv3.ttl01 {
    padding: 2.5rem 0 3px 7rem;
    background: url(/services/buscharge/images/about_img03.png) no-repeat bottom left;
    background-size: 6rem auto;
}
h3.heading-lv3.ttl02 {
    padding: 2rem 0 3px 7rem;
    background: url(/common/images/ph_pasmo_autocharge.png)no-repeat left 80%;
    background-size: 6rem auto;
}
h3.heading-lv3.ttl03 {
    padding: 2rem 0 3px 7rem;
    background: url(/common/images/jmb_visa_s.png)no-repeat left 80%;
    background-size: 6rem auto;
}

@media screen and (max-width:659px) {
h3.heading-lv3.ttl01 {
    padding: 6rem 0 3px;
    background: url(/services/buscharge/images/about_img03.png) no-repeat center top;
    background-size: 6rem auto;
}
h3.heading-lv3.ttl02 {
    padding: 5rem 0 3px;
    background: url(/common/images/ph_pasmo_autocharge.png)no-repeat center top;
    background-size: 6rem auto;
}
h3.heading-lv3.ttl03 {
    padding: 5rem 0 3px;
    background: url(/common/images/jmb_visa_s.png)no-repeat center top;
    background-size: 6rem auto;
}
}
.nav-flow, .nav-caution {
    background: #f2f2f2;
    margin: 3rem 0;
    padding: 2rem;
}
.nav-flow ul, .nav-caution ul {
    display: flex;
    justify-content: space-around;
}
.nav-flow ul li, .nav-caution ul li {
    width: 33%;
    min-height: 10rem
}
.nav-flow ul li a, .nav-caution ul li a {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 94%;
    margin: 0 auto;
    height: 100%;
    padding: 5.5rem 1rem 2rem;
    font-weight: 700;
    border-radius: 5px;
}
.nav-flow ul li a.tokyucard {
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, url(/common/images/jmb_visa_s.png) no-repeat center 5%, #fff repeat 0 0;
    background-size: 2rem auto, 6rem auto;
}
.nav-flow ul li a.pacs {
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, url(/common/images/ph_pasmo_autocharge.png) no-repeat center 5%, #fff repeat 0 0;
    background-size: 2rem auto, 6rem auto;
}
.nav-flow ul li a.bncs {
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, url(/services/buscharge/images/about_img03.png) no-repeat center 5%, #fff repeat 0 0;
    background-size: 2rem auto, 6rem auto;
}
.nav-caution ul li a {
    padding: 1rem 1rem 2rem;
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, #fff repeat 0 0;
    background-size: 2rem auto;
    line-height: 1.6;
}

@media screen and (max-width:659px) {
.nav-flow ul, .nav-caution ul {
    display: flex;
    justify-content: space-around;
    flex-direction: column
}
.nav-flow ul li, .nav-caution ul li {
    width: 100%;
    margin: 0 0 1.5rem;
    min-height: 0;
}
.nav-flow ul li a.tokyucard {
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, url(/common/images/jmb_visa_s.png) no-repeat center 6%, #fff repeat 0 0;
    background-size: 2rem auto, 6rem auto;
}
.nav-flow ul li a.pacs {
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, url(/common/images/ph_pasmo_autocharge.png) no-repeat center 6%, #fff repeat 0 0;
    background-size: 2rem auto, 6rem auto;
}
.nav-flow ul li a.bncs {
    background: url(/common/images/icon/ic_arrow-d-rd.png) no-repeat center 90%, url(/services/buscharge/images/about_img03.png) no-repeat center 6%, #fff repeat 0 0;
    background-size: 2rem auto, 6rem auto;
}
}
.teikei-card {
    display: flex;
    justify-content: space-around;
}
.inner.general .teikei-card figure {
    width: 32%;
    height: auto;
    margin: 0
}
.faq-buscha {
    background: #eef5fd;
    margin: 2rem;
    padding: 2rem
}
.faq-buscha dt {
    font-weight: 700;
    font-size: 1.8rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem
}
.faq-buscha dd {
    padding-top: 2rem
}

@media screen and (max-width:659px) {
.faq-buscha {
    margin: 2rem 0;
}
}
.warning {
	font-size: 1.4rem;
	font-weight: normal;
}