@charset "UTF-8";

/* CSS Document */


/* ==========================================
  Bootstrap override
  ========================================== */

.container {
  padding-right: 10px;
  padding-left: 10px;
}

p {
  margin: 0 0 16px;
}

figure {
  text-align: center;
  margin-bottom: 15px;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.col-xs-1,
.col-sm-1,
.col-sm-1-s,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: none;
}

.btn:hover,
.btn:focus,
.btn.focus {
  color: #000;
  text-decoration: none;
}

.panel {
  border-radius: 0px;
  margin-bottom: 16px;
}

.panel-body {
  padding: 18px;
}

.form-group {
  margin-bottom: 0;
}

.has-error .form-control {
  border-color: #ff0000;
  background-color: #ff807f;
  color: #000;
}

.has-error .help-block {
  color: #737373;
}

.radio-inline,
.checkbox-inline {
  margin-right: 10px;
}

.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline {
  margin-left: 0;
}


/* フォーカス時テキストエリア */

.form-control:focus,
.has-error .form-control:focus {
  background-color: #ffc;
  border-color: #f3982d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px #f9aa4c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px #f9aa4c;
}


/* focus時placeholderカラー */

input:focus:placeholder-shown {
  color: #CCCC99;
}

input:focus::-webkit-input-placeholder {
  color: #CCCC99;
}

input:-moz-placeholder {
  color: #CCCC99;
  opacity: 1;
}

input::-moz-placeholder {
  color: #CCCC99;
  opacity: 1;
}

input:-ms-input-placeholder {
  color: #CCCC99;
}


/* error placeholderカラー */

.has-error input:placeholder-shown {
  color: #933;
}

.has-error input::-webkit-input-placeholder {
  color: #933;
}

.has-error input:-moz-placeholder {
  color: #933;
  opacity: 1;
}

.has-error input::-moz-placeholder {
  color: #933;
  opacity: 1;
}

.has-error input:-ms-input-placeholder {
  color: #933;
}


/* error focus時placeholderカラー */

.has-error input:focus:placeholder-shown {
  color: #CCCC99;
}

.has-error input:focus::-webkit-input-placeholder {
  color: #CCCC99;
}

.has-error input:focus:-moz-placeholder {
  color: #CCCC99;
  opacity: 1;
}

.has-error input:focus::-moz-placeholder {
  color: #CCCC99;
  opacity: 1;
}

.has-error input:focus:-ms-input-placeholder {
  color: #CCCC99;
}


/* breakpoint for PC */

@media (min-width: 992px) {
  .container {
    width: 980px;
  }
}


/*--------------------------
Modal.tbl-default td
---------------------------*/

.modal-backdrop {
  background-color: #fff;
}

.modal-backdrop.in {
  filter: alpha(opacity=60);
  opacity: .6;
}


/* ==========================================
  base
   ========================================== */


/*--------------------------
Font
---------------------------*/

html {
  font-size: 62.5%;
}

body {
  font-size: 1em;
}

.fs10 {
  font-size: 1.0rem !important;
}

.fs12 {
  font-size: 1.2rem !important;
}

.fs13 {
  font-size: 1.3rem !important;
}

.fs14 {
  font-size: 1.4rem !important;
}

.fs15 {
  font-size: 1.5rem !important;
}

.fs16 {
  font-size: 1.6rem !important;
}

.fs18 {
  font-size: 1.8rem !important;
}

.fs20 {
  font-size: 2.0rem !important;
}

.fs22 {
  font-size: 2.2rem !important;
}

.fs24 {
  font-size: 2.4rem !important;
}

.fs26 {
  font-size: 2.6rem !important;
}

.fs28 {
  font-size: 2.8rem !important;
}

body {
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #000;
}

.text-indent {
  text-indent: 1.0em;
}

.text-underline {
  text-decoration: underline;
}

.fw-normal {
  font-weight: normal !important;
}

.bg-faf8db {
  background-color: #faf8db;
}


/*--------------------------
common
---------------------------*/

html,
body {
  height: 100%;
}

ul {
  padding: 0;
}

i {
  margin-right: 4px;
}

.form-group p {
  margin: 0 0 5px;
}

a {
  color: #003366;
  text-decoration: underline;
}

a[href^="tel:"] {
  cursor: default;
  outline: none;
}

textarea {
  resize: none;
}

section {
  margin-bottom: 40px;
}


/* セクション */

.section {
  margin-bottom: 15px;
}

@media (max-width: 767px) {
  section {
    margin-bottom: 10px;
  }
  section .row {
    margin: auto 0;
  }
  section .row .row [class*='col-'] {
    padding: 0;
  }

  section .sms-mt20 {
    text-align: left;
    margin:0 10px 0;
  }
}
/*--------------------------
汎用クラス
---------------------------*/

.w10 {
  width: 10% !important;
}

.w11 {
  width: 11% !important;
}

.w12 {
  width: 12% !important;
}

.w13 {
  width: 13% !important;
}

.w14 {
  width: 14% !important;
}

.w15 {
  width: 15% !important;
}

.w16 {
  width: 16% !important;
}

.w17 {
  width: 17% !important;
}

.w18 {
  width: 18% !important;
}

.w19 {
  width: 19% !important;
}

.w20 {
  width: 20% !important;
}

.w21 {
  width: 21% !important;
}

.w22 {
  width: 22% !important;
}

.w23 {
  width: 23% !important;
}

.w24 {
  width: 24% !important;
}

.w25 {
  width: 25% !important;
}

.w26 {
  width: 26% !important;
}

.w28 {
  width: 28% !important;
}

.w29 {
  width: 29% !important;
}

.w30 {
  width: 33.33% !important;
}

.w31 {
  width: 31% !important;
}

.w35 {
  width: 35% !important;
}

.w40 {
  width: 40% !important;
}

.w45 {
  width: 45% !important;
}

.w50 {
  width: 50% !important;
}

.w55 {
  width: 55% !important;
}

.w60 {
  width: 60% !important;
}

.w65 {
  width: 65% !important;
}

.w70 {
  width: 70% !important;
}

.w75 {
  width: 75% !important;
}

.w80 {
  width: 80% !important;
}

.w85 {
  width: 85% !important;
}

.w90 {
  width: 90% !important;
}

.w95 {
  width: 95% !important;
}

.w100 {
  width: 100% !important;
}

@media (max-width: 767px) {
  .w10-sp {
    width: 10% !important;
  }
  .w11-sp {
    width: 11% !important;
  }
  .w12-sp {
    width: 12% !important;
  }
  .w13-sp {
    width: 13% !important;
  }
  .w14-sp {
    width: 14% !important;
  }
  .w15-sp {
    width: 15% !important;
  }
  .w16-sp {
    width: 16% !important;
  }
  .w17-sp {
    width: 17% !important;
  }
  .w18-sp {
    width: 18% !important;
  }
  .w19-sp {
    width: 19% !important;
  }
  .w20-sp {
    width: 20% !important;
  }
  .w21-sp {
    width: 21% !important;
  }
  .w22-sp {
    width: 22% !important;
  }
  .w23-sp {
    width: 23% !important;
  }
  .w24-sp {
    width: 24% !important;
  }
  .w25-sp {
    width: 25% !important;
  }
  .w30-sp {
    width: 33.33% !important;
  }
  .w35-sp {
    width: 35% !important;
  }
  .w40-sp {
    width: 40% !important;
  }
  .w45-sp {
    width: 45% !important;
  }
  .w50-sp {
    width: 50% !important;
  }
  .w55-sp {
    width: 55% !important;
  }
  .w60-sp {
    width: 60% !important;
  }
  .w65-sp {
    width: 65% !important;
  }
  .w70-sp {
    width: 70% !important;
  }
  .w75-sp {
    width: 75% !important;
  }
  .w80-sp {
    width: 80% !important;
  }
  .w85-sp {
    width: 85% !important;
  }
  .w90-sp {
    width: 90% !important;
  }
  .w95-sp {
    width: 95% !important;
  }
  .w100-sp {
    width: 100% !important;
  }
}

