@charset "Shift_JIS";
/* ----------------------------------------------------------------------------
    Common
---------------------------------------------------------------------------- */
.all_wrapper {
  position: relative;
  padding-top: 130px;
}
.all_wrapper .inner {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.contents {
  position: relative;
  overflow: hidden;
  animation-duration: 0.9s;
  animation-name: fade-in;
  -moz-animation-duration: 0.9s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.9s;
  -webkit-animation-name: fade-in;
  -ms-animation-duration: 0.9s;
  -ms-animation-name: fade-in;
  z-index: 0;
  padding: 30px 0;
}

/*  btn --------------------------------------------------------*/
.btn.type01 span.btn_inner, .btn.type01 input[type="submit"], .btn.type01 button {
  display: block;
  font-size: 15px;
  line-height: 1.13;
  font-weight: bold;
  text-decoration: none;
  border: none;
  background: none;
  cursor: pointer;
  width: 100%;
  padding: 0;
}
.btn.type01 a:visited {
  color: #fff;
}
.btn.type01 a, .btn.type01 span.btn_inner, .btn.type01 input[type="submit"], .btn.type01 button {
  vertical-align: baseline;
  display: block;
  color: #fff;
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 14px 20px 10px 20px;
  border: none;
  opacity: 1;
  border-radius: 24px;
  -moz-border-radius: 24px;
  -webkit-border-radius: 24px;
  -ms-border-radius: 24px;
  background-color: #ea5106;
  background-image: -webkit-linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  background-image: -moz-linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  background-image: -o-linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  background-image: linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
  box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}
.btn.type01 a:hover, .btn.type01 span.btn_inner:hover, .btn.type01 input[type="submit"]:hover, .btn.type01 button:hover {
  opacity: 0.8;
}
.btn.type01 a[class*="ico_"], .btn.type01 span.btn_inner[class*="ico_"], .btn.type01 input[type="submit"][class*="ico_"], .btn.type01 button[class*="ico_"] {
  padding-left: 40px;
}
.btn.type01 .external:after {
  display: inline;
  position: inherit;
  top: inherit;
  right: inherit;
}
.btn.type01.navy a, .btn.type01.navy span.btn_inner, .btn.type01.navy input[type="submit"], .btn.type01.navy button {
  background-color: #003d7b;
  background-image: -webkit-linear-gradient(0deg, #003d7b, #0056ae);
  background-image: -moz-linear-gradient(0deg, #003d7b, #0056ae);
  background-image: -o-linear-gradient(0deg, #003d7b, #0056ae);
  background-image: linear-gradient(0deg, #003d7b, #0056ae);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
}
.btn.type01.lightblue a, .btn.type01.lightblue span.btn_inner, .btn.type01.lightblue input[type="submit"], .btn.type01.lightblue button {
  background-color: #cce0f6;
  color: #003d7b;
  background-image: -webkit-linear-gradient(0deg, #cce0f6, #f7fafe);
  background-image: -moz-linear-gradient(0deg, #cce0f6, #f7fafe);
  background-image: -o-linear-gradient(0deg, #cce0f6, #f7fafe);
  background-image: linear-gradient(0deg, #cce0f6, #f7fafe);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
}
.btn.type01.cyan a, .btn.type01.cyan span.btn_inner, .btn.type01.cyan input[type="submit"], .btn.type01.cyan button {
  background-color: #4882be;
  color: #fff;
  background-image: -webkit-linear-gradient(0deg, #4882be, #6e9ccb);
  background-image: -moz-linear-gradient(0deg, #4882be, #6e9ccb);
  background-image: -o-linear-gradient(0deg, #4882be, #6e9ccb);
  background-image: linear-gradient(0deg, #4882be, #6e9ccb);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
}
.btn.type01.simplewhite a, .btn.type01.simplewhite span.btn_inner, .btn.type01.simplewhite input[type="submit"], .btn.type01.simplewhite button {
  background-color: #fff;
  border: 1px solid #e1e1e1;
  color: #003d7b;
  background-image: none !important;
}
.btn.type01.gray a, .btn.type01.gray span.btn_inner, .btn.type01.gray input[type="submit"], .btn.type01.gray button {
  background-color: #f0f0f0;
  color: #333333;
  background-image: -webkit-linear-gradient(0deg, #f0f0f0, #ffffff);
  background-image: -moz-linear-gradient(0deg, #f0f0f0, #ffffff);
  background-image: -o-linear-gradient(0deg, #f0f0f0, #ffffff);
  background-image: linear-gradient(0deg, #f0f0f0, #ffffff);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
  border: 1px solid #e1e1e1;
  padding: 10px 18px;
  font-weight: normal;
}
.btn.type01.white a, .btn.type01.white span.btn_inner, .btn.type01.white input[type="submit"], .btn.type01.white button {
  padding: 12px 18px 8px 18px;
  color: #003d7b;
  background-image: none !important;
  background-color: #fff;
  border: 4px solid #cce0f6;
  box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.05);
}
.btn.type01.green a, .btn.type01.green span.btn_inner, .btn.type01.green input[type="submit"], .btn.type01.green button {
  color: #333333;
  background-image: none !important;
  background-color: #d8f0c4;
}
.btn.type01.no_grad a, .btn.type01.no_grad span.btn_inner {
  background-image: none !important;
}
.btn.type01.min_shadow a {
  box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.1);
}
.btn.type01.no_shadow a {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
}
.btn.type01.thin, .btn.type01.form_btn {
  display: inline-block;
  margin: 0 10px;
  width: auto;
}
.btn.type01.thin a, .btn.type01.thin input[type="submit"], .btn.type01.thin button, .btn.type01.form_btn a, .btn.type01.form_btn input[type="submit"], .btn.type01.form_btn button {
  font-size: 12px;
  font-weight: bold !important;
  line-height: 14px;
  padding: 8px 10px !important;
  display: inline-block;
  width: 150px;
  box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 1px 2px 0px 0px rgba(0, 0, 0, 0.1);
}
.btn.type01.thin a.large, .btn.type01.thin input[type="submit"].large, .btn.type01.thin button.large, .btn.type01.form_btn a.large, .btn.type01.form_btn input[type="submit"].large, .btn.type01.form_btn button.large {
  font-size: 16px;
  line-height: 16px;
  padding: 14px 40px !important;
  min-width: 120px;
  width: auto;
  border-radius: 22px;
  -moz-border-radius: 22px;
  -webkit-border-radius: 22px;
  -ms-border-radius: 22px;
}
.btn.type01.thin a[class*="ico_"], .btn.type01.thin input[type="submit"][class*="ico_"], .btn.type01.thin button[class*="ico_"], .btn.type01.form_btn a[class*="ico_"], .btn.type01.form_btn input[type="submit"][class*="ico_"], .btn.type01.form_btn button[class*="ico_"] {
  padding-left: 60px !important;
}
.btn.type01.thin a[class*="ico_"]:before, .btn.type01.thin input[type="submit"][class*="ico_"]:before, .btn.type01.thin button[class*="ico_"]:before, .btn.type01.form_btn a[class*="ico_"]:before, .btn.type01.form_btn input[type="submit"][class*="ico_"]:before, .btn.type01.form_btn button[class*="ico_"]:before {
  font-size: 20px;
  left: 38px;
  margin-top: -11px;
}
.btn.type01.thin.gray a, .btn.type01.thin.gray input[type="submit"], .btn.type01.thin.gray button, .btn.type01.form_btn.gray a, .btn.type01.form_btn.gray input[type="submit"], .btn.type01.form_btn.gray button {
  border: none;
  background: #d8d8d8;
  color: #333333;
}
.btn.type01 a.small, .btn.type01 input[type="submit"].small, .btn.type01 button.small {
  width: 110px !important;
}
.btn.type01 a.auto, .btn.type01 input[type="submit"].auto, .btn.type01 button.auto {
  width: auto !important;
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.btn.type01.close_btn a, .btn.type01.check_close_btn a, .btn.type01.inner_close_btn a {
  display: inline-block;
  font-size: 13px;
  color: #fff;
  background: #999;
  padding: 8px 25px 8px 25px !important;
  min-width: inherit;
  width: auto;
}
.btn.type01.close_btn a[class*="ico_"], .btn.type01.check_close_btn a[class*="ico_"], .btn.type01.inner_close_btn a[class*="ico_"] {
  padding-left: 40px !important;
}
.btn.type01.close_btn a[class*="ico_"]:before, .btn.type01.check_close_btn a[class*="ico_"]:before, .btn.type01.inner_close_btn a[class*="ico_"]:before {
  font-size: 11px;
  margin-top: -6px;
  left: 20px;
}
.btn.type01.close_btn a:hover, .btn.type01.check_close_btn a:hover, .btn.type01.inner_close_btn a:hover {
  text-decoration: none;
}

.btn.type02 a:visited {
  color: #333333;
}
.btn.type02 a, .btn.type02 input[type="submit"], .btn.type02 button, .btn.type02 .btn_inner {
  display: block;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #fff;
  border: 1px solid #e1e1e1;
  text-align: center;
  color: #333333;
  padding: 14px 0;
  font-size: 15px;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}
.btn.type02 a:hover, .btn.type02 input[type="submit"]:hover, .btn.type02 button:hover, .btn.type02 .btn_inner:hover {
  opacity: 0.8;
}
.btn.type02 a:after, .btn.type02 input[type="submit"]:after, .btn.type02 button:after, .btn.type02 .btn_inner:after {
  content: " ";
  position: absolute;
  right: 1px;
  bottom: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 15px 15px;
  border-color: transparent transparent #95c1f1 transparent;
}
.btn.type02 .btn_inner a:hover {
  opacity: 0.8;
}
.btn.type02 .external {
  display: block;
}
.btn.type02 .external:after {
  color: #003d7b;
}

.btn .btn_inner a {
  display: inline;
  background: none;
  padding: 0;
  border: 0;
  font-weight: normal;
  text-align: left;
}
.btn .btn_inner a:after {
  content: none;
}

.btn.type03 a, .btn.type03 .btn_inner, .btn.type03 input[type="submit"], .btn.type03 button {
  vertical-align: baseline;
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  padding: 10px 25px 8px 40px;
  border: none;
  opacity: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  background-color: #ea5106;
  background-image: -webkit-linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  background-image: -moz-linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  background-image: -o-linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  background-image: linear-gradient(0deg, #ea5106 0%, #fa6e29 100%);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
  box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -ms-box-shadow: 2px 3px 0px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}
.btn.type03 a:hover, .btn.type03 .btn_inner:hover, .btn.type03 input[type="submit"]:hover, .btn.type03 button:hover {
  opacity: 0.8;
}
.btn.type03 a:before, .btn.type03 .btn_inner:before, .btn.type03 input[type="submit"]:before, .btn.type03 button:before {
  font-family: 'promiseicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  position: absolute;
  content: '\e91e';
  font-size: 32px;
  color: #fff;
  top: 50%;
  left: 16px;
  margin-top: -15px;
  line-height: 1;
  text-decoration: none !important;
}
.btn.type03 .btn_inner:hover {
  opacity: 1;
}
.btn.type03 a:visited {
  color: #fff;
}
.btn.type03.gray a, .btn.type03.gray .btn_inner, .btn.type03.gray input[type="submit"], .btn.type03.gray button {
  background: #dddddd;
  color: #8e8d8b;
}
.btn.type03.gray a:before, .btn.type03.gray .btn_inner:before, .btn.type03.gray input[type="submit"]:before, .btn.type03.gray button:before {
  color: #8e8d8b;
}
.btn.type03.gray a:visited {
  color: #8e8d8b;
}

/*  bnr --------------------------------------------------------*/
.bnr_list .bnr {
  display: table;
  text-align: center;
  width: 218px;
  height: 68px;
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -ms-border-radius: 5px;
  text-decoration: none;
}
.bnr_list .bnr:hover {
  opacity: 0.6;
}
.bnr_list .bnr .bnr_inner {
  display: table-cell;
  vertical-align: middle;
}
.bnr_list .bnr .external {
  text-decoration: none;
}
.bnr_list .bnr .external:after {
  right: -6px;
  margin-top: -5px;
}

.bnr_list a, .bnr_list a:visited {
  text-decoration: none;
  color: #333333;
}

/* ----------------------------------------------------------------------------
    header
---------------------------------------------------------------------------- */
#header {
  background: #fff;
  position: absolute;
  height: 130px;
  width: 100%;
  margin-top: 63px;
  top: -63px;
  z-index: 101;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  animation-duration: 0.6s;
  animation-name: fade-in;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: fade-in;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: fade-in;
  -ms-animation-duration: 0.6s;
  -ms-animation-name: fade-in;
  border-bottom: 2px solid #e1e1e1;
}
#header a {
  text-decoration: none;
}
#header a:hover {
  text-decoration: underline;
}
#header #header_upper {
  background: #003d7b;
  font-size: 10px;
  line-height: 1.4;
  color: #fff;
  height: 14px;
  padding: 8px 0;
}
#header #header_upper a {
  color: #fff;
}
#header #header_upper h1 {
  float: left;
  font-weight: normal;
  width: 550px;
}
#header #header_upper p {
  float: left;
  font-weight: normal;
  width: 550px;
}
#header #header_upper .utility {
  float: right;
  width: 350px;
  text-align: right;
}
#header #header_upper .utility a {
  padding-left: 16px;
}
#header #header_upper .utility a.english {
  position: relative;
}
#header #header_upper .utility a.english:before {
  display: block;
  position: absolute;
  content: " ";
  left: 7px;
  top: 0;
  height: 1em;
  border-left: 1px solid #fff;
  width: 0;
}
#header #header_bottom {
  padding-top: 10px;
  position: relative;
  top: 0;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}
#header #header_bottom #header_logo {
  width: 280px;
  padding-top: 5px;
  position: absolute;
  left: 0;
  top: 0;
}
#header #header_bottom #header_logo h2 {
  font-size: 20px;
  line-height: 1;
  margin: 16px 0 10px;
}
#header #header_bottom #service_logo {
  width: 135px;
}
#header #header_bottom #header_contact {
  width: 660px;
  float: right;
  text-align: right;
}
#header #header_bottom #header_contact .call {
  float: right;
  line-height: 32px;
  margin-right: 20px;
  text-align: right;
}
#header #header_bottom #header_contact .call img {
  display: inline-block;
  margin-right: 16px;
  padding-right: 16px;
  border-right: 1px solid #e1e1e1;
}
#header #header_bottom #header_contact .call img:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
#header #header_bottom #header_contact .btn {
  float: right;
}
#header #header_bottom #header_contact .btn a {
  font-size: 12px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 38px;
}
#header #header_bottom #header_contact .btn a:before {
  font-size: 18px;
  left: 12px;
  margin-top: -10px;
}
#header #header_bottom #header_contact .btn a:hover {
  text-decoration: none;
}
#header #header_bottom #global_navigation {
  width: 680px;
  margin-top: 11px;
  min-height: 48px;
  float: right;
}
#header #header_bottom #global_navigation ul {
  text-align: right;
}
#header #header_bottom #global_navigation li {
  position: relative;
  display: inline-block;
}
#header #header_bottom #global_navigation li:last-child {
  margin-right: -12px;
}
#header #header_bottom #global_navigation li.active .sub {
  display: block;
  opacity: 1;
}
#header #header_bottom #global_navigation li.active a.global {
  background: #003d7b;
  color: #fff;
}
#header #header_bottom #global_navigation a.global {
  display: block;
  padding: 10px 12px 18px 12px;
  font-size: 15px;
  line-height: 20px;
  color: #333333;
  font-weight: bold;
  text-decoration: none;
}
#header #header_bottom #global_navigation a.global.external {
  padding-right: 20px;
}
#header #header_bottom #global_navigation a.global.external:after {
  right: 4px;
  margin-top: -11px;
}
#header #header_bottom #global_navigation a.global.cr {
  color: #809ebd;
}
#header #header_bottom #global_navigation a.global:hover {
  background: #003d7b;
  color: #fff;
}
#header #header_bottom #global_navigation .sub {
  display: none;
  opacity: 0;
  position: absolute;
  left: 0;
  top: 48px;
  background: #003d7b;
  color: #fff;
  padding: 24px 0 30px 28px;
  width: 632px;
  text-align: left;
  box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -ms-box-shadow: 3px 5px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
}
#header #header_bottom #global_navigation .sub .sub_col {
  float: left;
  width: 210px;
  padding-right: 15px;
}
#header #header_bottom #global_navigation .sub .sub_col.narrow {
  width: 150px;
}
#header #header_bottom #global_navigation .sub .sub_col.double {
  width: 450px;
}
#header #header_bottom #global_navigation .sub .sub_col h4 {
  font-size: 15px;
  line-height: 20px;
  margin-bottom: 16px;
}
#header #header_bottom #global_navigation .sub .sub_col ul {
  float: left;
  text-align: left;
  width: 210px;
}
#header #header_bottom #global_navigation .sub .sub_col ul.wide {
  width: 265px;
}
#header #header_bottom #global_navigation .sub .sub_col ul.middle {
  width: 240px;
}
#header #header_bottom #global_navigation .sub .sub_col ul.narrow {
  width: 185px;
}
#header #header_bottom #global_navigation .sub .sub_col li {
  display: block;
  margin-bottom: 16px;
  padding: 0 0 0 14px;
}
#header #header_bottom #global_navigation .sub .sub_col li:before {
  color: #fff;
  margin-top: 0;
  top: -6px;
}
#header #header_bottom #global_navigation .sub .sub_col li a {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  color: #fff;
}
#header #header_bottom #global_navigation .sub .btn {
  display: inline-block;
  clear: both;
  float: right;
  margin: 16px 30px 0 0;
}
#header #header_bottom #global_navigation .sub .btn a {
  font-size: 12px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
