@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Roboto:700);


/*========================================================================

reset

========================================================================*/

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
body {
  line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display:block;
}
nav ul {
  list-style:none;
}
blockquote, q {
  quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content:'';
  content:none;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
/* change colours to suit your needs */
ins {
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
/* change colours to suit your needs */
mark {
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom:1px dotted;
  cursor:help;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
/* change border colour to suit your needs */
hr {
  display:block;
  height:1px;
  border:0;
  border-top: 1px solid #f1f1f1;
  margin:1em 0;
  padding:0;
  margin-right: -1px;
  margin-left: -35px;
}
input, select {
  vertical-align:middle;
}

li {
  list-style: none;
}
@media screen and (max-width: 767px) {
  hr {
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
  margin-right: -10px;
  margin-left: -9px;
}
}


/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.pbNotEditable{
	background-color: rgba(32, 32, 32, 0.5) !important;
}

/*========================================================================

index

========================================================================*/

.maskObj {
  position: relative;
}

.maskObj .mask {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #008cd6;
  transform-origin: right center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■mvSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#pay_index-mvSection{
  width: 100%;
  height: 480px;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  background: #e5e5e5;
}

#pay_index-mvSection h2 {
  margin: 0;
  padding: 0;
  text-align: center;
}

#pay_index-mvSection p {
  width: 161px;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left: -1060px;
  right: 0;
  bottom: 48px;
}
.movie-wrap{

  width: 854px;
  margin: 0 auto;
  position:relative;
  opacity:0;
}
.movie{
  position:relative;
  width:100%;
  padding-top:56.25%;
  overflow:hidden;
}
.movie iframe{
  position:absolute;
  top:0%;
  right:0%;
  width:100%;
  height:100%;
  transform:scale(1.5);
  transition:transform 8s ease-out;
}
.movie iframe.ready{
  transform:scale(1.015);
}
.movie::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  z-index:1;
}
.movie-wrap .sound-btn{
  display:block;
  width:28px;
  height:15px;
  background:url(../_assets/img/index/volume_off.png) no-repeat center center;
  background-size:100%;
  position:absolute;
  right:0;
  bottom:0;
  cursor:pointer;
  z-index:2;
  margin-right:3%;
  margin-bottom:3%;
}

.movie-wrap .sound-btn.on{
  background-image:url(../_assets/img/index/volume_on.png);
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #pay_index-mvSection{
    height: auto;

    margin: 0;
    padding: 50px 0 0 0;
    box-sizing: border-box;
  }



  #pay_index-mvSection .inner {
    padding: 0!important;
  }

  #pay_index-mvSection h2 {
    width: 365px;
    height: 283px;
    margin: 0 auto;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -4px;
    left: 50%;
    transform: translateX(-50%);
  }

  #pay_index-mvSection h2 img {
    width: 365px!important;
    min-width: 365px!important;
  }

  #pay_index-mvSection p {
    text-align: center;
    margin: 0 auto;
    padding: 0;
    position: relative;
    left: 0;
    bottom: 10px;
  }

  #pay_index-mvSection p img {
    width: 100px;
    height: 52px;
  }
  .movie-wrap{
    width: auto;
    margin: 0 auto;
  }
  .movie iframe{
    transform:scale(2);
  }
  .movie-wrap .sound-btn{
    width:10%;
    height:0;
    padding-bottom:10%;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■pay_index_bandSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#pay_index_bandSection {
  padding: 112px 0;
  background: url(../_assets/img/index/band_bg.png) no-repeat center center / auto auto #e5f3fb;
  color: #008cd6;
  text-align: center;
  position: relative;
}

#pay_index_bandSection h2 {
  font-size: 4.0rem;
  margin-bottom: 24px;
}

#pay_index_bandSection .pay_index-btn a {
  margin-top: 40px;
}

#pay_index_bandSection .illust {
  position: absolute;
  right: auto;
  left: 40px;
  bottom: -112px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #pay_index_bandSection {
    padding: 80px 0;
    background: url(../_assets/img/index/band_bg.png) no-repeat center center / 218px 265px #e5f3fb;
  }

  #pay_index_bandSection h2 {
    font-size: 2.6rem;
    line-height: 1.25;
    margin-bottom: 12px;
    text-align: left;
  }

  #pay_index_bandSection p {
    line-height: 1.7;
    text-align: left;
  }

  #pay_index_bandSection .pay_index-btn a {
    margin: 32px 0 0 0;
  }

  #pay_index_bandSection .illust {
    left: auto;
    right: 16px;
    bottom: -80px;
  }
  #pay_index_bandSection .illust img {
    zoom: .5;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■ mvSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.slick-list {
    overflow: hidden;
}
.slick-track {
  display: flex!important;
  justify-content: center!important;
  height: 100%!important;
}

#pay_business-mvSection{
  width: 100%;
  margin: 0;
  padding: 0;
}
#pay_business-mvSection:after{
  display: none
}
#pay_business-mvSection .mv{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#pay_business-mvSection .mv li{
  width: 1040px;
  height: 480px;
  margin: 0;
  padding: 0;
}

#pay_business-mvSection li.mv1{
  background: url(../business/_assets/img/index/mv1_bg.jpg) no-repeat center center / auto 100%;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  box-sizing: border-box;
}

#pay_business-mvSection li.mv1 div{
  margin-right: 40px;
}

#pay_business-mvSection li.mv1 h2 {
  color: #008cd6;
  font-size: 4.0rem;
  line-height: 1.3;
  margin-bottom: 48px;
}

#pay_business-mvSection li.mv1 h2 span {
  display: inline-block;
}

#pay_business-mvSection li.mv1 h2 small {
  font-size: 5.6rem;
}

#pay_business-mvSection li.mv1 p {
  width: 270px;
  text-align: center;
  height: 48px;
  line-height: 48px;
  background-color: #008cd6;
  color: #fff;
  font-weight: bold;
  margin-bottom: 20px;
}

#pay_business-mvSection li.mv1 p span {
  font-size: 2.0rem;
}

#pay_business-mvSection li.mv1 small {
  color: #008cd6;
  font-size: 1.4rem;
  margin-bottom: 0;
}

#pay_business-mvSection li.mv2{
  background: url(../business/_assets/img/index/mv2_bg.jpg) no-repeat center center / auto 100%;
  padding: 0;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

#pay_business-mvSection li.mv2 div {
  padding:60px 40px 0 0;
}

#pay_business-mvSection li.mv2 h2 {
  color: #008cd6;
  width: 440px;
  margin-left: auto;
}

#pay_business-mvSection li.mv2 h2 p:first-of-type {
  font-size: 2.4rem;
  margin-bottom: 40px;
  position: relative;
}

#pay_business-mvSection li.mv2 h2 p:first-of-type span {
  display: inline-block;
  border-bottom: 4px solid #008cd6;
  padding-bottom: 20px;
}

#pay_business-mvSection li.mv2 h2 p:first-of-type strong {
  font-size: 4.4rem;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
}

#pay_business-mvSection li.mv2 h2 p:first-of-type sup {
  position: absolute;
  top: 0;
  left: 26.0rem;
  font-size: 1.0rem;
}

#pay_business-mvSection li.mv2 h2 p:last-of-type {
  font-size: 4.0rem;
  line-height: 1.3;
}

/* Arrows */
#pay_business-mvSection .slick-prev,
#pay_business-mvSection .slick-next{
  font-size:0;
  line-height:0;
  position:absolute;
  top:0;
  bottom:0;
  margin:auto;
  display:block;
  padding:0;
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  background:transparent;
}
#pay_business-mvSection .slick-prev:before,
#pay_business-mvSection .slick-next:before{
  opacity: 1;
}
#pay_business-mvSection .slick-prev:before{
  display:block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(../business/_assets/img/index/activity_arrow_l.png) no-repeat left 17px center / 12px 19px #fff;
  border-radius: 50%;
}
#pay_business-mvSection .slick-next:before{
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  background: url(../business/_assets/img/index/activity_arrow_r.png) no-repeat right 17px center / 12px 19px #fff;
  border-radius: 50%;
}
#pay_business-mvSection .slick-prev{
  left: calc(50% - 24px);
  left: -webkit-calc(50% - 24px);
  padding: 0;
  margin-left:-576px;
  z-index: 5;
}
#pay_business-mvSection .slick-next{
  right: calc(50% - 24px);
  right: -webkit-calc(50% - 24px);
  padding: 0;
  margin-right:-576px;
  z-index: 5;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width:1220px){

  #pay_business-mvSection .slick-prev{
    left: 0;
    padding: 0 24px;
    margin-left: 0;
  }

  #pay_business-mvSection .slick-next{
    right: 0;
    padding: 0 24px;
    margin-right: 0;
  }

}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #pay_business-mvSection {
  }

  #pay_business-mvSection .mv li{
    width: 100%!important;
    height: 340px;
  }

  #pay_business-mvSection li.mv1{
    background: url(../business/_assets/img/sp/index/mv1_bg.jpg) no-repeat left top / cover;
    justify-content: center;
    align-items: center;
  }

  #pay_business-mvSection li.mv1 div{
    margin: 0;
    text-align: center;
  }

  #pay_business-mvSection li.mv1 h2 {
    font-size: 2.4rem;
    margin-bottom: 25px;
  }

  #pay_business-mvSection li.mv1 h2 small {
    font-size: 3.2rem;
  }

  #pay_business-mvSection li.mv1 p {
    width: 180px;
    height: 32px;
    line-height: 32px;
    margin: 0 auto 15px auto;
    font-size: 1.0rem;
  }

  #pay_business-mvSection li.mv1 p span {
    font-size: 1.3rem;
  }

  #pay_business-mvSection li.mv1 small {
    font-size: 0.9rem;
  }

  #pay_business-mvSection li.mv1 .btn {
    font-size: 0.9rem;
    bottom: 20px;
  }

  #pay_business-mvSection li.mv1 .btn a {
    width: 40px;
  }

  #pay_business-mvSection li.mv2{
    background: url(../business/_assets/img/sp/index/mv2_bg.jpg) no-repeat left top / cover;
  }

  #pay_business-mvSection li.mv2 div {
    padding: 30px 0 0 0;
  }

  #pay_business-mvSection li.mv2 h2 {
    padding-top: 0;
    height: auto;
    width: auto;
    text-align: center;
    margin: 0 auto;
  }

  #pay_business-mvSection li.mv2 h2 p:first-of-type {
    font-size: 1.6rem;
    margin-bottom: 20px;
  }

  #pay_business-mvSection li.mv2 h2 p:first-of-type span {
    border-bottom: 2px solid #008cd6;
    padding-bottom: 10px;
  }

  #pay_business-mvSection li.mv2 h2 p:first-of-type strong {
    font-size: 2.8rem;
  }

  #pay_business-mvSection li.mv2 h2 p:first-of-type sup {
    position: absolute;
    top: 0;
    left: 24.5em;
    font-size: 0.9rem;
  }

  #pay_business-mvSection li.mv2 h2 p:last-of-type {
    font-size: 2.4rem;
  }

  #pay_business-mvSection li.mv2 > p {
    text-align: right;
    font-size: 0.9rem;
    color: #999;
    margin-top: 20px;
    padding: 0 20px;
  }

  #pay_business-mvSection .slick-prev{
    left: 0;
    padding: 0 16px;
    margin-left: 0;
  }

  #pay_business-mvSection .slick-next{
    right: 0;
    padding: 0 16px;
    margin-right: 0;
  }

  #pay_business-mvSection .slick-prev:before{
    width: 40px;
    height: 40px;
    background: url(../business/_assets/img/index/activity_arrow_l.png) no-repeat left 14px center / 11px 16px #fff;
  }
  #pay_business-mvSection .slick-next:before{
    width: 40px;
    height: 40px;
    background: url(../business/_assets/img/index/activity_arrow_r.png) no-repeat right 14px center / 11px 16px #fff;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■business index meritSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#meritSection {
  padding: 160px 0;
  background: #e6f3fb;
  position: relative;
}

#meritSection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
}

#meritSection h2 span {
  display: inline-block;
}

#meritSection .illust{
  width: 218px;
  position: absolute;
  left: 0;
  right: 0;
  top: -58px;
  margin: 0 auto;
}

#meritSection .meritList {
}

#meritSection .meritList h3 {
  font-size: 2.8rem;
  color: #008cd6;
  background: #fff;
  padding: 48px 60px;
}

#meritSection .meritList ul {
  display: flex;
  justify-content: space-between;
}

#meritSection .meritList li {
  width: 50%;
  height: 520px;
  padding: 40px;
  box-sizing: border-box;
}

#meritSection .meritList.business li:nth-child(1) {
  background: url(../business/_assets/img/index/merit_bg_01.jpg) no-repeat center center / cover;
}

#meritSection .meritList.business li:nth-child(2) {
  background: url(../business/_assets/img/index/merit_bg_02.jpg) no-repeat center center / cover;
}

#meritSection .meritList.customer li:nth-child(1) {
  background: url(../business/_assets/img/index/merit_bg_03.jpg) no-repeat center center / cover;
}

#meritSection .meritList.customer li:nth-child(2) {
  background: url(../business/_assets/img/index/merit_bg_04.jpg) no-repeat center center / cover;
}

#meritSection .meritBox {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

#meritSection .meritBox h4 {
  font-size: 3.2rem;
  line-height: 1.75;
  color: #fff;
}

#meritSection .meritBox p {
  font-size: 1.4rem;
  line-height: 2;
  color: #fff;
  margin-top: 25px;
}

#meritSection .attentionList {
  text-align: right;
  color: #008cd6;
  margin: 20px 0 40px 0;
}

#meritSection .attentionList li {
  font-size: 1.0rem;
  margin-bottom: 10px;
}

#meritSection .attentionList li:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #meritSection {
    padding: 80px 0;
  }

  #meritSection h2 {
    font-size: 2.6rem;
    margin-bottom: 40px;
  }

  #meritSection .illust{
    width: 109px;
    position: absolute;
    left: 0;
    right: 0;
    top: -29px;
    margin: 0 auto;
  }

  #meritSection .meritList h3 {
    font-size: 1.4rem;
    padding: 24px 30px;
  }

  #meritSection .meritList ul {
    display: block;
  }

  #meritSection .meritList li {
    width: 100%;
    height: auto;
    padding: 80px 20px 20px 20px;
  }

  #meritSection .meritBox {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
  }

  #meritSection .meritBox h4 {
    font-size: 2.0rem;
    line-height: 1.4;
  }

  #meritSection .meritBox p {
    font-size: 1.2rem;
    margin-top: 16px;
  }

  #meritSection .attentionList {
    text-align: right;
    color: #008cd6;
    margin: 20px 0 40px 0;
  }

  #meritSection .attentionList li {
    font-size: 1.0rem;
    margin-bottom: 10px;
  }

  #meritSection .attentionList li:last-of-type {
    margin-bottom: 0;
  }

  #meritSection .btn {
    margin-top: 40px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■flowSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#flowSection {
  padding: 160px 0 110px;
  background: url(../business/_assets/img/index/flow_bg.jpg) no-repeat center center / cover;
  position: relative;
}

#flowSection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
  line-height: 1.5;
}

#flowSection .illust{
  width: 179px;
  position: absolute;
  left: 0;
  right: 0;
  top: -60px;
  margin: 0 auto;
}

#flowSection h2 span {
  display: inline-block;
}

#flowSection .flowList {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
}

#flowSection .flowList li {
  flex: 1;
  background-color: #fff;
  margin-right: 10px;
  padding: 30px 30px 40px;
  text-align: center;
  color: #008cd6;
  position: relative;
}

#flowSection .flowList li:last-child {
  margin-right: 0;
}

#flowSection .flowList li .num {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 0 auto 20px;
}

#flowSection .flowList li .num span {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 2.0rem;
  line-height: 56px;
}

#flowSection .flowList li h3 {
  margin: 25px 0 40px;
}

#flowSection .flowList li h3 > img {
  display: none;
}

#flowSection .flowList li .text {
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.7;
}

#flowSection .flowList li .text small {
  font-size: 1.0rem;
}

#flowSection .attentionList {
  text-align: right;
  color: #fff;
}

#flowSection .attentionList li {
  font-size: 1.0rem;
  margin-bottom: 10px;
}

#flowSection .attentionList li:last-of-type {
  margin-bottom: 0;
}

#flowSection .pay_btn {
  margin-top: 24px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #flowSection {
    padding: 80px 0 55px;
  }

  #flowSection h2 {
    font-size: 2.6rem;
    margin: 0 -20px 40px;
  }

  #flowSection .illust{
    width: 90px;
    top: -30px;
  }

  #flowSection .flowList {
    margin-bottom: 20px;
    display: block;
  }

  #flowSection .flowList li {
    width: 100%;
    float: none;
    margin-right: 0;
    padding: 35px 30px 40px;
    padding-left: 80px;
    text-align: left;
    margin-bottom: 10px;
  }

  #flowSection .flowList li .num {
    width: 40px;
    height: 40px;
    margin: auto;
    position: absolute;
    top: 0;
    left: 20px;
    bottom: 0;
  }

  #flowSection .flowList li .num span {
    font-size: 1.4rem;
    line-height: 40px;
  }

  #flowSection .flowList li > img {
    display: none;
  }

  #flowSection .flowList li h3 {
    margin: 0 0 20px;
    font-size: 1.6rem;
  }

  #flowSection .flowList li h3 > img {
    width: 22px;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: 2px;
  }

  #flowSection .attentionList li {
    font-size: 0.9rem;
  }

  #flowSection .pay_btn a {
    max-width: 255px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■aboutSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#aboutSection {
  padding: 80px 0 0 0;
  background: url(../_assets/img/index/about_bg.png) repeat-x center bottom 320px / auto auto;
}
#aboutSection .sns-button {
  display: flex;
  justify-content: center;
  margin: 0 auto 60px auto;
}
#aboutSection .sns-button li {
  width: 280px;
}
#aboutSection .sns-button li + li {
  margin-left: 16px;
}
#aboutSection h2 {
  margin-bottom: 36px;
  text-align: center;
  position: relative;
  z-index: 2;
}
#aboutSection h2 + p {
    font-size: 2.0rem;
  font-weight: bold;
    text-align: center;
    color: #008cd6;
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
#aboutSection .pay_index-btn {
  margin-top: 0;
}
#aboutSection dl {
  margin: -184px 0 -320px 0;
  padding: 0;
  position: relative;
  z-index: 1;
}
#aboutSection dt {
  margin: 0;
  padding: 0;
  text-align: center;
}
#aboutSection dd.callout_01 {
  width: 151px;
  height: 140px;
  position: absolute;
  top: 126px;
  left: 202px;
  background: url(../_assets/img/index/about_callout_01.png) no-repeat left top / cover;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  color: #008cd6;
  display: flex;
  align-items: center;
  justify-content: center;
}
#aboutSection dd.callout_01 span {
  padding-right: 8px;
}
#aboutSection dd.callout_02 {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 197px;
  right: 260px;
  background: url(../_assets/img/index/about_callout_02.png) no-repeat left top / cover;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.7;
  text-align: center;
  color: #008cd6;
  display: flex;
  align-items: center;
  justify-content: center;
}
#aboutSection dd.photo_02 {
  position: absolute;
  top: 27px;
  right: -103px;
}
#aboutSection dd.photo_03 {
  position: absolute;
  top: 229px;
  left: -140px;
}