.mt0 {
  margin-top: 0 !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

@media (max-width: 767px) {
  .mt0-sp {
    margin-top: 0 !important;
  }
  .mt5-sp {
    margin-top: 5px !important;
  }
  .mt10-sp {
    margin-top: 10px !important;
  }
  .mt15-sp {
    margin-top: 15px !important;
  }
  .mt20-sp {
    margin-top: 20px !important;
  }
  .mt25-sp {
    margin-top: 25px !important;
  }
  .mt30-sp {
    margin-top: 30px !important;
  }
  .mt35-sp {
    margin-top: 35px !important;
  }
  .mt40-sp {
    margin-top: 40px !important;
  }
  .mt45-sp {
    margin-top: 45px !important;
  }
  .mt50-sp {
    margin-top: 50px !important;
  }
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

@media (max-width: 767px) {
  .mb0-sp {
    margin-bottom: 0 !important;
  }
  .mb5-sp {
    margin-bottom: 5px !important;
  }
  .mb10-sp {
    margin-bottom: 10px !important;
  }
  .mb15-sp {
    margin-bottom: 15px !important;
  }
  .mb20-sp {
    margin-bottom: 20px !important;
  }
  .mb25-sp {
    margin-bottom: 25px !important;
  }
  .mb30-sp {
    margin-bottom: 30px !important;
  }
  .mb35-sp {
    margin-bottom: 35px !important;
  }
  .mb40-sp {
    margin-bottom: 40px !important;
  }
  .mb45-sp {
    margin-bottom: 45px !important;
  }
  .mb50-sp {
    margin-bottom: 50px !important;
  }
}

.ml10 {
  margin-left: 10px !important;
}

@media (max-width: 767px) {
  .ml10-sp{
	margin-left: 10px !important;
  }
}

@media (max-width: 767px) {
  .form-group .w10,
  .form-group .w20,
  .form-group .w30,
  .form-group .w40,
  .form-group .w50,
  .form-group .w60,
  .form-group .w70,
  .form-group .w80,
  .form-group .w90 {
    width: 100% !important;
  }
}


/*--------------------------
見出し
---------------------------*/

.headingLv1 {
  font-size: 2.0rem;
}

.headingLv2 {
  font-size: 2.0rem;
}

.headingLv3 {
  font-size: 1.8rem;
}

.headingLv4 {
  font-size: 1.6rem;
}

.headingLv5 {
  font-size: 1.6rem;
}

.headingLv6 {
  font-size: 1.6rem;
}

.headingLv1,
.headingLv2,
.headingLv3,
.headingLv4,
.headingLv5,
.headingLv6 {
  margin-top: 0;
  margin-bottom: 20px;
}

.headingLv1 {
  margin-bottom: 0;
  font-weight: bold;
  padding: 0.7em 0;
  color: #fff;
}

.headingLv1>.pageID {
  display: block;
  float: right;
  line-height: 2.0rem;
  font-size: 1.4rem;
  font-weight: normal;
}

.headingLv2 {
  border-left: 6px solid #009ddc;
  padding: 10px 0 8px 12px;
  color: #009ddc;
  font-weight: bold;
}

.headingLv6 {
  padding: 10px 0 10px 0px;
  color: #009ddc;
}

@media (max-width: 767px) {
  .headingLv2,.headingLv6 {
    margin: 0 10px 15px;
  }

}

.headingLv2-B {
  font-size: 2.0rem;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 10px 0 8px 16px;
  color: #fff;
  background: #009bdd;
  text-shadow: 1px 1px 1px rgba(0, 31, 102, 0.75);
}

.panel-body .headingLv2-B {
  margin: -20px -20px 20px;
}

@media (max-width: 767px) {
  .panel-body .headingLv2-B {
    margin: -10px -10px 25px;
  }
}

.headingLv3 {
  display: table;
  color: #000;
  margin: 0 0 20px;
  padding: 6px 0;
  font-size: 1.4rem;
  font-weight: bold;
  background: url(../img/bg_heading_lv03.png) repeat left top;
}

@media (max-width: 767px) {
  .headingLv3 {
    margin: 0 10px 20px;
  }
}

ul+.headingLv3 {
  margin-top: 25px;
}

.headingLv3:before {
  content: '';
  display: block;
  height: 19px;
  margin-right: 8px;
  border-left: 16px solid #009cdd;
}

.headingLv3>span {
  display: table-cell;
  line-height: 1.3em;
  vertical-align: middle;
  width: 100%;
  padding-top: 1px;
  padding-right: 10px;
}

.headingLv3.vtclT>span {
  display: table-cell;
  line-height: 1.3em;
  vertical-align: top;
  width: 100%;
  padding-top: 1px;
}

@media (max-width: 767px) {
  [class*='col-']+[class*='col-']>[class*='heading'] {
    margin-top: 10px;
  }
}

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

@media (max-width: 767px) {
  .headingLv3--B {
    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: 12px;
}

.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;
}

@media (max-width: 767px) {
  .headingLv4 {
    margin: 0 10px 12px 10px;
  }
}

.wrapper {
  position: relative;
  overflow: hidden;
  min-height: 100%;
  /*min-width: 320px;*/
  height: auto;
  padding: 0;
  border-top: 3px solid #009fd3;
}

.wrapper_Inr {
  position: static;
}

.container {
  /*overflow: hidden;*/
}


/*--------------------------
icon
---------------------------*/


/* icon [!] circle */

.alert-block {
  font-weight: bold;
  color: #ff0000;
  margin-bottom: 4px;
  min-height: 26px;
}

.alert-block+.radio,
.alert-block+.checkbox {
  margin-top: 0;
}


/* icon [!] triangle */

.care-block {
  font-weight: bold;
  color: #ff0000;
}


/* icon [?]  */

p.queTxtIcn {
  position: relative;
}

br+p.queTxtIcn {
  margin-top: 5px;
}


/* ==========================================
  header-container
   ========================================== */

.header-container {
  border-top: 2px solid #ff982c;
  box-shadow: 0px 1px 1px 0px rgba(204, 204, 204, 0.75);
  -moz-box-shadow: 0px 1px 1px 0px rgba(204, 204, 204, 0.75);
  -webkit-box-shadow: 0px 1px 1px 0px rgba(204, 204, 204, 0.75);
}

.header-container .container {
  overflow: hidden;
}


/*--------------------------
header
---------------------------*/

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

.header>.row {
  /*border-bottom: 2px solid #009cde;
*/
}

.header__logo {
  margin: 0 auto 3px;
}

@media (max-width: 767px) {
  .header__logo {
    display: block;
    width: 33%;
    min-width: 144px;
    padding: 12px 0 0 20px;
    margin: 0;
    float: left;
  }
}

.header__logo img {
  display: inline-block;
  width: 105px;
  margin: 0 0 4px 37px;
}

@media (max-width: 767px) {
  .header__logo img {
    margin-left: 17px;
  }
}

.header__siteName {
  font-size: 1.8rem;
  font-weight: bold;
  color: #009cde;
  margin: 0;
}

@media (max-width: 767px) {
  .header__siteName {
    margin: 0;
    font-size: 1.2rem;
  }
}

.header__loginName {
  text-align: right;
}

.header__loginName p {
  display: inline-block;
  margin-right: 24px;
  color: #009cde;
  font-size: 1.6rem;
  position: relative;
  top: 3px;
}

.header__loginName p span {
  font-size: 2.3rem;
  display: inline-block;
  margin-right: 4px;
}

.header__mail {
  padding: 0;
}

.header__mail li {
  list-style: none;
  padding: 0;
}

.header__mail dl {
  margin-bottom: 5px;
}

.header__mail dt {
  width: 140px;
  float: left;
  overflow: hidden;
}

.header__loginDate {
  text-align: right;
}

.header__loginDate .panel-group {
  display: inline-block;
  width: 240px;
}

.header__loginDate .panel-group h4 {
  text-align: left;
  font-size: 1.4rem;
}

.header__loginDate .panel-group ul {
  padding: 0;
}

.header__loginDate .panel-group li {
  text-align: left;
  margin-left: 16px;
}

.inquiryImg-sp {
  display: none;
}

@media (max-width: 767px) {
  .header {
    /*height:100vh;*/
    /*background:#eee;*/
    padding-top: 0;
    margin: 0 -10px;
  }
  .header__logo+div {
    display: table-cell;
    width: 30%;
    vertical-align: middle;
    text-align: center;
    padding: 10px 68px 0 0;
    /*padding-left: 0;
      padding-right: 68px;
      padding-top: 10px;*/
    height: 70px;
  }
  .header__loginName {
    text-align: center;
    padding-top: 20px;
  }
  .header__loginDate {
    text-align: center;
    margin-top: 1em;
  }
  .header__mail {
    /*position: absolute;
      top: 9em;
      width: 95%;
      text-align: center;*/
  }
  .header__mail dl {
    display: inline-block;
  }
  .header__mail dt {
    display: table-cell;
  }
  .header__mail dd {
    display: table-cell;
  }
  .inquiryImg-sp {
    display: inline-block;
  }
  .inquiryImg-sp img {
    width: 100%;
    max-width: 125px;
  }
}

.header-container__Inr {
  display: table;
}

.logo {
  display: block;
  width: 300px;
  padding: 12px 0 8px;
}

.logo>dl {
  display: table;
  margin-bottom: 0;
}

.logo>dl dt,
.logo>dl dd {
  display: table-cell;
}

.logo dl>dt>img,
.logo dl>dt>a>img {
  width: 105px;
}

.logo dl>dd {
  vertical-align: bottom;
  font-size: 1.8rem;
  color: #009cde;
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0 2px;
}

.login-info {
  display: table-cell;
  width: 100%;
  color: #666;
  text-align: right;
  vertical-align: bottom;
  padding-bottom: 7px;
}

.login-info dl {
  /*display: table;*/
  margin-bottom: 0;
}

.login-info dl>dt,
.login-info dl>dd {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 25px;
}

.login-info dl>dt {
  font-weight: normal;
}

.login-info dl>dd {}

.logout-btn {
  padding-left: 14px;
}

.user-header {
  background-color: #fff;
  border-top: 1px dotted #ddd;
  border-bottom: 1px solid #eee;
}

.user-header__Inr {
  display: table;
  padding: 6px 0;
}

.user-name {
  display: block;
  width: 300px;
  font-size: 1.8rem;
}

.user-name>span {
  display: inline;
  margin-right: 6px;
  font-weight: bold;
}

.mail-address {
  display: table-cell;
  width: 100%;
  font-size: 1.2rem;
  text-align: right;
  vertical-align: middle;
}

.mail-address dl {
  margin-bottom: 0;
}

.mail-address dl+dl {
  margin-top: 3px;
}

.mail-address dt,
.mail-address dd {
  display: inline-block;
  text-align: left;
}

.mail-address dt {
  font-weight: normal;
}

.mail-address dd {
  text-align: left;
  word-break: break-all;
  line-height: 1.3;
}

.mail-address dt:after {
  content: ':';
  display: inline-block;
  margin: auto 4px;
}

.mail-address .alert-block {
  margin: 2px auto 0;
}

.inquiry-sp {
  display: none;
}

@media (max-width: 767px) {
  .header-container {
    background-color: #fffefe;
  }
  .header-container__Inr {
    display: block;
    padding-bottom: 2px;
  }
  .logo {
    width: auto;
    display: table;
  }
  .logo>dl {
    display: block;
    width: 140px;
  }
  .inquiry-sp {
    display: table-cell;
    vertical-align: top;
    padding-left: 20px;
    width: 100%;
  }
  .inquiry-sp img {
    height: 61px;
  }
  .logo>dl dt {
    display: block;
    text-align: center;
  }
  .logo>dl dd {
    display: block;
    font-size: 1.4rem;
    padding: 5px 0 0 0;
  }
  .logo dl>dt>img,
  .logo dl>dt>a>img {
    width: 110px;
  }
  .login-info {
    display: block;
    text-align: left;
  }
  .login-info dl>dt,
  .login-info dl>dd {
    display: inline-block;
  }
  .login-info .logout-btn {
    display: block;
    padding-left: 0;
  }
  .user-header__Inr {
    display: block;
    padding: 8px 0;
  }
  .user-name {
    margin-bottom: 3px;
  }
  .mail-address {
    display: block;
    width: auto;
    text-align: left;
  }
}


/*--------------------------
docs-header
---------------------------*/

.docs-header {
  background-color: #009bdd;
  border-top: 1px solid #1c90c1;
  border-bottom: 2px solid #eee;
  box-shadow: 0px 2px 3px -1px #367cb7 inset;
  -moz-box-shadow: 0px 2px 3px -1px #367cb7 inset;
  -webkit-box-shadow: 0px 2px 3px -1px #367cb7 inset;
}


/* ==========================================
  main-container
 ========================================== */

.main-container {
  padding-bottom: 118px;
}

.main-container>.container {
  padding-right: 0;
  padding-left: 0;
}

@media (max-width: 767px) {
  .main-container {
    padding-bottom: 88px;
  }
  .header-container+.main-container {
    margin-top: 2px;
  }
  .main-container>.container {
    padding-right: 10px;
    padding-left: 10px;
  }
}

.container-inner {
  /*position: relative;*/
}


/*--------------------------
container__main
---------------------------*/

.container__main {
  padding-top: 32px;
  margin-left: 0;
  padding-right: 10px;
  padding-left: 10px;
}

@media (max-width: 767px) {
  .container__main {
    padding: 16px 0 0 0;
  }
}

.container__main--2col {
  margin-left: -190px;
  padding-right: 20px;
  padding-left: 200px;
}

@media (max-width: 767px) {
  .container__main--2col {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
  }
}

.container__main section:last-child,
.container__main--2col section:last-child {
  margin-bottom: 0;
}


/*--------------------------
stepChart
---------------------------*/

.stepChart {
  overflow: hidden;
}

@media (max-width: 767px) {
  .stepChart {
    margin-bottom: 5px;
  }
}

.stepChart ul {
  width: calc(100% + 23px);
  margin-bottom: 0;
}

.stepChart li {
  float: left;
  list-style: none;
  counter-increment: listcount;
}

.stepChart li>span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  background: #dddddd;
  padding: 10px 10px 10px 16px;
  padding-left: 33px;
  border-color: transparent;
  border-radius: 0px;
  background-clip: padding-box;
  border-left-width: 0px;
}

.stepChart li.w50>span {
  padding: 16px 0;
}

.stepChart li.current>span {
  background: #7ebad1;
  color: #FFFFFF;
  font-weight: bold;
}

.stepChart li:first-child>span {
  padding-left: 20px;
  border-radius: 6px 0 0 6px;
}

.stepChart li:last-child>span {
  padding-left: 10px;
  border-radius: 0 6px 6px 0;
}

.stepChart li>span:before {
  content: '';
  position: absolute;
  background: url(../img/step_chart.png) no-repeat;
  top: 0;
  right: -22px;
  width: 23px;
  height: 100%;
  z-index: 1;
  background-size: 100% 101%;
}

.stepChart li.current>span:before {
  background: url(../img/step_chart_current.png) no-repeat;
  background-size: 100% 101%;
}

.stepChart li:last-child>span:before {
  content: '';
  background: none;
  width: 0;
  height: 0;
}

.stepChart li>span em {
  display: block;
  font-weight: bold;
  font-style: normal;
}

.stepChart li>span>span {
  font-size: 1.3rem;
}

.stepChart li>span i {
  display: block;
  font-weight: bold;
  font-style: normal;
}

.stepChart li>span i:before {
  content: 'STEP';
}

@media (max-width: 767px) {
  .stepChart li>span i:before {
    display: none;
  }
}

.stepChart li>span i:after {
  content: counter(listcount);
}

.stepChart li.w50>span i {
  display: inline-block;
  margin-right: 10px;
}

@media (max-width: 767px) {
  .stepChart li.w50>span i {
    margin-right: 0;
  }
}

.stepChart li:first-child.w50 {
  width: calc(50% - 23px) !important;
}

.stepChart li:first-child.w30 {
  width: calc(33.3% - 23px) !important;
}

.stepChart li:first-child.w25 {
  width: calc(25% - 23px) !important;
}

.stepChart li:first-child.w20 {
  width: calc(20% - 23px) !important;
}

@media (max-width: 767px) {
  .stepChart li>span {
    padding-left: 30px;
  }
  .stepChart li:last-child>span {
    padding-left: 24px;
  }
  .stepChart li>span span {
    display: none;
  }
  .stepChart li>span em {
    text-align: center;
    font-size: 1.2rem;
  }
}


/*--------------------------
tab
---------------------------*/

.tab {
  margin-bottom: 16px;
  border-bottom: 4px solid #009cdd;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 0;
}

.tab li {
  display: table-cell;
  list-style: none;
  width: 50%;
  text-align: center;
  font-weight: bold;
  /*background: #eee;*/
  /*border: 2px solid transparent;*/
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

@media (max-width: 767px) {
  .tab {
    margin-bottom: 0;
  }
  .tab li {
    /*vertical-align: bottom;*/
  }
  .tab li.current {
    vertical-align: middle;
  }
  .tab li:not(.current) {
    display: table;
  }
  .tab li:first-child:not(.current) {
    width: 100%;
  }
  .tab li:first-child {
    float: left;
  }
}

.tab li.current {
  /*border: 2px solid transparent;*/
  background: #009cdd;
}

.tab li>span {
  display: block;
  padding: 12px 14px 7px;
  border-radius: 5px 5px 0 0;
  font-size: 1.6rem;
  color: #fff;
}

.tab li>a {
  display: block;
  padding: 13px 14px 9px;
  margin-top: 4px;
  background: #fff;
  border: 2px solid #ddd;
  border-bottom: none;
  border-radius: 5px 5px 0 0;
}

@media (max-width: 767px) {
  .tab li>a {
    display: table-cell;
    padding: 12px 14px 7px;
    vertical-align: middle;
  }
}

@media (min-width: 768px) {
  .pc-mb15 {
    margin-bottom: 15px !important;
  }
}

/* ==========================================
  footer-container
   ========================================== */

.footer-container {
  width: 100%;
  height: 38px;
  position: absolute;
  bottom: 0;
  background-color: #009cde;
  color: #fff;
}

.footer-container img {
  display: inline-block;
  margin-bottom: 8px;
}

.footer-container p {
  font-size: 1.2rem;
  padding: 10px 0;
  margin-bottom: 0;
}

.footer-container p.footer-character {
  float: left;
  display: block;
  color: #77bbff;
}


/*--------------------------
gotop
---------------------------*/

.gotop {
  width: 38px;
  height: 40px;
  position: absolute;
  right: 15px;
  bottom: 48px;
  text-align: right;
  z-index: 9;
}

@media (min-width: 768px) {
  .gotop {
    right: 50%;
    margin-right: -375px;
  }
}

@media (min-width: 992px) {
  .gotop {
    right: 50%;
    margin-right: -490px;
  }
}

.gotop a {
  font-size: 1.2rem;
  line-height: 18px;
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  background-color: transparent;
}

.gotop .fa-chevron-up {
  display: inline;
  margin-right: 24px;
  position: static;
}

.gotop .fa-chevron-up:before {
  position: absolute;
  top: 50%;
  text-align: center;
  z-index: 3;
  color: #fff;
  margin-top: -11px;
  line-height: 18px;
  width: 38px;
  height: 38px;
  right: 0;
  font-size: 2.2rem;
}

.gotop .fa-chevron-up:after {
  content: '';
  position: absolute;
  z-index: 2;
  background-color: #009cde;
  border: solid transparent;
  width: 39px;
  height: 39px;
  border-radius: 5px;
  margin-top: 0;
  top: 0;
  right: 0;
  opacity: 0.8;
}


/* ==========================================
  テーブル
   ========================================== */

table {
  width: 100%;
}

table th,
table td {
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
}

.panel-gray {
  border: 12px solid #f0f0f0;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .panel-gray {
    margin: 0 -10px 20px;
  }
}

.tbl-wrap {
  margin-bottom: 25px;
}

.tbl-2col {
  width: 50%;
  float: left;
}

@media (max-width: 767px) {
  .tbl-2col {
    width: 100%;
    float: none;
  }
}

@media (max-width: 767px) {
  .tbl thead,
  .tbl tbody,
  .tbl tr {
    display: block;
  }
}

.tbl-default {
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .tbl-default {
    margin-bottom: 20px;
  }
}

.tbl-default tbody + tbody:before {
    content: "";
    height: 10px;
    width: 100%;
    padding: 0;
    display: block;
}

@media (max-width: 767px) {
  .tbl-default tbody + tbody {
    margin-top: 10px;
  }
  .tbl-default tbody + tbody:before {
    height: auto;
  }
}

.tbl-default th,
.tbl-default td {
  padding: 13px 20px;
  border: 2px solid #fff;
  border-top: none;
}

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

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

@media (max-width: 767px) {
  section>.tbl-default th {
    margin-top: 16px;
  }
  h2+.tbl>tr:first-child th {
    margin-top: 0;
  }
}

.tbl-default th label {
  margin-bottom: 0;
  cursor: pointer;
}

.tbl-ptn th {
  border: 2px solid #eee;
}

.tbl-ptn td {
  background: #fff;
  border: 2px solid #eee;
}

@media (max-width: 767px) {
  .tbl-default {
    display: block;
    padding: 0 10px;
  }
  .tbl-default th,
  .tbl-default td {
    padding: 10px;
  }
  .tbl-default th .row>[class*='col-'],
  .tbl-default td .row>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
}

.tbl-default--mod th,
.tbl-default--mod td {
  padding: 6px;
}

@media (max-width: 767px) {
  .tbl-default--mod tr {
    display: block;
    border: 12px solid #f0f0f0;
    border-bottom: none;
  }
  .tbl-default--mod tr:last-child {
    margin-bottom: 0;
    border-bottom: 12px solid #f0f0f0;
  }
}

.tbl th,
.tbl td {}

@media (max-width: 767px) {
  .tbl th,
  .tbl td {
    display: block;
  }
}

@media (max-width: 767px) {
  .tbl-2col th,
  .tbl-2col td {
    display: table-cell;
  }
}

@media (max-width: 767px) {
  .tbl-default th>br {
    display: none;
  }
}

@media (max-width: 767px) {
  .tbl-default--mod {
    display: block;
  }
  .tbl-default--mod thead {
    display: none;
  }
  .tbl-default--mod tbody {
    display: block;
  }
  .tbl-default--mod tr {
    display: block;
    border-top: 12px solid #f0f0f0;
  }
  .tbl-default--mod tr:last-child {
    margin-bottom: 0;
    border-bottom: 12px solid #f0f0f0;
  }
  .tbl-default--mod th,
  .tbl-default--mod td {
    padding: 6px 10px;
  }
  .tbl-default--mod td {
    border: none;
  }
  .tbl-default--mod td>span {
    display: block;
    overflow: hidden;
  }
  .tbl-default--mod tr td:first-child {
    padding-top: 12px;
  }
  .tbl-default--mod tr td:last-child {
    padding-bottom: 12px;
  }
  .tbl-default--mod tr:nth-child(odd) td {
    background-color: #e7f6fe;
  }
  .tbl-default--mod tr:nth-child(even) td {
    background-color: #fff;
  }
  .tbl-default--mod td[data-th]:before {
    content: attr(data-th)"";
    display: block;
    float: left;
    width: 40%;
    font-weight: bold;
    /*background: #c9ebf8;
      margin: -2% -3% 2%;
      border-bottom: 2px solid #fff;  */
  }
  .tbl-default--mod td[data-th]:after {
    clear: both;
    display: table;
    content: '';
  }
}

.tbl-default th:empty,
.tbl-default td:empty {
  display: none;
}

.tbl-default .tbl-in {
  /*border-bottom: 1px dashed #b6b6b6;*/
  margin: 0 -30px;
  padding: 12px;
}

.tbl-default .tbl-in:first-child {
  padding-top: 0;
}

.tbl-default .tbl-in:last-child {
  padding-bottom: 0;
  border: none;
}

.tbl-default .tbl-in+.tbl-in {
  padding-top: 0;
}

.tbl-default .tbl-in>[class*='col-'] {
  /*display: table-cell;
  float: none;*/
  /*vertical-align: middle;*/
}

.tbl-default .tbl-in-head-tl {
  font-weight: bold;
  background: #dff3fb;
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
  margin: 20px -20px 15px;
  padding: 8px 20px 6px;
}

@media (max-width: 767px) {
  .tbl-default .tbl-in-head-tl {
    margin: 0 -12px 15px;
    border: 2px solid #FFFFFF;
  }
}

.tbl-default .tbl-in-head-tl label {
  margin-bottom: 0;
  cursor: pointer;
}

.tbl-default td>.tbl-in-head-tl:first-child,
.tbl-default td *:first-child .tbl-in-head-tl {
  border-top: none;
  margin-top: -13px;
}

@media (max-width: 767px) {
  .tbl-default td>.tbl-in-head-tl:first-child,
  .tbl-default td *:first-child .tbl-in-head-tl {
    border: 2px solid #FFFFFF;
    border-top: none;
    padding-left: 10px;
    margin-top: -15px;
    width: auto;
    margin: -10px -12px 15px;
  }
}

.tbl-default .tbl-in-head {}

.tbl-default .dl-tbl-in {
  border-bottom: 1px dashed #b6b6b6;
  margin: 0 -30px;
}

.tbl-default td>.dl-tbl-in:last-child {
  border: none;
}

.tbl-default .dl-tbl-in:before,
.tbl-default .dl-tbl-in:after {
  display: table;
  content: " ";
  clear: both;
}

.tbl-default .dl-tbl-in dt {
  text-align: left;
  width: auto;
  padding: 12px 0px 12px 30px;
}

.tbl-default .dl-tbl-in:first-child dt,
.tbl-default .dl-tbl-in:first-child dd {
  padding-top: 0;
}

.tbl-default .dl-tbl-in:last-child dt,
.tbl-default .dl-tbl-in:last-child dd {
  padding-bottom: 0;
}

.tbl-default .dl-tbl-in dd {
  margin-left: 30px;
  float: left;
  padding-top: 12px;
}

.tbl-default .td-in-ck {
  background-color: #fdf3cb;
}

.wb-normal {
  word-break: normal !important;
}

.wb-all {
  word-break: break-all;
}

.direct-input-txt {
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
}


/* ==========================================
  Form
   ========================================== */


/* Form
-------------------------------------------*/

.form-group .help-block:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .form-group .help-block:last-child {
    margin-bottom: 6px;
  }
  [class*='col-']+[class*='col-'] .form-group {
    margin-top: 12px;
  }
}