#header #header_bottom #global_navigation .sub .btn a:hover {
  text-decoration: none;
}
#header #header_bottom #global_navigation li:nth-child(2) .sub {
  left: -225px;
}
#header #header_bottom #global_navigation li:nth-child(3) .sub {
  left: -702px;
  width: 900px;
}
#header.fixed {
  position: fixed;
  margin-top: 0;
  top: 0;
  height: 70px;
}
#header.fixed #header_upper, #header.fixed #header_contact {
  display: none;
}
#header.fixed #header_bottom {
  top: -3px;
}
#header.fixed #header_bottom #header_logo {
  padding-top: 3px;
}
#header.fixed #header_bottom #header_logo #service_logo {
  width: 90px;
  margin-right: 15px;
}
#header.fixed #header_bottom #header_logo h2 {
  font-size: 15px;
  margin: 10px 0 0 0px;
}
#header.fixed #header_bottom #global_navigation {
  margin-top: 9px;
}
#header.fixed #header_bottom #global_navigation a.global {
  padding-bottom: 24px;
}
#header.fixed #header_bottom #global_navigation .sub {
  top: 54px;
}

/* ----------------------------------------------------------------------------
    goto_sp
---------------------------------------------------------------------------- */
#goto_sp {
  background: #003d7b;
  padding: 20px 0;
}
#goto_sp .btn {
  display: block;
  width: 950px;
  padding: 20px 0;
  margin: 0 auto;
  font-size: 40px;
  line-height: 60px;
  color: #003d7b;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  background-image: -webkit-linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%);
  background-image: -o-linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%);
  background-image: linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%);
  /* background-image:  -moz-linear-gradient($deg,$start,$end);
   background-image:  -webkit-linear-gradient($deg,$start,$end);
   background-image:  -ms-linear-gradient($deg,$start,$end);*/
}
#goto_sp .btn:before {
  font-size: 90px;
  left: inherit;
  right: 10px;
  margin-top: -43px;
}
#goto_sp .btn .ico_sp01 {
  padding-left: 76px;
}
#goto_sp .btn .ico_sp01:before {
  font-size: 80px;
  left: 0;
  margin-top: -38px;
}

/* ----------------------------------------------------------------------------
    noscript
---------------------------------------------------------------------------- */
#noscript {
  color: #dc0000;
  text-align: center;
  padding: 13px 0;
  border-top: 1px solid #003d7b;
  border-bottom: 1px solid #003d7b;
}

/* ----------------------------------------------------------------------------
    footer
---------------------------------------------------------------------------- */
#footer {
  position: relative;
  z-index: 0;
}
#footer #footer_navigation {
  padding: 30px 0;
  background: whitesmoke;
}
#footer #footer_navigation .arrow {
  display: block;
  padding-left: 12px;
}
#footer #footer_navigation .arrow:before {
  color: #aeaeae;
  font-size: 24px;
  left: -7px;
  margin-top: -11px;
}
#footer #footer_navigation .arrow.external {
  display: inline-block;
}
#footer #footer_navigation .arrow.external:after {
  font-size: 12px;
  content: '\e902';
  right: -4px;
  margin-top: -8px;
}
#footer #footer_navigation a {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  line-height: 20px;
  color: #626262;
  margin: 10px 0;
}
#footer #footer_navigation a:hover {
  text-decoration: underline;
}
#footer #footer_navigation span.first a {
  display: inline-block;
  line-height: 16px;
  margin: 0 0 6px 0;
}
#footer #footer_navigation .footer_col {
  float: left;
  width: 250px;
  margin-left: 15px;
}
#footer #footer_navigation .footer_col:nth-child(2) {
  width: 230px;
}
#footer #footer_navigation .footer_col:nth-child(3) {
  width: 255px;
}
#footer #footer_navigation .footer_col:nth-child(4) {
  width: 155px;
}
#footer #footer_navigation .sub {
  margin: 0 10px 10px 10px;
}
#footer #footer_navigation .sub h4, #footer #footer_navigation .sub a {
  font-size: 11px;
  font-weight: normal;
  margin: 2px 0;
  display: inline-block;
  line-height: 16px;
}
#footer #footer_navigation .sub .external:after {
  right: -13px;
  color: #626262;
}
#footer #footer_navigation .sub ul {
  margin-bottom: 10px;
}
#footer #footer_attention {
  border-top: 2px solid #ea5106;
  padding: 25px 0;
}
#footer #footer_attention h3 {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  margin-bottom: 15px;
}
#footer #footer_attention .text {
  float: left;
  font-size: 10px;
  line-height: 15px;
  color: #7d7d7d;
  width: 680px;
}
#footer #footer_attention .marks {
  float: right;
  width: 255px;
}
#footer #footer_attention .marks img {
  padding-left: 20px;
}
#footer #footer_bottom {
  padding: 10px 0 14px 0;
  background: #003d7b;
  color: #d2d2d2;
  font-size: 10px;
  line-height: 14px;
}
#footer #footer_bottom .utility {
  margin-bottom: 15px;
}
#footer #footer_bottom .utility span {
  padding: 0 8px;
  position: relative;
}
#footer #footer_bottom .utility span:before {
  display: block;
  position: absolute;
  content: " ";
  left: 0px;
  top: 0;
  height: 1em;
  border-left: 1px solid #fff;
  width: 0;
}
#footer #footer_bottom .utility span:first-child {
  padding-left: 0;
}
#footer #footer_bottom .utility span:first-child:before {
  content: none;
}
#footer #footer_bottom .utility span.external {
  padding-right: 20px;
}
#footer #footer_bottom .utility span.external:after {
  right: 7px;
}
#footer #footer_bottom .utility a {
  color: #fff;
  text-decoration: none;
}
#footer #footer_bottom .utility a:hover {
  text-decoration: underline;
}
#footer #footer_registration {
  border-top: 1px dotted #d1d1d1;
  padding: 10px 0;
  font-size: 10px;
  color: #000000;
  line-height: 16px;
}