#aboutSection dd.photo_04 {
  position: absolute;
  top: 401px;
  left: 67px;
}
#aboutSection dd.illust {
  position: absolute;
  top: 293px;
  right: 85px;
}
#aboutSection .pay_index-btn {
  position: relative;
  z-index: 2;
}
#aboutSection .pay_index-btn a {
  margin-top: 0;
}
#aboutSection .attentionList {
  position: absolute;
  right: -103px;
  bottom: 270px;
    text-align: right;
    color: #fff;
  z-index: 3;
}
#aboutSection .attentionList li {
    font-size: 1.0rem;
    margin-bottom: 10px;
}
#aboutSection .attentionList li:last-of-type {
    margin-bottom: 0;
}
/*------------------------------------------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 1280px) {

  #aboutSection .attentionList {
    right: 0;
    bottom: 210px;
  }
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #aboutSection {
    padding: 60px 0 0 0;
    background: url(../_assets/img/index/about_bg.png) repeat-x center bottom / auto auto;
  }
  #aboutSection .sns-button {
    display: block;
    margin: 0 auto 45px auto;
  }
  #aboutSection .sns-button li {
    width: 250px;
    margin: 0 auto;
  }
  #aboutSection .sns-button li + li {
    margin: 15px auto 0 auto;
  }
  #aboutSection .sns-button li .pay_index-btn {
    max-width: 100%;
    width: 100%;
  }
  #aboutSection h2 {
    margin-bottom: 16px;
  }
  #aboutSection h2 img {
    width: 335px;
  }
  #aboutSection h2 + p {
      font-size: 1.6rem;
  }
  #aboutSection .pay_index-btn {
    margin-top: 0;
  }
  #aboutSection dl {
    height: 270px;
    margin: 0 0 0 0;
  }
  #aboutSection dt {
    width: 516px!important;
    margin: 0 auto!important;
    padding: 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 0;
  }
  #aboutSection dt img {
    max-width: auto!important;
    width: 516px!important;
    height: 429px!important;
    transform: translateX(-50%);
  }
  #aboutSection dd.callout_01 {
    width: 75px;
    height: 70px;
    top: 40px;
    left: 20px;
    background: url(../_assets/img/index/about_callout_01.png) no-repeat left top / cover;
    font-size: .7rem;
  }
  #aboutSection dd.callout_01 span {
    padding-right: 4px;
  }
  #aboutSection dd.callout_02 {
    width: 80px;
    height: 80px;
    top: 50px;
    right: 80px;
    background: url(../_assets/img/index/about_callout_02.png) no-repeat left top / cover;
    font-size: .7rem;
  }
  #aboutSection dd.photo_02 {
    top: 0;
    right: -120px;
  }
  #aboutSection dd.photo_02 img {
    width: 168px;
    height: 100px;
  }
  #aboutSection dd.photo_03 {
    display: none;
  }
  #aboutSection dd.photo_03 img {
    width: 167px;
    height: 100px;
  }
  #aboutSection dd.photo_04 {
    top: 205px;
    left: -60px;
  }
  #aboutSection dd.photo_04 img {
    width: 174px;
    height: 105px;
  }
  #aboutSection dd.illust {
    top: 110px;
    right: 0;
  }
  #aboutSection dd.illust img {
    width: 74px;
    height: 82px;
  }
  #aboutSection .pay_index-btn {
    position: relative;
    z-index: 2;
  }
  #aboutSection .attentionList {
    position: absolute;
    right: 20px;
    bottom: -100px;
  }
  #aboutSection .attentionList li {
      font-size: .8rem;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■useSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#useSection {
  padding: 200px 0 160px 0;
  background: #008cd6;
}

#useSection:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: relative;
  top: -203px;
  left: 0;
  background: url(../_assets/img/border_top.png) repeat-x left top / auto auto;
}

#useSection h2 {
    font-size: 4.0rem;
  margin-bottom: 80px;
    text-align: center;
    color: #fff;
  position: relative;
  z-index: 2;
}

#useSection h2 small {
  font-size: 5.6rem;
}

#useSection ul {
  margin: 0 0 40px 0;
  padding: 0;
  display: flex;
}

#useSection ul:last-of-type {
  margin-bottom: 0;
}

#useSection li {
  width: calc(100% / 3);
  width: -webkit-calc(100% / 3);
  margin: 0;
  padding: 0;
}

#useSection li:first-child {
  padding: 0;
  background: #e5f3fb;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}

#useSection li:first-child span {
    position: absolute;
    top: 40px;
    right: 40px;
    color: #fff;
    font-size: 20.0rem;
    font-family: 'Roboto Condensed', sans-serif;
}

#useSection li:first-child h3 {
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: bold;
  color: #008bd5;
  padding: 0 0 0 80px;
  margin-top: 80px;
  margin-bottom: 24px;
  position: relative;
  z-index: 1;
}

#useSection li:first-child p {
  font-size: 1.4rem;
  line-height: 2;
  padding: 0 80px;
  position: relative;
  z-index: 1;
}

#useSection li:first-child .btn {
}

#useSection dl {
  height: 600px;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#useSection dt {
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

#useSection dt.order1:after{
  content:'';
  position:absolute;
  border-bottom:24px solid #f7fbfe;
  border-right:24px solid transparent;
  border-left:24px solid transparent;
  bottom:0;
  left:50%;
  margin-left:-24px;
  z-index:1
}

#useSection dt.order2:before{
  content:'';
  position:absolute;
  border-top:24px solid #f7fbfe;
  border-right:24px solid transparent;
  border-left:24px solid transparent;
  top:0;
  left:50%;
  margin-left:-24px;
  z-index:1
}

#useSection dd {
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0;
  background: #f7fbfe;
  color: #008bd5;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

#useSection dd h4 {
  font-size: 2.0rem;
  line-height: 1.6;
  font-weight: bold;
  padding: 0 0 0 80px;
  margin-bottom: 12px;
}

#useSection dd p {
  font-size: 1.4rem;
  line-height: 2;
  padding: 0 80px;
  box-sizing: border-box;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #useSection {
    padding: 140px 0 80px 0;
  }

  #useSection:before {
    height: 6px;
    top: -143px;
  }

  #useSection h2 {
    font-size: 2.6rem;
    line-height: 1.25;
    margin-bottom: 40px;
  }

  #useSection h2 small {
    font-size: 3.6rem;
  }

  #useSection ul {
    margin: 0 0 20px 0;
    display: block;
  }

  #useSection li {
    width: auto;
  }

  #useSection li img {
    zoom: .5;
  }

  #useSection li:first-child {
    display: block;
    padding: 40px;
  }

  #useSection li:first-child span {
      top: 20px;
      right: 20px;
      font-size: 10.0rem;
  }

  #useSection li:first-child h3 {
    font-size: 2.0rem;
    line-height: 1.4;
    padding: 0;
    margin-top: 0;
    margin-bottom: 16px;
  }

  #useSection li:first-child p {
    font-size: 1.4rem;
    line-height: 1.7;
    padding: 0;
  }

  #useSection dl {
    height: auto;
    display: block;
  }

  #useSection dt {
    width: auto;
    display: block;
    text-align: center;
    padding: 40px 0;
  }

  #useSection dd {
    width: auto;
    display: block;
    padding: 32px 40px;
  }

  #useSection dd h4 {
    font-size: 1.6rem;
    line-height: 1;
    padding: 0;
    margin-bottom: 16px;
  }

  #useSection dd p {
    font-size: 1.2rem;
    padding: 0;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■bandSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#pay_campaign01_bandSection {
  padding: 72px 0;
}
#pay_campaign01_bandSection:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: relative;
  top: -75px;
  left: 0;
  background: url(../_assets/img/border_top.png) repeat-x left top / auto auto;
}

#pay_campaign01_bandSection h2 {
  line-height: 2;
  margin-bottom: 0;
}

#pay_campaign01_bandSection .illust {
  bottom: -74px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #pay_campaign01_bandSection {
    padding: 32px 0;
  }

  #pay_campaign01_bandSection:before {
    top: -35px;
  }

  #pay_campaign01_bandSection h2 {
    font-size: 1.6rem;
    text-align: left;
  }

  #bandSection .illust.bandSection {
    bottom: -32px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■未分類
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

}

/* PC */
@media screen and (min-width: 768px) {
}

/* SP */
@media screen and (max-width: 767px) {

  #topicsSection {
    margin-bottom: 0;
  }

}


/*========================================================================

base

========================================================================*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■共通設定
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

html {
  font-size:62.5%;
}

body {
  font-family: 'Hiragino Kaku Gothic Pro','Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
  color: #333;
  font-size: 1.6rem;
  position: relative;
}

*{
  box-sizing:border-box;
}

a {
  color: #008cd6;
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline: none;
  padding-top: 3px;
  padding-bottom: 3px;
}

img {
  height:auto;
  max-width: 100%;
  vertical-align: bottom;
}

.cf:after {
  content: "";
  clear: both;
  display: block;
}

.wrapper {
  overflow: hidden;
}

.inner {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

#pageTop {
  width: 50px;
  position: fixed;
  right: 40px;
  z-index: 10;
  transition: 0.3s;
  bottom: -60px;
}

#pageTop.on {
  bottom: 40px;
  z-index: 21;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■bandSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#bandSection {
  padding: 80px 0;
  background: #008cd7;
  color: #fff;
  text-align: center;
  position: relative;
}

#bandSection h2 {
  font-size: 3.2rem;
  margin-bottom: 40px;
}

#bandSection .btn {
  margin-top: 40px;
}

#bandSection .illust {
  position: absolute;
  right: 0;
  bottom: -100px;
}

#bandSection ul {
  display: flex;
  justify-content: space-between;
}

#bandSection li {
  width: calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  padding: 80px 0;
  background: #fff;
  color: #008cd6;
}

#bandSection li h3 {
  position: relative;
    font-size: 2.4rem;
  text-align: center;
    margin-bottom: 32px;
    padding-bottom: 24px;
}

#bandSection li h3:after {
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background-color: #008cd6;
    position: absolute;
    bottom: 0;
    left: 0;
  right: 0;
  margin: 0 auto;
}

#bandSection li p {
  line-height: 1.875;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #bandSection {
    padding: 60px 0;
  }

  #bandSection h2 {
    font-size: 2.0rem;
    line-height: 1.6;
    margin-bottom: 12px;
  }

  #bandSection p {
    line-height: 1.7;
  }

  #bandSection .btn {
    margin-top: 16px;
  }

  #bandSection .illust {
    right: 20px;
    bottom: -90px;
  }

  #bandSection .illust img {
    zoom: .5;
  }

  #bandSection ul {
    display: block;
  }

  #bandSection li {
    width: auto;
    padding: 40px 20px;
    margin-bottom: 12px;
  }

  #bandSection li:last-child {
    margin-bottom: 0;
  }

  #bandSection li h3 {
      font-size: 1.6rem;
      margin-bottom: 16px;
      padding-bottom: 16px;
  }

  #bandSection li p {
    line-height: 1.7;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■compareSection(baseの中に記述)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#compareSection {
  padding: 160px 0;
}

#compareSection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
}

#compareSection table {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
}

#compareSection table thead th {
  color: #fff;
  vertical-align: bottom;
}

#compareSection table thead th .quo {
  padding: 42px 0;
  background: #008cd6;
  border: 1px solid #ccc;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

#compareSection table thead th .quo img {
  margin-bottom: 16px;
}

#compareSection table thead th .other {
  font-weight: normal;
  padding: 54px 0;
  background: #999;
  border-left: 0;
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}

#compareSection table tr {
  border-bottom: 1px solid #ccc;
}

#compareSection table tbody tr:nth-child(even) {
  background: #f7f9fa;
}

#compareSection table tbody td {
  vertical-align: middle;
  line-height: 2;
  height: 100%;
  border-right: 1px solid #ccc;
}

#compareSection table tbody td:first-of-type {
  width: 30%;
  box-sizing: border-box;
}

#compareSection table tbody td p {
  padding: 24px 40px;
}

#compareSection table tbody td.center p {
  width: 100%;
  height: 100%;
  margin: 0;
  box-sizing: border-box;
}

#compareSection table tbody td.center {
  width: 35%;
  text-align: center;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #compareSection {
    padding: 80px 0;
  }

  #compareSection h2 {
    font-size: 2.6rem;
    margin-bottom: 32px;
  }

  #compareSection table {
    width: 100%;
  }

  #compareSection table thead th .quo {
    font-size: 1.2rem;
    padding: 30px 0 20px 0;
    border-radius: 4px 4px 0 0;
  }

  #compareSection table thead th .quo img {
    width: 83px;
    height: 20px;
    margin-bottom: 8px;
  }

  #compareSection table thead th .other {
    font-size: 1.2rem;
    line-height: 1.7;
    padding: 16px 0;
    border-radius: 4px 4px 0 0;
  }

  #compareSection table tbody td {
    font-size: 1.2rem;
    line-height: 1.7;
  }

  #compareSection table tbody td:first-of-type {
    width: 26%;
  }

  #compareSection table tbody td.center {
    width: 37%;
  }

  #compareSection table tbody td p {
    padding: 20px 8px;
  }
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■ボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

div + .pay_btn,
div + .pay_btn-left {
  margin-top:80px;
}
.pay_btn + .pay_btn,
.pay_btn + .pay_btn-left {
  margin-top:24px;
}
.pay_btn a {
  display: block;
  max-width: 280px;
  width: 100%;
  background-color: #fff;
  color: #008cd6;
  height: 40px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #008cd6;
  box-sizing: border-box;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.4rem;
  text-decoration: none;
  margin:auto;
}
p + .pay_index-btn a {
  margin: 80px auto 0 auto;
}
.pay_index-btn a {
  display: block;
  max-width: 280px;
  width: 100%;
  background-color: #fff;
  color: #008cd6;
  height: 40px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #008cd6;
  box-sizing: border-box;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.4rem;
  margin: 0 auto;
}

.pay_btn-left a {
  display: block;
  max-width: 280px;
  width: 100%;
  background-color: #fff;
  color: #008cd6;
  height: 40px;
  line-height: 30px;
  text-align: center;
  border: 2px solid #008cd6;
  box-sizing: border-box;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.4rem;
}
.pay_btn a:hover,
.pay_btn-left a:hover {
  background-color: #008cd6;
  color: #fff;
}
.pay_btn a:not(.btn):hover,
.pay_btn-left a:not(.btn):hover {
    opacity: inherit;
    filter:inherit;
    transition: inherit;
  }

/* PC */
@media screen and (min-width: 768px) {
  /* 共通設定 */
  a:hover {
    text-decoration: none;
  }

  a img {
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3;
  }

  a:not(.btn):hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: .5s;
  }
  .sp {
    display: none!important;
  }
}

/* SP */
@media screen and (max-width: 767px){
  /* 共通設定 */
  body {
    font-size: 1.4rem;
  }

  .pc {
    display: none!important;
  }

  .inner {
    padding: 0 20px;
  }

  #pageTop {
    width: 40px;
    right: 20px;
  }
  div + .pay_btn,
  div + .pay_btn {
    margin-top:20px;
  }
  .pay_btn a,
  .pay_btn-left a {
    max-width: 200px;
    height: 46px;
    line-height: 37px;
    border-radius: 23px;
    margin: 20px auto 0;
  }
  #pageTop.on {
    bottom: 20px;
  }
  p + .pay_index-btn a {
    margin: 20px auto 0 auto;
  }
  .pay_index-btn a {
    max-width: 200px;
    height: 46px;
    line-height: 38px;
    border-radius: 23px;
    margin: auto 0;
  }
  .sns-button .pay_index-btn a {
    max-width: 250px;
  }
  p + .pay_index-btn {
    margin-top:20px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■business activitySection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#activitySection {
  padding: 0;
  margin: 160px 0;
}

#activitySection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
}

#activitySection h2 span {
  display: inline-block;
}

#activitySection .activityList ul {
  position: relative;
}

#activitySection .activityList .activityBox {
  float: left;
  margin: 0 20px;
  width: 270px;
}

#activitySection .activityList .activityBox p {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 25px;
}

#activitySection .slick-dots {
  margin-top: 80px;
  text-align: center;
}

#activitySection .slick-dots li {
  display: inline-block;
  margin: 0 8px;
}

#activitySection .slick-dots li button {
  border-radius: 4px;
  border: none;
  background-color: #444444;
  width: 8px;
  height: 8px;
  overflow: hidden;
  color: transparent;
  padding: 0;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
  top: 0;
  outline: none;
}

#activitySection .slick-dots li.slick-active button {
  background-color: #008cd6;
  height: 12px;
  top: -2px;
}

#activitySection .slick-arrow {
  position: absolute;
  top: 100px;
  height: 23px;
  width: 14px;

  background-repeat: no-repeat;
  background-size: contain;

  background-color: transparent;
  color: transparent;
  overflow: hidden;
  cursor: pointer;
  border: none;
  outline: none;
}

#activitySection .slick-prev {
  left: -40px;
  background-image: url(../../img/index/activity_arrow_l.png);
  z-index: 2;
}

#activitySection .slick-next {
  right: -40px;
  background-image: url(../../img/index/activity_arrow_r.png);
  z-index: 2;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 1299px) {

  #activitySection .activityList {
    max-width: 1200px;
    margin: 0 50px;
  }
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #activitySection {
    margin: 80px 0 60px;
  }

  #activitySection h2 {
    font-size: 2.6rem;
    line-height: 1.3;
    margin-bottom: 45px;
  }

  #activitySection .activityList > ul {
    width: 250px;
    margin: 0 auto;
  }

  #activitySection .activityList .activityBox {
    float: left;
    margin: 0;
    width: 250px;
  }

  #activitySection .activityList .activityBox p {
    font-size: 1.2rem;
    margin-top: 20px;
  }

  #activitySection .slick-dots {
    margin-top: 40px;
  }

  #activitySection .slick-dots li {
    margin: 0 6px;
  }

  #activitySection .slick-arrow {
    top: 100px;
    height: 32px;
    width: 20px;
  }

  #activitySection .slick-prev {
    left: -40px;
  }

  #activitySection .slick-next {
    right: -40px;
  }
}


/*========================================================================

header

========================================================================*/

header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #fff;
}

#headerArea + #areaWrapper1 .pbMainArea {
  padding-top: 125px;
}

header > div {
  width: 100%;
  height: 125px;
  max-width: 1220px;
  margin: 0 auto;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content:space-between;
}

header .pay_header-logo {
  flex: initial;
  position: relative;
  margin: 0 auto 0 0;
  font-size: 1.4rem;
  font-weight: bold;
  color: #008cd6;
}

header .pay_header-logo a {
  display: block;
  display: flex;
  align-items: center;
}

header .pay_header-logo img {
  width: 130px;
  margin-right: 20px;
}

header nav {
  flex: 1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content:flex-end;
}

header .pc .global {
  width: 100%;
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
  justify-content:flex-end;
}

header .pc .global li {
  font-size: 1.4rem;
  margin: 0 20px 0 0;
  padding: 0 20px 0 0;
  border-right: 1px solid #ddd;
}

header .pc .global li:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

header .pc .global li a {
  color: #333;
}

header .pc .global li.blank a {
  padding-right: 23px;
  background: url(../_assets/img/header_icon_blank.png) no-repeat right center / 18px 15px;
}

header .pc .local {
  margin: 0;
  padding: 0;
  display: flex;
}

header .pc .local li {
  margin: 0 24px 0 0;
  padding: 0;
  position: relative;
}

header .pc .local li a {
  color: #333;
}

header .pc .btn .store {
  /*float: right;*/
  display: block;
  height: 40px;
  line-height: 32px;
  text-align: center;
  color: #ff9600;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #fff;
  border: 2px solid #ff9600;
  box-sizing: border-box;
  width: 160px;
  border-radius: 20px;
  margin-right: 8px;
}

header .pc .btn .contact {
  /*float: right;*/
  display: block;
  height: 40px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #ff9600;
  border: 2px solid #ff9600;
  box-sizing: border-box;
  width: 160px;
  border-radius: 20px;
}

header label,
header input{
  display: none;
}

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

  header h1 img {
    margin-right: 8px;
  }
  header .pc .local li {
    margin: 0 12px 0 0;
  }
  header .pc .btn .store,
  header .pc .btn .contact {
    width: 140px;
  }
}

@media screen and (min-width:1100px){

  header .pc {
    display: flex!important;
  }

  header nav li.current a:after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -40px;
    border-bottom: 4px solid #008cd6;
  }
}