.form-group+.form-group {
  margin-top: 16px;
}

.form-group .alert-block {
  margin-bottom: 5px;
}

.form-group .help-block {
  margin-top: 4px;
  margin-bottom: 6px;
}

.form-group-txt,
.form-group-selecttxt {
  position: relative;
}

.form-group-txt>input,
.form-group-txt>select {
  width: calc(100% - 1.0em);
}

@media (max-width: 767px) {
  .form-group-txt>input {
    width: 100%;
  }
}

.form-group-txt>input+span {
  font-size: 1.4rem;
  width: 1.0em;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: -8px;
}

@media (max-width: 767px) {
  .form-group-txt>input+span {
    display: none;
  }
}

.form-group-txt>select+span {
  font-size: 1.4rem;
  width: 1.0em;
  display: inline-block;
  position: absolute;
  top: 6px;
  right: -7px;
}


/* 氏名 */

.form-group-name [class*='col-'] {
  position: relative;
}

@media (max-width: 767px) {
  .form-group-name .row [class*='col-']:first-child {
    margin-bottom: 10px;
  }
}

.form-group-name [class*='col-']>input {
  width: calc(100% - 2.4em);
  display: inline-block;
}

.form-group-name [class*='col-']>label {
  width: 2em;
  text-align: center;
}


/* 電話番号 */

.form-group-tel [class*='col-'] {
  position: relative;
}

@media (max-width: 767px) {
  .form-group-tel .row [class='col-sm-4'] {
    width: 33.333333%;
    float: left;
  }
  .form-group-tel .row [class='col-sm-4']:first-child {
    padding-right: 5px;
  }
  .form-group-tel .row [class='col-sm-4']:not(:first-child) {
    padding-right: 5px;
    padding-left: 5px;
  }
  .form-group-tel .row [class='col-sm-4']:last-child {
    padding-right: 0px;
  }
}

.form-group-tel [class*='col-']>input {
  width: calc(100% - 1.0em);
  display: inline-block;
}

.form-group-tel [class*='col-']>span {
  position: absolute;
  top: 6px;
  right: 0;
}


/* 生年月日 */

.form-group-birthdate [class*='col-'] {
  position: relative;
}

.col-sm-3 select,
.col-sm-4 select {
   width: calc(100% - 2.0em);
}

@media (max-width: 767px) {
  .form-group-birthdate .row [class='col-sm-5'] {
    padding-right: 10px !important;
    margin-bottom: 10px;
  }
  .form-group-birthdate .row [class='col-sm-4'] {
    padding-right: 10px !important;
  }
  .form-group-birthdate .row [class='col-sm-3'] {
    width: 50%;
    float: left;
    padding-right: 10px !important;
  }
  .form-group-birthdate .row [class='col-sm-3']:last-child {
    padding-right: 0;
    padding-left: 10px;
  }
}

@media (max-width: 768px) {
  .form-group-birthdate .row [class='col-sm-4'] {
    width: 40%;
    padding-right: 10px !important;
  }
  .form-group-birthdate .row [class='col-sm-3'] {
    width: 30%;
    float: left;
    padding-right: 10px !important;
  }
  .form-group-birthdate .row [class='col-sm-3']:last-child {
    padding-right: 0;
    padding-left: 10px;
  }
}

@media (max-width: 540px) {
  .form-group-birthdate .row [class='col-sm-4'] {
    width: 100%;
    padding-right: 10px !important;
  }
  .form-group-birthdate .row [class='col-sm-3'] {
    width: 50%;
    float: left;
    padding-right: 10px !important;
  }
  .form-group-birthdate .row [class='col-sm-3']:last-child {
    padding-right: 0;
    padding-left: 10px;
  }
}

.form-group-birthdate [class*='col-']>select {
  width: calc(100% - 1.0em);
  display: inline-block;
}

.form-group-birthdate [class*='col-']>span {
  position: absolute;
  top: 6px;
  right: 0;
}

.form-group-birthdate [class*='acol-']>select {
  display: inline-block;
  width: calc(100% - 2.0em);
}

.form-group-birthdate [class*='acol-']>span {
  position: absolute;
  top: 0px;
  right: 0;
}


/* 郵便番号から住所検索 */

@media (max-width: 767px) {
  .form-group-zip-address .row [class*='col-']:nth-child(1) {
    width: 56%;
    float: left;
  }
  .form-group-zip-address .row [class*='col-']:nth-child(2) {
    width: calc(44% - 12px);
    float: right;
    margin-left: 12px;
  }
  .form-group-zip-address .row [class*='col-']:nth-child(2) .btn {
    margin-top: 0;
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
  }
}


/* form用ボタン */

[class*='col-']>.btn-form {
  width: 100%;
  white-space: inherit;
}

.row-center>.btn-form {
  display: inline-block;
}

.row+.row .btn-form {
  margin-top: 15px;
}

.tbl+.row .btn,
.panel-info+.row .btn {
  margin-top: 20px;
}

@media (max-width: 767px) {
  .tbl+.row .btn,
  .panel-info+.row .btn {
    margin-top: 20px;
  }
}

@media (max-width: 767px) {
  .row-center>.btn-form {
    width: calc(100% - 30px);
  }
  [class*='col-']+[class*='col-']>.btn {
    margin-top: 28px;
  }
}

.btn {
  border-radius: 6px;
  white-space: inherit;
}

@media (max-width: 767px) {
  .btn {
    width: 75%;
  }
}

a.btn {
  text-decoration: none;
}

[class*='btn-']>span {
  text-shadow: 1px 1px 1px rgba(153, 153, 153, .75);
}

[class*='btn-']>.fa {
  font-size: 1.2rem;
  top: -2px;
}

.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  border: 1px solid #999;
  background-color: #ccc;
  opacity: 1;
}


/** ログイン・新規登録 **/

.btn-form-login,
.btn-form-entry {
  margin: 20px auto;
  padding: 20px 16px 18px;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}


/* ログイン */