/* ----------------------------------------------------------------------------
    side
---------------------------------------------------------------------------- */
.right_col #profile_box {
  margin: 5px 0 15px 0;
}
.right_col #profile_box img {
  float: left;
  border: 1px solid #e1e1e1;
}
.right_col #profile_box .name {
  float: left;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  padding: 15px;
}
.right_col #profile_box .name .title {
  font-size: 15px;
}
.right_col .nav_box {
  padding: 15px;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
}
.right_col .nav_box.btn_menu .btn {
  margin-bottom: 12px;
}
.right_col .nav_box.btn_menu .btn:last-child {
  margin-bottom: 0;
}
.right_col .nav_box.btn_menu .btn a {
  font-size: 14px;
  line-height: 17px;
  background: #cce0f6;
  color: #333333;
  padding: 14px 6px 10px 6px;
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  -ms-border-radius: 20px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.2);
}
.right_col .nav_box.btn_menu .btn a[class*="ico_"] {
  padding-left: 32px;
}
.right_col .nav_box.btn_menu .btn a:before {
  left: 16px;
  color: #699acc;
  margin-top: -17px;
}
.right_col .nav_box.btn_menu .btn a.double {
  border-radius: 40px;
  -moz-border-radius: 40px;
  -webkit-border-radius: 40px;
  -ms-border-radius: 40px;
}
.right_col .nav_box.btn_menu .btn a.ico_man01:before {
  font-size: 28px;
  left: 20px;
  margin-top: -14px;
}
.right_col .nav_box.btn_menu .btn a.ico_yen02:before {
  font-size: 40px;
  left: 11px;
  margin-top: -20px;
}
.right_col .nav_box.btn_menu .btn a.ico_pc01:before {
  font-size: 38px;
  left: 12px;
  margin-top: -19px;
}
.right_col .nav_box.btn_menu .btn a.ico_yen01:before {
  font-size: 26px;
  left: 18px;
  margin-top: -13px;
}
.right_col .nav_box.btn_menu .btn a.ico_cal01:before {
  font-size: 26px;
  left: 18px;
  margin-top: -13px;
}
.right_col .nav_box.btn_menu .btn a.ico_pt01:before {
  font-size: 26px;
  left: 18px;
  margin-top: -13px;
}
.right_col .nav_box.btn_menu .btn a.ico_yen03:before {
  font-size: 32px;
}
.right_col .nav_box.btn_menu .btn a.external:after {
  color: #4882be;
}
.right_col .side_box {
  padding: 20px;
  margin-bottom: 10px;
  border: 1px solid #e1e1e1;
}
.right_col .side_box h3 {
  font-size: 15px;
  line-height: 26px;
  margin-bottom: 16px;
}
.right_col .side_box li.arrow:before {
  color: #003d7b;
}