/*-------------------------------------------------------------------------*/

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

  header .sp {
    display: block!important;
  }

  #headerArea + #areaWrapper1 .pbMainArea {
    padding-top: 60px;
  }

  header > div {
    height: 60px;
    padding: 0 20px;
  }

  header .pay_header-logo {
    font-size: 1.0rem;
  }

  header .pay_header-logo img {
    width: 105px;
    height: 25px;
    margin-right: 10px;
  }

  header nav {
    flex: initial;
    z-index: 4;
  }

  header label {
    display: block;
  }

  header input + label:before{
    content: "";
    display: block;
    width: 23px;
    height: 36px;
    box-sizing: border-box;
    background: url(../_assets/img/sp/header_drawer_icon_open.png) no-repeat center bottom / 23px 34px;
    z-index: 5;
  }

  header input + label{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 0;
    text-align: center;
    display: block;
  }
  header input:checked + label:before {
    content: "";
    width: 23px;
    height: 36px;
    box-sizing: border-box;
    background: url(../_assets/img/sp/header_drawer_icon_close.png) no-repeat center bottom / 23px 34px;
    position: relative;
    z-index: 5;
  }

  header input:checked + label{
  }

  header nav{
    width: 100%;
    box-sizing: border-box;
    display: block;
    text-align: left;
    padding: 0;
    margin: 0;
    height: 0;
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    background: #008cd7;
  }
  header input:checked + label + nav{
    width: 100%;
    height: auto;
    max-height: calc(100vh - 60px);
    max-height: -webkit-calc(100vh - 60px);
    margin: 60px 0 0 0;
    padding: 0;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
  }

  header nav div {
    padding: 32px 20px 40px 20px;
  }

  header .contact {
    margin-right: 10px;
  }

  header .contact img {
    width: 37px;
    height: 36px;
  }

  header .store {
    margin-right: 10px;
  }

  header .store img {
    width: 46px;
    height: 36px;
  }

  header nav.sp a{
    color: #fff;
  }

  header nav.sp .global {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 20px;
    font-size: 1.2rem;
  }

  header nav.sp .global li + li {
    border-left: 1px solid #fff;
    margin-left: 16px;
    padding-left: 16px;
  }

  header nav.sp .global li a {
    padding-right: 20px;
    background: url(../_assets/img/sp/header_icon_blank.png) no-repeat right center / 15px 13px;
  }

  header nav.sp .local {
    width: 100%;
    margin: 0 0 40px 0;
    padding: 0;
    display: block;
    border-top: 1px solid #fff;
  }

  header nav.sp .local li {
    font-size: 1.4rem;
    margin: 0;
    padding: 0;
  }

  header nav.sp .local li a {
    display: block;
    padding: 24px 0;
    border-bottom: 1px solid #fff;
  }

  header nav.sp .local li span{
    display:block;
    padding:24px 0;
    color: #fff;
    border-bottom:1px solid #fff;
    background:url(../_assets/img/sp/header_nav_icon_plus.png) no-repeat right center / 12px 12px;
  }
  header nav.sp .local li span.open{
    background:url(../_assets/img/sp/header_nav_icon_minus.png) no-repeat right center / 12px auto;
  }

  header nav.sp .local li ul{
    width:auto;
    margin:0 0 0 40px;
    padding:0;
    display:none;
  }

  header nav.sp .local li ul li a{
    display:block;
    padding:24px 0;
    font-size: 1.3rem;
    border-bottom:1px solid #fff;
  }

  header nav.sp .info {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
  }

  header nav.sp .info li {
    font-size: 1.2rem;
    margin-bottom: 32px;
  }

  header nav.sp .info li:last-child {
    margin-bottom: 0;
  }

  header nav.sp .info .illust {
    position: absolute;
    width: 93px;
    height: 61px;
    right: 0;
    bottom: -53px;
  }

  header nav.sp .info .illust img {
    width: 100%;
  }

  header label.close {
    height: 60px;
    padding: 0;
    text-align: center;
    background: #01669c;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content:center;
  }

  header label.close img{
    width: 18px;
    height: 18px;
    margin-right: 20px;
  }
}

/*========================================================================

footer

========================================================================*/

#pay_footerLogo {
  padding-bottom: 85px
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■menuList
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.menuList {
  background-color: #008cd6;
  padding: 120px 0;
  position: relative;
}
.menuList.business {
  background-color: #008cd6;
  background: url(../business/_assets/img/footer_menu_bg.jpg) no-repeat center center / cover;
  padding: 120px 0;
  position: relative;
}

.menuList > ul {
  max-width: 1200px;
  margin: 0 auto !important;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.menuList > ul > li {
  flex: 1;
  margin-right: 16px;
  background: #fff;
}

.menuList > ul > li:last-child {
  margin-right: 0;
}

.menuBox {
  color: #008cd6;
  padding: 40px;
}

.menuBox > dt {
  position: relative;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
  padding-bottom: 30px;
}

.menuBox > dt:after {
  content: "";

  display: block;
  width: 24px;
  height: 1px;
  background-color: #008cd6;

  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.menuBox > dd {
  font-size: 1.4rem;
  position: relative;
}

.menuBox > dd p {
  line-height: 2;
}

.menuBox > dd .btn {
  display: block;
  max-width: 200px;
  width: 100%;
  background-color: #ff9600;
  color: #fff;
  height: 40px;
  line-height: 36px;
  text-align: center;
  border-radius: 20px;
  font-weight: bold;
  font-size: 1.4rem;
  margin: 40px auto 0 auto;
}

.menuBox > dd .btn.disable {
  opacity: 0.5;
}

.menuBox.tel a {
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  color: #008cd6;
  font-size: 2.8rem;
  margin: 20px 0;
  display: inline-block;
}

.menuBox.tel a::before {
  content: "";

  display: inline-block;
  width: 17px;
  height: 17px;

  background-image: url(../_assets/img/footer_icon_tel.png);
  background-repeat: no-repeat;
  background-size: contain;

  margin-right: 8px;
  position: relative;
  top: -2px;
}

.menuBox.tel a small {
  font-size: 1.2rem;
}
/*------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {

  .menuBox > dd .btn {
    transition: 0.3s;
  }
  /*
  .menuBox > dd .btn:hover {
  opacity: 0.8;
}

.menuBox > dd .btn.disable:hover {
opacity: 0.5;
}
*/

}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  .menuList {
    padding: 80px 0;
    margin-bottom: 40px;
  }
  .menuList.business {
    padding: 80px 20px;
  }
  .menuList > ul {
    padding: 0 20px;
    display: block;
  }
  .menuList > ul > li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px;
  }
  .menuList > ul > li:last-child {
    margin-bottom: 0;
  }

  .menuBox {
    padding: 40px;
  }

  .menuBox > dt {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }

  .menuBox > dt:after {
    width: 32px;
  }

  .menuBox > dd {
    font-size: 1.2rem;
  }

  .menuBox > dd .btn {
    height: 45px;
    line-height: 40px;
    border-radius: 23px;
    margin: 16px auto 0 auto;
  }

  .menuBox.tel a {
    margin: 20px 0 10px;
  }

  .menuBox.tel a::before {
    margin-right: 8px;
    top: -2px;
  }

  .menuBox.tel a small {
    font-size: 1.0rem;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■sitemapList
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.sitemapList {
  background-color: #008cd6;
  padding: 80px 0 40px 0;
  margin-bottom: 80px;
  color: #fff;
}

.sitemapList:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: relative;
  top: -83px;
  left: 0;
  background: url(../_assets/img/border_top.png) repeat-x left top / auto auto;
}

.pay_sitemapList:before {
  background:none;
  height: 0px;
}

.sitemapList a {
  color: #fff;
}

.sitemapList a[target="_blank"] {
  padding-right: 25px;
  background: url(../_assets/img/footer_icon_blank.png) no-repeat right center / 18px 15px;
}

.sitemapList .main {
  max-width: 1200px;
  margin: 0 auto 40px auto;
  padding: 0 0 40px 0;
  display: flex;
  border-bottom: 1px solid #4dafe2;
  position: relative;
}

.sitemapList .main .illust{
  width: 135px;
  margin: 0;
  position: absolute;
  right: 0;
  top: -147px;
}

.sitemapList .main p{
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 40px;
}

.sitemapList .main > li {
  font-size: 1.4rem;
}

.sitemapList .main > li:first-child {
  width: 25%;
}

.sitemapList .main > li:first-child dl {
  margin-bottom: 40px;
}

.sitemapList .main > li:first-child dl:last-of-type {
  margin-bottom: 0;
}

.sitemapList .main > li:first-child dt {
  margin-bottom: 20px;
}

.sitemapList .main > li:first-child dd {
  font-size: 1.2rem;
  margin-bottom: 20px;
}

.sitemapList .main > li:first-child dd:last-of-type {
  margin-bottom: 0;
}

.sitemapList .main > li:last-child {
  flex: 1;
}

.sitemapList .main > li:last-child ul {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.sitemapList .main > li:last-child li {
  width: calc(100% / 3);
  width: -webkit-calc(100% / 3);
  margin-bottom: 40px;
}

.sitemapList .sub {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
}

.sitemapList .sub li {
  margin: 0 0 0 30px;
  font-size: 12px;
}

.sitemapList .sub li.twitter {
  margin-left: 0;
}

.sitemapList .sub li.twitter a {
  background: url(../_assets/img/footer_icon_twitter.png) no-repeat left center / 20px 17px;
  padding-left: 28px;
}

.sitemapList .sub li.youtube {
  margin-right: auto;
}

.sitemapList .sub li.youtube a {
  background: url(../_assets/img/footer_icon_youtube.png) no-repeat left center / 23px 16px;
  padding-left: 32px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  .sitemapList {
    display: none;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■contact
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact {
  max-width: 1220px;
  padding: 45px 10px;
  margin: 0 auto;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}

#contact .formInput > p {
  text-align: center;
  margin-bottom: 85px;
}

#contact .formInput .formBody {
  border-top: 8px solid #008cd7;
  background-color: #f9fbfa;
  padding: 80px;
}

#contact .formComplete {
  text-align: center;
  font-size: 2.8rem;
  padding-top: 60px;
}

#contact .formComplete.business {
  max-width: 1220px;
  margin: 0 auto;
  position: relative;
}

#contact .formComplete > p {
  margin: 25px 0 80px;
  font-size: 1.6rem;
}

#contact .formComplete .catalogContainer {
  margin-top: 80px;
}

#contact .formComplete .catalogContainer .catalogBox {
  margin-bottom: 160px;
}

#contact .formComplete .catalogContainer .catalogBox:last-of-type {
  margin-bottom: 0;
}

#contact .formComplete .catalogContainer .catalogBox:last-of-type > ul > li > dl > dd {
  height: 275px;
}

#contact .formComplete .catalogContainer .catalogBox > div {
  text-align: center;
  color: #008cd7;
  font-weight: bold;
  margin-bottom: 40px;
  font-size: 4.0rem;
}

#contact .formComplete .catalogContainer .catalogBox > p {
  text-align: center;
  margin-bottom: 80px;
  font-size: 1.6rem;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li {
  width: 50%;
  float: left;
}

#contact .formComplete .catalogContainer .catalogBox > ul.column3 > li {
  width: 33.33%;
  float: left;
}


#contact .formComplete .catalogContainer .catalogBox > ul > li:first-of-type {
  border-right: 2px solid #fff;
}

#contact .formComplete .catalogContainer .catalogBox > ul.column3 > li:nth-of-type(2) {
  border-right: 2px solid #fff;
}


#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dt {
  text-align: center;
  background-color: #008cd7;
  color: #fff;
  width: 100%;
  height: 120px;
  display: table;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dt > p {
  display: table-cell;
  vertical-align: middle;
  font-size: 2.0rem;
  font-weight: bold;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dt > p > small {
  display: block;
  font-size: 1.6rem;
  margin-bottom: 20px;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd {
  padding: 40px 0;
  background-color: #f8f9fb;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .btnCatalog {
  display: block;
  width: 200px;
  height: 40px;
  border: 2px solid #008cd7;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #fff;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .btnCatalog:hover {
  background-color: #008cd7;
  color: #fff;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd > p {
  font-size: 1.6rem;
  color: #686a69;
  line-height: 2;
  margin-bottom: 30px;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox > div {
  text-align: center;
  color: #008cd6;
  font-weight: bold;
  font-size: 1.6rem;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox a {
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  color: #008cd6;
  font-size: 2.8rem;
  margin: 20px 0;
  display: inline-block;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox a:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url(/pay/_assets/img//footer_icon_tel.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

#contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox > p {
  font-size: 1.4rem;
  color: #686a69;
}

#contact .contactContainer {
  max-width: 1220px;
  padding: 80px 10px 0;
  margin: 0 auto;
}

#contact .contactContainer .contactBox {
  margin-bottom: 160px;
}

#contact .contactContainer .contactBox > div {
  text-align: center;
  color: #008cd7;
  font-weight: bold;
  margin-bottom: 80px;
  font-size: 4.0rem;
}

#contact .contactContainer .contactBox table {
  width: 100%;
  margin: 0 auto;
}

#contact .contactContainer .contactBox table th {
  text-align: center;
  background-color: #008cd7;
  color: #fff;
  width: 100%;
  height: 120px;
  vertical-align: middle;
  font-size: 2.0rem;
  font-weight: bold;
}

#contact .contactContainer .contactBox table td {
  width: 50%;
  padding: 40px;
  background-color: #f8f9fb;
}

#contact .contactContainer .contactBox table td:nth-of-type(2) {
  border-left: 2px solid #fff;
}

#contact .contactContainer .contactBox table td > div > p {
  text-align: center;
  font-size: 1.6rem;
  color: #686a69;
  line-height: 2;
  margin-bottom: 30px;
}

#contact .contactContainer .contactBox table td > div .btnCatalog {
  display: block;
  width: 200px;
  height: 40px;
  border: 2px solid #008cd7;
  border-radius: 20px;
  text-align: center;
  line-height: 38px;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: bold;
  background-color: #fff;
}

#contact .contactContainer .contactBox table td > div .btnCatalog:hover {
  background-color: #008cd7;
  color: #fff;
}

#contact .contactContainer .contactBox table td > div .telBox {
  text-align: center;
}

#contact .contactContainer .contactBox table td > div .telBox > div {
  text-align: center;
  color: #008cd6;
  font-weight: bold;
  font-size: 1.6rem;
}

#contact .contactContainer .contactBox table td > div .telBox a {
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  color: #008cd6;
  font-size: 2.8rem;
  margin: 20px 0;
  display: inline-block;
}

#contact .contactContainer .contactBox table td > div .telBox a:before {
  content: "";
  display: inline-block;
  width: 17px;
  height: 17px;
  background-image: url(/pay/_assets/img//footer_icon_tel.png);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

#contact .contactContainer .contactBox table td > div .telBox > p {
  font-size: 1.3rem;
  color: #686a69;
}

#contact .contactContainer .contactBox:first-of-type > div {
  color: #333;
  font-size: 1.6rem;
  font-weight: normal;
}

#contact .contactContainer .contactBox:last-of-type > div {
  margin-bottom: 40px;
}

#contact .contactContainer .contactBox:last-of-type > p {
  text-align: center;
  margin-bottom: 80px;
}

#contact .contactContainer .contactBox:last-of-type table {
  max-width: 100%;
}

#contact .contactContainer .contactBox:last-of-type table td > div .btnCatalog {
  width: 320px;
}

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

  /* h2 {
    height: 200px;
    font-size: 2.0rem;
  } */
  #contact {
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: 80px;
  }
  #contact .formInput > p {
    margin-bottom: 40px;
  }
  #contact .formInput .formBody {
    border-top: 4px solid #008cd7;
    padding: 40px 20px;
  }
  #contact .formComplete {
    line-height: 1.5;
    font-size: 2.0rem;
    padding-top: 0;
  }
  #contact .formComplete > p {
    margin: 15px 0 40px;
    font-size: 1.4rem;
  }
  #contact .formComplete .catalogContainer {
    margin-top: 60px;
    padding: 0 20px;
  }
  #contact .formComplete .catalogContainer .catalogBox {
    margin-bottom: 60px;
  }
  #contact .formComplete .catalogContainer .catalogBox:last-of-type {
    margin-bottom: 0;
  }
  #contact .formComplete .catalogContainer .catalogBox:last-of-type > ul > li > dl > dd {
    height: auto;
  }
  #contact .formComplete .catalogContainer .catalogBox > div {
    margin-bottom: 10px;
    font-size: 2.5rem;
  }
  #contact .formComplete .catalogContainer .catalogBox > p {
    margin-bottom: 40px;
    font-size: 1.4rem;
    text-align: left;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li {
    width: 100%;
    float: none;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul.column3 > li {
    width: 100%;
    float: none;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li:first-of-type {
    margin-bottom: 20px;
    border-right: none;
  }

  #contact .formComplete .catalogContainer .catalogBox > ul.column3 > li:nth-of-type(2) {
    margin-bottom: 20px;
    border-right: none;
  }

  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dt {
    height: 80px;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dt > p {
    font-size: 2.0rem;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dt > p > small {
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd {
    padding: 40px;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd > p {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 20px;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox > div {
    font-size: 1.4rem;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox a {
    margin: 10px 0;
    line-height: 1;
  }
  #contact .formComplete .catalogContainer .catalogBox > ul > li > dl > dd .telBox > p {
    font-size: 1.1rem;
  }
  #contact .contactContainer {
    border-bottom: 1px solid #dddddd;
    padding: 0 20px;
    margin-bottom: -80px;
  }
  #contact .contactContainer .contactBox {
    margin-bottom: 80px;
  }
  #contact .contactContainer .contactBox > div {
    margin-bottom: 40px;
    font-size: 2.5rem;
    line-height: 1.3;
  }
  #contact .contactContainer .contactBox table th {
    height: 80px;
    font-size: 2.0rem;
    width: 100%;
  }
  #contact .contactContainer .contactBox table td {
    display: block;
    width: 100%;
    padding: 40px;
  }
  #contact .contactContainer .contactBox table td:nth-of-type(2) {
    border-left: none;
    border-top: 2px solid #fff;
  }
  #contact .contactContainer .contactBox table td > div > p {
    font-size: 1.4rem;
    line-height: 1.5;
    margin-bottom: 25px;
    text-align: left;
  }
  #contact .contactContainer .contactBox table td > div .btnCatalog {
    display: block;
    width: 200px;
    height: 40px;
    border: 2px solid #008cd7;
    border-radius: 20px;
    text-align: center;
    line-height: 38px;
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #fff;
  }
  #contact .contactContainer .contactBox table td > div .btnCatalog:hover {
    background-color: #008cd7;
    color: #fff;
  }
  #contact .contactContainer .contactBox table td > div .telBox > div {
    font-size: 1.4rem;
  }
  #contact .contactContainer .contactBox table td > div .telBox a {
    margin: 10px 0;
    line-height: 1;
  }
  #contact .contactContainer .contactBox table td > div .telBox > p {
    font-size: 1.1rem;
    line-height: 1.3;
  }
  #contact .contactContainer .contactBox:first-of-type > div {
    text-align: left;
    font-size: 1.4rem;
  }
  #contact .contactContainer .contactBox:last-of-type > div {
    margin-bottom: 20px;
  }
  #contact .contactContainer .contactBox:last-of-type > p {
    margin-bottom: 25px;
  }
  #contact .contactContainer .contactBox:last-of-type table td > div .btnCatalog {
    width: 250px;
  }
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■その未分類
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#pay_footerLogo .logo {
  text-align: center;
  margin-bottom: 40px;
}

#pay_footerLogo .logo p {
  color: #444;
  font-size: 1.4rem;
  margin-bottom: 25px;
}

#pay_footerLogo .logo img {
  width: 120px;
}
#pay_footerLogo .copyright {
  text-align: center;
  font-size: 1.2rem;
  font-family: 'Roboto Condensed', sans-serif;
  letter-spacing: .1em;
  color: #666;
}

/* SP */
@media screen and (max-width: 767px) {

  footer {
    padding-top: 40px;

  }
  #pay_footerLogo {
      padding-bottom: 40px;
  }

  #pay_footerLogo .logo {
    margin-bottom: 20px;
  }

  #pay_footerLogo .logo p {
    font-size: 1.0rem;
    margin-bottom: 20px;
  }

  #pay_footerLogo .logo img {
    width: 100px;
  }

  #pay_footerLogo .copyright {
    margin-top:1.0rem;
    font-size: 1.0rem;
  }
}

/*========================================================================

main

========================================================================*/

.pb-handle {
  line-height: normal;
}
:root ol, :root ul {
  margin: 0;
  padding: 0;
}
.pbNested {
  clear: none;
  overflow: visible;
  min-width: 10px;
}
.pay_header {
  padding-top: 125px;
}
.pay_footer {
  padding-top: 60px;
}
.pbHeaderArea,
.pbFooterArea {
  overflow: visible;
}

@media only screen and (max-width: 1023px) {
  .pay_header {
    padding-top: 60px;
  }
}
@media screen and (max-width: 767px) {
  .pay_business_footer footer {
    padding-top: 0;
  }
}
.pay_width800{
  width: 800px;
  margin:0 auto;
}
.qCmp_column.pay_width960{
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}
}
.pay_width960{
  width: 960px;
  margin:0 auto;
}
.pay_width1040{
  width:1040px;
  margin:0 auto;
}

@media screen and (max-width: 767px) {
  .pay_width800,
  pay_width960,
  .pay_width1040{
    width:100%;
  }
}

