@charset "UTF-8";

/* CSS Document */


/* ==========================================
  A-01 ログインTOP
  ========================================== */

body.loginTop {
  color: #000;
}

li>a {
  font-size: 1.2rem;
}

.section-Inr {
  margin-bottom: 20px;
}

.loginTop .login-block {
  background: #f6f6f6;
  padding: 0 20px 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .loginTop .login-block {
    padding: 0 10px 30px;
    margin: auto -10px 0 -10px;
  }
}

.serviceTime-block .tbl colgroup col:first-child {
  width: 160px;
}

.serviceTime-block .tbl colgroup col:nth-child(2) {
  width: 818px;
}

@media (max-width: 767px) {
  .serviceTime-block .tbl colgroup col:first-child {
    width: 110px;
  }
  .serviceTime-block .tbl colgroup col:nth-child(2) {
    width: 223px;
  }
}

.serviceTime-block .tbl th,
.serviceTime-block .tbl td {
  background: #fff;
  padding: 3px 10px;
}

.serviceTime-block .tbl-default th,
.serviceTime-block .tbl-default td {
  padding: 13px 20px;
}

.serviceTime-block .tbl-default th {
  background: #ccebf8;
}

.serviceTime-block .tbl-default td {
  background: #eee;
  word-break: break-all;
}

@media (max-width: 767px) {
  .serviceTime-block .tbl th,
  .serviceTime-block .tbl td {
    display: table-cell;
    padding: 6px 10px;
  }
}

@media (max-width: 767px) {
  .container__main>section:first-child {
    margin-top: 0;
  }
  section+section {
    margin-top: 30px;
  }
  section .row {
    margin: auto 0;
  }
  section .row .row [class*='col-'] {
    padding: 0;
  }
}


/* 見出し */

.headingLv3-B {
  color: #666666;
  background-image: none;
  background-color: #e5f5fb;
  padding: 16px 16px 14px;
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .headingLv3-B {
    display: block;
    width: auto;
    margin-right: -10px;
    margin-left: -10px;
  }
}

.headingLv3-B:before {
  content: '';
  display: none;
}

.headingLv4 {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 1px;
  border-bottom: 2px solid #009cdd;
  margin-bottom: 10px;
}

.headingLv4_triangle {
  /*display: inline-block;*/
  font-size: 1.4rem;
  font-weight: bold;
  padding-bottom: 1px;
  margin-bottom: 10px;
}

.headingLv4_triangle:before {
  content: "▼";
  margin-right: 7px;
}

p+.headingLv4,
div+.headingLv4,
ul+p+.headingLv4 {
  margin-top: 8px;
}


/* ==============================
ヘッダー
================================ */

.loginTop .header {
  background: none;
  padding: 15px 0 10px;
}

@media (max-width: 767px) {
  .loginTop .header {
    margin: 0;
    padding-bottom: 6px;
  }
}

@media (max-width: 767px) {
  .loginTop .header>.row {
    /*display: table;*/
  }
}

.loginTop .header__logo {
  width: 48%;
  margin-top: 12px;
  min-width: 138px;
}

@media (max-width: 767px) {
  .loginTop .header__logo {
    display: block;
    float: left;
    width: 50%;
    margin-top: 0;
    position: static;
    padding: 0 0 0 5%;
  }
}

.loginTop .header__logo img {
  position: absolute;
  top: -1px;
  left: 0;
  width: 143px;
  height: 47px;
  margin: 0;
}

@media (max-width: 767px) {
  .loginTop .header__logo img {
    position: static;
    display: inline-block;
    margin-bottom: 6px;
    width: 143px;
  }
}

.loginTop .header__siteName {
  display: inline-block;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 12px 0 0 0;
  padding-left: 138px;
}

@media (max-width: 767px) {
  .loginTop .header__siteName {
    display: block;
    margin: 0 0 12px 0;
    padding: 0;
    font-size: 1.4rem;
  }
}


/* お問い合わせ */