/* ----------------------------------------------------------------------------
    sec content
---------------------------------------------------------------------------- */
.sec {
  margin-bottom: 50px;
  /*  title --------------------------------------------------------*/
  /*  arrow --------------------------------------------------------*/
  /*  list --------------------------------------------------------*/
  /*  tag --------------------------------------------------------*/
  /*  sec_box --------------------------------------------------------*/
  /*  point_box 	-------------------------------------------------*/
  /*  service_box 	-------------------------------------------------*/
  /* contact_box 	-------------------------------------------------*/
  /*  bg_box 	-------------------------------------------------*/
  /*  step_box 	-------------------------------------------------*/
  /*  app_box 	-------------------------------------------------*/
  /*  point_circle 	-------------------------------------------------*/
  /* dialog 	-------------------------------------------------*/
  /*  table 	-------------------------------------------------*/
  /*  table table_flow-------------------------------------------------*/
  /*  link icon --------------------------------------------------------*/
  /*  link icon --------------------------------------------------------*/
  /*  notice ,dot 	-------------------------------------------------*/
  /*  image 	-------------------------------------------------*/
}
.sec .title_area {
  position: relative;
}
.sec .title_area .gotoindex {
  position: absolute;
  right: 0;
  top: 5px;
}
.sec .title_area .gotoindex a {
  text-decoration: none;
}
.sec .title_area .gotoindex a:hover {
  text-decoration: underline;
}
.sec .sec_title {
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  padding: 0 0 10px 0;
  margin-bottom: 16px;
  border-bottom: 1px solid #e1e1e1;
}
.sec .sec_title[class*="ico_"] {
  position: relative;
  padding-left: 40px;
}
.sec .sec_title[class*="ico_"]:before {
  color: #6394c8;
  font-size: 36px;
  left: 0;
}
.sec .sec_title.ico_ex01 {
  padding-left: 30px;
}
.sec .sec_title.ico_ex01:before {
  color: #dc0000;
  font-size: 24px;
}
.sec .sec_title.ico_mail01:before {
  margin-top: -18px;
}
.sec .sec_title.bd_btm_none {
  padding-bottom: 0;
}
.sec .sec_title a {
  color: #003d7b;
  text-decoration: none;
}
.sec .sec_title a:hover {
  text-decoration: underline;
}
.sec .icon_title {
  font-size: 15px;
  line-height: 22px;
  padding-left: 40px;
  position: relative;
  margin: 25px 0 10px 0;
}
.sec .icon_title:before {
  color: #6394c8;
  font-size: 40px;
  margin-top: -20px;
  left: -5px;
}
.sec .bg_title {
  font-size: 17px;
  line-height: 22px;
  padding: 8px 10px;
  background: #f4f4f4;
  margin-bottom: 10px;
}
.sec .line_title {
  font-size: 15px;
  line-height: 22px;
  padding: 1px 6px;
  border-left: 5px solid #e8e8e8;
  margin-bottom: 10px;
}
.sec .bd_btm_title {
  font-size: 15px;
  line-height: 22px;
  padding-bottom: 10px;
  margin-top: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e1e1e1;
}
.sec .basic_title {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 10px;
}
.sec .basic_title.large {
  font-size: 20px;
}
.sec [class*="title"] .icon {
  position: relative;
  top: -1px;
  color: #6394c8;
  font-size: 36px;
}
.sec [class*="title"] .icon.fp {
  left: -12px;
}
.sec .square_title {
  font-size: 13px;
  line-height: 18px;
  padding-left: 1.2em;
  position: relative;
}
.sec .square_title:before {
  position: absolute;
  content: "■";
  top: 0;
  left: 0;
}
.sec .arrow.link:before {
  content: '\e91e';
}
.sec .arrow.link.align_top:before {
  top: 0.27em;
}
.sec .arrow.anchor {
  padding-left: 17px;
}
.sec .arrow.anchor:before {
  font-size: 28px;
  margin-top: -14px;
  left: -7px;
  content: '\e919';
  color: #95c1f1;
}
.sec .title {
  font-size: 15px;
  line-height: 22px;
}
.sec .title.text_02 {
  font-size: 15px;
  line-height: 20px;
}
.sec .title .arrow.link {
  padding-left: 18px;
}
.sec .title .arrow.link:before {
  font-size: 48px;
  margin-top: -24px;
  left: -18px;
}
.sec ul.dot li, .sec ul.num li, .sec ul.notice li, .sec ul.example li, .sec ol.dot li, .sec ol.num li, .sec ol.notice li, .sec ol.example li {
  margin-bottom: 2px;
  line-height: 20px;
}
.sec ul.notice li, .sec ol.notice li {
  font-size: 11px;
  margin-bottom: 2px;
  line-height: 20px;
}
.sec ul.dot, .sec ol.dot {
  padding-left: 0;
}
.sec ul.dot:before, .sec ol.dot:before {
  content: none;
}
.sec ul.dot li, .sec ol.dot li {
  list-style: disc outside;
  margin-left: 1.2em;
}
.sec ul.num li, .sec ol.num li {
  list-style: decimal;
  margin-left: 1.6em;
}
.sec ul.notice, .sec ol.notice {
  padding-left: 0;
}
.sec ul.notice:before, .sec ol.notice:before {
  content: none;
}
.sec ul.notice li, .sec ol.notice li {
  padding-left: 1.2em;
  position: relative;
}
.sec ul.notice, .sec ol.notice {
  font-size: 11px;
  padding-left: 0;
}
.sec ul.notice:before, .sec ol.notice:before {
  font-size: 11px;
  content: none;
}
.sec ul.notice li, .sec ol.notice li {
  font-size: 11px;
  padding-left: 1.2em;
  position: relative;
}
.sec ul.notice li:before, .sec ol.notice li:before {
  font-size: 11px;
  position: absolute;
  content: "※";
  top: 0;
  left: 0;
}
.sec ul.notice.num li, .sec ol.notice.num li {
  font-size: 11px;
  list-style: none;
  margin-left: 0;
  padding-left: 2em;
}
.sec ul.notice.num li:nth-child(1):before, .sec ol.notice.num li:nth-child(1):before {
  font-size: 11px;
  content: "※1";
}
.sec ul.notice.num li:nth-child(2):before, .sec ol.notice.num li:nth-child(2):before {
  font-size: 11px;
  content: "※2";
}
.sec ul.notice.num li:nth-child(3):before, .sec ol.notice.num li:nth-child(3):before {
  font-size: 11px;
  content: "※3";
}
.sec ul.notice.num li:nth-child(4):before, .sec ol.notice.num li:nth-child(4):before {
  font-size: 11px;
  content: "※4";
}
.sec ul.notice.num li:nth-child(5):before, .sec ol.notice.num li:nth-child(5):before {
  font-size: 11px;
  content: "※5";
}
.sec ul.notice.num li:nth-child(6):before, .sec ol.notice.num li:nth-child(6):before {
  font-size: 11px;
  content: "※6";
}
.sec ul.notice.num li:nth-child(7):before, .sec ol.notice.num li:nth-child(7):before {
  font-size: 11px;
  content: "※7";
}
.sec ul.notice.num li:nth-child(8):before, .sec ol.notice.num li:nth-child(8):before {
  font-size: 11px;
  content: "※8";
}
.sec ul.notice.num li:nth-child(9):before, .sec ol.notice.num li:nth-child(9):before {
  font-size: 11px;
  content: "※9";
}
.sec ul.example, .sec ol.example {
  padding-left: 0;
}
.sec ul.example:before, .sec ol.example:before {
  content: none;
}
.sec ul.example li, .sec ol.example li {
  padding-left: 2.2em;
  position: relative;
}
.sec ul.example li:before, .sec ol.example li:before {
  position: absolute;
  content: "例1:";
  top: 0;
  left: 0;
}
.sec ul.example li:nth-child(2):before, .sec ol.example li:nth-child(2):before {
  content: "例2:";
}
.sec ul.example li:nth-child(3):before, .sec ol.example li:nth-child(3):before {
  content: "例3:";
}
.sec ul.example li:nth-child(4):before, .sec ol.example li:nth-child(4):before {
  content: "例4:";
}
.sec ul.example li:nth-child(5):before, .sec ol.example li:nth-child(5):before {
  content: "例5:";
}
.sec ul.example li:nth-child(6):before, .sec ol.example li:nth-child(6):before {
  content: "例6:";
}
.sec ul.example li:nth-child(7):before, .sec ol.example li:nth-child(7):before {
  content: "例7:";
}
.sec ul.example li:nth-child(8):before, .sec ol.example li:nth-child(8):before {
  content: "例8:";
}
.sec ul.example li:nth-child(9):before, .sec ol.example li:nth-child(9):before {
  content: "例9:";
}
.sec ul.simple_list li, .sec ol.simple_list li {
  float: left;
  margin-right: 20px;
}
.sec ul.simple_list.double li, .sec ol.simple_list.double li {
  width: 325px;
}
.sec ul.simple_list.double li:nth-child(2n), .sec ol.simple_list.double li:nth-child(2n) {
  margin-right: 0;
}
.sec ul.simple_list.triple li, .sec ol.simple_list.triple li {
  width: 210px;
}
.sec ul.simple_list.triple li:nth-child(3n), .sec ol.simple_list.triple li:nth-child(3n) {
  margin-right: 0;
}
.sec .btn_box ul.simple_list.triple li, .sec ol.simple_list.triple li {
  width: 196px;
}
.sec .btn_box ul.simple_list.triple li:nth-child(3n), .sec ol.simple_list.triple li:nth-child(3n) {
  margin-right: 0;
}
.sec ul.simple_list.quad li, .sec ol.simple_list.quad li {
  width: 152px;
}
.sec ul.simple_list.quad li:nth-child(4n), .sec ol.simple_list.quad li:nth-child(4n) {
  margin-right: 0;
}
.sec .tag span {
  font-size: 14px;
  line-height: 15px;
  padding: 5px 12px;
  background: #e1e1e1;
}
.sec .sec_box {
  padding: 20px 25px;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
  position: relative;
}
.sec .sec_box.fl_img {
  padding: 0 0 20px 0;
  position: relative;
}
.sec .sec_box.fl_img .fl_img_inner {
  margin: 0 5px 0 25px;
}
.sec .sec_box .title {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 15px;
}
.sec .sec_box .title.small {
  font-size: 17px;
  line-height: 20px;
}
.sec .sec_box .title img {
  padding-right: 12px;
  vertical-align: middle;
}
.sec .sec_box .title.ico_lady01:before {
  color: #f6637f !important;
}
.sec .sec_box .title[class*="ico_"] {
  padding-left: 40px;
}
.sec .sec_box .title[class*="ico_"]:before {
  color: #6394c8;
  font-size: 36px;
  margin-top: -19px;
  left: -3px;
}
.sec .sec_box .title[class*="ico_"].large, .sec .sec_box .title[class*="ico_"].xlarge {
  padding-left: 48px;
  line-height: 28px;
}
.sec .sec_box .title[class*="ico_"].large.single, .sec .sec_box .title[class*="ico_"].xlarge.single {
  line-height: 60px;
}
.sec .sec_box .title[class*="ico_"].large:before, .sec .sec_box .title[class*="ico_"].xlarge:before {
  color: #4882be;
  font-size: 60px;
  margin-top: -30px;
  left: -10px;
}
.sec .sec_box .title[class*="ico_"].large.pl, .sec .sec_box .title[class*="ico_"].xlarge.pl {
  padding-left: 60px;
}
.sec .sec_box .title[class*="ico_"].large.pl:before, .sec .sec_box .title[class*="ico_"].xlarge.pl:before {
  left: -6px;
}
.sec .sec_box .title[class*="ico_"].xlarge {
  padding-left: 80px;
}
.sec .sec_box .title[class*="ico_"].xlarge:before {
  font-size: 84px;
  margin-top: -42px;
  left: -6px;
}
.sec .sec_box .title.ico_postal01:before {
  font-size: 29px;
  margin-top: -14px;
  left: 1px;
}
.sec .sec_box .title.ico_mail01:before {
  margin-top: -17px;
}
.sec .sec_box .title.ico_sp01 {
  padding-left: 34px;
}
.sec .sec_box .title.ico_sp01:before {
  left: -6px;
}
.sec .sec_box.result_box {
  border: 4px solid #b7cee6;
  text-align: center;
}
.sec .sec_box.result_box span.num {
  font-size: 20px;
  line-height: 20px;
  color: #003d7b;
  font-weight: bold;
  margin-left: 5px;
}
.sec .sec_box_double .sec_box {
  float: left;
  width: 273px;
  margin-right: 20px;
}
.sec .sec_box_double .sec_box:nth-child(2n) {
  margin-right: 0;
}
.sec .sec_box_double .box_wrap {
  float: left;
  width: 323px;
  margin-right: 20px;
}
.sec .sec_box_double .box_wrap:nth-child(2n) {
  margin-right: 0;
}
.sec .sec_box_double .box_wrap .sec_box {
  float: none;
  width: auto;
  margin-right: 0;
}
.sec .sec_box_triple .sec_box {
  float: left;
  width: 164px;
  margin-right: 11px;
}
.sec .sec_box_triple .sec_box:nth-child(3n) {
  margin-right: 0;
}
.sec .point_box {
  padding: 15px;
}
.sec .point_box .title_box {
  background: #4882be;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  font-size: 15px;
  color: #fff;
  line-height: 18px;
  padding: 9px;
  text-align: center;
  margin-bottom: 12px;
}
.sec .point_box .title {
  font-size: 13px;
  line-height: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
.sec .point_box .title.large {
  font-size: 20px;
  line-height: 28px;
}
.sec .point_box .title.large.single {
  line-height: 56px;
}
.sec .point_box .notice {
  font-size: 11px;
  line-height: 14px;
  margin-top: 8px;
}
.sec .sec_box_triple .point_box {
  width: 184px;
}
.sec .sec_box_double .point_box {
  width: 293px;
}
.sec .service_box {
  padding: 17px 8px 20px 8px;
  text-align: center;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
.sec .service_box:nth-child(3n+1) {
  margin-right: 0;
}
.sec .service_box a {
  text-decoration: none;
  color: #333333;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
}
.sec .service_box a:hover {
  opacity: 0.8;
}
.sec .service_box .icon_box {
  color: #4882be;
  font-size: 80px;
  line-height: 88px;
  margin-bottom: 5px;
}
.sec .service_box .icon_box .icon {
  line-height: 88px;
}
.sec .service_box .icon_box .pc {
  font-size: 130px;
  letter-spacing: -40px;
  margin-left: -16px;
}
.sec .service_box .icon_box .pc.single {
  letter-spacing: 0;
  margin-left: 0;
}
.sec .service_box .icon_box .fp, .sec .service_box .icon_box .sp {
  position: relative;
  font-size: 64px;
  letter-spacing: -28px;
  top: 6px;
}
.sec .service_box .icon_box .fp {
  letter-spacing: -2px;
}
.sec .service_box .icon_box .zoom {
  font-size: 98px;
}
.sec .service_box .icon_box .zoom_l {
  font-size: 120px;
}
.sec .service_box h4.title {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}
.sec .service_box h4.title.tite {
  letter-spacing: -1px;
}
.sec .service_box h4.title.single {
  line-height: 52px;
}
.sec .service_box .text {
  text-align: left;
  font-size: 13px;
  line-height: 22px;
  margin: 0 12px;
}
.sec .service_box .notice {
  font-size: 11px;
  line-height: 18px;
}
.sec .sec_box_triple .service_box {
  width: 191px;
  margin: 0 20px 20px 0;
}
.sec .contact_box {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  padding: 22px;
}
.sec .bg_box {
  background: #e7effa;
  padding: 20px;
}
.sec .step_box .title {
  background: #4882be;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  line-height: 18px;
  padding: 13px 20px;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
}
.sec .step_box .box_content {
  padding: 25px 15px;
  border-color: #e1e1e1;
  border-style: solid;
  border-width: 0 2px 2px 2px;
  border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  -webkit-border-radius: 0 0 4px 4px;
  -ms-border-radius: 0 0 4px 4px;
}
.sec .step_box.no_content .title {
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
.sec .step_box.finish_box .box_content {
  border-width: 2px;
  border-color: #4882be;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
}
.sec .step_box.finish_box .description {
  width: 420px;
  text-align: left;
  font-size: 12px;
  line-height: 1.2;
  margin: 20px auto 0 auto;
}
.sec .app_box {
  padding: 25px 30px;
  display: table;
  border-width: 2px;
}
.sec .app_box .about {
  display: table-cell;
  vertical-align: top;
  width: 258px;
  padding-right: 20px;
  border-right: 1px solid #e1e1e1;
  text-align: left;
}
.sec .app_box .about .img {
  margin-bottom: 5px;
  text-align: center;
}
.sec .app_box .about .icon {
  font-size: 80px;
  color: #4882be;
  text-align: center;
  line-height: 80px;
  margin-bottom: 10px;
}
.sec .app_box .about .icon span {
  vertical-align: bottom;
  position: relative;
}
.sec .app_box .about .icon .sp {
  font-size: 60px;
  line-height: 68px;
  margin-left: -15px;
}
.sec .app_box .about .icon .pc {
  font-size: 130px;
}
.sec .app_box .about .icon.device {
  text-indent: -12px;
}
.sec .app_box .about .icon.device .sp, .sec .app_box .about .icon.device .fp {
  font-size: 60px;
  line-height: 64px;
  margin-left: -38px;
}
.sec .app_box .about .icon.device .fp {
  margin-left: -27px;
}
.sec .app_box .about .title {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 5px;
}
.sec .app_box .data {
  display: table-cell;
  width: 304px;
  vertical-align: top;
  padding-left: 25px;
}
.sec .app_box .data .btn_area .btn.type01.large {
  display: inline-block;
}
.sec .app_box .data .btn_area .btn.type01.large a {
  width: 200px;
  font-size: 16px;
  padding: 12px 0 11px 0;
}
.sec .app_box .data .btn_area .btn.type01.large a.external {
  width: 190px;
  padding-left: 10px;
}
.sec .app_box .data .btn_area .btn.type01.large a.external:after {
  top: -2px;
}
.sec .app_box .data .btn_area .btn.type01.large.app a {
  width: 192px;
  padding-left: 25px;
  font-size: 18px;
}
.sec .app_box .data .btn_area .btn.type01.large.app a:before {
  left: 23px;
}
.sec .point_circle li {
  float: left;
  display: table;
  width: 204px;
  height: 204px;
  text-align: center;
  border: 3px solid #ea5106;
  margin-right: 20px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
}
.sec .point_circle li:last-child {
  margin-right: 0;
}
.sec .point_circle li p {
  display: table-cell;
  vertical-align: middle;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #ea5106;
}
.sec .point_circle li p strong {
  display: block;
  margin-bottom: 5px;
}
.sec .point_circle li p span {
  display: inline-block;
}
.sec .point_circle li p .bk {
  color: #333333;
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
}
.sec .point_circle li p .arrow.link {
  font-weight: normal;
  font-size: 13px;
  line-height: 20px;
}
.sec .point_circle li p .large {
  font-size: 24px;
  line-height: 30px;
}
.sec .point_circle.double {
  margin-left: 39px;
}
.sec .point_circle.double li {
  width: 280px;
  height: 280px;
}
.sec .dialog {
  margin-bottom: 20px;
}
.sec .dialog .talk, .sec .dialog .speaker {
  display: table-cell;
  vertical-align: middle;
}
.sec .dialog .speaker {
  width: 100px;
}
.sec .dialog .speaker img {
  vertical-align: middle;
}
.sec .dialog .bln {
  width: 345px;
  padding: 18px 20px;
  border: 1px solid #ccc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  display: inline-block;
  position: relative;
}
.sec .dialog .bln:after, .sec .dialog .bln:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.sec .dialog .bln:after {
  border-color: transparent;
  border-width: 8px 10px;
  margin-top: -8px;
}
.sec .dialog .bln:before {
  border-color: transparent;
  border-width: 9px 11px;
  margin-top: -9px;
}
.sec .dialog .al_left {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.sec .dialog .al_left .bln:after {
  border-right-color: #fff;
}
.sec .dialog .al_left .bln:before {
  border-right-color: #ccc;
}


/* ----------------------------------------------------------------------------
    APA00026
---------------------------------------------------------------------------- */
.btn_box.howto {
    border: 1px solid #e1e1e1;
    border-top: none;
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    margin-bottom: 20px;
}

.sec .dialog .bln.woman01 {
  border: 3px solid #ff786f;
  background: #ff786f;
  color: #fff;
  font-weight: 800;
  width: 100%;
  box-sizing: border-box;
}
.sec .dialog .al_left .bln.woman01:after {
  border-right-color: #ff786f;
  border-width: 9px;
  margin-top: -9px;
}
.sec .dialog .al_left .bln.woman01:before {
  border-right-color: #ff786f;
  border-width: 13px;
  margin-top: -13px;
}

.sec .dialog .bln.woman02 {
  border: 3px solid #9885c0;
  background: #9885c0;
  color: #fff;
  font-weight: 800;
  width: 100%;
  box-sizing: border-box;
}
.sec .dialog .al_left .bln.woman02:after {
  border-right-color: #9885c0;
  border-width: 9px;
  margin-top: -9px;
}
.sec .dialog .al_left .bln.woman02:before {
  border-right-color: #9885c0;
  border-width: 13px;
  margin-top: -13px;
}

.sec .dialog .bln.man01 {
  border: 3px solid #34aac9;
  background: #34aac9;
  color: #fff;
  font-weight: 800;
  width: 100%;
  box-sizing: border-box;
}
.sec .dialog .al_left .bln.man01:after {
  border-right-color: #34aac9;
  border-width: 9px;
  margin-top: -9px;
}
.sec .dialog .al_left .bln.man01:before {
  border-right-color: #34aac9;
  border-width: 13px;
  margin-top: -13px;
}

.sec .dialog .bln.man02 {
  border: 3px solid #a2754e;
  background: #a2754e;
  color: #fff;
  font-weight: 800;
  width: 100%;
  box-sizing: border-box;
}
.sec .dialog .al_left .bln.man02:after {
  border-right-color: #a2754e;
  border-width: 9px;
  margin-top: -9px;
}
.sec .dialog .al_left .bln.man02:before {
  border-right-color: #a2754e;
  border-width: 13px;
  margin-top: -13px;
}

.sec .dialog .bln.ope01 {
  border: 3px solid #40aeff;
  color: #003e7c;
  width: 100%;
  box-sizing: border-box;
}
.sec .dialog .bln.ope01:after {
  border-color: transparent;
  border-width: 9px;
  margin-top: -9px;
}
.sec .dialog .bln.ope01:before {
  border-color: transparent;
  border-width: 13px;
  margin-top: -13px;
}
.sec .dialog .al_right .bln.ope01:before {
  border-left-color: #40aeff;
}
/* ----------------------------------------------------------------------------
    /APA00026
---------------------------------------------------------------------------- */


.sec .dialog .al_right {
  display: table;
  width: 100%;
  text-align: right;
}
.sec .dialog .al_right .bln {
  text-align: left;
}
.sec .dialog .al_right .bln:after, .sec .dialog .al_right .bln:before {
  right: inherit;
  left: 100%;
}
.sec .dialog .al_right .bln:after {
  border-left-color: #fff;
}
.sec .dialog .al_right .bln:before {
  border-left-color: #ccc;
}
.sec table {
  width: 100%;
  table-layout: fixed;
  margin-bottom: 20px;
  border-collapse: separate;
  border-spacing: 0;
  border-left: 1px solid #e1e1e1;
  border-top: 1px solid #e1e1e1;
}
.sec table th, .sec table td {
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  vertical-align: middle;
  padding: 8px 15px;
}
.sec table th.blank, .sec table td.blank {
  border-bottom: none;
  border-right: none;
}
.sec table th.middle, .sec table td.middle {
  width: 155px;
}
.sec table th.wide, .sec table td.wide {
  width: 300px;
}
.sec table th.thin, .sec table td.thin {
  width: 120px;
}
.sec table th.small, .sec table td.small {
  width: 80px;
}
.sec table th {
  background: #f0f0f0;
  text-align: center;
  font-weight: normal;
  width: 170px;
}
.sec table.text_left th, .sec table.text_left td {
  text-align: left !important;
}
.sec table.text_center th, .sec table.text_center td {
  text-align: center !important;
}
.sec table.text_right th, .sec table.text_right td {
  text-align: right !important;
}
.sec table.col_h th {
  text-align: left !important;
}
.sec table.bd_none tr, .sec table.bd_none th, .sec table.bd_none td {
  border: none;
}
.sec table.pd_none tr, .sec table.pd_none th, .sec table.pd_none td {
  padding: 0;
}
.sec table.tight {
  font-size: 12px;
  line-height: 18px;
}
.sec table.tight th, .sec table.tight td {
  padding: 8px 4px;
}
.sec table.auto {
  table-layout: auto;
}
.sec table.table_flow {
  border-collapse: separate;
  border-spacing: 10px 5px;
  border-top: none;
  border-left: none;
}
.sec table.table_flow.fill {
  width: 690px;
  margin-left: -10px;
}
.sec table.table_flow tr, .sec table.table_flow th {
  border: none;
}
.sec table.table_flow th {
  background: #cce0f6;
  width: 60px;
}
.sec table.table_flow th .title {
  font-size: 14px;
  line-height: 22px;
}
.sec table.table_flow td {
  vertical-align: top;
  border: 1px solid #e1e1e1;
  padding: 0;
}
.sec table.table_flow td .basic_title {
  font-size: 15px;
  line-height: 22px;
  margin: 10px 10px 5px 15px;
}
.sec table.table_flow td .basic_title.single {
  line-height: 44px;
}
.sec table.table_flow td .bg_title {
  text-align: center;
  font-size: 15px;
  line-height: 22px;
  padding: 8px;
  color: #fff;
  background: #aeaeae;
  border-bottom: 1px solid #e1e1e1;
  position: relative;
  margin-bottom: 0;
}
.sec table.table_flow td .bg_title:after {
  content: " ";
  position: absolute;
  left: -1px;
  top: -1px;
  width: 100%;
  height: 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #aeaeae #aeaeae transparent #aeaeae;
}
.sec table.table_flow td .single_col .basic_title {
  margin-left: 0;
  text-align: center;
  margin-top: 5px;
}
.sec table.table_flow td .single_col .step_content .basic_title {
  text-align: left;
}
.sec table.table_flow tr.row_arrow td {
  border: none;
  text-align: center;
}
.sec table.table_flow tr.row_arrow td.step_arrow {
  padding-right: 100px;
}
.sec table.table_flow tr.row_arrow .flow_arrow {
  margin: 5px 0;
}
.sec table.table_flow tr.row_arrow .finish {
  background: #797979;
  color: #fff;
  font-size: 13px;
  line-height: 20px;
  padding: 5px;
  font-weight: bold;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  text-align: center;
}
.sec table.table_flow tr.row_arrow .finish.inline_block {
  width: 160px;
}
.sec table.table_flow .step_description {
  padding: 10px;
  border: none;
}
.sec table.table_flow .step_content .basic_title {
  text-align: left;
  font-size: 13px;
  line-height: 17px;
  margin: 0 0 5px 0;
}
.sec table.table_flow .icon_box {
  vertical-align: middle;
  width: 70px;
  padding-right: 10px;
  font-size: 60px;
  letter-spacing: -5px;
  line-height: 60px;
}
.sec table.table_flow .icon_box .pc {
  font-size: 90px;
  letter-spacing: -10px;
  text-indent: -8px;
  line-height: 60px;
}
.sec table.table_flow .icon_box .sp, .sec table.table_flow .icon_box .fp {
  font-size: 40px;
  display: inline-block;
  line-height: 40px;
  width: 25px;
  text-align: center;
  text-indent: -6px;
  margin-top: -43px;
}
.sec table.table_flow .icon_box .yen10 {
  font-size: 80px;
}
.sec table.table_flow .icon_box.double {
  width: 100px;
  font-size: 50px;
  line-height: 50px;
}
.sec table.table_flow .icon_box.double span {
  vertical-align: middle;
}
.sec table.table_flow .icon_box.double .yen10 {
  font-size: 72px;
  width: 50px;
}
.sec table.table_flow .icon_box.double .pc_wrap span {
  vertical-align: bottom;
}
.sec table.table_flow .icon_box.double .pc_wrap .pc {
  text-indent: -15px;
  letter-spacing: -25px;
}
.sec table.table_flow .icon_box.double .pc_wrap .sp, .sec table.table_flow .icon_box.double .pc_wrap .fp {
  line-height: 48px;
  letter-spacing: -20px;
}
.sec table.table_flow .single_col .icon_box {
  width: auto;
  display: block;
  margin-top: -5px;
  margin-bottom: 5px;
  padding-right: 0;
  letter-spacing: 0;
}
.sec table.table_flow .single_col .icon_box span {
  display: inline-block;
  line-height: 60px;
  vertical-align: middle;
}
.sec table.table_flow .single_col .icon_box .pc {
  letter-spacing: -18px;
  text-indent: -18px;
}
.sec table.table_flow .single_col .icon_box .sp, .sec table.table_flow .single_col .icon_box .fp {
  margin-top: 11px;
}
.sec table.table_flow td.dots {
  border: none;
  font-size: 0;
  position: relative;
  overflow: hidden;
}
.sec table.table_flow td.dots p {
  position: absolute;
  display: block;
  margin: 0;
  padding: 0;
  width: 1px;
  height: 500px;
  top: 0;
  left: 50%;
  margin-left: -2px;
  border-right: 4px dotted #cce0f6;
}
.sec .menu_btn li.btn {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 302px;
}
.sec .menu_btn li.btn:nth-child(2n) {
  margin-right: 0;
}
.sec .menu_btn li.btn a {
  padding-left: 16px;
  padding-right: 17px;
  text-align: left;
}
.sec .menu_btn li.btn p {
  margin-top: 8px;
  line-height: 17px;
}
.sec .menu_btn li.btn [class*="ico_"] {
  padding-left: 32px;
}
.sec .menu_btn li.btn [class*="ico_"]:before {
  color: #4882be;
  font-size: 24px;
  margin-top: -12px;
  left: 0;
}
.sec .menu_btn .triple li.btn {
  width: 210px;
}
.sec .menu_btn .triple li.btn a {
  padding-left: 10px;
  padding-right: 10px;
}
.sec .menu_btn .triple li.btn:nth-child(2n) {
  margin-right: 20px;
}
.sec .menu_btn .triple li.btn:nth-child(3n) {
  margin-right: 0;
}
.sec .external:after {
  color: #4882be;
}
.sec .external a {
  text-decoration: none;
}
.sec .external a:hover {
  text-decoration: underline;
}
.sec .link_icon {
  color: #003d7b;
}
.sec .link_icon a {
  margin-right: 6px;
  text-decoration: none;
}
.sec .link_icon a:hover {
  text-decoration: underline;
}
.sec .notice {
  font-size: 11px;
  padding-left: 1.2em;
  position: relative;
}
.sec .notice:before {
  font-size: 11px;
  position: absolute;
  content: "※";
  top: 0;
  left: 0;
}
.sec .dot {
  padding-left: 1.2em;
  position: relative;
}
.sec .dot:before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.sec .fl_content .thin {
  width: 220px;
}
.sec .fl_content .wide {
  width: 420px;
}
.sec .img .caption {
  margin-top: 8px;
  font-size: 11px;
  line-height: 18px;
}
.sec .img .caption.small {
  margin-top: 4px;
  font-size: 9px;
  line-height: 12px;
}

/*  btn_list --------------------------------------------------------*/
.btn_list li, .btn_area li {
  float: left;
  margin-right: 10px;
}
.btn_list li:last-child, .btn_area li:last-child {
  margin-right: 0;
}
.btn_list li .btm_text, .btn_area li .btm_text {
  margin-top: 4px;
  font-size: 12px;
  text-align: center;
}
.btn_list li .btm_text span.orange a, .btn_area li .btm_text span.orange a {
  color: #ea5106;
  letter-spacing: -1px;
  margin: 0 2px;
}
.btn_list li .btm_text span.orange:before, .btn_area li .btm_text span.orange:before {
  left: -6px;
}
.btn_list li .btm_text a, .btn_area li .btm_text a {
  text-decoration: none;
}
.btn_list li .btm_text a:hover, .btn_area li .btm_text a:hover {
  text-decoration: underline;
}
.btn_list .btn.type01 a, .btn_area .btn.type01 a {
  font-size: 14px;
  line-height: 18px;
  color: #333333;
  padding-left: 0;
  padding-right: 0;
  width: 120px;
  border-radius: 30px;
  -moz-border-radius: 30px;
  -webkit-border-radius: 30px;
  -ms-border-radius: 30px;
   margin: 0 auto;
}
.btn_list .btn.type01 a.external:after, .btn_area .btn.type01 a.external:after {
  color: #fff;
  padding-left: 6px;
}
.btn_list .btn.type01.large a, .btn_area .btn.type01.large a {
  width: 212px;
  font-size: 18px;
  padding: 15px 0 14px 25px;
}
.btn_list .btn.type01.large a:before, .btn_area .btn.type01.large a:before {
  left: 39px;
  font-size: 38px;
  margin-top: -19px;
}
.btn_list .btn.type01.large a .small, .btn_area .btn.type01.large a .small {
  display: block;
  font-size: 11px;
  line-height: 12px;
  margin-bottom: 3px;
}

.application .btn_list .btn.type01 {
  display: inline-block;
  vertical-align: top;
}
.application .btn_list .btn.type01.large a {
  width: 210px;
  padding-left: 25px;
  padding-right: 25px;
}
.application .btn_list .btn.type01.large a .small {
  margin-top: 3px;
  margin-bottom: 0;
}
.application .btn_list .btn.type01.large a[class*="ico_"] {
  width: 190px;
  padding-left: 45px;
  padding-right: 25px;
}
.application .btn_list .btn.type01.large a[class*="ico_"]:before {
  left: 23px;
}
.application .btn_list .btn.type01.single a {
  padding-top: 22px;
  padding-bottom: 22px;
}

/*  btn_box --------------------------------------------------------*/
.btn_box, .contact_box {
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
}
.btn_box.conversion, .btn_box.application, .contact_box.conversion, .contact_box.application {
  background: #f0f0f0;
  padding: 20px;
}
.btn_box.half, .contact_box.half {
  width: 323px;
}
.btn_box.half .btm li, .contact_box.half .btm li {
  width: 283px;
}
.btn_box .upper, .contact_box .upper {
  padding: 20px;
}
.btn_box .upper h4, .btn_box .upper .title, .contact_box .upper h4, .contact_box .upper .title {
  font-weight: bold;
  font-size: 20px;
  line-height: 24px;
  margin: 6px 0 12px;
}
.btn_box .upper h4 a, .btn_box .upper .title a, .contact_box .upper h4 a, .contact_box .upper .title a {
  color: #003d7b;
  text-decoration: none;
}
.btn_box .upper h4 a:hover, .btn_box .upper .title a:hover, .contact_box .upper h4 a:hover, .contact_box .upper .title a:hover {
  text-decoration: underline;
}
.btn_box .btm, .btn_box .bg, .contact_box .btm, .contact_box .bg {
  padding: 15px 10px;
  background: #f0f0f0;
}
.btn_box .btm .basic_title, .btn_box .bg .basic_title, .contact_box .btm .basic_title, .contact_box .bg .basic_title {
  font-size: 15px;
  margin-left: 12px;
  margin-bottom: 8px;
}
.btn_box .btm.ht01, .btn_box .bg.ht01, .contact_box .btm.ht01, .contact_box .bg.ht01 {
  height: 57px;
}
.btn_box .btm.ht02, .btn_box .bg.ht02, .contact_box .btm.ht02, .contact_box .bg.ht02 {
  height: 114px;
}
.btn_box .btm.ht03, .btn_box .bg.ht03, .contact_box .btm.ht03, .contact_box .bg.ht03 {
  height: 171px;
}
.btn_box .btm.ht04, .btn_box .bg.ht04, .contact_box .btm.ht04, .contact_box .bg.ht04 {
  height: 228px;
}
.btn_box .btm li, .btn_box .bg li, .contact_box .btm li, .contact_box .bg li {
  float: left;
  width: 305px;
  margin: 5px 9px;
}
.btn_box .btm li a, .btn_box .bg li a, .contact_box .btm li a, .contact_box .bg li a {
  padding-left: 16px;
  padding-right: 17px;
  text-align: left;
}
.btn_box .btm li a span, .btn_box .bg li a span, .contact_box .btm li a span, .contact_box .bg li a span {
  padding-left: 36px;
}
.btn_box .btm li a span:before, .btn_box .bg li a span:before, .contact_box .btm li a span:before, .contact_box .bg li a span:before {
  font-size: 36px;
  left: -7px;
  margin-top: -19px;
  color: #4882be;
}
.btn_box .btm li a span.external, .btn_box .bg li a span.external, .contact_box .btm li a span.external, .contact_box .bg li a span.external {
  padding-left: 0;
}
.btn_box .btm.center, .btn_box .bg.center, .contact_box .btm.center, .contact_box .bg.center {
  text-align: center;
}
.btn_box .btm.center li, .btn_box .bg.center li, .contact_box .btm.center li, .contact_box .bg.center li {
  float: none;
  display: inline-block;
}
.btn_box .btm.center li a, .btn_box .bg.center li a, .contact_box .btm.center li a, .contact_box .bg.center li a {
  text-align: center;
}
.btn_box.triple .bg li.btn, .contact_box.triple .bg li.btn {
  width: 198px;
}

/*  text_btn_box 下層ページ導線	-------------------------------------------------*/
.text_btn_box .btn.type02 a {
  padding: 30px 20px 20px 20px;
}
.text_btn_box .btn.type02 span {
  font-size: 18px;
  line-height: 24px;
  padding-left: 0;
  margin-left: 0;
}
.text_btn_box .btn.type02 span[class*="ico_"] {
  margin-left: 10px;
  padding-left: 47px;
}
.text_btn_box .btn.type02 span:before {
  font-size: 46px;
  left: -7px;
  margin-top: -23px;
}
.text_btn_box .btn.type02 span.ico_yen09:before {
  left: -10px;
  margin-top: -25px;
  font-size: 54px;
}
.text_btn_box .btn.type02 p {
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  margin-top: 20px;
}

/*  action_flow フロー図	-------------------------------------------------*/
.action_flow {
  height: 50px;
  clear: both;
  /* 3列*/
  /* 4列以上*/
  /* 4列*/
  /* 5列*/
  /* 6列*/
  /* 7列*/
  /*  2行パターン-------------------------------------------------*/
}
.action_flow li {
  font-size: 15px;
  line-height: 22px;
  text-align: center;
  padding: 14px;
  float: left;
  width: 307px;
  position: relative;
  background: #f0f0f0;
}
.action_flow li:after {
  content: " ";
  position: absolute;
  top: 0;
  right: -36px;
  border-top: solid 25px transparent;
  border-right: solid 18px transparent;
  border-bottom: solid 25px transparent;
  border-left: solid 18px #f0f0f0;
  z-index: 2;
}
.action_flow li:before {
  content: " ";
  position: absolute;
  right: -44px;
  top: -6px;
  border-top: solid 31px transparent;
  border-right: solid 22px transparent;
  border-bottom: solid 31px transparent;
  border-left: solid 22px #fff;
  z-index: 1;
}
.action_flow li span {
  position: relative;
}
.action_flow li.active {
  color: #fff;
  font-weight: bold;
  background: #003d7b;
}
.action_flow li.active:after {
  border-left-color: #003d7b;
}
.action_flow li.lightblue {
  color: #fff;
  font-weight: bold;
  background: #4882be;
}
.action_flow li.lightblue:after {
  border-left-color: #4882be;
}
.action_flow li:last-child:before, .action_flow li:last-child:after {
  content: none;
}
.action_flow li.tip:before, .action_flow li.tip:after {
  content: " " !important;
}
.action_flow.triple li {
  font-size: 13px;
  width: 195px;
}
.action_flow.quad li, .action_flow.quint li, .action_flow.sext li, .action_flow.sept li {
  font-size: 13px;
  padding: 9px 0px 9px 18px;
}
.action_flow.quad li:first-child, .action_flow.quint li:first-child, .action_flow.sext li:first-child, .action_flow.sept li:first-child {
  padding-left: 8px;
}
.action_flow.quad li:after, .action_flow.quint li:after, .action_flow.sext li:after, .action_flow.sept li:after {
  border-width: 20px 16px;
  right: -32px;
}
.action_flow.quad li:before, .action_flow.quint li:before, .action_flow.sext li:before, .action_flow.sept li:before {
  right: -42px;
  border-width: 26px 21px;
}
.action_flow.quad li {
  width: 152px;
}
.action_flow.quint li {
  width: 118px;
}
.action_flow.sext li {
  width: 95px;
}
.action_flow.sept li {
  width: 84px;
  padding-left: 12px;
}
.action_flow.sept li:first-child {
  padding-left: 10px;
}
.action_flow.two_line {
  height: 110px;
}
.action_flow.two_line li {
  font-size: 13px;
}
.action_flow.two_line > li {
  padding-top: 44px;
  padding-bottom: 44px;
  width: 204px;
  margin-right: 28px;
}
.action_flow.two_line > li:after {
  right: -44px;
  border-width: 55px 22px;
}
.action_flow.two_line > li:before {
  content: none;
}
.action_flow.two_line > li.wrap {
  padding: 0;
  margin: 0;
  width: 410px;
  background: none;
}
.action_flow.two_line > li.wrap:after, .action_flow.two_line > li.wrap:before {
  content: none;
}
.action_flow.two_line > li ul {
  margin-bottom: 10px;
  height: 50px;
}
.action_flow.two_line > li .single li {
  width: 382px;
}
.action_flow.two_line > li .double li {
  width: 177px;
}
.action_flow.two_line > li .triple li {
  width: 108px;
}
.action_flow.two_line > li .triple li:firsr-child {
  padding-left: 13px;
}


/*  two_line2 -------------------------------------------------*/
.action_flow.two_line2 {
  height: 132px;
}
.action_flow.two_line2 li {
  font-size: 13px;
}
.action_flow.two_line2 > li {
  padding-top: 44px;
  padding-bottom: 44px;
  width: 144px;
  margin-right: 28px;
}

.action_flow.two_line2 li:after {
  border-top: solid 36px transparent;
  border-bottom: solid 36px transparent;
}
.action_flow.two_line2 li:before {
  border-top: solid 42px transparent;
  border-bottom: solid 42px transparent;
}

.action_flow.two_line2 > li:after {
  right: -44px;
  border-width: 66px 22px;
}
.action_flow.two_line2 > li:before {
  content: none;
}
.action_flow.two_line2 > li.wrap {
  padding: 0;
  margin: 0;
  width: 470px;
  background: none;
}
.action_flow.two_line2 > li.wrap:after, .action_flow.two_line2 > li.wrap:before {
  content: none;
}
.action_flow.two_line2 > li ul {
  margin-bottom: 10px;
  height: 50px;
}
.action_flow.two_line2 > li ul.triple {
  height: 72px;
}
.action_flow.two_line2 > li .single li {
  width: 442px;
}
.action_flow.two_line2 > li .triple li {
  width: 128px;
  height: 32px;
  padding: 26px 10px 14px 18px;
}
.action_flow.two_line2 > li ul.triple li:first-child {
  width: 130px;
  height: 44px;
  padding: 14px;
}

/*  two_line3 -------------------------------------------------*/
.action_flow.two_line3{
  height: 132px;
}
.action_flow.two_line3 li {
  font-size: 13px;
}
.action_flow.two_line3 > li {
  padding-top: 33px;
  padding-bottom: 33px;
  width: 94px;
  margin-right: 28px;
}

.action_flow.two_line3 li:after {
  border-top: solid 36px transparent;
  border-bottom: solid 36px transparent;
}
.action_flow.two_line3 li:before {
  border-top: solid 42px transparent;
  border-bottom: solid 42px transparent;
}

.action_flow.two_line3 > li:after {
  right: -44px;
  border-width: 66px 22px;
}
.action_flow.two_line3 > li:before {
  content: none;
}
.action_flow.two_line3 > li.wrap {
  padding: 0;
  margin: 0;
  width: 520px;
  background: none;
}
.action_flow.two_line3 > li.wrap:after, .action_flow.two_line3 > li.wrap:before {
  content: none;
}
.action_flow.two_line3 > li ul {
  margin-bottom: 10px;
  height: 50px;
}
.action_flow.two_line3 > li ul.quint {
  height: 72px;
}
.action_flow.two_line3 > li .single li {
  width: 492px;
}
.action_flow.two_line3 > li .quint li {
  width: 70px;
  height: 32px;
  padding: 26px 4px 14px 24px;
}
.action_flow.two_line3 > li ul.quint li:first-child {
  width: 100px;
  height: 44px;
  padding: 14px;
}
.action_flow.two_line3 > li .quint li:nth-child(even) {
  width: 70px;
  height: 44px;
  padding: 14px 4px 14px 24px;
}


/*  box_arrow -------------------------------------------------*/
.box_arrow {
  display: inline-block;
  font-size: 13px;
  line-height: 18px;
  text-align: center;
  padding: 4px 12px 3px 12px;
  margin-right: 20px;
  color: #fff;
  background: #003d7b;
  position: relative;
}
.box_arrow:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 100%;
  border-color: transparent;
  border-left-color: #003d7b;
  border-style: solid;
  border-width: 12px 12px;
  z-index: 2;
}
.box_arrow.lightblue {
  background: #4882be;
}
.box_arrow.lightblue:after {
  border-left-color: #4882be;
}

.large .box_arrow {
  font-size: 16px;
  line-height: 22px;
  padding: 4px 12px;
  margin-right: 25px;
}
.large .box_arrow:after {
  border-width: 15px 15px;
}

/*  vertical_flow_box 縦フロー	-------------------------------------------------*/
.vertical_flow_box, .flow_arrow {
  position: relative;
  margin-bottom: 48px;
}
.vertical_flow_box:before, .flow_arrow:before {
  position: absolute;
  content: " ";
  display: block;
  background: #cce0f6;
  width: 60px;
  height: 28px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  bottom: -38px;
  left: 50%;
  margin-left: -30px;
}
.vertical_flow_box:after, .flow_arrow:after {
  position: absolute;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 30px 0 30px;
  border-color: transparent #fff transparent #fff;
  bottom: -40px;
  left: 50%;
  margin-left: -30px;
}
.vertical_flow_box.last, .flow_arrow.last {
  margin-bottom: 0;
}
.vertical_flow_box.last:before, .vertical_flow_box.last:after, .flow_arrow.last:before, .flow_arrow.last:after {
  content: none;
  display: none;
}

.flow_arrow {
  font-size: 0;
  margin-bottom: 0;
  height: 30px;
}
.flow_arrow:before {
  bottom: 2px;
}
.flow_arrow:after {
  bottom: 0px;
}

.arrows .flow_arrow {
  margin-bottom: 29px;
}
.arrows .flow_arrow:before {
  background: #e5effa;
}

/*  horizonal_flow_box 横フロー	-------------------------------------------------*/
.horizonal_flow_box {
  position: relative;
  margin-right: 40px;
  padding-left: 0;
}
.horizonal_flow_box:before {
  position: absolute;
  content: " ";
  display: block;
  background: #cce0f6;
  width: 11px;
  height: 24px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  left: inherit;
  right: -26px;
  top: 50%;
  margin-top: -12px;
}
.horizonal_flow_box:after {
  position: absolute;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 10px;
  border-color: #fff transparent #fff transparent;
  right: -27px;
  top: 50%;
  margin-top: -12px;
}

/*  horizonal_flow_box2 横フロー上下2列	-------------------------------------------------*/

li.horizonal_flow_box2 {
  margin-right: 18px;
  padding: 0;
  border: none;
  width: 154px;
  float: left;
  overflow: visible;
}
li.horizonal_flow_box2:last-child {
  margin-right: 0;
}

li.horizonal_flow_box2 .inner {
  width: auto;
  padding: 10px;
  margin: 0 0 10px 0;
  border: 1px solid #95c1f1;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
}
li.horizonal_flow_box2 .inner.size01 {
  height: 352px;
}
li.horizonal_flow_box2 .inner.size02 {
  height: 160px;
}
li.horizonal_flow_box2 .inner.size03 {
  height: 160px;
  border: none;
  border-top: 1px solid #ffffff;
}

li.horizonal_flow_box2 .title {
  font-size: 14px;
  line-height: 32px;
  text-align: left;
  padding-left: 32px;
  margin-bottom: 5px;
}
li.horizonal_flow_box2 .title:before {
  color: #4882be;
  font-size: 32px;
  line-height: 32px;
  margin-top: -16px;
  left: -3px;
}

li.horizonal_flow_box2 .inner .basic_title {
  font-size: 13px;
  font-weight: bold;
  line-height: 18px;
  margin-bottom: 6px;
}
li.horizonal_flow_box2 .inner p {
  font-size: 12px;
  line-height: 16px;
}

li.horizonal_flow_box2 .inner:before {
  position: absolute;
  content: " ";
  display: block;
  background: #cce0f6;
  width: 11px;
  height: 24px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  left: inherit;
  right: -16px;
  top: 50%;
  margin-top: -12px;
}
li.horizonal_flow_box2 .inner:after {
  position: absolute;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 10px;
  border-color: #fff transparent #fff transparent;
  right: -17px;
  top: 50%;
  margin-top: -12px;
}
li.horizonal_flow_box2:last-child .inner:before {
	display: none;
}
li.horizonal_flow_box2:last-child .inner:after {
	display: none;
}

li.horizonal_flow_box2 li.flow_arrow2 p {font-size: 0;}
li.horizonal_flow_box2 li.flow_arrow2 p:before {
  position: absolute;
  content: " ";
  display: block;
  background: #cce0f6;
  width: 11px;
  height: 24px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  left: 0;
  top: 50%;
}
li.horizonal_flow_box2 li.flow_arrow2 p:after {
  position: absolute;
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 0 12px 10px;
  border-color: #fff transparent #fff transparent;
  left: 2px;
  top: 50%;
}

li.horizonal_flow_box2 li.flow_arrow2 {
  margin-right: 17px;
  float: left;
  position: relative;
  width: 12px;
  height: 40px;
}
li.horizonal_flow_box2 li.flow_arrow2:first-child {
  margin-left: 5px;
}
li.horizonal_flow_box2 li.flow_arrow2:last-child {
  margin-right: 0;
}

li.horizonal_flow_box2 li.flow_arrow2 p:before {
  bottom: 2px;
}
li.horizonal_flow_box2 li.flow_arrow2 p:after {
  bottom: 0px;
}


/*  use_flow	-------------------------------------------------*/
.use_flow {
  display: table;
  width: 100%;
}
.use_flow .step, .use_flow .step_description {
  display: table-cell;
  vertical-align: middle;
}
.use_flow .step {
  width: 72px;
  padding: 8px;
  background: #cce0f6;
  font-weight: bold;
  font-size: 14px;
  line-height: 22px;
  text-align: center;
  border-right: 10px solid white;
}

.step_description {
  padding: 15px;
  border: 1px solid #e1e1e1;
  position: relative;
}
.step_description .step_inner {
  display: table;
}
.step_description .icon_box {
  width: 55px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  vertical-align: middle;
  font-size: 50px;
  color: #4882be;
  letter-spacing: -10px;
  padding-right: 20px;
}
.step_description .icon_box span {
  display: block;
}
.step_description .icon_box.double {
  width: 100px;
}
.step_description .icon_box.double span {
  display: inline-block;
}
.step_description .icon_box .yen10 {
  font-size: 80px;
}
.step_description .step_content {
  display: table-cell;
  vertical-align: middle;
}

/*  login_btn --------------------------------------------------------*/
.login_btn.btn {
  display: inline-block;
}
.login_btn.btn a {
  font-size: 12px;
  line-height: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.login_btn.btn a:hover {
  text-decoration: none;
}
.login_btn.btn a:before {
  font-size: 24px;
  left: 12px;
  margin-top: -13px;
}
.login_btn.btn a[class*="ico_"]:before {
  font-size: 18px;
  left: 16px;
  margin-top: -10px;
}
.login_btn.btn.large a {
  font-size: 14px;
  padding: 13px 40px 13px 60px;
}
.login_btn.btn.large a[class*="ico_"]:before {
  left: 36px;
}
.login_btn.btn.large.noicon a {
  padding-left: 40px;
}
.login_btn.btn.large.simplewhite {
  padding-top: 12px;
  padding-bottom: 12px;
}

/*  #plan 商品・サービスのご紹介-------------------------------------------------*/
#plan .bg_box {
  padding: 15px;
  background: #eeeeee;
}
#plan .first_line {
  margin-bottom: 15px;
}
#plan .first_line .item {
  margin-right: 15px;
  width: 312px;
  float: left;
  display: inline-block;
  line-height: 20px;
}
#plan .first_line .item:nth-child(2) {
  margin-right: 0;
}
#plan .first_line .item .btn_inner {
  padding: 25px 20px;
}
#plan .upper {
  display: block;
  border-bottom: 1px solid #e5e5e5;
}
#plan .upper .title {
  margin-bottom: 12px;
  text-align: left;
}
#plan .upper .title.text_02 {
  margin-bottom: 2px;
  text-align: left;
}
#plan .upper .title img {
  padding-right: 10px;
}
#plan .upper .title.text_02 img {
  vertical-align: top;
}
#plan .upper .title h4 {
  font-size: 18px;
  display: inline-block;
  letter-spacing: -1px;
}
#plan .upper .text {
  text-align: left;
  font-size: 12px;
  line-height: 20px;
  color: #535353;
  font-weight: normal;
  height: 124px;
}
#plan .btm h5 {
  font-size: 14px;
  font-weight: normal;
  margin-top: 12px;
  margin-bottom: 10px;
  text-align: center;
}
#plan .btm .btn a {
  display: block;
  font-size: 15px;
  line-height: 18px;
  text-align: center;
  padding: 9px 30px;
  background: #003d7b;
  color: #fff;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -ms-border-radius: 18px;
}
#plan .btm .btn a span:before {
  font-size: 18px;
  margin-top: -10px;
  left: -6px;
}
#plan .second_line .item {
  float: left;
  margin-right: 15px;
}
#plan .second_line .item:last-child {
  margin-right: 0;
}
#plan .second_line .item .upper {
  border-bottom: none;
  height: auto;
}
#plan .second_line .item .btn_inner {
  padding: 16px;
  width: 169px;
}
#plan .second_line .item h4 {
  font-size: 15px;
}
#plan .second_line .item .text {
  height: 45px;
}