.pay_text-right{
  text-align: right !important;
  justify-content: initial !important;
}

.pay_text-left{
  text-align: left !important;
  justify-content: initial !important;
}

.pay_text-center{
  text-align: center !important;
  justify-content: initial !important;
}



/*  pbBlockNavigation(パンくずリスト部分)
========================================================================*/

.pay_navigation {
  font-size: 12px;
  border-top: 1px solid #ddd;
  padding: 0 20px;
}
.pay_navigation > div {
  max-width: 1200px;
  margin: 16px auto;
}
.pbBlockNavigation a:after {
  content: ">";
  margin:0 8px;
  color: #333;
}

@media screen and (max-width: 767px) {
  .pay_navigation {
    font-size: 11px;
    padding: inherit;
  }
  .pay_navigation > div {
    margin: 16px 20px;
  }
}


/*  title
========================================================================*/

/*  pay_h1
------------------------------------------------*/

.pay_h1>div:not(.pb-handle) {
  overflow: hidden;
  position: relative;
  min-height: 280px;
}
.pay_h1-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  width: 100%;
}
.pay_h1-image img {
  width: 100%;
}
.pay_h1-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 2;
  width: calc(100% - 40px);
  margin: auto;
  color: #fff;
  text-align: -webkit-auto;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.75;
}
.pay_h1-text h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 1200px;
  z-index: 10;
}
.pay_h1-blue > div:not(.pb-handle) {
  height: 280px;
  background: #008cd6;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.pay_h1-blue h1{
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.75;
  color: #fff;
}

@media screen and (max-width: 1480px) {
  .pay_h1-image {
    width: 1480px;
  }
}

@media screen and (max-width: 767px) {
    .pay_h1-text h1 {
    width: 100%;
  }
  .pay_h1-text {
    font-size: 2rem;
    line-height: 2;

  }
  .pay_h1>div:not(.pb-handle) {
    min-height:200px;
  }
  .pay_h1-image {
    width: 1057px;
    min-width: 1057px;
  }
  .pay_h1-blue > div:not(.pb-handle) {
    height: 200px;
    padding: 0 20px;
  }
  .pay_h1-blue h1{
    font-size: 2.0rem;
    line-height: 2;
  }
}


.pay_h102 > div:not(.pb-handle) {
  position: relative;
  min-height: 480px;
  background: url(/library/pay/business/_assets/img/about/main_h1_bg.png) no-repeat left center / auto 100% #008cd7;
}
.pay_h1-image02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  height: 100%;
}
.pay_h1-image02 img {
  width: 100%;
}
.pay_h1-image02 p:last-child{
  display:none;
}
.pay_h1-text02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  z-index: 999;
  width: calc(100% - 40px);
  margin: auto;
  color: #fff;
  text-align: center;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.75;
}
.pay_h1-text02 h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 0 calc(50% - 600px);
    padding: 0 -webkit-calc(50% - 600px);
    width: 100%;
    z-index: 10;
    text-align:inherit !important;
    line-height: 2;
}
.pay_h1-blue02 h1{
  height: 280px;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.75;
  color: #fff;
  background: #008cd6;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

@media screen and (max-width: 1480px) {
  .pay_h1-image02 {
    width: 1480px;
  }
}

@media screen and (max-width: 767px) {
  .pay_h1-text02 {
    font-size: 2.0rem;
    line-height: 2;
    text-align: center !important;
    top: 24%;
  }
  .pay_h1-text02 h1 {
    font-size: 2.4rem;
    line-height: 1.7;
    padding: inherit;
  }
  .pay_h102 > div:not(.pb-handle) {
    min-height:387px;
    background: url(/library/pay/business/_assets/img/about/main_h1_sp_bg.png) no-repeat left bottom / 100% auto #008cd7;
  }
  .pay_h1-image02 {
    top: 50%;
    width: 100%;
    min-width: auto;
  }
  .pay_h1-image02 p:first-child{
    display:none;
  }
  .pay_h1-image02 p:last-child{
    display:block;
  }
}

/*  pay_h2
------------------------------------------------*/

div + .pay_h2,
div + .pay_h202{
  margin-top:110px;
}
.pay_h2,
.pay_h202{
  color: #008cd6;
}
.pay_h2 {
    font-size: 4.0rem;
    line-height: 1;
    word-spacing: -.3em;
}
.pay_h202 {
    font-size: 2.8rem;
    line-height: 1.6;
    word-spacing: -.3em;
}
.pay_h202 strong {
    font-size: 4.0rem;
    display:inline-block;
    margin-top: 8px;
}
.pay_h2-left,
.pay_h202-left {
  width: calc(100% - 20px);
  max-width: 980px;
  margin: 10px auto 0;
}
div + .pay_h2-left,
div + .pay_h202-left {
  margin-top: 30px;
}
.pay_h2-left h2,
.pay_h202-left h2 {
  color: #008cd6;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  div + .pay_h2{
    margin-top:80px;
  }
  .pay_h2 {
    font-size: 2.6rem;
    line-height: 1.25;
  }
  .pay_h202 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
  .pay_h202 strong {
    font-size: 2.6rem;
    display:inline-block;
    margin-top: auto;
}
  div + .pay_h2-left,
  div + .pay_h202-left {
    margin-top:40px;
  }
  .pay_h2-left + div,
  .pay_h202-left + div {
    margin-top: 15px;
  }
  .pay_h2-left h2,
  .pay_h202-left h2 {
    font-size: 2.2rem;
  }
}

/*  pay_h203
------------------------------------------------*/

div + .pay_h203{
  margin-top:110px;
}
.pay_h203 {
    font-size: 2.4rem;
    line-height: 1.5;
    color: #fff;
    word-spacing: -.3em;
}
.pay_h203 h2{
  padding: 30px 0;
}
.pay_h203 strong {
    font-size: 4.0rem;
    display:inline-block;
}
.pay_h203-left {
  width: calc(100% - 20px);
  max-width: 980px;
  margin: 10px auto 0;
}
div + .pay_h203-left {
  margin-top: 30px;
}
.pay_h203-left h2 {
  color: #008cd6;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .pay_h203 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
  .pay_h203 strong {
    font-size: 2.6rem;
    display:inline-block;
    margin-top: auto;
}
  div + .pay_h203-left {
    margin-top:40px;
  }
  .pay_h203-left + div {
    margin-top: 15px;
  }
  .pay_h203-left h2 {
    font-size: 2.2rem;
  }
}

div + .pay_h204{
  margin-top: 50px;
}
.pay_h204 {
  font-size: 3.2rem;
  line-height: 1.6;
  color: #fff;
  word-spacing: -.3em;
}

@media screen and (max-width: 767px) {
  .pay_h204 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
}

div + .pay_h205 {
  margin-top:50px;
}
.pay_h205:first-child {
  border-top: none;
  padding: 0;
}
.pay_h205 {
  font-size: 4.0rem;
  line-height: 1.5;
  color: #fff;
  word-spacing: -.3em;
  border-top: 1px solid #32a3dd;
  padding-top: 50px;
}
.pay_h205-left {
  width: calc(100% - 20px);
  max-width: 980px;
  margin: 10px auto 0;
}
.pay_h205-left h2 {
  color: #008cd6;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .pay_h205 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
  div + .pay_h205-left {
    margin-top:40px;
  }
  .pay_h205-left + div {
    margin-top: 15px;
  }
  .pay_h205-left h2 {
    font-size: 2.2rem;
  }
}


/*  pay_h206
------------------------------------------------*/

div + .pay_h206 {
  margin-top:50px;
}
.pay_h206 {
  font-size: 4.0rem;
  line-height: 1.5;
  color: #fff;
  word-spacing: -.3em;
  border-top: 1px solid #32a3dd;
  padding-top: 50px;
}
.pay_h206-left {
  width: calc(100% - 20px);
  max-width: 980px;
  margin: 10px auto 0;
}
.pay_h206-left h2 {
  color: #008cd6;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .pay_h206 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
  div + .pay_h206-left {
    margin-top:40px;
  }
  .pay_h206-left + div {
    margin-top: 15px;
  }
  .pay_h206-left h2 {
    font-size: 2.2rem;
  }
}

/*  pay_h207
------------------------------------------------*/

div + .pay_h207 {
  margin-top:50px;
}
.pay_h207 {
  font-size: 4.0rem;
  line-height: 1.5;
  color: #fff;
  word-spacing: -.3em;
}
.pay_h207-left {
  width: calc(100% - 20px);
  max-width: 980px;
  margin: 10px auto 0;
}
.pay_h207-left h2 {
  color: #008cd6;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .pay_h207 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
  div + .pay_h207-left {
    margin-top:40px;
  }
  .pay_h207-left + div {
    margin-top: 15px;
  }
  .pay_h207-left h2 {
    font-size: 2.2rem;
  }
}



/*  pay_h3-left
------------------------------------------------*/

.pay_h3-left {
  width: calc(100% - 20px);
  max-width: 980px;
  margin: 40px auto 0;
}
.pay_h3-left h3 {
  font-size: 2.0rem;
}

@media screen and (max-width: 767px) {
  div + .pay_h3-left{
    margin-top: 20px;
  }
  .pay_h3-left {
    margin:auto;
  }
  .pay_h3-left h3 {
    font-size: 1.6rem;
  }
}

/*  text
========================================================================*/

div + .pay_text{
  margin-top: 20px;
}
.pay_h2 + .pay_text{
  margin-top: 40px;
}
.pay_h2-left + .pay_text{
  margin-top: 30px;
}
.pay_text {
  line-height: 1.5;
  width: calc(100% - 20px);
  max-width: 980px;
  margin:auto;
}
.pay_text + .pay_text{
  margin-top: 10px;
}
.text-small{
  font-size: 1.3rem;
  margin: 10px auto 0;
}
.text-indent p:not(.pb-handle){
  text-indent: -1.0em;
  padding-left: 1.0em;
}
.text-indent{
  margin-top:10px;
}
.pay_text a[href^="http"],
.pay_text a[target="_blank"],
.pay_text .pbOpenNewWindow{
  padding-right: 23px;
  background: url(../_assets/img/header_icon_blank.png) no-repeat right center / 18px 15px;
}
.pay_text-attention {
  font-size: 1.4rem;
  line-height: 2;
  margin-top : 40px;
}

@media screen and (max-width: 767px) {
  div + .pay_text {
    margin-top: 10px;
  }
  .pay_h2 + .pay_text{
  margin-top: 16px;
}
  .pay_h2-left + .pay_text{
    margin-top: 15px;
  }
  .text-small{
    font-size: 1.2rem;
  }
  .pay_text a[href^="http"],
  .pay_text a[target="_blank"],
  .pay_text .pbOpenNewWindow{
    background-size: contain;
    padding-top: 0;
    padding-bottom: 0;
  }
  .pay_text-attention {
    font-size: 1.2rem;
  }
}

.pay_text01{

}


/*  pay_card
------------------------------------------------*/
div +.pay_card {
  margin-top: 80px;
}
.pay_card > div {
  display: flex;
  margin: auto -8px;
  color: #008cd6;
}
.pay_card-box {
  width: calc(25% - 16px);
  margin: 0 8px;
  background: #fff;
}
.pay_card-box > div {
  display: flex;
  flex-direction: column;
  padding: 40px;
}
.pay_card-box > div:not(.pb-handle) {
  height: 100%;
}
.pay_card-image > div:not(.pb-handle) {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  min-height: 64px;
}
div+ .pay_card-title{
  margin-top: 25px;
}
.pay_card-title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  color: #008cd6;
}
.pay_card-text + .pay_card-text{
  margin-top: 30px;
}
div + .pay_card-text {
  margin-top: 40px;
}
.pay_card-title + .pay_card-text {
  margin-top: 20px;
}
.pay_card-text {
  font-size: 1.4rem;
  line-height: 1.7;
  margin-top: 16px;
  color: #008cd6;
}
.pay_card-button,
.pay_card-button03 {
  margin-top: auto;
}
div+.pay_card-button > div,
div+.pay_card-button02 > div,
div+.pay_card-button03 > div{
  margin-top: 32px;
}
.pay_formComplete-img + .pay_card-button{
  margin-top: 80px;
}
.pay_card-button a,
.pay_card-button03 a {
  display: inline-block;
  width: 100%;
  max-width: 280px;
  background: #fff;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1.5;
  padding: 10px;
  border: 2px solid #008cd6;
  border-radius: 23px;
  text-decoration: none;
  color: #008cd6;
}
.pay_card-button02 a{
  color:#fff;
}
.pay_card-button02 a {
  display: inline-block;
  width: 100%;
  max-width: 280px;
  background: none;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
  text-decoration: none;
  line-height: 1.5;
  padding: 10px;
  border: 2px solid #fff;
  border-radius: 20px;
}
.pay_card-button03 a{
  max-width:200px;
}
.pay_card-button a:hover,
.pay_card-button03 a:hover,
.pay_index-btn a:hover{
  opacity:1;
  background:#008cd6;
  color:#fff;
  transition:inherit;
}

.pay_card-button-color01 a{
  color:#fff;
  border: 2px solid #ff9600;
  background: #ff9600;
}
.pay_card-button-color01 a:hover{
  background: #ff9600;
}
.pay_card-button-color01 a:hover,
.pay_card-button02 a:hover{
  opacity: 1;
}
@media screen and (max-width: 767px) {
  div +   .pay_card{
    margin-top: 40px;
  }

  div +.pay_card {
  margin-top: 40px;
}
  .pay_card > div {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto -4px;
  }
  .pay_card-box {
    width: calc(50% - 8px);
    margin: 4px;
  }
  .pay_card-box > div {
    padding: 20px;
  }
  .pay_card-image :not(.pb-handle) {
    min-height: 48px;
  }
  .pay_card-image img {
    zoom: .7;
  }
  div + .pay_card-title {
    margin-top: 12px;
  }
  .pay_card-title + .pay_card-text {
    margin-top: 16px;
  }
  .pay_card-title {
    font-size: 1.4rem;
  }
  .pay_card-text{
    font-size: 1.1rem;
    line-height: 1.7;
  }
  div +  .pay_card-button a{
    margin-top:16px;
  }
  .pay_card-button a {
    height: 46px;
    border-radius: 23px;
    margin: 0 auto 0;
  }
  .pay_formComplete-img + .pay_card-button{
    margin-top: inherit;
  }
}

/*  pay_notes
------------------------------------------------*/

.pay_notes{
  text-align: right;
  color: #999;
  margin-top: 24px;
  font-size: 1.0rem;
}

/*  pay_section
------------------------------------------------*/

.pay_section-whitetblue01,
.pay_section-whitetblue02{
  background: #f7f9fa;
}
.pay_section-lightblue01,
.pay_section-lightblue02 {
  background: #e5f3fb;
}
.pay_section-blue01,
.pay_section-blue02,
.pay_section-blue03 {
  background: #008cd6;
}
.pay_section-white01,
.pay_section-white02,
.pay_section-white03,
.pay_section-white04,
.pay_section-white05,
.pay_section-white07{
  background: #FFFFFF;
}
.pay_section-lightblue01 > div:not(.pb-handle),
.pay_section-lightblue02 > div:not(.pb-handle),
.pay_section-blue01 > div:not(.pb-handle),
.pay_section-blue02 > div:not(.pb-handle),
.pay_section-blue03 > div:not(.pb-handle),
.pay_section-white01 > div:not(.pb-handle),
.pay_section-white02 > div:not(.pb-handle),
.pay_section-white03 > div:not(.pb-handle),
.pay_section-white04 > div:not(.pb-handle),
.pay_section-white06 > div:not(.pb-handle),
.pay_section-white07 > div:not(.pb-handle),
.pay_section-whitetblue01 > div:not(.pb-handle),
.pay_section-whitetblue02 > div:not(.pb-handle){
  width: calc(100% - 40px);
  max-width: 1200px;
  margin: 0 auto;
}

.pay_section-white05 > div:not(.pb-handle){
  width: calc(100% - 40px);
  max-width: 960px;
  margin: 0 auto;
}

.pay_section-lightblue01 > div:not(.pb-handle),
.pay_section-white01 > div:not(.pb-handle),
.pay_section-white05 > div:not(.pb-handle),
.pay_section-white07 > div:not(.pb-handle),
.pay_section-blue01 > div:not(.pb-handle),
.pay_section-whitetblue01 > div:not(.pb-handle){
  padding: 110px 0;
}
.pay_section-white06 > div:not(.pb-handle){
  padding: 110px 0 160px;
}
.pay_section-white07 {
  margin-top:-125px;
}
.pay_section-lightblue02 > div:not(.pb-handle),
.pay_section-white02 > div:not(.pb-handle),
.pay_section-white04 > div:not(.pb-handle),
.pay_section-blue02 > div:not(.pb-handle),
.pay_section-whitetblue02 > div:not(.pb-handle) {
  padding: 160px 0;
}
.pay_section-white03 > div:not(.pb-handle) {
  padding: 80px 0 160px 0;
}
.pay_section-blue03 > div:not(.pb-handle){
  padding: 80px 0;
}

.pay_section-white08{
  background: #FFFFFF;
}
.pay_section-white08 > div:not(.pb-handle){
  width: calc(100% - 40px);
  max-width: 600px;
  margin: 0 auto;
}
.pay_section-white08 > div:not(.pb-handle){
  padding:80px 0 0;
}

@media screen and (max-width: 767px){
  .pay_section-white01 > div:not(.pb-handle),
  .pay_section-white02 > div:not(.pb-handle),
  .pay_section-white03 > div:not(.pb-handle),
  .pay_section-white05 > div:not(.pb-handle),
  .pay_section-white07 > div:not(.pb-handle),
  .pay_section-lightblue01 > div:not(.pb-handle),
  .pay_section-lightblue02 > div:not(.pb-handle),
  .pay_section-whitetblue02 > div:not(.pb-handle){
    padding: 80px 0;
  }

  .pay_navigation + .pay_section-white03 > div:not(.pb-handle){
    padding-top:20px;
  }
  .pay_section-lightblue > div:not(.pb-handle){
    padding: 80px 0;
  }
  .pay_section-white > div:not(.pb-handle),
  .pay_section-white06 > div:not(.pb-handle) {
    padding: 80px 0 75px 0;
  }
  .pay_section-white07 {
  margin-top:-80px;
}
  .pay_section-blue02 > div:not(.pb-handle) {
    padding: 64px 0 80px 0;
  }
  .pay_section-white04 > div:not(.pb-handle) {
    padding: 40px 0 80px 0;
  }
  .pay_section-blue01 > div:not(.pb-handle),
  .pay_section-blue03 > div:not(.pb-handle){
    padding: 60px 0;
  }
  .pay_section-white08 > div:not(.pb-handle) {
    padding: 60px 0 0;
}
}
@media screen and (min-width: 768px){
  .sp {
    display: none!important;
  }
}

.pay_illust-box01{
  position:relative;
}
.pay_illust-box01 .pay_illust01{
  position:absolute;
  z-index:20;
  right:0;
  bottom:-100px;
}
.pay_illust-box01{
  position:relative;
}
.pay_illust-box01 .pay_illust01{
  position:absolute;
  z-index:20;
  right:0;
  bottom:-100px;
}
@media screen and (max-width: 767px){
.pay_illust-box01 .pay_illust01 {
    zoom: .5;
    right: -15px;
    bottom: -180px;
}
}

/*  pay_wanted
------------------------------------------------*/

.pay_wanted > div:not(.pb-handle) {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.pay_wanted-box {
  width: calc(50% - 20px);
  width: -webkit-calc(50% - 20px);
  background: #f7f9fa;
  position: relative;
}
.pay_wanted-illust {
  position:absolute;
  left: -66px;
    bottom: -30px;
}
.pay_wanted > div:after {
  content:none;
}
.pay_wanted-title{
  font-size: 2.4rem;
  line-height: 1.5;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  background: #008cd6;
}
.pay_wanted-title strong {
  font-size: 4rem;
}
.pay_wanted-textArea {
  padding: 64px 70px 80px 80px;
}
.pay_wanted-title2 {
  font-size: 3.2rem;
  line-height: 1.75;
  color: #008cd6;
}
div + .pay_wanted-text{
  margin-top: 25px;
}
.pay_wanted-text p {
  line-height: 2;
}
.pay_wanted .pay_btn {
  margin-top: 64px;
}

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

  .pay_wanted > div:not(.pb-handle) {
    position: relative;
    display: inherit;
    justify-content: space-between;
  }
  .pay_wanted-box + .pay_wanted-box {
    margin-top:80px;
  }
  .pay_wanted-box {
    width: 100%;
    background: #f7f9fa;
    position: relative;
  }
  .pay_wanted-title {
    padding: 16px 0;
    font-size:1.6rem;
  }
  .pay_wanted-title strong {
    font-size: 2.6rem;
  }
  .pay_wanted-title2 {
    font-size: 2.0rem;
    line-height: 1.4;
  }
  div + .pay_wanted-text {
    margin-top: 12px;
  }
  .pay_wanted-text p {
    line-height: 1.7;
  }
  .pay_wanted-textArea {
    padding: 40px;
  }
  .pay_wanted-illust {
    width: 68px;
    height: 69px;
    left: 20px;
    bottom: -30px;
  }
  .pay_wanted .pay_btn {
    margin-top: 40px;
  }
}