.header .inquiry-block {
  width: 52%;
}

.header .inquiry-block__Inr {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .header .header__logo+.inquiry-block {
    display: block;
    float: left;
    padding: 0;
    text-align: left;
    width: 50%;
    height: auto;
    padding-right: 2%;
  }
  .header .inquiry-block__Inr {
    width: 150px;
    float: right;
    margin-top: 0;
  }
}

.header .inquiry-block__tit {
  display: table;
  margin: auto 10px 0;
}

@media (max-width: 767px) {
  .header .inquiry-block__tit {
    display: block;
    float: right;
    margin: auto 0;
  }
}

.header .inquiry-block__tit dt {
  position: relative;
  display: table-cell;
  padding-right: 10px;
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .header .inquiry-block__tit dt {
    display: block;
    padding: 0 0 0 5px;
    font-size: 1.2rem;
  }
}

.header .inquiry-block__tit dd {
  display: table-cell;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .header .inquiry-block__tit dd {
    display: inline-block;
    padding: 10px 8px;
    border: 2px solid #90c0d0;
    margin: 5px auto 10px;
    background: linear-gradient(to top, #c9e5f5, #fff 14%);
    /* width: 230px; */
    border-radius: 5px;
  }
}

.header .inquiry-block__tit dd a {
  font-size: 3.2rem;
  font-weight: bold;
  text-decoration: none;
  color: #de3434;
  padding-left: 31px;
  background-position: 0px 18px;
  line-height: 1.0;
}

.header .inquiry-block__tit dd a>span {
  font-size: 1.9rem;
}

@media (max-width: 767px) {
  .header .inquiry-block__tit dd a {
    display: block;
    font-size: 1.2rem;
    background-position: 0 1px;
    padding-left: 24px;
    line-height: 1.1;
    text-align: left;
  }
}

.header .inquiry-block__time {
  font-size: 1.4rem;
  margin: 5px 10px 0;
}

@media (max-width: 767px) {
  .header .inquiry-block__time {
    display: inline-block;
    font-size: 1.2rem;
    float: right;
    margin: auto 0;
  }
}

.header .inquiry-block__time dt {
  display: inline-block;
}

.header .inquiry-block__time dt>span {
  font-weight: normal;
}

@media (max-width: 767px) {
  .header .inquiry-block__time dt {
    /*display: block;*/
  }
}

.header .inquiry-block__time dd {
  display: inline-block;
  padding-left: 7px;
}

@media (max-width: 767px) {
  .header .inquiry-block__time dd {
    display: block;
    padding: 0 5px 0 0;
  }
}

.header .inquiry-block__time dd>b {
  width: auto;
  margin-right: 7px;
  padding-right: 0;
}

.header .inquiry-block__time dd>span {
  display: inline;
  font-size: 1.2rem;
}


/* ページ下部　コールセンター */

.inquiry-block-wrap .inquiry-block__tit {
  margin-bottom: 8px;
}

.inquiry-block-wrap .inquiry-block__tit>a {
  padding-left: 30px;
  color: #de3434;
  font-size: 3.0rem;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__tit {
    border: 2px solid #90c0d0;
    border-radius: 5px;
    text-align: center;
    padding: 5px 0 4px;
    margin-bottom: 15px;
    background-image: -webkit-linear-gradient(bottom, #c9e5f5, #fff 14%);
    background-image: -moz-linear-gradient(bottom, #c9e5f5, #fff 14%);
    background-image: -o-linear-gradient(bottom, #c9e5f5, #fff 14%);
    background-image: -ms-linear-gradient(bottom, #c9e5f5, #fff 14%);
    background-image: linear-gradient(to top, #c9e5f5, #fff 14%);
  }
  .inquiry-block-wrap .inquiry-block__tit>a {
    font-size: 1.9rem;
    display: inline-block;
  }
  .inquiry-block-wrap .inquiry-block__tit>a span {
    font-size: 2.8rem;
  }
}


/* フリーダイアル アイコン */

.inquiry-block-wrap .freedialIcn {
  background-image: url(../img/icn_freedial.png);
  background-position: 0px 50%;
  background-repeat: no-repeat;
  background-size: 26px 16px;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .freedialIcn {
    background-position: 0px 14px;
  }
}

.inquiry-block-wrap .inquiry-block__time {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__time {
    width: 320px;
    margin: 0 auto 5px;
  }
}

.inquiry-block-wrap .inquiry-block__time+.text-caution {
  margin: 4px auto 0;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__time+.text-caution {
    text-align: center;
  }
}

.inquiry-block-wrap .inquiry-block__time dt {
  margin-bottom: 3px;
}

.inquiry-block-wrap .inquiry-block__time dt>span {
  font-weight: normal;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__time dt {
    width: 32%;
    float: left;
    padding-left: 10px;
  }
  .panel-aside .inquiry-block__time dt>span {
    display: block;
  }
}

.inquiry-block-wrap .inquiry-block__time dd {
  margin-bottom: 3px;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__time dd {
    float: right;
    width: 68%;
  }
}

.inquiry-block-wrap .inquiry-block__time dd b {
  display: inline-block;
  width: 90px;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__time dd b {
    width: 80px;
  }
}

.inquiry-block-wrap .inquiry-block__time dd span {
  display: block;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .inquiry-block__time dd span {
    display: inline;
  }
}

.inquiry-block-wrap .fa-clock-o {
  position: relative;
  top: 1px;
  left: 0;
  color: #009bdd;
  font-size: 1.7rem;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .fa-clock-o {
    font-size: 1.9rem;
  }
}


/* ==============================
ログイン
================================ */

.loginTop .login-block--existing h2,
.loginTop .login-block--new h2 {
  font-size: 1.8rem;
  font-weight: bold;
  background: #fc7203;
  color: #FFFFFF;
  text-align: center;
  padding: 12px 10px 10px;
  margin: 0 -20px 20px;
  text-shadow: 1px 1px 1px rgba(102, 51, 0, 0.75);
}

@media (max-width: 767px) {
  .loginTop .login-block--existing h2,
  .loginTop .login-block--new h2 {
    margin: 0 -10px 20px;
  }
}

.loginTop .login-block--new h2 {
  background: #009cdc;
  text-shadow: 1px 1px 1px rgba(0, 31, 102, 0.75);
}

.loginTop .login-block--new+figure {
  text-align: right;
  padding: 14px 12px 0 0;
}

@media (max-width: 767px) {
  .loginTop .login-block--new+figure {
    display: none;
  }
}


/* ==============================
サービス内容
================================ */


/* サービス内容 */

@media (max-width: 767px) {
  .serviceInfo-block [class*='col-']:last-child .list-default {
    margin-bottom: 0;
  }
}


/* ==============================
パーツ
================================ */


/*.loginTop .btn-orange {
  background: #ff8806;
  background: -moz-linear-gradient(top,  #ff8806 0%, #f15f01 100%);
  background: -webkit-linear-gradient(top,  #ff8806 0%,#f15f01 100%);
  background: linear-gradient(to bottom,  #ff8806 0%,#f15f01 100%);
}


.loginTop .btn-blue {
  background: #009bdc;
  background: -moz-linear-gradient(top,  #009bdc 0%, #0071b8 100%);
  background: -webkit-linear-gradient(top,  #009bdc 0%,#0071b8 100%);
  background: linear-gradient(to bottom,  #009bdc 0%,#0071b8 100%);
}

.loginTop .btn-orange,
.loginTop .btn-blue {
  color: #FFFFFF;
  margin: 12px auto 16px;
  padding: 15px 16px 13px;
  border: 1px transparent;
}

@media (max-width: 767px) {
  .loginTop .btn-orange,
  .loginTop .btn-blue {
    padding: 14px 16px 12px;
  }
}*/

.loginTop .btn span {
  font-weight: bold;
  text-shadow: 1px 1px 1px rgba(153, 153, 153, 0.75);
}

.loginTop .btn-orange span {
  text-shadow: 1px 1px 1px rgba(102, 51, 0, 0.75)
}

.loginTop .btn-blue span {
  text-shadow: 1px 1px 1px rgba(0, 31, 102, 0.75);
}

.loginTop .btn.disabled,
.loginTop .btn[disabled],
.loginTop fieldset[disabled] .btn {
  color: #ccc;
  border: 1px solid #EE9c60;
  background-color: #f9b685;
}


/* 罫線 */

.loginTop hr {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .loginTop hr {
    display: none;
  }
}


/* p リード文 */

.loginTop .p-lead {
  margin-bottom: 20px;
}


/* リスト */

.list-default {
  margin-bottom: 15px;
}

.list-default li {
  margin-bottom: 3px;
}

.list-default li:last-child {
  margin-bottom: 0px;
}

.list-default li>a {
  font-size: 1.2rem;
}

.list-default--mod li>a {
  font-size: 1.4rem;
  font-weight: bold;
}

.list-inline--mod {
  margin-bottom: 0;
}

.list-inline--mod li {
  padding-left: 0;
  padding-right: 2em;
}

@media (max-width: 767px) {
  .list-inline--mod {
    padding-left: 6px;
  }
  .list-inline--mod li {
    display: block;
  }
}

.list-inline--mod li>b {
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .list-inline--mod li>b {
    width: 110px;
  }
}

.list-inline--mod+.help-block {
  margin-top: 0;
}

@media (min-width: 768px) {
  .list-login-new-sp {
    display: none;
  }
}

@media (max-width: 767px) {
  .list-login-new-sp {
    display: block;
    background: #e5effb;
    margin: -20px -10px 10px;
  }
  .list-login-new-sp li {
    color: #003366;
    padding: 8px 20px;
    text-align: right;
  }
  .list-login-new-sp li a {
    font-size: 1.4rem;
    font-weight: bold;
  }
  .list-login-new-sp li .fa-color-yellow {
    font-size: 1.4rem;
  }
}


/* フォーム parts */

.form-wrap .labelTit {
  font-weight: bold;
  padding: 6px 0 0 10px;
}

@media (max-width: 767px) {
  .form-wrap .labelTit {
    padding: 0;
    margin-bottom: 2px;
  }
}

.form-wrap {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .form-wrap {
    margin-bottom: 10px;
  }
}

.panel-alert {
  border: 1px solid #ff0000;
}

@media (max-width: 767px) {
  .panel-alert {
    margin-bottom: 16px;
  }
}

.form-wrap .help-block {
  font-size: 1.2rem;
  margin-top: -5px;
  margin-bottom: 6px;
}

.form-wrap .keypad-trigger {
  display: inline-block;
  font-size: 1.2rem;
  margin-top: -0px;
  margin-bottom: 10px;
}

.form-wrap .keypad-help+.note {
  margin-top: 6px;
}

@media (max-width: 767px) {
  .form-wrap .keypad-help+.note {
    margin-top: -5px;
  }
}


/* テキスト アイコン */

.noteTxtIcn:after {
  content: '※';
  color: #ff0000;
  display: inline-block;
  margin-left: 3px;
}


/* ヘルプ アイコン */

.helpIcn {
  position: relative;
  display: inline-block;
  margin-left: 5px;
  width: 18px;
  height: 19px;
  border-radius: 3px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1fb3ef+0,0b68d0+100 */
  background: #1fb3ef;
  /* Old browsers */
  background: -moz-linear-gradient(top, #1fb3ef 0%, #0b68d0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #1fb3ef 0%, #0b68d0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #1fb3ef 0%, #0b68d0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}


/* フリーダイアル アイコン */

.freedialIcn {
  background-image: url(../img/icn_freedial.png);
  background-repeat: no-repeat;
  background-size: 26px 16px;
}

@media (max-width: 767px) {
  .freedialIcn {
    background-size: 21px 13px;
  }
}


/* fontawesome アイコン */

.fa {
  position: relative;
}

a>.fa {
  color: #009ddc;
}

.fa-phone {
  color: #de3434;
  font-size: 2.2rem;
  position: absolute;
  top: 15px;
  left: 0;
}

@media (max-width: 767px) {
  .fa-phone {
    top: 0;
    font-size: 1.9rem;
  }
}

.fa-commenting {}

.fa-exclamation-circle-red {
  position: relative;
  top: 1px;
  color: #ff0000;
  font-size: 1.6rem;
}

.fa-question {
  color: #fff;
  font-size: 1.5rem;
  margin-top: 2px;
  margin-left: 4px;
}

a>.fa-question {
  color: #fff;
}

.fa-color-blue {
  color: #00aee6;
}

.fa-color-orange {
  color: #fc7203;
}

.fa-color-white {
  color: #fff;
}

.fa-color-yellow {
  color: #ffcc00
}

.fa-rocket {
  display: inline-block;
  margin-left: 5px;
  color: #00aee6;
}

.btn .fa {
  color: #fff;
  font-size: 1.2rem;
  top: -2px;
  left: -2px;
}

.btn.disabled .fa,
.btn[disabled] .fa {
  color: #ccc;
}


/* ==============================
12016年10月対応
================================ */

.banner-block {
  text-align: center;
}

@media (max-width: 767px) {
  .loginTop .top-lead {
    padding-top: 20px;
  }
  .panel-alert+section .top-lead {
    padding-top: 0;
  }
  .banner-block {
    margin: 20px auto;
  }
}
/* ==============================
2019年6月対応 バナー追加
================================ */

@media (min-width: 421px) {
  .bannerforpc {
    display: none !important;
  }
  .bannerfortab {
    display: block !important;
  }
  .bannerfortsp {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .bannerforpc {
    display: block !important;
  }
  .bannerfortab {
    display: none !important;
  }
  .bannerfortsp {
    display: none !important;
  }
}

@media (max-width: 420px) {
  .bannerforpc {
    display: none !important;
  }
  .bannerfortab {
    display: none !important;
  }
  .bannerfortsp {
    display: block !important;
  }
}

/* 20191002以降に追加したソース */

/* フリーダイアル アイコン */

.inquiry-block-wrap .freedialIcn-SFDC {
  background-image: url(../img/freedial_green.png);
  background-position: 0px 50%;
  background-repeat: no-repeat;
  background-size: 26px 16px;
}

@media (max-width: 767px) {
  .inquiry-block-wrap .freedialIcn-SFDC {
    background-position: 0px 14px;
  }
}
.pc-show {
    display: block
}
@media (max-width: 767px) {
  .pc-show  {
   display: none
  }
}

.sp-scroll-show {
  height: 315px;
  overflow:auto;
}

@media (max-width: 767px) {
 .sp-scroll-show {
    height: 410px;
 }
}

.tips-show {
	margin: 0 0 20px;
}
.max-width-286{
	max-width:286px;
}

.a-callcenter {
    background-size: 52px 32px !important;
    padding-left: 60px !important;
    color: #000 !important;
    letter-spacing: 2px !important;
}

@media (max-width: 767px) {
 .a-callcenter {
    background-size: 52px 32px !important;
    padding-left: 60px !important;
    color: #000 !important;
    letter-spacing: 0px !important;
    background-position: 1px 2px !important
  }

  .callcenterTel{
    text-align: center !important;
    border: 2px solid rgb(0 0 0 / 16%) !important;
    border-radius: 3.2rem !important;
    padding: 11px 0px 10px !important;
    margin-bottom: 0px !important;
    background-image: none !important;
    box-shadow: none;
  }

  .span-tel {
    font-size: 2.4rem !important;
  }
  .bellFaceClick_A002{
  	margin-left:10px
  }

}