/*  #faq よくあるご質問-------------------------------------------------*/
#faq .faq_box {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  margin-bottom: 10px;
}
#faq .faq_box .question {
  display: table;
  font-size: 15px;
  line-height: 18px;
  width: 628px;
  padding: 20px;
  text-decoration: none;
  color: #333333;
  font-weight: bold;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  position: relative;
}
#faq .faq_box .question:after {
  font-family: 'promiseicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  position: absolute;
  content: '\e917';
  color: #4882be;
  right: 10px;
  top: 10px;
  right: 12px;
  top: 50%;
  font-size: 32px;
  margin-top: -16px;
}
#faq .faq_box .question span {
  display: table-cell;
  vertical-align: middle;
}
#faq .faq_box .question span.qa {
  color: #4882be;
  padding-right: 16px;
  width: 14px;
  text-align: center;
  font-family: "arial";
}
#faq .faq_box .question span.qa:before {
  vertical-align: middle;
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  left: 12px;
  top: 50%;
  margin-top: -15px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 2px solid #4882be;
}
#faq .faq_box .question.open {
  background-color: #4882be;
  color: #fff;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
}
#faq .faq_box .question.open:after {
  content: '\e915';
  color: #fff;
}
#faq .faq_box .question.open span.qa {
  color: #fff;
}
#faq .faq_box .question.open span.qa:before {
  border-color: #fff;
}
#faq .faq_box .answer {
  border-top: 1px solid #e2e2e2;
  padding: 20px;
}
#faq .faq_box .answer .answer_title p.qa {
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #003d7b;
  position: relative;
  padding-right: 16px;
  font-family: "arial";
  float: left;
  text-indent: 1px;
}
#faq .faq_box .answer .answer_title p.qa:before {
  content: " ";
  position: absolute;
  width: 25px;
  height: 25px;
  left: -8px;
  top: -6px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 2px solid #003d7b;
}
#faq .faq_box .answer .answer_title p.title {
  margin-left: 32px;
}
#faq .faq_box .answer .answer_content {
  margin-left: 32px;
}
#faq .faq_box .answer .answer_inner {
  margin-left: 32px;
  margin-top: 20px;
}
#faq .faq_box .answer .answer_inner ul {
  float: left;
  width: 350px;
}
#faq .faq_box .answer .answer_inner ul.wide {
  width: 350px;
}
#faq .faq_box .answer .answer_inner ul li {
  margin-bottom: 8px;
}
#faq .faq_box .answer .answer_inner .arrow:before {
  color: #003d7b;
}
#faq .faq_box .answer .answer_inner a {
  text-decoration: none;
}
#faq .faq_box .answer .answer_inner a:hover {
  text-decoration: underline;
}
#faq .faq_box .text_spc_normal {
  width:500px; white-space: normal;
}