/*  pay_term
------------------------------------------------*/
.pay_term{
  max-width: 1220px;
  padding: 45px 10px 125px;
  margin: 0 auto;
  position: relative;
}
.pay_term-h2 {
  text-align: center;
  font-size: 3.2rem;
}
.pay_term-container {
  margin-top: 60px;
}
.pay_term-title {
  margin-top: 20px;
  line-height: 1.5;
}
.pay_term-text {
  margin-top: 20px;
  line-height: 1.5;
}
.pay_term-title + .pay_term-li {
  margin-top:20px;
}
.pay_term-li:not(.pb-handle){
  text-indent: -0.8em;
  padding-left: 0.8em;
  line-height: 1.7;
}
.pay_term-li-parentheses p:nth-of-type(even){
  text-indent: 0em;
}
#terms_footer {
  margin-top: 80px;
}

@media screen and (max-width: 767px){
  .pay_term-h2 {
    font-size: 1.8rem;
  }
  .pay_term-text {
    margin-top: 10px;
  }
  .pay_term{

  padding: 45px 10px 45px;

}
  .pay_term-title + .pay_term-li {
    margin-top:10px;
  }
  .pay_term-h2 + .pay_term-container {
    margin-top: 25px !important;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　 BUSINESS TOP
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  pay_activitySection
------------------------------------------------*/

#pay_activitySection {
  margin-top: 80px;
}
#pay_activitySection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
}
#pay_activitySection h2 span {
  display: inline-block;
}
#pay_activitySection .pay_activityList ul {
  position: relative;
}
#pay_activitySection .pay_activityList .pay_activityBox {
  float: left;
  margin: 0 20px;
  width: 270px;
}
#pay_activitySection .pay_activityList .pay_activityBox p {
  font-size: 1.4rem;
  text-align: center;
  margin-top: 25px;
}
#pay_activitySection .slick-dots {
  margin-top: 80px;
  text-align: center;
}
#pay_activitySection .slick-dots li {
  display: inline-block;
  margin: 0 8px;
}
#pay_activitySection .slick-dots li button {
  border-radius: 4px;
  border: none;
  background-color: #444444;
  width: 8px;
  height: 8px;
  overflow: hidden;
  color: transparent;
  padding: 0;
  cursor: pointer;
  transition: 0.3s;
  position: relative;
  top: 0;
  outline: none;
}
#pay_activitySection .slick-dots li.slick-active button {
  background-color: #008cd6;
  height: 12px;
  top: -2px;
}
#pay_activitySection .slick-arrow {
  position: absolute;
  top: 100px;
  height: 23px;
  width: 14px;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: transparent;
  color: transparent;
  overflow: hidden;
  cursor: pointer;
  border: none;
  outline: none;
}
#pay_activitySection .slick-prev {
  left: -40px;
  background-image: url(../business/_assets/img/index/activity_arrow_l.png);
  z-index: 2;
}

#pay_activitySection .slick-next {
  right: -40px;
  background-image: url(../business/_assets/img/index/activity_arrow_r.png);
  z-index: 2;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 1299px) {

  #pay_activitySection .pay_activityList {
    max-width: 1200px;
    margin:0 40px;
  }
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #pay_activitySection {
    margin: 45px 0 20px;
  }
  #pay_activitySection h2 {
    font-size: 2.6rem;
    line-height: 1.3;
    margin-bottom: 45px;
  }
  #pay_activitySection .pay_activityList > ul {
    width: 250px;
    margin: 0 auto;
  }
  #pay_activitySection .pay_activityList .pay_activityBox {
    float: left;
    margin: 0;
    width: 250px;
  }
  #pay_activitySection .pay_activityList .pay_activityBox p {
    font-size: 1.2rem;
    margin-top: 20px;
  }
  #pay_activitySection .slick-dots {
    margin-top: 40px;
  }
  #pay_activitySection .slick-dots li {
    margin: 0 6px;
  }
  #pay_activitySection .slick-arrow {
    top: 100px;
    height: 32px;
    width: 20px;
  }
  #pay_activitySection .slick-prev {
    left: -40px;
  }
  #pay_activitySection .slick-next {
    right: -40px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　 BUSINESS FLOW
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  pay_flow
------------------------------------------------*/
div +.pay_flow {
  margin-top: 80px;
}
.pay_flow > div {
  display: flex;
  margin: auto -5px;
  color: #008cd6;
}
.pay_flow-box {
  width: calc(20% - 10px);
  margin: 0 5px;
  background: #fff;
}
.pay_flow-box > div {
  display: flex;
  flex-direction: column;
  padding: 30px 30px 40px;
}
.pay_flow-box > div:not(.pb-handle) {
  height: 100%;
}
.pay_flow-num > div {
  position: relative;
  width: 56px;
  height: 56px;
  margin: 0 auto;
}
.pay_flow-num-img {
  /* position: absolute; */
  /* padding: 0; */
}
.pay_flow-num-text {
  position: absolute;
  top: 34%;
  font-family: 'Roboto', sans-serif;
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 0;
  font-size: 2.0rem;
 }
.pay_flow-image > div:not(.pb-handle) {
  display: flex;
  justify-content: center;
}
div + .pay_flow-textArea {
  margin-top: 20px;
}
div + .pay_flow-title {
  margin-top: 20px;
}
.pay_flow-title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.pay_flow-text + .pay_flow-text{
  margin-top: 30px;
}
div + .pay_flow-text {
  margin-top: 40px;
}
.pay_flow-text {
  font-size: 1.4rem;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  div +   .pay_flow{
    margin-top: 40px;
  }
  div +.pay_flow {
    margin-top: 40px;
  }
  .pay_flow > div {
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto -4px;
  }
  .pay_flow-box {
    width: 100%;
    margin: 4px;
  }
  .pay_flow-box > div {
    flex-direction: row;
    padding: 35px 30px 40px 80px;
    position: relative;
  }
  div + .pay_flow-textArea {
    margin-top: 0;
  }
  .pay_flow-textArea {
    /* margin-top: 0; */
  }
  .pay_flow-num > div {
    /* position: relative; */
    width: 40px;
    height: 40px;
    /* margin: 0 auto; */
  }
  .pay_flow-num {
    align-self: center;
    left: 20px;
    position: absolute;
  }
  .pay_flow-num-text {
    font-size: 1.4rem;
    line-height: 40px;
    top: 0;
  }
  .pay_flow-image {
    display: inline-block;
    width: 22px;
    margin-right: 5px;
    top: 2px;
    position: relative;
  }
  .pay_flow-image > div:not(.pb-handle) {
    justify-content: flex-start;
  }
  .pay_flow-image img {
    zoom: .7;
  }
  div + .pay_flow-title {
    margin-top: 12px;
  }
  .pay_flow-title {
    font-size: 1.4rem;
    text-align: initial;
    display: inline-block;
  }
  div + .pay_flow-text {
    margin-top: 20px;
  }
  .pay_flow-text{
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

/*  pay_flowStep
========================================================================*/

div+ .pay_flowStep,
div+ .pay_flowStep-arrow {
  margin-top: 40px;
}
.pay_flowStep {
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 16px;
}
.pay_flowStep > div {
    display: flex;
}
.pay_flowStep-box:first-child {
  width: 285px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 16px 0 0 16px;
  border-right: 1px solid #ccc;
  background: #f7f9fa;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  font-style: normal;
  color: #008cd6;
}
.pay_flowStep-box:first-child > div {
  padding: 56px 40px;
  flex-grow: 1;
}
.pay_flowStep-box:last-child {
  padding: 80px;
  flex: 1;
}
.pay_flowStep-box .pay_btn-left {
  margin-top: 32px;
}
.pay_flowStep-subTitle {
  font-size: 2.0rem;
  font-family: 'Roboto', sans-serif;
}
.pay_flowStep-subTitle .pay_num {
  font-size: 3.2rem;
}
.pay_flowStep-title {
  margin-top: 12px;
  letter-spacing: .25rem;
}
.pay_flowStep-right-title {
  font-size: 2.4rem;
}
.pay_flowStep-right-text{
  line-height: 2;
  margin-top: 32px;
}
.pay_flowStep-list {
  padding: 32px 40px;
  border-bottom: 1px solid #ccc;
}
.pay_flowStep-list:last-child {
  border-bottom: 0;
}
.pay_flowStep-arrow {
  width: 57px;
  margin: 0 auto;
}

@media screen and (max-width: 767px){
  div+ .pay_flowStep,
  div+ .pay_flowStep-arrow {
    margin-top: 20px;
  }
  .pay_flowStep {
    border-radius: 8px;
  }
  .pay_flowStep > div {
    display: block;
  }
  .pay_flowStep-box:first-child {
    width: auto;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #ccc;
    border-right: none;
    text-align: left;
  }
  .pay_flowStep-box:first-child > div{
    padding: 24px 20px;
  }
  .pay_flowStep-box:last-child {
    padding: 40px 20px;
  }
  .pay_flowStep-subTitle {
    font-size: 1.4rem;
    margin-right: 16px;
    display: inline-block;
  }
  .pay_flowStep-subTitle .pay_num {
    font-size: 2.6rem;
  }
  .pay_flowStep-title {
    font-size: 2.0rem;
    margin: 0;
    display: inline-block;
  }
  .pay_flowStep-box:last-child {
    display:block;
  }
  .pay_flowStep-list {
    padding: 16px 20px;
    line-height: 1.7;
  }
  .pay_flowStep-right-title {
    font-size: 1.6rem;;
  }
  .pay_flowStep-right-text{
    line-height: 1.7;
    margin-top: 16px;
  }
}

/*  pay_band
------------------------------------------------*/

div +.pay_band {
  margin-top: 80px;
}
.pay_band > div {
  display: flex;
  margin: auto -20px;
  color: #008cd6;
}
.pay_band-box {
  width: calc(50% - 40px);
  margin: 0 20px;
  background: #fff;
  text-align: center;
}
.pay_band-box > div {
  display: flex;
  flex-direction: column;
  padding: 80px;
}
.pay_band-box > div:not(.pb-handle) {
  height: 100%;
}
div+ .pay_band-title {
  margin-top: 25px;
}
.pay_band-title {
  font-size: 2.4rem;
  font-weight: bold;
}
.pay_band-title:after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background-color: #008cd6;
  margin: 0 auto;
  margin-top: 24px;
}
.pay_band-text + .pay_band-text {
  margin-top: 30px;
}
div + .pay_band-text {
  margin-top: 32px;
}
.pay_band-text {
  line-height: 1.875;
}
.pay_band-box .pay_btn {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  div + .pay_band{
    margin-top: 40px;
  }
  .pay_band-box + .pay_band-box {
    margin-top: 20px;
  }
  .pay_band > div {
    flex-wrap: wrap;
  }
  .pay_band-box {
    width: 100%;
  }
  .pay_band-box > div {
    padding: 40px 20px;
  }
  div + .pay_band-title {
    margin-top: 12px;
  }
  .pay_band-title {
    font-size: 1.6rem;
  }
  .pay_band-title:after {
    margin-top: 16px;
  }
  div + .pay_band-text {
    margin-top: 16px;
  }
  .pay_band-text {
    line-height: 1.7;
  }
  .pay_band-box .pay_btn {
    margin-top: 0;
  }
}


/*  pay_band02
------------------------------------------------*/

div +.pay_band02 {
  margin-top: 40px;
}
.pay_band02 > div {
  display: flex;
  margin: auto 0px;
  color: #008cd6;
}
.pay_band02-box {
  width: calc(50% - 20px);
  margin: 0 auto;
  background: #fff;
  text-align: center;
}
.pay_band02-box > div {
  display: flex;
  flex-direction: column;
}
.pay_band02-box > div:not(.pb-handle) {
  height: 100%;
}

.pay_band02-box div + .pay_btn {
  margin-top: 40px;
}
.pay_btn02 a {
    color: #ff9600;
    border: 2px solid #ff9600;
    max-width: 380px;
    height: 70px;
    line-height: 60px;
    font-size: 2.3rem;
    border-radius: 100px;
}

.pay_btn02 a,
.pay_btn03 a {
    max-width: 280px;
    height: 40px;
    line-height: 30px;
    font-size: 1.4rem;
    border-radius: 100px;
}
.pay_btn03 a{
  background:#ff9600;
  color:#fff;
  border:2px solid #ff9600;
}

.pay_btn02 a:hover{
  background:#ff9600;
  color:#fff;
}

.pay_btn03 a:hover{
  background:#fff;
  color:#ff9600;
}

@media screen and (max-width: 767px) {
  div + .pay_band02{
    margin-top: 20px;
  }
  .pay_band02-box + .pay_band02-box {
    margin-top: 20px;
  }
  .pay_band02 > div {
    flex-wrap: wrap;
  }
  .pay_band02-box {
    width: 100%;
  }
  div + .pay_band02-title {
    margin-top: 12px;
  }
  .pay_band02-title {
    font-size: 1.6rem;
  }
  .pay_band02-title:after {
    margin-top: 16px;
  }
  div + .pay_band02-text {
    margin-top: 16px;
  }
  .pay_band02-text {
    line-height: 1.7;
  }
  .pay_band02-box .pay_btn {
    margin-top: 0;
  }

.pay_btn02 a, 
.pay_btn03 a{
    max-width: 250px;
    margin: 0 auto;
    height: 46px;
    line-height: 38px;
}
}


/*  BUSINESS FLOW END
------------------------------------------------*/








/*  pay_merit
------------------------------------------------*/
.pay_merit-h2{
  font-size: 4.0rem;
  text-align: center;
  color: #008cd6;
}
div + .pay_merit-title{
  margin-top: 80px;
}
.pay_merit-title{
  font-size: 2.4rem;
  text-align: center;
  line-height: 1.5;
}
.pay_merit-box-title sup{
  font-size: 1.0rem;
}
div + .pay_merit{
  margin-top:40px;
}
.pay_h2 + .pay_merit,
.pay_merit-h2 + .pay_merit{
  margin-top:80px;
}
.pay_merit > div{
  display:flex;
  justify-content: space-between;
}
.pay_merit > div:after{
  content:none;
}
.pay_merit-box{
  background: #f7f9fa;
}
.pay_merit-box02{
  background: #fff;
}
.pay_merit-box,
.pay_merit-box02{
  flex: 1;
  padding: 32px 40px;
  margin: 0 2px 0 0;
  text-align: center;
  position: relative;
  border-top: 4px solid #008cd6;
}
.pay_merit-box-img{
  height: 64px;
  /* margin-bottom: 16px; */
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_merit-box-title{
  /* height: 66px; */
  padding: 0;
  /* margin-bottom: 24px; */
  font-size: 2.0rem;
  line-height: 1.6;
  color: #008cd6;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top:16px;
}
.pay_merit-box-text{
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.7;
  color: #666;
  margin-top: 24px;
}
.pay_merit-box-color{
  background:#fff;
}

@media screen and (max-width: 767px){
  .pay_h2 + .pay_merit{
    margin-top: 32px;
  }
  .pay_merit-h2{
    font-size: 2.6rem;
    line-height: 1.5;
}
.pay_merit-h2 + .pay_merit{
  margin-top: 40px;
}
div + .pay_merit-title{
  margin-top: 56px
}
.pay_merit-title{
    font-size: 2.0rem;
}
  .pay_merit > div{
    flex-wrap: wrap;
    margin-bottom: -20px;
  }
  .pay_merit-box,
  .pay_merit-box02{
    flex: initial;
    width: 50%;
    width: calc(50% - 3px);
    width: -webkit-calc(50% - 3px);
    padding: 32px 20px;
    margin: 0 0 20px 0;
    text-align: center;
    position: relative;
  }
  .pay_merit-box-img{
    height: 48px;
  }
  .pay_merit-box-img img{
      zoom: .7;
  }
  .pay_merit-box-title{
    font-size: 1.6rem;
    line-height: 1.6;
  }
  .pay_merit-box-text{
    font-size: 1.2rem;
    line-height: 2;
}
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■advantageSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#advantageSection {
  padding: 160px 0;
  background: #f7f9fa;
}

#advantageSection h2 {
  font-size: 4.0rem;
  margin-bottom: 80px;
  text-align: center;
  color: #008cd6;
}

#advantageSection dl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  background: #fff;
}

#advantageSection dt {
  width: 50%;
}

#advantageSection dd {
  width: 50%;
  padding: 0 80px;
  box-sizing: border-box;
}

#advantageSection dd h3 {
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.7;
  margin-bottom: 16px;
}

#advantageSection dd p {
  line-height: 2;
  color: #555;
}

#advantageSection .arrow {
  width: 57px;
  height: 24px;
  margin: 40px auto;
}

#advantageSection .arrow img {
  width: 100%;
}

#advantageSection .point {
  max-width: 840px;
  width: 100%;
  margin: auto;
  border: 1px solid #008cd6;
  border-radius: 16px;
  box-sizing: border-box;
  background: #fff;
  position: relative;
}

#advantageSection .point p {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 2;
  color: #008cd6;
  text-align: center;
  padding: 32px 0;
}

#advantageSection .point .illust {
  position: absolute;
  right: -100px;
  top: -65px;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #advantageSection {
    padding: 80px 0;
  }

  #advantageSection h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 32px;
  }


  #advantageSection dl {
    display: block;
  }

  #advantageSection dt {
    width: 100%;
  }

  #advantageSection dd {
    width: 100%;
    padding: 32px 40px;
  }

  #advantageSection dd h3 {
    font-size: 1.6rem;
    margin-bottom: 8px;
  }

  #advantageSection dd p {
    line-height: 1.7;
  }

  #advantageSection .arrow {
    width: 29px;
    height: 12px;
    margin: 20px auto;
  }

  #advantageSection .point {
    width: auto;
    margin: 0 20px;
    border-radius: 8px;
  }

  #advantageSection .point p {
    font-size: 1.6rem;
    line-height: 1.75;
    margin: 0 20px;
  }

  #advantageSection .point .illust {
    position: absolute;
    right: -54px;
    top: -62px;
  }

  #advantageSection .point .illust img {
    width: 80px;
    height: 74px;
  }
}



/*  .stepSection
========================================================================*/

