@charset "utf-8";
  .txt_Link{
    text-decoration: none;
    color:#1a0dab;
  }
  /*色*/
  .bgCol_d_Green{background-color:#004335;}
  .bgCol_L_Gray{background-color: #eee;}
  .bgCol_Ye{background-color:#FFFFF3;}/*クレカ決済使用*/
  .bgCol_Blu{background-color:#ECF8FE;}/*payeasy決済使用*/
  .bgCol_dGreen{background-color:#EBF9EE;}/*payeasy決済使用*/
  .bgCol_rGreen{background-color:#F1FBDB;}/*payeasy決済使用*/

  .gray{color:#C1C1C1 ;}
  .graytxt{color:#666;}
  .bgWhite{background-color: #FFFFFF;}
  .txt_Red{color: #E13939 !important;}
  .txt_Green{color: #004335 !important;}
  .txt_Blue{color: #0061DF !important;}
  .txt_Gray{color: #C1C1C1 !important;}

  .bgCol_r_Green{background-color: #E4F5F3;}/*クレカ締め日使用*/
  .bgCol_r_Orange{background-color: #FBEFDE;}/*クレカ締め日使用*/
  .bgCol_r_Blue{background-color: #E7F8FF;}/*クレカ締め日使用*/
  .bgCol_r_Pink{background-color: #FFEBEB;}/*クレカ締め日使用*/
  .borderT{border-top: 1px solid #ccc;}
  .borderB{border-bottom: 1px solid #ccc;}
  .flowImgBord{ border: 10px solid #f1f1f1; }

  .txt_underL{
    text-decoration: underline;
    color: #0061DF !important;
  }
  a.txt_underL:hover{
    text-decoration: underline!important;
    color: #0061DF !important;
  }

  table{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
  }
  ul{
    margin: 0;
    padding: 0;
  }

  /*convenienceページのみ*/
  #cboxContent,
  #cboxLoadedContent,
  #cboxLoadingOverlay {
    background: none;
  }
  #cboxLoadedContent {
    border: 2px solid #008096;
    background-color: #fff;
  }
  /*convenienceページのみEND*/

/*-------------------------------------
▼ナビゲーション
--------------------------------------*/

/*-------------------PC START-------------------*/
/**** 769px以上の場合PC タブレット含む ****/
@media screen and (min-width: 769px) {

  /* ▼▼▼ SP時NAVとメインビジュアル ▼▼▼ */
  #nav_sp,
  .hiddenPC,
  .top_visualSP,
  .solutionWrap,
  .top_case_listSP,
  .footer_info__linkSP,
  .headerSP_img,
  .menu_container{
    display: none;
  }

  ul{list-style:none !important;}
  ul li{list-style: none !important;}

  .posiSet_pc{position: relative;}
  .txt_C{text-align: center;}
  .pcblock{display: block;}
  .tainblock{display: inline-table;}
  .borAllnone {
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
  }

  .pcmt0{margin-top: 0 !important;}
  .pcmb0{margin-bottom: 0 !important;}
  .pcml0{margin-left: 0 !important;}
  .pcNo{display: none !important;}
  .txtBold{font-weight: bold !important;}
  .pcMh_serALL{min-height: 0!important;}

    /*SPflex定義*/
  .hp_flex {display: flex;}
  .hp_flex_row{flex-direction: row !important;}
  .hp_flexWrap {
    display: flex;
    flex-wrap: wrap;
  }
  .hp_flexWrapBet {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .hp_flexBet {
    display: flex;
    justify-content: space-between;
  }
  .hp_flexCol {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    vertical-align: middle;
  }
  .hp_flexCol2 {
    display: flex !important;
    flex-direction: column;
    align-items: start;
    vertical-align: middle;
  }
  .hp_flexCol3 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    vertical-align: middle;
  }
  .hp_flexJusCen {
    display: flex;
    justify-content: center;
  }
  .hp_flexJusCen2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .hp_flexCol_B {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  .hp_flexCol3 {
    display: flex !important;
    flex-direction: column;
    align-items: end;
    vertical-align: middle;
  }
  .hp_flexJusCen {
    display: flex;
    justify-content: center;
  }
  .hp_flexJusCen2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .hp_flexEvenly {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .hp_flexJusAro {
    display: flex;
    justify-content: space-around;
  }
  .hp_flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .hp_flexCenstart {
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .hp_flexJSta {justify-content: flex-start!important;}
  .hp_flexEnd {justify-content: flex-end;}
  .hp_flexCen {justify-content: center;}
  .el_flexStr {align-items: stretch;}
  .el_flexCen {align-items: center;}
  .el_flexBetwe{justify-content: space-between;}
  .el_flexSta {align-items: start;}
  .el_flexEnd {align-items: end;}
  .hp_flexSta {align-items: flex-start;}

  /*アイコン入りタイトル用画像指定*/
  .el_title_img {
    width: 102px;
    height: 102px;
    border-radius: 50%;
    background: #ffffff;
    line-height: 102px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .mar_auto{margin: 0 auto;}

  .el_ml0{margin-left: 0 !important;}
  .el_mt0{margin-top: 0 !important;}
  .el_mr0{margin-right: 0 !important;}
  .el_mb0{margin-bottom: 0 !important;}

  .el_pl0{padding-left: 0 !important;}
  .el_pt0{padding-top: 0 !important;}
  .el_pr0{padding-right: 0 !important;}
  .el_pb0{padding-bottom: 0 !important;}

  .el_pt5{padding-top: 5px !important;}
  .el_ptl0{padding-top: 10px !important;}
  .el_pt11{padding-top: 11px !important;}
  .el_ptl5{padding-top: 15px !important;}
  .el_pt20{padding-top: 20px !important;}

  .el_pr5{padding-right: 5px;}
  .el_pr10{padding-right: 10px;}
  .el_pr15{padding-right: 15px;}

  .el_pb5{padding-bottom: 5px !important;}
  .el_pbl0{padding-bottom: 10px !important;}
  .el_pb11{padding-bottom: 11px !important;}
  .el_pbl5{padding-bottom: 15px !important;}
  .el_pb20{padding-bottom: 20px !important;}
  .el_pb30{padding-bottom: 20px !important;}
  .el_pb100{padding-bottom: 100px !important;}

  .el_pl5{padding-left: 5px;}
  .el_pl10{padding-left: 10px;}
  .el_pl15{padding-left: 15px;}
  .el_pl20{padding-left: 20px;}

  .el_pb5{padding-bottom: 5px !important;}
  .el_pbl0{padding-bottom: 10px !important;}
  .el_pb11{padding-bottom: 11px !important;}
  .el_pbl5{padding-bottom: 15px !important;}
  .el_pb20{padding-bottom: 20px !important;}
  .el_pb30{padding-bottom: 20px !important;}
  .el_pb100{padding-bottom: 100px !important;}

  .el_mb5{margin-bottom: 5px !important;}
  .el_mb10{margin-bottom: 10px !important;}
  .el_mb12{margin-bottom: 12px !important;}
  .el_mb15{margin-bottom: 15px !important;}
  .el_mb20{margin-bottom: 20px !important;}
  .el_mb30{margin-bottom: 30px !important;}
  .el_mb40{margin-bottom: 40px !important;}
  .el_mb50{margin-bottom: 50px !important;}
  .el_mb60{margin-bottom: 60px !important;}
  .el_mb65{margin-bottom: 65px !important;}
  .el_mb70{margin-bottom: 70px !important;}
  .el_mb80{margin-bottom: 80px !important;}
  .el_mb90{margin-bottom: 90px !important;}
  .el_mb100{margin-bottom: 100px !important;}
  .el_mb150{margin-bottom: 150px !important;}
  .el_ml3{margin-left: 3px !important;}
  .el_ml5{margin-left: 5px !important;}
  .el_ml10{margin-left: 10px !important;}
  .el_ml13{margin-left: 13px !important;}
  .el_ml14{margin-left: 14px !important;}
  .el_ml15{margin-left: 15px !important;}
  .el_ml16{margin-left: 16px !important;}
  .el_ml17{margin-left: 17px !important;}
  .el_ml20{margin-left: 20px !important;}
  .el_ml30{margin-left: 30px !important;}
  .el_ml35{margin-left: 35px !important;}
  .el_ml40{margin-left: 40px !important;}

  .el_mr5{margin-right: 5px !important;}
  .el_mr8{margin-right: 8px !important;}
  .el_mr10{margin-right: 10px !important;}
  .el_mr15{margin-right: 15px !important;}
  .el_mr20{margin-right: 20px !important;}
  .el_mr30{margin-right: 30px !important;}
  .el_mr40{margin-right: 40px !important;}
  .el_mr66{margin-right: 66px !important;}

  .el_mt5{margin-top: 5px !important;}
  .el_mt7{margin-top: 7px !important;}
  .el_mt10{margin-top: 10px !important;}
  .el_mt11{margin-top: 11px !important;}
  .el_mt12{margin-top: 12px !important;}
  .el_mt15{margin-top: 15px !important;}
  .el_mt20{margin-top: 20px !important;}
  .el_mt25{margin-top: 25px !important;}
  .el_mt30{margin-top: 30px !important;}
  .el_mt40{margin-top: 40px !important;}
  .el_mt50{margin-top: 50px !important;}
  .el_mt60{margin-top: 60px !important;}

  .ft10{font-size: 10px !important;}
  .ft11{font-size: 11px !important;}
  .ft12{font-size: 12px !important;}
  .ft13{font-size: 13px !important;}
  .ft14{font-size: 14px !important;}
  .ft15{font-size: 15px !important;}
  .ft16{font-size: 16px !important;}
  .ft17{font-size: 17px !important;}
  .ft18{font-size: 18px !important;}
  .ft19{font-size: 19px !important;}
  .ft20{font-size: 20px !important;}
  .ft21{font-size: 21px !important;}
  .ft22{font-size: 22px !important;}
  .ft23{font-size: 23px !important;}
  .ft25{font-size: 25px !important;}
  .ft27{font-size: 27px !important;}
  .ft28{font-size: 28px !important;}
  .ft30{font-size: 30px !important;}
  .ft35{font-size: 35px !important;}
  .ft40{font-size: 40px !important;}

  .wsp{width: 30px;}

  .pclh15{line-height: 1.5 !important;}
  .pclh13{line-height: 1.3 !important;}
  .pclh1{line-height: 1 !important;}
  .pclh18{line-height: 1.8;}
  .pcfwB{font-weight: bold;}

  .pchi41{height: 41.5px;}

  .fitImg img{
    width: 100%;
  }
  .bgmax {
    width: 1000px;
    margin: 0 auto;
  }

  /* ▼▼▼ 画像サイズ一覧 ▼▼▼ */
  img.w130{width: 130px;}
  img.w180{width: 180px;}
  img.w250{width: 250px;}
  img.w350{width: 350px;}

  /*↓コンビニ*/
  img.flowImgConv { width: 1000px; height: auto; }
  img.conveniLogo{ width: 160px; height: auto; margin-right: 30px; }
  img.conv_merit01{ width: 237px; height: auto; margin: 0 auto 0 auto; }
  img.conv_merit02{ width: 127px; height: auto; margin: 0 auto 3% auto; }
  img.conv_merit03{ width: 205px; height: auto; margin: 0 auto 0 auto; }

  /* ↓↓↓ コンビニ guideフォルダ内使用 ↓↓↓ */
  /* ▼▼▼セブンイレブン▼▼▼ */
  .sevenLogo{
    width: 50px;
    margin-right: 10px;
  }
  /* ▼▼▼ローソン▼▼▼ */
  .lawsonLogo{
    width: 120px;
    margin-right: 10px;
  }
  /* ▼▼▼ファミリーマートロゴ▼▼▼ */
  .famimaLogo{
    width: 120px;
    margin-right: 10px;
  }
  /* ▼▼▼ミニストップロゴ▼▼▼ */
  .ministopLogo{
    width: 50px;
    margin-right: 10px;
  }
  /* ▼▼▼セイコマートロゴ▼▼▼ */
  .seicomartLogo{
    width: 150px;
    margin-right: 10px;
  }
  /* ↑コンビニ guideフォルダ内使用 END */

  /*↓paypay*/
  img.paypayLogo{ width: 222px; height: 148px; }
  img.paypay_01 { width: 243px; height: 73px; }
  img.paypay_02 { width: 106px; height: 80px; }
  img.paypay_03 { width: 237px; height: 58px; }
  img.paypayflow_01 { width: 221px; height: 131px; }
  img.paypayflow_02 { width: 221px; height: 132px; }
  img.paypayflow_03 { width: 221px; height: 131px; }
  img.paypayflow_04 { width: 221px; height: 131px; }

  /*↓Alipay*/
  .alipayLogo{ width: 222px; height: 148px;}
  img.Alipay_01 { width: 260px; height: 90px; }
  img.Alipay_02 { width: 170px; height: 93px; }
  img.Alipay_03 { width: 145px; height: 120px; }
  img.Alipay_all { width: 1000px; height: auto; }
  img.Alipayflow_01 { width: 221px; height: 171px; }
  img.Alipayflow_02 { width: 221px; height: 171px; }
  img.Alipayflow_03 { width: 221px; height: 172px; }
  img.Alipayflow_04 { width: 221px; height: 171px; }

  /*↓card*/
  img.flowImgCard { width: 1000px; height: auto; }
  img.cardLogo{ width: 180px; height: auto; margin: 0 20px 0 20px; }
  img.cardBrand { width: 440px; height: auto; margin: 0 auto; }
  img.card_sec01 { width: 160px; height: 68.28px!important; margin: 0 auto 0 auto; }
  img.card_sec02 { width: 110px; height: auto; margin: 0 auto 0 auto; }
  img.card_sec03 { width: 80px; height: auto; margin: 0 auto 0 auto; }
  img.card_merit01 { width: 184px; height: auto; margin: 0 auto 0 auto; }
  img.card_merit02 { width: 143px; height: auto; margin: 0 auto 0 auto; }
  img.card_merit03 { width: 103px; height: auto; margin: 0 auto 0 auto; }
  img.cardflow_01 { width: 221px; height: auto; }
  img.cardflow_02 { width: 221px; height: auto; }
  img.cardflow_03 { width: 221px; height: auto; }
  img.card_opti_01 { width: 97px; height: 80px; margin: 0 auto 0 auto; }
  img.card_opti_02 { width: 120px; height: 80px; margin: 0 auto 0 auto; }
  li.h145{height: 145px !important;}

  /*↓pay_easy*/
  img.payeasyLogo{ width: 190px; height: auto; margin-right: 0; }
  img.payeasyIcon_01{ width: 65px; height: auto; }
  img.payeasyIcon_02{ width: 65px; height: auto; }
  img.payeasyIcon_03{ width: 65px; height: auto; }

  img.payeasy_01{ width: 170px; height: 82px; }
  img.payeasy_02{ width: 208px; height: 79px; }
  img.payeasy_03{ width: 155px; height: 77px; }
  img.payeasyflow_all{ width: 1000px; height: auto; }
  img.payeasyflow_01{ width: 221px; height: 172px; }
  img.payeasyflow_02{ width: 221px; height: 172px; }
  img.payeasyflow_03{ width: 221px; height: 172px; }
  img.payeasyflow_04{ width: 221px; height: 172px; }
  .el_titleImg_Area{
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  /*↓rakutenpay*/
  img.rakutenpayLogo { width: 222px; height: auto; margin-right: 30px; }
  img.rakutenpay_01{ width: 105px; height: 72px; }
  img.rakutenpay_02{ width: 144px; height: 92.8px; }
  img.rakutenpay_03{ width: 130px; height: 102px; }
  img.rakutenpayflow_all { width: 1000px; height: auto; }
  img.rakutenpayflow_01{ width: 221px; height: auto; }
  img.rakutenpayflow_02{ width: 221px; height: auto; }
  img.rakutenpayflow_03{ width: 221px; height: auto; }
  img.rakutenpayflow_04{ width: 221px; height: auto; }

  /*↓rakutEdy*/
  img.r_EdyLogo{ width: 230px; height: auto; margin-right: 0; }
  img.rakutenEdy_01{ width: 222px; height: 63px; }
  img.rakutenEdy_02{ width: 200px; height: 107px; }
  img.rakutenEdy_03{ width: 120px; height: 89px; }
  img.Edyflow_all { width: 1000px; height: auto; }
  img.Edyflow_01 { width: 221px; height: auto; }
  img.Edyflow_02 { width: 221px; height: auto; }
  img.Edyflow_03 { width: 221px; height: auto; }
  img.Edyflow_04 { width: 221px; height: auto; }
  img.Edyflow_05 { width: 221px; height: auto; }
  img.Edyflow_06 { width: 221px; height: auto; }
  img.Edyflow_07 { width: 221px; height: auto; }
  img.Edyflow_08 { width: 221px; height: auto; }

  /*↓r_Bankpay*/
  img.r_bankLogo { width: 220px; height: auto; }
  img.flowImg_r_Bank{ width: 1000px; height: auto; }
  img.r_Bankflow_01{ width: 221px; height: 172px; }
  img.r_Bankflow_02{ width: 221px; height: 172px; }
  img.r_Bankflow_03{ width: 221px; height: 172px; }
  img.r_Bankflow_04{ width: 221px; height: 172px; }

  /*ApplePay*/
  .iphone img{
    width: 280px;
    height: auto;
    margin: 0 auto;
    margin-right: 20px;
    display: flex;
    align-items: center;
  }
  img.ApplePay_Logo { width: 222px; height: 148px;}
  img.applepay_01 { width: 65px; height: auto; }
  img.applepay_02 { width: 110px; height: auto; }
  img.applepay_03 { width: 110px; height: auto; }
  img.ApplePayflow_01 { width: 221px; height: auto; }
  img.ApplePayflow_all { width: 1000px; height: auto; }

  /*WebBank*/
  img.webB_Logo { width: 200px; height: auto; }
  img.webB_01{ width: 105px; height: 81px; }
  img.webB_02{ width: 105px; height: 63px; }
  img.webB_03{ width: 205px; height: 59px; }
  img.webB_04{
    width: 39px !important;
    height: auto !important;
    margin-left: 0 !important;
    margin-right: 5px !important;
  }
  img.webB_flow_01{ width: 1000px; height: auto;}
  img.webB_flow_02{ width: 1000px; height: auto;}

  /*マイペイメント*/
  img.mypatmentLogo { width: 230px; height: auto; margin-right: 10px;}
  img.mypay_con_01 { width: 45px; height: auto; }
  img.mypay_con_02 { width: auto; height: 20px; }
  img.mypay_con_03 { width: auto; height: 33px; }
  img.mypay_con_04 { width: 60px; height: auto; }
  img.mypay_con_05 { width: auto; height: 20px; }
  img.mypay_con_06 { width: 55px; height: auto; }
  .usestore {
    width: 70%;
    margin: 0 auto;
  }
  img.mypay_01 { width: 237px; height: auto; margin: 0 auto; }
  img.mypay_02 { width: 127px; height: auto; margin: 0 auto 3% auto; }
  img.mypay_03 { width: 175px; height: auto; margin: 0 auto 3% auto; }
  img.mypay_04 {
    width: 124px !important;
    height: auto !important;
    margin: 0 auto !important;
    padding-right: 10px !important;
  }
  img.mypay_flow{ width: 1000px; height: auto;}

  /*API接続方式*/
  img.apiLogo { width: 200px; height: auto; }
  img.api_flow_all{ width: 1000px; height: auto;}

  /*リダイレクト接続方式*/
  img.redirectLogo { width: 190px; height: auto; }
  img.redirect_flow_all{ width: 1000px; height: auto;}

  /*メール送信型*/
  img.mailSendLogo {
    width: 220px;
    height: auto;
    margin-left: 40px;
    margin-right: 20px;
  }
  img.mailSend_01 { width: 127px; height: 108px; }
  img.mailSend_02 { width: 90px; height: 87px; }
  img.mailSend_03 { width: 220px; height: 74px; }
  img.mailSend_flow_01 { width: 221px; height: 171px; }
  img.mailSend_flow_02 { width: 221px; height: 171px; }
  img.mailSend_flow_03 { width: 221px; height: 171px; }
  img.mailSend_flow_04 { width: 221px; height: 171px; }

  /*簡単支払い*/
  img.easyPayLogo {
    width: 180px;
    height: auto;
    margin-left: 40px;
    margin-right: 20px;
  }
  img.easyPay_01 { width: 140px; height: 70px; }
  img.easyPay_02 { width: 90px; height: 87px; }
  img.easyPay_03 { width: 110px; height: 64px; }
  img.easyPay_flow_01 { width: 221px; height: 172px; }
  img.easyPay_flow_02 { width: 221px; height: 172px; }
  img.easyPay_flow_03 { width: 221px; height: 172px; }
  img.easyPay_flow_04 { width: 221px; height: 172px; }

  /*承認画面*/
  img.approAppLogo {
    width: 235px;
    height: auto;
    margin-left: 40px;
    margin-right: 20px;
  }
  img.approApp_01 { width: 140px; height: 85px; }
  img.approApp_02 { width: 110px; height: 70px; }
  img.approApp_03 { width: 90px; height: 87px; }
  img.approApp_flow_01 { width: 221px; height: 175px; }
  img.approApp_flow_02 { width: 221px; height: 175px; }
  img.approApp_flow_03 { width: 221px; height: 175px; }
  img.approApp_flow_04 { width: 221px; height: 175px; }

  /*クレカ締め日*/
  .cre_pay01{width: 106px; height: 44.87px;}
  .cre_pay02{width: 80px; height: 80px;}
  .cre_pay03{width: 106px; height: 42px;}
  .cre_pay04{width: 72px; height: 51px;}
  .cre_pay05{width: 78px; height: 49px;}
  .cre_pay06{width: 69px; height: 53px;}
  .cre_pay07{width: 70px; height: 66px;}
  .cre_pay08{width: 75px; height: 75px;}
  .cre_pay09{width: 73px; height: 54px;}
  .cre_pay10{width: 105px; height: 31px;}
  .cre_pay11{width: 104.96px; height: 19.19px;}
  .cre_pay12{width: 114px; height: 26px;}
  .cre_pay13{width: 100px; height: 28px;}
  .cre_pay14{width: 113px; height: 58px;}
  .cre_pay15{width: 119px; height: 30px;}
  .cre_pay16{width: 67px; height: 67px;}
  .cre_pay17{width: 60px; height: 61px;}
  .cre_pay18{width: 80px; height: 49px;}
  .cre_pay19{width: 94px; height: 34px;}
  .cre_pay20{width: 54px; height: 61px;}
  .cre_pay21{width: 59px; height: 59px;}
  .cre_pay22{width: 106px; height: 21px;}
  .cre_pay23{width: 108px; height: 26px;}
  .cre_pay24{width: 45px; height: 61px;}
  .cre_pay25{width: 60px; height: 59px;}
  .cre_pay26{width: 60px; height: 60px;}
  .cre_pay27{width: 83px; height: 31px;}

  /*料金案内*/
  img.cardPay01{ width: 410px; height: auto; }
  img.optPay01{ width: 410px; height: auto; }
  img.optPay02{ width: 343px; height: auto; }
  img.optPay03{ width: 45px; height: auto; }
  img.optPay04{ width: 56px; height: auto; }
  img.optPay05{ width: 105px; height: auto; }
  img.optPay06{ width: 85px; height: auto; }
  img.optPay07{ width: 146px; height: auto; }
  img.optPay08{ width: 27px; height: auto; }
  img.optPay09{ width: 103px; height: auto; }

  img.optPay10{ width: 100px; height: auto; }
  img.optPay11{ width: 92.5px; height: auto; }
  img.optPay12{ width: 80px; height: auto; }
  img.optPay13{ width: 118px; height: auto; }
  img.optPay14{ width: 95px; height: auto; }
  img.optPay15{ width: 120px; height: auto; }
  img.optPay16{ width: 50px; height: auto; }

  /* ▲▲▲ 画像サイズ一覧END ▲▲▲ */





/*決済サービスの特徴_不正利用防止ツールの提供*/
  .prevent_List li{
    width: calc(970px/4);
  }
  .prevent_List li{
    background-color: #eee;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 170px;
  }
  .prevent_List li span{
    width: auto;
    height: 90px;
    display: flex;
    align-items: center;
  }
  .prevent_List li span img{
    width: 90px;
    height: auto;
  }
  .prevent_List li{
    width: calc(970px/4);
    background: #F2F2F2;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 170px;
  }
  .prevent_List li span{
    width: auto;
    height: 90px;
    display: flex;
    align-items: center;
  }
  .prevent_List li span img{
    width: 90px;
    height: auto;
  }
/*決済サービスの特徴_不正利用防止ツールの提供 END*/

/* 料金案内 Fee.html start
クレジットカード決済 価格詳細START*/
  ul.hp_priceWrap{
    margin-bottom: 0;
    padding-left: 0;
  }
  ul.hp_priceWrap:first-child{
    margin-bottom: 20px;
    padding: 7px;
  }
  ul.hp_priceWrap:last-child{
    padding: 7px;
  }
  ul.hp_priceWrap li p{
    margin: 0;
  }
  .hp_priceWrap_Bg{
    padding: 20px;
  }
  .hp_priceWrap{
    width: 941px;
    border-radius: 7px;
    background-color: #FFF;
    display: flex;
    align-items: center;
  }
  .hp_priceWrap li.price_title1:first-child{
    border-right: 1px solid #B4B4B4;
    width: 250px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hp_priceWrap li.price_title2:first-child{
    border-right: 1px solid #B4B4B4;
    width: 250px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hp_priceWrap li.contac_title:first-child{
    border-right: 1px solid #B4B4B4;
    width: 250px;
    height: 153px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hp_priceWrap li img.iconFee01,
  .hp_priceWrap li img.iconFee02{
    /* margin-left: 25px; */
    margin-right: 5px;
  }
  .hp_priceWrap li.el_price_txt01 {
    width: 720px;
    display: flex;
    justify-content: space-evenly;
  }
  .hp_priceWrap li.el_price_txt02 {
    width: 720px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
/* クレジットカード決済 価格詳細END*/

/* オプション START */
  #fee_03 p.el_fee_03 {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 675px;
  }

/* お見積り、お問い合わせ START */
  ul.hp_priceWrap.contactWrap:first-child{
    margin-bottom: 0;
    padding: 7px;
  }

  ul.hp_priceWrap li p{
    margin: 0;
  }

  .hp_priceWrap_Bg{
    padding: 20px;
  }
  .hp_priceWrap{
    width: 941px;
    border-radius: 7px;
    background-color: #FFF;
    display: flex;
    align-items: center;
  }
  .hp_priceWrap li.contact:first-child{
    border-right: 1px solid #B4B4B4;
    width: 245px;
    height: 153px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hp_priceWrap li img.iconFee01,
  .hp_priceWrap li img.iconFee02{
    /* margin-left: 25px; */
    margin-right: 5px;
  }
  .hp_priceWrap li.el_contact_txt01 {
    width: 720px;
    display: flex;
    justify-content:space-between;
    padding: 10px 20px;
    align-items: center;
  }
/* お見積り、お問い合わせ END */

/* 料金案内Fee.html END */


/* ▼▼▼ 使用箇所：/guide/webBank_bankList.html ▼▼▼ */
  /*都市銀行テーブル 全体*/
  .stick_container {
    height: auto;
    width: 100%;
    top: 0;
    margin: 0;
    padding: 40px 0 40px 0;
    position: sticky;
    display: fixed;
    z-index: 10;
    background-color: #FFF;
  }
  /*▼下記※（アスタリスク）のため*/
  .note::before{
    position: absolute;
    left: 13px;
    bottom: 66px;
    content: '※';
    display: inline-table;
    color: #666;
    font-size: 12px;
  }
  .note2::before{
    position: absolute;
    left: 0;
    bottom: 11px;
    content: '※';
    display: inline-table;
    color: #666;
    font-size: 12px;
  }
  table.tbl_cityBank {
    width: 1000px;
    border: 1px solid #cccc;
  }
  table.tbl_cityBank tr th {
    font-weight: normal;
  }
  /*都市銀行テーブル ボーダー*/
  tr.thead.spNo ,
  tr.thead.spNo th {
    border: 1px solid #cccccc;
  }
  tr.tinner ,
  tr.tinner td{
    border: 1px solid #cccccc;
  }
  /*都市銀行名*/
  .tbl_cityBank tr td.bankName{
    width: 150px;
    font-size: 15px;
  }
  /*都市銀行テキストエリア ご利用対象*/
  .tbl_cityBank tr td.txtBoxA{
    width: 390px;
  }
  /*都市銀行テキストエリア 個別メンテナンス*/
  .tbl_cityBank tr td.txtBoxB{
    width: 270px;
  }
  /*都市銀行テキストエリア 定期メンテナンス*/
  .tbl_cityBank tr td.txtBoxC{
    width: 170px;
  }
  /*都市銀行テーブル タイトル*/
  table.tbl_cityBank tr.thead {
    text-align: center;
    background-color: #F8F8F8;
    font-size: 16px;
    font-weight: normal !important;
  }
  table.tbl_cityBank tr.thead th {
    padding: 2px;
  }
  table.tbl_cityBank tr.thead th:first-child {
    width: 170px;
  }
  /*都市銀行テーブル 情報エリア「金融機関」*/
  table.tbl_cityBank tr.tinner td:first-child {
    font-size: 15px;
    text-align: center;
  }
  /*都市銀行テーブル 情報エリア「金融機関」*/
  table.tbl_cityBank tr.tinner td.bankName:nth-child(2) {
    font-size: 15px;
    text-align: center;
  }
  /*都市銀行テーブル 情報エリア「ご利用対象とサービス停止時間」*/
  table.tbl_cityBank tr.tinner td:nth-child(2),
  table.tbl_cityBank tr.tinner td:nth-child(3),
  table.tbl_cityBank tr.tinner td:nth-child(4),
  table.tbl_cityBank tr.tinner td:nth-child(6),
  table.tbl_cityBank tr.tinner td:nth-child(8)
  {
    font-size: 13px;
    text-align: left;
    padding: 15px;
  }
  table.tbl_cityBank tr.tinner td.txt_C:nth-child(6){
    font-size: 13px;
    text-align: center;
    padding: 15px;
  }

  /*アコーディオンタイトル*/
  .choiceTitBank {
    position: relative;
    cursor: pointer;
    font-size:2.5vw;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
    max-height: 90px;
  }
  .ele_Cont h3.choiceTitBank {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;
    margin: 0;
    padding: 15px;
    color: #005648;
  }

  h3.choiceTitBank.close,
  h3.choiceTitBank.active,
  h3.choiceTitBank.active.close {
    background-color: #eee !important;
    border-top: none;
    box-shadow: none!important;
  }
  h3.choiceTitBank.open {
    background-color: #FFF !important;
    border-top: none;
    border-right: none;
    border-left: none;
  }
  .ele_Cont h4.eria{
    font-size: 16px;
    margin: 0;
    text-align: center;
    background-color: #F8F8F8;
    padding: 15px 0;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
  }

  .choiceTitBank::after{
    content: "";
    top: 23px;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 7px 0 7px 9px;
    border-color: transparent transparent transparent #005648;
    transform: rotate(90deg);
    text-decoration: none !important;
  }

  .choiceTitBank2::after{
    content: "";
    top: 23px;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 7px 0 7px 9px;
    border-color: transparent transparent transparent #005648;
    transform: rotate(90deg);
    text-decoration: none !important;
  }

  /*close付与*/
  .choiceTitBank.active::after,
  .choiceTitBank.close::after{
    content: "";
    top: 23px;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 7px 0 7px 9px;
    border-color: transparent transparent transparent #005648;
    transform: rotate(270deg);
    text-decoration: none !important;
    }
  .choiceTitBank2.close::after{
    content: "";
    top: 23px;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 7px 0 7px 9px;
    border-color: transparent transparent transparent #005648;
    transform: rotate(270deg);
    text-decoration: none !important;
  }
  /*アコーディオンで現れるエリア*/
  .inContentsBank {
    display: none;/*はじめは非表示*/
    margin:0;
  }

  /*footer_min #include virtual="/share/footer_min_cope.html*/
  /*webBank_bankList.htmlように名前変更*/
  .footer_copy2.footer_min2 {
    width: 100%;
    /* padding: 20px 0; */
    padding: 10px 0 10px 0;
    position: fixed;
    bottom: 0;
    background-color: #005648;
    color: #ddd;
    margin: 0 auto;
    font-size: 0.7em;
    text-align: center;
  }
  .page-top p.bankList {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 16px;
    bottom: 76px;
  }
  /*その地、地方銀行以下 全体*/
  table.tbl_othBank {
    width: 1000px;
    border: 1px solid #cccc;
  }
  /*テーブル ボーダー*/
  /* tr.thead.spNo ,
  tr.thead.spNo th {
    border: 1px solid #cccccc;
  }
  tr.tinner ,
  tr.tinner td{
    border: 1px solid #cccccc;
  } */
  table.tbl_othBank tr th.tbl_Title{
    font-size: 16px;
    margin: 0;
    text-align: center;
    background-color: #F8F8F8;
    padding: 15px 0 !important;
    font-weight: normal;
  }
  table.tbl_othBank tr td.tbl_innerBank{
    width: 200px;
    border-right: none;
    border-bottom: 1px solid #cccccc;
  }
  table.tbl_othBank tr td.tbl_innerTime{
    width: 500px;
    border-left: none;
    border-bottom: 1px solid #cccccc;
  }
  table.tbl_othBank tr.tinner td:nth-child(3){
    font-size: 14px;
    width: 360px;
  }
  table.tbl_othBank tr.tinner_b td.tbl_innerBank{
    font-size: 14px;
    width: 200px;
    padding: 10px 0 10px 20px;
  }
  table.tbl_othBank tr.tinner_b td.tbl_innerTime{
    font-size: 14px;
    padding: 10px 20px 10px 0;
  }
  table.tbl_othBank tr.tinner_c td.tbl_innerLink{
    font-size: 14px;
    padding: 10px 20px;
  }
  table.tbl_othBank tr.tinner_c td.tbl_innerLink a{
    text-decoration: underline;
  }
  .eria2{
    width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
    border-bottom: 1px solid #CCC!important;
    border-left: 1px solid #CCC!important;
    margin: 0 !important;
    font-size: 16px!important;
  }

/* 使用箇所：/guide/webBank_bankList.html END */


/* ▼▼▼マイペイメント▼▼▼ */
  .mypaymentLogo{
    width: 60px;
    margin-right: 10px;
  }

/* ▼▼▼guideフォルダ内使用▼▼▼ */
  /* .guideALL h1 {
    margin: 0.625rem 0;
  } */
  .bodyGuide ul, .bodyGuide ul li {
    margin: 0;
    padding: 0;
  }
  img.flowImg{
    width: 300px;
    height: auto;
  }
  .guideALL{
    width: 850px;
    margin: 30px auto 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  /* ▼▼▼同タイトル内 区分け線▼▼▼ */
  .dotbor {
    border: 1px dotted #BEBEBE;
    display: block;
    width: 95%;
    margin: 0 auto;
  }
  .guideALL section.guideALLWrap{
    border-radius: 10px;
    background-color: #FFF;
  }
  .bodyGuide {
    padding: 30px;
  }
  .bodyGuide ul li.flowArea{
    /* border-top: 1px solid #BEBEBE; */
    border-right: 1px solid #BEBEBE;
    border-left: 1px solid #BEBEBE;
  }
  .bodyGuide ul li.flowArea.btOnly{
    border-top: 1px solid #BEBEBE;
  }
  .bodyGuide ul li.flowArea:last-child{
    border-bottom: 1px solid #BEBEBE;
  }
  .bodyGuide ul li ul.flowAreaInner{
    padding: 20px;
  }
  .bodyGuide ul li ul.flowAreaInner li.el_mr15:first-child{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .bodyGuide h2{
    font-size: 1rem;
    text-align: center;
    padding: 5px;
    margin: 0;
    background-color: #F1F1F1;
    line-height: 2;
  }
  .bodyGuide img.convList{
    width: 50px!important;
    height: auto;
    border: none!important;
  }

  /* ▼▼▼ #lawson #mini ▼▼▼ */
  #lawson ul li ul li.flowImgBord.law08:first-child,
  #mini ul li ul li.flowImgBord.mini08:first-child{
    width: 300px;
    height: 230px;
  }
  button.btnClose_guide{
    font-size: 1rem;
    line-height: 1.5;
    padding: 0.75rem 0.375rem;
    color: #fff;
    background-color: #eee;
    cursor:pointer;
    border-radius: 5px;
  }
  .guideLink{
    width: auto;
    padding: 5px 20px;
    text-decoration: none;
    display: inline-block;
    color: #666;
    border: 1px solid #666;
    border-radius: 100px;
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  .guideLink a:hover,.guideLink:hover{
    background-color: #e2f3ef;
    text-decoration: none;
  }

  /*modal_style　bootstrap使用 決済の流れ*/
  .borderB_modal{border-bottom: 2px solid #ccc !important;}
  .modal-footer {border-top: 2px solid #ccc !important;}
  .modal-dialog {
    box-shadow: 0px 3px 8px #415241;
    border-radius: 1rem;
  }
  .stick_containerModal {
    height: auto;
    width: 100%;
    top: 0;
    position: sticky;
    display: fixed;
    z-index: 10;
    background-color: #FFF;
  }
  button.btn-close {
    position: absolute;
    right: 0;
    top: 0;
  }
  .modal-header{
    padding: 0!important;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
  }
  .guideALL{
    width: 850px;
    margin: 30px auto 20px;
    padding-left: 20px;
    padding-right: 20px;
    overflow-y: auto;
  }
  button#closeOnly {
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
  }
/*modal END*/

/* ▲▲▲ guideフォルダ内使用 ▲▲▲ */





}
/*-------------------PC END-------------------*/


/*------------------- 769px以上のPC タブレットコンテンツ Start -------------------*/
@media screen and (min-width: 769px) {

/*決済サービスの特徴_不正利用防止ツールの提供*/
  .prevent_List li{
    width: calc(970px/4);
  }
  .prevent_List li{
    background-color: #eee;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 170px;
  }
  .prevent_List li span{
    width: auto;
    height: 90px;
    display: flex;
    align-items: center;
  }
  .prevent_List li span img{
    width: 90px;
    height: auto;
  }
  .prevent_List li{
    width: calc(970px/4);
    background: #F2F2F2;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 170px;
  }
  .prevent_List li span{
    width: auto;
    height: 90px;
    display: flex;
    align-items: center;
  }
  .prevent_List li span img{
    width: 90px;
    height: auto;
  }

/*決済サービスの特徴_不正利用防止ツールの提供 END*/


}
/*------------------- 769px以上のPC タブレットコンテンツ END -------------------*/


/*-------------------SP 共通項目 START-------------------*/
/**** 768px以下の場合SP ipadminiまで含む 共通項目 ****/
@media screen and (max-width:768px){
  *{list-style:none;}
  * p {line-height:1.3;}
  * {box-sizing: border-box;outline: none;}
  * ul{padding: 0;}
  .spinlin{display: inline-block;}
  .spblock{display: block;}
  .spNo{display: none!important;}
  h1.top_content_title a {text-decoration: none}
  ul { list-style: none; }
  ul li { padding: 0; margin: 0; }
  .f_nomal{font-weight: normal;}
  .txt_L{text-align: left;}
  .txt_Csp{text-align: center !important;}
  a:hover{text-decoration: none!important;}
  .ml5{margin-left: 5px !important;}
  .mr5{margin-right: 5px !important;}
  .ml10{margin-left: 10px !important;}
  .mr10{margin-right: 10px !important;}
  .mt0{margin-top: 0 !important;}
  .mr0{margin-right: 0 !important;}
  .mb0{margin-bottom: 0 !important;}
  .ml0{margin-left: 0 !important;}

  .pl0{padding-left: 0 !important;}
  .pr0{padding-right: 0 !important;}
  .pt0{padding-top: 0 !important;}
  .pb0{padding-bottom: 0 !important;}
  .inlineF{display: inline-flex !important;}
  .txtBold{font-weight: bold !important;}
  .txtBoldSP{font-weight: bold !important;}
  .pd3{padding: 3%;}
  .wsp{width: 6vw;}
  .posiSet{position: relative;}
  .pcMh_serALL{min-height: 0!important;}
  .tainblock{display: inline-table;}
  .inLBlockSP{display: inline !important;}

  .m_blo-sta{margin-block-start: 1em;}
  .m_blo-end{margin-block-end: 1em;}

  .top_topic,.top_case_list,.hidden,
  .header_main,
  .top_visual_slider_wrapper,
  .top_visual,
  .header_topnavi,
  .header_topnavi_wrapper,
  .header_globalnavi,
  .header_topnavi-item,
  .footer_contact,
  .footer_sitemap_block,
  .top_release_list
  {display: none !important;}

  .bg_G {
    border: solid 1px #DBDBDB;
    background-color: #FBFBFB;
  }
  .bgmax {
    width: 100%;
    margin: 0 auto;
  }
  body {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* text-align: justify; */
    text-justify: inter-ideograph;
    word-wrap: break-word;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin: 0;
    padding: 0;
    word-break: break-all;
  }
  a {
    text-decoration: none;
    color: inherit;
    display: block;
    cursor: pointer;
  }
  header.fixed {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  }
  .bg_to_SP{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  br.pcbr {
    display: none;
  }
  /*以下common.cssの打ち消し*/
  .top_case_block { width: 100%; }
  .iconSize10{
    width: 10vw;
    height: 10vw;
  }
  .iconSize9{
    width: 9vw;
    height: 9vw;
  }
  .iconSize8{
    width: 8vw;
    height: 8vw;
  }
  .iconSize7{
    width: 7vw;
    height: 7vw;
  }
  .iconSize6{
    width: 6vw;
    height: 6vw;
  }

  /* ▼▼▼ 画像サイズ一覧 ▼▼▼ */
    img.w250{width: 250px;}
    img.w130{
      width: 25%;
      margin: 5% 3% 2%;
    }
    img.w180{
      width: 31%;
      margin : 0 1% 3% 1%;
    }
    img.Agent1{
      width: 50%;
      display: block;
      margin: 2vw auto;
    }
    img.Agent3{
      width: 9vw;
    }
    img.Agent4{
      width: 14vw;
    }
    img.service_package_img {
      width: 34.4vw;
      height: auto;
      max-width: 230px;
    }
    img.riaru {
      width: 30vw;
      height: auto;
      max-width: 300px;
    }
    /* 決済手段フロー画像 */
    img.flowImg {
      width: 100%;
      max-width: 600px;
    }

    /*↓card*/
    img.cardLogo{ width: 30vw; height: auto; margin: 0 auto; }
    img.cardBrand {
      width: 90%;
      margin-left: auto;
      margin-right: auto;
      display: flex;
      max-width: 580px;
    }
    img.card_merit01{ width: 34vw; height: auto; margin: 0 auto 0 auto; max-width: 216px; }
    img.card_merit02{ width: 29vw; height: auto; margin: 0 auto 0 auto; padding-bottom: 8px; max-width: 219px; }
    img.card_merit03{ width: 20vw; height: auto; margin: 0 auto 0 auto; max-width: 117px; }
    img.card_sec01{ width: 35vw; height: auto; margin: 0 auto 0 auto; max-width: 230px; }
    img.card_sec02{ width: 25vw; height: auto; margin: 0 auto 0 auto; max-width: 130px; }
    img.card_sec03{ width: 19vw; height: auto; margin: 0 auto 0 auto; max-width: 95px; }
    img.cardflow_01{ width: 77vw; height: auto; margin: 3% auto 3% auto; max-width: 386px; }
    img.cardflow_02{ width: 77vw; height: auto; margin: 3% auto 3% auto; max-width: 386px; }
    img.cardflow_03{ width: 77vw; height: auto; margin: 3% auto 3% auto; max-width: 386px; }
    img.card_opti_01{ width: 20vw; height: auto; margin: 0 auto 0 auto; max-width: 100px; }
    img.card_opti_02{ width: 16vw; height: auto; margin: 0 auto 0 auto; max-width: 100px; }

    /*ApplePay*/
    img.ApplePay_Logo { width: 42vw; height: auto; margin: 0 auto;}
    img.applepay_01 { width: 17vw; height: auto; margin: 0 auto 0 auto; max-width: 113px; }
    img.applepay_02 { width: 27vw; height: auto; margin: 0 auto 0 auto; max-width: 180px; }
    img.applepay_03 { width: 27vw; height: auto; margin: 0 auto 0 auto; max-width: 180px; }
    img.ApplePayflow_01{ width: 77vw; height: auto; margin: 3% auto 3% auto; max-width: 386px; }
    img.applepay_04 { width: 44vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }

    /*↓pay_easy*/
    img.payeasyLogo{ width: 40vw; height: auto; margin: 0 auto; }
    img.payeasyIcon_01{ width: 26vw; height: auto; margin: 0 auto 0 auto; max-width: 240px; }
    img.payeasyIcon_02{ width: 26vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }
    img.payeasyIcon_03{ width: 40vw; height: auto; margin: 0 auto 0 auto; max-width: 220px; }

    img.payeasy_01{ width: 43vw; height: auto; margin: 0 auto 0 auto; max-width: 250px; }
    img.payeasy_02{ width: 53vw; height: auto; margin: 0 auto 0 auto; max-width: 290px; }
    img.payeasy_03{ width: 40vw; height: auto; margin: 0 auto 0 auto; max-width: 240px; }

    img.payeasyflow_all{ width: 100%; height: auto; }
    img.payeasyflow_01{ width: 65vw; height: auto; margin: 3% auto 3% auto; max-width: 410px; }
    img.payeasyflow_02{ width: 65vw; height: auto; margin: 3% auto 3% auto; max-width: 410px; }
    img.payeasyflow_03{ width: 65vw; height: auto; margin: 3% auto 3% auto; max-width: 410px; }
    img.payeasyflow_04{ width: 65vw; height: auto; margin: 3% auto 3% auto; max-width: 410px; }

    /*↓rakutenpay*/
    img.rakutenpayLogo { width: 40vw; height: auto; margin: 0 auto; }
    img.rakutenpay_01{ width: 26vw; height: auto; margin: 0 auto 0 auto; max-width: 240px; }
    img.rakutenpay_02{ width: 32vw; height: auto; margin: 0 auto 0 auto; max-width: 200px; }
    img.rakutenpay_03{ width: 32vw; height: auto; margin: 0 auto 0 auto; max-width: 180px; }
    img.rakutenpayflow_01{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.rakutenpayflow_02{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.rakutenpayflow_03{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.rakutenpayflow_04{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }

    /*↓rakutEdy*/
    img.r_EdyLogo{ width: 46vw; height: auto; margin-right: 0; }
    img.rakutenEdy_01{ width: 53.9vw; height: auto; margin: 0 auto 0; max-width: ; }
    img.rakutenEdy_02{ width: 46.9vw; height: auto; margin: 0 auto 0; max-width: ; }
    img.rakutenEdy_03{ width: 30.9vw; height: auto; margin: 0 auto 0; max-width: ;}
    img.Edyflow_01 { width: 59vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.Edyflow_02 { width: 59vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.Edyflow_03 { width: 59vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.Edyflow_04 { width: 59vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }

    /*↓r_Bankpay*/
    img.r_bankLogo { width: 48vw; height: auto; margin: 0 auto; }
    img.flowImg_r_Banksp{ width: 100%; height: auto; }
    img.r_Bankflow_01{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.r_Bankflow_02{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.r_Bankflow_03{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.r_Bankflow_04{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }

    /*↓paypay*/
    img.paypayLogo{ width: 42vw; height: auto; margin: 0 auto; }
    img.paypay_01{ width: 57vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }
    img.paypay_02{ width: 25vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }
    img.paypay_03{ width: 56vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }
    img.paypayflow_01{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 221px; }
    img.paypayflow_02{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 221px; }
    img.paypayflow_03{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 221px; }
    img.paypayflow_04{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 221px; }

    /*↓Alipay*/
    img.alipayLogo{ width: 44vw; height: auto; margin: 0 auto; }
    img.Alipay_01{ width: 60vw; height: auto; margin: 0 auto 0 auto; max-width: 330px; }
    img.Alipay_02{ width: 30vw; height: auto; margin: 0 auto 0 auto; max-width: 330px; }
    img.Alipay_03{ width: 30vw; height: auto; margin: 0 auto 0 auto; max-width: 180px; }
    img.Alipayflow_01{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.Alipayflow_02{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.Alipayflow_03{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }
    img.Alipayflow_04{ width: 58.9vw; height: auto; margin: 3% auto 3% auto; max-width: 350px; }

    /*↓コンビニ*/
    img.conveniLogo{ width: 30vw; height: auto; margin: 0 auto; }
    img.conv_merit01{ width: 54vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }
    img.conv_merit02{ width: 30vw; height: auto; margin: 0 auto 3% auto; max-width: 180px; }
    img.conv_merit03{ width: 52vw; height: auto; max-width: 317px; }

    /* ▼▼▼セブンイレブン▼▼▼ */
    /* ↓↓↓ コンビニ guideフォルダ内使用 */
    .sevenLogo{ width: 8vw; height: auto; margin-right: 10px; max-width: 60px; }
    img.flowImg.seven01,
    img.flowImg.seven04 {
      min-width: 57.6vw;/*216*/
    }
    /* ▼▼▼ローソン▼▼▼ */
    .lawsonLogo{ width: 18vw; height: auto; margin-right: 10px; max-width: 138px; }
    img.flowImg.law01 {
      min-width: 57.6vw;/*216*/
    }
    /* ▼▼▼ファミリーマートロゴ▼▼▼ */
    .famimaLogo{ width: 17vw; height: auto; margin-right: 7px; max-width: 126px; }
    img.flowImg.fami01,
    img.flowImg.fami10 {
      min-width: 57.6vw;/*216*/
    }
    /* ▼▼▼ミニストップロゴ▼▼▼ */
    .ministopLogo{ width: 10vw; height: auto; margin-right: 10px; max-width: 70px; }
    img.flowImg.mini01 {
      min-width: 57.6vw;/*216*/
    }
    /* ▼▼▼セイコマートロゴ▼▼▼ */
    .seicomartLogo{ width: 21vw; height: auto; margin-right: 10px; max-width: 147px; }
    #lawson img.flowImg,
    #mini img.flowImg,
    #famima img.flowImg{
      width: 100%;
      height: auto;
    }
    /* ↑↑↑ コンビニ guideフォルダ内使用 */

    /*WebBank*/
    img.webB_Logo { width: 40vw; height: auto; margin: 0 auto; padding: 6%; }
    img.webB_01{ width: 26vw; height: auto; margin: 0 auto 0 auto; max-width: 140px; }
    img.webB_02{ width: 29vw; height: auto; margin: 0 auto 0 auto; max-width: 157px; }
    img.webB_03{ width: 50vw; height: auto; margin: 0 auto 0 auto; max-width: 271px; }
    img.webB_04{
      width: 13vw !important;
      height: auto !important;
      margin-left: 0 !important;
      margin-right: 10px !important;
      max-width: 100px;
    }
    img.webB_flow_01{ width: 100%; height: auto;}
    img.webB_flow_02{ width: 100%; height: auto;}

    /*マイペイメント*/
    img.mypatmentLogo { width: 48vw; height: auto; margin: 2%; }
    img.mypay_con_01 { width: 11vw; height: auto; margin: 2%; max-width: 84px; }
    img.mypay_con_02 { width: 26vw; height: auto; margin: 2%; max-width: 200px; }
    img.mypay_con_03 { width: 26vw; height: auto; margin: 2%; max-width: 200px; }
    img.mypay_con_04 { width: 13vw; height: auto; margin: 2%; max-width: 100px; }
    img.mypay_con_05 { width: 31vw; height: auto; margin: 2%; max-width: 180px; }
    img.mypay_con_06 { width: 13vw; height: auto; margin: 2%; max-width: 100px; }
    .usestore {
      width: 90%;
      margin: 0 auto;
    }
    img.mypay_01 { width: 54vw; height: auto; margin: 0 auto 0 auto; max-width: 300px; }
    img.mypay_02 { width: 30vw; height: auto; margin: 0 auto 3% auto; max-width: 180px; }
    img.mypay_03 { width: 42vw; height: auto; margin: 0 auto 3% auto; max-width: 250px; }
    /* img.mypay_04 { width: 42vw !important; height: auto !important; margin: 0 auto 3% auto !important; max-width: 250px !important } */
    img.mypay_04 {
      width: 30vw !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      margin-right: 10px !important;
    }
    img.mypay_flow{ width: 100%; height: auto;}

    /*API接続方式*/
    img.apiLogo { width: 40vw; height: auto; margin: 0 auto; padding: 4%;}

    /*リダイレクト接続方式*/
    img.redirectLogo { width: 40vw; height: auto; margin: 0 auto; padding: 4%; }

    /*メール送信型*/
    img.mailSendLogo { width: 50vw; height: auto; margin: 0 auto; padding: 4%; }
    img.mailSend_01 { width: 28vw; height: auto; margin: 0 auto 0 auto; max-width: 197px; }
    img.mailSend_02 { width: 25vw; height: auto; margin: 0 auto 0 auto; max-width: 160px; }
    img.mailSend_03 { width: 56vw; height: auto; margin: 0 auto 0 auto; max-width: 370px; }
    img.mailSend_flow_01, img.mailSend_flow_02, img.mailSend_flow_03, img.mailSend_flow_04 {
      width: 77vw;
      height: auto;
      margin: 3% auto 3% auto;
      max-width: 386px;
    }

    /*簡単支払い*/
    img.easyPayLogo { width: 40vw; height: auto; margin: 0 auto; padding: 4%; }
    img.easyPay_01 { width: 35vw; height: auto; margin: 0 auto 0 auto; max-width: 240px; }
    img.easyPay_02 { width: 25vw; height: auto; margin: 0 auto 0 auto; max-width: 160px; }
    img.easyPay_03 { width: 25vw; height: auto; margin: 0 auto 0 auto; max-width: 180px; }
    img.easyPay_flow_01, img.easyPay_flow_02, img.easyPay_flow_03, img.easyPay_flow_04{
      width: 77vw;
      height: auto;
      margin: 3% auto 3% auto;
      max-width: 386px;
    }

    /*承認画面*/
    img.approAppLogo { width: 50vw; height: auto; margin: 0 auto; padding: 4%; }
    img.approApp_01 { width: 37vw; height: auto; margin: 0 auto 0 auto; max-width: 230px; }
    img.approApp_02 { width: 33vw; height: auto; margin: 0 auto 0 auto; max-width: 204px; }
    img.approApp_03 { width: 25vw; height: auto; margin: 0 auto 0 auto; max-width: 160px; }
    img.approApp_flow_01, img.approApp_flow_02, img.approApp_flow_03, img.approApp_flow_04{
      width: 77vw;
      height: auto;
      margin: 3% auto 3% auto;
      max-width: 386px;
    }

    /*クレカ締め日*/
    .cre_pay01{width: 22.6vw; height: auto; max-width: 97px;}
    .cre_pay02{width: 22.6vw; height: auto; max-width: 97px;}
    .cre_pay03{width: 22.6vw; height: auto; max-width: 97px;}
    .cre_pay04{width: 17.3vw; height: auto; max-width: 74px;}
    .cre_pay05{width: 19.7vw; height: auto; max-width: 84.7px;}
    .cre_pay06{width: 18.4vw; height: auto; max-width: 79px;}
    .cre_pay07{width: 17.3vw; height: auto; max-width: 74px;}
    .cre_pay08{width: 18.4vw; height: auto; max-width: 79px;}
    .cre_pay09{width: 18.1vw; height: auto; max-width: 77.8px;}
    .cre_pay10{width: 22.4vw; height: auto; max-width: 96px;}
    .cre_pay11{width: 22.3vw; height: auto; max-width: 95.8px;}
    .cre_pay12{width: 22.6vw; height: auto; max-width: 97px;}
    .cre_pay13{width: 22.6vw; height: auto; max-width: 97px;}
    .cre_pay14{width: 24.5vw; height: auto; max-width: 105px;}
    .cre_pay15{width: 22.6vw; height: auto; max-width: 53px;}
    .cre_pay16{width: 14.6vw; height: auto; max-width: 63px;}
    .cre_pay17{width: 13.6vw; height: auto; max-width: 58px;}
    .cre_pay18{width: 17.6vw; height: auto; max-width: 75px;}
    .cre_pay19{width: 21.3vw; height: auto; max-width: 91px;}
    .cre_pay20{width: 12.2vw; height: auto; max-width: 52px;}
    .cre_pay21{width: 13.3vw; height: auto; max-width: 57px;}
    .cre_pay22{width: 22.9vw; height: auto; max-width: 98px;}
    .cre_pay23{width: 23.2vw; height: auto; max-width: 99px;}
    .cre_pay24{width: 10.4vw; height: auto; max-width: 45px;}
    .cre_pay25{width: 13.3vw; height: auto; max-width: 57px;}
    .cre_pay26{width: 13.3vw; height: auto; max-width: 57px;}
    .cre_pay27{width: 21.8vw; height: auto; max-width: 93.7px;}

    /*料金案内*/
    img.cardPay01{ width: 58.9vw; height: auto; }
    img.iconFee01{width: 5.8vw; height: auto;}
    img.iconFee02{width: 5.3vw; height: auto;}
    img.iconFee03{
      width: 5.8vw;
      height: auto;
      margin-right: 3px;
    }
    img.iconFee04{width: 18vw; height: auto;}
    .iconFee04_posi{
      position: absolute;
      z-index: 0;
      right: 10%;
    }
    img.optPay01{ width: 70vw; height: auto; }
    img.optPay02{ width: 52vw; height: auto; }
    img.optPay03{ width: 8vw; height: auto; }
    img.optPay04{ width: 8vw; height: auto; }
    img.optPay05{ width: 15.3vw; height: auto; }
    img.optPay06{ width: 12vw; height: auto; }
    img.optPay07{ width: 20.7vw; height: auto; }
    img.optPay08{ width: 4vw; height: auto; }
    img.optPay09{ width: 14.4vw; height: auto; }

    img.optPay10{ width: 20vw; height: auto; }
    img.optPay11{ width: 18vw; height: auto; }
    img.optPay12{ width: 17vw; height: auto; }
    img.optPay13{ width: 20vw; height: auto; }
    img.optPay14{ width: 19vw; height: auto; }
    img.optPay15{ width: 20vw; height: auto; }
    img.optPay16{ width: 7.0vw; height: auto; }


    /* ▲▲▲ 画像サイズ一覧END ▲▲▲ */


  .unLine{
    background-image: linear-gradient(rgba(0 0 0 / 0) 70%, #FBB03B 70%);
  }
  .unLine span{
    background-image: linear-gradient(rgba(0 0 0 / 0) 70%, #FBB03B 70%);
  }

  h2.top_content_title {
    position: relative;
    display: flex;
    align-items: center;
  }
  h2.top_content_title a {
    text-decoration: none;
    display: inline-block;
  }
  h2.top_content_title.ftsp21 {
    display: block;
    display: flex;
    align-items: center;
  }
  h2.top_content_title:before{
    position: absolute;
    content:"";
    top: 0;
    left: 0;
    display: inline-block;
    background-image: url(../image/svg/dotG.svg);
    width: 1.8vw;
    height: 8vw;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
  }
  .solutionWrap h2.top_content_title:before{
    position: absolute;
    content:"";
    top: 0;
    left: 0;
    display: inline-block;
    background-image: url(../image/svg/dotB.svg);
    width: 1.8vw;
    height: 8vw;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 5px;
  }





}
/*-------------------SP 共通項目 END-------------------*/



/*------------------- 768px以下の場合SPコンテンツ Start -------------------*/
@media screen and (max-width: 768px) {
/*表示領域375px 100％*/
  .ftsp10{font-size: 2.6vw !important;}
  .ftsp11{font-size: 2.9vw !important;}
  .ftsp12{font-size: 3.2vw !important;}
  .ftsp13{font-size: 3.4vw !important;}
  .ftsp14{font-size: 3.7vw !important;}
  .ftsp15{font-size: 4vw !important;}
  .ftsp16{font-size: 4.2vw !important;}
  .ftsp17{font-size: 4.5vw !important;}
  .ftsp18{font-size: 4.8vw !important;}
  .ftsp19{font-size: 5.0vw !important;}
  .ftsp20{font-size: 5.3vw !important;}
  .ftsp21{font-size: 5.6vw !important;}
  .ftsp22{font-size: 5.8vw !important;}
  .ftsp23{font-size: 6.1vw !important;}
  .ftsp25{font-size: 6.6vw !important;}
  .ftsp27{font-size: 7.2vw !important;}
  .ftsp28{font-size: 7.4vw !important;}
  .ftsp30{font-size: 8vw !important;}
  .ftsp35{font-size: 9.3vw !important;}
  .ftsp40{font-size: 10.6vw !important;}

  .lh15{line-height: 1.5;}
  .lh17{line-height: 1.7!important;}
  .lh13{line-height: 1.3;}
  .lh1{line-height: 1!important;}
  .lh18{line-height: 1.8!important;}
  .fwB{font-weight: bold;}

  .spmb5{margin-bottom: 1.3vw !important;}
  .spmb10{margin-bottom: 2.5vw !important;}
  .spmb15{margin-bottom: 4vw !important;}
  .spmb20{margin-bottom: 5.1vw !important;}
  .spmb30{margin-bottom: 7.6vw !important;}
  .spmb40{margin-bottom: 10.2vw !important;}
  .spmb48{margin-bottom: 12.8vw !important;}
  .spmb50{margin-bottom: 14.7vw !important;}
  .spmb60{margin-bottom: 15.3vw !important;}
  .spmb70{margin-bottom: 17.9vw !important;}
  .spmb80{margin-bottom: 21.3vw !important;}
  .spmb90{margin-bottom: 24vw !important;}
  .spmb100{margin-bottom: 26.6vw !important;}
  .spmb150{margin-bottom: 40vw !important;}
  .spmb3p{margin-bottom: 3% !important;}

  .spmt3{margin-top: 0.8vw !important;}
  .spmt5{margin-top: 1.3vw !important;}
  .spmt10{margin-top: 2.5vw !important;}
  .spmt15{margin-top: 4vw !important;}
  .spmt20{margin-top: 5.1vw !important;}
  .spmt30{margin-top: 7.6vw !important;}
  .spmt40{margin-top: 10.2vw !important;}
  .spmt50{margin-top: 14.7vw !important;}
  .spmt60{margin-top: 15.3vw !important;}
  .spmt70{margin-top: 17.9vw !important;}
  .spmt3p{margin-top: 3% !important;}

  .spmr5{margin-right: 1.3vw;}
  .spmr10{margin-right: 2.5vw;}
  .spmr15{margin-right: 4vw !important;}
  .spmr20{margin-right: 5.1vw;}

  .spml5{margin-left: 1.3vw;}
  .spml8{margin-left: 2.2vw !important;}
  .spml10{margin-left: 2.5vw;}
  .spml13{margin-left: 3.4vw;}
  .spml15{margin-left: 4vw !important;}
  .spml20{margin-left: 5.1vw;}
  .spml35{margin-left: 9.3vw;}
  .spmlRem_serALL{margin-left: 1.25rem !important;}
  .spmrRem_serALL{margin-right: 1.25rem !important;}

  .spPad{padding:2vw;}

  .sppt5{padding-top: 1.3vw;}
  .sppt10{padding-top: 2.5vw;}
  .sppt15{padding-top: 4vw;}
  .sppt20{padding-top: 5.3vw;}
  .sppt25{padding-top: 6.6vw;}
  .sppt30{padding-top: 8vw;}

  .sppl4{padding-left: 1vw;}
  .sppb5{padding-bottom: 1.3vw;}
  .sppb10{padding-bottom: 2.5vw;}
  .sppb15{padding-bottom: 4vw;}
  .sppb20{padding-bottom: 5.3vw;}
  .sppb25{padding-bottom: 6.6vw;}
  .sppb30{padding-bottom: 8vw;}

  .sppl4{padding-left: 1vw;}
  .sppl5{padding-left: 1.3vw;}
  .sppl10{padding-left: 2.5vw;}
  .sppl15{padding-left: 4vw;}
  .sppl20{padding-left: 5.3vw !important;}

  .sppr4{padding-right: 1vw;}
  .sppr5{padding-right: 1.3vw;}
  .sppr10{padding-right: 2.5vw;}
  .sppr15{padding-right: 4vw;}
  .sppr25{padding-right: 6.6vw;}

  .marO{margin: 0;}
  .sppd0{padding: 0 !important;}

  .navicon01{
    width:10vw;
    height:10vw;
  }
  .navicon02{
    width:9vw;
    height:9vw;
  }

  /*SPflex定義*/
  .hpsp_flex {display: flex;}
  .hpsp_flexColRev {
    display: flex;
    flex-direction: column-reverse;
  }
  .hpsp_flexWrap {
    display: flex;
    flex-wrap: wrap;
  }
  .hpsp_flexWrapBet {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .hpsp_flexBet {
    display: flex;
    justify-content: space-between;
  }
  .hpsp_flexCol {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    vertical-align: middle;
  }
  .hpsp_flexCol2 {
    display: flex !important;
    flex-direction: column;
    align-items: start;
    vertical-align: middle;
  }
  .hpsp_flexCol3 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    vertical-align: middle;
  }
  .hp_flexCol_B {
    display: flex;
    flex-direction: column;
    justify-content: start;
  }
  .hpsp_flexJusCen {
    display: flex;
    justify-content: center;
  }
  .hpsp_flexJusCen2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .hpsp_flexEvenly {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
  .hpsp_flexJusAro {
    display: flex;
    justify-content: space-around;
  }
  .hpsp_JusAliCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}
  .hpsp_flexCenter {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .hpsp_flexEnd {justify-content: flex-end;}
  .hpsp_flexCen {justify-content: center;}
  .elsp_flexStr {align-items: stretch;}
  .elsp_flexCen {align-items: center;}
  .elsp_flexBetwe{justify-content: space-between;}
  .elsp_flexSta {align-items: start;}
  .elsp_flexEnd {align-items: end;}
  .hpsp_flexSta {align-items: flex-start;}
  .elsp_txtCen {text-align: center;}
  .elsp_mar_auto{margin: 0 auto;}

  /*↓決済手段の導入エリア*/
  section.hp_flexBet.payment_intro {
    display: flex;
    flex-direction: column-reverse;
  }


/**** ハンバーガーボタンのためのCSS ****/
  .content_body {
    width: 100%;
    height: 65px;
    background: #FFF;
    position: relative;
    top: 1px;
    margin-top: -1px;
  }
  .content_body header {
    width: 100%;
    position: fixed!important;
    background-color: #FFF;
    /* color: 696969; */
    z-index: 999999;
    height: 72px;
    display: flex;
    vertical-align: middle;
    align-items: center;
    border-bottom: 1px solid #CCC;
    padding: 8px 0;
  }
  .content_body h1 a{
    display: flex;
    flex-direction: column;
  }
  .sp_menu {
    position: absolute;
    z-index: 999999;
    top: -100%;
    left: 0;
    width: 100%;
    height: 80;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    text-align: center;
    transition: all 0.5s ease 0s,opacity 0.6s 0.3s;;
    -webkit-transition: all 0.5s ease 0s;
    background-color: #FFF;
    opacity: 0;
    display: none;
  }
  .sp_menu.active{
    margin-top: 65px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #FFF;
    position: fixed;
    top: 0;
    left: 0;
    overflow: auto;
    height: 100vh;/*表示する高さ*/
    -webkit-overflow-scrolling: touch;
    padding-bottom: 15vh;
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    opacity: 1;
    z-index: 99999;
  }
  .sp_menu ul {
    padding-inline: 0;
  }
  .sp_menu li {
    list-style: none;
    cursor: pointer;
    padding-left: 0;
  }
  .menu_container {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 10;
  }
  .menu_container img {
    width: 100%;
    filter: invert(1);
    position: absolute;
    top: 0;
    left: 0;
  }
  .menu_open {
    opacity: 1;
  }
  .menu_close {
    opacity: 0;
  }
  .menu_open {
    opacity: 1;
    position: fixed;
    top: 19px;
    right: 12px;
  }
  .menu_open.active {
    opacity: 0;
  }
  .menu_close{
    opacity: 0;
    position: fixed;
    top: 19px;
    right: 12px;
}
  .menu_close.active {
    opacity: 1;
    position: fixed;
    top: 19px;
    right: 12px;
}
  .borderA{
    border: 1px solid #7B7B7B;
    border-radius: 5px;
    box-sizing: border-box;
  }


/* TOPへ戻る
----------------------------------------*/
  .page-top {
    margin: 0 ;
    padding: 0 ;
    display: none ;
  }
  .page-top p {
    margin: 0 ;
    padding: 0 ;
    position: fixed ;
    right: 16px ;
    bottom: 99px ;
    z-index: 60;
  }
  .move-page-top {
    display: block ;
    width: 40px ;
    height: 40px ;
    line-height: 40px ;
    text-decoration: none ;
    text-align: center ;
    -webkit-transition:all 0.3s ;
    -moz-transition:all 0.3s ;
    transition:all 0.3s ;
  }
  .move-page-top:hover {
    opacity: 0.85 ;
  }

    /*h1のタイトル
----------------------------------------*/
    p.sabTitle {
      font-style: normal;
      font-size: 10px;
      padding: 0;
      margin: 0;
      color: #7B7B7B;
      margin-left: 3.2vw;
    }
    /*titleの余白*/
    h2.top_content_title {
      margin: 0 0 2.6vw 0;
    }

  /*三角刑のパーツ
----------------------------------------*/
  /*↓nav内*/
  .nex_Trans,.solutionInner li{
    position: relative;
  }
  .nex_Trans:after{
    content: '';
    position: absolute;
    bottom: 0;
    right: 5px;
    border-style:solid;
    border-width: 2.1vw 0 2.1vw 2.1vw;
    border-color: transparent transparent transparent #CCC;
    transform:rotate(45deg);
  }
  /* ソリューション */
  .solutionInner li:after{
    content: '';
    position: absolute;
    bottom: -2px;
    right: 2px;
    border-style:solid;
    border-width: 1.8vw 0 1.8vw 1.8vw;
    border-color: transparent transparent transparent #CCC;
    transform:rotate(45deg);
  }
  .trans a:hover{
    display: inline-block;
    box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.4);
    border-radius: 5px;
    transition: .3s;
    cursor: pointer;
  }
  /*三角形END*/

/* パンくずリスト
----------------------------------------*/
  .breadcrumb {
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    word-break: keep-all;
    white-space: nowrap;
  }
  .breadcrumb ul{
    width: 100%;
    margin:0px auto;
    padding:0px;
    display: flex;
  }
  .breadcrumb li {
    display: flex;
    align-items: baseline;
    font-size: 3.2vw;
  }
  .breadcrumb li:before {
    display: flex;
    justify-content: center;
    vertical-align: middle;
  }
  .main_content,.main_content_02,.main_content_02.narrowCont {
    width: 100%;
  }

/* 主タイトル
----------------------------------------*/
/*PCでのclass名に合わせて上書きtitle関連*/
  .title01{
    display: flex;
    align-items: center;
    justify-content: start;
    padding-top: 0;
    padding-bottom: 2.6vw;
    margin: 0 0 2.6vw 0;/*375W=10px*/
  }

  .title02{
    margin-bottom: 4vw;/*375W=15px*/
  }

/*title02 sceneページ 打ち消しの為*/
  .title02.scene {
    border-left: none;
    font-size: 5.3vw;
    font-weight: bold;
    line-height: 1.3;
    margin-bottom: 2.6vw;
    padding-left: 0;
    margin-top: 0;
    color: #005648;
    border-bottom: 2px solid #B9B9B9;
  }
  .title03 {
    font-size: 4.2vw;
    line-height: 1;
    color: #004335;
  }
  section.serviceM h3.title03{
    margin-top: 0!important;
    margin-bottom: 2%!important;
    padding-bottom: 2%!important;
  }
  .title04{
    color: #333;
    line-height: 1.3;
    margin-top: 0;
    margin-bottom: 5.4vw;/*375W=20px*/
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-weight: normal;
  }
  .scene_content h3.title04{
    margin-bottom: 2.6vw;
  }
  .title04.spmb5 {
    margin-bottom: 1.3vw;
  }
  .title04.spmb10 {
    margin-bottom: 2.6vw;
  }
  .title04.scene{
    font-size: 3.7vw;
    justify-content: center;
  }

/* TAB切り替え index/scene/
----------------------------------------*/
/*選択タブのスタイル*/
  ul.tab {
    width: 100%;
    margin: 0;
    display: flex;
    overflow: auto;
    white-space: nowrap;
    padding: 0 0 20px 0;
  }
  ul.tab li{
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    text-align: center;
  }
  ul.tab li.active{
    border-top: 1px solid #CCC;
    border-right: 1px solid #CCC;
    border-bottom: solid 2px #FBB03B;
  }


/* TAB切り替え /index/（目的別）
----------------------------------------*/
/*表示非表示*/
  .tabArea.pagelinkTop{
    display: none;
    opacity: 0;
    background: #fff;
    padding: 0;
  }

  .tabArea.is-active ul.choice_areA,
  .tabArea.is-active ul.choice_areB {
    border-right: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
  }
  .pagelinkTop.is-active{
    display: block;
    border-radius: 15px;
    animation-name: tabAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
  }
  @keyframes tabAnime{
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

/*アコーディオン*/
  .accordionArea section {
    border-top: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .accordionArea.top_case_listSP {
    border-bottom: 1px solid #dcdcdc;
  }

/*アコーディオンタイトル*/
  .choiceTit {
    position: relative;
    cursor: pointer;
    font-size:2.5vw;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
    height: 14vw;
    max-height: 90px;
  }
  .choiceTit a:hover{
    color: #1f4894;;
  }

/*↓アイコンの＋と×*/
  .choiceTit::before,
  .choiceTit::after{
    position: absolute;
    content:'';
    width: 13px;
    height: 3px;
    background-color: #7B7B7B;
    border-radius: 3px;
  }
  .choiceTit::before{
    top:48%;
    right: 25px;
    transform: rotate(45deg);
  }
  .choiceTit::after{
    top:48%;
    right: 17px;
    transform: rotate(135deg);
  }

/*close付与*/
  .choiceTit.close::before{
    transform: rotate(-45deg);
    }
  .choiceTit.close::after{
    transform: rotate(-135deg);
    }

/*アコーディオンで現れるエリア*/
  .inContents {
    display: none;/*はじめは非表示*/
    margin:0;
  }
/*1段目と２段目*/
  h3.choiceTit.nthOdd {
    background-color: #F8F8F8;
  }
/*アコーディオンopen時の影*/
  h3.choiceTit.close {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
  }



/*決済サービスの特徴_不正利用防止ツールの提供*/
  .prevent_List li{
    width: calc(96%/4);
  }
  .prevent_List li{
    background-color: #eee;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .prevent_List li h4{
    font-size: 3.2vw;
    text-align: center;
    margin: 3% auto;
  }
  .prevent_List li span{
    display: flex;
    align-items: flex-end;
    height: 12vw;
  }
  .prevent_List li span img{
    width: auto;
    height: 9vw;
    margin: 3% auto;
  }
/*決済サービスの特徴_不正利用防止ツールの提供 END*/

/* お見積り、お問い合わせ START */
  ul.hp_priceWrap.contactWrap:first-child{
    margin-bottom: 0;
    padding: 7px;
  }
  ul.hp_priceWrap li p{
    margin: 0;
  }
  .hp_priceWrap_Bg{
    padding: 7.5% 6%;
  }
  .hp_priceWrap{
    border-radius: 7px;
    background-color: #FFF;
    display: flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    margin-bottom: 5.3vw;
  }
  .hp_priceWrap:last-child {
    margin-bottom: 0;
  }
  .hp_priceWrap li.contact:first-child{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .hp_priceWrap li img.iconFee01,
  .hp_priceWrap li img.iconFee02{
    margin-right: 5px;
  }
  .hp_priceWrap li.el_contact_txt01 {
    display: flex;
    justify-content:space-around;
    align-items: end;
  }
  .hp_priceWrap li:first-child{
    border-bottom: 1px solid #CCCCCC;
    width: 95%;
    padding: 4% 0 4% 0;
  }
  .hp_priceWrap li:last-child{
    padding: 4% 3% 5% 3%;
  }
  .hp_priceWrap li.priceW_inner:last-child p{
    line-height: 1.9;
  }
/* お見積り、お問い合わせ END */



/* ▼▼▼ 使用箇所：/guide/webBank_bankList.html ▼▼▼ */
  /*▼下記※（アスタリスク）のため*/
  .note::before{
    position: absolute;
    left: 0;
    top: 14.9vw;
    content: '※';
    display: inline-table;
    color: #666;
    font-size: 3.2vw;
  }
  .note2::before{
    position: absolute;
    left: 0;
    bottom: 2.6vw;
    content: '※';
    display: inline-table;
    color: #666;
    font-size: 3.2vw;
  }
  .bankListInWrap{
    height: fit-content;
  }
  .stick_containerSP {
    height: auto;
    width: 100%;
    top: 0;
    margin-top: 0 !important;
    padding: 5% 0 5% 0;
    position: sticky;
    display: fixed;
    z-index: 10;
    background-color: #FFF;
  }
  /*以下ポップアップ時、closeボタン*/
  /* .closebtm {
      width: 50%;
      height: 10vw;
      border: 1px solid #232323;
      box-sizing: border-box;
      margin: 10% auto 10%;
      display: flex;
      align-items: center;
  }
  .closebtm:hover {
      color: #FFF;
      opacity: 0.8;
      width: 50%;
      height: 10vw;
      margin: 10% auto 10%;
      background-color: #232323;
  }
  span.batsu {
      font-size: 2.5rem;
      text-align: top;
      display: block;
      padding: 0 3px 5px 0;
      display: inline-table;
  } */

  /*アコーディオンタイトル*/
  .choiceTitBank {
    position: relative;
    cursor: pointer;
    font-size:2.5vw;
    font-weight: normal;
    padding: 3%;
    transition: all .5s ease;
  }
  .ele_Cont h3.choiceTitBank {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.5;
    margin: 0;
    padding: 4%;
    color: #005648;
    /* background-color: #eee; */
    border-bottom: 1px solid #c1c1c1;
    position: relative;
  }
  h3.choiceTitBank.close,
  h3.choiceTitBank.active {
    background-color: #eee !important;
  }
  h3.choiceTitBank.open {
    background-color: #FFF !important;
  }
  .accordionArea.webB_Wrap section {
    border-top: none;
    border-right: none;
    border-left: none;
  }

  /*↓アイコンの＋と×*/
  .choiceTitBank::after{
    content: "";
    top: 40%;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 1.3vw 0 1.3vw 1.8vw;
    border-color: transparent transparent transparent #005648;
    transform: rotate(90deg);
    text-decoration: none !important;
  }

  .choiceTitBank2::after{
    content: "";
    top: 40%;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 1.3vw 0 1.3vw 1.8vw;
    border-color: transparent transparent transparent #005648;
    transform: rotate(90deg);
    text-decoration: none !important;
  }


  /*close付与*/
  .choiceTitBank.active::after,
  .choiceTitBank.close::after{
    content: "";
    top: 40%;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 1.3vw 0 1.3vw 1.8vw;
    border-color: transparent transparent transparent #005648;
    transform: rotate(270deg);
    text-decoration: none !important;
    }

  .choiceTitBank2.close::after{
    content: "";
    top: 40%;
    position: absolute;
    right: 16px;
    border-style: solid;
    border-width: 1.3vw 0 1.3vw 1.8vw;
    border-color: transparent transparent transparent #005648;
    transform: rotate(270deg);
    text-decoration: none !important;
  }
  /*アコーディオンで現れるエリア*/
  .inContentsBank {
    display: none;/*はじめは非表示*/
    margin:0;
  }
  /*tbl_cityBank 都市銀行のテーブル*/
  .tbl_cityBank {
    width: 100%;
    border: 1px solid #c1c1c1;
  }
  .tbl_cityBank td.bankName{
    display: block;
    text-align: center;
    width: 100%;
  }
  table.tbl_cityBank tr th {
    font-weight: normal;
  }
  .tbl_cityBank tr td.bankName{
    width: 100%;
  }

  /*都市銀行テーブルSP headエリア*/
  table.tbl_cityBank tr.tinner td.bankNameHed_SP {
    text-align: center;
    font-size: 3.7vw;
    background-color:#F2FBF3;
    padding: 2%;
  }
  /*都市銀行テーブルSP 金融機関*/
  table.tbl_cityBank tr.tinner td.bankName {
    font-size: 4vw;
    padding: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /*都市銀行テーブルSP ご利用対象・サービス停止時間*/
  table.tbl_cityBank tr.tinner td.thead_SP {
    font-size: 3.7vw;
    background-color: #F3F3F3;
    text-align: center;
    padding: 2%;
  }
  table.tbl_cityBank tr.tinner td:nth-child(n+3) {
    margin: 0 5%;
  }
  table.tbl_cityBank tr.tinner td:last-child {
    margin-bottom: 5%;
  }
  table.tbl_cityBank tr.tinner td.txtBoxA {
    border-bottom: 1px solid #C1C1C1;
    padding: 3% 0;
  }

  /*地方銀行テーブルSP エリア*/
  table.tbl_othBank {
    width: 100%;
    border: 1px solid #c1c1c1;
  }
  table.tbl_othBank tr.tinner,
  table.tbl_othBank tr.tinner_b,
  table.tbl_othBank tr.tinner_c {
    display: flex;
    flex-direction: column;
  }
  table.tbl_othBank tr.tinner_b td:nth-child(n+1){
    margin: 0 5%;
    padding: 3% 0;
  }
  table.tbl_othBank tr.tinner_c td:nth-child(2){
    margin: 0 3%;
    margin-top: 3%;
  }
  table.tbl_othBank tr.tinner_c td:last-child {
    margin-bottom: 3%;
  }

  table.tbl_othBank tr.tinner td.othNameHed_SP {
    text-align: center;
    font-size: 3.7vw;
    background-color:#F3F3F3;
    padding: 2%!important;
    width: 100%;
  }
  table.tbl_othBank tr.tinner_b td.txtBoxA {
    padding: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  table.tbl_othBank tr.tinner_b td.thead_SP {
    font-size: 3.7vw;
    background-color: #F2FBF3;
    text-align: center;
    padding: 2%;
  }
  table.tbl_othBank tr.tinner_b td.tbl_innerBank {
    font-size: 4vw;
    padding: 3%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  table.tbl_othBank tr.tinner_b td.tbl_innerTime {
    padding-top: 0;
    border-bottom: 1px solid #C1C1C1;
  }
  table.tbl_othBank tr.tinner_c td.tbl_innerLink a {
    display: inline;
  }

  /*WEBBANK 都市銀行*/
  .tbl-r05 td:first-child {
    background: #fbf5f5;
  }
  .tbl-r05 {
    width: 80%;
  }
  .tbl-r05 .thead {
    display: none;
  }
  .tbl-r05 tr {
    width: 100%;
  }
  .tbl-r05 td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-r05 td:first-child {
    background: #ccc;
    color: #696969;
    font-weight: bold;
    text-align: center;
  }
  .tbl-r05 td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
  table.tbl_cityBank tr.tinner{
    display: flex;
    flex-direction: column;
    border-top: 1px solid #c1c1c1;
    border-left: 1px solid #c1c1c1;
    border-right: 1px solid #c1c1c1;
  }
  table.tbl_cityBank tr.tinner:nth-child(1),
  table.tbl_cityBank tr.tinner:nth-child(2),
  table.tbl_cityBank tr.tinner:nth-child(3),
  table.tbl_cityBank tr.tinner:nth-child(4),
  table.tbl_cityBank tr.tinner:nth-child(5),
  table.tbl_cityBank tr.tinner:nth-child(6),
  table.tbl_cityBank tr.tinner:nth-child(7){
    border-bottom: none;
  }
  .tbl_cityBank tr.tinner:last-child{
    border-bottom: 1x solid #c1c1c1;
  }
  .bankNameTit_SP{
    text-align: center;
  }

  .bankList_03After_inWrap {
    border-top: none;
    border-right: 1px solid #eee;
  }
  .bankList_03After_inWrap h4{
    text-align: center;
    font-size: 3.7vw;
    background-color: #F2FBF3;
    padding: 2% !important;
    width: 100%;
    border-left: 1px solid #CCC !important;
    border-right: 1px solid #CCC !important;
    border-top: 1px solid #CCC !important;
    margin-bottom: 0!important;
    margin-top: 0!important;
  }

  .eria2{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F8F8F8;
    border-left: 1px solid #CCC !important;
    border-right: 1px solid #CCC !important;
    border-top: 1px solid #CCC !important;
    font-size: 3.7vw;
    background-color: #F2FBF3;
    padding: 2% !important;
  }

  .bor_b{ border-bottom: 1px solid #CCC !important;}

  .othNameHed_SP.serTitke{
    text-align: center;
      font-size: 3.7vw;
      background-color: #F3F3F3;
      padding: 2% !important;
      width: 100%;
  }
  .footer_copy2.footer_min2 {
    width: 100%;
    padding: 3% 0;
    position: fixed;
    bottom: 0;
    background-color: #005648;
    text-align: center;
    color: #ddd;
    font-size: 0.7em;
    margin: 0 auto;
  }

/* 使用箇所：/guide/webBank_bankList.html END */



/* ▼▼▼マイペイメント▼▼▼ */
.mypaymentLogo{
  width: 12vw;
  max-width: 60px;
  margin-right: 1.3vw;
}
/* .guideALL h1 {
  margin: 0.625rem 0;
} */
.bodyGuide ul, .bodyGuide ul li {
  margin: 0;
  padding: 0;
}
img.flowImg{
  width: 90%;
  height: auto;
}
.guideALL{
  width: 95%;
  margin: 3% auto 3%;
  padding-left: 2%;
  padding-right: 2%;
}
.guideALL section.guideALLWrap{
  border-radius: 10px;
  background-color: #FFF;
}

/* ▼▼▼同タイトル内 区分け線▼▼▼ */
.dotbor {
  border: 1px dotted #BEBEBE;
  display: block;
  width: 90%;
  margin: 0 auto;
}
.guideALL section.guideALLWrap{
  border-radius: 10px;
  background-color: #FFF;
}

.bodyGuide {
  /* padding-top: 25px; */
    padding-bottom: 3%!important;
}
.bodyGuide ul li.flowArea{
  /* border-top: 1px solid #BEBEBE; */
  border-right: 1px solid #BEBEBE;
  border-left: 1px solid #BEBEBE;
}
.bodyGuide ul li.flowArea.btOnly{
  border-top: 1px solid #BEBEBE;
}
.bodyGuide ul li.flowArea:last-child{
  border-bottom: 1px solid #BEBEBE;
}
.bodyGuide ul li ul.flowAreaInner{
  padding: 5.3vw;
}
.bodyGuide ul li ul.flowAreaInner li.el_mr15:first-child{
  /* text-align: center; */
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 9px;
}
.bodyGuide h2{
  font-size: 1rem;
  text-align: center;
  padding: 5px;
  margin: 0;
  background-color: #F1F1F1;
  line-height: 2;
}
.bodyGuide img.convList{
  width: 8vw!important;
  height: auto;
  border: none!important;
}
#lawson img.flowImg.law07 {
  width: 100% !important;
  height: auto !important;
}
#lawson ul li ul li.flowImgBord.law08,
#mini ul li ul li.flowImgBord.mini08 {
  width: 100% !important;
  height: 50.6vw !important;
  max-height: 341px !important;
}
#lawson ul li ul li.flowImgBord.law08 img,
#mini ul li ul li.flowImgBord.mini08 img {
  width: 100% !important;
}
button.btnClose_guide{
  font-size: 1rem;
  line-height: 1.5;
  padding: 0.75rem 0.375rem;
  color: #fff;
  background-color: #eee;
  cursor:pointer;
  border-radius: 5px;
}
.guideLink{
  width: auto;
  padding: 5px 20px;
  text-decoration: none;
  display: inline-block;
  color: #666;
  border: 1px solid #666;
  border-radius: 100px;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.guideLink a:hover,.guideLink:hover{
  background-color: #e2f3ef;
}
.guideALLWrap h1{
  font-size:min(4.2vw,16px);
}
  .modal-dialog {
    margin: 2rem 1rem 1rem 1rem;
    box-shadow: 0px 3px 8px #8A9391;
    border-radius: 1rem;
  }

  .stick_containerModal {
    height: auto;
    width: 100%;
    top: 0;
    position: sticky;
    display: fixed;
    z-index: 10;
    background-color: #FFF;
  }
  button.btn-close {
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
  }

  .modal-header{
    padding: 0!important;
    display: flex;
    align-items: center!important;
    justify-content: center!important;
  }
  .modal-header h1 { margin: 1.5.5rem 0 1rem 0; }
  .modal-footer{
    padding-top: 3%;
    padding-bottom: 3%;
  }
  .guideALL{
    width: 100%;
    margin: 1rem auto 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow-y: auto;
  }
  .modal-dialog-scrollable {
    height: calc(100% - 4rem);
  }
  button#closeOnly {
    margin-left: auto;
    margin-right: auto;
  }
  .modal-footer {
    border-top: 1px solid #ccc !important;
  }

/*modal END*/


/* ▲▲▲ guideフォルダ内使用 ▲▲▲ */









}
/*------------------- 768px以下の場合 SPコンテンツ END -------------------*/