/*  #faq以外のアコーディオン-------------------------------------------------*/
.accd_box {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  margin-bottom: 10px;
}
.accd_box .accd_btn {
  display: table;
  font-size: 15px;
  line-height: 18px;
  width: 628px;
  padding: 20px;
  text-decoration: none;
  color: #333333;
  font-weight: bold;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  position: relative;
}
.accd_box .accd_btn:after {
  font-family: 'promiseicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  position: absolute;
  content: '\e917';
  color: #4882be;
  right: 10px;
  top: 10px;
  right: 12px;
  top: 50%;
  font-size: 32px;
  margin-top: -16px;
}
.accd_box .accd_btn span {
  display: table-cell;
  vertical-align: middle;
}
.accd_box .accd_btn.open {
  background-color: #4882be;
  color: #fff;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
}
.accd_box .accd_btn.open:after {
  content: '\e915';
  color: #fff;
}
.accd_box .accd_contents {
  border-top: 1px solid #e2e2e2;
  padding: 20px;
}

/*  #faq以外のアコーディオン（開閉でタイトルの背景色が変わらないもの）-------------------------------------------------*/
.accd_box2 {
  border: 1px solid #e2e2e2;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -ms-border-radius: 4px;
  margin-bottom: 10px;
}
.accd_box2 .accd_btn {
  display: table;
  font-size: 15px;
  line-height: 18px;
  width: 628px;
  padding: 20px;
  text-decoration: none;
  color: #333333;
  font-weight: bold;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: background-color;
  -ms-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  position: relative;
}
.accd_box2 .accd_btn:after {
  font-family: 'promiseicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  position: absolute;
  content: '\e917';
  color: #4882be;
  right: 10px;
  top: 10px;
  right: 12px;
  top: 50%;
  font-size: 32px;
  margin-top: -16px;
}
.accd_box2 .accd_btn span {
  display: table-cell;
  vertical-align: middle;
}
.accd_box2 .accd_btn.open {
  color: #fff;
  border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
}
.accd_box2 .accd_btn.open:after {
  content: '\e915';
  color: #4882be;
}
.accd_box2 .accd_contents {
  border-top: 1px solid #e2e2e2;
  padding: 20px;
}