.stepSection {
  padding: 110px 0 160px;
}
.stepSection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 75px;
  line-height: 1.5;
  color: #008cd6;
}
.stepSection h2 small {
  font-size: 5.6rem;
}
.stepSection h2 span {
  display: inline-block;
}
.stepSection ul > li {
  width: 26.66666666666667%;
  float: left;
  margin-right: 10%;
  position: relative;
}
.stepSection ul > li:last-of-type {
  margin-right: 0;
}
.stepSection .stepBox dt {
  position: relative;
}
.stepSection .stepBox dt span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -16px;
  margin: 0 auto;
  width: 160px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-size: 1.4rem;
  color: #fff;
  background: #004ea2;
  display: inline-block;
  text-align: center;
}
.stepSection .stepBox dt:after {
  content: '';
  position: absolute;
  right: -37.5%;
  top: 0;
  width: 37.5%;
  height: 100%;
  background-image: url(../_assets/img/about/step_arrow.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.stepSection .stepBox dd {
  padding-top: 46px;
}
.stepSection .stepBox dd .num {
  width: 56px;
  height: 56px;
  margin: 0 auto 30px;
  position: relative;
}
.stepSection .stepBox dd .num span {
  text-align: center;
  font-family: 'Roboto', sans-serif;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 2.0rem;
  line-height: 56px;
  color: #008cd6;
}
.stepSection .stepBox dd h3 {
  color: #008cd6;
  line-height: 2;
  font-size: 2.0rem;
  margin-bottom: 30px;
}
.stepSection .stepBox dd .text {
  color: #666666;
  line-height: 2;
}
.stepSection .stepBox.step03 dt:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .stepSection {
    padding: 80px 0 75px 0;
  }
  .stepSection h2 {
    font-size: 2.6rem;
    line-height: 1.3;
    margin-bottom: 45px;
  }
  .stepSection ul > li {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 95px;
  }
  .stepSection ul > li:after {
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -95px;
    width: 100%;
    height: 95px;
    background-image: url(../_assets/img/sp/step_arrow.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .stepSection ul > li:last-of-type {
    margin-bottom: 0;
  }
  .stepSection ul > li:last-of-type:after {
    display: none;
  }
  .stepSection .stepBox dt {
    padding: 0 40px;
  }
  .stepSection .stepBox dt span {
    bottom: -10px;
    width: 120px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    font-size: 1.0rem;
  }
  .stepSection .stepBox dt:after {
    display: none;
  }
  .stepSection .stepBox dd {
    padding-top: 30px;
  }
  .stepSection .stepBox dd .num {
    width: 40px;
    height: 40px;
    margin: 0 auto 20px;
  }
  .stepSection .stepBox dd .num span {
    font-size: 1.4rem;
    line-height: 40px;
  }
  .stepSection .stepBox dd h3 {
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .stepSection .stepBox dd .text {
    font-size: 1.2rem;
  }
  .stepSection .stepBox.step03 dt:after {
    display: none;
  }
}

/*  .advantageSection
========================================================================*/
.advantageSection {
  padding: 160px 0;
  margin: 0;
  background: #e6f3fb;
  position: relative;
}
.advantageSection h2 {
  font-size: 4.0rem;
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
}
.advantageSection h2 span {
  display: inline-block;
}
.advantageSection .illust{
  width: 188px;
  position: absolute;
  left: 0;
  right: 0;
  top: -62px;
  margin: 0 auto;
}
.advantageSection ul {
  display: flex;
  justify-content: center;
}
.advantageSection li {
  text-align: center;
  margin-right: 40px;
}
.advantageSection li:last-child {
  margin: 0;
}
.advantageSection li figure {
  width: 280px;
  height: 280px;
  background: url(../_assets/img/about/advantage_bg.png) no-repeat left top / cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.advantageSection li figure img {
  margin-bottom: 18px;
}
.advantageSection li figcaption {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  color: #008cd6;
}

@media screen and (max-width: 767px) {
  .advantageSection {
    padding: 80px 0;
  }
  .advantageSection h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 32px;
  }
  .advantageSection .illust{
    width: 94px;
    top: -29px;
  }
  .advantageSection ul {
    display: block;
    text-align: center;
  }
  .advantageSection li {
    margin: 0 0 20px 0;
  }
  .advantageSection li figure {
    width: 250px;
    height: 250px;
    margin: 0 auto;
  }
  .advantageSection li figure img {
    width: 90px;
    margin-bottom: 24px;
  }
  .advantageSection li figcaption {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

/*  .howtoSection
========================================================================*/
.howtoSection {
  padding: 160px 0;
  margin: 0;
  background: #f7f9fa;
}
.howtoSection h2 {
  font-size: 4.0rem;
  margin-bottom: 80px;
  text-align: center;
  color: #008cd6;
}
.howtoSection .design {
  display: flex;
}
.howtoSection .design li {
  width: 25%;
}
.howtoSection .design li:nth-child(1) {
  background: #008cd6;
}
.howtoSection .design li:nth-child(2) {
  background: #0078c5;
}
.howtoSection .design li:nth-child(3) {
  background: #0063b4;
}
.howtoSection .design li:nth-child(4) {
  background: #004ea2;
}
.howtoSection .arrow {
  width: 57px;
  margin: 40px auto;
}
.howtoSection .board {
  width: 840px;
  height: 232px;
  background: url(../_assets/img/about/board_bg.png) no-repeat left top / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
.howtoSection .board p {
  font-size: 24px;
  font-weight: bold;
  line-height: 2;
  color: #008cd6;
  text-align: center;
}
.howtoSection .illust{
  width: 160px;
  height: 148px;
  position: absolute;
  right: -100px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.howtoSection .attentionList {
  width: 840px;
  text-align: right;
  color: #008cd6;
  margin: 16px auto 0 auto;
}
.howtoSection .attentionList li {
  font-size: 1.0rem;
  line-height: 2;
  margin-bottom: 10px;
}
.howtoSection .attentionList li:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .howtoSection {
    padding: 80px 0;
  }
  .howtoSection h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 32px;
  }
  .howtoSection .design {
    flex-wrap: wrap;
  }
  .howtoSection .design li {
    width: 50%;
  }
  .howtoSection .arrow {
    width: 46px;
    margin: 20px auto;
  }
  .howtoSection .board {
    width: 295px;
    height: 261px;
    background: url(../_assets/img/sp/about/board_bg.png) no-repeat left top / cover;
  }
  .howtoSection .board p {
    font-size: 1.6rem;
    text-align: left;
  }
  .howtoSection .illust{
    width: 80px;
    height: 74px;
    right: -35px;
  }
  .howtoSection .attentionList {
    max-width: 295px;
  }
}

/*  .appSection
========================================================================*/

.appSection {
  padding: 160px 0;
  background: #008cd6;
}

.appSection .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 120px auto;
  padding: 0;
  background: url(../_assets/img/about/app_bg.png) no-repeat center bottom;
}

.appSection .title dt {
  width: 45%;
  text-align: center;
}

.appSection .title dt img {
  width: 363px;
}

.appSection .title dd {
  width: 55%;
  color: #fff;
  margin: 0;
  padding: 0;
}

.appSection .title dd h2 {
  line-height: 1.6;
  margin-bottom: 56px;
}

.appSection .title dd h2 span {
  font-size: 4.0rem;
}

.appSection .title dd ul {
  display: flex;
  margin-bottom: 56px;
}

.appSection .title dd li + li {
  margin-left: 16px;
}

.appSection .point {
  display: flex;
  justify-content: space-between;
}

.appSection .point li {
  flex: 1;
  padding: 0;
  margin: 0 16px 0 0;
  background: #fff;
  position: relative;
  border-top: 4px solid #008cd6;
}

.appSection .point li:last-child {
  margin: 0;
}

.appSection .point li dt {
  height: 120px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5f3fb;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2;
  color: #008cd6;
}

.appSection .point li dd {
  padding: 32px 40px;
}

.appSection .point li dd p {
  font-size: 1.6rem;
  line-height: 2;
  color: #008cd6;
}

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

  .appSection {
    padding: 80px 0;
  }

  .appSection .inner {
    padding: 0!important;
  }

  .appSection .title {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 60px auto;
    background: url(../_assets/img/about/app_bg.png) no-repeat center bottom;
  }

  .appSection .title dt {
    order: 2;
    width: auto;
  }

  .appSection .title dt img {
    width: 180px;
  }

  .appSection .title dd {
    order: 1;
    width: auto;
    text-align: center;
  }

  .appSection .title dd h2 {
    margin-bottom: 32px;
  }

  .appSection .title dd h2 span {
    font-size: 2.6rem;
  }

  .appSection .title dd ul {
    margin-bottom: 40px;
    justify-content: center;
  }

  .appSection .title dd li img {
    height: 45px;
  }

  .appSection .point {
    display: block;
    margin: 0 20px;
  }

  .appSection .point li {
    width: 100%;
    margin: 0 0 32px 0;
  }

  .appSection .point li dt {
    height: 80px;
  }

  .appSection .point li dd {
  }

  .appSection .point li dd p {
    font-size: 1.4rem;
    line-height: 1.7;
  }
}

/*  pay + base
========================================================================*/

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

  .pay_inner {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    position: relative;
  }
}


/*  .pay_section
========================================================================*/
.pay_section {
  padding: 60px 0;
}

.pbHeaderArea + .pbAreaWrapper1 .pay_section{
  padding-top:0;
}

@media screen and (max-width: 767px) {
  .pay_section {
    padding: 30px 0;
}
}

/*  .pay_topic
========================================================================*/

.pay_section-white02 + .pay_topicSection {
    padding: 0 0 160px;
}
.pay_topic {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
}
.pay_topic-title {
    font-size: 2.4rem;
}
.pay_topic-list {
    margin-top: 40px;
    color: #666;
}
.pay_topic table td > a {
    line-height: 2;
    color: #666;
    padding: 16px 0;
    display: block;
    position: relative;
}
.pay_topic table td > a:after {
  content: "";
  width: 1200px !important;
  overflow: visible;
    position:absolute;
    width: 100%;
    height: 100%;
    left: -180px;
    top: 0;
    display: block;
}
.pay_topic table tbody > tr:nth-of-type(even):hover {
    background: #fbfcfc;
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: .5s;
}
.pay_topic table tbody > tr:nth-of-type(odd):hover td {
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: .5s;
}
.pay_topic table tbody > tr a:hover {
    background: initial;
    opacity: initial;
    filter: initial;
    transition: initial;
}
.pay_topic table tr >td:nth-of-type(1) {
    width: 180px!important;
    margin: 0;
    padding: 0 40px;
    position: relative;
}
.pay_topic table tbody > tr:nth-of-type(odd) {
    background: #f7f9fa;
}

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

  .pay_section-white02 + .pay_topicSection {
      padding: 0 0 80px;
  }
  .pay_topicSection {
    padding: 80px 0 80px 0;
  }
  .pay_topic table td > a {
    line-height: 1.7;
    color: #666;
    padding: 4px 10px 16px;
    display: block;
    position: relative;
}
.pa
  .pay_topic-title > div {
    font-size: 2.0rem;
    margin-right: auto;
  }
  .pay_topic-list{
    margin: 20px -30px 0;
  }
 .pay_topic table tr >td:nth-of-type(1) {
    margin: 0;
    padding: 20px 30px 0;
  }
  .pay_topic table tr >td {
    width: 100%;
    margin: 0;
    padding: 0 20px;
    display: block;
  }
}

/*　.pay_backColor
========================================================================*/

.pay_backColor01 {
  background: #f7f9fa;
}
.pay_backColor02 {
  background: #f8f9fb;
}
.pay_backColor03 {
  background: #e6f3fb;
}
.pay_backColor04 {
  background: #008cd6;
}


/*  .pay_step
========================================================================*/

div + .pay_step{
  margin-top: 80px
}
/*.pay_h2 + .pay_step{
  margin-top:75px;
}*/
.pay_h2 + .pay_step{
  margin-top:75px;
}
.pay_step-h2 {
    font-size: 4.0rem;
    line-height: 1.5;
    word-spacing: -.3em;
    color: #008cd6;
}
.pay_step {
    max-width: 1200px;
    padding: 0;
    margin: 0 auto;
    position: relative;
}
.pay_step > div {
    display: flex;
    margin: auto;
    color: #008cd6;
}
.pay_step-box {
  width: calc(80% / 3);
    float: left;
    margin-right: 10%;
    position: relative;
}
.pay_step-box:last-of-type{
  margin-right:0;
}
.pay_step-box > div {
  display: flex;
  flex-direction: column;
}
.pay_step-box > div:not(.pb-handle) {
  height: 100%;
}

.pay_step-caption{
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    width: 160px;
    height: 32px;
    margin: 0 auto;
    padding-top: 9px;
    border-radius: 16px;
    font-size: 1.4rem;
    color: #fff;
    background: #004ea2;
    text-align: center;
}

.pay_step .pay_step-img:after{
      content: '';
      position: absolute;
      right: -37.5%;
      top: 0;
      width: 37.5%;
      height: 100%;
      background-image: url(/library/pay/_assets/img/about/step_arrow.png);
      background-repeat: no-repeat;
      background-position: center center;
}

.pay_step .pay_step-box:nth-of-type(3) .pay_step-img:after {
  display:none;
}

.pay_step-num:nth-of-type(2) {
  /* background: url(../_assets/img/about/step_num_01.png) no-repeat right center / 18px 15px; */
/*   background("/library/pay/_assets/img/about/step_photo_01.jpg"); */
}
div + .pay_step-text {
  margin-top:30px;
}
.pay_step-text {
    color: #666666;
    line-height: 2;
}
div + .pay_step-title{
  margin-top:30px;
}
.pay_step-title {
    color: #008cd6;
    line-height: 2;
    font-size: 2.0rem;
}
.pay_step-num {
  text-align:center;
  font-size: 2.0rem;
  line-height: 56px;
  color: #008cd6;
  font-family: 'Roboto', sans-serif;
  margin-top: 46px;
  padding: 0px !important;
  font-weight: bold;
}
.pay_step-num01 {
    background-size: contain;
    width: 56px;
    height: 56px;
    margin: 46px auto 0;
    position : relative;
}
.pay_step-num02 {
    background-size: contain;
    width: 56px;
    height: 56px;
    margin: 46px auto 0;
    position : relative;
}
.pay_step-num03 {
    background-size: contain;
    width: 56px;
    height: 56px;
    margin: 46px auto 0;
    position : relative;
}
.pay_step-num span,
.pay_step-num02 span,
.pay_step-num03 span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.pay_step-imgArea{
    position:relative;
}


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

  div + .pay_step-title{
    margin-top:20px;
  }
  .pay_h2 + .pay_step{
    margin-top:45px;
  }
  .pay_step-title{
    font-size: 1.6rem;
  }
  div + .pay_step-text{
    margin-top: 15px;
  }
  .pay_step-text{font-size: 1.2rem;}
  .pay_step > div {
    display: block;
    margin: auto;
    color: #008cd6;
  }
  div + .pay_step-box{
    margin-top:95px;
  }
  .pay_step-h2 + .pay_step {
    margin-top: 45px;
  }
  .pay_step-h2 {
    font-size: 2.6rem;
    line-height: 1.3;
  }
  .pay_step-box {
    width: 100%;
    float: unset;
    margin-right: unset;
    position: relative;
  }
  .pay_step .pay_step-box:after{
    content: '';
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -95px;
    width: 100%;
    height: 95px;
    background-image: url(/library/pay/_assets/img/about/step_sp_arrow.png);
    background-size: 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .pay_step .pay_step-box:nth-child(3):after{
    display:none;
  }
  .pay_step .pay_step-img:after{
    display:none;
  }
  .pay_step-img p{
    padding: 0 40px;
  }
  .pay_step-caption{
    bottom: -10px;
    width: 120px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px;
    font-size: 1.0rem;
    padding-top: 0;
  }
  .pay_step-num{
    font-size: 1.4rem;
    line-height: 40px;
    margin:30px auto 0px;
    width: 40px;
    height: 40px;
  }
}

/*  .pay_campaign
========================================================================*/

div + .pay_campaign {
  margin-top: 50px;
}
.pay_h205 + .pay_campaign{
  margin-top: 64px;
}
.pay_campaign > div {
  display: flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_campaign-box:nth-child(-n+3){
  margin-top: 0;
}
.pay_campaign-box {
  width: calc(100% / 3 - 26px);
  width: -webkit-calc(100% / 3 - 26px);
  margin-top: 80px;
  padding: 8px;
  position: relative;
  background: #f7f9fa;
  box-sizing: border-box;
}
.pay_campaign-box > div {
  display: flex;
  flex-wrap: wrap;
  display: -ms-flexbox;
  /* flex-direction: column; */
}
.pay_campaign-img {
  min-height: 192px;
  width: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0 auto;
}
.pay_campaign-textArea {
  padding: 20px 14px 24px 20px;
  flex-basis: 100%;
}
.pay_campaign-textArea .pay_campaign-title h3 a {
  color: #333;
}
.pay_campaign-status {
  width: 120px;
  height: 32px;
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background: #004ea2;
  font-size: 1.4rem;
  color: #fff;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: -16px;
}
.pay_campaign-status.off {
  background: #999;
}
.pay_campaign-title {
  font-size: 1.6rem;
  line-height: 2;
  margin-top: 15px;
}
.pay_campaign-text {
  font-size: 1.4rem;
  line-height: 2;
  color: #666;
  margin-top:8px;
}
.pay_campaign > div:after {
  content: "";
  display: block;
  width: calc(100% / 3 - 26px);
  width: -webkit-calc(100% / 3 - 26px);
}

@media screen and (max-width: 767px) {
  .pay_h205 + .pay_campaign {
    margin-top: 20px;
  }
  .pay_campaign-box {
    width: 100%;
    margin-top: 20px;
    padding: 4px;
  }
  .pay_campaign-box:nth-child(-n+3) {
    width: 100%;
    margin-top: 20px;
    padding: 4px;
  }
  .pay_campaign-box:first-child {
    margin-top: 0;
  }
 .pay_campaign-img{
    flex-basis: 100%;
    min-height: 136px;
  }
  .pay_campaign-img img{
    flex-basis: 136px;
  }
  .pay_campaign-img-zoom img {
    zoom: .66;
  }
  .pay_campaign-textArea {
    padding: 12px 16px;
  }
  .pay_campaign-status {
    width: 80px;
    height: 20px;
    border-radius: 10px;
    font-size: 1.0rem;
    top: -10px;
  }
  .pay_campaign-title {
    font-size: 1.4rem;
    line-height: 1.7;
    margin: 16px 0 8px 0;
  }
  .pay_campaign-text {
    font-size: 1.2rem;
  }
}

div + .pay_tell {
  margin-top:20px;
}
.pay_tell {
  position:relative;
}
.pay_tell a {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #008cd6;
    font-size: 2.8rem;
    display: inline-block;
}
.pay_tell a:before {
    content: "";
    display: inline-block;
    width: 17px;
    height: 17px;
    background-image: url(/library/pay/business/_assets/img/footer_icon_tel.png);
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 8px;
    position: relative;
    top: -2px;
}

@media screen and (max-width: 767px) {
  div + .pay_tell{
    margin-top:10px;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　CAMPAING
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.pay_campaign01 h1 {
  height: auto;
  background: #008cd6;
  margin: 0;
  padding: 72px 0 0 0;
  display: block;
  text-align: center;
}

.pay_campaign01 h1:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: relative;
  bottom: -3px;
  left: 0;
  background: url(../_assets/img/border_bottom.png) repeat-x left top / auto auto
}

.pay_campaign01 h1 span {
  display: block;
  text-align: center;
  margin-bottom: -96px;
  position: relative;
  z-index: 1;
}

.pay_campaign01 h1 span img {
  width: 936px;
  display: inline-block;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  .pay_campaign01 h1{
    padding: 36px 0 0 0;
  }

  .pay_campaign01 h1:after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: relative;
    bottom: -3px;
    left: 0;
    background: url(../_assets/img/border_bottom.png) repeat-x left top / auto auto
  }

  .pay_campaign01 h1 span {
    margin-bottom: -40px;
    padding: 0 20px;
  }

  .pay_campaign01 h1 span img {
    width: 336px;
    max-width: 100%;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■kvSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#kvSection {
  padding: 160px 0;
}

#kvSection h2 {
  margin-bottom: 36px;
  text-align: center;
  position: relative;
  z-index: 2;
}

#kvSection .callout {
  width: 341px;
  height: 73px;
    font-size: 1.6rem;
  font-weight: bold;
    color: #008cd6;
    text-align: center;
  background: url(../_assets/img/campaign/campaign01/kv_callout.png) no-repeat left top / cover;
  margin: 0 auto 20px auto;
}

#kvSection .callout em {
  font-size: 2.4rem;
  font-style: normal;
  line-height: 56px;
}

#kvSection .slash {
    color: #008cd6;
  text-align: center;
  margin: 0 auto 24px auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

#kvSection .slash:before {
  content: "";
  display: inline-block;
  width: 44px;
  height: 73px;
  background: url(../_assets/img/campaign/campaign01/kv_slash_bg_left.png) no-repeat left bottom;
  margin-right: 20px;
}

#kvSection .slash:after {
  content: "";
  display: inline-block;
  width: 44px;
  height: 73px;
  background: url(../_assets/img/campaign/campaign01/kv_slash_bg_right.png) no-repeat right bottom;
  margin-left: 20px;
}

#kvSection .slash h3 {
  font-size: 3.2rem;
  font-weight: bold;
    color: #008cd6;
  margin-bottom: 16px;
}

#kvSection .slash p {
  font-size: 1.6rem;
  font-weight: bold;
  padding-bottom: 24px;
}

#kvSection ul {
  display: flex;
  justify-content: center;
}

#kvSection li {
  width: 400px;
  margin-right: 40px;
}

#kvSection li:last-child {
  margin: 0;
}

