@charset "UTF-8";
/* ===========================================================================

/assets/sass/payment.scss
/voice/以下

=========================================================================== */
#paymentIndex { padding-top: 90px; }

#payCatch { margin-bottom: 70px; }

#payCatch_contents { position: relative; }

#payCatch_icon { position: absolute; top: 0; left: 0; }

@media print, screen and (min-width: 601px) { #payCatch_contents { width: 600px; margin: 0 auto; padding: 60px 0 0 100px; }
  #payCatch_icon img { width: 134px; } }

@media print, screen and (max-width: 600px) { #payCatch_contents { padding: 60px 0px 0px 40px; }
  #payCatch_icon img { width: 100px; } }

.payBox { margin-bottom: 60px; }

.payBox_tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.payBox_tit .icn { -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; width: 45px; line-height: 1; }

.payBox_tit .icn img { vertical-align: middle; }

.payBox_tit .txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 50px); font-size: 16px; }

.payBox_contents { background-color: #e9e9e9; padding: 20px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.payBox_contents .icn { -webkit-box-flex: 0; -ms-flex: 0 0 100px; flex: 0 0 100px; width: 100px; }

.payBox_contents .txt { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 100px); font-size: 16px; }

.payBox_contents .txt .fz14 { font-size: 14px; }

@media print, screen and (max-width: 600px) { .payBox_contents { padding: 25px 15px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .payBox_contents .icn { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; text-align: center; margin-bottom: 10px; }
  .payBox_contents .txt { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } }

.payCardBox { padding: 20px; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 10px 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.payCardBox_logo { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 10px; }

@media print, screen and (min-width: 901px) {
  .paypay{
    display: -webkit-box; display: -ms-flexbox; display: flex;
  }
  .paypay > p{
    flex: 1 1 auto;
    width: calc(100% - 230px);
  }
  .paypay > a{
    flex: 0 0 200px;
    width: 200px;
    margin-left: 30px;
  }
  .paypay > a:hover{
    opacity: .6;
  }
 }
 @media print, screen and (max-width: 900px) {
  .paypay{
    margin-bottom: 20px;
  }
  .paypay > p{
    margin-bottom: 15px;
  }
  .paypay > a img{
    width: 200px;
  }
 }