/*  simulation_box 返済シミュレーション-------------------------------------------------*/
table.simulation_box {
  margin-bottom: 5px;
}
table.simulation_box tr {
  border-top: none;
  border-bottom: none;
}
table.simulation_box th {
  background: none;
  font-size: 15px;
  text-align: center;
  padding: 8px 0 0 0;
  border-bottom: none;
}
table.simulation_box td {
  border-top: none;
  padding: 10px 15px 20px 15px;
  vertical-align: top;
}
table.simulation_box.result th {
  padding-bottom: 4px;
}
table.simulation_box.result td {
  text-align: center;
  padding-bottom: 15px;
}
table.simulation_box.result td span.num {
  font-weight: bold;
  font-size: 20px;
  margin-right: 5px;
}

/*  tab  タブ-------------------------------------------------*/
.tab_menu.basic li {
  float: left;
  width: 335px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.tab_menu.basic li a {
  display: block;
  background: whitesmoke;
  border: 1px solid #e1e1e1;
  line-height: 16px;
  padding: 16px 8px;
  text-decoration: none;
  color: #333333;
  -webkit-transition-duration: 250ms;
  -ms-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0;
  -ms-transition-delay: 0;
  transition-delay: 0;
  opacity: 1;
}
.tab_menu.basic li a:hover {
  opacity: 0.8;
}
.tab_menu.basic li a.cr {
  color: #fff;
  background: #4882be;
  border-color: #4882be;
}

.tab_content.basic {
  border: 2px solid #4882be;
  padding: 20px;
}

.tab_menu.basic.tab_three li {
  width: 223px;
}
.tab_menu.basic.tab_three li:nth-child(2) {
  width: 224px;
}

.tab_menu.basic.tab_three li:nth-child(2) a {
  border-left: 0;
  border-right: 0;
}

/*  article_list  お知らせ一覧-------------------------------------------------*/
.article_list .article {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 12px;
}
.article_list .article .date {
  width: 132px;
  float: left;
}
.article_list .article .title {
  font-weight: normal;
  font-size: 13px;
  line-height: 18px;
}
.article_list .article .title a {
  text-decoration: none;
}
.article_list .article .title a:hover {
  text-decoration: underline;
}

/* ----------------------------------------------------------------------------
    pagetop
---------------------------------------------------------------------------- */
#pagetop {
  margin-top: 20px;
  text-align: right;
}
#pagetop a {
  color: #555555;
  font-size: 12px;
  text-decoration: none;
  position: relative;
  padding-right: 26px;
}
#pagetop a:hover {
  text-decoration: underline;
}
#pagetop span {
  position: relative;
}
#pagetop span:before {
  content: " ";
  position: absolute;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border: 2px solid #bbbbbb;
  top: 50%;
  right: -2px;
  margin-top: -11px;
  line-height: 1;
}
#pagetop span:after {
  font-family: 'promiseicon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  vertical-align: middle;
  position: absolute;
  content: '\e91b';
  font-size: 22px;
  color: #bbbbbb;
  top: 50%;
  right: -2px;
  margin-top: -12px;
  line-height: 1;
  text-decoration: none !important;
}
#pagetop .simple {
  margin-right: 20px;
  text-align: right;
}