#kvSection li a {
  width: 100%;
  height: 80px;
  line-height: 80px;
  border-radius: 40px;
  display: block;
  font-size: 2.0rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

#kvSection li.twitter a {
  background: #1da1f3;
}

#kvSection li.form a {
  background: #ff9600;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #kvSection {
    padding: 60px 0 80px 0;
    background: url(../_assets/img/index/kv_bg.png) repeat-x center bottom / auto auto;
  }

  #kvSection h2 img {
    width: 342px;
    max-width: 100%;
  }

  #kvSection .callout {
    width: 250px;
    height: 56px;
      font-size: 1.2rem;
    background: url(../_assets/img/sp/campaign/campaign01/kv_callout.png) no-repeat left top / cover;
    margin: 0 auto 30px auto;
  }

  #kvSection .callout em {
    font-size: 1.8rem;
    line-height: 48px;
  }

  #kvSection .slash {
    margin-bottom: 16px;
  }

  #kvSection .slash:before {
    width: 21px;
    height: 70px;
    background: url(../_assets/img/sp/campaign/campaign01/kv_slash_bg_left.png) no-repeat left bottom / cover;
    margin-right: 0;
  }

  #kvSection .slash:after {
    width: 21px;
    height: 70px;
    background: url(../_assets/img/sp/campaign/campaign01/kv_slash_bg_right.png) no-repeat right bottom / cover;
    margin-left: 0;
  }

  #kvSection .slash h3 {
    font-size: 2.0rem;
    margin-bottom: 8px;
  }

  #kvSection .slash p {
    font-size: 1.2rem;
    line-height: 2;
    padding-bottom: 8px;
  }

  #kvSection ul {
    display: block;
  }

  #kvSection li {
    width: 100%;
    margin: 0 0 16px 0;
  }

  #kvSection li a {
    height: 60px;
    line-height: 60px;
    border-radius: 30px;
    font-size: 1.4rem;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■bandSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#bandSection {
  padding: 72px 0;
}
#bandSection:before {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: relative;
  top: -75px;
  left: 0;
  background: url(../_assets/img/border_top.png) repeat-x left top / auto auto;
}

#bandSection h2 {
  line-height: 2;
  margin-bottom: 0;
}

#bandSection .illust {
  bottom: -74px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #bandSection {
    padding: 32px 0;
  }

  #bandSection:before {
    top: -35px;
  }

  #bandSection h2 {
    font-size: 1.6rem;
    text-align: left;
  }

  #bandSection .illust {
    bottom: -32px;
  }

  #bandSection .illust img {
    zoom: 1;
    width: 111px;
  }
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■shoppingSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#shoppingSection {
  padding: 110px 0 160px 0;
  background: #e6f3fb;
  position: relative;
}

#shoppingSection h2 {
  text-align: center;
  margin-bottom: 80px;
  color: #008cd6;
}

#shoppingSection h2 small {
  display: inline-block;
  font-size: 2.4rem;
  margin-bottom: 24px;
}

#shoppingSection h2 span {
  display: inline-block;
  font-size: 4.0rem;
}

#shoppingSection h2 span sup {
  font-size: 1.6rem;
  vertical-align: super
}

#shoppingSection .shoppingBox {
  display: flex;
  justify-content: center;
}

#shoppingSection .shoppingBox li {
  text-align: center;
  margin-right: 60px;
}

#shoppingSection .shoppingBox li:last-child {
  margin: 0;
}

#shoppingSection .shoppingBox li figure {
  width: 360px;
  height: 360px;
  background: url(../_assets/img/campaign/campaign01/shopping_bg.png) no-repeat left top / cover;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

#shoppingSection .shoppingBox li figure img {
  margin-bottom: 18px;
}

#shoppingSection .shoppingBox li figcaption {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 2;
  color: #008cd6;
}

#shoppingSection .attentionList {
  text-align: right;
  color: #008cd6;
  margin-top: 24px;
}

#shoppingSection .attentionList li {
  font-size: 1.0rem;
  margin-bottom: 10px;
}

#shoppingSection .attentionList li:last-of-type {
  margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #shoppingSection {
    padding: 72px 0 80px 0;
  }

  #shoppingSection h2 {
    font-size: 1.6rem;
    margin-bottom: 32px;
  }

  #shoppingSection h2 small {
    font-size: 1.6rem;
    line-height: 1.75;
    margin-bottom: 8px;
  }

  #shoppingSection h2 span {
    font-size: 2.6rem;
    line-height: 1.4;
  }

  #shoppingSection h2 span sup {
    font-size: 1.2rem;
  }

  #shoppingSection .shoppingBox {
    flex-wrap: wrap;
  }

  #shoppingSection .shoppingBox li {
    margin: 0 0 20px 0;
  }

  #shoppingSection .shoppingBox li figure {
    width: 336px;
    max-width: calc(100% - 40px);
    max-width: -webkit-calc(100% - 40px);
    max-width: 100%;
    height: 140px;
    background: url(../_assets/img/sp/campaign/campaign01/shopping_bg.png) no-repeat left top / 100% auto;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: start;
  }

  #shoppingSection .shoppingBox li figure img {
    margin: 0 24px 0 40px;
  }

  #shoppingSection .shoppingBox li figure img {
    height: 90px;
  }

  #shoppingSection .shoppingBox li figcaption {
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: left;
  }

  #shoppingSection .attentionList {
    margin-top: 16px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■descriptionSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#descriptionSection {
    padding: 160px 0;
  position: relative;
}

#descriptionSection h2 {
    font-size: 2.4rem;
    margin-bottom: 40px;
}

#descriptionSection .illust{
  width: 169px;
  position: absolute;
  left: 0;
  right: 0;
  top: -62px;
  margin: 0 auto;
}

#descriptionSection .descriptionBox {
  border-top: 8px solid #008cd7;
  padding: 64px 80px 80px 80px;
  background: #f9fbfa;
  margin-bottom: 80px;
}

#descriptionSection .descriptionBox:last-of-type {
  margin-bottom: 0;
}

#descriptionSection .descriptionBox h3 {
  font-size: 3.2rem;
  text-align: center;
  margin-bottom: 64px;
}

#descriptionSection .descriptionBox h3.blue {
  font-size: 4.0rem;
  line-height: 1.5;
  color: #008cd6;
  margin-bottom: 32px;
}

#descriptionSection .descriptionBox .main {
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 16px;
  margin-bottom: 80px;
  font-size: 1.6rem;
  line-height: 2;
}

#descriptionSection .callout {
  width: 341px;
  height: 73px;
    font-size: 1.6rem;
  font-weight: bold;
    color: #008cd6;
    text-align: center;
  background: url(../_assets/img/campaign/campaign01/kv_callout.png) no-repeat left top / cover;
  margin: 0 auto 20px auto;
}

#descriptionSection .callout em {
  font-size: 2.4rem;
  font-style: normal;
  line-height: 56px;
}

#descriptionSection .callout + p {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 2;
  text-align: center;
  margin-bottom: 72px;
}

#descriptionSection .descriptionBox .main:last-of-type {
  margin-bottom: 0;
}

#descriptionSection .descriptionBox .main h4 {
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  padding: 30px 0;
  background: #008cd6;
  border-bottom: 1px solid #ccc;
  border-radius: 16px 16px 0 0;
}

#descriptionSection .descriptionBox .main dl {
  display: flex;
  padding: 50px 70px;
}

#descriptionSection .descriptionBox .main dl.center {
  align-items: center;
}

#descriptionSection .descriptionBox .main dt {
  width: 140px;
  margin-right: 30px;
}

#descriptionSection .descriptionBox .main dd {
  flex: 1;
}

#descriptionSection .descriptionBox .main > ul {
  font-size: 1.4rem;
  color: #666;
  padding: 50px 70px;
  border-top: 1px solid #ccc;
}

#descriptionSection .descriptionBox .main ul {
}

#descriptionSection .descriptionBox .main li {
  text-indent: -1.4em;
  padding-left: 1.4em;
}

#descriptionSection .descriptionBox .contact {
  background: #fff;
  padding: 72px 0;
  color: #666;
  text-align: center;
}

#descriptionSection .descriptionBox .contact .tel {
    font-weight: bold;
    color: #008cd6;
    margin: 24px 0;
}

#descriptionSection .descriptionBox .contact .tel a {
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    color: #008cd6;
    font-size: 4.0rem;
    display: inline-block;
  position: relative;
  bottom: -2px;
}

#descriptionSection .descriptionBox .contact p:last-of-type {
  font-size: 1.2rem;
  line-height: 2;
}

#descriptionSection .credit {
  font-size: 1.2rem;
  line-height: 1.75;
  color: #888;
  margin-top: 24px;
  margin-bottom: 0;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #descriptionSection {
      padding: 80px 0 0 0;
  }

  #descriptionSection .inner {
    padding: 0!important;
  }

  #descriptionSection h2 {
    font-size: 2.6rem;
    line-height: 1.5;
    margin-bottom: 32px;
  }

  #descriptionSection .illust{
    width: 100px;
  }

  #descriptionSection .descriptionBox {
    border-top: 4px solid #008cd7;
    padding: 32px 20px 80px 20px;
    margin-bottom: 80px;
  }

  #descriptionSection .descriptionBox h3 {
    font-size: 2.0rem;
    line-height: 1.5;
    margin-bottom: 24px;
  }

  #descriptionSection .descriptionBox h3.blue {
    font-size: 2.6rem;
    line-height: 1.25;
  }

  #descriptionSection .descriptionBox .main {
    border-radius: 8px;
    margin-bottom: 20px;
    font-size: 1.4rem;
    line-height: 1.7;
  }

  #descriptionSection .callout {
    width: 250px;
    height: 56px;
      font-size: 1.2rem;
    background: url(../_assets/img/sp/campaign/campaign01/kv_callout.png) no-repeat left top / cover;
    margin: 0 auto 30px auto;
  }

  #descriptionSection .callout em {
    font-size: 1.8rem;
    line-height: 48px;
  }

  #descriptionSection .callout + p {
    font-size: 1.4rem;
    line-height: 1.7;
    text-align: left;
    margin-bottom: 32px;
  }

  #descriptionSection .descriptionBox .main h4 {
    font-size: 1.6rem;
    padding: 20px 0;
    border-radius: 8px 8px 0 0;
  }

  #descriptionSection .descriptionBox .main dl {
    display: block;
    padding: 40px 20px;
  }

  #descriptionSection .descriptionBox .main dt {
    margin: 0 auto 20px auto;
    text-align: center;
  }

  #descriptionSection .descriptionBox .main dt img {
    width: 105px;
    margin: 0;
  }

  #descriptionSection .descriptionBox .main > ul {
    padding: 40px 20px;
  }

  #descriptionSection .descriptionBox .main li {
    text-indent: -1.4em;
    padding-left: 1.4em;
  }

  #descriptionSection .descriptionBox .contact {
    padding: 32px 20px;
  }

  #descriptionSection .descriptionBox .contact p:first-of-type {
    line-height: 1.5;
  }

  #descriptionSection .descriptionBox .contact .tel {
      margin: 16px 0;
  }

  #descriptionSection .descriptionBox .contact .tel a {
      font-size: 2.4rem;
    bottom: -2px;
  }

  #descriptionSection .descriptionBox .contact p:last-of-type {
    font-size: 1.0rem;
  }

  #descriptionSection .credit {
    font-size: 1.1rem;
    margin: 16px 0 0 16px;
  }
}




/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　BUSINESS ABOUT
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  ■bulletSection
========================================================================*/

#bulletSection {
    padding: 160px 0;
  background: #f7f9fa;
}

#bulletSection ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: -2px;
}

#bulletSection li {
  width: calc(100% / 3 - 1px);
  width: -webkit-calc(100% / 3 - 1px);
  margin-bottom: 2px;
  background: #fff;
}

#bulletSection li h2 {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
    text-align: center;
    color: #fff;
  padding: 0 40px;
  background: #008cd6;
}

#bulletSection li h2 small {
  font-size: 2.4rem;
  margin-bottom: 8px;
}

#bulletSection li h2 span {
  font-size: 4.0rem;
  line-height: 1.6;
}

#bulletSection dl {
  padding: 40px 40px 32px 40px;
}

#bulletSection dt {
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}

#bulletSection dt img {
}

#bulletSection dd {
}

#bulletSection dd h3 {
    padding: 0;
  margin-bottom: 24px;
    font-size: 2.0rem;
    line-height: 2;
  color: #008cd6;
  text-align: center;
}

#bulletSection dd p {
  line-height: 2;
  color: #666;
}

/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

    #bulletSection {
        padding: 0 0 80px 0;
    }

    #bulletSection .inner {
    padding-left: 0!important;
    padding-right: 0!important;
  }

  #bulletSection ul {
    display: block;
    margin-bottom: 0;
  }

  #bulletSection li {
    width: auto;
    margin-bottom: 0;
    background: none;
  }

  #bulletSection li h2 {
    display: block;
    padding: 32px 0;
    margin-bottom: 40px;
  }

  #bulletSection li h2 small {
    font-size: 2.0rem;
    margin-bottom: 8px;
    display: inline-block;
  }

  #bulletSection li h2 span {
    font-size: 2.6rem;
  }

  #bulletSection li:last-child dl {
    margin-bottom: 0;
  }

  #bulletSection dl {
    padding: 32px 40px;
    margin: 0 20px 20px 20px;
    background: #fff;
  }

  #bulletSection dt {
    height: 73px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 16px;
  }

  #bulletSection dd h3 {
      font-size: 2.0rem;
      line-height: 1.6;
    margin-bottom: 8px;
  }

  #bulletSection dd p {
    font-size: 1.2rem;
  }
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　BUSINESS PRICE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  pay_descriptionSection
========================================================================*/

.pay_descriptionSection {
  padding: 0;
  background: #008bd6;
}
.pay_descriptionSection dl {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
}
.pay_descriptionSection dt {
  order: 1;
  flex: 1;
  text-align: right;
  margin: 0 40px;
}
.pay_descriptionSection dt img {
  margin: 80px 40px 0 0;
}
.pay_descriptionSection dd {
  order: 2;
  flex: 1;
  color: #fff;
  margin: 0 40px;
  padding: 0;
}
.pay_descriptionSection dd h2 {
  font-size: 4.0rem;
  line-height: 1.6;
  margin-bottom: 24px;
}
.pay_descriptionSection dd p {
  line-height: 2;
  margin-bottom: 16px;
}
.pay_descriptionSection dd p:last-of-type {
  font-size: 1.0rem;
  margin-bottom: 0;
}

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

  .pay_descriptionSection {
    padding: 80px 0 0 0;
  }

  .pay_descriptionSection dl {
    display: flex;
    flex-wrap: wrap;
  }

  .pay_descriptionSection dt {
    order: 2;
    flex: initial;
    width: 100%;
    margin: 0;
    text-align: center;
  }

  .pay_descriptionSection dt img {
    width: 182px;
    margin: 24px 0 0 0;
  }

  .pay_descriptionSection dd {
    order: 1;
    flex: initial;
    width: 100%;
    margin: 0;
    color: #fff;
    margin: 0;
    padding: 0;
  }
  .pay_descriptionSection dd h2 {
    font-size: 2.6rem;
  }
  .pay_descriptionSection dd p {
    line-height: 1.7;
    margin-bottom: 0;
  }
  .pay_descriptionSection dd p:last-of-type {
    margin-top: 16px;
  }
}

/*  pay_price
========================================================================*/