.btn-form-login,
.btn-form-login:focus {
  color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  -moz-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #f15f01;
  background-image: -webkit-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: -moz-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: -o-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: -ms-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: linear-gradient(to top, #c13c02, #fb992e);
}

.btn-form-login:hover,
.btn-form-login:active {
  color: #fff;
  background-color: #db5b06;
  background-image: none;
  -webkit-box-shadow: inset 0 1px rgba(214, 93, 17, .75);
  -moz-box-shadow: inset 0 1px rgba(214, 93, 17, .75);
  box-shadow: inset 0 1px rgba(214, 93, 17, .75);
}

.btn-form-login:active {
  outline: 0;
}


/* 新規登録 */

.btn-form-entry,
.btn-form-entry:focus {
  color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  -moz-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #009cdc;
  background-image: -webkit-linear-gradient(bottom, #015071, #2ea7fb);
  background-image: -moz-linear-gradient(bottom, #015071, #2ea7fb);
  background-image: -o-linear-gradient(bottom, #015071, #2ea7fb);
  background-image: -ms-linear-gradient(bottom, #015071, #2ea7fb);
  background-image: linear-gradient(to top, #015071, #2ea7fb);
}

.btn-form-entry:hover,
.btn-form-entry:active {
  color: #fff;
  background-color: #327bad;
  background-image: none;
  -webkit-box-shadow: inset 0 1px rgba(14, 118, 161, .75);
  -moz-box-shadow: inset 0 1px rgba(14, 118, 161, .75);
  box-shadow: inset 0 1px rgba(14, 118, 161, .75);
}

.btn-form-entry:active {
  outline: 0;
}


/** テーブル内で使用されるボタン **/

.btn-in-tbl,
.btn-in-tbl:focus {
  padding: 9px 16px 6px;
  font-size: 1.2rem;
  letter-spacing: 1.5px;
  color: #fff;
  margin: 0 auto 15px;
  -webkit-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  -moz-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #087a7b;
  background-image: -webkit-linear-gradient(bottom, #08787a, #0cb0ba);
  background-image: -moz-linear-gradient(bottom, #08787a, #0cb0ba);
  background-image: -o-linear-gradient(bottom, #08787a, #0cb0ba);
  background-image: -ms-linear-gradient(bottom, #08787a, #0cb0ba);
  background-image: linear-gradient(to top, #08787a, #0cb0ba);
}

.btn-in-tbl:hover,
.btn-in-tbl:active {
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: solid 1px #0ba1a9;
  background-color: #0ba1a9;
  background-image: none;
}

.btn-in-tbl:active {
  outline: 0;
}

.btn-in-tbl>.fa {
  font-size: 1.4rem;
  top: 0;
}


/** 入力・登録系メイン導線に関わるサブミットボタン **/

.btn-form-do,
.btn-form-not {
  margin: 20px auto;
  padding: 15px 16px 13px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}


/* 肯定系 */

.btn-form-do,
.btn-form-do:focus {
  color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  -moz-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #f15f01;
  background-image: -webkit-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: -moz-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: -o-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: -ms-linear-gradient(bottom, #c13c02, #fb992e);
  background-image: linear-gradient(to top, #c13c02, #fb992e);
}

.btn-form-do:hover {
  color: #fff;
  background-color: #db5b06;
  background-image: none;
  -webkit-box-shadow: inset 0 1px rgba(214, 93, 17, .75);
  -moz-box-shadow: inset 0 1px rgba(214, 93, 17, .75);
  box-shadow: inset 0 1px rgba(214, 93, 17, .75);
}

.btn-form-do:active {
  outline: 0;
}


/* 否定系 */

.btn-form-not,
.btn-form-not:focus,
.btn-close,
.btn-close:focus,
.btn-logout,
.btn-logout:focus {
  color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(204, 204, 204, .75), inset 0 1px rgba(255, 255, 255, .75);
  -moz-box-shadow: 1px 2px 2px rgba(204, 204, 204, .75), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 1px 2px 2px rgba(204, 204, 204, .75), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #999;
  background-image: -webkit-linear-gradient(bottom, #666, #aeabab);
  background-image: -moz-linear-gradient(bottom, #666, #aeabab);
  background-image: -o-linear-gradient(bottom, #666, #aeabab);
  background-image: -ms-linear-gradient(bottom, #666, #aeabab);
  background-image: linear-gradient(to top, #666, #aeabab);
}

.btn-form-not:hover,
.btn-close:hover,
.btn-logout:hover {
  color: #fff;
  border: solid 1px #999;
  background-color: #747474;
  background-image: none;
  -webkit-box-shadow: inset 0 1px rgba(105, 104, 104, .75);
  -moz-box-shadow: inset 0 1px rgba(105, 104, 104, .75);
  box-shadow: inset 0 1px rgba(105, 104, 104, .75);
}

.btn-form-not:active,
.btn-close:active,
.btn-logout:active {
  outline: 0;
}


/** 別ページ遷移専用ボタン **/


/* デフォルト */

.btn-link-normal,
.btn-link-inquiry {
  color: #fff;
  margin: 20px auto;
  padding: 14px 16px 12px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1.5px;
}

.btn-link-inquiry,
.btn-link-inquiry:focus {
  color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px #fff;
  -moz-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px #fff;
  box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px #fff;
  border: solid 1px #c90;
  background-image: -webkit-linear-gradient(bottom, #ff2c02, #fcda1e);
  background-image: -moz-linear-gradient(bottom, #ff2c02, #fcda1e);
  background-image: -o-linear-gradient(bottom, #ff2c02, #fcda1e);
  background-image: -ms-linear-gradient(bottom, #ff2c02, #fcda1e);
  background-image: linear-gradient(to top, #ff2c02, #fcda1e);
}

.btn-link-inquiry:hover {
  color: #fff;
  background-color: #fe6f0d;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px #ff4306;
  -moz-box-shadow: inset 0 1px #ff4306;
  box-shadow: none;
}

.btn-link-inquiry:active {
  outline: 0;
}


/* 資料請求 */

.btn-link-normal,
.btn-link-normal:focus {
  color: #fff;
  -webkit-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  -moz-box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  box-shadow: 1px 2px 2px rgba(153, 153, 153, .75), inset 0 1px rgba(255, 255, 255, .75);
  border: solid 1px #039;
  background-image: -webkit-linear-gradient(bottom, #006, #2ea7fb);
  background-image: -moz-linear-gradient(bottom, #006, #2ea7fb);
  background-image: -o-linear-gradient(bottom, #006, #2ea7fb);
  background-image: -ms-linear-gradient(bottom, #006, #2ea7fb);
  background-image: linear-gradient(to top, #006, #2ea7fb);
}

.btn-link-normal:hover {
  color: #fff;
  background-color: #1651af;
  background-image: none;
  border: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px rgba(2, 21, 224, .75);
  -moz-box-shadow: inset 0 1px rgba(2, 21, 224, .75);
  box-shadow: inset 0 1px rgba(2, 21, 224, .75);
}


/** 閉じる **/

.btn-close {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 20px auto;
  padding: 13px 16px 11px;
}


/** ログアウト **/

.btn-logout {
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0 auto;
  padding: 4px 16px 2px;
  border-radius: 4px;
}

@media (max-width: 767px) {
  .btn-logout {
    width: 100px;
    padding: 6px 5px 4px;
  }
}


/** 非活性 **/

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  color: #ccc;
  border: 1px solid #EE9c60;
  background-color: #f9b685;
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}


/* Select
-------------------------------------------*/

select.form-control {
  display: inline-block;
}

select.form-control+span {
  display: inline-block;
  margin-left: 5px;
}


/* Checkbox & Radio
-------------------------------------------*/


/* checkbox,radiok共通 */

.radio-wrap,
.chb-wrap {
  position: relative;
}
.select-wrap {
  position: relative;
  padding: 10px 10px 0px;
  height: 48px;
  width: 270px;
  font-size: 14px;
  border: 2px solid #d9d9d9;
  border-radius: 2px;
}
.select-chb-wrap{
  border: 2px solid #00a5d9;
}
.radio-wrap+[class$='-wrap'],
.chb-wrap+[class$='-wrap'] {
  margin-top: 6px;
}

[class*='col-']>.radio-wrap,
[class*='col-']>.chb-wrap {
  margin-bottom: 6px;
}

@media (max-width: 767px) {
  td [class*='col-'] .radio-wrap,
  td [class*='col-'] .chb-wrap {
    /*margin-left: -10px;*/
  }
}

.form-group .radio-wrap-inline,
.form-group .chb-wrap-inline {
  display: inline-block;
  margin-bottom: 6px;
}

.radio-wrap input[type=radio],
.chb-wrap input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}

.radio-wrap input[type=radio]+label,
.chb-wrap input[type=checkbox]+label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 0;
  font-weight: normal;
  /*line-height: 30px;*/
  cursor: pointer;
}

.limit-radio-js .chb-wrap input[type=checkbox]:disabled+label {
  cursor: not-allowed;
}

@media (min-width: 1px) {
  .radio-wrap input[type=radio],
  .chb-wrap input[type=checkbox] {
    position: absolute;
    top: 2px;
    left: 2px;
    opacity: 0;
    margin: 0;
  }
  .radio-wrap input[type=radio]+label,
  .chb-wrap input[type=checkbox]+label {
    padding: 0 0 0 24px;
  }
  .radio-wrap input[type=radio]+label:empty,
  .chb-wrap input[type=checkbox]+label:empty {
    margin: 0 0 5px 0;
    padding: 0;
    width: 18px;
    height: 21px;
    vertical-align: top;
  }
  .radio-wrap input[type=radio]+label::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
  }
  .chb-wrap input[type=checkbox]+label::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    background: #FFF;
    border-radius: 3px;
  }
  .radio-wrap input[type=radio]+label::before {
    border: 2px solid #666;
    border-radius: 30px;
  }
  .radio-wrap input[type=radio][disabled]+label::before {
    background: #ccc;
    border: 2px solid #999;
  }
  .radio-wrap input[type=radio]:checked+label::before {
    border: 2px solid #009ddd;
  }
  .radio-wrap input[type=radio]:focus+label::before {
    border: 2px solid #009ddd;
  }
  .radio-wrap input[type=radio][disabled]:checked+label::before {
    border: 2px solid #666;
    background: #fff;
  }
  .chb-wrap input[type=checkbox]+label::before {
    border: 2px solid #666;
  }
  .chb-wrap input[type=checkbox][disabled]+label::before {
    background: #ccc;
    border: 2px solid #999;
  }
  .chb-wrap input[type=checkbox]:checked+label::before {
    border: 2px solid #009ddd;
    background-color: #009ddd;
  }
  .chb-wrap input[type=checkbox]:focus+label::before {
    border: 2px solid #009ddd;
  }
  .chb-wrap input[type=checkbox][disabled]:checked+label::before {
    background: #666;
    border: 2px solid #666;
  }
  .radio-wrap input[type=radio]:checked+label::after,
  .chb-wrap input[type=checkbox]:checked+label::after {
    content: "";
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .radio-wrap input[type=radio]:checked+label::after {
    top: 10px;
    left: 5px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #009ddd;
    border-radius: 8px;
  }
  .radio-wrap input[type=radio][disabled]:checked+label::after {
    background: #666;
  }
  .chb-wrap input[type=checkbox]:checked+label::after {
    top: 10px;
    left: 4px;
    width: 10px;
    height: 7px;
    margin-top: -5px;
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}

.radio-wrap .radio-wrap-strongTxt {
  display: block;
  color: #006600;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 0;
}

.radio-wrap .contract-mail-address {
  display: block;
  color: #006600;
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 0;
  text-indent: 1em;
}


/* ラジオicon */

.radioIcon-group input {
  display: block;
  opacity: 0;
}


/* ======== レイアウト調整 radioボタンを表示 ======== */

.radioIcon-group input[type=radio] {
  display: inline-block;
  margin-right: 6px;
}

.radioIcon-group input[type=radio]+label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  margin-bottom: 0;
  font-weight: normal;
  /*line-height: 30px;*/
  cursor: pointer;
}

@media (min-width: 1px) {
  .radioIcon-group input[type=radio] {
    position: absolute;
    top: 2px;
    left: 2px;
    opacity: 0;
    margin: 0;
  }
  .radioIcon-group input[type=radio]+label {
    padding: 0 0 0 24px;
  }
  .radioIcon-group input[type=radio]+label:empty {
    margin: 0 0 5px 0;
    padding: 0;
    width: 18px;
    height: 21px;
    vertical-align: top;
  }
  .radioIcon-group input[type=radio]+label::before {
    content: "";
    position: absolute;
    top: 27px;
    left: 5px;
    box-sizing: border-box;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: -9px;
    background: #FFF;
  }
  .radioIcon-group input[type=radio]+label::before {
    border: 2px solid #666;
    border-radius: 30px;
  }
  .radioIcon-group input[type=radio][disabled]+label::before {
    background: #ccc;
    border: 2px solid #999;
  }
  .radioIcon-group input[type=radio]:checked+label::before {
    width: 18px;
    height: 18px;
    border: 2px solid #033eaa;
  }
  .radioIcon-group input[type=radio]:focus+label::before {
    border: 2px solid #033eaa;
  }
  .radioIcon-group input[type=radio][disabled]:checked+label::before {
    border: 2px solid #666;
    background: #fff;
  }
  .radioIcon-group input[type=radio]:checked+label::after {
    content: "";
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }
  .radioIcon-group input[type=radio]:checked+label::after {
    top: 27px;
    left: 10px;
    width: 8px;
    height: 8px;
    margin-top: -4px;
    background: #033eaa;
    border-radius: 8px;
  }
  .radioIcon-group input[type=radio][disabled]:checked+label::after {
    background: #666;
  }
}

@media (max-width: 767px) {
  .radioIcon-group input[type=radio]+label::before {
    top: 20px;
  }
  .radioIcon-group input[type=radio]:checked+label::after {
    top: 20px;
  }
}


/* ======== レイアウト調整 ======== */

.radioIcon-group label {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 5px;
  color: #FFFFFF;
  width: 100%;
  padding: 0;
  background: #009ddc;
  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%);
  -webkit-box-shadow: inset 0 2px 2px rgba(157, 215, 255, 0.75);
  -moz-box-shadow: inset 0 2px 2px rgba(157, 215, 255, 0.75);
  box-shadow: inset 0 2px 2px rgba(157, 215, 255, 0.75);
}

.radioIcon-group label>span {
  display: table-cell;
  vertical-align: middle;
  padding: 13px 3px 10px 0;
  width: 100%;
}

@media (min-width: 768px) and (max-width: 992px) {
  .radioIcon-group label>span {
    height: 48px;
  }
  .radioIcon-group label>span br {
    display: none;
  }
}

@media (max-width: 767px) {
  .radioIcon-group label>span {
    display: block;
    min-height: 44px;
  }
  .radioIcon-group label>span br {
    display: none;
  }
}

.radioIcon-group label>span b {
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.4rem;
  line-height: 1.1;
}

.radioIcon-group label>span b span {
  font-size: 1.2rem;
}

.radioIcon-group input:checked+label {
  color: #fff;
  filter: none;
  background: #033eaa;
  /* Old browsers */
  -webkit-box-shadow: inset 0 2px 2px rgba(21, 30, 49, 0.75);
  -moz-box-shadow: inset 0 2px 2px rgba(21, 30, 49, 0.75);
  box-shadow: inset 0 2px 2px rgba(21, 30, 49, 0.75);
}

.radioIcon-group input+label .fa-check {
  display: none;
}

.radioIcon-group input:checked+label .fa-check {
  display: inline-block;
  position: relative;
  width: 13px;
  height: 12px;
}

.radioIcon-group input:checked+label .fa-check:before {
  color: #ffcc00;
  text-shadow: 1px 1px 5px rgba(50, 50, 50, .50);
  position: absolute;
  top: -1px;
  left: 1px;
}

.radioIcon-group label .fa-desktop {
  padding-left: 6px;
  margin-right: 0;
}

.radioIcon-group label .fa-mobile {
  padding-left: 0;
  padding-top: 11px;
}

.radioIcon-group label .icon-future-phone {
  padding-left: 6px;
  padding-top: 11px;
}

@media (max-width: 767px) {
  .radioIcon-group label .fa-desktop,
  .radioIcon-group label .fa-mobile,
  .radioIcon-group label .icon-future-phone {
    padding-top: 13px;
    padding-left: 8px;
  }
}

.radioIcon-group label .fa-desktop:before,
.radioIcon-group label .fa-mobile:before,
.radioIcon-group label .icon-future-phone:before {
  text-shadow: 1px 1px 2px rgba(50, 50, 50, .50);
}

.radioIcon-group label .fa-desktop:before {
  position: absolute;
  top: 30%;
  left: 114px;
  font-size: 2.2rem;
}

@media (min-width: 768px) and (max-width: 992px) {
  .radioIcon-group label .fa-desktop:before {
    left: 310px;
  }
}

@media (max-width: 767px) {
  .radioIcon-group label .fa-desktop:before {
    left: 88%;
    font-size: 2.4rem;
  }
}

.radioIcon-group label .fa-mobile:before {
  position: absolute;
  top: 12%;
  left: 115px;
  font-size: 4.0rem;
}

@media (min-width: 768px) and (max-width: 992px) {
  .radioIcon-group label .fa-mobile:before {
    left: 310px;
  }
}

@media (max-width: 767px) {
  .radioIcon-group label .fa-mobile:before {
    top: 3px;
    left: 88%;
  }
}

.radioIcon-group label .icon-future-phone:before {
  position: absolute;
  top: 19%;
  left: 135px;
  font-size: 3.2rem;
}

@media (min-width: 768px) and (max-width: 992px) {
  .radioIcon-group label .icon-future-phone:before {
    left: 336px;
  }
}

@media (max-width: 767px) {
  .radioIcon-group label .icon-future-phone:before {
    top: 6px;
    left: 89%;
  }
}


/* 強調 paragraph */

.p-strong {
  font-weight: bold;
  margin-bottom: 28px;
}

.p-lead {
  font-size: 2.0rem;
  font-weight: bold;
}


/* ==========================================
  パネル
   ========================================== */


/* パネル normal */

.panel-normal {
  border: 2px solid #ccc;
  margin-bottom: 32px;
}

@media (max-width: 767px) {
  .panel-normal {
    margin: 0 0 24px;
  }
}

.panel-normal p {
  margin-bottom: 10px;
}

.panel-normal p:last-child {
  margin-bottom: 0px;
}

.panel-normal .fa+span {
  display: block;
  overflow: hidden;
}

.panel-normal .fa-envelope,
.panel-normal .fa-exclamation-circle {
  top: -1px;
  float: left;
}

.exclamation-alert .fa+span {
  display: block;
  overflow: hidden;
}

.exclamation-alert .fa {
  top: -1px;
  float: left;
}


/* パネル info */

.panel-info {
  border: none;
  background-color: #faf8db;
}

@media (max-width: 767px) {
  .panel-info {
    margin: 0 auto 16px;
  }
}


/* パネル Mock */

.panel-mock {
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  [class*='headingLv']+.panel-alert {
    margin-top: 0;
  }
}


/* mock-body */

.mock-body {
  position: relative;
  text-align: left;
  padding: 18px;
  border: solid 2px #c0c0c0;
  border-radius: 10px;
}

.mock-icon {
  position: absolute;
  display: inline-block;
}

.mock-text {
  padding-left: 50px;
}


/* パネル alert */

.panel-alert {
  color: #ff0000;
  background: #ffeeee;
  text-align: center;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  [class*='headingLv']+.panel-alert {
    margin-top: 0;
  }
}


/* alert-body */

.alert-body {
  position: relative;
  text-align: left;
}

.alert-icon {
  position: absolute;
  top: calc(50% - 20px);
  display: inline-block;
}

.alert-icon-center {
  position: absolute;
  top: calc(50% - 20px);
  display: inline-block;
}

.alert-text {
  padding-left: 50px;
  line-height: 25px;
}


/* トグル パネル
-------------------------------------------*/

.tgl-panel {
  margin-bottom: 24px;
}

.tgl-panel+.tgl-panel {
  margin-top: 10px;
}

.tgl-tit,
.tgl-ch-tit,
.tgl-radio-tit,
.tgl-arrow-tit,
.tgl-tbl-tit {
  color: #003366;
  background-color: #ddeff7;
  margin: 0 auto;
  padding: 14px 10px 12px;
  font-size: 1.4rem;
  font-weight: bold;
}

.tgl-tit,
.tgl-arrow-tit,
.tgl-tbl-tit {
  cursor: pointer;
}

.tgl-ch-tit,
.tgl-radio-tit,
.tgl-arrow-tit,
.tgl-tbl-tit {
  border: 2px solid #fff;
  background-color: #ccebf8;
}

.tgl-ch-tit .chb-wrap input[type=checkbox]+label {
  font-weight: bold;
}

.tgl-tit>span {
  text-decoration: underline;
}

.tgl-Inr,
.tgl-ch-Inr,
.tgl-arrow-Inr,
.tgl-tbl-Inr {
  padding: 20px;
  background-color: #eff9fd;
  display: none;
}

.tgl-ch-Inr,
.tgl-arrow-Inr,
.tgl-tbl-Inr {
  padding: 10px;
}

.tgl-default-Inr,
.tgl-radio-Inr {
  display: none;
  padding: 0;
}

.tgl-ch-Inr .tbl,
.tgl-ch-Inr .tbl-default,
.tgl-arrow-Inr .tbl,
.tgl-arrow-Inr .tbl-default,
.tgl-tbl-Inr .tbl,
.tgl-tbl-Inr .tbl-default {
  margin: -10px;
  width: auto;
}

.tgl-default-Inr .tbl-default,
.tgl-radio-Inr .tbl-default {
  width: 100%;
}

.tgl-arrow-tit .tgl_none,
.tgl-tbl-tit .tgl_none {
  margin-bottom: 0;
  margin-left: 20px;
  text-indent: -3px;
  display: inline-block;
}

.tgl-radio-tit .tgl_none {
  display: inline-block;
  margin: .2em 0 0 1.7em;
}

@media (max-width: 767px) {
  .tgl-ch-Inr .tbl,
  .tgl-ch-Inr .tbl-default,
  .tgl-arrow-Inr .tbl,
  .tgl-arrow-Inr .tbl-default,
  .tgl-tbl-Inr .tbl,
  .tgl-tbl-Inr .tbl-default,
  .tgl-radio-Inr .tbl,
  .tgl-radio-Inr .tbl-default {
    margin: -10px -20px;
    width: auto;
  }
  .tgl-radio-Inr .tbl,
  .tgl-radio-Inr .tbl-default {
      margin: 0 -10px;
    }
}

.tgl-close {
  margin-top: 20px;
  cursor: pointer;
}

.tgl-close>span {
  text-decoration: underline;
  font-weight: bold;
}

.tgl-ra-Inr-close {
  display: none;
}

@media (max-width: 767px) {
  .tgl-ra-Inr-close {
    display: none !important;
  }
}


/* Modal パネル
-------------------------------------------*/

.modal-orign {}

.modal-orign .modal-content {
  border: 5px solid #009bdd;
  border-radius: 8px;
}

.modal-orign .modal-header {
  border-bottom: none;
  background-color: #009bdd;
  padding: 7px 7px 7px 13px;
  letter-spacing: 0.05em;
}

.modal-orign .modal-title {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  text-shadow: 0 1px 1px rgba(51, 51, 51, .75);
}

.modal-orign .modal-body {
  padding: 18px 15px 16px;
}

.modal-orign button.close {
  opacity: .9;
  font-size: 2.2rem;
  color: #fff;
  width: auto;
  /*width: 25px;*/
}

@media (max-width: 767px) {
  .modal-orign button.close {
    pointer-events: all;
  }
}

.modal-orign .close .fa-close {
  margin-right: 0;
}

.modal-orign .close .fa-close:before {
  text-shadow: 0 1px 1px rgba(0, 0, 0, .9);
  /*position: absolute;
  top: -19px;
  right: -10px;
  font-size: 2.6rem;*/
}


/* ==========================================
  List
   ========================================== */


/* リスト デフォルト */

.list {
  padding-left: 0;
  list-style: none;
  margin-bottom: 16px;
}

.list li {
  margin-bottom: 4px;
  font-weight: normal;
}

.list li>ul,
.list li>ol {
  margin-top: 6px;
}


/* リスト デフォルト */


/*.list-default {
  margin-bottom: 15px;
  font-size: 1.2rem;
  padding-left: 0;
  list-style: none;
}

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

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

.list-default li > a {
  font-size: 1.2rem;
  font-weight: normal;
}*/


/* リスト太字 */

.list-strong-mb0 {
  padding-left: 0;
  list-style: none;
  margin-bottom: 0px;
}

.list-strong-mb0 li {
  font-weight: bold;
}

.list--mod {
  margin-bottom: 15px;
  padding-left: 0;
  list-style: none;
}

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


/* リスト スクウェア */

.list-circle>li,
.list-square>li,
.list-circle-small>li {
  position: relative;
  padding-left: 16px;
  margin-bottom: 4px;
}

.list-circle>li:before,
.list-square>li:before,
.list-circle-small>li:before {
  display: block;
  content: '';
  position: absolute;
  top: .4em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #009bdd;
}

/* リスト サークル */

.list-circle>li:before,
.list-circle-small>li:before {
  border-radius: 100%;
}


/* リスト サークル スモール */

.list-circle-small>li:before {
  top: .5em;
  left: .1em;
  width: 5px;
  height: 5px;
  background-color: #000;
}


/* パネル内 */

.panel-info .list-square>li {
  padding-left: 30px;
}

.panel-info .list-square>li:before {
  left: 1.0em;
  background-color: #000;
}


/* リスト 番号 */

.list-num,
.list-num-strong {
  padding-left: 40px;
  list-style: decimal;
}

.list-num>li,
.list-num-strong>li {
  margin-bottom: 3px;
}

.list-num-strong>li {
  font-weight: bold;
}

.list-num-list {
  padding-left: 20px;
}

.list-num-list>li ol {
  padding-left: 20px;
}


/* リスト アスタリスク付き番号（自動連番） */

.list-num-ask {
  counter-reset: number;
  list-style: none;
}

.list-num-ask>li {
  position: relative;
  padding-left: 25px;
}

.list-num-ask li:before {
  display: block;
  counter-increment: number;
  content: "*"counter(number)" ";
  position: absolute;
  top: 0px;
  left: 0px;
}

/* リスト アスタリスク付き番号（data属性） */

.list-num-ask-data>li {
  position: relative;
  padding-left: 25px;
}

.list-num-ask-data li:before {
  display: block;
  counter-increment: number;
  content: "*"attr(data-ask-num)" ";
  position: absolute;
  top: 0px;
  left: 0px;
}

/* リスト 注釈 */

.list-note>li {
  position: relative;
  color: #666;
  padding-left: 18px;
}

.list-note>li:before {
  content: '※';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.list-note>li[data-num] {
  padding-left: 27px;
}

.list-note>li[data-num]:before {
  content: "※"attr(data-num);
}


/* リスト アスタリスク */

.list-ask>li {
  position: relative;
  color: #666;
  padding-left: 18px;
}

.list-ask>li:before {
  content: '*';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.list-ask>li[data-num] {
  padding-left: 27px;
}

.list-ask>li[data-num]:before {
  content: "*"attr(data-num);
}


/* リスト 括弧つき数字 */

.list-num-brackets>li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 4px;
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}

.list-num-brackets>li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
  float: left;
  position: absolute;
  left: -15px;
}

.list-num-brackets>li span {
  display: block;
  overflow: hidden;
}


/* リスト インデント */

.list-indent li {
  margin-left: 18px;
}

.list-origin li {
  margin-bottom: 12px;
}

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

li.indent,
dd.indent {
  padding-left: 12px;
}

li.note,
dd.note {
  padding-left: 18px;
  position: relative;
}

li.note:before,
dd.note:before {
  content: '※';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

li[data-num].note,
dd[data-num].note {
  padding-left: 27px;
}

li[data-num].note:before,
dd[data-num].note:before {
  content: "※"attr(data-num);
}

li.ask {
  padding-left: 18px;
  position: relative;
}

li.ask:before {
  content: "*";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

li[data-num].ask {
  padding-left: 27px;
}

li[data-num].ask:before {
  content: "*"attr(data-num);
}

.dl-msg {
  margin: 12px auto 0;
}

dl.dl-msg:first-child {
  margin-top: 0;
}

.dl-msg dt {
  width: 80px;
  float: left;
}

.dl-msg dd {
  overflow: hidden;
}

.dl-msg+.panel {
  margin-top: 18px;
}


/* 赤字テキスト */

.text-caution {
  color: #ff0000 !important;
}


/* ※ */

.note:before {
  content: '※';
  display: inline-block;
  margin-right: 3px;
}

.txt-note {
  color: #666;
  font-weight: normal;
}

@media (max-width: 767px) {
  .txt-note {
    display: block;
  }
}


/* * */

.ask:before {
  content: '*';
  display: inline-block;
  margin-right: 3px;
}


/* 括弧つき数字 */

.num-brackets:before {
  display: inline-block;
  counter-increment: cnt;
  content: "(" counter(cnt) ") ";
  margin-right: 3px;
}


/* 画像認証 */

.authImg-wrap .btn {
  font-size: 1.2rem;
}

.authImg {
  border: 1px solid #999999;
  width: 100%;
}

@media (max-width: 767px) {
  .authImg {
    width: auto;
  }
}


/* 必須表示 */

.indiStrong,
.indiWill {
  color: #fff;
  background: #cc0000;
  font-weight: bold;
  display: inline-block;
  padding: 0 3px;
  margin-left: 5px;
  border: solid transparent;
  border-radius: 3px;
  font-size: 1.2rem;
}

br+.indiStrong,
br+.indiWill {
  margin: 0 0 6px 0;
}

@media (max-width: 767px) {
  .indiStrong,
  .indiWill,
  br+.indiStrong,
  br+.indiWill {
    margin-left: 10px;
    margin-bottom: 0;
  }
}


/* 任意表示 */

.indiWill {
  background: #009966;
}


/* colブロック センタリング */

.row-center {
  text-align: center;
}

.row-center>[class*='col-'] {
  display: inline-block;
  letter-spacing: 0;
  vertical-align: top;
  float: none !important;
}

@media (max-width: 767px) {
  .row-center>[class*='col-'] {
    display: block;
  }
}


/* ==========================================
  icon
========================================== */


/* ------------------------
fontawesome WEB font
------------------------ */

.fa {
  position: relative;
}

a>.fa:before,
a.fa:before {
  text-decoration: none;
}

.fa-arrow-down {
  color: #009cdc;
  font-size: 1.8rem;
  position: relative;
  top: 1px;
  left: -1px;
}

.fa-arrow-up {
  color: #009cdc;
  font-size: 1.8rem;
  position: relative;
  top: 1px;
  left: -1px;
}

.fa-minus-circle,
.fa-plus-circle {
  color: #009cdc;
  font-size: 2.0rem;
  position: relative;
  top: 2px;
  left: -1px;
}

.fa-chevron-circle-up,
.fa-chevron-circle-down {
  color: #009cdc;
  font-size: 2.0rem;
  position: relative;
  top: 2px;
  left: -1px;
}

.fa-chevron-circle-down {
  color: #666;
}

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

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

.fa-desktop {
  position: relative;
  margin-right: 30px;
  left: -4px;
}

.fa-desktop:before {
  position: absolute;
  top: -18px;
  left: 0;
  margin-right: 8px;
  font-size: 2.3rem;
}

.fa-file-text-o {
  margin-right: 30px;
}

.fa-file-text-o:before {
  position: absolute;
  top: -19px;
  left: -1px;
  font-size: 2.4rem;
}

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

.fa-color-aqua {
  color: #009ddd;
}

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

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

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

.fa-weight-bold {
 font-weight: bold !important;
}

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

.fa-exclamation-triangle {
  position: relative;
  top: 1px;
  left: 0px;
  font-size: 1.6rem;
}

.fa-exclamation-circle {
  position: relative;
  top: 1px;
  left: 1px;
  font-size: 1.6rem;
}



.fa-exclamation-circle-blue,
.fa-exclamation-circle-red {
  top: 2px;
  left: 1px;
  color: #009bdd;
  font-size: 2.2rem;
  margin-right: 10px;
}

.fa-exclamation-circle-blue-b {
  position: relative;
  color: #009bdd;
  font-size: 3.8rem
}

.fa-exclamation-circle-red {
  color: #ff0000;
}

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

.fa-exclamation-circle-red-b {
  position: relative;
  color: #ff0000;
  font-size: 3.8rem
}

.fa-exclamation-circle-mock {
  position: relative;
  color: rgba(238, 162, 54, 1);
  font-size: 3.8rem
}


.fa-envelope {
  top: 2px;
  color: #009bdd;
  font-size: 2.1rem;
  margin-right: 8px;
}

.fa-keyboard-o {
  top: 3px;
  font-size: 2.3rem;
  margin-right: 6px;
  line-height: 0;
  color: #009ddc;
}

.fa-file-pdf-o {
  top: 1px;
  font-size: 1.8rem;
  margin-right: 6px;
  line-height: 0;
  color: #009ddc;
  /*color: #990000;*/
}

.fa-file-pdf-o-after {
  margin-left: 6px;
}


/* ヘルプ アイコン */

.helpIcn {
  position: relative;
  display: inline-block;
  margin-left: 7px;
  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+ */
}

.fa span {
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
}


/* ------------------------
image Icon
------------------------ */

.pdfIcn {
  position: relative;
  padding-left: 24px;
}

.pdfIcn:before,
.pdfIcn-after:before {
  content: '';
  display: inline-block;
  position: absolute;
  left: 0;
  width: 19px;
  height: 19px;
  background-image: url(../img/icon_pdf.png);
  background-size: contain;
}

.pdfIcn-after {
  padding-left: 0;
}

.pdfIcn-after:before {
  left: auto;
  right: -23px;
}


/* ------------------------
original WEB font
------------------------ */

@font-face {
  font-family: 'icomoon';
  src: url('../fonts/icomoon.eot?kpzvu8');
  src: url('../fonts/icomoon.eot?kpzvu8#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?kpzvu8') format('truetype'), url('../fonts/icomoon.woff?kpzvu8') format('woff'), url('../fonts/icomoon.svg?kpzvu8#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"],
[class*=" icon-"],
[class^="icon-"]:before,
[class*=" icon-"]:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a [class^="icon-"],
a [class*=" icon-"],
a [class^="icon-"]:before,
a [class*=" icon-"]:before {
  text-decoration: none;
}


/* アイコン種類指定 */

.icon-newly:before {
  content: "\e906";
}

.icon-service:before {
  content: "\e905";
}

.icon-map:before {
  content: "\e907";
}

.icon-blankwin:before {
  content: "\e900";
}

.icon-doc-request:before {
  content: "\e901";
}

.icon-fairness:before {
  content: "\e902";
}

.icon-future-phone:before {
  content: "\e904";
}

.icon-doc:before {
  content: "\e903";
}

.icon-email-unopen:before {
  content: "\e908";
}

.icon-email-open:before {
  content: "\e909";
}


/* アイコン位置調整 */

.icon-newly {
  position: relative;
  display: inline-block;
}

.icon-newly:before {
  position: absolute;
  top: -17px;
  left: -19px;
  font-size: 2.2rem;
}

.icon-fairness {
  position: relative;
  margin-right: 30px;
  display: inline-block;
}

.icon-fairness:before {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 2.5rem;
}

.icon-doc-request {
  position: relative;
  margin-right: 30px;
  display: inline-block;
}

.icon-doc-request:before {
  position: absolute;
  top: -18px;
  left: 0;
  font-size: 2.3rem;
}

.icon-service {
  position: relative;
  margin-right: 30px;
  display: inline-block;
}

.icon-service:before {
  position: absolute;
  top: -18px;
  left: -3px;
  font-size: 2.4rem;
}

.icon-blankwin {
  position: relative;
  padding-right: 23px;
}

.icon-blankwin:before {
  position: absolute;
  color: #009ddc;
  top: -2px;
  right: 0;
  font-size: 1.7rem;
}

.icon-doc {}

.icon-doc:before {
  position: relative;
  top: 2px;
  left: -5px;
  font-size: 2.3rem;
}

.icon-map {}

.icon-map:before {
  position: relative;
  top: 2px;
  left: -4px;
  font-size: 2.3rem;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #1283db;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #1283db;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #1283db;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #1283db;
}

.tooltip-inner {
  background-color: #1283db;
  font-family: "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: 1.0rem;
}


/* ==========================================
  side
========================================== */


/*--------------------------
container__side
---------------------------*/

.container__side {
  float: left;
  width: 180px;
  padding: 0;
  margin-top: 32px;
}

@media (max-width: 767px) {
  .container__side {
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
  }
}


/*--------------------------
menu
---------------------------*/

.menu {}

@media (max-width: 767px) {
  .menu {
    position: fixed;
    overflow: auto;
    top: 0;
    right: 0;
    width: 300px;
    height: 100%;
    background-color: #fff;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .4s;
    transition: transform .4s;
    z-index: 2;
  }
  .menu-not-nav {
    position: static;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    width: 100%;
  }
  #navTgl:checked~.wrapper_Inr .main-container .menu {
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  #navTgl:checked~.wrapper_Inr .main-container .menu>ul {}
}

.menu .nav-list {
  border: 2px solid #009bdd;
  border-radius: 5px;
}

.menu .nav-list:before {
  opacity: 0;
  transition: opacity .6s;
}

@media (max-width: 767px) {
  .menu .nav-list {
    position: relative;
    border: none;
    border-radius: 0px;
    margin: 75px auto 0;
  }
  .menu .nav-list:before {
    position: absolute;
    opacity: 1.0;
    top: -47px;
    left: 12px;
    font-family: Avenir, Century Gothic, sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
    color: #009bdd;
  }
}

.menu .nav-list li {
  display: block;
  list-style: none;
  position: relative;
}

.menu .nav-list li:last-child {
  border-bottom: none;
}

.menu .nav-list li:last-child>.tgl-nav.tgl-nav-open+ul:last-child {
  border-bottom: none;
}

@media (max-width: 767px) {
  .menu .nav-list li:last-child>.tgl-nav.tgl-nav-open+ul:last-child {
    border-bottom: 1px solid #009bdd;
  }
}

.menu .nav-list li:first-child>a {
  /*border: 1px solid transparent;
  border-bottom: none;*/
  /*border-radius: 5px 5px 0 0;*/
}

.menu .nav-list li:last-child>a {
  /*border: 1px solid transparent;
  border-top: none;*/
  /*border-radius:0 0 5px 5px;*/
}

.menu .nav-list li>a {
  display: block;
  position: relative;
  color: #000;
  padding: 9px 14px 10px 30px;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: none;
}

@media (max-width: 767px) {
  .menu .nav-list li>a {
    font-size: 18px;
    color: #666;
    padding-left: 25px;
    padding-right: 20px;
  }
}

.menu .nav-list li>a:before {
  content: '';
  border-width: 4px 0px 4px 5px;
  border-style: solid;
  border-color: transparent transparent transparent #009bdd;
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 4px);
  left: 12px;
}

.menu .nav-list li>a:hover {
  color: #fff;
  background-color: #009bdd;
}

@media (max-width: 767px) {
  .menu .nav-list li>a:hover {
    color: #666;
    background-color: transparent;
  }
  .menu .nav-list li>a:active {
    color: #fff;
    background-color: #009bdd;
  }
}

.menu .nav-list li>a:hover:before {
  border-color: transparent transparent transparent #fff;
}

@media (max-width: 767px) {
  .menu .nav-list li>a:hover:before {
    border-color: transparent transparent transparent #009bdd;
  }
  .menu .nav-list li>a:active:before {
    border-color: transparent transparent transparent #fff;
  }
}

.menu .nav-list li.current>a {
  color: #fff;
  background-color: #009bdd;
  border-color: #009bdd;
  border-radius: 0;
}

.menu .nav-list li.current a:before {
  content: '';
  width: 8px;
  height: 2px;
  border: none;
  background-color: #fff;
  top: calc(50% - 1px);
  left: 7px;
}

@media (max-width: 767px) {
  .menu .nav-list li.current a:before {
    left: 10px;
  }
}

.menu .nav-list li>.tgl-nav.tgl-nav-open+ul {
  display: block;
  border-left: 4px solid #d8f0f8;
  border-bottom: 1px solid #009bdd;
}

.menu .nav-list li>.tgl-nav.tgl-nav-open:hover+ul {
  border-left: 4px solid #009bdd;
}

.menu .nav-list li>.tgl-nav.tgl-nav-close+ul {
  display: none;
  border-left: 4px solid #009bdd;
}

.menu .nav-list li .tgl-nav+ul li>a {
  padding-left: 25px;
}

@media (max-width: 767px) {
  .menu .nav-list li .tgl-nav+ul li>a {
    padding-left: 35px;
  }
}

.menu .nav-list li .tgl-nav+ul li>a:before {
  left: 15px;
}

@media (max-width: 767px) {
  .menu .nav-list li .tgl-nav+ul li>a:before {
    left: 20px;
  }
}

.menu .nav-list li .tgl-nav+ul li.current a:before {
  left: 12px;
}

@media (max-width: 767px) {
  .menu .nav-list li .tgl-nav+ul li.current a:before {
    left: 16px;
  }
}


/* .tgl-nav部分 */

.tgl-nav {
  display: block;
  position: relative;
  color: #000;
  padding: 9px 14px 10px 30px;
  text-decoration: none;
  border: 1px solid transparent;
  border-bottom: none;
  cursor: pointer;
}

@media (max-width:767px) {
  .tgl-nav {
    font-size: 18px;
    color: #666;
  }
}

.tgl-nav:hover {
  color: #fff;
  background-color: #009bdd;
}

@media(max-width: 767px) {
  .tgl-nav:hover {
    color: #666;
    background-color: #fff;
  }
}


/* .tgl-nav部分 current */

.menu .nav-list li>.current.tgl-nav-open+ul {
  border-left: 4px solid #009bdd;
}

.menu .nav-list li>.current {
  color: #fff;
  background-color: #009bdd;
}

.menu .nav-list li>.current .tgl-nav-icon {
  border: 2px solid #fff;
}

.menu .nav-list li>.current .tgl-nav-icon:before,
.menu .nav-list li>.current .tgl-nav-icon:after {
  background-color: #fff;
}

@media (max-width:767px) {
  .menu .nav-list li>.current:hover .tgl-nav-icon {
    border: 2px solid #fff;
  }
  .menu .nav-list li>.current:hover .tgl-nav-icon:before,
  .menu .nav-list li>.current:hover .tgl-nav-icon:after {
    background-color: #fff;
  }
}


/* ドライバー アイコン */

.tgl-nav .tgl-nav-icon {
  border-radius: 50%;
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  top: calc(50% - 8px);
  left: 5px;
}

.tgl-nav .tgl-nav-icon:before,
.tgl-nav .tgl-nav-icon:after {
  content: '';
  width: 8px;
  height: 2px;
  border: none;
  position: absolute;
  top: calc(50% - 1px);
  right: 2px;
  opacity: 1.0;
  background-color: #009bdd;
}


/* navがopenの状態 */

.tgl-nav.tgl-nav-open {
  background-color: #d8f0f8;
  color: #000;
}

.tgl-nav.tgl-nav-open:hover {
  color: #fff;
  background-color: #009bdd;
}

.tgl-nav.tgl-nav-open .tgl-nav-icon {
  border: 2px solid #009bdd;
}

.tgl-nav.tgl-nav-open .tgl-nav-icon:after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: transform .5s;
  transition: transform .5s;
}


/* navがcloseの状態 */

.tgl-nav.tgl-nav-close .tgl-nav-icon {
  border: 2px solid #009bdd;
}

.tgl-nav.tgl-nav-close .tgl-nav-icon:after {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: transform .5s;
  transition: transform .5s;
}


/* open、close共通 */

.tgl-nav.tgl-nav-open:hover .tgl-nav-icon,
.tgl-nav.tgl-nav-close:hover .tgl-nav-icon {
  border: 2px solid #fff;
}

.tgl-nav.tgl-nav-open:hover .tgl-nav-icon:before,
.tgl-nav.tgl-nav-open:hover .tgl-nav-icon:after,
.tgl-nav.tgl-nav-close:hover .tgl-nav-icon:before,
.tgl-nav.tgl-nav-close:hover .tgl-nav-icon:after {
  background-color: #fff;
}

@media (max-width: 767px) {
  .tgl-nav.tgl-nav-close:hover .tgl-nav-icon {
    border: 2px solid #009bdd;
  }
  .tgl-nav.tgl-nav-close:hover .tgl-nav-icon:before,
  .tgl-nav.tgl-nav-close:hover .tgl-nav-icon:after {
    background-color: #009bdd;
  }
}


/* メニュー disabled設定 */

.menu .nav-list li.dbd-nav>a {
  color: #999;
  cursor: default;
  pointer-events: none;
}

.menu .nav-list li.dbd-nav>a:hover {
  color: #999;
  background: #fff;
}

.menu .nav-list li.dbd-nav>a:before {
  border-color: transparent transparent transparent #999;
}


/* :::::: toggle button :::::: */

#navTgl {
  display: none;
  overflow: hidden;
}

#navTgl+.open,
#navTgl~wrapper_Inr .nav-close {
  display: none;
}

@media (max-width: 767px) {
  #navTgl+.open {
    display: table;
  }
  #navTgl~wrapper_Inr .nav-close {
    display: inline-block;
  }
  #navTgl~.wrapper_Inr label.nav-close {
    cursor: pointer;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 1;
  }
  label.open {
    position: absolute;
    display: table;
    top: 20px;
    right: 3%;
  }
  #navTgl+.open {
    position: absolute;
    display: table;
    top: 20px;
    right: 3%;
    z-index: 3;
    width: 36px;
    height: 36px;
    margin-bottom: 0;
    /* line-height: 35px; */
    text-align: center;
    background-color: transparent;
    border: 2px solid #FFF;
    border-radius: 5px;
    -webkit-transition: background-color .5s, border .5s;
    transition: background-color .5s, border .5s;
  }
  .open span {
    position: relative;
    display: table-cell;
    vertical-align: bottom;
    padding-bottom: 1px;
    color: #009bdd;
    font-size: 10px;
  }
  .open span>b {
    font-family: Avenir, Century Gothic, sans-serif;
    color: #000;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    opacity: 1.0;
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 3px;
  }
  .open span>b:before {
    content: "メニュー";
    position: absolute;
    top: 10px;
    left: -5px;
    width: 44px;
    text-align: left;
  }
  .open span>b:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0px;
    background-color: #009bdd;
    width: 27px;
    height: 4px;
  }
  .open span:before {
    content: '';
    position: absolute;
    top: 4px;
    left: 3px;
    width: 27px;
    height: 4px;
    background-color: #009bdd;
    -webkit-transition: background-color .6s, -webkit-transform .6s linear;
    transition: background-color .6s, transform .6s linear;
  }
  .open span:after {
    content: '';
    position: absolute;
    top: 13px;
    left: 3px;
    width: 27px;
    height: 4px;
    background-color: #009bdd;
    -webkit-transition: background-color .6s, -webkit-transform .6s linear;
    transition: background-color .6s, transform .6s linear;
  }
  #navTgl:checked+.open {
    position: fixed;
    background-color: #009bdd;
    /*background-color: indianRed;*/
    /*  -webkit-transform: translateX(-200px);
      transform: translateX(-200px);*/
  }
  #navTgl:checked+.open span>b {
    opacity: 1.0;
  }
  #navTgl:checked+.open span>b:before {
    display: none;
  }
  #navTgl:checked+.open span>b:after {
    /*content: "閉じる";*/
    display: block;
    top: 15px;
    left: -6px;
    background-color: transparent;
    width: 38px;
  }
  #navTgl:checked+.open span:before {
    content: '';
    width: 27px;
    height: 4px;
    top: 14px;
    background-color: #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  #navTgl:checked+.open span:after {
    content: '';
    width: 27px;
    height: 4px;
    top: 14px;
    left: 3px;
    background-color: #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav-close {
    pointer-events: none;
    width: 100%;
    height: 100%;
    transition: background-color .6s;
    opacity: 1.0;
  }
  #navTgl:checked~.wrapper_Inr {
    position: fixed;
    /*padding-right: 17px;*/
  }
  #navTgl:checked~.wrapper_Inr .nav-close {
    pointer-events: auto;
    background-color: rgba(0, 0, 0, .5);
  }
  .nav-close:hover {
    /*background-color: rgba(0,0,0,.3);*/
    opacity: 1.0;
  }
}


/*--------------------------
  side infomations
---------------------------*/


/* お問い合わせ */

.panel-aside {
  border-top: 1px solid #e3e3e3;
  margin-bottom: 0;
  padding: 15px 0;
  box-shadow: none;
}

.nav-list+.panel-aside {
  margin-top: 24px;
  border-top: none;
}

@media (max-width: 767px) {
  .nav-list+.panel-aside {
    margin-top: 0;
    border-top: 1px solid #e3e3e3;
  }
}

.panel-aside:first-child {
  padding-top: 0;
  border-top: none;
}

@media (max-width: 767px) {
  .panel-aside:first-child {
    padding-top: 20px;
  }
}

.panel-aside .panel-body {
  padding: 0;
}

.panel-aside__inquiry,
.panel-aside__mail-info {
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  nav:not(.menu-not-nav) .panel-aside__inquiry {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .panel-aside__mail-info {
    padding-left: 15px;
    padding-right: 15px;
  }
  .panel-aside__mail-info .panel-body {
    text-align: center;
  }
  .panel-aside__mail-info .panel-body a {
    display: inline-block;
    margin-bottom: 10px;
  }
  .panel-aside__mail-info .panel-body p {
    font-size: 1.0rem;
    text-align: left;
  }
}

.panel-aside .inquiry-block__tit {
  margin-bottom: 8px;
}

.panel-aside .inquiry-block__tit dt {
  position: relative;
  font-size: 1.3rem;
  margin-bottom: 2px;
}

.panel-aside .inquiry-block__tit .faq-link {
  position: relative;
  font-size: 1.2rem;
  margin-bottom: 2px;
}

@media (max-width: 767px) {
  .panel-aside .inquiry-block__tit dt {
    font-size: 1.6rem;
    text-align: center;
    margin-bottom: 10px;
  }
  .panel-aside .inquiry-block__tit .faq-link {
    font-size: 1.5rem;
    text-align: center;
    margin-bottom: 10px;
  }
}

.panel-aside .inquiry-block__tit dd>a {
  padding-left: 30px;
  color: #de3434;
  font-size: 1.9rem;
  font-weight: bold;
  text-decoration: none;
}

@media (max-width: 767px) {
  .panel-aside .inquiry-block__tit dd {
    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%);
  }
  .panel-aside .inquiry-block__tit dd>a {
    display: inline-block;
  }
  .panel-aside .inquiry-block__tit dd>a span {
    font-size: 2.8rem;
  }
}


/* 電話 アイコン */

.panel-aside .fa-phone {
  position: relative;
  top: 1px;
  left: 1px;
  color: #de3434;
  font-size: 1.7rem;
}

@media (max-width: 767px) {
  .panel-aside .fa-phone {
    top: 5px;
    font-size: 2.6rem;
  }
}


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

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

@media (max-width: 767px) {
  .panel-aside .freedialIcn {
    background-position: 0px 14px;
  }
}

.panel-aside .inquiry-block__time {
  margin-bottom: 0px;
}

@media (max-width: 767px) {
  .panel-aside .inquiry-block__time {
    width: 258px;
    margin: 0 auto 5px;
  }
}

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

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

.panel-aside .inquiry-block__time dt {
  margin-bottom: 3px;
}

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

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

.panel-aside .inquiry-block__time dd {
  margin-bottom: 3px;
}

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

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

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

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

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

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

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

.panel-aside .servicetime-block__tit {
  position: relative;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 6px;
}

.panel-aside .servicetime-block__tit span.servicetime-block_indent {
  display: inline-block;
  text-indent: 18px;
}

@media (max-width: 767px) {
  .panel-aside .servicetime-block__tit {
    text-align: center;
    font-size: 1.6rem;
  }
  .panel-aside .servicetime-block__tit span.servicetime-block_indent {
    display: inline;
    text-indent: 0;
  }
}

.panel-aside .servicetime-block__list {
  list-style: none;
  font-size: 1.2rem;
  margin-bottom: 3px;
}

@media (max-width: 767px) {
  .panel-aside .servicetime-block__list {
    position: relative;
    width: 172px;
    margin: 0 auto;
  }
}

.panel-aside .servicetime-block__list+p {
  font-size: 1.2rem;
}

@media (max-width: 767px) {
  .panel-aside .servicetime-block__list+p {
    text-align: center;
  }
}

.panel-aside .servicetime-block__list li {
  margin-bottom: 3px;
}

.panel-aside .servicetime-block__list li>b {
  display: inline-block;
  width: 90px;
}

.panel-aside .servicetime-block__list li>span {
  display: block;
}

@media (max-width: 767px) {
  .panel-aside .servicetime-block__list li>span {
    position: absolute;
  }
}

/** 2024年12月 解約デジタル完結 */
.panel-aside .servicetime-block__list_termination {
  list-style: none;
  font-size: 1.2rem;
  margin-bottom: 3px;
}

@media (max-width: 767px) {
  .panel-aside .servicetime-block__list_termination {
    position: relative;
    width: 272px;
    margin: 0 auto;
  }
}

.panel-aside .servicetime-block__list_termination li {
  margin-bottom: 3px;
}

.panel-aside .servicetime-block__list_termination li>b {
  display: inline-block;
  width: 150px;
}

.afl-header__body__main_logo_cancle_mb3 {
  display: flex;
  float: left;
  margin-bottom: 3px;}

/*--------------------------
banner
---------------------------*/

.list-banner {
  display: inline-block;
}

@media (max-width: 767px) {
  .list-banner {
    display: block;
    margin-top: 45px;
  }
}

.list-banner>li {
  margin-bottom: 20px;
}

.list-banner li>dl {
  margin-bottom: 0;
}

.list-banner li>dl dt {
  display: block;
  width: 200px;
  float: left;
}

.list-banner li>dl dd {
  display: block;
  overflow: hidden;
}

.list-banner li>dl dt>a {
  display: inline-block;
}

.list-banner li>dl dd>p {
  margin-bottom: 10px;
}

.list-banner li>dl:before,
.list-banner li>dl:after {
  display: table;
  content: " ";
}

.list-banner li>dl:after {
  clear: both;
}

@media (max-width: 767px) {
  .list-banner>li {}
  .list-banner li>dl dt {
    float: none;
    text-align: center;
    width: auto;
    margin-bottom: 10px;
  }
  .list-banner li>dl dt>a {
    display: inline-block;
  }
}

.list-banner li:nth-child(3n) {}

.list-banner li:nth-child(1) a {
  background: url(../img/banner/CANET_Banner02-1.png) no-repeat;
  background-size: contain;
}

.list-banner li:nth-child(1) a:hover {
  background: url(../img/banner/CANET_Banner02-2.png) no-repeat;
  background-size: contain;
}

.list-banner li:nth-child(2) a {
  background: url(../img/banner/CANET_Banner04-1.jpg) no-repeat;
}

.list-banner li:nth-child(2) a:hover {
  background: url(../img/banner/CANET_Banner04-2.jpg) no-repeat;
}

.list-banner li:nth-child(3) a {
  background: url(../img/banner/CANET_Banner05-1.jpg) no-repeat;
}

.list-banner li:nth-child(3) a:hover {
  background: url(../img/banner/CANET_Banner05-2.jpg) no-repeat;
}


/*--------------------------
保険商品ロゴ画像
---------------------------*/

img[src*='product_logo'] {
  width: 100%;
  max-width: 148px;
  height: auto;
}


/*--------------------------
保険商品 資料請求
---------------------------*/


/* inquiry Item */

.inquiryItem {
  display: table;
  position: relative;
  width: 100%;
  border: 3px solid #f46700;
  margin: 10px auto;
  padding: 0 14px;
}

.inquiryItem-TblTxt {
  text-align: right;
  padding-right: 60px;
}

.inquiryItem:before,
.inquiryItem:after {
  content: '';
  display: block;
  position: absolute;
}

.inquiryItem:before {
  border-style: solid;
  border-width: 15px 13px 0;
  border-color: #f46700 transparent;
  width: 25px;
  height: 15px;
  right: 20px;
  bottom: -39px;
  background-color: transparent;
}

.inquiryItem:after {
  width: 14px;
  height: 24px;
  right: 26px;
  bottom: -24px;
  background-color: #f46700;
}

.inquiryItem-bottom:before {
  border-width: 0 13px 15px;
  border-color: #f46700 transparent;
  top: -39px;
  bottom: 0;
}

.inquiryItem-bottom:after {
  top: -24px;
  bottom: 0;
}

.inquiryItem__txt {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding-left: 10px;
}

.inquiryItem__txt>p {
  margin: 0;
  font-size: 2.4rem;
  font-weight: bold;
  color: #333;
}

.inquiryItem__btn {
  display: block;
  text-align: right;
  width: 240px;
}

.inquiryItem__icon {
  letter-spacing: -0.4em;
}
.inquiryItem__icon--item {
  display: inline-block;
  padding: 5px 10px 3px;
  margin: 0 5px 5px 0;
  border-radius: 2px;
  color: #fff;
  letter-spacing: normal;
}
.inquiryItem__icon--item01 { background: #22ac38;}
.inquiryItem__icon--item02 { background: #e63820;}
.inquiryItem__icon--item03 { background: #f18d00;}
.inquiryItem__icon--item04 { background: #fe5693;}

.inquiryItem__notes {}
.inquiryItem__notes > li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 10px;
  font-size: 1.1rem;
  list-style:  none;
}
.inquiryItem__notes > li > .kome {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}


@media (max-width: 767px) {
  .inquiryItem-TblTxt {
    text-align: left;
  }
  .inquiryItem__txt {
    display: block;
    text-align: center;
  }
  .inquiryItem__txt>p {
    font-size: 2.0rem;
    margin-top: 10px;
    padding-left: 0;
  }
  .inquiryItem__btn {
    margin: 0 auto;
  }
}

.inquiryItem__btn .btn-link-inquiry {
  position: relative;
  width: 100%;
  margin: 14px 0;
  padding-left: 70px;
  text-align: left;
  font-size: 2.2rem;
}

.inquiryItem__btn .btn-link-inquiry:before {
  content: '';
  position: absolute;
  top: 32px;
  left: 22px;
  box-sizing: border-box;
  display: block;
  width: 28px;
  height: 28px;
  margin-top: -9px;
  background: #FFF;
  border: 2px solid #fff;
  background-color: transparent;
}

.inquiryItem__btn .btn-link-inquiry:after {
  content: '';
  position: absolute;
  display: block;
  top: 33px;
  left: 27px;
  width: 18px;
  height: 12px;
  margin-top: -5px;
  border-left: 5px solid #fff;
  border-bottom: 5px solid #fff;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.inquiryItem__btn .btn-link-inquiry>span>span {
  font-size: 1.4rem;
  display: block;
}

.inquiryItem-wrap table {
  border-bottom: solid 1px #ccc;
  border-collapse: collapse;
  margin-bottom: 10px;
}

.inquiryItem-wrap table+table {
  margin-top: 24px;
}

.inquiryItem-wrap thead th,
.inquiryItem-wrap thead td {
  color: #fff;
  font-weight: bold;
  padding: 12px 12px 10px;
}

.inquiryItem-wrap thead th {
  background-color: #3e75d9;
}

.inquiryItem-wrap table:nth-of-type(2) thead th {
  background-color: #459d45;
}

.inquiryItem-wrap table:nth-of-type(3) thead th {
  background-color: #cc3300;
}

.inquiryItem-wrap table:nth-of-type(4) thead th {
  background-color: #5a41a2;
}

.inquiryItem-wrap table:nth-of-type(5) thead th {
  background-color: #e58d37;
}

.inquiryItem-wrap thead td {
  padding: 12px 2px 10px;
  text-align: center;
  background-color: #ff8100;
  border-right: 1px solid #ff8100;
}

.inquiryItem-wrap tbody th {
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  padding: 10px 10px 10px 30px;
}

.inquiryItem-wrap tbody td {
  padding: 10px;
  background-color: #fdf3cb;
  border-top: solid 1px #ccc;
  border-right: solid 1px #ccc;
  text-align: center;
  vertical-align: middle;
}

.inquiryItem-wrap label {
  font-weight: normal;
  cursor: pointer;
}

.inquiryItem-wrap .btn-link-normal {
  font-size: 1.4rem;
  margin: 5px auto;
  padding: 10px 16px 8px;
}


/* ==========================================
  Softwear Keybord
========================================== */

.is-keypad.form-control[readonly] {
  border-color: #f3982d;
  background-color: #ffc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px #f9aa4c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 5px #f9aa4c;
  opacity: 1;
}

@media (max-width: 767px) {
  .ui-widget button {
    font-size: .8em !important;
  }
  .keypad-space {
    width: 1.6em !important;
  }
  .keypad-half-space {
    width: .8em !important;
  }
}


/* ==========================================
  2016/10 対応
========================================== */

.panel-recommend {
  margin-bottom: 20px;
}

.panel-recommend p {
  padding: 0 40px;
}

.panel-recommend figure {
  margin-bottom: 0;
}

.panel-blue {
  border: 12px solid #2d78d9;
}

.panel-pink {
  border: 12px solid #ff4e5d;
}

.panel-green {
  border: 12px solid #3b9c47;
}

.panel-recommend .headingLv3 {
  margin-bottom: 30px;
}

.panel-blue .headingLv3:before {
  border-left: 16px solid #2d78d9;
}

.panel-pink .headingLv3:before {
  border-left: 16px solid #ff4e5d;
}

.panel-green .headingLv3:before {
  border-left: 16px solid #3b9c47;
}

.panel-recommend .row>[class*='col-']:nth-child(2) {
  border-left: 2px solid #ccc;
}

@media (max-width: 767px) {
  .panel-recommend .row>[class*='col-']:nth-child(2) {
    border-left: none;
    margin-top: 25px;
  }
}

.tempo_search {
  border: 1px solid #ccc;
  padding: 20px;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .tempo_search {
    margin: auto 10px 20px !important;
  }
  .tempo_search+.row {
    margin-bottom: 30px;
  }
}

.tempo_search__Inr {
  float: left;
}

.tempo_search__Inr>p {
  margin-bottom: 0;
}

.tempo_search__Inr+figure {
  overflow: hidden;
  margin: 0;
  width: 220px;
}

.tempo_search img {
  width: auto;
}

@media (max-width: 767px) {
  .tempo_search img {
    width: auto;
  }
}


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

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

.inquiry-block-wrap>p {
  font-weight: bold;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .inquiry-block-wrap>p {
    text-align: center;
    margin-bottom: 6px;
  }
}

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

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

.inquiry-block-wrap .inquiry-block__tit+p {
  margin-top: -10px;
}

@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;
  }
}

.site-num {
  position: relative;
}

.site-num .site-num__Inr {
  position: absolute;
  top: -35px;
  right: 0;
  color: #000;
  margin-right: 20px;
  padding-right: 190px;
}

@media (max-width: 767px) {
  .site-num .site-num__Inr {
    margin-right: 20px;
    padding-right: 40px;
    margin-bottom: 20px
  }
}

@media (min-width: 768px) {
  a.tel-reset-pc[href^="tel:"] {
    color: #000;
    text-decoration: none;
  }
  a.tel-reset-pc[href^="tel:"]:hover {
    color: #000;
  }
}
/* ==============================
2019年6月対応 バナー追加
================================ */
#headcontainer {

width:100%;
border:1px solid #ddd;
display:-webkit-box;
display:flex;
}

#searchresults {

background-color:#999;
color:#fff;
padding:8px;
width:100%;
height:100%;
}

#maincontainer {
border:1px solid #ddd;
width:100%;
min-heght:50px;
display:-webkit-box;
display:flex;
}

#city {
padding:10px;
width:100%;
-webkit-box-flex:1.1;
flex: 1 1 auto;
}

#choosecity {
padding:5px;
width:100px;
-webkit-box-flex:0.0;
flex: 0 0 100px;
}

.ml0 {
  margin-left: 0px !important;
}

@media (max-width: 767px) {
  .ml20-sp {
    margin-left: 20px !important;
  }
}

.radio-wrap-strongMockTxt{
  font-weight: bold;
    color: rgba(0, 128, 0, 1);
}

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

/*--------------------------
証券番号入力文言の文章スタート揃え
---------------------------*/

.ml22 {
  margin-left: 22px !important;
}

/*--------------------------
スマホ時画像認証の画像とボタンを左寄せにする
---------------------------*/

@media (max-width: 767px) {
  .row-left figure {
    text-align: left;}
  .row-left button {
    margin: 0 0 15px;
    float: left;
  }
}

/*--------------------------
初回登録キーの間の線を中央揃えにする
---------------------------*/

.SFDC span{
  margin-top: 8px;
}

/*--------------------------
現在の初回IDの色を太字緑色にする
---------------------------*/

.radio-wrap-strongMockTxt{
  font-weight: bold;
    color: rgba(0, 128, 0, 1);
}

/*--------------------------
生年月日のエラー文言の空白を狭くする
---------------------------*/

@media (max-width: 767px) {
.alert_SFDC{
    margin-top: -13px;
}
}

/*--------------------------
赤いビックリマークのアイコンを一番上にする
---------------------------*/

.container__main-SFDC .alert-icon {
    top: auto;
}

/*--------------------------
fontawesomeを使用可能にする
---------------------------*/

.SFDC .form-control {
  font-family: FontAwesome, "メイリオ", "Hiragino Kaku Gothic ProN", sans-serif;
}

/*--------------------------
header
---------------------------*/

.header__logo-SFDC {
  background: url("../img/header_logo_my2x_new.png") no-repeat center top;
  background-size: 264px 70px;
  height: 70px;
  width: 264px;
  margin: 10px 0px;
}
.header__logo-034 {
  background: url("../img/MFForAflac.png") no-repeat center top;
  background-size: 264px 90px;
  height: 90px;
  width: 264px;
}

/* @media (max-width: 767px) {
  .header__logo-SFDC {
      background-size: 150px 50px;
      height: 50px;
      margin: 20px 7.5px 9.6px;
      width: 150px; ;
  }
} */@media (max-width: 420px) {
  .header__logo-SFDC {
    background-size: 170px 50px;
    height: 50px;
    margin: 15px 0px 0px 0px;
    width: 170px;
  }
  .header__logo-034 {
    background-size: 130px 45px;
    height: 50px;
    width: 150px;
    margin-top: 15px;
    margin-left: -15px;
  }
}

.logo-SFDC {
  width: 400px;
  padding: 5px 0px;
}

.logo-SFDC dl>dt>img,
.logo-SFDC dl>dt>a>img {
  width: 200px;
  height: 60px;
}

.afl-header__body__main_logo {
  display: flex;
  float: left;
  margin-bottom: 0px;}

.afl-header__body__main_menu {
  list-style: none;
  float: right;
  font-weight: normal;}

.afl-header__body__main__icon {
  text-align: right;}
.afl-header__body__main__icon i {
  margin-top: 20px;
  margin-right: 35px;
  font-size: 25px;
  color: #b3e1f5; }

@media (max-width: 980px) {
.afl-disp__bp--inverse {
  display: none; } }

.afl-button--clear {
  border: 0;}

.afl-button--clear--icon {
  background-color: transparent;
  color: #000;
  line-height: 1em;
  margin-top: 20px;
  outline: 0;}
@media (max-width: 980px) {
  .afl-button--clear--icon {
  margin-top: 0px;
  }
}

.afl-header__body__main__icon i {
  margin-top: 20px;
  margin-right: 35px;
  font-size: 25px;
  color: #b3e1f5;
}

@media (max-width: 980px) {
  .afl-size--8-bp {
    width: 6%;
    margin-top: 15px;
    margin-right : 30px;}
}@media (max-width: 420px) {
  .afl-size--8-bp {
    margin-top: 8px;}
}

/*--------------------------
container__main
---------------------------*/

.container__main-SFDC {
  margin-left: 0;
  padding: 32px 30px 0 30px;}
@media (max-width: 767px) {
  .container__main-SFDC {
    padding:16px 10px 0 10px;
  }
}

/*--------------------------
container__main_center
---------------------------*/

.container__main-SFDC-center {
  margin-left: 0;
  padding: 32px 30px 0 30px;}
@media (max-width: 767px) {
  .container__main-SFDC-center {
    padding:16px 10px 0 10px;
  }
}

/*--------------------------
gotop
---------------------------*/

.gotop-SFDC {
  width: 60px;
  height: 60px;
  position: fixed;
  right: 15px;
  bottom: 48px;
  z-index: 9;
  border-radius: 5px;
  background-color: #009cde;
  color: #fff;}
@media (min-width: 768px) {
  .gotop-SFDC {
    right: 50%;
    margin-right: -375px;}
}
@media (min-width: 992px) {
  .gotop-SFDC {
    right: 50%;
    margin-right: -490px;}
}

.gotop-SFDC a {
  font-size: 1.2rem;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 40px;
  color: #fff;
  text-decoration: none;
  outline: none;
}

.gotop-SFDC .fa-angle-double-up {
  margin-right: 18px;
  margin-bottom: 50px;
  position: static;
}

.gotop-SFDC .fa-angle-double-up:before {
  position: absolute;
  top: 50%;
  text-align: center;
  color: #fff;
  margin-top: -11px;
  line-height: 18px;
  width: 60px;
  height: 60px;
  font-size: 3rem;
}

.gotop-SFDC .fa-angle-double-up:after {
  position: absolute;
}

/*--------------------------
footer-container
---------------------------*/

.footer-container-SFDC {
  width: 100%;
  height: 40px;
  position: absolute;
  bottom: 0;
  background-color: #fff;
  box-shadow: 0px -1px 2px #cddee5;
}

.footer-container-SFDC p {
  font-size: 1.2rem;
  padding: 10px 0;
}

.footer-container-SFDC p.footer-character {
  float: left;
  color: #77bbff;
}

/*--------------------------
tbl-default
---------------------------*/

@media (max-width: 767px) {
  .tbl-default-SFDCreal {
    margin-bottom: 20px;
    display: block;
    padding: 0 10px;
  }
}

@media (max-width: 767px) {
  .tbl-default-SFDCreal-new {
    display: block;
    padding: 0 10px;
  }
}

.tbl-default-SFDCreal th,
.tbl-default-SFDCreal td {
  padding: 13px 20px;
  border: 2px solid #fff;
  border-top: none;
  background: #fff;
}

.tbl-default-SFDCreal th label {
  margin-bottom: 0;
  cursor: pointer;
}

.tbl-default-SFDCreal th:empty,
.tbl-default-SFDCreal td:empty {
  display: none;
}

@media (max-width: 767px) {
  .tbl-default-SFDCreal th,
  .tbl-default-SFDCreal td {
    padding: 10px;
  }
  section>.tbl-default-SFDCreal th {
    margin-top: 16px;
  }
  .tbl-default-SFDCreal th .row>[class*='col-'],
  .tbl-default-SFDCreal td .row>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
  .tbl-default-SFDCreal th>br {
    display: none;
  }
}

/*--------------------------
button
---------------------------*/

.btn-SFDCreal {
  /* border: none; */ /* 20191121 オフQA NO65で削除 */
  border-radius: 3.2em;
  text-decoration: none;
}

.btn-SFDCreal:hover{
  opacity: 0.5;
}

.btn-SFDCreal .arrowRight {
  float: right;
  font-size: 2.5rem;
  top: 0px;
  left: 5px;
}

.btn-SFDCreal .arrowLeft {
  float: left;
  font-size: 2.5rem;
  top: 0px;
  right: 5px;
}

.btn-SFDCreal .placeCenter{
  top: 50%;
  margin-top: 0.5em;
}

.btn-SFDCreal .fa-envelope{
  top: 0px;
  color: white;
  font-size: 1.4rem !important;
}

/** 入力・登録系メイン導線に関わるサブミットボタン **/

.btn-form-do-SFDCreal,
.btn-form-close-SFDCreal,
.btn-form-not-SFDCreal {
  margin: 20px auto;
  padding:  0.875em 1.5em 0.875em 1em;
  font-size: 1.7rem;
  font-weight: bold;
  max-width: 26rem;
  width: 100%;
  outline: none;
}

/* 肯定系 */

.btn-form-do-SFDCreal {
  color: #fff;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  background-color: #e98300 !important;
  border-style: solid;
  border-color: #e98300 !important;
  text-decoration: none;
}

/* 閉じる系 */

.btn-form-close-SFDCreal {
  color: #fff;
  -webkit-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  background-color: #00a5d9 !important;
  border-style: solid;
  border-color: #00a5d9 !important;
  text-decoration: none;
}

/* 否定系 */

.btn-form-not-SFDCreal {
  color: #333;
  -webkit-box-shadow:  none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #000;
  border-width: 2px;
  font-weight: normal;
}

/** テーブル内で使用されるボタン **/

.btn-in-tbl-SFDCreal {
  font-size: 1.2rem;
  letter-spacing: 1.5px;
  color: #fff;
  margin: 0 auto 15px;
  -webkit-box-shadow:  0px 4px 6px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.16);
  background-color: #00a5d9;
  border-style: solid;
  border-color: #00a5d9 !important;
  text-align: center;
  height: 48px;
  outline: none;
}

.btn-in-tbl-SFDCreal>.fa {
  font-size: 1.4rem;
  top: 0;
}

a.btn-in-tbl-SFDCreal,
a.btn-in-tbl-SFDCreal:focus {
  padding-top: 13px;
  text-decoration: none;
  outline: 0;
  color: #fff;
}

@media (max-width: 237px){
  a.btn-in-tbl-SFDCreal,
  a.btn-in-tbl-SFDCreal:focus {
    height: auto;
  }
}

/** 非活性 **/

.btn-SFDCreal.disabled,
.btn-SFDCreal[disabled],
fieldset[disabled] .btn-SFDCreal {
  cursor: not-allowed;
  color: #fff !important;
  background-color: #b3b3b3 !important;
  background-image: none;
  -webkit-box-shadow: 0px 4px 6px rgba(0,0,0,0.16);
  box-shadow: 0px 4px 6px rgba(0,0,0,0.16);
  border-style: solid;
  border-color: #b3b3b3 !important;
  outline: none;
  opacity: 1 !important;
}

/*--------------------------
ステップ表示
---------------------------*/

.stepBar {
  display: flex;
  position: relative;
  margin: 20px auto;
  text-align: center;
}

.stepBar li {
  font-size: 100% !important;
  list-style: none;
  position: relative;
  width: 33.333%;
}

.stepBar li:after {
  background: #b3b3b3;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 13px); /* 12px */
  top: 10px;
}

.stepBar li:first-child:after {
  display: none;
}

.stepBar li span {
  background: #b3b3b3;
  color: #ffffff;
  display: inline-block;
  height: 28px;
  margin-bottom: 5px;
  line-height: 28px;
  width: 28px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.stepBar .visited:after {
  background: #00a5d9;
}

.stepBar .visited span {
  background: #00a5d9;
}

@media (max-width: 767px){
  .stepBar .description {
  /* display: none; */
  }
}
.description {
  text-align: -webkit-center;
}
.description > div {
  margin: auto;
}

/*--------------------------
container__side
---------------------------*/

.container__side-SFDC {
    width: 100%;
    padding: 0 10px;
    margin-top: 10px;
}

/*--------------------------
入力欄
---------------------------*/

.input-SFDC{
    height: 48px;
    border: 0px;
    background-color: rgb(232, 240, 254);
    border-radius: 0px;
}

.has-error-SFDC .select-SFDC {
  color: #555;
}

.container__main-SFDC .help-block {
  color: #737373;
  margin-top: 0px;
}

/* フォーカス時入力欄 */

.SFDC .form-control:focus {
  background-color: rgb(232, 240, 254);
  border: 0px;
  box-shadow: inset 0px -2px #00a5d9;
}

/* エラー時入力欄 */
.has-error-SFDC .form-control {
  border-color: #ccc;
  background-color: rgb(232, 240, 254);
  box-shadow: inset 0px -2px #e2242c;
}
.has-error-SFDC .form-control:focus {
  background-color: rgb(232, 240, 254);
  border: 0px;
  box-shadow: inset 0px -2px #e2242c;
}

/*--------------------------
リスト 注釈
---------------------------*/

.list-note-SFDC>li {
  position: relative;
  color: #000;
  padding-left: 18px;
  word-break: normal;
}

.list-note-SFDC-NEW>li {
  position: relative;
  color: #000;
  line-height: 25px;
  word-break: normal;
}

.list-note-SFDC>li:before {
  content: '※';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.list-note-SFDC>li[data-num] {
  padding-left: 27px;
}

.list-note-SFDC>li[data-num]:before {
  content: "※"attr(data-num);
}

/*--------------------------
ブラウザの初期設定を使用不可にする
---------------------------*/
input.input-SFDC {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.mt-30 {
  margin-top: -30px;
}

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

.checkbox-bigger {
  height: 15px;
  width: 15px;
}

/*--------------------------
tbl-display
---------------------------*/

@media (max-width: 767px) {
  .tbl-display-SFDCreal {
    margin-bottom: 10px;
    display: block;
    padding: 0 10px;
  }
}

.tbl-display-SFDCreal th,
.tbl-display-SFDCreal td {
  padding: 5px 20px;
  border: 2px solid #fff;
  border-top: none;
  background: #fff;
}

.tbl-display-SFDCreal th label {
  margin-bottom: 0;
  cursor: pointer;
}

.tbl-display-SFDCreal th:empty,
.tbl-display-SFDCreal td:empty {
  display: none;
}

@media (max-width: 767px) {
  .tbl-display-SFDCreal th,
  .tbl-display-SFDCreal td {
    padding: 3px 10px;
  }
  .tbl-display-SFDCreal th .row>[class*='col-'],
  .tbl-display-SFDCreal td .row>[class*='col-'] {
    padding-right: 0;
    padding-left: 0;
  }
  .tbl-display-SFDCreal th>br {
    display: none;
  }
}

.mt-18 {
  margin-top: -18px;
}

.sms-mt20{
	margin: 20px 20px 0;
    text-align: left;
}

/*--------------------------
プログレスバー表示
---------------------------*/

.progressBar {
  display: flex;
  position: relative;
  margin: 20px auto;
  text-align: center;
}

.progressBar li {
  font-size: 100% !important;
  list-style: none;
  position: relative;
  width: 50%;
}

.progressBar li:after {
  background: #b3b3b3;
  content: "";
  width: calc(100% - 24px);
  height: 4px;
  position: absolute;
  left: calc(-50% + 13px); /* 12px */
  top: 10px;
}

.progressBar li:first-child:after {
  display: none;
}

.progressBar li span {
  background: #b3b3b3;
  color: #ffffff;
  display: inline-block;
  height: 28px;
  margin-bottom: 5px;
  line-height: 28px;
  width: 28px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.progressBar .visited:after {
  background: #00a5d9;
}

.progressBar .visited span {
  background: #00a5d9;
}

@media (max-width: 767px){
  .progressBar .explanation {
  /* display: none; */
  }
}
.explanation {
  text-align: -webkit-center;
}
.explanation > div {
  margin: auto;
}

.pol-IdPwd {
    border: solid 3px #DCDCDC;
    width: 270px;
    margin-top: 10px;
    margin-right: 230px;
}

.pol-IdPwd-mt {
    margin: 6px 15px 6px 15px;
}

/*--------------------------
線表示
---------------------------*/

.loginPage-line {
    width: 100%;
    height: 1px;
    border-top: solid #DCDCDC 1px;
    margin: 20px 0 25px 0;
}
/*--------------------------
SP 文章の表示幅を狭める
---------------------------*/

.width490{
  width:490px;
}
@media (max-width: 767px) {
  .text-narrow{
		padding: 6% 10% 0 10%;
	}

   .pr20-sp{padding-right: 20px;
   }
   .width490{
   		width:100%;
   }

}


.receptionSetMessage{
	background: url(../img/icon_info.png) 0px 100%/13px 13px no-repeat;
    height: 13px;
    width: 13px;
    display: inline-block;
}

.receptionSetML{
	margin-left: 5px;
    color: #ff0000;
}

.B022-title{
	margin-left: 24px;
	margin-top:40px;
	margin-bottom: 30px;
}

.autocomplete {
    position: relative;
    display: inline-block;
}

.autocomplete-items {
    position: absolute;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    border: 1px solid #767676;
    margin-top: -7px;
    word-break: break-all;
}

.autocomplete-items div {
	padding: 12px;
    cursor: pointer;
    min-height: 48px;
    background-color: rgb(232, 240, 254);
    color: #555555;
    box-shadow: 0 0 0 1px rgb(232 240 254);
}

.autocomplete-items div:hover {
	color : #fff;
    background-color: #1e90ff;
}

.autocomplete-active {
	color : #fff !important;
    background-color: #1e90ff !important;
}

@media (max-width: 767px) {
  .col-circle-top {
    display: flex;
    align-items: initial;
  }
  .col-sm-1-right {
    margin-top: 4px;
  }
  .col-sm-1-left {
    width: 80%;
    display: inline-block;
  }
}

.p-strongTitle{
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 20px;
}
.list-li {
  padding-left: 0;
  list-style: none;
}

.list-li:last-child {
  padding-left: 0;
  list-style: none;
  margin-bottom: 10px;
}

.div-width1{
   width:70%;
}

@media (max-width: 767px) {
  .div-width{
    width:100%;
  }
}

@media (min-width: 768px) {
  .div-width{
    width:100%;
    margin: 10px 10px 10px 0px;
  }
}

@media (max-width: 991px) {
  .div-width-dp-kankyou {
    display:block;
  }
}

@media (min-width: 992px){
  .div-width-dp-kankyou {
    display:flex;
  }
}

.vm {
  vertical-align: middle;
}

.fs11 {
  font-size: 1.1rem !important;
}
.wp-n {
  white-space: nowrap;
}

@media (max-width: 767px) {
  .br-dp-li{
    display:inline;
  }
}

@media (min-width: 768px){
  .br-dp-li{
    display:none;
  }
}

@media (max-width: 767px) {
  .br-dp-lb{
    display:none;
  }
  .bellFaceBoxShadow{
  	box-shadow:none;
  }
  .bellFaceInput_error .form-control{
  	box-shadow: none;
  	border-bottom: 2px #e2242c solid;
  }
}

@media (min-width: 768px) {
  .br-dp-lb{
    display:inline;
  }
}
.label-ti {
  padding-left:10px;
  text-indent:-13px;
  font-weight: normal !important;
}
.hr-kankyou {
  width: 100%;
  border: 0;
  border-top: 2px dotted #c5c5c5b5;
  display: flex !important;
  margin-bottom: 20px !important;
}
@media (max-width: 376px){
	.center_sp {
	text-align: center;
}
}

/* bellFace*/
.mainContainer{
	background-color: #daeef7;
}
.textContainer{
	background-color: #fff;
	padding: 14px;
    line-height: 3rem;
}
.section{
	padding: 12px;
	text-align: left;
}
.model_sp_pc{
	border:1px solid black;
	display:flex;
}
.list_style{
	list-style: none;
	font-size:10px;
	padding:6px;
}
.bf-container{
	margin:36px 0;
}
.text_border{
	border:1px solid black;
	padding:6px;
}
.sp_display{
	display:none;
}
.pc_display{
	display:block;
}
.center{
	text-align: center;
}
.margin_20{
  	margin:20px 0;
}
.a_style{
	text-decoration: underline;
	cursor: pointer;
	color: #003366;
}
@media (max-width: 767px) {
  .sp_display {
  	display:block;
  }
  .pc_display{
  	display:none;
  }
  .margin-none{
  	margin:0 !important;
  }
}
.display_flex {
  display: flex;
}
.grecaptcha-badge {
  visibility: hidden;
}
@media (min-width: 768px) {
    .recaptcha-message{
        text-align: center;
        margin-bottom: 20px;
    }
}
@media (max-width: 767px) {
    .recaptcha-message{
        font-size: 1.2rem;
        margin: 0 22px;
    }
}

/* A027マスクレイヤー */
.layer_region {
	display: none;
	background: rgba(0, 0, 0, 0.3);
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
}

.layer_center {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.type-erea {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	background: url(../img/img_duck_02.svg) center no-repeat;
}

.typing {
	width: 130px;
	white-space: nowrap;
	padding-left: 15px;
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	top: -28px;
	color: white;
}

@media ( max-width : 768px) {
	.typing {
		padding-left: 10px;
		font-size: 15px;
		top: -26px;
	}
	.type-erea {
		width: 110px;
		height: 110px;
	}
}

.pt-8 {
	padding-top: 6px;
}

.typing p {
	margin: 0;
	float: left;
}

.spot {
	overflow: hidden;
	font-size: 18px;
	animation: typing 2s ease-out infinite;
}

@keyframes typing {
	from { width: 0px; }
	to { width: 30px; }
}

/*2026年1月お客様の声対応_ログインIＤ問い合わせ*/
.mail-alert-block {
	font-weight: bold;
	color: #ff0000;
	max-height: 47px;
}