/* ----------------------------------------------------------------------------
    breadcrumb
---------------------------------------------------------------------------- */
.breadcrumb {
  margin-bottom: 12px;
  font-size: 12px;
}
.breadcrumb span {
  color: #999;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb.footer {
  padding-top: 12px;
  border-top: 1px solid #e0e0e0;
}

/* ----------------------------------------------------------------------------
    contents
---------------------------------------------------------------------------- */
.page_title {
  width: 950px;
  font-size: 26px;
  line-height: 30px;
  font-weight: bold;
  margin: 0 auto 25px auto;
}
.text_fold {
  word-wrap:break-word;
}
/* ----------------------------------------------------------------------------
    APD63004
---------------------------------------------------------------------------- */
dl.description {
    padding: 15px 5px;
    position: relative;
	margin-bottom: 10px;
}
dl.description dd {
    display: table-cell;
    vertical-align: middle;
}
dl.description dt.icon_box {
    width: 90px;
	padding-right: 5px;
    display: table-cell;
    vertical-align: top;
    text-align: center;
    color: #4882be;
}
dl.description dt.icon_box span {
    display: block;
}

dl.description dt.icon_box .set_pc {
    font-size: 70px;
    line-height: 50px;
    display: inline-block;
	margin-left: -20px;
}
dl.description dt.icon_box .set_sp {
    font-size: 40px;
	line-height: 40px;
    display: inline-block;
	margin-left: -30px;
}
dl.description dt.icon_box .set_fp {
    font-size: 40px;
	line-height: 40px;
    display: inline-block;
	margin-left: -24px;
}

dl.description dt.icon_box .ph {
    font-size: 55px;
	display: inline-block;
}
dl.description dt.icon_box .sp {
    font-size: 40px;
    display: inline-block;
	margin-left: -12px;
	margin-top: 10px;
}
/* ----------------------------------------------------------------------------
    CPQ02002
---------------------------------------------------------------------------- */
.btn_pt01 .btn_box li.btn.type02 span {
  display: block;
  position: relative;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -ms-border-radius: 3px;
  background: #ccc;
  border: 1px solid #e1e1e1;
  padding-left: 16px !important;
  padding-right: 17px !important;
  text-align: left;
  color: #999;
  padding: 14px 0;
  font-size: 14px;
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  opacity: 1;
  -webkit-transition-duration: 250ms;
  transition-duration: 250ms;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: 0;
  transition-delay: 0;
}
/* ----------------------------------------------------------------------------
	背景色
---------------------------------------------------------------------------- */
.bgColorRed { background-color:#FF9999 !important; }