.pay_price {
  margin-top: 80px;
}
.pay_price .fee {
  display: flex;
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 16px;
}
.pay_price .fee li {
  flex: 1;
  box-sizing: border-box;
}
#priceSection .fee li:first-child {
  border-right: 1px solid #ccc;
}
.pay_price .fee li dt {
  font-weight: bold;
  text-align: center;
  background: #f7f9fa;
  padding: 48px 0;
  border-bottom: 1px solid #ccc;
}
.pay_price .fee li:first-child dt {
  border-radius: 16px 0 0 0;
}
.pay_price .fee li:first-child {
  border-right: 1px solid #ccc;
}
.pay_price .fee li dd {
  height: 262px;
  padding: 0;
  box-sizing: border-box;
  color: #008cd6;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pay_price .fee li:first-child dd:after {
  content: "";
  width: 48px;
  height: 48px;
  display: block;
  background: url(../business/_assets//img/flow/price/fee_icon.png) no-repeat center center / cover;
  position: absolute;
  right: -24px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.pay_price .fee li dd h3 {
  font-size: 2.4rem;
  line-height: 1.7;
}

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

  .pay_price {
    margin-top: 40px;
  }
  .pay_price .fee {
    border-radius: 8px;
  }
  .pay_price .fee li dt {
    padding: 32px 0;
  }
  .pay_price .fee li:first-child dt {
    border-radius: 8px 0 0 0;
  }
  .pay_price .fee li:last-child dt {
    border-radius: 0 8px 0 0;
  }
  .pay_price .fee li dd {
    height: 174px;
    padding: 0 20px;
  }
  .pay_price .fee li:first-child dd:after {
    width: 40px;
    height: 40px;
    right: -20px;
  }
  .pay_price .fee li dd h3 {
    font-size: 1.6rem;
    line-height: 1.75;
  }
 }

/*  pay_payment
========================================================================*/

.pay_payment {
  justify-content: space-between;
  border: 1px solid #ccc;
  border-radius: 16px;
  margin-top: 80px;
}
.pay_payment > div {
    display: flex;
}
.pay_payment-box:first-child {
  width: 344px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  border-radius: 16px 0 0 16px;
  border-right: 1px solid #ccc;
  background: #f7f9fa;
  font-weight: bold;
}
.pay_payment-box:first-child > div{
  padding: 56px 40px;
  flex-grow: 1;
}
.pay_payment-box:last-child {
  flex: 1;
}
.pay_payment-list {
  padding: 32px 40px;
  border-bottom: 1px solid #ccc;
}
.pay_payment-list:last-child {
  border-bottom: 0;
}

@media screen and (max-width: 767px){
  .pay_payment {
    border-radius: 8px;
    margin-top: 40px;
  }
  .pay_payment > div {
    display: block;
  }
  .pay_payment-box:first-child {
    width: auto;
    border-radius: 8px 8px 0 0;
    border-bottom: 1px solid #ccc;
    border-right: none;
  }
  .pay_payment-box:first-child > div{
    padding: 32px 0;
  }
  .pay_payment-title {
    text-align: center;
  }
  .pay_payment-box:last-child {
    display:block;
  }
  .pay_payment-list {
    padding: 16px 20px;
    line-height: 1.7;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　NEWS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  pay_news
========================================================================*/


.pay_news-text{
    line-height: 2;
    margin-top: 32px;
}
.pay_news-h4 + .pay_news-text{
    margin-top: 24px;
}
.pay_news-text:first-child{
    margin-top: 0;
}
.pay_news-h4{
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 40px;
}
.pay_news-img{
  margin-top:32px;
}

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

  .pay_news-text{
    line-height: 1.7;
  }
  .pay_news-h4 + .pay_news-text{
    margin-top: 8px;
  }
  .pay_news-h4{
    font-size: 1.3rem;
    margin-top: 40px;
  }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　BUSINESS SCEAN
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  pay_scean
========================================================================*/

.pay_scean-h2{
    margin-top:160px;
    font-size: 4.0rem;
    text-align: center;
    color: #008cd6;
}
.pay_scean-wrapper:nth-of-type(even) .pay_scean > div {
    flex-direction: row-reverse;
}
.pay_scean{
    padding: 80px 0;
}
.pay_scean > div{
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}
.pay_scean-textArea{
    width: calc(50% - 36px);
    width: -webkit-calc(50% - 36px);
    position: relative;
}
.pay_scean-num{
    position: absolute;
    top: -40px;
    right: -20px;
    color: #e6f3fb;
    font-size: 20.0rem;
    font-family: 'Roboto Condensed', sans-serif;
}
.pay_scean-title{
    margin-top: 24px;
    position: relative;
}
.pay_scean-title > div{
    font-size: 3.2rem;
    line-height: 1.75;
    display: flex;
    align-items: flex-end;
}
.pay_scean-text,
.pay_scean-text02,
.pay_scean-text03{
    position: relative;
    margin-top: 24px;
}
.pay_scean-text > div{
    color: #555555;
}
.pay_scean-text02 > div{
    color: #008cd6;
}
.pay_scean-text03 > div{
    color: #fff;
}
.pay_scean-text > div,
.pay_scean-text02 > div,
.pay_scean-text03 > div{
    line-height: 2;
}
.pay_scean-merit-wrapper{
    margin-top: 80px;
}
.pay_scean-merit-wrapper > div{
    display: flex;
    justify-content: space-between;
    margin: 0 -24px;
}
.pay_scean-merit-box {
    flex: 1;
    box-sizing: border-box;
    padding: 0 24px;
}
.pay_scean-merit-box + .pay_scean-merit-box {
    border-left: 1px dashed #ccc;
}
.pay_scean-merit-caption{
    width: 96px;
    height: 32px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #008bd6;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
}
.pay_scean-merit-text{
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 24px;
}
.pay_scean-merit-ann{
    font-size: 1.0rem;
    line-height: 2;
}
.pay_scean-img{
    width: calc(50% - 36px);
    width: -webkit-calc(50% - 36px);
}
.pay_scean-img:nth-child(even) {
    order: 2;
}
.pay_scean-img > div img {
    width: 100%;
}


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

  .pay_scean-h2{
    font-size: 2.6rem;
    margin-top: 80px;
  }
  .pay_scean-wrapper .pay_scean > div {
    flex-direction: column !important;
  }
  .pay_scean-wrapper > div {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  .pay_scean-h2  + .pay_scean  {
    padding: 40px 0;
  }
  .pay_scean {
    padding: 60px 0;
  }
  .pay_scean-img:nth-child(even) {
    order: 1;
  }
  .pay_scean-textArea:nth-child(odd){
    order: 2;
  }
  .pay_scean-textArea,
  .pay_scean-img {
    width: 100%;
  }
  .pay_scean-num{
    top: 10px;
    right: 0px;
    font-size: 10rem;
  }
  .pay_scean-title {
    margin-top: 40px;
    display: block;
  }
   .pay_scean-title h3 {
    font-size: 2.0rem;
    line-height: 1.6;
  }
  .pay_scean-text,
  .pay_scean-text02,
  .pay_scean-text03 {
    position: relative;
    margin-top: 8px;
  }
  .pay_scean-text > div,
  .pay_scean-text02 > div,
  .pay_scean-text03 > div{
    line-height: 1.7;
  }
  .pay_h202 + .pay_scean-text,
  .pay_h202 + .pay_scean-text02,
  .pay_h202 + .pay_scean-text03{
    margin-top: 24px;
  }
  .pay_scean-merit-wrapper {
    margin-top: 32px;
  }
  .pay_scean-merit-wrapper > div {
    margin: 0 -16px;
  }
  .pay_scean-merit-box {
    padding: 0 16px;
  }
  .pay_scean-merit-caption {
    width: 68px;
    height: 16px;
    font-size: .8rem;
  }
  .pay_scean-merit-text {
    font-size: 1.0rem;
    margin-top: 16px;
  }
}

.pay_contactBox-title,
.pay_contactBox-title02{
    background-color: #008cd7;
    color: #fff;
    width: 100%;
    height: 120px;
    display: table-cell;
    width: 100%;
    display: table-cell;
    vertical-align: middle;
    /* padding: 50px 20px !important; */
    vertical-align: middle;
    font-size: 2.0rem;
    font-weight: bold;
}
.pay_contactBox-title,
.pay_contactBox-title02{
  width: 100%;
  display: table;
  vertical-align: middle;
}
.pay_contactBox-title02{
  font-size:1.6rem;
}
.pay_contactBox-title > div,
.pay_contactBox-title02 >div{
  display: table-cell;
  vertical-align: middle;
}
.pay_contactBox-title02 strong{
  font-size: 2.6rem;
  display: inline-block;
  margin-top: 20px;
}
@media screen and (max-width: 767px){

  .pay_contactBox-title,
  .pay_contactBox-title02{
      /* padding: 30px 20px; */
      height: 80px;
  }
  .pay_contactBox-title02{
    font-size:1.2rem;
  }
  .pay_contactBox-title02 strong{
    font-size: 2.0rem;
    margin-top: 10px;
  }
}
/*  pay_1column
========================================================================*/

div+.pay_1column01{
  margin-top: 80px;
}
.pay_1column01{
  padding:40px;
  background-color: #f8f9fb;
}
@media screen and (max-width: 767px){
    div + .pay_1column01{
    margin-top: 40px;
  }
    div + .pay_1column01{
    margin-top: 25px;
  }
/*   .pay_1column01 .pay_card-button  {
        width: 250px;
  } */
  .pay_1column01 .pay_card-button a {
        padding: 10px 0;
  }
}

/*  pay_2column
========================================================================*/

.pay_2column01 > div{
  display:flex;
}
.pay_2column01 .pay_box{
  width:50%;
}

@media screen and (max-width: 767px){
  .pay_2column01 > div{
    display:inherit;
   }
  .pay_2column01 .pay_box{
    width:100%;
   }

   .pay_2column01 .pay_box:nth-child(2) .pay_img{
     margin-bottom: -120px;
     margin-top:16px;
   }
   .pay_2column01 .pay_box:nth-child(2) img{
    width: 104px;
    margin:0 auto;
   }
}

.pay_2column02 > div{
  display:flex;
}
.pay_2column02 .pay_box{
  width:50%;
}

@media screen and (max-width: 767px){
  .pay_2column02 > div{
    display:inherit;
   }
  .pay_2column02 .pay_box{
    width:100%;
   }

   .pay_2column02 .pay_box:nth-child(2) .pay_img{
     margin-bottom: -116px;
     margin-top:16px;
   }
   .pay_2column02 .pay_box:nth-child(2) img{
    width: 104px;
    margin:0 auto;
   }
}


div + .pay_2column03{
  margin-top:80px;
}
.pay_2column03 > div{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_2column03 > div:after{
  display:none;
}
.pay_2column03 .pay_box:first-child{
  width: calc(100% / 3 + 100% / 3 );
  border-right: 1px solid #fff;
}
.pay_2column03 .pay_box:nth-child(2){
  width: calc(100% / 3 );
  border-left: 1px solid #fff;
}
.pay_2column03-item > div{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_box-item{
  background:#f8f9fb;
  padding: 40px;
}
.pay_2column03-item div:after{
  display:none;
}
.pay_2column03-item .pay_box-item{
  width: calc(100% / 2 - 1px);
  background:#f8f9fb;
  padding: 40px;
}

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

  div + .pay_2column03{
    margin-top:40px;
  }
  .pay_2column03 .pay_box + .pay_box{
    margin-top:20px;
  }
  .pay_2column03 .pay_box:first-child{
    width: 100%;
  }
  .pay_2column03-item .pay_box-item{
    width: 100%;
  }
  .pay_2column03 .pay_box:nth-child(2){
    width: 100%;
  }
  .pay_2column03-item .pay_box-item +.pay_box-item{
    margin-top:2px;
  }
}

div + .pay_2column04{
  margin-top:80px;
}
@media screen and (max-width: 767px){
    div + .pay_2column04{
    margin-top:40px;
  }
}


div + .pay_2column05{
  margin-top:80px;
}
.pay_2column05 > div{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_2column05 > div:after{
  display:none;
}
.pay_2column05 .pay_box{
  width: calc(100% / 2 );
  border-right: 1px solid #fff;
}

.pay_2column05-item > div{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_box-item{
  background:#f8f9fb;
  padding: 40px;
}
.pay_2column05-item div:after{
  display:none;
}
.pay_2column05-item .pay_box{
  width: calc(100% / 2 - 1px);
  background:#f8f9fb;
  padding: 40px;
}

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

  div + .pay_2column05{
    margin-top:40px;
  }
  .pay_2column05 .pay_box + .pay_box{
    margin-top:20px;
  }
  .pay_2column05 .pay_box:first-child{
    width: 100%;
  }
  .pay_2column05-item .pay_box-item{
    width: 100%;
  }
  .pay_2column05 .pay_box:nth-child(2){
    width: 100%;
  }
  .pay_2column05-item .pay_box-item +.pay_box-item{
    margin-top:2px;
  }
}

/*  pay_3column
========================================================================*/

div + .pay_3column01{
  margin-top:80px;
}
.pay_3column01 > div{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_3column01 > div:after{
  display:none;
}
.pay_3column01 .pay_box{
  width: calc(100% / 3 );
  border-right: 1px solid #fff;
}
contactBox-title{
    background-color: #008cd7;
    color: #fff;
    width: 100%;
    padding: 50px 20px !important;
    vertical-align: middle;
    font-size: 2.0rem;
    font-weight: bold;
}
.pay_3column01-item > div{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pay_box-item{
  background:#f8f9fb;
  padding: 40px;
}
.pay_3column01-item div:after{
  display:none;
}
.pay_3column01-item .pay_box-item{
  width: calc(100% / 2 - 1px);
  background:#f8f9fb;
  padding: 40px;
}

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

div + .pay_3column01{
  margin-top:40px;
}
.pay_3column01 .pay_box + .pay_box{
  margin-top:20px;
}
.pay_3column01 .pay_box{
  width: 100%;
}
.pay_3column01-item .pay_box-item{
  width: 100%;
}
.pay_3column01-item .pay_box-item +.pay_box-item{
  margin-top:2px;
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　USE
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■browserSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#browserSection {
    padding: 56px 0 0 0;
  background: #008cd6;
}

#browserSection:after {
  content: "";
  display: block;
  width: 100%;
  height: 6px;
  position: relative;
  bottom: -3px;
  left: 0;
  background: url(../_assets/img/border_bottom.png) repeat-x left top / auto auto
}

#browserSection .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto -200px auto;
  padding: 0;
}

#browserSection .title dt {
  order: 1;
  width: 50%;
  text-align: center;
}

#browserSection .title dt img {
  width: 592px;
  position: relative;
  z-index: 1;
}

#browserSection .title dd {
  order: 2;
  width: 50%;
  color: #fff;
  margin: 0 0 200px 0;
  padding: 0;
  position: relative;
}

#browserSection .title dd h2 {
  line-height: 1.6;
  margin-bottom: 32px;
}

#browserSection .title dd h2 span {
  font-size: 4.0rem;
}

#browserSection .title dd p {
  line-height: 2;
}

#browserSection .title dd ul {
  display: flex;
  margin-bottom: 56px;
}

#browserSection .title dd li + li {
  margin-left: 16px;
}

#browserSection .illust{
  width: 160px;
  height: 175px;
  position: absolute;
  right: 109px;
  bottom: -142px;
  margin: 0;
  z-index: 1;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #browserSection {
      padding: 80px 0 0 0;
  }

  #browserSection:after {
    content: "";
    display: block;
    width: 100%;
    height: 6px;
    position: relative;
    bottom: -3px;
    left: 0;
    background: url(../_assets/img/border_bottom.png) repeat-x left top / auto auto
  }

  #browserSection .title {
    flex-wrap: wrap;
    margin: 0 auto -100px auto;
    position: relative;
  }

  #browserSection .title dt {
    order: 2;
    width: auto;
  }

  #browserSection .title dt img {
    width: 270px;
  }

  #browserSection .title dd {
    order: 1;
    width: auto;
    margin: 0;
    position: static;
  }

  #browserSection .title dd h2 {
    margin-bottom: 32px;
    text-align: center;
  }

  #browserSection .title dd h2 span {
    font-size: 2.4rem;
  }

  #browserSection .title dd p {
    line-height: 2;
  }

  #browserSection .title dd ul {
    display: flex;
    margin-bottom: 56px;
  }

  #browserSection .title dd li + li {
    margin-left: 16px;
  }

  #browserSection .illust{
    width: 92px;
    height: 100px;
    right: 0;
    bottom: 80px;
  }
}

/*  pay_use
========================================================================*/

.pay_use_h1-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    z-index: 999;
    width: calc(100% - 40px);
    margin: auto;
    color: #fff;
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;

    line-height: 1.75;
}
.pay_use_h1-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 100%;
}
#pay_use-wrapper {
    padding: 160px 0;
}
.pay_use-h2 {
    font-size: 4.0rem;
    text-align: center;
    color: #008cd6;
}
.pay_use {
    margin-top: 80px;
}
.pay_use.center > div {
    align-items: center;
}
.pay_use > div {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    /* padding: 40px; */
}
.pay_use-textArea {
    width: calc(50% - 36px);
    width: -webkit-calc(50% - 36px);
}

.pay_use-img {
    width: calc(50% - 36px);
    width: -webkit-calc(50% - 36px);
}
.pay_use-img img {
  width: 100%;
}
.pay_use-textArea:nth-child(even),
.pay_use-img:nth-child(even) {
    order: 2;
}
.pay_use-title {
  min-height: 160px;
    padding: 24px 0;
    font-size: 3.2rem;
    line-height: 1.75;
    position: relative;
    display: flex;
    align-items: flex-end;
}
.pay_h2 + .pay_use-text{
  margin-top:40px
}
.pay_use-text {
  line-height: 2;
  color: #555555;
  position: relative;
}
div+.pay_use-text02{
  margin-top:20px;
}
.pay_use-text02{
  font-size: 1.3rem;
  color: #686a69;
}
.pay_use-step-wrapper {
    margin-top: 80px;
}
.pay_use-step-wrapper > div {
    display: flex;
    justify-content: space-between;
    margin: 0 -24px;
}
.pay_use-step-box {
    flex: 1;
    box-sizing: border-box;
    padding: 0 24px;
}
.pay_use-step-box + .pay_use-step-box {
    border-left: 1px dashed #ccc;
}
.pay_use-step-caption{
    width: 96px;
    height: 32px;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: #008bd6;
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
}
.pay_use-step-text {
    font-size: 1.4rem;
    line-height: 2;
    margin-top: 24px;
}

@media screen and (max-width: 767px) {
  .pay_use_h1-text {
    font-size: 2.0rem;
    line-height: 2;
  }

  .pay_use-h2 {
    font-size: 2.6rem;
    line-height: 1.5;
  }
  #pay_use-wrapper {
    width: calc(100% - 40px);
    margin: 0 auto;
  }
  #pay_use-wrapper {
    padding: 80px 0;
  }
  #useSection dt {
    width: 100%;
  }
  .pay_use {
    margin-top: 32px;
  }
  .pay_use > div {
    flex-direction: column;
  }
  .pay_use-img:nth-child(even) {
    order: 1;
  }
  .pay_use-textArea:nth-child(odd){
    order: 2;
  }
  .pay_use-textArea,
  .pay_use-img {
    width: 100%;
  }
  .pay_use-title {
    min-height: auto;
    padding: 40px 0 8px 0;
    font-size: 2.0rem;
    line-height: 1.6;
    display: block;
  }
  .pay_use-step-wrapper {
    margin-top: 32px;
  }
  .pay_use-step-wrapper > div {
    margin: 0 -16px;
  }
  .pay_use-step-box {
    padding: 0 16px;
  }
  .pay_use-step-caption {
    width: 68px;
    height: 16px;
    font-size: .8rem;
  }
  .pay_use-step-text {
    font-size: 1.0rem;
    margin-top: 16px;
  }
  .pay_use-text{
    line-height:1.5;
  }
  .pay_h2 + .pay_use-text{
    margin-top:25px
}
  div+.pay_use-text02{
    margin-top:10px;
}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　■appSection
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

#appSection {
    padding: 72px 0 0 0;
  background: #008cd6;
}

#appSection .title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
}

#appSection .title dt {
  order: 2;
  width: 50%;
  text-align: center;
}

#appSection .title dt img {
  width: 363px;
}

#appSection .title dd {
  order: 1;
  width: 50%;
  color: #fff;
  margin: 0 0 40px 0;
  padding: 0;
}

#appSection .title dd h2 {
  line-height: 1.6;
  margin-bottom: 32px;
}

#appSection .title dd h2 span {
  font-size: 4.0rem;
  margin-bottom: 8px;
  display: inline-block;
}

#appSection .title dd h2 small {
  font-size: 4.0rem;
}

#appSection .title dd p {
  line-height: 2;
}

#appSection .title dd ul {
  display: flex;
  margin-bottom: 56px;
}

#appSection .title dd li + li {
  margin-left: 16px;
}
/*------------------------------------------------------------------------*/
@media screen and (max-width: 767px) {

  #appSection {
      padding: 80px 0 0 0;
  }

  #appSection .inner {
    padding: 0!important;
  }

  #appSection .title {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    margin: 0;
  }


  #appSection .title dt {
    order: 2;
    width: auto;
  }

  #appSection .title dt img {
    width: 180px;
  }

  #appSection .title dd {
    order: 1;
    width: auto;
    margin: 0;
    text-align: center;
  }

  #appSection .title dd h2 {
    margin-bottom: 32px;
  }

  #appSection .title dd h2 span {
    font-size: 2.4rem;
  }

  #appSection .title dd ul {
    margin-bottom: 40px;
    justify-content: center;
  }

  #appSection .title dd li img {
    height: 45px;
  }
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　FOOTER MENU
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*  pay_menuList
========================================================================*/
.pay_menuList{
    background-color: #008cd6;
    background: url(/library/pay/business/_assets/img/footer_menu_bg.jpg) no-repeat center center / cover;
    position: relative}

.pay_menuList-title{
  padding-bottom:30px;
  position: relative;
}
.pay_menuList-title:after{
    content: "";
    display: block;
    width: 24px;
    height: 1px;
    background-color: #008cd6;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.pay_menuList-title + .pay_card-text {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .pay_menuList-box{
    width: 100%;
  }
  .pay_menuList-box > div{
    padding: 40px;
  }
  .pay_menuList-title{
    font-size:1.6rem;
    padding-bottom: 16px;
  }
  .pay_menuList-title + .pay_card-text {
    margin-top: 16px;
  }
}

div + .pay_formComplete-text01{
  margin-top: 60px;
}
.pay_formComplete-text01{
    font-size: 2.8rem;
    word-spacing: -.3em;
}
div + .pay_formComplete-text02{
  margin-top:25px;
}
.pay_formComplete-text02{
    font-size: 1.6rem;
}
.pay_formComplete-text02{
    font-size: 1.6rem;
    word-spacing: -.3em;
    line-height: 1;
}
div + .pay_formComplete-img{
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  div + .pay_formComplete-text02{
    margin-top:15px;
  }
  .pay_formComplete-text02{
      font-size: 1.4rem;
      line-height: 1.5;
  }
    .pay_formComplete-text01 {
      font-size: 2.0rem;
      word-spacing: -.3em;
      line-height: 1.5;
  }
  div + . pay_formComplete-img{
    margin-top:80px;
  }
}


.pay_h2 + .qCmp_column{
  margin-top:50px;
}
.qCmp_column.column2:not(.typeA) .qCmp_column_box {
	width: 49%;
}
.qCmp_column.column2:not(.typeA) .qCmp_column_box:nth-child(2n+1) {
	margin-left: 0;
}
.qCmp_column.plane .qCmp_column_box > div > div {
    padding-top: 15px;
}
.qCmp_column.plane .qCmp_column_box > div > div:first-child {
    padding-top: 0;
}
.qCmp_column > div {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.qCmp_column.column2 .qCmp_column_form_box:nth-child(n+3){
	margin-top: 20px;
}
.qCmp_column .qCmp_column_form_box a{
	padding: 33px;
	border: 1px solid #bbbbbb;
	display: block;
	color: #000;
	font-weight: bold;
	transition: .0s;
}
.qCmp_column.column2:not(.typeA) .qCmp_column_box {
	width: 49%;
}

.qCmp_column.column2:not(.typeA) .qCmp_column_box:nth-child(2n+1) {
	margin-left: 0;
}

.qCmp_column div:after{
  display:none;
}
@media screen and (max-width: 767px) {
  .qCmp_column.column2 .qCmp_column_form_box:nth-child(n+2){
	margin-top: 20px;
}
  .qCmp_column.column2:not(.typeA) .qCmp_column_box {
	width: 100%;
}
}

div+.pay_form_select-box{
  margin-top: 20px;
}

/* link
======================================*/

div+.pay_text_link-listType01{
  margin-top: 20px;
}

.pay_text_link-listType01 a {
	display: inline-block;
	position: relative;
	padding: 0 0 0 16px;
	line-height: 1.8em;
}



.pay_text_link-listType01 a:before {
	content: "";
	position: absolute;
	top: .8em;
	left: 0;
	width: 8px;
	height: 13px;
	transform: translateY(-50%);
	background: url(/library/pay/_assets/img/text_link_arrow.png) no-repeat center center;
}

/* hover */

.pay_text_link-listType01 .text_link a:hover {
	opacity: 0.6;
}