@charset "UTF-8";
/* # =================================================================
# 00.normalize
# ================================================================= */
/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type='button'],input[type='reset'],input[type='submit']{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type='checkbox'],input[type='radio']{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{height:auto}input[type='search']{-webkit-appearance:textfield;-webkit-box-sizing:content-box;box-sizing:content-box}input[type='search']::-webkit-search-cancel-button,input[type='search']::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}


/* # =================================================================
# 10.base
# ================================================================= */
html {
  font-size: 62.5%;
}

body {
  color: #333;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo UI', sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.9;
  overflow-x: hidden;

  -ms-font-feature-settings: 'normal';
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

body * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

a {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: none;
}

img {
  border: 0;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}

ul,ol {
  margin: 0;
  padding: 0;
}

ul li,ol li {
  list-style-type: none;
}

p {
  margin: 0;
}

main {
  display: block;
}

input,select,textarea,button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  border-radius: 0;
  color: #333;
  font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo UI', sans-serif;
  font-size: 1.4rem;
  margin: 0;
  outline: none;
  padding: 0;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

select::-ms-expand {
  display: none;
}

hr {
  border: none;
  margin: 0;
}

b,strong,em {
  text-decoration: normal;
  font-weight: bold;
}

.clearfix::after {
  clear: both;
  content: '';
  display: block;
  height: 0;
  visibility: hidden;
}

/* # =================================================================
# 20. structures
# ================================================================= */
.st-l-wrapper {
  min-height: calc(100vh - 81px);
  overflow: hidden;
  padding-top: 120px;
}
.st-l-wrapper--simple {
  min-height: calc(100vh - 30px);
  padding-top: 70px;
  padding-bottom:70px;
}
.st-l-main {
  padding: 36px 20px 70px;
}

.st-l-inner {
  margin: 0 auto;
  max-width: 900px;
}

/**
 * section
 */
.st-l-section {
  padding: 40px 0 50px;
}
.st-l-section:first-of-type {
  padding-top: 0;
}
.st-l-inner .st-l-section {
  margin-left: 0px;
  margin-right: 0px;
}
.st-l-main > .st-l-section-wrapper.st-l-section-wrapper--emphasis .st-l-section {
  margin-left:-20px;
  margin-right:-20px;
}
.st-l-section-wrapper--emphasis .st-l-section {
  padding-left: 20px;
  padding-right: 20px;
}
.st-l-section-wrapper--emphasis .st-l-section.st-l-section--odd {
  background: #fff;
}
.st-l-section-wrapper--emphasis .st-l-section.st-l-section--even {
  background: #e3f1fc;
}
.st-l-section > *:first-child,
.st-l-section > .st-l-inner > *:first-child {
  margin-top: 0;
}

.st-l-subSection {
  padding: 20px 0 30px;
}

.st-l-subSection:first-of-type {
  padding-top: 0;
}
.st-l-subSection > *:first-child,
.st-l-subSection > .st-l-inner > *:first-child {
  margin-top: 0;
}

/**
 * header
 */
.st-header {
  background: #fff;
  border-bottom: solid 2px #003894;
  border-top: solid 4px #003894;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.st-h-head {
  padding: 14px 20px 15px;
}

.st-h-head__inner {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.st-h-head__btn {
  background: #003894;
}

.st-h-head__btn p {
  padding: 4px 15px 2px;
}

.st-h-head__btn p a {
  background: url(../images/icon_arrow_back.svg) no-repeat left center;
  background-size: 5px 8.5px;
  color: #fff;
  font-size: 1.2rem;
  padding: 0 0 0 10px;
}

.st-h-head__btn.is-none {
  opacity: 0;
  visibility: hidden;
}

.st-h-head__border {
  border-bottom: solid 2px #003894;
  display: block;
}

.st-h-head__logo {
  background: #003894;
  color: #fff;
  font-size: 1.0rem;
  letter-spacing: .05em;
  position: fixed;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: 999;
}

.st-h-logo {
  margin: 0 2.6666666% 0 0;
  width: 19.333333%;
}

.st-h-testMode {
  padding:0.25em 0.5em;
  margin: 0 2.6666666% 0 0;
  color:#fff;
  background-color:#f00;
  border-radius:1em;
  display: inline-block;
}

.st-h-ctrl {
  margin: 0 0 0 auto;
  min-height:31px;
}

.st-h-ctrl__list {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
}

.st-h-ctrl__item--help {
  width: 40px;
}

.st-h-panel {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.st-h-panel__user {
  color: #003894;
  line-height: 1.3;
}

.st-h-panel__IDinProcess {
  color: #dc2226;
  line-height: 1.3;
}
.st-h-panel__name + .st-h-panel__IDinProcess {
  margin: 0 1em;
}

.st-h-panel__user--wStatus .st-h-panel__name {
    display:block;
}
.st-h-panel__user--wStatus .st-h-panel__loginID,
.st-h-panel__user--wStatus .st-h-panel__IDinProcess {
  display:inline-block;
}

.st-h-panel__headline {
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.0;
  margin: 0 3.8888888% 0 0;
}

.st-h-panel__name,
.st-h-panel__loginID,
.st-h-panel__IDinProcess {
  margin-top:0;
}
.st-h-panel__name span,
.st-h-panel__loginID span,
.st-h-panel__IDinProcess span {
  display: inline-block;
  font-weight: 700;
}

.st-h-panel__login {
  margin: 0 0 0 15px;
  width: 106px;
}

.st-h-panel__login a,
.st-h-panel__login button {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transition: color .3s, background-color .3s;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #003894;
  border: solid 1px #003894;
  border-radius: 2px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.3rem;
  height: 28px;
  justify-content: center;
  padding: 0;
  transition: color .3s, background-color .3s;
  width: 100%;
}

.st-h-panel__login a:hover,
.st-h-panel__login button:hover {
  background-color: #fff;
  color: #003894;
}

/**
 * nav
 */
.st-gnav {
  background: #003894;
  padding: 0 20px;
}
.st-gnav__inner {
  position: relative;
}
.st-gnav__list {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.st-gnav__item {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  position: relative;
  /*width: 25%;*/
}
.st-gnav__item:last-child::after {
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: calc(100% - 20px);
  margin: auto;
  position: absolute;
  right: 2px;
  top: 0;
  width: 1px;
}
.st-gnav__item > a {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transition: color .3s, background .3s;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  border-top: solid 2px #003894;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  justify-content: center;
  line-height: 1.2;
  transition: color .3s, background .3s;
}
.st-gnav__item > a::before {
  -webkit-transition: opacity .3s;
  background: #fff;
  bottom: 0;
  content: '';
  display: block;
  height: calc(100% - 20px);
  left: -1px;
  margin: auto;
  position: absolute;
  top: 0;
  transition: opacity .3s;
  width: 1px;
}
.st-gnav__item > a:hover {
  background: #fff;
  color: #003894;
}
.st-gnav__item > a:hover svg,
.st-gnav__item .active svg {
  fill: #003894;
}
.st-gnav__item > a:hover .cls-1 {
  fill: none;
  stroke: #003894;
}
.st-gnav__item > a:hover::before,
.st-gnav__item .active::before {
  opacity: 0;
}
.st-gnav__item > a svg {
  fill: #fff;
}
.st-gnav__item--home svg {
  height: 23px;
  width: 26px;
}
.st-gnav__item--info svg {
  height: 24px;
  width: 25px;
}
.st-gnav__item--billing svg {
  height: 23px;
  width: 20px;
}
.st-gnav__item--billing .cls-1 {
  fill: none;
  stroke: #fff;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 3px;
}
.st-gnav__item--account svg {
  height: 21px;
  width: 19px;
}
.st-gnav__item--menu a {
  border-right: solid 2px #003894;
}
.st-gnav__item--menu a:hover span {
  background: #003894;
}
.st-gnav__item--menu .st-gnav__icon {
  display: block;
  height: 18px;
  margin: 0 10px 0 0;
  position: relative;
  width: 20px;
}
.st-gnav__item--menu .st-gnav__icon span {
  background: #fff;
  border-radius: 1px;
  display: block;
  height: 2px;
  position: absolute;
  width: 100%;
}
.st-gnav__item--menu .st-gnav__icon span:nth-child(2) {
  bottom: 0;
  margin: auto;
  top: 0;
}
.st-gnav__item--menu .st-gnav__icon span:nth-child(3) {
  bottom: 0;
}
.st-gnav__item--menu.is-open a,
.st-gnav__item .active {
  background: #fff;
  border-color: #003894;
  color: #003894;
}
.st-gnav__item--menu.is-open a::before {
  opacity: 0;
}
.st-gnav__item--menu.is-open a span {
  background: #003894;
}
.st-gnav__item--menu.is-open::after {
  display: none;
}

.st-gnav__icon {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 10px 0 0;
}
.st-gnav__icon.st-gnav__icon--newArrival {
  position: relative;
}
.st-gnav__icon.st-gnav__icon--newArrival::after {
  content: "!";
  color: #fff;
  font-size: 10px;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 10px;
  margin: 0 1px -2px 0;
}
.st-gnav__icon.st-gnav__icon--newArrival::before {
  background: #dc2126;
  border: 1px solid #fff;
  border-radius: 100%;
  bottom: -4px;
  content: "";
  height: 14px;
  position: absolute;
  right: -4px;
  width: 14px;
}


.st-gnav__newArrival-detail {
  background: #fff;
  border: solid #003894;
  border-width: 0 2px 2px;
  display: none;
  margin: 0 -2px;
  max-height: 50vh;
  overflow: auto;
  padding: 20px 40px;
  position: absolute;
  right: 0;
  top: 100%;
  width: 100%;
  z-index: 10;
}
.st-gnav__newArrival-detail .c-t-dl > dt {
  background: #e3f1fc;
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 1.7;
  min-height: 40px;
  padding: .5em 45px .5em 24px;
}
.st-gnav__newArrival-detail .c-t-dl > dd,
.st-gnav__newArrival-detail .c-box-dl {
  margin-left: 0;
  margin-right: 0;
}
.st-gnav__newArrival-detail * + .c-box-dl {
  margin-top: 1em;
}
.st-gnav__newArrival-detail .c-box-dl:last-child {
  margin-bottom: 0;
}
.st-gnav__newArrival-detail-list {
  margin-left: -40px;
  margin-right: -40px;
  position: relative;
  z-index: 20;
}
.st-gnav__newArrival-detail-list > li {
  padding-left: 40px;
  padding-right: 40px;
}
.st-gnav__newArrival-detail-list > li + li {
  border-top: 1px solid #e3f1fc;
  margin-top: 20px;
  padding-top: 20px;
}
.st-gnav__newArrival-detail-list > li:last-child .c-t-dl__body {
  margin-bottom: 20px;
}
.st-gnav__newArrival-detail .c-button--close {
  display: none;
  position: relative;
  z-index: 20;
}
.st-gnav__newArrival-detail-screen {
  content: "";
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 1;
}



.st-menu {
  background: #fff;
  border: solid 2px #003894;
  border-top: none;
  left: 0;
  margin: 0 auto;
  max-width: 900px;
  opacity: 0;
  position: absolute;
  right: 0;
  visibility: hidden;
  width: 100%;
}

.st-menu dl {
  margin: 0;
}

.st-menu dl + dl {
  margin: 25px 0 0;
}

.st-menu dl dt {
  border-bottom: solid 2px #003894;
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.8;
  margin: 0 0 10px;
  padding: 0 0 4px;
}

.st-menu dl dd {
  margin: 0;
}

.st-menu__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 33px 48px 40px 60px;
}

.st-menu__item {
  width: 240px;
}

.st-menu__item + .st-menu__item {
  margin: 0 0 0 60px;
}

.st-menu__list li {
  padding: 0 0 0 12px;
  position: relative;
}

.st-menu__list li + li {
  margin: 5px 0 0;
}

.st-menu__list li::before {
  background: #333;
  border: none;
  border-radius: 50%;
  content: '';
  display: block;
  height: 4px;
  left: 0;
  position: absolute;
  top: 12px;
  width: 4px;
}

.st-menu__list li a {
  font-size: 1.6rem;
  letter-spacing: 0;
}

.st-menu__btns {
  margin: 6px 0 0 54px;
  width: 194px;
}

.st-menu__btn .c-btn {
  width: 100%;
}

.st-menu__btn .c-btn a {
  height: 50px;
}

.st-menu__log {
  margin: 40px 0 0;
}

.st-menu__log li + li {
  margin: 16px 0 0;
}

.st-menu__user {
  color: #003894;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 12px 15px 10px;
}

@-webkit-keyframes open1 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(6px) rotate(0);
    transform: translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
  }
}

@keyframes open1 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(6px) rotate(0);
    transform: translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
  }
}

@-webkit-keyframes open2 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-6px) rotate(0);
    transform: translateY(-6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
  }
}

@keyframes open2 {
  0% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
  50% {
    -webkit-transform: translateY(-6px) rotate(0);
    transform: translateY(-6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
  }
}

@-webkit-keyframes close1 {
  0% {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(6px) rotate(0);
    transform: translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}

@keyframes close1 {
  0% {
    -webkit-transform: translateY(6px) rotate(45deg);
    transform: translateY(6px) rotate(45deg);
  }
  50% {
    -webkit-transform: translateY(6px) rotate(0);
    transform: translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}

@-webkit-keyframes close2 {
  0% {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-6px) rotate(0);
    transform: translateY(-6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}

@keyframes close2 {
  0% {
    -webkit-transform: translateY(-6px) rotate(-45deg);
    transform: translateY(-6px) rotate(-45deg);
  }
  50% {
    -webkit-transform: translateY(-6px) rotate(0);
    transform: translateY(-6px) rotate(0);
  }
  100% {
    -webkit-transform: translateY(0) rotate(0);
    transform: translateY(0) rotate(0);
  }
}

/**
 * footer
 */
.st-pagetop {
  position: relative;
  z-index: 2;
}

.st-pagetop a {
  -webkit-transition: bottom .3s, opacity .3s, visibility .3s;
  background: #e3f1fc;
  border-radius: 4px;
  display: block;
  height: 31px;
  margin: 0 0 0 849px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  transition: bottom .3s, opacity .3s, visibility .3s;
  visibility: hidden;
  width: 51px;
}

.st-pagetop a::before {
  border-color: transparent transparent #003894 transparent;
  border-style: solid;
  border-width: 0 7.5px 10px 7.5px;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 0;
}

.st-pagetop a.is-fade {
  opacity: 1;
  visibility: visible;
}

.st-bottom-txt{
  text-align:right;
  margin: 0 auto 10px;
  max-width: 900px;
}
.st-l-wrapper--simple + .st-bottom-txt{margin-top: -36px;}

.st-footer__top {
  background: #e3f1fc;
  position: relative;
  z-index: 1;
}

.st-footer__top__inner {
  padding: 12.5px 0;
  position: relative;
}

.st-footer__menu {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 0 0 40px;
}

.st-footer__menu li {
  margin: 0 20px;
}

.st-footer__menu li a {
  font-size: 1.3rem;
  letter-spacing: .05em;
  padding: 0 0 0 9px;
  position: relative;
}

.st-footer__menu li a::before {
  border-color: transparent transparent transparent #003894;
  border-style: solid;
  border-width: 3.5px 0 3.5px 5px;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}

.st-footer__copyright {
  background: #003894;
  color: #fff;
  font-size: 1.1rem;
  height: 30px;
  overflow: hidden;
  padding: 5px 0;
  text-align: center;
}

.st-footer__copyright p {
  display: inline-block;
}


/* # =================================================================
# 30.contents
# ================================================================= */


/**
 * box
 */
.c-box {
  background: #f4f4f4;
  border-radius: 4px;
}

.c-box--l1 {
  padding: 24px 100px;
}

.c-box--l2 {
  padding: 43px 40px;
}

.c-box--l3 {
  padding: 22px 30px;
}

.c-box-dl {
  margin: 30px 0 80px;
}

.c-box-dl dt {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  background: #44a4e8;
  color: #fff;
  justify-content: center;
  margin: 0;
  padding: 20px 20px;
  text-align: center;
}

.c-box-dl dd {
  border: solid 1px #d2d2d2;
  border-top: none;
  margin: 0;
  padding: 27px 100px 30px;
}

.c-box-dl dd .c-box {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 24px 0 0;
}

.c-box-dl--l2 {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 17px 20px;
}

.c-box-dl--l2 dt {
  border-radius: 2px;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1em;
  margin: 0 10px 0 0;
  padding: 0.385em 11px 0.301em;
  vertical-align: middle;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}
_::-webkit-full-page-media, _:future, :root .c-box-dl--l2 dt {
  padding-top: 0.342em;
  padding-bottom: 0.342em;
}

.c-box-dl--l2 dd {
  border: none;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.7;
  padding: 0;
}

.c-box-dl--l2._shrink {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-box-notice {
  background: #fff;
  border: solid 1px #44a4e8;
  margin: 0 0 24px;
  padding: 18px 30px 15px;
}

.c-box-notice .c-box-dl.c-box-dl--l2,
.c-box-info .c-box-dl.c-box-dl--l2,
.c-box-attention .c-box-dl.c-box-dl--l2,
.c-box-important .c-box-dl.c-box-dl--l2 {
  margin: 1em 0;
}
.c-box-notice .c-box-dl.c-box-dl--l2:last-child,
.c-box-info .c-box-dl.c-box-dl--l2:last-child,
.c-box-attention .c-box-dl.c-box-dl--l2:last-child,
.c-box-important .c-box-dl.c-box-dl--l2:last-child {
  margin-bottom: 0.3em;
}
.c-box-notice .c-box-dl.c-box-dl--l2 dt,
.c-box-info .c-box-dl.c-box-dl--l2 dt,
.c-box-attention .c-box-dl.c-box-dl--l2 dt,
.c-box-important .c-box-dl.c-box-dl--l2 dt {
  line-height: 1em;
}
.c-box-notice .c-box-dl.c-box-dl--l2 dd,
.c-box-info .c-box-dl.c-box-dl--l2 dd,
.c-box-attention .c-box-dl.c-box-dl--l2 dd,
.c-box-important .c-box-dl.c-box-dl--l2 dd {
  margin-top: 0;
}

.c-box-info,
.c-box-attention {
  background: #fff399;
  margin: 0 0 24px;
  padding: 18px 30px 15px;
}

.c-box-important {
  background: #ffe2e3;
  margin: 0 0 24px;
  padding: 18px 30px 15px;
}

* + .c-box-notice,
* + .c-box-info,
* + .c-box-attention,
* + .c-box-important {
  margin-top: 2em;
}
.c-box-notice dl,
.c-box-info dl,
.c-box-attention dl,
.c-box-important dl {
  margin: 0;
}
.c-box-notice dt,
.c-box-info dt,
.c-box-attention dt,
.c-box-important dt {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.4;
}
.c-box-notice dd,
.c-box-info dd,
.c-box-attention dd,
.c-box-important dd {
  margin: 0;
}
.c-box-notice dl+dl,
.c-box-info dl+dl,
.c-box-attention dl+dl,
.c-box-important dl+dl,
.c-box-notice dd+dt,
.c-box-info dd+dt,
.c-box-attention dd+dt,
.c-box-important dd+dt,
.c-box-notice dd+dd,
.c-box-info dd+dd,
.c-box-attention dd+dd,
.c-box-important dd+dd {
  margin-top: 15px;
}
.c-box-notice dt+dd,
.c-box-info dt+dd,
.c-box-attention dt+dd,
.c-box-important dt+dd {
  margin-top: 0.5em;
}

.c-box-important--check dt{
  color: #dc2126;
  font-size: 1.8rem;
  background: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23dc2126%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%2211.5%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M13%2C17.58a1.48%2C1.48%2C0%2C1%2C1-1.46-1.5A1.43%2C1.43%2C0%2C0%2C1%2C13%2C17.58Zm-.24-3h-2.5V5.42h2.5Z%22%2F%3E%3C%2Fsvg%3E) #ffe2e3 0 0.17em no-repeat;
  background-size: 16px;
  padding-left: 1.45em;
}
.c-box-important--check dt+dd {
  margin-top: 1em;
}

.c-box-accordian {
  padding: 0;
  margin: 0 0 24px;
  background: #fff;
  border: solid 1px #44a4e8;
}
.c-box-accordian > li + li {
  border-top: solid 1px #d3d5db;
}
* + .c-box-accordian {
  margin-top: 1.4286em;
}
.c-box-accordian__wrap {
  margin: 0;
}
.c-box-accordian__tit {
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: normal;
  letter-spacing: .05em;
  line-height: 1.7;
  min-height: 40px;
  overflow: hidden;
  padding: .5em 45px .5em 24px;
  position: relative;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
}
.c-box-accordian__tit.active {
  background-color: #ecf5fc;
  transition: all 0.3s ease;
}
.c-box-accordian__titInner {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: inherit;
  white-space: inherit;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.c-box-accordian__tit.active .c-box-accordian__titInner {
  -webkit-line-clamp: unset;
}
.c-box-accordian__tit:hover {
  background-color: #e3f1fc;
  transition: all 0.3s ease;
}
.c-box-accordian__cnt {
  margin: 0;
  padding: 10px 10px 10px 24px;
}
/* .c-box-accordian__tit + .c-box-accordian__cnt {
  border-top: 1px dashed #ededed;
} */
.c-box-accordian__tit:before,
.c-box-accordian__tit:after {
position: absolute;
display: block;
content: "";
top: 50%;
background-color: #ccc;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.c-box-accordian__tit:before {
right: 12px;
margin-top: -2px;
width: 16px;
height: 4px;
}
.c-box-accordian__tit:after {
right: 18px;
margin-top: -8px;
width: 4px;
height: 16px;
}
.c-box-accordian__tit:hover:before,
.c-box-accordian__tit:hover:after{
background-color: #44a4e8;
}
.c-box-accordian__tit.active:before{
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.c-box-accordian__tit.active:after{
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.c-box-accordian__cnt {
  display: none;
}

.c-box-accordian--important {
  background: #fff1f1;
  border: none;
}
.c-box-accordian--important .c-box-accordian__tit {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2023%2023%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23dc2126%3B%7D.b%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Ccircle%20class%3D%22a%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%2211.5%22%2F%3E%3Cpath%20class%3D%22b%22%20d%3D%22M13%2C17.58a1.48%2C1.48%2C0%2C1%2C1-1.46-1.5A1.43%2C1.43%2C0%2C0%2C1%2C13%2C17.58Zm-.24-3h-2.5V5.42h2.5Z%22%2F%3E%3C%2Fsvg%3E") #ffe2e3 24px 12px no-repeat;
  /*#dc2126*/
  background-size: 16px;
  padding-left: 47px;
}
.c-box-accordian--important .c-box-accordian__tit::before,
.c-box-accordian--important .c-box-accordian__tit::after {
  background: #ffbdc0;
}
.c-box-accordian--important .c-box-accordian__tit:hover::before,
.c-box-accordian--important .c-box-accordian__tit:hover::after {
  background: #ffa9ad;
}
.c-box-accordian--important .c-box-accordian__tit:hover {
  background-color: #ffe2e3;
}
.c-box-accordian--important .c-box-accordian__tit.active {
  background-color: #ffe2e3;
  margin: 0;
}

.c-box-accordian--attention {
  background: #fffad4;
  border: none;
}
.c-box-accordian--attention .c-box-accordian__tit::before,
.c-box-accordian--attention .c-box-accordian__tit::after {
  background: #d3d1c5;
}
.c-box-accordian--attention .c-box-accordian__tit:hover::before,
.c-box-accordian--attention .c-box-accordian__tit:hover::after {
  background: #d3d1c5;
}
.c-box-accordian--attention .c-box-accordian__tit:hover {
  background-color: #fff399;
}
.c-box-accordian--attention .c-box-accordian__tit {
  background-color: #fff399;
}
.c-box-accordian--attention .c-box-accordian__tit.active {
  margin: 0;
}

.c-box-accordian--notice  {
  background: #fff;
  border: none;
}
.c-box-accordian--notice  .c-box-accordian__tit::before,
.c-box-accordian--notice  .c-box-accordian__tit::after {
  background: #ccc;
}
.c-box-accordian--notice  .c-box-accordian__tit:hover::before,
.c-box-accordian--notice  .c-box-accordian__tit:hover::after {
  background: #ccc;
}
.c-box-accordian--notice  .c-box-accordian__tit:hover {
  background-color: #e3f1fc;
}
.c-box-accordian--notice  .c-box-accordian__tit {
  background-color: #e3f1fc;
}
.c-box-accordian--notice  .c-box-accordian__tit.active {
  margin: 0;
}

@media screen and (max-width: 767px){
  .c-box-accordian__tit {
    font-size: 1.2rem;
    min-height: 36px;
    padding: 8px 35px 8px 10px;
  }
  .c-box-accordian__titInner {
    -webkit-line-clamp: 2;
  }
  .c-box-accordian__cnt {
    padding: 10px;
  }
  .c-box-accordian__tit:before {
    right: 8px;
  }
  .c-box-accordian__tit:after {
    right: 14px;
  }

  .c-box-accordian--important .c-box-accordian__tit {
    background-position: 10px 11px;
    background-size: 14px;
    padding-left: 28px;
  }

}

.c-box-status {
  background: #d7eeff;
  border: 2px solid #afdcff;
  display: block;
  line-height: 1.5;
  letter-spacing: -.005em;
  padding: .45em .1em;
  text-align: center;
}
.c-box-status--limitMode {
  background: #ff565a;
  border: 2px solid #dc2126;
  color: #fff;
  font-weight: bold;
}

.c-box-border {
  border: solid 1px #44a4e8;
  margin: 25px 0 40px;
}

.c-box-border .c-l-fbox {
  margin: 0 -17px -20px;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/**
 * contents margin
 */
p + p,
p + ul,
p + ol,
p + dl,
p + .c-box,
p + .c-form-item,
ul + p,
ul + ul,
ul + ol,
ul + dl,
ul + .c-box,
ul + .c-form-item,
ol + p,
ol + ul,
ol + ol,
ol + dl,
ol + .c-box,
ol + .c-form-item,
dl + p,
dl + ul,
dl + ol,
dl + dl,
dl + .c-box,
dl + .c-form-item,
.c-box + p,
.c-box + ul,
.c-box + ol,
.c-box + dl,
.c-box + .c-box,
.c-form-item + .c-form-item,
.c-form-item + p,
.c-form-item + ul,
.c-form-item + ol,
.c-form-item + dl,
.c-form-item + .c-box,
.c-form-item + .c-form-item {
  margin-top: 1em;
}
.c-tab-wrap + p,
.c-tab-wrap + ul,
.c-tab-wrap + ol,
.c-tab-wrap + dl,
.c-tab-wrap + .c-box,
.c-tab-wrap + .c-form-item,
p + .c-tab-wrap,
ul + .c-tab-wrap,
ol + .c-tab-wrap,
dl + .c-tab-wrap,
.c-box + .c-tab-wrap,
.c-form-item + .c-tab-wrap {
  margin-top: 2em;
}

/**
 * New button
 */
.c-button {
}
.c-button > a,
.c-button > button,
.c-button > .btnInner {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transition: color .3s, background-color .3s;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #003894;
  border: solid 1px #003894;
  border-radius: 4px;
  color: #fff;
  display : -webkit-inline-box;
  display : -ms-inline-flexbox;
  display : inline-flex;
  font-size: 1.8rem;
  min-width: 250px;
  max-width: 350px;
  min-height: 60px;
  justify-content: center;
  line-height: 1.2;
  overflow: hidden;
  text-align: center;
  transition: color .3s, background-color .3s;
  padding:10px 20px;
}

 /* IE11 hack START */
_:-ms-lang(x)::-ms-backdrop, .c-button {
  display: table;
}
_:-ms-lang(x)::-ms-backdrop, .c-t-center .c-button,
_:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical .c-button {
  margin-left: auto;
  margin-right: auto;
}
_:-ms-lang(x)::-ms-backdrop, .c-button > a,
_:-ms-lang(x)::-ms-backdrop, .c-button > button,
_:-ms-lang(x)::-ms-backdrop, .c-button > .btnInner {
  display: table-cell;
  vertical-align: middle;
}
 /* IE11 hack END */

.c-button > .btnInner {
  cursor: pointer;
}

.c-button > a:hover,
.c-button > button:hover,
.c-button > .btnInner:hover {
  background-color: #fff;
  color: #003894;
}

.c-button--supple{
  font-size: 1.3rem;
}

.c-button--arrow > a,
.c-button--arrow > button,
.c-button--arrow > .btnInner {
  background: #003894 url(../images/icon_arrow.svg) no-repeat right 20px center;
  background-size: 7px 14px;
  padding:10px 45px 10px 20px;
}

.c-button--arrow > a:hover,
.c-button--arrow > button:hover,
.c-button--arrow > .btnInner:hover {
  background-color: #fff;
  background-image: url(../images/icon_arrow_navy.svg);
}

.c-button--l2 {
  width: 320px;
}

.c-button--l2 > a,
.c-button--l2 > button,
.c-button--l2 > .btnInner {
  font-size: 1.6rem;
  height: 100px;
  line-height: 1.4;
}

.c-button--l3 {
  width: 160px;
}

.c-button--l3 > a,
.c-button--l3 > button,
.c-button--l3 > .btnInner {
  font-size: 1.6rem;
  height: 50px;
}

.c-button--l4 {
  width: 240px;
}

.c-button--l4 > a,
.c-button--l4 > button,
.c-button--l4 > input,
.c-button--l4 > .btnInner {
  font-size: 1.6rem;
  height: 50px;
}

.c-button.c-button--tbAppList > a,
.c-button.c-button--tbAppList > button,
.c-button.c-button--tbAppList > .btnInner {
  min-height: auto;
  min-width: auto;
}

.c-button--print > a,
.c-button--print > button,
.c-button--print > .btnInner {
  font-size: 1.6rem;
  min-height: 36px;
}


.c-button--print > a > span,
.c-button--print > button > span,
.c-button--print > .btnInner > span {
  background: url(../images/icon_print.svg) no-repeat left center;
  background-size: 24px 19px;
  padding-left: 35px;
}

.c-button--print > a:hover > span,
.c-button--print > button:hover > span,
.c-button--print > .btnInner:hover > span {
  background-image: url(../images/icon_print_navy.svg);
}

.c-button--csv > a,
.c-button--csv > button,
.c-button--csv > .btnInner {
  font-size: 1.6rem;
  min-height: 36px;
}

.c-button--csv > a > span,
.c-button--csv > button > span,
.c-button--csv > .btnInner > span {
  background: url(../images/icon_csv.png) no-repeat left center;
  background-size: 20px 24px;
  padding: 2px 0 2px 30px;
}

.c-button--csv > a:hover > span,
.c-button--csv > button:hover > span,
.c-button--csv > .btnInner:hover > span {
  background-image: url(../images/icon_csv_navy.png);
}

.c-button--modal > a,
.c-button--modal > button,
.c-button--modal > .btnInner {
  font-size: 1.6rem;
  min-height: 36px;
}

.c-button--modal > a > span,
.c-button--modal > button > span,
.c-button--modal > .btnInner > span {
  background: url(../images/icon-modal.svg) no-repeat left 39%;
  background-size: 18px 18px;
  padding: 2px 0 2px 30px;
}

.c-button--modal > a:hover > span,
.c-button--modal > button:hover > span,
.c-button--modal > .btnInner:hover > span {
  background-image: url(../images/icon-modal_anblue.svg);
}

.c-button--refineSearch > a,
.c-button--refineSearch > button,
.c-button--refineSearch > .btnInner {
  font-size: 1.6rem;
  min-height: 36px;
}

.c-button--refineSearch > a > span,
.c-button--refineSearch > button > span,
.c-button--refineSearch > .btnInner > span {
  background: url(../images/icon-refine_search.svg) no-repeat left 39%;
  background-size: 18px 18px;
  padding: 2px 0 2px 30px;
}

.c-button--refineSearch > a:hover > span,
.c-button--refineSearch > button:hover > span,
.c-button--refineSearch > .btnInner:hover > span {
  background-image: url(../images/icon-refine_search_anblue.svg);
}

.c-button--bd.c-button--refineSearch > a > span,
.c-button--bd.c-button--refineSearch > button > span,
.c-button--bd.c-button--refineSearch > .btnInner > span {
  background-image: url(../images/icon-refine_search_anblue.svg);
}


.c-button--blank > a,
.c-button--blank > button,
.c-button--blank > .btnInner {
  font-size: 1.6rem;
  min-height: 36px;
}


.c-button--blank > a > span,
.c-button--blank > button > span,
.c-button--blank > .btnInner > span {
  background: url(../images/icon_blank_white.svg) no-repeat left center;
  background-size: contain;
  padding-left: 35px;
}

.c-button--blank > a:hover > span,
.c-button--blank > button:hover > span,
.c-button--blank > .btnInner:hover > span {
  background-image: url(../images/icon_blank.svg);
}

.c-button--close > a,
.c-button--close > button,
.c-button--close > .btnInner{
    background: #e4e4e4;
    border: 1px solid #c1c1c1;
    padding:11px 30px 9px 54px;
    color: #666;
    position: relative;
    display:inline-block;
    text-align: left;
    min-width: 100px;
}
.c-button--close > a:hover,
.c-button--close > button:hover,
.c-button--close > .btnInner:hover{
    color: #666;
}
.c-button--close > a:before,
.c-button--close > a:after,
.c-button--close > button:before,
.c-button--close > button:after,
.c-button--close > .btnInner:before,
.c-button--close > .btnInner:after {
    position: absolute;
    top: 50%;
    margin-top:-2px;
    left: 28px;
    content: "";
    display: block;
    width: 16px;
    border-top: 4px solid #666;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.c-button--close > a:before,
.c-button--close > button:before,
.c-button--close > .btnInner:before{
    -moz-transform:rotate(-135deg);
    -webkit-transform:rotate(-135deg);
    -ms-transform:rotate(-135deg);
    transform:rotate(-135deg);
}
.c-button--close > a:after,
.c-button--close > button:after,
.c-button--close > .btnInner:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
}
.c-button--close > a:hover:before,
.c-button--close > button:hover:before,
.c-button--close > .btnInner:hover:before{
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.c-button--close > a:hover:after,
.c-button--close > button:hover:after,
.c-button--close > .btnInner:hover:after {
    -moz-transform:rotate(225deg);
    -webkit-transform:rotate(225deg);
    -ms-transform:rotate(225deg);
    transform:rotate(225deg);
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}


.c-button--thin.c-button > a,
.c-button--thin.c-button > button,
.c-button--thin.c-button > .btnInner,
.c-button--thin.c-button--bd > a,
.c-button--thin.c-button--bd > button,
.c-button--thin.c-button--bd > .btnInner,
.c-button--thin.c-button--print > a,
.c-button--thin.c-button--print > button,
.c-button--thin.c-button--print > .btnInner,
.c-button--thin.c-button--csv > a,
.c-button--thin.c-button--csv > button,
.c-button--thin.c-button--csv > .btnInner,
.c-button--thin.c-button--modal > a,
.c-button--thin.c-button--modal > button,
.c-button--thin.c-button--modal > .btnInner,
.c-button--thin.c-button--refineSearch > a,
.c-button--thin.c-button--refineSearch > button,
.c-button--thin.c-button--refineSearch > .btnInner,
.c-button--thin.c-button--blank > a,
.c-button--thin.c-button--blank > button,
.c-button--thin.c-button--blank > .btnInner {
  padding-top: 9px;
  padding-bottom: 9px;
  height: auto;
  min-height: auto;
}
.c-button--thin.c-button--csv > a > span,
.c-button--thin.c-button--csv > button > span,
.c-button--thin.c-button--csv > .btnInner > span,
.c-button--thin.c-button--modal > a > span,
.c-button--thin.c-button--modal > button > span,
.c-button--thin.c-button--modal > .btnInner > span,
.c-button--thin.c-button--refineSearch > a > span,
.c-button--thin.c-button--refineSearch > button > span,
.c-button--thin.c-button--refineSearch > .btnInner > span {
  margin-top: -2px;
  margin-bottom: -2px;
  padding-top: 2px;
  padding-bottom: 2px;
}


.c-button--lblue.c-button--print > a:hover > span,
.c-button--lblue.c-button--print > button:hover > span,
.c-button--lblue.c-button--print > .btnInner:hover > span {
  background-image: url(../images/icon_print_blue.svg);
}

.c-button--lblue.c-button--csv > a:hover > span,
.c-button--lblue.c-button--csv > button:hover > span,
.c-button--lblue.c-button--csv > button:hover > span {
  background-image: url(../images/icon_csv_blue.png);
}

.c-button--lblue.c-button--modal > a:hover > span,
.c-button--lblue.c-button--modal > button:hover > span,
.c-button--lblue.c-button--modal > button:hover > span {
  background-image: url(../images/icon-modal_ltblue.svg);
}

.c-button--lblue.c-button--refineSearch > a:hover > span,
.c-button--lblue.c-button--refineSearch > button:hover > span,
.c-button--lblue.c-button--refineSearch > button:hover > span {
  background-image: url(../images/icon-refine_search_ltblue.svg);
}

.c-button--lblue > a,
.c-button--lblue > button,
.c-button--lblue > .btnInner {
  background-color: #44a4e8;
  border-color: #44a4e8;
}

.c-button--lblue > a.c-button--arrow:hover,
.c-button--lblue > button.c-button--arrow:hover,
.c-button--lblue > .btnInner.c-button--arrow:hover {
  background-image: url(../images/icon_arrow_blue_right.svg);
}

.c-button--lblue > a:hover,
.c-button--lblue > button:hover,
.c-button--lblue > .btnInner:hover {
  color: #44a4e8;
}

.c-button--lblue.c-button--arrow > a,
.c-button--lblue.c-button--arrow > button,
.c-button--lblue.c-button--arrow > .btnInner {
  background: #44a4e8 url(../images/icon_arrow_back.svg) no-repeat left 20px center;
  background-size: 7px 14px;
  border-color: #44a4e8;
  padding:10px 20px 10px 45px;
}

.c-button--lblue.c-button--arrow > a:hover,
.c-button--lblue.c-button--arrow > button:hover,
.c-button--lblue.c-button--arrow > .btnInner:hover {
  background-color: #fff;
  background-image: url(../images/icon_arrow_blue.svg);
}

.c-button--cancel > a,
.c-button--cancel > button,
.c-button--cancel > .btnInner {
  background: #e4e4e4;
  border-color: #c1c1c1;
  color: #666;
}
.c-button--cancel > a:hover,
.c-button--cancel > button:hover,
.c-button--cancel > .btnInner:hover {
  background: #fff;
  color: #666;
}

.c-p-bottom .c-button.c-button--cancel + .c-button,
.c-p-bottom .c-button.c-button--mode + .c-button {
  margin-top: 4em;
  padding-top: 4em;
}

.c-p-bottom .c-form-mode--wrap + .c-button {
  margin-top: 4em;
}

.c-p-bottom .c-button.c-button--cancel + .c-button::before,
.c-p-bottom .c-button.c-button--mode + .c-button::before {
  border-top: 1px solid #c2c2c2;
  content: "";
  left: 50%;
  margin-left: -50%;
  position: absolute;
  top: 50%;
  width: 100%;
}

.c-button > a[disabled],
.c-button > a[disabled='disabled'],
.c-button > button[disabled],
.c-button > button[disabled='disabled'],
.c-button > .btnInner[disabled],
.c-button > .btnInner[disabled='disabled'] {
  background-color: #afb0b3;
  border-color: #afb0b3;
}

.c-button > a[disabled]:hover,
.c-button > a[disabled='disabled']:hover,
.c-button > button[disabled]:hover,
.c-button > button[disabled='disabled']:hover,
.c-button > .btnInner[disabled]:hover,
.c-button > .btnInner[disabled='disabled']:hover {
  background-color: #afb0b3;
  color: #fff;
}

.c-button--arrow > a[disabled]:hover,
.c-button--arrow > a[disabled='disabled']:hover,
.c-button--arrow > button[disabled]:hover,
.c-button--arrow > button[disabled='disabled']:hover,
.c-button--arrow > .btnInner[disabled]:hover,
.c-button--arrow > .btnInner[disabled='disabled']:hover {
  background-image: url(../images/icon_arrow.svg);
}

.c-button--result-display-button {
    font-size: 1.6rem;
}
.c-form-down + .c-button--result-display-button {
    margin: 0 0 0 20px;
}

.c-button--result-display-button > a,
.c-button--result-display-button > button,
.c-button--result-display-button > .btnInner {
    min-height: auto;
    min-width: 80px;
    height: 40px;
}

.c-button--bd a,
.c-button--bd button,
.c-button--bd input {
  background-color: #fff;
  border-color: #003894;
  color: #003894;
  font-size: 1.6rem;
}

.c-button--bd a:hover,
.c-button--bd button:hover,
.c-button--bd input:hover {
  background-color: #e3f1fc;
  color: #003894;
}

.c-button--bd.c-button--arrow a,
.c-button--bd.c-button--arrow button,
.c-button--bd.c-button--arrow input {
  background-image: url(../images/icon_arrow_black_right.svg);
  background-position: right 10px center;
}

.c-button--bd .c-icon-i {
  height: 18px;
  margin: 0 0 0 5px;
  width: 18px;
}

.c-button--bd02 a,
.c-button--bd02 button,
.c-button--bd02 input {
  background-color: #fff;
  border-width: 2px;
  color: #333;
}

.c-button--bd02 a:hover,
.c-button--bd02 button:hover,
.c-button--bd02 input:hover {
  background-color: #e3f1fc;
  color: #333;
}

.c-button--download-pdf a,
.c-button--download-csv a,
.c-button--download-zip a,
.c-button--download-exe a {
  background: #003894;
  border: 1px solid #003894;
  border-radius: 4px;
  color: #fff;
  display: block;
  font-size: 15px;
  line-height: 1.9;
  margin-left: 14px;
  min-height: 35px;
  max-width: 162px;
  min-width: 138px;
  overflow: inherit;
  padding: 3px 15px 2px 42px;
  position: relative;
  text-align: left;
  transition: all 0.3s ease;
}
.c-button--download-pdf a:hover,
.c-button--download-csv a:hover,
.c-button--download-zip a:hover,
.c-button--download-exe a:hover {
  background: #fff;
  color: #003894;
  text-decoration: none;
  transition: all 0.3s ease;
}
.c-button--download-pdf a:before,
.c-button--download-csv a:before,
.c-button--download-zip a:before,
.c-button--download-exe a:before {
  content: "";
  height: 38px;
  left: -14px;
  position: absolute;
  top: -2px;
  width: 42px;
  z-index: 100;
}
.c-button--download-pdf a:before {
  background: url(../images/icon-download-pdf.svg) no-repeat left center;
  background-size: contain;
}
.c-button--download-csv a:before {
  background: url(../images/icon-download-csv.svg) no-repeat left center;
  background-size: contain;
}
.c-button--download-zip a:before {
  background: url(../images/icon-download-zip.svg) no-repeat left center;
  background-size: contain;
}
.c-button--download-exe a:before {
  background: url(../images/icon-download-exe.svg) no-repeat left center;
  background-size: contain;
}
.c-button--download-pdf.lang-en a,
.lang-en .c-button--download-pdf a,
.c-button--download-csv.lang-en a,
.lang-en .c-button--download-csv a,
.c-button--download-zip.lang-en a,
.lang-en .c-button--download-zip a,
.c-button--download-exe.lang-en a,
.lang-en .c-button--download-exe a {
  width: 138px;
}
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-pdf a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-pdf a,
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-csv a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-csv a,
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-zip a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-zip a,
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-exe a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-exe a {
  margin:-10px auto;
}
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-pdf a + .c-button--download-pdf a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-pdf a + .c-button--download-pdf a,
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-csv a + .c-button--download-csv a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-csv a + .c-button--download-csv a,
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-zip a + .c-button--download-zip a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-zip a + .c-button--download-zip a,
.c-table.c-table--nm.c-table--impInfo th > .c-button--download-exe a + .c-button--download-exe a,
.c-table.c-table--nm.c-table--impInfo td > .c-button--download-exe a + .c-button--download-exe a {
  margin-top: 20px;
}

.c-button--nm {
  width: auto;
}

.c-button--nm > a,
.c-button--nm > button,
.c-button--nm > .btnInner {
  display: inline-flex;
  font-size: 1.6rem;
  height: auto;
  line-height: 1.4;
  padding: 15px 40px;
}

.c-button--fullWidth > a,
.c-button--fullWidth > button,
.c-button--fullWidth > .btnInner {
  width: 100%;
  max-width: unset;
}


/**
 * 代理用
 */
.c-button--mode > a,
.c-button--mode > button,
.c-button--mode > .btnInner {
  background-color: #198c02;
  border-color: #198c02;
}

.c-button--mode > a.c-button--arrow:hover,
.c-button--mode > button.c-button--arrow:hover,
.c-button--mode > .btnInner.c-button--arrow:hover {
  background-image: url(../images/icon_arrow_blue_right.svg);
}

.c-button--mode > a:hover,
.c-button--mode > button:hover,
.c-button--mode > .btnInner:hover {
  color: #198c02;
}

.c-button--mode.c-button--arrow > a,
.c-button--mode.c-button--arrow > button,
.c-button--mode.c-button--arrow > .btnInner {
  background: #198c02 url(../images/icon_arrow_back.svg) no-repeat left 20px center;
  background-size: 7px 14px;
  border-color: #198c02;
  padding:10px 20px 10px 45px;
}

.c-button--mode.c-button--arrow > a:hover,
.c-button--mode.c-button--arrow > button:hover,
.c-button--mode.c-button--arrow > .btnInner:hover {
  background-color: #fff;
  background-image: url(../images/icon_arrow_blue.svg);
}

/**
 * c-button-list
 */
.c-button-list {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 40px auto 0;
  width: 84.4444444%;
}

.c-button-list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 3.947368421%;
  width: 42.105263157%;
  text-align:center;
}

.c-button-list > li:first-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.c-button-list--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-button-list--center > li {
  margin: 0;
  width: auto;
}

.c-button-list--l2 {
  margin: 15px auto 0;
}

.c-button-list--nm {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 0;
  width: auto;
}

.c-p-bottom > .c-button-list--nm {
  margin: 0;
}

.c-button-list--nm > li {
  margin: 0 15px;
  width: auto;
}

.c-p-bottom > .c-button-list--nm > li:first-child {
  margin-top: 0;
}
.c-p-bottom > .c-button-list--nm > li:last-child {
  margin-bottom: 0;
}

.c-button-list--vertical,
.c-button-list--vertical > li {
  display: block;
  width:auto;
}
.c-button-list--vertical {
  background:none;
  width: 100%;
}
.c-button-list--vertical > li {
  margin:20px auto;
}
.c-button-list--vertical > li .c-button > a,
.c-button-list--vertical > li .c-button > button,
.c-button-list--vertical > li .c-button > .btnInner {
  width: 100%;
}

* + .c-button-list.c-button-bottom{
    margin-top:40px;
}
.c-button-list + .c-form-body {
  margin-top: 40px;
}

.c-button-serviceList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.111111111% -16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-button-serviceList li {
  margin: 0 1.086956521% 16px;
  width: 31.086956521%;
  display: flex;
}

.c-button-serviceList li a {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.c-button-serviceList + p {
  margin: 10px 0 0;
}


/**
 * btn
 */
.c-btn {
  width: 250px;
}

.c-btn a,
.c-btn input,
.c-btn button {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transition: color .3s, background-color .3s;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #003894;
  border: solid 1px #003894;
  border-radius: 4px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  height: 60px;
  justify-content: center;
  line-height: 1.2;
  overflow: hidden;
  text-align: center;
  transition: color .3s, background-color .3s;
}

.c-btn a:hover,
.c-btn input:hover,
.c-btn button:hover {
  background-color: #fff;
  color: #003894;
}

.c-btn a.c-fs16,
.c-btn input.c-fs16,
.c-btn button.c-fs16 {
  font-size: 1.6rem;
  line-height: 1.2;
  padding: 3px 0 0;
}

.c-btn a small,
.c-btn input small,
.c-btn button small {
  font-size: 1.3rem;
}

.c-btn a[disabled],
.c-btn a[disabled='disabled'],
.c-btn input[disabled],
.c-btn input[disabled='disabled'],
.c-btn button[disabled],
.c-btn button[disabled='disabled'] {
  background-color: #afb0b3;
  border-color: #afb0b3;
}

.c-btn a[disabled]:hover,
.c-btn a[disabled='disabled']:hover,
.c-btn input[disabled]:hover,
.c-btn input[disabled='disabled']:hover,
.c-btn button[disabled]:hover,
.c-btn button[disabled='disabled']:hover {
  background-color: #afb0b3;
  color: #fff;
}

.c-btn input,
.c-btn button {
  cursor: pointer;
  width: 100%;
}

.c-btn--arrow a,
.c-btn--arrow input,
.c-btn--arrow button {
  background: #003894 url(../images/icon_arrow.svg) no-repeat right 20px center;
  background-size: 7px 14px;
}

.c-btn--arrow a:hover,
.c-btn--arrow input:hover,
.c-btn--arrow button:hover {
  background-color: #fff;
  background-image: url(../images/icon_arrow_navy.svg);
}

.c-btn--arrow a[disabled]:hover,
.c-btn--arrow a[disabled='disabled']:hover,
.c-btn--arrow input[disabled]:hover,
.c-btn--arrow input[disabled='disabled']:hover,
.c-btn--arrow button[disabled]:hover,
.c-btn--arrow button[disabled='disabled']:hover {
  background-image: url(../images/icon_arrow.svg);
}

.c-btn--back a,
.c-btn--back input,
.c-btn--back button {
  background: #44a4e8 url(../images/icon_arrow_back.svg) no-repeat left 20px center;
  background-size: 7px 14px;
  border-color: #44a4e8;
  padding: 0 0 0 25px;
}

.c-btn--back a:hover,
.c-btn--back input:hover,
.c-btn--back button:hover {
  background-image: url(../images/icon_arrow_blue.svg);
  color: #44a4e8;
}

.c-btn--l2 {
  width: 320px;
}

.c-btn--l2 a,
.c-btn--l2 input,
.c-btn--l2 button {
  font-size: 1.6rem;
  height: 100px;
  line-height: 1.4;
  padding: 0;
}

.c-btn--l3 {
  width: 160px;
}

.c-btn--l3 a,
.c-btn--l3 input,
.c-btn--l3 button {
  font-size: 1.6rem;
  height: 50px;
  padding: 0;
}

.c-btn--l4 {
  width: 240px;
}

.c-btn--l4 a,
.c-btn--l4 input,
.c-btn--l4 button {
  font-size: 1.6rem;
  height: 50px;
  padding: 0;
}

.c-btn--nm {
  width: auto;
}

.c-btn--nm a,
.c-btn--nm input,
.c-btn--nm button {
  display: inline-block;
  font-size: 1.6rem;
  height: auto;
  line-height: 1.4;
  padding: 15px 40px;
}

.c-btn--w350 {
  width: 350px;
}

.c-btn--w350 a,
.c-btn--w350 input,
.c-btn--w350 button {
  background-position: right 15px center;
  font-size: 1.6rem;
}

.c-btn--print a,
.c-btn--print input,
.c-btn--print button {
  font-size: 1.6rem;
  height: 36px;
}

.c-btn--print a span,
.c-btn--print input span,
.c-btn--print button span {
  background: url(../images/icon_print.svg) no-repeat left center;
  background-size: 24px 19px;
  padding: 0 0 0 35px;
}

.c-btn--print a:hover span,
.c-btn--print input:hover span,
.c-btn--print button:hover span {
  background-image: url(../images/icon_print_navy.svg);
}

.c-btn--csv a,
.c-btn--csv input,
.c-btn--csv button {
  font-size: 1.6rem;
  height: 36px;
}

.c-btn--csv a span,
.c-btn--csv input span,
.c-btn--csv button span {
  background: url(../images/icon_csv.png) no-repeat left center;
  background-size: 20px 24px;
  padding: 2px 0 2px 30px;
}

.c-btn--csv a:hover span,
.c-btn--csv input:hover span,
.c-btn--csv button:hover span {
  background-image: url(../images/icon_csv_navy.png);
}

.c-btn--blue a,
.c-btn--blue input,
.c-btn--blue button {
  background-color: #44a4e8;
  border-color: #44a4e8;
}

.c-btn--blue a.c-btn--arrow:hover,
.c-btn--blue input.c-btn--arrow:hover,
.c-btn--blue button.c-btn--arrow:hover {
  background-image: url(../images/icon_arrow_blue_right.svg);
}

.c-btn--blue a:hover,
.c-btn--blue input:hover,
.c-btn--blue button:hover {
  color: #44a4e8;
}

.c-btn--blue.c-btn--print a:hover span,
.c-btn--blue.c-btn--print input:hover span,
.c-btn--blue.c-btn--print button:hover span {
  background-image: url(../images/icon_print_blue.svg);
}

.c-btn--blue.c-btn--csv a:hover span,
.c-btn--blue.c-btn--csv input:hover span,
.c-btn--blue.c-btn--csv button:hover span {
  background-image: url(../images/icon_csv_blue.png);
}

.c-btn--bd a,
.c-btn--bd input,
.c-btn--bd button {
  background-color: #fff;
  border-color: #003894;
  color: #003894;
  font-size: 1.6rem;
}

.c-btn--bd a:hover,
.c-btn--bd input:hover,
.c-btn--bd button:hover {
  background-color: #e3f1fc;
  color: #003894;
}

.c-form-item--impInfo .c-btn--bd a,
.c-form-item--impInfo .c-btn--bd input,
.c-form-item--impInfo .c-btn--bd button {
  background-color: #fff;
  border-color: #003894;
  color: #003894;
  font-size: 1.6rem;
}

.c-form-item--impInfo .c-btn--bd a:hover,
.c-form-item--impInfo .c-btn--bd input:hover,
.c-form-item--impInfo .c-btn--bd button:hover {
  background-color: #e3f1fc;
  color: #003894;
}

.c-btn--bd.c-btn--arrow a,
.c-btn--bd.c-btn--arrow input,
.c-btn--bd.c-btn--arrow button {
  background-image: url(../images/icon_arrow_black_right.svg);
  background-position: right 10px center;
}

.c-btn--bd .c-icon-i {
  height: 18px;
  margin: 0 0 0 5px;
  width: 18px;
}

.c-btn--bd02 a,
.c-btn--bd02 input,
.c-btn--bd02 button {
  background-color: #fff;
  border-width: 2px;
  color: #333;
}

.c-btn--bd02 a:hover,
.c-btn--bd02 input:hover,
.c-btn--bd02 button:hover {
  background-color: #e3f1fc;
  color: #333;
}

.c-btn--mode a,
.c-btn--mode input,
.c-btn--mode button {
  background: url(../images/icon_arrow_back.svg) no-repeat left 20px center;
  background-size: 7px 14px;
  padding: 0 0 0 15px;
}

.c-btn--mode-nm a,
.c-btn--mode-nm input,
.c-btn--mode-nm button {
  padding: 0;
}

.c-btn--mode a,
.c-btn--mode-nm a,
.c-btn--mode input,
.c-btn--mode-nm input,
.c-btn--mode button,
.c-btn--mode-nm button {
  background-color: #198c02;
  border-color: #198c02;
  height: 50px;
}

.c-btn--mode a:hover,
.c-btn--mode input:hover,
.c-btn--mode button:hover {
  background-image: url(../images/icon_arrow_green.svg);
}

.c-btn--mode a:hover,
.c-btn--mode-nm a:hover,
.c-btn--mode input:hover,
.c-btn--mode-nm input:hover,
.c-btn--mode button:hover,
.c-btn--mode-nm button:hover {
  color: #198c02;
}

.c-btn-list {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 40px auto 0;
  width: 84.4444444%;
}

.c-btn-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 3.947368421%;
  width: 42.105263157%;
}

.c-btn-list li:first-child {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.c-btn-list--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-btn-list--center li {
  margin: 0;
  width: auto;
}

.c-btn-list--l2 {
  margin: 15px auto 0;
}

.c-btn-list--nm {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 0;
  width: auto;
}

.c-btn-list--nm li {
  margin: 0 15px;
  width: auto;
}

.c-btn-list--nm_order {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 15px 0 0;
  width: auto;
}

.c-btn-list--nm_order li {
  margin: 0 15px;
  width: auto;
}

input.c-btn,
button.c-btn {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -webkit-transition: color .3s, background-color .3s;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #003894;
  border: solid 1px #003894;
  border-radius: 4px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  overflow: hidden;
  text-align: center;
  transition: color .3s, background-color .3s;
}

input.c-btn:hover,
button.c-btn:hover {
  background-color: #fff;
  color: #003894;
}

input.c-btn[disabled],
input.c-btn[disabled='disabled'],
button.c-btn[disabled],
button.c-btn[disabled='disabled'] {
  background-color: #afb0b3;
  border-color: #afb0b3;
}

input.c-btn[disabled]:hover,
input.c-btn[disabled='disabled']:hover,
button.c-btn[disabled]:hover,
button.c-btn[disabled='disabled']:hover {
  background-color: #afb0b3;
  color: #fff;
}

/**
 * fontsize
 */
.c-fs16 {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.7;
}

/**
 * form
 */
input,select,textarea {
  font-size: 1.6rem;
}

/*.c-form--input .c-form-body--mode {
  margin-top: 0;
}

.c-form--input .c-form-item > dt {
  line-height: 2.4;
}

.c-form--input .c-form-item > dd {
  line-height: 1.0;
  padding: 24px 0 24px 30px;
}

.c-form--input .c-form-mode__item dd {
  line-height: 1.7;
}

.c-form--input .c-form-required {
  top: 34px;
}
*/
.c-form--confirm .c-form-list--col4 li,
.c-form--confirm .c-form-list--l2 li {
  width: auto;
}

.c-form-body {
  margin: 15px 0 45px;
}

.c-form-body--mode,
.c-form-body.c-form-mode {
  margin-top: 0;
}

.c-form-body--mode .c-form-item > dt,
.c-form-body.c-form-mode .c-form-item > dt {
  line-height: 1.7;
}

.c-form-item {
  background: #fff;
  border-top: solid 1px #c2c2c2;
  border-bottom: solid 1px #c2c2c2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin:0;
  position: relative;
}

.st-l-contract-details .c-form-item {
  border: solid 1px #c2c2c2;
}

.c-form-item.c-form-item--mode,
.c-form-item.c-form-item--test {
  padding:20px 0;
}
.c-form-item.c-form-item--mode {
  border: solid 2px #198c02;
  background:#d9f9be;
}
.c-form-item.c-form-item--test {
  background: #f9bed9;
  border: solid 2px #ff0088;
}

.c-form-item.c-form-item--mode + .c-form-item--mode,
.c-form-item.c-form-item--test + .c-form-item--test {
  border-top:none;
  margin-top:-24px;
  padding-top:0;
}
.c-form-item + .c-form-item {
  margin-top:-1px;
  margin-bottom:-1px;
}
.c-form-item.c-form-item--relation + .c-form-item {
  border-top: none;
}
.c-form-item.c-form-item--branch {
  border-bottom: solid 1px #c2c2c2;
}
.c-form-item.c-form-item--impInfo {
  border:2px solid #44a4e8;
}
.c-form-item.c-form-item--impInfo > dd > .multi-item,
.c-form-item.c-form-item--impInfo > dd > .multi-item + .multi-item {
  border-color: #44a4e8;
}
.c-form-item.c-form-item--impInfo + .c-form-item.c-form-item--impInfo {
  border-top:none;
}
.c-form-item.c-form-item--impInfo > dt{
  background: #e3f1fc;
}
.c-form-item.c-form-item--impInfo > dd > .c-form-item > dt {
  background: #edf7ff;
}
/*.c-form-item.c-form-item--branch + .c-form-item--branch{
  border-top: none;
}
.c-form-item:last-of-type {
  border-bottom: solid 1px #c2c2c2;
}
.c-form-item.c-form-item--branch + .c-form-item{
  border-top: none;
}*/

.c-form-item > dt {
  background: #f4f4f4;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.7;
  padding: 24px 10px 24px 20px;
  position: relative;
  width: 30%;
}
.lang-en .c-form-item > dt {
  padding: 24px 20px;
}
.c-form-item.c-form-item--relation + .c-form-item > dt{
  border-top: solid 1px #c2c2c2;
}

.c-form-item > dt._line2 {
  padding: 10px 20px;
}

.c-form-item > dd,
div.c-form-item {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.7;
  margin: 0;
  min-height: 5em;
  padding: 24px 30px;
  background:#fff;
  position: relative;
  width: 70%;
  align-self: center;
  -ms-flex-item-align: center;
}

.c-form-item > dd > .c-t-dl > dd,
.c-form-item .c-form-item__txt > .c-t-dl > dd {
  margin:0;
}

*:not(.lang-en) .c-form-item dd{
  overflow-wrap: break-word;
}
.c-form-item.c-form-item--relation + .c-form-item > dd{
  border-top: solid 1px #fff;
}
.c-form-item.c-form-item--multi > dd{
  padding: 24px 0;
}
.c-form-item .multi-item{
  margin: 0;
  position: relative;
  padding: 24px;
}
.c-form-item .multi-item:first-child{
  margin-top: -24px;
}
.c-form-item .multi-item:last-child{
  margin-bottom: -24px;
}
.c-form-item .multi-item > .multi-item--dt{
  margin-bottom:24px;
}
.c-form-item .multi-item dd{
  margin:0;
}
.c-form-item .multi-item dd + dd{
  margin-top:10px;
}
.c-form-item .multi-item + .multi-item{
  border-top:1px solid #c2c2c2;
}

.c-form-item > dd small {
  font-size: 1.4rem;
}

.c-form-item > dd p + .c-form-list {
  margin-top: 17px;
}

.c-form-item > dd pre:first-child {
  margin-top: 0;
}
.c-form-item > dd pre:last-child {
  margin-bottom: 0;
}

.c-form-item > dd p + p,
.c-form-item > dd p + label ,
.c-form-item > dd label + p {
  margin-top: 27px;
}

.c-form-item > dd .c-form-error_txt + .c-form-error_txt,
.c-form-item > dd .c-form-error_txt + label {
  margin-top: 0;
}

.c-form-item > dd .c-form-box__item dt {
  background: none;
  padding: 0;
  width: 150px;
}

.c-form-item > dd .c-form-box__item dd {
  margin: 0;
  padding: 0;
}

.c-form-item > dd .c-form-mode {
  margin: 24px 0 0;
}

.c-form-item > dd .c-form-mode__item {
  border-top: none;
  padding: 17px 30px;
}

.c-form-item > dd .c-form-mode__item > dt {
  background: none;
  line-height: 1.7;
  padding: 0 50px 0 0;
  width: auto;
}

.c-form-item > dd .c-form-mode__item > dd {
  padding: 0;
  width: auto;
}

.c-form-item.dummy input:focus {
  border: solid 2px #44a4e8;
}

.c-form-item.dummy .is-done {
  background-color: #e3f1fc;
  border: solid 1px #ccc;
}

.c-form-item--required > dt {
  padding-right: 75px;
}.c-form-item--required.lang-en > dt {
  padding-right: 0;
}
/*.c-form-item--required_en > dt {
  padding-right: 40px;
}*/

.c-form-item--error > dd {
  background: #ffe2e3;
}

.c-form-item__txt {
    width:auto;
    margin-right:160px;
}

.c-form-item__btn {
  position: absolute;
  right: 20px;
  top: 12px;
}

.c-form-item__array-btn {
  margin-right: 20px;
  margin-top: 12px;
}

.c-form-item--nesting .c-form-item {
  border-color: #c2c2c2;
  border-width: 1px 0;
  border-left: 2px solid #fff;
}
.c-form-item--nesting .c-form-item > dt{
  background: #f7f7f7;
}
.c-form-item--nesting div.c-form-item {
  width: 100%;
}
.c-form-item--nesting .c-form-item:first-child {
  border-top: none;
}
.c-form-item--nesting .c-form-item:last-child {
  border-bottom: none;
}
.c-form-item--nesting .c-form-item + .c-form-item {
  margin-bottom: 0;
}

.c-form-item--nesting > dd {
  padding: 0;
}


/**
 * カテゴリー定義
 */

.c-form-categoly{
  margin:0;
}
.c-form-categoly > dt {
  background: #44a4e8;
  color: #fff;
  padding: 6px 8px;
  line-height: 1.3;
}
.c-form-categoly > dd{
  margin:15px 0 0;
}
* + .c-form-categoly{
  margin-top:1.5em;
}

p + .c-form-categoly{
  margin-top:1.0em;
}

.c-form-difCat-top {
  margin-top:1em!important;
}
.c-form-difCat-btm {
  margin-bottom:1em!important;
}

.c-form-fileUpload{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.c-form-fileUpload__txt{
  word-break: break-all;
}
.c-form-fileUpload + .c-txt-caution{
  margin-top:1em;
}
.c-form-fileUpload__btnWrap > .c-button > .btnInner{
  width:160px;
  min-width:160px;
  height: 50px;
  min-height: 50px;
  padding-left:0.25em;
  padding-right:0.25em;
}
.c-form-fileUpload__btnWrap > input[type=file]{
  display:none;
}

.c-form-courselist{
    height:250px;
    overflow:auto;
    background:#f4f4f4;
}

* + .c-form-courselist{
    margin-top:0.75em;
}

.c-form-courselist__title{
  background: #ebecee;
  border: solid 1px #b3b3b3;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}.c-form-courselist__title > span{
  display:inline-block;
  padding: 7px 15px;
  margin: 0;
}.c-form-courselist__title > span.c-form-courselist__title__radio{
    text-align:center;
    width:13%;
    border-right:solid 1px #b3b3b3;
}.c-form-courselist .c-form-courselist__title > span.c-form-courselist__title__address{
    width:87%;
}

.c-form-courselist__items > li{
  border-left: solid 1px #b3b3b3;
  border-right: solid 1px #b3b3b3;
  border-bottom: solid 1px #b3b3b3;
}

.c-form-courselist__item{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position:relative;
}.c-form-courselist__item > input{
  position:absolute;
  top:0;
  left:0;
}
.c-form-courselist .c-form-courselist__item > span{
  display:inline-block;
  padding: 7px 15px;
  margin: 0;
  position:relative;
  background:#fff;
}.c-form-courselist span.c-form-courselist__item__radio{
    width:13%;
    border-right:solid 1px #b3b3b3;
}.c-form-courselist span.c-form-courselist__item__address{
    width:87%;
}
.c-form-courselist__item__address__mansion_name,
.c-form-courselist__item__address__address{
    display:inline-block;
    margin-right:0.25em;
}

.c-form-courselist__item span.c-form-courselist__item__radio::before,
.c-form-courselist__item span.c-form-courselist__item__radio::after{
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
}
.c-form-courselist__item span.c-form-courselist__item__radio::before{
  background: #fff;
  border: solid 2px #ddd;
  height: 20px;
  left: 50%;
  width: 20px;
  border-radius: 50%;
  margin-left:-10px;
  margin-top:-10px;
}
.c-form-courselist__item input:checked + span.c-form-courselist__item__radio::before {
  background: none;
  border: solid 2px #44a4e8;
}.c-form-courselist__item input:checked + span.c-form-courselist__item__radio::after {
  background: #44a4e8;
  border-radius: 50%;
  height: 12px;
  left: 50%;
  top: 50%;
  width: 12px;
  margin-left:-6px;
  margin-top:-6px;
}
.c-form-courselist input:focus + span.c-form-courselist__item__radio,
.c-form-courselist input:focus + span.c-form-courselist__item__radio + span.c-form-courselist__item__address,
.c-form-courselist input:focus + span.c-form-courselist__item__radio + span.c-form-courselist__item__mansion-name,
.c-form-courselist input:focus + span.c-form-courselist__item__radio + span.c-form-courselist__item__mansion-name + span.c-form-courselist__item__address{
  background: #e3f1fc;
}
.c-form-courselist input:checked + span.c-form-courselist__item__radio,
.c-form-courselist input:checked + span.c-form-courselist__item__radio + span.c-form-courselist__item__address,
.c-form-courselist input:checked + span.c-form-courselist__item__radio + span.c-form-courselist__item__mansion-name,
.c-form-courselist input:checked + span.c-form-courselist__item__radio + span.c-form-courselist__item__mansion-name + span.c-form-courselist__item__address{
  background: #e3f1fc;
}

.c-form-bottom .c-btn {
  margin: 0 auto;
}

.c-form-bottom--right .c-btn {
  margin: 0 0 0 auto;
}

.c-form-bottom--complete {
  margin: 34px auto 0;
  text-align: center;
}

.c-form-bottom--complete .c-btn {
  margin: 0 auto;
}

.c-form-required {
  background: #dc2126;
  border-radius: 2px;
  color: #fff;
  display: block;
  font-size: 1.5rem;
  height: 22px;
  letter-spacing: .05em;
  line-height: 23px;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 27px;
  width: 50px;
}.lang-en .c-form-required {
  background:none;
  border-radius:initial;
  color: #dc2126;
  display: inline-block;
  font-size: 1.8rem;
  height:auto;
  position: relative;
  right:auto;
  top:auto;
  width:auto;
}
/*.c-form-required_en {
  color: #dc2126;
  display: inline-block;
  font-size: 1.8rem;
  position: relative;
}*/

.c-form-step {
  margin: 0 0 30px;
}

.c-form-step + .c-headline--l1 {
  margin: 0 0 10px;
}

.c-form-step__list {
  -webkit-box-align: start;
  -webkit-box-pack: center;
  -ms-flex-align: start;
  -ms-flex-pack: center;
  align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin: 0 -30px;
}

.c-form-step__item {
  position: relative;
  width: 88px;

  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.c-form-step__item + .c-form-step__item::before {
  background: #d2d2d2;
  content: '';
  display: block;
  height: 2px;
  left: -50%;
  position: absolute;
  top: 12px;
  width: 100%;
}

.c-form-step__item.is-current .c-form-step__num {
  background: #003894;
  font-size: 1.6rem;
  height: 34px;
  margin-top: -6px;
  width: 34px;
}

.c-form-step__item.is-current .c-form-step__txt {
  color: #003894;
  margin-top: 3px;
}

.c-form-step__item.is-current::before {
  background-color: #44a4e8;
}

.c-form-step__item.is-finished .c-form-step__num {
  background: #44a4e8;
}

.c-form-step__item.is-finished .c-form-step__txt {
  color: #44a4e8;
}

.c-form-step__item.is-finished::before {
  background-color: #44a4e8;
}

.c-form-step__num {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #d2d2d2;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  height: 24px;
  justify-content: center;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 24px;
  z-index: 1;
}

.c-form-step__txt {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  color: #d2d2d2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.2rem;
  height: 42px;
  justify-content: center;
  line-height: 1.2;
  margin: 7px 0 0;
  text-align: center;
  white-space: nowrap;
}

.c-form-checkbox,
.c-form-radio {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.3;
}

.c-form-checkbox > input,
.c-form-radio > input {
  opacity:0;
  display:inline;
}
@media all and (-ms-high-contrast: none){
  .c-form-checkbox > input,
  .c-form-radio > input {
    display:none;
  }
}

.c-form-checkbox > input:checked + span::after,
.c-form-radio > input:checked + span::after {
  opacity: 1;
}

.c-form-checkbox > input:checked + span::before,
.c-form-radio > input:checked + span::before {
  background: #44a4e8;
  border-color: #44a4e8;
}

.c-form-checkbox > input:disabled + span,
.c-form-radio > input:disabled + span {
  opacity: .5;
  cursor: inherit;
}
.c-form-checkbox > input:disabled + span::before,
.c-form-radio > input:disabled + span::before {
  background: #e4e4e4;
  pointer-events : none;
}

.c-form-checkbox > input:focus + span,
.c-form-radio > input:focus + span {
  background: #e3f1fc;
}

.c-form-checkbox > span,
.c-form-radio > span {
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 30px;
  position: relative;
  text-align:left;
}

.c-form-checkbox > span small,
.c-form-radio > span small {
  display: block;
  font-size: 1.4rem;
  margin: 10px 0 0;
}

.c-form-checkbox > span::before,
.c-form-checkbox > span::after,
.c-form-radio > span::before,
.c-form-radio > span::after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  content: '';
  display: block;
  position: absolute;
  top: 0;
}

.c-form-checkbox > span::before,
.c-form-radio > span::before {
  background: #fff;
  border: solid 2px #ddd;
  height: 20px;
  left: 0;
  width: 20px;
}

.c-form-checkbox a,
.c-form-radio a {
  display: inline-block;
  margin: 5px 0 0;
}
.c-form-checkbox .c-icon-q,
.c-form-radio .c-icon-q{
  width:1.0em;
  margin:0 0 0.1em 0.25em;
}
.c-form-tips{
  position:absolute;
  z-index:100;
  border:3px solid #44a4e8;
  background-color:#fff;
  padding:5px;
  margin-top:5px;
}
.c-form-tips > a{
  margin:0;
  color:#003894;
  text-decoration: underline;
}
.c-form-tips > a:hover{
  color: #44a4e8;
}
.c-form-tips2{
  z-index:100;
  border:3px solid #44a4e8;
  background-color:#fff;
  padding:5px;
  margin-top:0.5em;
}
.c-form-tips2 > ._closeBtn{
  display:block;
  background:#44a4e8;
  padding:2px;
  margin:0;
  width:100%;
  text-align:center;
  font-size:12px;
  color:#fff;
  margin-bottom:5px;
  font-weight:bold;
  cursor:pointer;
}

.c-form-checkbox + .js-toggle-box {
  display: none;
  margin-top: 10px;
}
.c-form-checkbox.multi-item--dt + .js-toggle-box {
  margin-top: 24px;
}

.c-form-checkbox span::before {
  border-radius: 4px;
}

.c-form-checkbox span::after {
  -webkit-transform: rotate(-45deg);
  border-bottom: solid 3px #fff;
  border-left: solid 3px #fff;
  height: 8px;
  left: 4px;
  opacity: 0;
  top: 4px;
  transform: rotate(-45deg);
  width: 12px;
}

.c-form-radio > input:checked + span::before {
  background: none;
}

.c-form-radio > span::before {
  border-radius: 50%;
}

.c-form-radio > span::after {
  background: #44a4e8;
  border-radius: 50%;
  height: 12px;
  left: 4px;
  opacity: 0;
  top: 4px;
  width: 12px;
}
.c-form-radio.c-form-radio--gradeEvaluation {
  display: block;
}
.c-form-radio.c-form-radio--gradeEvaluation > span {
  color: #999;
  padding: 0 0 1.4em;
  text-align: center;
}
.c-form-radio.c-form-radio--gradeEvaluation > input:checked + span {
  color: #333;
}
.c-form-radio.c-form-radio--gradeEvaluation > span::before {
  left:50%;
  margin-left: -10px;
  top: 1.4em;
}

.c-form-radio.c-form-radio--gradeEvaluation > span::after {
  left: 50%;
  margin-left: -6px;
  top: 1.65em;
}

.c-form-text {
  background: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  font-size: 1.6rem;
  height: 40px;
  letter-spacing: .05em;
  padding: 0 10px;
  width: 150px;
  font-feature-settings: "palt" 1;
}
textarea.c-form-text {
  min-width: 280px;
  padding:0.5em;
  vertical-align: top;
}
.c-form-textareaWrap {
  margin-bottom: 0.5em;
}
.c-form-item textarea.c-form-text {
  min-height: 7.8em;
}
textarea.c-form-text.c-form-text--low {
  min-height: 2.8em;
}
textarea.c-form-text.c-form-text--high {
  min-height: 14.6em;
}

.c-form-text._w100p {
  width: 100%;
}

.c-form-text._w300 {
  width: 300px;
}

.c-form-text._w280 {
  width: 280px;
}

.c-form-text._w200 {
  width: 200px;
}

.c-form-text._w100 {
  width: 100px;
}

.c-form-text:focus {
  -webkit-box-shadow: 0 0 8px 4px rgba(230, 230, 230, .5);
  background: #e3f1fc;
  box-shadow: 0 0 8px 4px rgba(230, 230, 230, .5);
}

.c-form-text::-webkit-input-placeholder {
  color: #ccc;
}

.c-form-text::-moz-placeholder {
  color: #ccc;
}

.c-form-text:-ms-input-placeholder {
  color: #ccc;
}

.c-form-text::-ms-input-placeholder {
  color: #ccc;
}

.c-form-text::placeholder {
  color: #ccc;
}

.c-form-label {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-form-label span {
  margin: 0 15px 0 0;
}

.c-form-label .c-form-text + span {
  margin: 0 0 0 15px;
}

.c-form-btn {
  display: block;
  font-feature-settings: "pkna";
  letter-spacing: -0.01em;
  position:relative;
}

.c-form-btn + .c-form-btn {
  margin-top: 20px;
}

.c-form-btn input {
  opacity: 0;
  position:absolute;
  top:0;
  left:0;
}

.c-form-btn input:checked + span:not([class]),
.c-form-btn input:checked .c-form-btn__inner {
  -webkit-box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
  border-color: transparent;
  box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
}

.c-form-btn input:checked + span::before,
.c-form-btn input:checked .c-form-btn__inner::before {
  border-color: #44a4e8;
  background-color:rgba(0,153,255,0.25);
}

.c-form-btn input:focus + span::before,
.c-form-btn input:focus .c-form-btn__inner::before {
  border-color: #44a4e8;
  background-color:rgba(0,153,255,0.25);
}

.c-form-btn > span:not([class]),
.c-form-btn__inner {
  -webkit-transition: border-color .3s;
  background-color: #fff;
  border: solid 1px #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  line-height: 1.4;
  margin: 0 5px 0 0;
  padding: 12px 20px;
  position: relative;
  transition: border-color .3s;
}

.c-form-btn__inner{
  padding: 12px 15px;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  width:100%;
 }
.c-form-list--col4 .c-form-btn__inner{
  padding-left:8px;
  padding-right:8px;
 }

.c-form-btn > span:not([class])::before,
.c-form-btn__inner::before {
  -webkit-transition: border-color .3s;
  border: solid 3px transparent;
  border-radius: 4px;
  bottom: -1px;
  content: '';
  display: block;
  left: -1px;
  margin: auto;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: border-color .3s;
}

.c-form-btn > span:not([class]):hover,
.c-form-btn__inner:hover {
  -webkit-box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
  border-color: transparent;
  box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
}

.c-form-btn > span:not([class]):hover::before,
.c-form-btn__inner:hover::before {
  border-color: #44a4e8;
}

.c-form-btn__txt{
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height:1.1;
    margin-left:-4px;
    margin-right:-4px;
}

.c-form-btn__em{color:#dc2226;font-weight:bold;}

.c-form-btn__img{
  align-items: center;
  display: flex;
  justify-content: center;
  text-align:center;
}

.c-form-btn__img + .c-form-btn__txt,
.c-form-btn__txt + .c-form-btn__img{
  margin-top:8px;
}

.c-form-btn__img > img{
  max-height:80px;
}

.c-form-btn__img--mhS > img{
  max-height:60px;
}

.c-form-btn__img--mhM-S > img{
  max-height:70px;
}

.c-form-btn__img--mhL > img{
  max-height:100px;
}

.c-form-btn__img--mhXL > img{
  max-height:150px;
}

.c-form-btn__img--mhF > img{
  max-height:inherit;
}

.c-form-btn__img + .c-form-btn__txt{
    margin-top: 5px;
}
.c-form-btn__img + .c-form-btn__exp{
    margin-top: 10px;
    border-top: 1px solid #ccc;
}
.c-form-btn__exp{
    display: block;
    padding-top: 10px;
    font-size: 1.4rem;
    text-align: center;
}

.c-form-btn__price{
    font-size:1.5rem;
    line-height:2.0rem;
    display:block;
}
.c-form-btn__label{
    display:block;
    font-size:1.2rem;
}.c-form-btn__price + .c-form-btn__price,
.c-form-btn__price + .c-form-btn__label,
.c-form-btn__label + .c-form-btn__price{
    margin-top:5px;
}
.c-form-btn__price .c-form-btn__number{
    font-size:2.5rem;
}
.c-form-btn__price.sml{
    font-weight:bold;
    font-size:1.5rem;
    line-height:4.6rem;
}
.c-form-btn__price.sml .c-form-btn__number{
    font-size:1.5rem;
}
.c-form-btn__price.sml.twoLine{
    line-height:2.3rem;
}
.c-form-btn__price__year{
    margin-right:5px;
}

.c-form-btn__labelWrap{
    display:table;
}

.c-form-btn__labelWrap + .c-form-btn__img{
  margin-top:10px;
}

.c-form-btn__planLabel{
    display: table-cell;
    position: relative;
    font-size: 1.0rem;
    line-height: 1.1rem;
    color: #fff;
    font-weight: bold;
    padding: 4px 1px;
    vertical-align: top;
    text-align: center;
    vertical-align: top;
    width:5.4em;
    z-index: 1;
    letter-spacing: -0.02em;
}

.c-form-btn__planLabel:after{
    content: "";
    display:block;
    position: absolute;
    width:100%;
    height: 1.9em;
    top: 0;
    left: 0;
    background: #8AB5D2;
    z-index: -1;
}

.c-form-btn__simLabel{
    display: table-cell;
    font-size: 1.2rem;
    line-height: 1.1rem;
    font-weight: bold;
    margin-left: 2%;
    padding:0 0 0 3px;
    vertical-align: middle;
}

.c-form-btn__subtxt{
    font-size: 1.0rem;
    font-weight: normal;
    display:inline-block;
    margin:0 0.25em;
}

.c-form-btn small {
  font-size: 1.4rem;
  line-height: 1.4;
}

.c-form-btn--thin .c-form-btn__inner{
  padding-top:2em;
  padding-right: 5em;
  position: relative;
}
.lang-en .c-form-btn--thin .c-form-btn__inner,
.c-form-btn--thin.lang-en .c-form-btn__inner{
  padding-right: 6.5em;
}
.c-form-btn--thin .c-form-btn__labelWrap{
  position: absolute;
  width:92%;
  top:12px;
  left: 15px;
}
.c-form-btn--thin .c-form-btn__img{
  margin-top:10px;
  text-align: left;
  display: inline-block;
}
.c-form-btn--thin .c-form-btn__exp{
  position: absolute;
  display:inline-block;
  text-align:right;
  border-top:none;
  letter-spacing: -0.02em;
  right:8px;
  bottom:8px;
  margin:0;
  padding:0;
  float: right;
}
.c-form-btn--thin .c-form-btn__price{
  font-size:1.0rem;
  line-height: 1;
}
.c-form-btn--thin .c-form-btn__number{
  font-size:1.4rem;
}

.c-form-btn--thin .c-form-btn__img > img{
  width:auto;
  height:24px;
}

.c-form-list:not(.c-form-list--col2) .c-form-btn--thin .c-form-btn__planLabel{
  width:7em;
}

.c-form-btn--thin .c-form-btn__inner{
  display:block;
  width:100%;
 }

.c-form-faq {
  display: block;
  font-size: 16px;
  line-height: 16px;
  margin: 10px 0;
  position: relative;
  text-align: right;
}
.c-form-faq:last-child {
  margin-bottom: 0;
}
.c-form-faq > dt,
.c-form-faq .c-form-faq__q {
  color: #003894;
  cursor: pointer;
  display: inline-block;
  padding-left: 25px;
  position: relative;
  text-decoration: underline;
}
.c-form-faq > dt:hover,
.c-form-faq .c-form-faq__q:hover {
  text-decoration: none;
}
.c-form-faq > dt:before,
.c-form-faq .c-form-faq__q:before {
  background: #003894;
  border-radius: 50%;
  content: "";
  height: 20px;
  left: 0;
  position: absolute;
  top: -2px;
  width: 20px;
}
.c-form-faq > dt:after,
.c-form-faq .c-form-faq__q:after {
  color: #fff;
  content: "？";
  font-size: 14px;
  font-weight: bold;
  height: 20px;
  left: 0.5px;
  position: absolute;
  top: 1px;
  text-align: center;
  width: 20px;
}
.c-form-faq.c-form-faq--modal > dd {
  margin:0;
}
.c-form-faq:not(.c-form-faq--modal) > dd {
  background: #fff;
  border: 5px solid #003894;
  border-radius: 5px;
  bottom: 2.5em;
  box-shadow: 2px 3px 3px #bfbfbf;
  display: none;
  font-size: 1.3rem;
  line-height: 150%;
  margin: 0;
  padding: 10px 13px;
  position: absolute;
  right: 0;
  text-align: left;
  width: 280px;
  word-wrap: break-word;
  z-index: 99;
}
.c-form-faq:not(.c-form-faq--modal) > dd:before {
  border-left: 15px solid transparent;
  border-top: 15px solid #003894;
  bottom: -18px;
  content: "";
  height: 0;
  margin-left: -4px;
  position: absolute;
  right: 5px;
  width: 0;
}
.c-form-faq.c-form-faq--s{
  font-size: 12px;
  line-height: 12px;
}
.c-form-faq.c-form-faq--s > dt,
.c-form-faq.c-form-faq--s .c-form-faq__q {
  padding-left: 22px;
}
.c-form-faq.c-form-faq--s > dt:before,
.c-form-faq.c-form-faq--s .c-form-faq__q:before {
  height: 18px;
  top: -3px;
  width: 18px;
}
.c-form-faq.c-form-faq--s > dt:after,
.c-form-faq.c-form-faq--s .c-form-faq__q:after {
  font-size: 12px;
  height: 18px;
  width: 18px;
}

@media print,screen and (min-width:560px) and (max-width:767px){
  .c-form-btn--thin .c-form-btn__price{
    font-size:0.9rem;
  }
  .c-form-btn--thin .c-form-btn__number{
    font-size:1.3rem;
  }
  /*.c-form-list:not(.c-form-list--col2) .c-form-btn--thin{
    max-width:48.712418298%;
  }*/
  /*.c-form-btn--thin .c-form-btn__img > img{
    width: auto;
    padding:0;
    height:18px;
    display: inline-block;
  }*/
}
@media print,screen and (min-width:401px) and (max-width:559px){
  .c-form-btn--thin .c-form-btn__price{
    font-size:0.8rem;
  }
  .c-form-btn--thin .c-form-btn__number{
    font-size:1.2rem;
  }
}
@media print,screen and (max-width:767px){
  .c-form-btn--thin .c-form-btn__inner{
    padding-right: 6em;
  }
  .lang-en .c-form-btn--thin .c-form-btn__inner,
  .c-form-btn--thin.lang-en  .c-form-btn__inner{
    padding-right: 8em;
  }
  .c-form-btn--thin .c-form-btn__labelWrap{
    top: 8px;
    left: 8px;
  }

  .c-form-faq {
    font-size: 13px;
    line-height: 13px;
  }
  .c-form-faq > dt:before,
  .c-form-faq .c-form-faq__q:before {
    height: 20px;
    left: 0;
    top: -4px;
    width: 20px;
  }
  .c-form-faq > dt:after,
  .c-form-faq .c-form-faq__q:after {
    top: 0;
  }
  .c-form-faq:not(.c-form-faq--modal) > dd {
    bottom: 0;
    box-shadow: none;
    display: none;
    margin-top: 20px;
    position: relative;
    width: 100%;
    word-wrap: break-word;
  }
  .c-form-faq:not(.c-form-faq--modal) > dd:before {
    border-bottom: 10px solid #003894;
    border-left: 10px solid transparent;
    border-right: 10px solid #003894;
    border-top: 10px solid transparent;
    content: "";
    height: 0;
    margin-left: -4px;
    right: 5px;
    top: -20px;
    width: 0;
    position: absolute;
  }
}

@media screen and (max-width: 400px){
  .c-form-btn--thin .c-form-btn__img > img{
    height:14px;
  }
}

.c-form-img {
  position:relative;
  display: block;
  text-align: center;
}

.c-form-img input {
  opacity:0;
  position:absolute;
  top:0;
  left:0;
}

.c-form-img input:checked + span {
  -webkit-box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
  border-color: transparent;
  box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
}

.c-form-img input:checked + span::before {
  border-color: #44a4e8;
}

.c-form-img input:focus + span::before {
  border-color: #44a4e8;
}

.c-form-img img {
  display: block;
  margin: 0 auto -5px;
  width: 125px;
  z-index: -1;
}

.c-form-img span {
  -webkit-transition: border-color .3s, -webkit-box-shadow .3s;
  border: solid 1px #ccc;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  line-height: 1.4;
  padding: 3px 0 5px;
  position: relative;
  text-align: center;
  transition: border-color .3s, -webkit-box-shadow .3s;
  transition: border-color .3s, box-shadow .3s;
  transition: border-color .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

.c-form-img span::before {
  -webkit-transition: border-color .3s;
  border: solid 3px transparent;
  border-radius: 4px;
  bottom: -1px;
  content: '';
  display: block;
  left: -1px;
  margin: auto;
  position: absolute;
  right: -1px;
  top: -1px;
  transition: border-color .3s;
}

.c-form-img input:checked + span::before {
  background-color:rgba(0,153,255,0.25);
}

.c-form-img span:hover {
  -webkit-box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
  border-color: transparent;
  box-shadow: 0 0 6px 3px rgba(80, 139, 241, .15);
}

.c-form-img span:hover::before {
  border-color: #44a4e8;
}



/** 販売終了ボタン用
 ボタンのlavelを囲うdivに適用**/
.c-btnover-endSale {
    position: relative;
    pointer-events: none;
}

.c-btnover-endSale:before {
    content: "販売終了";
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    margin: -0.5em 0 0 -2em;
    font-size: 18px;
    z-index: 10;
    font-weight: bold;
    line-height:1;
}
.c-btnover-endSale:after {
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50,50,50,0.25);
    content: "";
    position: absolute;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/* ↑ ここまで ↑ */


/* 在庫切れ（入荷待ち）ボタン用
 ボタンのlavelを囲うdivに適用*/
.c-btnover-outOfStock {
    position: relative;
    pointer-events: none;
}

.c-btnover-outOfStock:before {
    content: "入荷待ち";
    position: absolute;
    left: 50%;
    top: 50%;
    color: #fff;
    margin: -0.5em 0 0 -2em;
    font-size: 18px;
    z-index: 10;
    font-weight: bold;
    line-height:1;
}
.c-btnover-outOfStock:after {
    z-index: 9;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(50,50,50,0.25);
    content: "";
    position: absolute;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}
/* ↑ ここまで ↑ */


/** 販売終了ボタン英語用
 ボタンのlavelを囲うdivに適用**/
.lang-en .c-btnover-endSale,
.c-btnover-endSale.lang-en {
    position: relative;
    pointer-events: none;
}

.lang-en .c-btnover-endSale:before,
.c-btnover-endSale.lang-en:before {
    content: "SOLD OUT";
    margin: -0.5em 0 0 -2.5em;
}


.lang-en .c-btnover-outOfStock:before,
.c-btnover-outOfStock.lang-en:before {
    content: "Waiting for new stock";
    left: 30%;
    top: 45%;
    margin: -0.5em 0 0 -2.5em;
    text-align: center;
    right: 5%;
    padding: 0 10px 0 10px;
}
/* ↑ ここまで ↑ */


.c-form-list + .c-form-list {
  margin-top: 40px;
}

.c-form-list > li{
  margin-bottom:12px;
}
.c-form-list--l1 li + li{
  margin: 15px 0 0;
}
.c-form-list--l1 li:last-child {
  margin-bottom:0;
}

.c-form-list--col4,
.c-form-list--l2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1% -12px;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-form-list--col4 li,
.c-form-list--l2 li {
  margin: 0 .980392156% 12px;
  width: 22.875816993%;
  word-break: break-all;
}

.c-form-list--col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1% -12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

.c-form-list--col2 li {
  margin: 0 .980392156% 12px;
  width: 47.712418298%;
}

.c-form-list--col3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1% -12px;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-form-list--col3 li {
  margin: 0 .980392156% 12px;
  width: 31.37%;
}


.c-form-list--iBlock > li,
.c-form-list--gradeEvaluation > li{
  display: inline-block;
  margin-right:22px;
}

.c-form-list.c-form-list--iBlock:last-child{
  margin-bottom:-12px;
}

.c-form-list--gradeEvaluation {
  align-items: center;
  background: #e5effa;
  display: flex;
  justify-content: space-around;
  padding: 0.5em;
}
.c-form-list--gradeEvaluation > li {
  margin: 0;
  text-align: center;
  min-width: 1.8em;
}
.c-form-list--gradeEvaluation .c-form-list__geDissatisfaction,
.c-form-list--gradeEvaluation .c-form-list__geSatisfaction {
  color: #666;
  letter-spacing: 0.4em;
}
.c-form-list--gradeEvaluation .c-form-list__geDissatisfaction {
  margin-right: 0.5em;
  text-align: left;
}
.c-form-list--gradeEvaluation .c-form-list__geSatisfaction {
  margin-left: 1em;
  text-align: right;
}

.c-form-date + .c-form-list--anhConstruction {
  margin: 1em 0 0 4.2em;
}


.c-form-dl{
  display: flex;
  align-items: center;
}
.c-form-dl:first-child{
  margin-top:0;
}
.c-form-dl:last-child{
  margin-bottom:0;
}
.c-form-dl > .c-form-dl__dt + .c-form-dl__dd{
  margin-left:0.5em;
}
.c-form-dl > .c-form-dl__dt,
.c-form-dl > .c-form-dl__dd{
  display: inline-block;
}
.c-form-box > .c-form-dl{
  display: block;
}
.c-form-box > .c-form-dl + .c-form-dl{
  margin-top:1.5em;
}
.c-form-box > .c-form-dl > .c-form-dl__dt + .c-form-dl__dd{
  margin-top:0.5em;
}
.c-form-box > .c-form-dl > .c-form-dl__dd + .c-form-dl__dd{
  margin-top:1.5em;
}
.c-form-box > .c-form-dl > .c-form-dl__dt + .c-form-dl__dd,
.c-form-box > .c-form-dl > .c-form-dl__dd + .c-form-dl__dd{
  margin-left:0;
}


.c-form-dl__dd .c-form-dl-dd-telNumJudge{
  margin-top: 0.5em;
}
.c-form-dl__dd .c-form-dl-dd-telNumJudge:first-child{
  margin-top: 0;
}
.c-form-dl-dd-telNumJudge > .c-form-tell{
  display:inline-block;
  margin-bottom: 0.5em;
}
.c-form-dl-dd-telNumJudge > .c-form-tell + .c-button--result-display-button {
  display: inline-block;
  width: inherit;
}


.c-form-stepNum{
  position: relative;
  padding-left: 4.4em;
}
.c-form-stepNum__txt{
  margin-left: -4.4em;
  font-weight: bold;
  position: absolute;
}


.c-form-rule:not(.is-form-rule-show):not(.c-form-rule--show) {
  height: 240px;
  overflow: auto;
  /*scrollbar-color: #ccc;
  scrollbar-width: thin;*/
  margin: 15px 0 0;
}
.c-form-rule {
  padding-bottom: 1px;
}
.c-form-rule--payMethod{
  margin: 15px 0 15px;
}
.c-form-rule::-webkit-scrollbar{
    width: 8px;
}
.c-form-rule::-webkit-scrollbar-track{
    background: rgba(0,0,0,0.05);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
/*    border-left: solid 1px #ececec;*/
}
.c-form-rule::-webkit-scrollbar-thumb{
    background: #ccc;
    border-radius: 4px;
    /*border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;*/
    /*box-shadow: inset 0 0 0 2px #fff;*/
}

.c-form-rule p + p {
  margin: 30px 0 0;
}

.c-form-rule p:last-child {
  margin-bottom: 40px;
}

.c-form-rule ul + p {
  margin: 30px 0 0;
}

.c-form-rule ul + ul {
  margin: 30px 0 0;
}

.c-form-rule > *:last-child {
  margin-bottom: 40px;
}

.c-form-rule_check {
  font-size: 16px;
  line-height: 2.3;
  margin: 33px 0;
  text-align: center;
}
.c-form-rule_check .c-form-rule_check__txt + .c-form-checkbox{
  margin-top:1em;
  display:inline-block;
}

.c-form-name {
  font-size: 0;
  letter-spacing: 0;
  margin: 0 40px 0 0;
  word-spacing: 0;
}

.c-form-name:last-child {
  margin: 0;
}

.c-form-name span {
  display: inline-block;
  font-size: 1.6rem;
  width: 45px;
}.lang-en .c-form-name span {
  width: 100px;
}

.c-form-post {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-form-post span {
  margin: 0 6px 0 0;
}
.c-form-post .c-form-text + span {
  margin: 0 6px;
}
.lang-en .c-form-post span {
  margin: 0 15px 0 0;
}
.lang-en .c-form-post .c-form-text + span {
  margin: 0 15px;
}

.c-form-post__btn {
  font-size: 1.4rem;
  height: 32px;
  margin: 0 0 0 20px;
  width: 120px;
}.lang-en .c-form-post__btn {
  width: 140px;
}

.c-form-address {
  display: block;
  margin: 20px 0 0;
}
.c-form-address > .c-form-text {
    width: 100%;
}

.c-form-address + .c-txt-caution {
  margin-top: 1em;
}

.c-form-address span {
  display: inline-block;
  width: 80px;
}.lang-en .c-form-address span {
  width: 170px;
}

.c-form-address--l2 span {
  width: 145px;
}.lang-en .c-form-address--l2 span {
  width: 260px;
}

.c-form-address--l3 span {
  width: 182px;
}.lang-en .c-form-address--l2 span {
  width: 280px;
}

.c-form-credit {
  display: block;
  margin: 20px 0 0;
}

.c-form-credit > span {
  display: inline-block;
  width: 110px;
  vertical-align: middle;
}

.c-form-credit span.c-form-credit__span--twoline {
  vertical-align:middle;
}

.c-form-credit__month input,
.c-form-credit__year input{
  width: 100px;
  text-align: right;
}

.c-form-credit + .c-txt-caution{
  margin-top:20px;
}

.c-form-tell input,
.c-form-connum input {
  width: 110px;
}
.lang-en .c-form-tell input,
.lang-en .c-form-connum input {
  width: 125px;
}

.c-form-tell:first-child input,
.c-form-connum:first-child input {
  width: 100px;
}
.lang-en .c-form-tell:first-child input,
.lang-en .c-form-connum:first-child input {
  width: 110px;
}

.lang-en .c-form-birthday,
.lang-en .c-form-dateGroup {
    margin:0 10px 0 0;
}

.c-form-birthday input,
.c-form-dateGroup input {
  width: 85px;
  text-align: right;
}
.lang-en .c-form-birthday input,
.lang-en .c-form-dateGroup input {
  width: 100px;
}

.c-form-birthday:first-child input,
.c-form-dateGroup:first-child input {
  width: 105px;
}
.lang-en .c-form-birthday:first-child input,
.lang-en .c-form-dateGroup:first-child input {
  width: 125px;
}

.c-form-down {
  display: block;
  position: relative;
  width: 200px;
}
.c-form-down::before {
  border-color: #333 transparent transparent transparent;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  bottom: 0;
  content: '';
  display: block;
  height: 0;
  margin: auto;
  position: absolute;
  right: 15px;
  top: 0;
  width: 0;
}
.c-form-down--w446 {
  width: 446px;
}
.c-form-down--w250 {
  width: 250px;
}

.c-form-select {
  border: solid 1px #ccc;
  border-radius: 4px;
  background-color: #fff;
  cursor: pointer;
  height: 40px;
  padding: 0 20px 0 13px;
  position: relative;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.c-form-radio_box {
  margin-top: 15px;
}

.is-done {
  border: solid 2px #44a4e8;
}

.c-form-period {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-form-period input {
  width: 170px;
}
.c-form-period label + span {
  margin: 0 15px;
}

.c-form-error_fixed {
  padding: 10px 0;
}
.c-form-error_fixed .c-form-error_txt {
  margin: 0;
}
.c-form-error_fixed.is-fixed {
  -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, .1);
  background: #fff;
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, .1);
  left: 0;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
  z-index: 997;
}
.c-form-error_fixed.is-fixed .c-form-error_txt {
  margin: 0 auto;
  max-width: 900px;
}
.c-form-error_txt {
  background: url(../images/icon_error.png) no-repeat left top;
  background-size: 15px;
  color: #dc2126;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.2;
  margin-bottom: 10px;
  padding: 0 0 0 20px;
}

.c-form-conf_txt {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.0;
  text-indent: 1em;
}

._error {
  border-color: #dc2126;
}

._error_box {
  background: #ffe2e3;
  padding: 20px 0;
}

.c-form-add-emailAddress {
  display: flex;
  vertical-align: middle;
}
.c-form-add-emailAddress__body {
  display: inline-block;
}
.c-form-add-emailAddress__body .c-form-text {
  max-width: 300px;
  width: 300px;
}
.c-form-add-emailAddress__body > li {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.c-form-add-emailAddress__body > li + li {
  margin-top: 1em;
}
.c-form-add-emailAddress__body .c-icon-removeItem {
  margin: 0 0 0 0.5em;
  min-width: 4.1em;
}
.c-form-add-emailAddress__footer {
  align-items: flex-end;
  display: flex;
  justify-content: flex-end;
  min-width: 4.1em;
  padding: 0 0 0 0.5em;
  vertical-align: bottom;
}
.c-form-add-emailAddress__footer>.c-icon-addItem {
  margin-bottom: 0.6em;
}
.c-form-add-emailAddress__body > li + li {
  margin-top: 1em;
}
.c-form-add-emailAddress__body .c-icon-removeItem {
  margin-left: 0.5em;
}
@media screen and (max-width: 767px) {
  .c-form-add-emailAddress__body {
    width: 76%;
    max-width: 300px;
  }
  .c-form-add-emailAddress__body .c-form-text {
    max-width: 100%;
    width: 100%;
  }
  .c-form-add-emailAddress__footer>.c-icon-addItem {
    margin-bottom: 0.7em;
  }
}



/*
*\ 青ボックス
*/
.c-form-box {
  background: #e5effa;
  margin: 40px 0 0;
  padding: 30px 25px;
}.c-form-box.c-form-box--nst{
  margin: 10px 0 0;
}

.c-form-box + .c-form-box {
  margin-top: 2px;
}

.c-form-box:first-child {
  margin: 0;
}

.c-form-box__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}

.c-form-box__txt {
  margin-top: 15px;
}.c-form-box__title {
  margin-bottom: 5px;
}

/*
*\ 代理入力
*/
.c-form-mode {
  background: #d9f9be;
}

.c-form-mode .st-l-inner {
    margin: 0 auto;
    max-width: 1000px;
}

.c-form-mode--header {
  -webkit-box-shadow: 0 0 7px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 0 7px 3px rgba(0, 0, 0, .1);
  left: 0;
  padding: 15px 20px 20px;
  position: fixed;
  top: 181px;
  width: 100%;
  z-index: 998;
}

.c-form-mode--header .st-l-inner {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.c-form-mode--box,
.c-form-mode--list,
.c-form-mode--listWrap {
  border: solid 2px #198c02;
}

.c-form-mode--box .c-headline--l2 {
  color: #198c02;
  margin: 8px 20px;
}

.c-form-mode--box .c-headline--l2::before {
  background-color: #198c02;
}

.c-form-mode--box .c-form-mode__ttl {
  font-size: 1.6rem;
  line-height: 1.7;
  margin: 25px 0 10px;
  padding: 0 20px;
}

.c-form-mode--box.c-form-body {
  margin-top: 13px;
}

.c-form-item > dd .c-form-list--l1 .c-form-mode.c-form-mode--list,
.c-form-item > dd .c-form-list--l1.c-form-mode.c-form-mode--listWrap {
  margin-left: -15px;
  margin-right: -15px;
  padding: 10px 15px;
}
.c-form-list--l1 li + .c-form-mode--list {
  margin-top:15px;
}
.c-form-item > dd .c-form-list--l1.c-form-mode.c-form-mode--listWrap:first-child {
  margin-top:0;
}

.c-form-mode--wrap {
  border: solid 2px #198c02;
  padding: 20px 0;
}

.c-form-mode--wrap > .c-headline--l2 {
  color: #198c02;
}
.c-form-mode--wrap > .c-headline--l3 {
  color: #555;
}
.c-form-mode--wrap > .c-headline--l2,
.c-form-mode--wrap > .c-headline--l3,
.c-form-mode--wrap .c-form-mode__txt,
.c-form-mode--wrap > .c-p-list--nm,
.c-form-mode--wrap > .c-txt-caution {
  margin: 8px 20px;
}
.c-form-mode--wrap > .c-headline--l2::before,
.c-form-mode--wrap > .c-headline--l3::before{
  background-color: #198c02;
}

.c-headline__subTxt,
.c-headline--l2__subTxt {
  display: inline-block;
  font-size: 0.7em;
}

.c-form-mode--wrap .c-form-mode__ttl {
  font-size: 1.6rem;
  line-height: 1.7;
  margin: 25px 0 10px;
  padding: 0 20px;
}

.c-form-mode--wrap > .c-headline--l2:first-child,
.c-form-mode--wrap > .c-headline--l3:first-child,
.c-form-mode--wrap .c-form-mode__txt:first-child,
.c-form-mode--wrap > .c-p-list--nm:first-child,
.c-form-mode--wrap > .c-txt-caution:first-child {
  margin-top:0;
}
.c-form-mode--wrap > .c-headline--l2:last-child,
.c-form-mode--wrap > .c-headline--l3:last-child,
.c-form-mode--wrap .c-form-mode__txt:last-child,
.c-form-mode--wrap > .c-p-list--nm:last-child,
.c-form-mode--wrap > .c-txt-caution:last-child {
  margin-bottom:0;
}

.c-form-mode--all {
  margin: 0 0 30px;
  padding: 20px 0;
}

.c-form-mode--all .c-form-mode__txt {
  padding: 0 15px;
}

.c-form-mode--all .c-form-mode__txt:last-child {
  margin: 0;
}

.c-form-mode__top {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 -8px;
}

.c-form-mode__ttl {
  color: #198c02;
  font-weight: 700;
}

.c-form-mode__ttl span {
  border: solid 2px #198c02;
  display: inline-block;
  line-height: 1.2;
  margin: -3px 0 0 6px;
  padding: 1px 7px 0;
  vertical-align: middle;
}

.c-form-mode__id {
  margin: 0 0 0 30px;
}

.c-form-mode__id span {
  font-size: 2.4rem;
  font-weight: 700;
  vertical-align: middle;
}

.c-form-mode__dairi_id {
  margin: 0 0 0 30px;
}

.c-form-mode__dairi_id span {
  font-size: 2.4rem;
  font-weight: 700;
  vertical-align: middle;
}

.c-form-mode__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: solid 1px #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 10px 20px;

  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.c-form-mode__item dt {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.7;
  width: 360px;
}

.c-form-mode__item dt small {
  display: block;
  font-size: 1.4rem;
  line-height: 1.5;
}

.c-form-mode__item dd {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.7rem;
  margin: 0;
}

.c-form-mode__item--bottom {
  border-bottom: solid 1px #fff;
}

.c-form-mode__txt {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 15px;
}

.c-box + .c-form-mode {
  margin-top:2em;
}

.c-form-mode--pay {
  padding: 20px 20px 50px 20px;	
}

/*
*\  カレンダー
*/
.ui-datepicker-calendar {
  background: #fff;
  border: solid 1px #44a4e8;
  position: relative;
}

.ui-datepicker-calendar th {
  font-size: 1.6rem;
  font-weight: 400;
}

.ui-datepicker-calendar td {
  font-size: 1.6rem;
  height: 32px;
  text-align: center;
  width: 35px;
}

.ui-datepicker-header {
  position: relative;
}

.ui-datepicker-next {
  background: url(../images/icon_arrow.svg) no-repeat center center;
  background-size: 9px 14px;
  bottom: 0;
  cursor: pointer;
  height: 2em;
  margin: auto;
  position: absolute;
  right: 12px;
  text-indent: -9999px;
  top: 0;
  width: 2em;
}

.ui-datepicker-prev {
  -webkit-transform: rotate(180deg);
  background: url(../images/icon_arrow.svg) no-repeat center center;
  background-size: 9px 14px;
  bottom: 0;
  cursor: pointer;
  height: 2em;
  left: 12px;
  margin: auto;
  position: absolute;
  text-indent: -9999px;
  top: 0;
  transform: rotate(180deg);
  width: 2em;
}

.ui-datepicker-title {
  background: #44a4e8;
  color: #fff;
  font-size: 1.6rem;
  line-height: 40px;
  text-align: center;
}
/*select.ui-datepicker-year,
select.ui-datepicker-month {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%206%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%2344a4e8%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22a%22%20points%3D%224%206%208%200%200%200%204%206%22%2F%3E%3C%2Fsvg%3E") #fff right 4px center no-repeat;
  background-size:6px;
  color: #44a4e8;
  display: inline-block;
  padding: 0.3em 0.8em 0.2em 0.25em;
  line-height: 1;
  margin: 0 0.25em 0;
  position: relative;
}*/
select.ui-datepicker-year,
select.ui-datepicker-month {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%206%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22a%22%20points%3D%224%206%208%200%200%200%204%206%22%2F%3E%3C%2Fsvg%3E") #2685c8 right 4px center no-repeat;/* ▼ #fff */
  background-size:6px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  margin: 0 0.25em 0;
  padding: 0.35em 1em 0.2em 0.5em;
  position: relative;
}

.ui-datepicker-week-end span[title='日曜日'],
.ui-datepicker-week-end span[title='Sunday'] {
  color: #dc2126;
}

.ui-datepicker-week-end span[title='土曜日'],
.ui-datepicker-week-end span[title='Saturday'] {
  color: #003894;
}

.ui-datepicker-week-end.class-sunday {
  color: #dc2126;
}

.ui-datepicker-week-end.class-sunday a {
  color: #dc2126;
}

.ui-datepicker-week-end.class-saturday {
  color: #003894;
}

.ui-datepicker-week-end.class-saturday a {
  color: #003894;
}

.ui-datepicker-unselectable .ui-state-default {
  background: #ebecee;
  color: #989898;
  display: block;
}

.ui-datepicker-unselectable.class-sunday .ui-state-default {
  color: #e57a7d;
}

.ui-datepicker-unselectable.class-saturday .ui-state-default {
  color: #688ed0;
}


/**
 * headline
 */
.c-headline {
  font-size: 3.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  margin: 0 0 20px;
}

.c-headline .c-icon-q {
  display: inline-block;
  margin: -4px 0 0 12px;
  vertical-align: middle;
}

.c-headline--l1 {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.2;
  margin-bottom:22px;
}

.c-headline--l1 ._num {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  background: #003894;
  border-radius: 50%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.0rem;
  height: 34px;
  justify-content: center;
  margin: 0 8px 0 0;
  width: 34px;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-headline--l2 {
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.4;
  margin: 17px 0 12px;
  padding: .2em 0 .2em 16px;
  position: relative;
}

.c-headline--l2::before {
  background: #44a4e8;
  content: '';
  display: block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 0.3em;
  width: 4px;
}

.c-headline--l3 {
  position:relative;
  font-size: 1.8rem;
  line-height: 1.5;
  margin: 17px 0 12px;
  padding: .2em 0 .2em 22px;
}

.c-headline--l3::before {
position: absolute;
content: '';
display: block;
background: #44a4e8;
height: 12px;
width: 12px;
left: 0;
top: 0.55em;
}

.c-headline--l3 small {
  font-size: 1.6rem;
}

.c-headline--l4 {
  position:relative;
  padding-left:18px;
  margin: 17px 0 12px;
  font-size: 1.6rem;
  letter-spacing: .05em;
}

.c-headline--l4::before {
position: absolute;
content: '';
display: block;
background: #bbb;
height: 7px;
width: 7px;
left: 1px;
top: 0.6em;
}

.c-headline--l2.c-headline--icon::before,
.c-headline--l3.c-headline--icon::before,
.c-headline--l4.c-headline--icon::before {
  display: none;
}

* + .c-headline--l1,
* + .c-headline--l2,
* + .c-headline--l3,
* + .c-headline--l4,
.c-headline--l1 + *:not(.c-form-error_fixed),
.c-form.c-form--input +.c-form.c-form--input > .c-headline--l2 {
  margin-top:2em;
}

.c-form-body + .c-headline--l3 {
    margin-top:4em;
}

.c-headline--top {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 0 12px;
}


.c-headline--top .c-headline--l1,
.c-headline--top .c-headline--l1 + .c-btn {
  margin: 0;
}

.c-headline--top + .c-headline--l2 {
  margin: 0 0 12px;
}

.c-headline--top .c-btn {
  font-weight: 500;
}

.c-headline--icon {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-headline--icon b {
  line-height: 1.2;
}

.c-headline--withBtmSc {
  font-size: 3.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.2;
  text-align: center;
  position: relative;
  padding:20px 0 32px;
  margin:0 auto 47px;
  border-bottom:1px solid #003894;
}
.c-headline--withBtmSc:before {
  content:"";
  position: absolute;
  background: #fff;
  width: 14px;
  height: 14px;
  bottom:-8px;
  left:50%;
  margin-left:-7px;
  border:1px solid #003894;
  -moz-transform:rotate(-135deg); -webkit-transform:rotate(-135deg); -ms-transform:rotate(-135deg); transform:rotate(-135deg);
}
.c-headline--withBtmSc:after {
  content:"";
  position: absolute;
  background: #fff;
  width: 26px;
  height: 12px;
  bottom:0;
  left:50%;
  margin-left:-12px;
}

.c-accordian-heading{
font-size:2.2rem;
margin:17px 0 12px;
position:relative;
border:2px solid #ccc;
padding:12px 40px 9px 15px;
line-height:1.2;
cursor:pointer;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f7f7f7;
}
.c-accordian-heading--l2{
  font-size:1.8rem;
}
.c-accordian-heading--l3{
  font-size:1.4rem;
}
.c-accordian-heading--impInfo{
  border-color: #44a4e8;
  background-color: #e3f1fc;
}
.c-accordian-heading:hover{
border:2px solid #44a4e8;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
/*background-color: #e3f1fc;*/
}
.c-accordian-heading--impInfo:hover{
  border-color: #44a4e8;
  background-color: #fff;
}

.c-accordian-heading:before,
.c-accordian-heading:after{
position: absolute;
display: block;
content: "";
top: 50%;
background-color: #ccc;
-moz-transition: all .2s ease;
-o-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.c-accordian-heading--impInfo:before,
.c-accordian-heading--impInfo:after{
background-color: #44a4e8;
}
.c-accordian-heading:before{
right: 12px;
margin-top: -2px;
width: 16px;
height: 4px;
}
.c-accordian-heading:after{
right: 18px;
margin-top: -8px;
width: 4px;
height: 16px;
}
.c-accordian-heading:hover:before,
.c-accordian-heading:hover:after{
background-color: #44a4e8;
}

.c-accordian-heading.active:before{
-ms-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
}
.c-accordian-heading.active:after{
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.c-accordian-contents{display:none;margin: 12px 0 17px;}
.c-t-wrap.c-accordian-contents{margin: 20px 0 27px;}


/**
 * icon
 */
.c-icon-q {
  cursor: pointer;
  line-height: 0;
  margin: 0 0 0 20px;
  width: 31px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.c-icon-arrow {
  margin: 20px 0 10px;
  position: relative;
}

.c-icon-arrow span {
  border-color: #44a4e8 transparent transparent transparent;
  border-style: solid;
  border-width: 30px 47.5px 0 47.5px;
  display: block;
  height: 0;
  margin: 0 auto;
  width: 0;
}

.c-icon-arrow span::before {
  background: #fff;
  content: '';
  display: block;
  height: 3px;
  left: 0;
  position: absolute;
  top: 3px;
  width: 100%;
}

.c-icon-hr {
  margin: 20px auto;
  overflow: visible;
  position: relative;
}
.c-icon-hr,
.c-icon-hr:before,
.c-icon-hr:after {
  background:#44a4e8;
  border-radius: 50%;
  height:5px;
  width:5px;
}
.c-icon-hr:before,
.c-icon-hr:after {
  background:#44a4e8;
  content: "";
  position: absolute;
  top: 0;
}
.c-icon-hr:before {
  left: 2em;
}
.c-icon-hr:after {
  right: 2em;
}

.c-icon-hrLine {
  background: #44a4e8;
  display: block;
  height: 1px;
  margin: 20px auto;
}

.c-icon-box {
  background: #e3f1fc;
  border: solid 1px #0d4099;
  border-radius: 4px;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.0;
  padding: 4px 11px 2px;
}

.c-icon-box--red {
  background: #ffe2e3;
  border-color: #f00;
}

.c-icon-box--blue {
  border-color: #44a4e8;
}

.c-icon-box--bd {
  background: none;
  border-color: #003894;
  color: #003894;
}

.c-icon-i {
  height: 22px;
  width: 22px;
}

.c-icon-h {
  margin: 0 10px 0 0;
  position: relative;
}

.c-icon-h.c-icon-yen {
  margin: 0 6px 0 0;
}

.c-icon-h.c-icon-billing {
  margin: 0 16px 0 8px;
}

.c-icon-h.c-icon-other {
  margin: 0 13px 0 8px;
}

.c-icon-news {
  height: 33px;
  width: 28px;
}

.c-icon-yen {
  height: 34px;
  width: 34px;
}

.c-icon-service {
  height: 35px;
  width: 48px;
}

.c-icon-contract-service {
  height: 35px;
  width: 36px;
}

.c-icon-usage {
  height: 34px;
  width: 42px;
}

.c-icon-procedure {
  height: 36px;
  width: 44px;
}

.c-icon-account {
  height: 47px;
  width: 45px;
}

.c-icon-billing {
  height: 39px;
  width: 32px;
}

.c-icon-other {
  height: 42px;
  width: 32px;
}

.c-icon-btn {
  margin: 0 8px 0 0;
}

.c-icon-mail {
  height: 16px;
  width: 26px;
}

.c-icon-ttl {
  padding: 0 0 0 20px;
  position: relative;
}

.c-icon-ttl::before {
  -webkit-box-sizing: border-box;
  border: solid 4px #44a4e8;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 16px;
}

.c-icon-addItem {
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.0;
  position: relative;
}
.c-icon-addItem:hover {
  opacity: 0.6;
}
.c-icon-addItem::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23003894%3B%7D.b%7Bfill%3Anone%3Bstroke%3A%23003894%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M10%2C1a9%2C9%2C0%2C1%2C1-9%2C9%2C9%2C9%2C0%2C0%2C1%2C9-9m0-1A10%2C10%2C0%2C1%2C0%2C20%2C10%2C10%2C10%2C0%2C0%2C0%2C10%2C0Z%22%2F%3E%3Cline%20class%3D%22b%22%20x1%3D%225%22%20y1%3D%2210%22%20x2%3D%2215%22%20y2%3D%2210%22%2F%3E%3Cline%20class%3D%22b%22%20x1%3D%2210%22%20y1%3D%225%22%20x2%3D%2210%22%20y2%3D%2215%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;/* ▼ #fff */
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 0.25em;
  top: -2px;
  position: relative;
  vertical-align: middle;
  width: 20px;
}

.c-icon-removeItem {
  cursor: pointer;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: .05em;
  line-height: 1.0;
  position: relative;
}
.c-icon-removeItem:hover {
  opacity: 0.6;
}
.c-icon-removeItem::before {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3A%23003894%3B%7D.b%7Bfill%3Anone%3Bstroke%3A%23003894%3Bstroke-miterlimit%3A10%3Bstroke-width%3A3px%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22a%22%20d%3D%22M10%2C1a9%2C9%2C0%2C1%2C1-9%2C9%2C9%2C9%2C0%2C0%2C1%2C9-9m0-1A10%2C10%2C0%2C1%2C0%2C20%2C10%2C10%2C10%2C0%2C0%2C0%2C10%2C0Z%22%2F%3E%3Cline%20class%3D%22b%22%20x1%3D%225%22%20y1%3D%2210%22%20x2%3D%2215%22%20y2%3D%2210%22%2F%3E%3C%2Fsvg%3E") left center no-repeat;/* ▼ #fff */
  background-size: contain;
  content: "";
  display: inline-block;
  height: 20px;
  margin-right: 0.25em;
  top: -2px;
  position: relative;
  vertical-align: middle;
  width: 20px;
}


/**
 * layout
 */

.c-l-sp {
  display: none;
}

.c-l-fbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-l-fbox--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.c-l-fbox--justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.c-l-fbox--end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.c-l-fbox .c-form-list {
  line-height: 1.0;
  margin: 0 0 0 22px;
}

.c-l-fbox--spCancel > .mypage-dt-month__print,
.c-l-fbox--spCancel > .mypage-dt-month__select,
.c-l-fbox--spCancel > .mypage-dt-month__wrap > .mypage-dt-month__select + p{
  margin-top:0.57em;
}

.c-l-fbox.c-l-fbox--2col > *{
  width: 50%;
}
.c-l-fbox.c-l-fbox--2col > :nth-child(even){
  margin-left:40px;
}

/* .c-l-pages {
  padding: 30px 20px 70px;
}

.c-l-pages > section + section {
  margin: 80px 0 0;
}

.c-l-pages .c-form-body {
  margin: 10px 0 30px;
}

.c-l-pages .c-form-item > dt {
  padding-right: 20px;
} */

.c-l-mode {
  padding-top: 230px;
}
.st-l-wrapper--simple.c-l-mode {
  padding-top: 140px;
}

.c-l-mode .c-headline--l1 {
  margin-bottom: 10px;
}

.js-toggle-box {
  display: none;
  margin-top: 30px;
}

.js-toggle-wrap + .js-toggle-wrap {
  margin-top: 40px;
}

.c-form-item + .js-toggle-wrap .js-toggle-box,
.js-toggle-wrap + .c-form-item {
  margin-top: -1px;
  margin-bottom: -1px;
}


/**
 * link
 */
.c-link {
  -webkit-transition: color .3s;
  color: #003894;
  text-decoration: underline;
  transition: color .3s;
}

.c-link:hover {
  color: #44a4e8;
}

.c-link--blank::after {
  -webkit-transition: background-image .3s;
  background: url(../images/icon_blank.svg) no-repeat left center;
  background-size: 15px 15px;
  content: '';
  display: inline-block;
  height: 15px;
  margin: 0 0 0 3px;
  transition: background-image .3s;
  width: 15px;
}

.c-txt-caution > .c-link--blank::after {
  margin-bottom:-0.3em;
}

.c-link--blank:hover::after {
  background-image: url(../images/icon_blank_blue.svg);
}

.c-link--blank._l2::after {
  background-image: url(../images/icon_blank_black.svg);
}

.c-link--icon span {
  line-height: 1.0;
  vertical-align: middle;
}

.c-link--icon .c-link__icon {
  margin: 0 4px 0 0;
  position: relative;
  top: -1px;
}

.c-link--icon .c-icon-q {
  margin: 0;
  width: 20px;
}


/**
 * parts
 */
.c-p-menu {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0 0 37px;
}

.c-p-menu li {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  border-left: solid 2px #e6e6e6;
  flex-grow: 1;
  width: 20%;
}

.c-p-menu li a {
  -webkit-box-align: center;
  -webkit-box-pack: center;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0 5px 10px;
  position: relative;
  text-align: center;
}
.c-p-menu li a:hover {
  background: #e3f1fc;
}

.c-p-menu li a::after {
  -webkit-transform: rotate(90deg);
  background: url(../images/icon_arrow_navy.svg) no-repeat center center;
  background-size: 8px 12px;
  bottom: 0;
  content: '';
  display: block;
  height: 12px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  transform: rotate(90deg);
  width: 8px;
}

.c-p-menu li:last-child {
  border-right: solid 2px #e6e6e6;
}


.c-p-list > li {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.4;
  padding: 0 0 0 1.25em;
  position: relative;
}
.c-p-list > li + li {
  margin-top: 0.75em;
}

.c-p-list > li::before {
  -webkit-box-sizing: border-box;
  border: solid 4px #44a4e8;
  border-radius: 50%;
  box-sizing: border-box;
  content: '';
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 0.12em;
  width: 16px;
}


.c-p-list--nm > li {
  text-indent:-1em;
  padding-left:1em;
}

.c-p-list--nm > li::before {
  content: '・';
  display:inline;
}

.c-p-list--l2 > li {
  text-indent:-1em;
  padding-left:1em;
}

.c-p-list--l2 > li::before {
  color: #666;
  content: '●';
  display:inline;
}

.c-p-list--l3 > li {
  text-indent:-1em;
  padding-left:1em;
}

.c-p-list--l3 > li::before {
  color: #003894;
  content: '●';
  display:inline;
}

.c-p-list--sq > li::before {
  border: none;
  border-radius: 0;
  color: #333;
  content: '■';
  display:inline;
  height: auto;
  line-height: 1.0;
  width: auto;
}

.c-p-list__canApply {
  display: flex;
  justify-content: space-between;
}
/* IE11 */
_:-ms-lang(x)::-ms-backdrop, .c-p-list__canApply {
  display: block;
  clear: both;
}
_:-ms-lang(x)::-ms-backdrop, .c-p-list__canApply .c-p-list__canApply-main {
  float: left;
}
_:-ms-lang(x)::-ms-backdrop, .c-p-list__canApply .c-button {
  float: right;
}
/* IE11 Clearfix */
_:-ms-lang(x)::-ms-backdrop, .c-p-list__canApply {
  display: block;
  min-height: 1%;
}
_:-ms-lang(x)::-ms-backdrop, .c-p-list__canApply:after {
  clear: both;
  content:".";
  display: block;
  height: 0;
  visibility: hidden;
}

.c-form-item + .c-p-list,
.c-form-body + .c-box,
.c-form-item + .c-box {
  margin-top: 15px;
}
.c-box + .c-form-body,
.c-t-wrap + .c-form-body{
  margin-top: 40px;
}


/**
 * リンクリスト集
 * 変更があってTOPのみのパーツではなくなった為、 .c-link-collection を用意
 */

.c-link-collection,
.top-menu {
  padding: 40px 20px 0;
}
* + .c-link-collection {
  margin-top: 1.4286em;
}
.c-link-collection .c-t-dl__heading:before,
.c-link-collection .c-t-dl__cHeading:before,
.top-menu .c-t-dl__heading:before,
.top-menu .c-t-dl__cHeading:before {
  background-color: #44a4e8;
  top: 0.2em;
}
.c-link-collection .c-t-dl > dd,
.top-menu .c-t-dl > dd {
  margin: 0;
}
.c-link-collection .c-p-list--nm > li,
.top-menu .c-p-list--nm > li {
  line-height: 1.4;
  text-indent: 0;
  padding-left: 1em;
}
.c-link-collection .c-p-list--nm > li + li,
.top-menu .c-p-list--nm > li + li {
  margin-top: 1em;
}
.c-link-collection .c-p-list--nm > li::before,
.top-menu .c-p-list--nm > li::before {
  content: none;
}
.c-link-collection .c-p-list--nm > li a,
.top-menu .c-p-list--nm > li a {
  display: inline-block;
  position: relative;
}
.c-link-collection .c-p-list--nm > li a::before,
.top-menu .c-p-list--nm > li a::before {
    border: solid #003894;
    border-width: 0 0 1px 1px;
    content: "";
    display: block;
    height: 4px;
    left: -0.90em;
    position: absolute;
    top: 0.45em;
    transform: rotate(-135deg);
    width: 4px;
}
.c-link-collection .c-p-list--nm .c-link--blank::after,
.top-menu .c-p-list--nm .c-link--blank::after {
    margin: 0 0 -0.2em 0.3em;
}
/*---- ↓ SP,Tablet（PC以外）のスタイル ↓ ----*/
@media only screen and (max-width: 767px) {
  .c-link-collection,
  .top-menu {
    padding-top: 0;
  }
  .c-link-collection {
    padding: 0;
  }
  .st-l-inner > .c-link-collection {
    margin-left: -15px;
    margin-right: -15px;
  }
  .c-link-collection .c-link-collection__inner,
  .top-menu .st-l-inner {
    margin: 0;
  }
  .c-link-collection .c-t-dl,
  .top-menu .c-t-dl {
    border-top: 2px solid #e3f1fc;
    border-bottom: 2px solid #e3f1fc;
  }
  .c-link-collection .c-t-dl > .c-t-dl__heading,
  .top-menu .c-t-dl > .c-t-dl__heading {
    border-bottom: 1px solid #e3f1fc;
    margin: 0;
    padding:15px 25px;
  }
  .c-link-collection .c-t-dl__heading:before,
  .c-link-collection .c-t-dl__cHeading:before,
  .top-menu .c-t-dl__heading:before,
  .top-menu .c-t-dl__cHeading:before {
    left: 8px;
    top: 1.41em;
  }
  .c-link-collection .c-p-list--nm,
  .top-menu .c-p-list--nm {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    margin: -2px 0;
  }
  .c-link-collection .c-p-list--nm > li,
  .top-menu .c-p-list--nm > li {
    border-bottom: 1px solid #e3f1fc;
    margin: 0;
    padding: 0;
    position: relative;
    width: 50%;
    min-height: 45px;
  }
  .c-link-collection .c-p-list--nm > li.c-form-mode--list,
  .c-link-collection .c-p-list--nm > li.c-form-mode--list:nth-child(odd),
  .top-menu .c-p-list--nm > li.c-form-mode--list,
  .top-menu .c-p-list--nm > li.c-form-mode--list:nth-child(odd) {
    border: solid 2px #198c02;
  }
  .c-link-collection .c-p-list--nm > li + li,
  .top-menu .c-p-list--nm > li + li {
    margin: 0;
  }
  .c-link-collection .c-p-list--nm > li a,
  .top-menu .c-p-list--nm > li a {
    display: block;
    font-feature-settings: "pkna";
    font-size: 1.2rem;
    height: 100%;
    padding:15px 8px 15px 20px;
    position: relative;
    width: 100%;
  }
  .c-link-collection .c-p-list--nm > li a::before,
  .top-menu .c-p-list--nm > li a::before {
    top: 1.8em;
    left: 0.6em;
  }
  .c-link-collection .c-p-list--nm > li:nth-child(odd),
  .top-menu .c-p-list--nm > li:nth-child(odd) {
    border-right: 1px solid #e3f1fc;
  }
}
/*---- ↓ PCのみのスタイル START ↓ ----*/
@media print,screen and (min-width: 768px){
  .c-link-collection .c-link-collection__inner,
  .top-menu .st-l-inner {
    display: flex;
    align-items: top;
    justify-content: space-between;
  }
  .c-link-collection .c-link-collection__inner .c-t-dl,
  .top-menu .st-l-inner .c-t-dl {
    width: 25%;
  }
  .c-link-collection .c-link-collection__inner .c-t-dl,
  .c-link-collection .c-link-collection__inner .c-t-dl + .c-t-dl,
  .top-menu .st-l-inner .c-t-dl,
  .top-menu .st-l-inner .c-t-dl + .c-t-dl {
    margin-top: 0;
  }
  .c-link-collection .c-t-dl + .c-t-dl,
  .top-menu .c-t-dl + .c-t-dl {
    padding-left: 2em;
  }
}


/**
 * セクション：ボタンに上余白を付ける領域、主にページ下部に配置
 */
.c-p-bottom {
  align-items: center;
  display: flex;
  flex-flow: column;
  justify-content: center;
  margin: 60px 0 0;
  position: relative;
}

.c-p-bottom > .c-form-mode.c-form-mode--wrap {
  width: 100%;
}

.c-p-bottom .c-btn,
.c-p-bottom .c-button,
.c-p-bottom .c-button * {
  margin: 0 auto;
  text-align: center;
}


/**
 * ご請求金額・ご利用中の接続サービス
 * 変更があってTOPのみのパーツではなくなった為、 .c-info-billAndSv を用意
*/
.c-info-billAndSv-wrap,
.top-info {
  margin: 20px 0;
}
.c-info-billAndSv-wrap:first-child,
.top-info:first-child {
  margin-top: 0;
}
.c-info-billAndSv-wrap .c-info-billAndSv {
  display: flex;
  justify-content: space-between;
}
* + .c-info-billAndSv {
  margin-top: 1.4286em;
}
.c-info-billAndSv {
  width: 100%;
}
.c-info-billAndSv__col,
.top-info__col {
  margin: 2px 0 0;
  padding: 20px 20px 30px;
}
.c-info-billAndSv__col {
  text-align: right;
}
.c-info-billAndSv-wrap .c-info-billAndSv__col {
  text-align: center;
}
.c-info-billAndSv__colInner,
.top-info__colInner {
    display: flex;
    align-items: center;
}
.c-info-billAndSv__item--amount,
.top-info__amount,
.c-info-billAndSv__item--service,
.top-info__service {
  margin: 0;
}
 .c-info-billAndSv-wrap .c-info-billAndSv__item ,
.top-info__top .top-info__item {
  width: 64.44444444%;
}
.c-info-billAndSv .c-info-billAndSv__item h2,
.top-info__top .top-info__item h2 {
  background: #fff;
  line-height:1.2;
  margin: 0;
  min-height: 52px;
  padding: 6px 10px 4px 20px;
}
.c-info-billAndSv .c-info-billAndSv__item .c-headline--l3,
.top-info__top .top-info__item .c-headline--l3,
.c-info-billAndSv .c-info-billAndSv__item .c-info-billAndSv__col,
.top-info__top .top-info__item .top-info__col {
  background: #e3f1fc;
}
 .c-info-billAndSv-wrap .c-info-billAndSv__item:first-child,
.top-info__top .top-info__item:first-child {
  width: 32.22222222%;
}
.c-info-billAndSv__headline,
.top-info__headline {
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.8;
  margin: 0;
}
.c-info-billAndSv__btn,
.top-info__btn {
  margin: 20px 0 0;
}
.c-info-billAndSv__btn .c-button,
.top-info__btn .c-button,
.c-info-billAndSv__btn .c-button > a,
.top-info__btn .c-button > a {
  line-height: 1.2;
  min-width: auto;
  max-width: 100%;
  width: 100%;
}
.c-info-billAndSv__item--amount .c-info-billAndSv__txt,
.top-info__amount__txt {
  display: inline-block;
  margin: 0;
  position: relative;
}
.c-info-billAndSv__item--amount .c-info-billAndSv__txt {
  padding-left: 100px;
}
.c-info-billAndSv-wrap .c-info-billAndSv__item--amount .c-info-billAndSv__txt {
  padding-left: 0;
}
.c-info-billAndSv__item--amount .c-icon-box {
  left: 0;
  position: absolute;
  top: 10px;
}
.c-info-billAndSv-wrap .c-info-billAndSv__item--amount .c-icon-box {
  left: auto;
  position: relative;
  top: auto;
}
.c-info-billAndSv__item--amount .c-info-billAndSv__txt > span,
.top-info__amount__txt > span {
  display: inline-block;
}
.c-info-billAndSv__item--amount .c-info-billAndSv__txt strong,
.top-info__amount__txt strong {
  display: block;
  font-size: 2.8rem;
  letter-spacing: .05em;
  line-height: 1.5;
}
.c-info-billAndSv__usage,
.top-info__usage {
  margin: 30px 0 0;
}
.c-info-billAndSv__head,
.top-info__head {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: solid 2px #ebecee;
  padding: 0 0 8px;
}
.c-info-billAndSv__head-note,
.top-info__head__note {
  -webkit-box-align: center;
  -webkit-box-pack: end;
  -ms-flex-align: center;
  -ms-flex-pack: end;
  align-items: center;
  justify-content: flex-end;
}
.c-info-billAndSv__head-note .c-icon-box,
.top-info__head__note .c-icon-box {
  margin: 0 0 0 12px;
}
.c-info-billAndSv__fbox,
.top-info__fbox {
  margin: 20px 0 0;
}
/*---- ↓ SP,Tablet（PC以外）のスタイル ↓ ----*/
@media only screen and (max-width: 767px) {
  .c-info-billAndSv-wrap,
  .top-info {
    margin: 0;
    padding: 30px 15px;
  }
  .c-info-billAndSv__col,
  .top-info__col {
    padding: 18px 15px 25px;
  }
  .c-info-billAndSv__item--service,
  .top-info__service {
    margin: 20px 0 0;
  }
  .c-info-billAndSv,
  .c-info-billAndSv-wrap .c-info-billAndSv,
  .top-info__top {
    display: block;
  }
  .c-info-billAndSv-wrap .c-info-billAndSv__item ,
  .top-info__top .top-info__item,
  .c-info-billAndSv-wrap .c-info-billAndSv__item:first-child ,
  .top-info__top .top-info__item:first-child {
    width: 100%;
  }
  .c-info-billAndSv .c-info-billAndSv__item h2,
  .top-info__top .top-info__item h2 {
    padding: 12px 15px;
  }
  .c-info-billAndSv .c-info-billAndSv__item .c-info-billAndSv__col,
  .top-info__top .top-info__item .top-info__col {
    padding: 10px 15px 20px;
    text-align: left;
  }
  .c-info-billAndSv .c-info-billAndSv__item--amount .c-info-billAndSv__col,
  .top-info__top .top-info__amount .top-info__col {
    text-align: right;
  }
  .c-info-billAndSv .c-info-billAndSv__item--amount .c-info-billAndSv__col p,
  .top-info__top .top-info__amount .top-info__col p {
    text-align: left;
  }
  .c-info-billAndSv .c-info-billAndSv__btn,
  .top-info__top .top-info__btn {
    margin-top: 10px;
  }
  .c-info-billAndSv__headline,
  .top-info__headline {
    font-size: 1.4rem;
    letter-spacing: .02em;
    line-height: 1.3;
  }
  .c-info-billAndSv__btn,
  .top-info__btn {
    margin: 20px 0 0;
  }
  .c-info-billAndSv__btn + .c-info-billAndSv__btn,
  .top-info__btn + .top-info__btn {
    margin: 10px 0 0;
  }
  .c-info-billAndSv__btn .c-button,
  .top-info__btn .c-button {
    background-position: right 8px center;
    background-size: 6px auto;
    height: 45px;
  }
  .c-info-billAndSv__btn .c-button > a,
  .top-info__btn .c-button > a {
    min-height: auto;
  }
  .c-info-billAndSv__item--amount .c-info-billAndSv__txt,
  .c-info-billAndSv-wrap .c-info-billAndSv__item--amount .c-info-billAndSv__txt,
  .top-info__amount__txt {
    margin: 0;
    padding: 0 0 0 78px;
    position: relative;
  }
  .c-info-billAndSv__item--amount .c-info-billAndSv__txt > span,
  .top-info__amount__txt > span {
    margin: 0 0 0 5px;
  }
  .c-info-billAndSv__item--amount .c-info-billAndSv__txt strong,
  .top-info__amount__txt strong {
    font-size: 2.2rem;
  }
  .c-info-billAndSv__item--amount .c-info-billAndSv__txt .c-icon-box,
  .c-info-billAndSv-wrap .c-info-billAndSv__item--amount .c-info-billAndSv__txt .c-icon-box,
  .top-info__amount__txt .c-icon-box {
    left: 0;
    position: absolute;
    top: 5px;
  }
  .c-info-billAndSv__usage,
  .top-info__usage {
    margin: 20px 0 0;
  }
  .c-info-billAndSv__head,
  .top-info__head {
    border-bottom: none;
    display: block;
    padding: 0;
  }
  .c-info-billAndSv__head-note,
  .top-info__head__note {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 5px 0 0;
  }
  .c-info-billAndSv__head-note .c-icon-box + .c-icon-box,
  .top-info__head__note .c-icon-box + .c-icon-box {
    margin: 0 0 0 auto;
  }
  .c-info-billAndSv__fbox,
  .top-info__fbox {
    display: block;
  }
}
/*---- ↓ PCのみのスタイル START ↓ ----*/
@media print,screen and (min-width: 768px){
  .c-info-billAndSv__btn .c-button > a,
  .top-info__btn .c-button > a {
    padding-top: 8px;
    padding-bottom:8px;
  }
}
@media only screen and (max-width: 960px) and (min-width: 768px) {
  .c-info-billAndSv .c-info-billAndSv__item h2,
  .top-info__top .top-info__item h2 {
    font-size: 2.0rem;
  }
}


/**
 * dataTraffic
 */
.c-dataTraffic-wrap {
  background: #fff;
}
* + .c-dataTraffic-wrap {
  margin-top: 4em;
}
.c-dataTraffic-wrap .c-headline--top + p,
.c-dataTraffic-wrap .c-headline--top + ul,
.c-dataTraffic-wrap .c-headline--top + ol,
.c-dataTraffic-wrap .c-headline--top + dl {
  margin-top: 1.25em;
}
.c-dataTraffic-wrap .c-headline--top {
  border-bottom:2px solid #ebecee;
  margin-bottom: 0;
}
.c-dataTraffic-wrap .c-headline--top .c-headline--l2 + .c-headline__status {
  margin-top: 0.65em;
  text-align: right;
  width: 16.1em;
}
.lang-en .c-dataTraffic-wrap .c-headline--top .c-headline--l2 + .c-headline__status,
.c-dataTraffic-wrap.lang-en .c-headline--top .c-headline--l2 + .c-headline__status {
  font-size: 1.2rem;
  width: 23em;
}
.c-dataTraffic-wrap .c-headline--top .c-icon-q {
  width :16px;
}
.c-dataTraffic-wrap .c-headline--top .c-icon-box + .c-icon-q {
  margin: 0 0 0.3em 0.25em;
}
.c-dataTraffic-wrap .c-headline--l2 {
  margin-bottom: 9px;
}
.c-dataTraffic-wrap .c-l-fbox__left > :last-child,
.c-dataTraffic-wrap .c-l-fbox__right > :last-child,
.c-dataTraffic-wrap .c-accordian-heading--l3:not(.active) {
  margin-bottom: 0;
  transition: unset;
}
_:-ms-lang(x)::-ms-backdrop, .c-dataTraffic-wrap .c-button {
  display: table;
  width:100%;
} /* IE11 */

.c-dataTraffic-wrap .c-button > a,
.c-dataTraffic-wrap .c-button > button,
.c-dataTraffic-wrap .c-button > .btnInner {
  width: 100%;
  max-width: 100%;
}
.c-dataTraffic-wrap .c-graph__list{
  width: 100%;
}

.c-dataTraffic-wrap .c-l-fbox + .c-button {
  margin-top: 1.78em;
}

.c-dataTraffic-wrap .c-icon-hr {
  margin:2em auto;
}

.c-dataTraffic-wrap .c-icon-hr,
.c-dataTraffic-wrap .c-icon-hr:before,
.c-dataTraffic-wrap .c-icon-hr:after {
  background: #ddd;
}

.c-icon-hrLine {
  background: #ebecee;
  margin: 20px;
}

.c-dataTraffic {
  margin: 1.75em 0;
  text-align: center;
}
.c-dataTraffic + .c-dataTraffic {
  border-top: 1px solid #ebecee;
  padding-top: 1.75em;
}
.c-dataTraffic + .c-txt-notice {
  margin-top: 2.7em;
}
.c-dataTraffic-wrap .c-txt-notice + .c-accordian-heading {
  margin-top: 1.3em;
}
.c-dataTraffic__tit {
  font-size: 1.3rem;
}
.c-dataTraffic__data {
  font-size: 1.7142em;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 -.2em;
}
.c-dataTraffic__tit + .c-dataTraffic__data {
  margin-top: .6em;
}
.c-dataTraffic__data > * {
  display: inline-block;
  vertical-align: baseline;
}
.c-dataTraffic__main {
  color: #44a4e8;
  font-size: 2.5em;
  letter-spacing: -.025em;
  margin-right: 0.05em;
}
.c-dataTraffic__main--exc {
  color:#dc2126;
}
.c-dataTraffic__slash {
  font-size: 1.4em;
  margin-left:0.1em;
}
.c-dataTraffic__parm {
  font-size: 1.25em;
}

.c-dataTraffic-wrap .c-graph__wrap {
  margin-top: 1.75em;
}
.c-dataTraffic-wrap .c-graph__txt {
  margin-top: 0;
}
.c-dataTraffic-wrap .c-graph__txtGB {
  margin-top: 0.75em;
}
.c-dataTraffic-wrap .c-graph__txtGB > .c-graph__GBtxt {
  color: #44a4e8;
}

@media only screen and (max-width: 767px) {
  * + .c-dataTraffic-wrap {
    margin-top: 2em;
  }
  .c-dataTraffic-wrap .c-headline--l3 {
    margin-top: 1.5em;
  }
  .c-dataTraffic-wrap .c-headline--top .c-headline--l2 + .c-headline__status {
    margin-bottom: 0.65em;
  }
  .lang-en .c-dataTraffic-wrap .c-headline--top .c-headline--l2 + .c-headline__status,
  .c-dataTraffic-wrap.lang-en .c-headline--top .c-headline--l2 + .c-headline__status {
    text-align: center;
    width: 100%;
  }
  .c-dataTraffic__tit {
    font-size: 1.3rem;
  }
  .c-dataTraffic__main {
    font-size: 2.4em;
  }
  .c-dataTraffic-wrap .c-icon-hr,
  .c-dataTraffic-wrap .c-icon-hr:before,
  .c-dataTraffic-wrap .c-icon-hr:after {
    height: 4px;
    width: 4px;
  }
  .c-icon-hrLine {
    margin-left: 10px;
    margin-right: 10px;
  }
}


/**
 * c-usageStatus-procedure
 */
.c-usageStatus-procedure {
  background-color:#e3f1fc;
  display: flex;
  flex-flow: column wrap;
  padding: 22px 30px;
}
.c-usageStatus-procedure--nonList {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}
.c-usageStatus-procedure.c-usageStatus-procedure--nonList .c-headline--l3 {
  border-bottom: none;
  margin-bottom: -18px;
}
.c-usageStatus-procedure.c-usageStatus-procedure--nonList .c-headline--l3 + p {
  margin: 0;
}
.c-usageStatus-procedure + .c-usageStatus-procedure {
  margin-top: 10px;
}
.c-usageStatus-procedure :first-child {
  margin-top: 0;
}
.c-usageStatus-procedure .c-headline--l3 {
  align-items: center;
  display: flex;
  margin: -18px -30px 0;
  padding: 10px 40px;
  border-bottom: 2px solid #fff;
}
.c-usageStatus-procedure .c-headline--l3::before {
  left: 20px;
  top: 0.93em;
}
.c-usageStatus-procedure .c-headline--l3 + p {
  margin-top: 2em;
}
.c-usageStatus-procedure .c-button {
  margin-left: auto;
  margin-right: auto;
}
.c-usageStatus-procedure .c-usageStatus-procedure__svList {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.c-usageStatus-procedure .c-headline--l3 + .c-usageStatus-procedure__svList {
  margin-top:20px;
}
.c-usageStatus-procedure .c-button > a,
.c-usageStatus-procedure .c-button > button,
.c-usageStatus-procedure .c-button > .btnInner {
  max-width: 100%;
  width: 100%;
}
.c-usageStatus-procedure .c-button {
  max-width: 250px;
}

.c-usageStatus-procedure__svList + .c-usageStatus-procedure__svList {
  margin-top: 2em;
}
.c-usageStatus-procedure__svList .c-p-list {
  width: 100%;
}
.c-usageStatus-procedure__svList .c-p-list > li {
  line-height: 1em;
  min-height: 43px;
  padding-bottom: 0.8em;
  padding-right:1.25em;
  padding-top: 0.8em;
}
.c-usageStatus-procedure__svList .c-p-list > li + li {
  margin-top: 30px;
}
.c-usageStatus-procedure__svList .c-p-list > li::before {
  top: 0.72em;
}
.c-usageStatus-procedure__svList .c-p-list .c-p-list__underlayer {
  margin-top: 0.75em;
}
.c-usageStatus-procedure__svList .c-p-list .c-p-list__underlayer > li {
  margin-top: 1.8em;
  padding-left: 1em;
  position: relative;
  width: 100%;
  word-wrap: break-word;
}
.c-usageStatus-procedure__svList .c-p-list .c-p-list__underlayer > li:before {
  border: solid #44a4e8;
  border-width: 0 0 1px 1px;
  content: "";
  display: block;
  height: 2.15em;
  left: 0.25em;
  position: absolute;
  top: -1.7em;
  width: 0.3em;
}
.c-usageStatus-procedure__svList .c-p-list .c-p-list__underlayer > li + li:before {
  height: 5.05em;
  top: -4.5em;
}
.c-usageStatus-procedure__svList .c-button {
  margin: 0;
}
.c-usageStatus-procedure__svList .c-p-list .c-button {
  margin: -0.8em -1.25em -0.8em 0;
}
.c-usageStatus-procedure .c-usageStatus-procedure__svList + .c-icon-hr {
  margin: 2em auto;
}
@media only screen and (max-width: 767px) {
  .c-usageStatus-procedure {
    padding: 10px 15px 20px;
    display: block;
  }
  .c-usageStatus-procedure .c-headline--l3 {
    margin: -10px -15px 0;
    padding: 10px 25px;
  }
  .c-usageStatus-procedure .c-headline--l3:not(.c-headline--icon) {
    padding-left: 30px;
  }
  .c-usageStatus-procedure .c-headline--l3::before {
    left: 15px;
    top: 0.95em;
  }
  .c-usageStatus-procedure .c-headline--l3 + .c-usageStatus-procedure__svList {
    margin-top: 10px;
  }
  .c-usageStatus-procedure--nonList {
    display: block;
  }
  .c-usageStatus-procedure.c-usageStatus-procedure--nonList .c-headline--l3 {
    border-bottom: 2px solid #fff;
    margin-bottom: 1em;
  }

  .c-usageStatus-procedure .c-usageStatus-procedure__svList {
    display: block;
  }
  .c-usageStatus-procedure__svList .c-p-list {
    width: 100%;
  }
  .c-usageStatus-procedure__svList .c-p-list > li {
    min-height: auto;
    padding-bottom: 0.3em;
    padding-right: 0;
    padding-top: 0.3em;
  }
  .c-usageStatus-procedure__svList .c-p-list > li::before {
    top: 0.25em;
  }
  .c-usageStatus-procedure__svList .c-p-list > li + li {
    margin-top: 20px;
  }
  .c-usageStatus-procedure__svList .c-button {
    margin: 1em 0 0;
  }
  .c-usageStatus-procedure__svList .c-p-list .c-button {
    margin: 1em 0 0;
  }
  .c-usageStatus-procedure__svList .c-p-list > li > .c-button {
    margin-left: -1.25em;
    max-width: calc(100vw - 60px);
    width: calc(100vw - 60px);
  }
  _:lang(x)::-ms-, .c-usageStatus-procedure__svList .c-p-list > li > .c-button {
    max-width: calc(100vw - 77px);
    width: calc(100vw - 77px);
  }
  _:-ms-lang(x)::-ms-backdrop, .c-usageStatus-procedure__svList .c-p-list > li > .c-button {
    max-width: calc(100vw - 77px);
    width: calc(100vw - 77px);
  }
  .c-usageStatus-procedure .c-usageStatus-procedure__svList + .c-icon-hr {
    margin: 20px auto;
  }
  .c-usageStatus-procedure .c-button {
    max-width: 100%;
  }
}


/**
 * service-appList
 */
.c-service-appList {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: stretch;
}
/* .c-service-appList__wrap {
  background: #e3f1fc;
  margin: 0;
  padding: 20px 20px 30px;
  width: 48.33333333%;
}
.st-l-section--even .c-service-appList__wrap {
  background: #fff;
} */
.c-service-appList__wrap {
    background: #fff;
    margin: 0;
    padding: 20px 20px 20px;
    width: 48.33333333%;
    border: 2px solid #9bd0f5;
}
.c-service-appList + .c-service-appList,
.c-service-appList__wrap + .c-service-appList__wrap + .c-service-appList__wrap {
    margin-top: 40px;
}
/* .c-service-appList__svName {
  font-weight: bold;
  padding: 0px 30px 10px;
  margin: -10px -30px 0;
  border-bottom: 2px solid #fff;
} */
.c-service-appList__svName {
    font-weight: bold;
    padding: 0px 30px 10px;
    margin: -10px -20px 0;
    border-bottom: 1px solid #a1a1a1;
    text-align: center;
}

.c-service-appList__svName > .c-link{
  font-size: 1.6rem;
}
.c-service-appList__main {
  margin: 0;
}
.c-service-appList__svName + .c-service-appList__main {
  margin-top: 20px;
}
.c-service-appList__infoTxt {
  text-align: center;
}
.c-service-appList__svLogo {
  display: flex;
  justify-content: center;
}
.c-service-appList__svLogo > img {
  width: 100%;
}
.c-service-appList__svLink {
  margin-top: 4px;
}
.c-service-appList__svLink .c-link {
  display: block;
  text-align: right;
}
.c-service-appList__svLink + .c-button {
  margin-top: 10px;
}
.c-service-appList__wrap .c-button {
  width: 100%;
}
.c-service-appList__wrap .c-button > a,
.c-service-appList__wrap .c-button > button,
.c-service-appList__wrap .c-button > .btnInner {
  max-width: 100%;
  width: 100%;
}
.c-service-appList--mode {
  border: solid 2px #198c02;
  background: #d9f9be;
}
@media only screen and (max-width: 767px) {
  .c-service-appList {
    display: block;
  }
  .c-service-appList:last-child {
    padding-bottom: 20px;
  }
  .c-service-appList__wrap {
    padding: 15px 15px 20px;
    width: 100%;
  }
  * + .c-service-appList__wrap {
    margin-top: 20px;
  }
  .c-service-appList + .c-service-appList,
  .c-service-appList__wrap + .c-service-appList__wrap + .c-service-appList__wrap {
    margin-top: 20px;
  }
  .c-service-appList__svName {
    margin-top: 0;
  }
  .c-service-appList__svName + .c-service-appList__main {
    margin-top: 15px;
  }
  .c-service-appList__svLink .c-link {
    font-size: 1.2rem;
    text-align: center;
  }
}

.c-service-appList__wrap--simple {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  position: relative;
}
.c-service-appList__wrap--simple .c-service-appList__svName {
  border: none;
  margin: 0 10px 0 0;
  padding: 0;
  text-align: left;
}
.c-service-appList__wrap--simple .c-service-appList__svIcon {
  display: inline-block;
  margin-right: 1em;
  height: 4em;
}
.c-service-appList__wrap--simple .c-service-appList__svName > .c-link {
  font-size: 1.6rem;
}
.c-service-appList__wrap--simple .c-service-appList__main {
  margin: 0;
}
.c-service-appList__wrap--simple .c-service-appList__main > .c-button > a,
.c-service-appList__wrap--simple .c-service-appList__main > .c-button > button,
.c-service-appList__wrap--simple .c-service-appList__main > .c-button > .btnInner {
  min-height: 45px;
  min-width: 118px;
}

@media only screen and (max-width: 767px) {
  .c-service-appList__wrap--simple {
    display: block;
    padding: 15px 15px 15px;
  }
  .c-service-appList__wrap--simple .c-service-appList__svName {
    margin: 0;
  }
  .c-service-appList__wrap--simple .c-service-appList__svName + .c-service-appList__main {
    margin-top: 15px;
  }
  .c-service-appList__wrap--simple .c-service-appList__svIcon {
    display: block;
    height: auto;
    margin: 0 auto;
    max-height: 80px;
    max-width: 240px;
  }
  .c-service-appList__wrap--simple .c-service-appList__svName > .c-link {
    display: block;
    font-size: 1.4rem;
    text-align: left;
  }
  .c-service-appList__wrap--simple .c-service-appList__main {
    position: relative;
    height: auto;
  }
  .c-service-appList__wrap--simple .c-service-appList__applink {
    height: auto;
    justify-content: center;
    padding: 0;
    text-align: center;
  }
}


/**
 * bannerList
 */
.c-bannerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.111111111% -16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
* + .c-bannerList {
  margin-top: 1.4286em;
}
.c-bannerList > li {
  margin: 0 1.086956521% 16px;
  width: 31.086956521%;
}
.c-bannerList > li > a,
.c-bannerList > li > a > img {
  width: 100%;
}
.c-bannerList + p {
  margin: 10px 0 0;
}

@media only screen and (max-width: 767px) {
  .c-bannerList {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 -10px;
  }
  * + .c-bannerList {
    margin-top: 1.4286em;
  }

  .c-bannerList > li > img,
  .c-bannerList > li > a > img {
    max-width: 100%;
    width: 100%;
  }

  .c-bannerList .c-button + .c-button,
  .c-bannerList li {
    margin: 0 0 10px;
    width: 48.550724637%;
  }
  .c-bannerList + p {
    margin: 5px 0 0;
    text-align: right;
  }
}
@media print,screen and (min-width: 768px){
  .mypage-top .c-bannerList {
    margin-left: -2.68%;
    margin-right: -2.68%;
  }
  .mypage-top .c-bannerList > li {
    margin: 0 2.68% 16px;
    width: 27.948%;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .mypage-top .c-bannerList > li > img,
  .mypage-top .c-bannerList > li > a > img {
    max-width: 265px;
  }
}



.c-priceText {
  font-weight: bold;
}
.c-priceText__price {
  color: #dc2226;
  font-size: 1.3em;
}


/**
 * table
 */
.c-t-wrap{
  margin: 15px 0;
}

.c-table {
  background: #fff;
  width: 100%;
  word-break: break-word;
}

.c-table th {
  background: #ebecee;
  border: solid 1px #b3b3b3;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.3;
  padding: 7px 15px;
  width: 200px;
  word-break: break-word;
}
.c-table thead th {
  background: #d4d4d4;
}

.c-table ._ww {
  width: 360px;
}

.c-table ._ws {
  width: 100px;
}

.c-table .c-table--thHight-nm th,
.c-table .c-table--tdHight-nm td {
  height:4.15em;
}

.c-table .c-table__telNum {
  white-space: nowrap;
}

.c-table td {
  border: solid 1px #b3b3b3;
  font-size: 1.4rem;
  letter-spacing: .05em;
  line-height: 1.3;
  padding: 7px;
  word-break: break-word;
}

.c-table td._bg {
  background: #ebecee;
  padding: 7px 15px;
}

.c-table.c-table--nm th,
.c-table.c-table--nm td {
  padding: 24px 20px;
}

.c-table.c-table--impInfo {
  border: 2px solid #44a4e8;
}
.c-table.c-table--impInfo th,
.c-table.c-table--impInfo td {
  border-color: #44a4e8;
  border-width: 1px;
}
.c-table.c-table--impInfo th {
  background: #e3f1fc;
}
.c-table.c-table--impInfo thead th {
  background: #afdcff;
}

.c-table.c-table--dataList > thead th {
    padding-left:5px;
    padding-right:5px;
}
.c-table.c-table--dataList > tbody:nth-child(odd) > tr {
    background: #F5FAFF;
}
.c-table.c-table--dataList > tbody:hover > tr {
    background: #E3F1FC!important;
}
.c-table.c-table--dataList .c-button > a,
.c-table.c-table--dataList .c-button > button,
.c-table.c-table--dataList .c-button > .btnInner {
    font-size: 1.4rem;
}
.c-table--subttl{
  width:12% !important;
}

.c-table--change{
    background: #ebecee;
}

.c-table__sort {
  font-size:0.85em;
  cursor: pointer;
}
.c-table__sort:hover {
  opacity: 0.7;
}

.c-table__memoCell {
  display: inline-block;
}
.c-table__memo {
  cursor: pointer;
}

.c-table.c-table--nm.c-table--emailAddressList {
  width: 100%;
}
.c-table--emailAddressList .c-table__cancelCell {
  width: 8.6em;
  text-align: center;
}
.c-table--emailAddressList .c-button--cancel > a,
.c-table--emailAddressList .c-button--cancel > button,
.c-table--emailAddressList .c-button--cancel > .btnInner {
  margin: -0.5em auto;
  max-width: unset;
  min-width: auto;
  padding-left: 1em;
  padding-right: 1em;
  width: auto;
}


/**
 * border
 */
.c-bd-bottom {
  border-bottom: solid 1px #afb0b3;
  margin: 0 0 20px;
  padding: 0 0 10px;
}

/**
 * graph
 */
.c-graph {
  width: 100%;
}

.c-graph--info {
  padding: 17px 0 0 20px;
}

.c-graph__wrap {
  height: 220px;
  margin: 8px auto 0;
  position: relative;
  width: 220px;
}

.c-graph__wrap--double {
  height: 250px;
  margin-top: -15px;
  width: 250px;
}

.c-graph__ttl span + span {
  margin: 0 0 0 10px;
}

.c-graph__canvas {
  border-radius: 50%;
}

.c-graph__canvas.canvas_all2_inner,
.c-graph__canvas.canvas_all3_inner {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.c-graph__txt {
  -webkit-transform: translateY(-50%);
  left: 0;
  margin: 6px auto 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  z-index: 1;
}

.c-graph__txt__gb,
.c-graph__txtGB {
  font-size: 1.6rem;
  font-weight: 700;
}

.c-graph__txt__gb span,
.c-graph__txtGB .c-graph__GBtxt {
  font-size: 3.6rem;
  line-height: 1.0;
  margin: 0 5px;
}

.c-graph__txt__deno {
  border-top: solid 2px #ebecee;
  font-size: 1.6rem;
  margin: 7px 0 0;
  padding: 10px 0 0;
}

.c-graph__desc {
  background: #ebecee;
  margin: 8px 0 0;
  padding: 5px 0;
  text-align: center;
  font-size: 2rem;
}

.c-graph__desc--red {
  background: #ffe2e3;
}

.c-graph__list {
  width: 250px;
}

.c-graph__list li {
  padding: 0 0 0 30px;
  position: relative;
}

.c-graph__list li::before {
  bottom: 0;
  content: '';
  display: block;
  height: 18px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 18px;
}

.c-graph__list li:nth-child(1)::before {
  background: #44a4e8;
}

.c-graph__list li:nth-child(2)::before {
  background: #f8d62f;
}

.c-graph__list li:nth-child(3)::before {
  background: #f18200;
}

.c-graph__list li + li {
  margin: 4px 0 0;
}

.c-graph__list dl {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
}

.c-graph__list dl dt {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.7;
  padding: 0;
}

.c-graph__list dl dd {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 1.7;
  margin: 0;
  padding: 0;
}

.c-graph__btns {
  margin: 10px 0 0;
}

.c-graph__btns li:first-child {
  margin: 0;
}

.c-graph__base-cover-cover,
.c-graph__base-cover{
  width: 280px;
  height: 280px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.c-graph__base-cover-cover .ct-slice-donut{stroke:#fff;}
.c-graph__base-cover .ct-slice-donut{stroke:#fff;}

.c-graph__base,
.c-graph__circle-over,
.c-graph__circle-add{
  width: 260px;
  height: 260px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.c-graph__base .ct-slice-donut{stroke:#eee;}
.c-graph__circle-over .ct-series-a .ct-slice-donut{stroke:#f8d62f;}
.c-graph__circle-over .ct-series-b .ct-slice-donut{opacity:0;}
.c-graph__circle-add .ct-series-a .ct-slice-donut{stroke:#f18200;}
.c-graph__circle-add .ct-series-b .ct-slice-donut{opacity:0;}

.c-graph__base:after{/*iPhoneSEのゴミ消し専用*/
    content:"";
    width:20px;
    height:50px;
    background:#fff;
    position:absolute;
    bottom:30px;
    left:0;
}

.c-graph__base-inside,
.c-graph__circle-remain{
  width: 220px;
  height: 220px;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
}
.c-graph__base-inside .ct-slice-donut{stroke:#eee;}
.c-graph__circle-remain .ct-series-a .ct-slice-donut{stroke:#44a4e8;}
.c-graph__circle-remain .ct-series-b .ct-slice-donut{opacity:0;}

.c-graph__set{
  transform:scale(-1,1);
  position: absolute;
  top: 50%;
  left: 50%;
}


/**
 * Tab
 */
.c-tab-wrap {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.c-tab-label {
  align-items: center;
  background: #44a4e8;
  color: #fff;
  cursor: pointer;
  display: flex;
  flex: 1;
  font-weight: bold;
  justify-content: center;
  line-height: 1.2;
  margin: 0 0 1em;
  min-height: 40px;
  order: -1;
  padding: 5px;
  position: relative;
  text-align: center;
  transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
  user-select: none;
  white-space: nowrap;
  -webkit-tap-highlight-color: transparent;
  z-index: 2;
}
.c-tab-label:hover,
.c-tab-switch:checked + .c-tab-label {
  background: #003894;
}
.c-tab-switch:checked + .c-tab-label {
  color: #fff;
}
.c-tab-label::after {
  background: #003894;
  bottom: 0;
  content: '';
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translateX(100%);
  transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
  width: 100%;
  z-index: 1;
}
.c-tab-switch:checked ~ .c-tab-label::after {
  transform: translateX(-100%);
}
.c-tab-switch:checked + .c-tab-label::after {
  opacity: 1;
  transform: translateX(0);
  z-index: -1;
}
.c-tab-switch + .c-tab-label {
  border-left: 1px solid #fff;
}
.c-tab-content {
  height:0;
  opacity:0;
  pointer-events:none;
  transform: translateX(-30%);
  transition: transform .3s 80ms, opacity .3s 80ms;
  width: 100%;
}
.c-tab-content .c-txt + .c-headline--l2 {
  margin-top:1.2em;
}

.c-tab-switch:checked ~ .c-tab-content {
  transform: translateX(30%);
}
.c-tab-switch:checked + .c-tab-label + .c-tab-content {
  height: auto;
  opacity: 1;
  order: 1;
  pointer-events:auto;
  transform: translateX(0);
}
.c-tab-wrap::after {
  content: '';
  height: 20px;
  order: -1;
  width: 100%;
}
.c-tab-switch {
  display: none;
}


/**
 * text
 */
.c-txt {
  font-size: 2.0rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.3;
  padding: 0.25em 0;
}
.c-txt.c-txt--resultTxt {
  margin-top:3em;
  margin-bottom:3.5em;
  text-align:center;
}
.c-txt02 {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 2.3;
}

.c-txt03 {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.2;
  margin-bottom: 23px;
}

.c-txt04 {
  font-size: 1.4rem;
  line-height: 1.7;
}

.c-txt-em {
  color: #dc2226;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.6;
  margin: 20px 0 0;
}

.c-txt-pre {
  white-space: pre-line;
}

.c-txt-box {
  border: solid 1px #000;
  display: inline-block;
  line-height: 1.0;
  padding: 6px 6px 4px;
}

.c-txt-caution:not(ul):not(ol){
  font-size: 1.3rem;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.4;
}
p + .c-txt-caution{
  margin-top: 0.5em;
}
* + .c-txt-caution{
  margin-top: 1em;
}
.c-txt-caution:not(ul):not(ol):first-child{
  margin-top:0;
}
.c-txt-caution:not(ul):not(ol):before{
  content: "※";
  position: relative;
  display: inline;
}

.lang-en .c-txt-caution:before:not(ul):not(ol),
.c-txt-caution.lang-en:before:not(ul):not(ol){
  content: "*";
  position: relative;
  display: inline;
}

ul.c-txt-caution > li{
  font-size:1.3rem;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.4;
  margin-top: 0.5em;
}
ul.c-txt-caution > li:before{
  content: "※";
  position: relative;
  display: inline;
}

.lang-en ul.c-txt-caution > li:before,
ul.c-txt-caution.lang-en > li:before{
  content: "*";
  position: relative;
  display: inline;
}

.c-txt-notice {
  font-size: 0.85em;
  line-height: 1.6;
}

.c-t-center,
.c-t-center th,
.c-t-center td,
th.c-t-center,
td.c-t-center,
.c-th-center th,
.c-td-center td {
  text-align: center;
}

.c-t-left,
.c-t-left th,
.c-t-left td,
th.c-t-left,
td.c-t-left,
.c-th-left th,
.c-td-left td {
  text-align: left;
}

.c-t-right,
.c-t-right th,
.c-t-right td,
th.c-t-right,
td.c-t-right,
.c-th-right th,
.c-td-right td {
  text-align: right;
}

.c-t-red {
  color: #dc2226;
}

.c-t-required {
  background: #dc2126;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 1.5rem;
  letter-spacing: .05em;
  line-height: 23px;
  position: relative;
  text-align: center;
  margin: -0.25em 0.75em 0;
  vertical-align: middle;
  padding: 0 10px;
}

.lang-en .c-t-required,
.lang-en.c-t-required {
  color: #dc2126;
  display: inline-block;
  font-size: 1.8rem;
  position: relative;
  background:none;
  margin: 0 0.25em ;
  padding: 0;
}

.c-form-judge_txt {
    background-color: #fff;
    border: 2px solid #ccc;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1.0em 0.5em 1.0em 1.0em;
    position: relative;
    text-align: center;
    width: 100%;
}
.c-form-judge_txt:before{
    background: #fff;
    border:2px solid #ccc;
    border-width:2px 2px 0 0;
    content: "";
    height: 14px;
    left:50%;
    margin: -7px;
    position: absolute;
    top:-3px;
    transform:rotate(-45deg);
    width:14px;
}
.c-form-box .c-form-judge_txt,
.c-form-box .c-form-judge_txt:before{
    background: #e5effa;
}
.c-form-judge_txt--notPossible {
    color: #dc2126;
}
.c-form-judge_txt--possible {
    color: #333;
}


/**
 * dl
 */
.c-dl {
    letter-spacing: .05em;
    line-height: 1.7;
    margin:1em 0;
}.c-dl dt,
.c-dl dd{
    display:inline-block;
    margin:0;
    font-weight: 700;
}


/* !c-t-dl
---------------------------------------------------------- */
.c-t-dl,
.c-box > dl{margin:15px 0 0;}
.c-t-dl:first-child,
.c-box > .c-t-dl:first-child,
.c-box > dl:first-child{margin-top:0;}
p + .c-t-dl,
.c-t-dl + .c-t-dl {
  margin-top: 2em;
}
.c-t-dl > dt,
.c-box > dl > dt {
  margin: 0 0 0.75em;
}
.c-t-dl > dd,
.c-box > dl > dd {margin:0 1em;}
.c-t-dl > dd + dt,
.c-box > dl > dd + dt {margin-top: 2em;}
.c-t-dl > dd + dd,
.c-box > dl > dd + dd {margin-top: 0.25em;}

.c-t-dl__heading,
.c-t-dl__cHeading,
.c-t-dl__nHeading {
  position: relative;
  margin: 0 10px;
  line-height:16px;
  font-weight: bold;
}
.c-t-dl__heading,
.c-t-dl__cHeading {
  padding-left: 15px;
}
.c-t-dl__heading--normal,
.c-t-dl__cHeading--normal {
  font-weight: normal;
}
.c-t-dl__heading:before,
.c-t-dl__cHeading:before {
  content: "";
  position: absolute;
  top: 0.125em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: rgb(51, 51, 51);
}
.c-t-dl__cHeading:before {
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
}
.c-t-dl_titInDate {
  margin-right: 1em;
}
.c-t-dl__body {}


/* # =================================================================
# js用
# ================================================================= */
.js-fixedBox {
  margin: 2em 0;
}
.js-fixedBox.is-fixed {
  position: fixed;
  width: 100%;
  background: #fff;
  margin: 0 0 0 -50%;
  left: 50%;
  z-index: 1000;
}
.js-fixedBox.is-fixed .c-p-menu {
  margin-bottom: 0;
}
.js-fixedBox.is-fixed:not(.c-p-menu--parallel) .c-p-menu {
  border-bottom: 2px solid #fff;
  border-top: 2px solid #fff;
}

/* # =================================================================
# テストモード用（上部に小さく表示）
# ================================================================= */
body.testMode{
  position:relative;
}
body.testMode:before,
body.testMode:after{
  font-size: 10px;
  line-height: 1.5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
}
body.testMode:before{
  content: "testMode";
  z-index: 1001;
  left: 50%;
  top: 0.15em;
  margin-left:-4em;
  font-weight: bold;
  color:#ff0088;
}
body.testMode:after{
  content: "";
  width:100%;
  height: 1.5em;
  left:0;
  top:0;
  background: #f9bed9;
  border-top:4px solid #003894;
  /*border-bottom:2px solid #ff0088;*/
  z-index: 1000;
}
@media only screen and (max-width: 767px) {
  body.testMode:before{
    top: 1.15em;
    margin-left:-2.7em;
  }
  body.testMode:after{
    top:1.35em;
    border-top:0 none;
    height: 1.15em;
  }
}
.test-mode{
  background: #f9bed9;
  font-size: 1.4rem;
  line-height: 1.5;
}
.test-mode--box {
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 2px #ff0088;
}



/* # =================================================================
# テストモード用（ブラウザ枠で大きく表示）
# ================================================================= */
.testMode-wrap {
  position: fixed;
  border: solid rgba(255,255,0,0.9);
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  opacity: 0.9;
  z-index: 10000;
}
.testMode-wrap:before,
.testMode-wrap:after {
  content: "";
  top: 0;
  width: 10px;
  height:100vh;
  position: fixed;
  background: #ff0;
  z-index: 1000;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
}
.testMode-wrap:before {
  left: 0;
}
.testMode-wrap:after {
  right:0;
}
.testMode-wrap__inner {
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
  line-height: 0.9;
  color:#ff0088;
  top: 0;
  position: absolute;
  left: 0;
  background: #ff0;
  height: 1.0em;
  width: 100%;
  text-align: center;
}
.testMode-wrap__inner:after {
  content: "";
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: #ff0;
}
@media only screen and (max-width: 767px) {
}
.test-mode {
  background: #f9bed9;
  font-size: 1.4rem;
  line-height: 1.5;
}
.test-mode--box {
  margin: 2em 0;
  padding: 1.5em 1em;
  border: solid 2px #ff0088;
}


/* # =================================================================
#
# mypage top
#
# ================================================================= */
.st-l-main.mypage-top {
  padding-top: 40px;
}

.top-news {
  padding: 0;
}

.top-news .c-box-accordian {
  margin: 0;
}
.top-news .c-box-accordian + .c-box-accordian {
  margin-top: 5px;
}
.top-news__list {
  border: solid 2px #44a4e8;
}
.top-news__list li {
  position: relative;
}
.top-news__list li:nth-child(n + 5) {
  display: none;
}
.top-news__list li a {
  display: block;
  padding: 3px 36px 3px 24px;
}
.top-news__list li p {
  font-size: 1.6rem;
  letter-spacing: .05em;
  line-height: 2.25;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.top-news__list li::after {
  background: #e3f1fc url(../images/icon_arrow_navy.svg) no-repeat center center;
  background-size: 8px 12px;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  width: 36px;
}
.top-news__list li + li {
  border-top: solid 1px #d3d5db;
}
.top-news__headline {
  margin: 0 0 10px;
}
.top-news__headline.c-headline--l3{
  padding-left: 0;
}
.top-news__btn {
  background: #44a4e8;
  color: #fff;
  cursor: pointer;
  font-size: 1.6rem;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.top-news__btn span {
  display: inline-block;
  position: relative;
}
.top-news__btn span::before {
  -webkit-transform: rotate(90deg);
  -webkit-transition: -webkit-transform .3s .3s;
  background: url(../images/icon_arrow.svg) no-repeat center center;
  background-size: 12px 8px;
  bottom: 0;
  content: '';
  display: block;
  height: 8px;
  left: -20px;
  margin: auto;
  position: absolute;
  top: 0;
  transform: rotate(90deg);
  transition: -webkit-transform .3s .3s;
  transition: transform .3s .3s;
  transition: transform .3s .3s, -webkit-transform .3s .3s;
  width: 12px;
}

.top-news + .top-info {
  margin-top: 20px;
}


/*
.top-info系は 30.contents 系（c-xxx）↑ 「リンクリスト集」へ移動。
変更があってTOPのみのパーツではなくなった為、 .c-info-billAndSv を用意
*/


.top-info + .top-dataTraffic {
  margin-top: 40px;
}
.top-dataTraffic {
  background-color: #e3f1fc;
  padding: 40px 20px;
}
.top-dataTraffic .c-dataTraffic-wrap .c-headline--l1{
  border-bottom: 2px solid #e3f1fc;
  font-size: 2.6rem;
  letter-spacing: -.03em;
  margin: 0 -30px;
  padding: 0 10px 15px 30px;
}
.top-dataTraffic .c-dataTraffic-wrap section,
.top-dataTraffic .c-dataTraffic-wrap .c-headline--l1 + .c-headline--top {
  margin: 0;
}
.top-dataTraffic .c-dataTraffic-wrap {
  padding:20px 30px 30px;
}
.top-dataTraffic .c-dataTraffic-wrap + .c-dataTraffic-wrap {
  margin-top: 10px;
}

.top-graph--all {
  padding: 0 19px 0 0;
}
.top-graph--day {
  border-left: solid 2px #ebecee;
  padding: 0 0 0 19px;
}

.mypage-top .top-menu {
    background: #fff;
}
.top-dataTraffic + .top-menu {
  margin-top: 0;
}

/* ↓ 未使用 ↓ */
.top-menu__headline {
  margin: 0 0 15px;
}
.top-menu__block + .top-menu__block {
  margin: 40px 0 0;
}
.top-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -1.111111111% -16px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.top-menu__list li {
  margin: 0 1.086956521% 16px;
  width: 31.086956521%;
}
.top-menu__list li a {
  width: 100%;
}
.top-menu__list + p {
  margin: 10px 0 0;
}
/* ↑ 未使用 ↑ */


/*
.top-menu系は 30.contents 系（c-xxx）↑ 「ご請求金額・ご利用中の接続サービス」へ移動。（ただし使用されているクラスのみ）
変更があってTOPのみのパーツではなくなった為、 .c-link-collection を用意
*/


.top-menu + .btm-banner {
  margin-top:40px;
}


.mypage-top .top-dataTraffic {
  margin-left: -20px;
  margin-right: -20px;
}

/* # =================================================================
#
# WBO01/WBR02
#
# ================================================================= */
.mypage-dt p + .c-headline--l1 {
  margin-top: 30px;
}

.mypage-dt .c-form-item > dt {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mypage-dt-month {
  margin: 54px 0 0;
}

.mypage-dt-month__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 8px 0 0;
}

.mypage-dt-month__btn {
  font-size: 1.6rem;
  height: 40px;
  margin: 0 0 0 20px;
  width: 120px;
}

.mypage-dt-month__print li + li {
  margin: 10px 0 0;
}

.mypage-dt-amount {
  margin: 45px 0 50px;
}

.mypage-dt-amount dl {
  margin: 0 0 13px;
}

.mypage-dt-amount dl dt {
  font-size: 2.4rem;
  padding: 15px 20px;
  width: 390px;

  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.mypage-dt-amount dl dd {
  -webkit-box-align: end;
  -webkit-box-pack: end;
  -ms-flex-align: end;
  -ms-flex-pack: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.2rem;
  justify-content: flex-end;
  padding: 16px 0;
  width: 510px;
}

.mypage-dt-amount dl dd p {
  margin: 0 16px 0 0;
}

.mypage-dt-amount dl dd strong {
  font-size: 3.7rem;
  font-weight: 700;
  line-height: 1.0;
  margin: 0 0 -5px 0;
}

.mypage-dt-amount dl dd span {
  line-height: 1.0;
}

.mypage-dt-amount--l2 {
  margin: 24px 0 40px;
}

.mypage-dt-amount--l2 .c-headline--l2 {
  margin-bottom: 23px;
}

.mypage-dt-amount--l2 dl {
  margin: 0;
}

.mypage-dt-amount--l2 dl dt {
  font-size: 1.6rem;
  padding: 17px 18px;
  width: 270px;
}

.mypage-dt-amount--l2 dl dd {
  font-size: 1.6rem;
  width: 630px;
}

.mypage-dt-amount--l2 dl dd strong {
  font-size: 2.4rem;
  margin: 0;
}

.mypage-dt-info + .mypage-dt-info {
  margin-top: 40px;
}

.mypage-dt-info__header {
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  -ms-flex-align: center;
  -ms-flex-pack: justify;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  font-weight: 700;
  justify-content: space-between;
  line-height: 1.3;
  margin: 0 0 13px;
}

.mypage-dt-info__amount {
  -webkit-box-align: center;
  -webkit-box-pack: end;
  -ms-flex-align: center;
  -ms-flex-pack: end;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: flex-end;
}

.mypage-dt-info__amount .c-icon-box {
  margin: 0 8px 0 0;
}

.mypage-dt-info__amount span {
  font-size: 2.4rem;
}

.mypage-dt-text {
  margin: 15px 0 0;
}

.mypage-dt-box {
  margin: 60px 0 0;
}

.mypage-dt__account {
  margin: 28px 0 0;
}

.mypage-dt__name {
  font-size: 3.0rem;
  font-weight: 700;
}

.mypage-dt-account__print p {
  margin: 10px 0 0;
  text-align: right;
}

.mypage-dt-account__logo {
  display: none;
}

/* =================================================================
汎用クラス
================================================================= */
.iBlock{display: inline-block;}
.block{display: block;}
.nBlock{display: none;}

.pointer{cursor:pointer;}

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

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

.mr-10 {
  margin-right: 10px !important;
}

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

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

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

.mr-20 {
  margin-right: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

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

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

.mr-30 {
  margin-right: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

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

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

.mr-40 {
  margin-right: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

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

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

.mr-50 {
  margin-right: 50px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.mt-60 {
  margin-top: 60px !important;
}

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

.mr-60 {
  margin-right: 60px !important;
}

.ml-60 {
  margin-left: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.mb-70 {
  margin-bottom: 70px !important;
}

.mr-70 {
  margin-right: 70px !important;
}

.ml-70 {
  margin-left: 70px !important;
}

.mt-80 {
  margin-top: 80px !important;
}

.mb-80 {
  margin-bottom: 80px !important;
}

.mr-80 {
  margin-right: 80px !important;
}

.ml-80 {
  margin-left: 80px !important;
}

.mt-90 {
  margin-top: 90px !important;
}

.mb-90 {
  margin-bottom: 90px !important;
}

.mr-90 {
  margin-right: 90px !important;
}

.ml-90 {
  margin-left: 90px !important;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.mr-100 {
  margin-right: 100px !important;
}

.ml-100 {
  margin-left: 100px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pt-60 {
  padding-top: 60px !important;
}

.pb-60 {
  padding-bottom: 60px !important;
}

.pr-60 {
  padding-right: 60px !important;
}

.pl-60 {
  padding-left: 60px !important;
}

.pt-70 {
  padding-top: 70px !important;
}

.pb-70 {
  padding-bottom: 70px !important;
}

.pr-70 {
  padding-right: 70px !important;
}

.pl-70 {
  padding-left: 70px !important;
}

.pt-80 {
  padding-top: 80px !important;
}

.pb-80 {
  padding-bottom: 80px !important;
}

.pr-80 {
  padding-right: 80px !important;
}

.pl-80 {
  padding-left: 80px !important;
}

.pt-90 {
  padding-top: 90px !important;
}

.pb-90 {
  padding-bottom: 90px !important;
}

.pr-90 {
  padding-right: 90px !important;
}

.pl-90 {
  padding-left: 90px !important;
}

.pt-100 {
  padding-top: 100px !important;
}

.pb-100 {
  padding-bottom: 100px !important;
}

.pr-100 {
  padding-right: 100px !important;
}

.pl-100 {
  padding-left: 100px !important;
}

@media only screen and (max-width: 1030px) and (min-width: 768px) {
  .c-form-mode--header .st-l-inner {
    display: block;
  }
  .c-form-mode__btn{
    margin-top:10px;
    text-align:center;
  }
  .c-form-mode__btn .c-btn--mode{
    display:inline-block;
  }
}


/*---- ↓ SP,Tablet（PC以外）のスタイル ↓ ----*/
@media only screen and (max-width: 767px) {

  html.noscroll {
    overflow-y: scroll;
    width: 100%;
    height: 100%;
  }

  html.noscroll body {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }

  body {
    font-size: 1.2rem;
    line-height: 1.7;
    overflow: auto;
  }

  .st-l-wrapper {
    min-height: inherit;
    padding-top: 0;
  }
  .st-l-wrapper--simple{overflow:visible;padding-bottom:50px;}
  .st-l-main {
    padding: 20px 0 50px;
  }
  .st-l-inner {
    margin: 0 15px;
  }

  /**
   * section
   */
  .st-l-section {
    padding: 20px 0;
  }
  .st-l-main > .st-l-section-wrapper.st-l-section-wrapper--emphasis .st-l-section {
    margin-left: 0;
    margin-right: 0;
  }
  .st-l-section-wrapper--emphasis .st-l-section {
    padding-left: 0;
    padding-right: 0;
  }

  /* http status style */
  .st-l-wrapper__httpstatus .st-l-main{text-align:left;padding:50px 10px 110px;}
  .st-l-wrapper__httpstatus .st-l-main>article+article{padding-top:50px;}

  .st-header {
    border: none;
    position: static;
  }
  .st-h-head {
    background: #fff;
    padding: 0;
    width: 100%;
    z-index: 999;
  }
  .st-h-head__inner {
    display: block;
    margin: 0;
    position: relative;
  }
  .st-h-logo {
    margin: 0 15px 0 0;
    width: 101px;
  }
  .st-h-testMode {
    margin: 0 15px 0 0;
  }

  .st-h-panel {
    align-items: center;
    margin: 17px 0 0;
    padding: 0 15px;
  }
  .st-h-panel > * {
    margin-bottom: 4px;
    margin-top: 4px;
  }
  .st-h-panel.is-none {
    opacity: 0;
    visibility: hidden;
  }
  .st-h-panel__headline {
    font-size: 1.5rem;
    margin: 0;
  }
  .st-h-panel__name,
  .st-h-panel__loginID,
  .st-h-panel__IDinProcess {
    font-size:1.0rem;
  }
  .st-h-panel__user--wStatus {
    display: inline-block;
    width: auto;
    max-width: 58%;
  }
  .st-h-panel__name + .st-h-panel__IDinProcess {
    margin: 0;
  }

  .st-h-ctrl {
    align-items: stretch;
    align-self: stretch;
    display: flex;
    margin: 0 -15px 0 auto;
  }
  .st-h-ctrl__item--help {
    width: 29.5px;
  }
  .st-h-ctrl__list {
    align-items: stretch;
    display: flex;
  }

  .st-h-panel__login {
    align-items: stretch;
    border-left: 1px solid #003894;
    display: flex;
    justify-content: center;
    margin-left: 5px;
    min-height: 42px;
    width: 42px;
  }
  .st-h-panel__login > a {
    align-items: stretch;
    background: none;
    border: none;
    display: flex;
    height: 100%;
  overflow: hidden;
    position: relative;
    text-indent: 100%;
  white-space: nowrap;
  }
  .st-h-panel__login > a:hover {
    color: #fff;
  }
  .st-h-panel__login > a:before {
    background: url(../images/icon_logout_withtext.svgz) no-repeat center;
    background-size: 31px;
    content: "";
    height: 27px;
    margin: -12px -15px 0 0;
    position: absolute;
    right: 50%;
    top: 50%;
    width: 31px;
  }
  .lang-en .st-h-panel__login > a:before,
  .st-h-panel__login.lang-en > a:before {
    background-image: url(../images/icon_logout_withtext_en.svgz);
  }

  .st-gnav {
    -webkit-transition: all .5s;
    bottom: 0;
    padding: 0;
    position: fixed;
    transition: all .5s;
    width: 100%;
    z-index: 999;
  }
  .st-gnav__inner {
    margin: 0;
    position: static;
  }
  .st-gnav__list {
    border-top: solid 1px #fff;
  }
  .st-gnav__item {
    border-right: solid 1px #fff;
    width: 20%;
  }
  .st-gnav__item:last-child {
    border-right: none;
  }
  .st-gnav__item:last-child::after {
    display: none;
  }
  .st-gnav__item > a::before {
    display: none;
  }
  .st-gnav__item > a {
    align-content: space-between;
    border: none;
    display: flex;
    flex-direction: column;
    font-size: 1.0rem;
    height: 50px;
    line-height: 1.0;
    padding: 0.20em;
    text-align: center;
  }
  .st-gnav__item > a > span {
    letter-spacing: .02em;
  }
  .st-gnav__item > a:hover {
    background: #003894;
    color: #fff;
  }
  .st-gnav__item > a:hover svg {
    fill: #fff;
  }
  .st-gnav__item > a:hover .cls-1 {
    fill: none;
    stroke: #fff;
  }

  .st-gnav__item .active {
    background: #003894;
    border: none;
    color: #fff;
  }
  .st-gnav__item .active svg {
    fill: #fff;
  }


  .st-gnav__item--home svg {
    height: 16.5px;
    width: 19px;
  }
  .st-gnav__item--info svg {
    height: 17px;
    width: 17.5px;
  }
  .st-gnav__item--billing svg {
    height: 16.5px;
    width: 14px;
  }
  .st-gnav__item--account svg {
    height: 16px;
    width: 13.5px;
  }
  .st-gnav__item--menu a {
    border: none;
    padding: 12px 0 0;
  }
  .st-gnav__item--menu a:hover span {
    background: #fff;
  }
  .st-gnav__item--menu .st-gnav__icon {
    height: 12.5px;
    margin: 0 auto 4px;
    width: 15px;
  }
  .st-gnav__item--menu .st-gnav__icon span {
    height: 1px;
  }
  .st-gnav__item--menu.is-open a {
    background: #003894;
    border: none;
    color: #fff;
    height: auto;
  }
  .st-gnav__item--menu.is-open a span {
    background: #fff;
  }
  .st-gnav__item--menu.is-open a span:nth-child(1) {
    -webkit-animation: open1 .6s forwards;
    animation: open1 .6s forwards;
  }
  .st-gnav__item--menu.is-open a span:nth-child(2) {
    opacity: 0;
  }
  .st-gnav__item--menu.is-open a span:nth-child(3) {
    -webkit-animation: open2 .6s forwards;
    animation: open2 .6s forwards;
  }
  .st-gnav__item--menu.is-close a span:nth-child(1) {
    -webkit-animation: close1 .6s forwards;
    animation: close1 .6s forwards;
  }
  .st-gnav__item--menu.is-close a span:nth-child(2) {
    opacity: 1;
  }
  .st-gnav__item--menu.is-close a span:nth-child(3) {
    -webkit-animation: close2 .6s forwards;
    animation: close2 .6s forwards;
  }

  .st-gnav__icon {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-start;
    height: 16px;
    margin: 0 0 5px;
  }
  .st-gnav__icon.st-gnav__icon--newArrival::after {
    margin: 0 -2px -2px 0;
  }
  .st-gnav__icon.st-gnav__icon--newArrival::before {
    right: -7px;
  }

  .st-gnav__newArrival-detail {
    position: fixed;
    display: none;
    border-width: 2px 0 0;
    margin: 0 0 -2px;
    max-height: 100vh;
    padding: 12px 15px 15px;
    right: 0;
    top: 0;
  }
  .st-gnav__newArrival-detail.active {
    top: 0;
  }
  .st-gnav__newArrival-detail .c-t-dl > dt {
    font-size: 1.2rem;
    min-height: 36px;
    padding: 8px 35px 8px 10px;
    position: relative;
  }
  .st-gnav__newArrival-detail .c-t-dl > dt::before,
  .st-gnav__newArrival-detail .c-t-dl > dt::after {
    position: absolute;
    display: block;
    content: "";
    top: 50%;
    background-color: #ccc;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
  }
  .st-gnav__newArrival-detail .c-t-dl > dt::before {
    right: 12px;
    margin-top: -2px;
    width: 16px;
    height: 4px;
  }
  .st-gnav__newArrival-detail .c-t-dl > dt::after {
    right: 18px;
    margin-top: -8px;
    width: 4px;
    height: 16px;
  }
  .st-gnav__newArrival-detail .c-t-dl>dt.active:before {
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .st-gnav__newArrival-detail .c-t-dl>dt.active:after {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .st-gnav__newArrival-detail .c-button--close {
    display: block;
    text-align: center;
  }
  .st-gnav__newArrival-detail-screen {
    opacity: 0.6;
    background: #000;
  }
  .st-gnav__newArrival-detail-list {
    margin-left: -15px;
    margin-right: -15px;
  }
  .st-gnav__newArrival-detail-list > li {
    padding-left: 15px;
    padding-right: 15px;
  }
  .st-gnav__newArrival-detail-list > li + li {
    margin-top: 10px;
    padding-top: 10px;
  }
  .st-gnav__newArrival-detail-list > li:last-child {
    border-bottom: 1px solid #e3f1fc;
  }
  .st-gnav__newArrival-detail-list > li:last-child .c-t-dl__body {
    margin-bottom: 10px;
  }
  .st-gnav__newArrival-detail-list .c-t-dl__body {
    display: none;
  }

  .st-gnav__newArrival-detail .c-box-accordian {
    margin-bottom: .75em;
  }

  .st-menu {
    -webkit-transition: top .5s;
    border: none;
    display: block;
    height: 100%;
    opacity: 1;
    overflow: auto;
    position: fixed;
    top: 100vh;
    transition: top .5s;
    visibility: visible;
    z-index: 990;
  }
  .st-menu.is-slideIn {
    top: 0;
  }
  .st-menu dl {
    border-top: solid 2px #003894;
  }
  .st-menu dl + dl {
    margin: 0;
  }
  .st-menu dl dt {
    border-bottom: none;
    font-size: 1.6rem;
    margin: 0;
    padding: 7px 15px;
    position: relative;
  }
  .st-menu dl dt::before {
    -webkit-transform: rotate(90deg);
    -webkit-transition: -webkit-transform .3s;
    background: url(../images/icon_arrow_navy.svg) no-repeat center center;
    background-size: 8px 13px;
    bottom: 0;
    content: '';
    display: block;
    height: 13px;
    margin: auto;
    position: absolute;
    right: 15px;
    top: 0;
    transform: rotate(90deg);
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    width: 8px;
  }
  .st-menu dl dt.is-open::before {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .st-menu dl dd {
    display: none;
  }
  .st-menu__inner {
    display: block;
    padding: 17px 0 80px;
  }
  .st-menu__item {
    width: 100%;
  }
  .st-menu__item + .st-menu__item {
    margin: 0;
  }
  .st-menu__list li {
    border-top: solid 1px #003894;
    padding: 0;
  }
  .st-menu__list li + li {
    border-top: solid 1px #afb0b3;
    margin: 0;
  }
  .st-menu__list li::before {
    display: none;
  }
  .st-menu__list li a {
    background: url(../images/icon_arrow_navy.svg) no-repeat right 15px center;
    background-size: 6px 10px;
    display: block;
    font-size: 1.4rem;
    padding: 10px 15px;
  }
  .st-menu__list li a.c-link--blank {
    background: none;
  }
  .st-menu__btns {
    border-top: solid 2px #003894;
    margin: 0;
    width: 100%;
  }
  .st-menu__btns .st-menu__list li {
    border-bottom: solid 1px #afb0b3;
    border-top: solid 1px #afb0b3;
  }
  .st-menu__btn {
    padding: 0 15px;
  }
  .st-menu__btn--mail {
    padding: 20px 15px;
  }
  .st-menu__btn--mail a {
    color: #003894;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .st-menu__btn--mail a img {
    margin: -2px 7.5px 0 0;
  }
  .st-menu__btn--mail a:hover {
    color: #003894;
  }
  .st-menu__btn .c-btn a {
    height: 45px;
  }
  .st-menu__log {
    margin: 30px 0 0;
  }
  .st-pagetop a {
    background: rgba(68, 164, 232, .2);
    bottom: 85px;
    height: 45px;
    margin: 0;
    position: fixed;
    right: 15px;
    top: auto;
    width: 68px;
  }
  .st-pagetop a::before {
    border-width: 0 11.25px 15px 11.25px;
  }
  .st-bottom-txt{
    text-align:center;
    margin: 0 15px 10px;
  }
  .st-l-wrapper--simple + .st-bottom-txt{margin-top:0;}
  .st-footer {
    display: none;
  }
  .c-box--l1 {
    padding: 16px 15px;
  }
  .c-box--l2 {
    padding: 15px 20px;
  }
  .c-box--l3 {
    padding: 15px 20px;
  }
  .c-box-dl {
    margin: 0 -15px 25px;
  }
  .c-box-dl dt {
    font-size: 2.0rem;
    padding: 17px 10px;
  }
  .c-box-dl dd {
    border: none;
    padding: 12px 15px 0;
  }
  .c-box-dl dd .c-p-list {
    margin: 0;
  }
  .c-box-dl dd .c-box {
    display: block;
  }
  .c-box-dl dd .c-box__conts + .c-box__conts {
    margin: 15px 0 0;
  }
  .c-box-dl--l2 {
    margin: 0;
  }
  .c-box-dl--l2 dt {
    font-size: 1.2rem;
    letter-spacing: .02em;
    padding: 0.3em 10px;
  }
  .c-box-dl--l2 dd {
    font-size: 1.2rem;
    letter-spacing: .02em;
    padding: 0;
  }
  .c-box-dl--l2 + dl {
    margin: 5px 0 0;
  }

  .c-box-notice .c-box-dl.c-box-dl--l2 dt,
  .c-box-info .c-box-dl.c-box-dl--l2 dt,
  .c-box-attention .c-box-dl.c-box-dl--l2 dt,
  .c-box-important .c-box-dl.c-box-dl--l2 dt {
    font-size: 1.2rem;
  }
  .c-box-notice,
  .c-box-info,
  .c-box-attention,
  .c-box-important {
    margin: 0 0 20px;
    padding: 15px 15px 16px;
  }

  * + .c-box-notice,
  * + .c-box-info,
  * + .c-box-attention,
  * + .c-box-important {
    margin-top: 2em;
  }
  .c-box-notice dl,
  .c-box-info dl,
  .c-box-attention dl,
  .c-box-important dl {
    margin: 0;
  }
  .c-box-notice dt,
  .c-box-info dt,
  .c-box-attention dt,
  .c-box-important dt {
    font-size: 1.6rem;
    font-weight: bold;
  }
  .c-box-notice dd,
  .c-box-info dd,
  .c-box-attention dd,
  .c-box-important dd {
    margin:0;
  }
  .c-box-notice dl+dl,
  .c-box-info dl+dl,
  .c-box-attention dl+dl,
  .c-box-important dl+dl,
  .c-box-notice dd+dt,
  .c-box-info dd+dt,
  .c-box-attention dd+dt,
  .c-box-important dd+dt,
  .c-box-notice dd+dd,
  .c-box-info dd+dd,
  .c-box-attention dd+dd,
  .c-box-important dd+dd {
    margin-top: 15px;
  }
  .c-box-notice dt+dd,
  .c-box-info dt+dd,
  .c-box-attention dt+dd,
  .c-box-important dt+dd {
    margin-top: 5px;
  }

  .c-box-important--check dt{
    font-size: 1.4rem;
    background-size: 15px;
  }
  .c-box-important--check dt+dd {
    margin-top: 1em;
  }

  .c-box-border {
    display: block;
    margin: 25px 0;
  }
  .c-box-border .c-l-fbox {
    display: block;
    margin: 0;
  }

  .c-btn {
    width: 100%;
  }
  .c-btn a,
  .c-btn input,
  .c-btn button {
    border-radius: 3px;
    font-size: 1.3rem;
    height: 50px;
    letter-spacing: .05em;
  }
  .c-btn a:hover,
  .c-btn input:hover,
  .c-btn button:hover {
    background-color: #003894;
    color: #fff;
  }
  .c-btn a.c-fs16,
  .c-btn input.c-fs16,
  .c-btn button.c-fs16 {
    font-size: 1.3rem;
    padding: 0;
  }
  .c-btn a small,
  .c-btn input small,
  .c-btn button small {
    font-size: 1.1rem;
  }
  .c-btn--arrow a:hover,
  .c-btn--arrow input:hover,
  .c-btn--arrow button:hover {
    background-color: #003894;
    background-image: url(../images/icon_arrow.svg);
    color: #fff;
  }
  .c-btn--back a,
  .c-btn--back input,
  .c-btn--back button {
    background-position: left 15px center;
    padding: 0 0 0 15px;
  }
  .c-btn--back a:hover,
  .c-btn--back input:hover,
  .c-btn--back button:hover {
    background-color: #44a4e8;
    background-image: url(../images/icon_arrow_blue.svg);
    color: #fff;
  }
  .c-btn--l2 {
    width: 95.652173913%;
  }
  .c-btn--l2 a,
  .c-btn--l2 input,
  .c-btn--l2 button {
    border-radius: 3px;
    height: 60px;
    padding: 0;
  }
  .c-btn--l3 {
    width: 100%;
  }
  .c-btn--l3 a,
  .c-btn--l3 input,
  .c-btn--l3 button {
    border-radius: 3px;
    height: 45px;
    padding: 0;
  }
  .c-btn--l4 {
    width: 100%;
  }
  .c-btn--l4 a,
  .c-btn--l4 input,
  .c-btn--l4 button {
    border-radius: 3px;
    height: 45px;
    padding: 0;
  }
  .c-btn--w350 {
    width: 100%;
  }
  .c-btn--w350 a,
  .c-btn--w350 input,
  .c-btn--w350 button {
    border-radius: 3px;
  }
  .c-btn--print a,
  .c-btn--print input,
  .c-btn--print button {
    border-radius: 3px;
    height: 45px;
  }
  .c-btn--print a:hover span,
  .c-btn--print input:hover span,
  .c-btn--print button:hover span {
    background-image: url(../images/icon_print.svg);
  }
  .c-btn--csv a,
  .c-btn--csv input,
  .c-btn--csv button {
    border-radius: 3px;
    height: 45px;
  }
  .c-btn--csv a span,
  .c-btn--csv input span,
  .c-btn--csv button span {
    padding: 6px 0 4px 30px;
  }
  .c-btn--csv a:hover span,
  .c-btn--csv input:hover span,
  .c-btn--csv button:hover span {
    background-image: url(../images/icon_csv.svg);
  }
  .c-btn--blue a:hover,
  .c-btn--blue input:hover,
  .c-btn--blue button:hover {
    background-color: #44a4e8;
    color: #fff;
  }
  .c-btn--blue a.c-btn--arrow:hover,
  .c-btn--blue input.c-btn--arrow:hover,
  .c-btn--blue button.c-btn--arrow:hover {
    background-image: url(../images/icon_arrow.svg);
  }
  .c-btn--blue.c-btn--print a:hover span,
  .c-btn--blue.c-btn--print input:hover span,
  .c-btn--blue.c-btn--print button:hover span {
    background-image: url(../images/icon_print.svg);
  }
  .c-btn--blue.c-btn--csv a:hover span,
  .c-btn--blue.c-btn--csv input:hover span,
  .c-btn--blue.c-btn--csv button:hover span {
    background-image: url(../images/icon_csv.png);
  }
  .c-btn--bd a,
  .c-btn--bd input,
  .c-btn--bd button {
    background-color: #fff;
    background-position: right 8px center;
    background-size: 6px auto;
  }
  .c-btn--bd a:hover,
  .c-btn--bd input:hover,
  .c-btn--bd button:hover {
    background-color: #fff;
    color: #333;
  }
  .c-btn--bd.c-btn--arrow a:hover,
  .c-btn--bd.c-btn--arrow input:hover,
  .c-btn--bd.c-btn--arrow button:hover {
    background-image: url(../images/icon_arrow_black_right.svg);
  }
  .c-btn--bd .c-icon-i {
    height: 14.5px;
    margin: 0 0 0 5px;
    width: 14.5px;
  }
  .c-btn--bd02 a:hover,
  .c-btn--bd02 input:hover,
  .c-btn--bd02 button:hover {
    background-color: #fff;
  }

  .c-btn--mode a,
  .c-btn--mode-nm a,
  .c-btn--mode input,
  .c-btn--mode-nm input,
  .c-btn--mode button,
  .c-btn--mode-nm button {
    border-radius: 3px;
    padding: 0;
  }
  .c-btn--mode a:hover,
  .c-btn--mode-nm a:hover,
  .c-btn--mode input:hover,
  .c-btn--mode-nm input:hover,
  .c-btn--mode button:hover,
  .c-btn--mode-nm button:hover {
    background-color: #198c02;
    color: #fff;
  }
  .c-btn--mode a:hover,
  .c-btn--mode input:hover,
  .c-btn--mode button:hover {
    background-image: url(../images/icon_arrow_back.svg);
  }

  .c-btn-list {
    background: #ebecee;
    margin: 80px -15px 0;
    width: auto;
  }
  .c-btn-list li {
    margin: 0;
    width: 50%;
  }
  .c-btn-list--center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .c-btn-list--center * {
    margin: 0;
    min-width: 100%;
    border-radius: 0!important;
  }
  .c-btn-list--l2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: none;
    justify-content: space-between;
    margin: 10px 0 0;
  }
  .c-btn-list--l2 li {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .c-btn-list--l2 li:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .c-btn-list--nm {
    background: none;
    margin: 10px -2.173913043% 0;
  }
  .c-btn-list--nm li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 2.08333333%;
  }
  .c-btn-list--nm_order {
    background: none;
    margin: 0;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-btn-list--nm_order li {
    margin: 0;
    width: 100%;
  }
  .c-btn-list--nm_order li._order {
    -ms-flex-order: 2;
    margin: 15px 0 0;

    -webkit-box-ordinal-group: 3;
    order: 2;
  }
  .c-btn-list--nm_order .c-btn a,
  .c-btn-list--nm_order .c-btn input,
  .c-btn-list--nm_order .c-btn button {
    border-radius: 3px;
  }
  .c-btn-bottom .c-btn a,
  .c-btn-bottom .c-btn input,
  .c-btn-bottom .c-btn button {
    border-radius: 0;
  }
  .c-btn-bottom + .c-p-bottom {
    margin: 2px -15px 0;
    border-radius: 0;
  }
  .c-btn-bottom + .c-p-bottom .c-btn a,
  .c-btn-bottom + .c-p-bottom .c-btn input,
  .c-btn-bottom + .c-p-bottom .c-btn button {
    border-radius: 0;
    height: 50px;
  }
  input.c-btn:hover,
  button.c-btn:hover {
    background-color: #003894;
    color: #fff;
  }

/**
 * New button
 */
  .c-button {
    width: 100%;
  }
  .c-button + .c-button {
    margin-top: 3em;
  }
  .c-button > a,
  .c-button > button,
  .c-button > .btnInner {
    border-radius: 3px;
    font-size: 1.3rem;
    letter-spacing: .05em;
    min-height: 50px;
    min-width:140px;
  }
  .c-button > a:hover,
  .c-button > button:hover,
  .c-button > .btnInner:hover {
    background-color: #003894;
    color: #fff;
  }

  .c-button--arrow > a:hover,
  .c-button--arrow > button:hover,
  .c-button--arrow > .btnInner:hover {
    background-color: #003894;
    background-image: url(../images/icon_arrow.svg);
    color: #fff;
  }
  .c-button--lblue > a.c-button--arrow:hover,
  .c-button--lblue > button.c-button--arrow:hover,
  .c-button--lblue > .btnInner.c-button--arrow:hover {
    background-image: url(../images/icon_arrow_blue_right.svg);
  }
  .c-button--lblue > a:hover,
  .c-button--lblue > button:hover {
    color: #fff;
  }
  .c-button--lblue.c-button--arrow > a:hover,
  .c-button--lblue.c-button--arrow > button:hover,
  .c-button--lblue.c-button--arrow > .btnInner:hover {
    background-color: #44a4e8;
    background-image: url(../images/icon_arrow_back.svg);
  }

  .c-p-bottom .c-button.c-button--cancel + .c-button,
  .c-p-bottom .c-button.c-button--mode + .c-button {
    margin-top: 3em;
    padding-top: 3em;
  }

  .c-p-bottom .c-form-mode--wrap + .c-button {
    margin-top: 3em;
  }

  .c-button--l2 {
    width: 95.652173913%;
  }
  .c-button--l2 > a,
  .c-button--l2 > button,
  .c-button--l2 > .btnInner {
    border-radius: 3px;
    height: auto;
  }
  .c-button--l3 {
    width: 100%;
  }
  .c-button--l3 > a,
  .c-button--l3 > button,
  .c-button--l3 > .btnInner {
    border-radius: 3px;
    height: auto;
  }
  .c-button--l4 {
    width: 100%;
  }
  .c-button--l4 > a,
  .c-button--l4 > button,
  .c-button--l4 > .btnInner {
    border-radius: 3px;
    height: auto;
  }

  .c-button--w350 {
    width: 100%;
  }
  .c-button--w350 a,
  .c-button--w350 button,
  .c-button--w350 .btnInner {
    border-radius: 3px;
  }

  .c-button--close > a,
  .c-button--close > button,
  .c-button--close > .btnInner {
    background: #e4e4e4;
    border: 1px solid #c1c1c1;
    color: #666;
  }
  .c-button--close > a:hover,
  .c-button--close > button:hover,
  .c-button--close > .btnInner:hover {
    background: #fff;
    color: #666;
  }

  .c-button--bd a,
  .c-button--bd button,
  .c-button--bd input {
    background-color: #fff;
    background-position: right 8px center;
    background-size: 6px auto;
  }
  .c-button--bd a:hover,
  .c-button--bd button:hover,
  .c-button--bd input:hover {
    background-color: #fff;
    color: #333;
  }
  .c-button--bd.c-button--arrow a:hover,
  .c-button--bd.c-button--arrow button:hover,
  .c-button--bd.c-button--arrow input:hover {
    background-image: url(../images/icon_arrow_black_right.svg);
  }
  .c-button--bd .c-icon-i {
    height: 14.5px;
    margin: 0 0 0 5px;
    width: 14.5px;
  }
  .c-button--bd02 a:hover,
  .c-button--bd02 button:hover,
  .c-button--bd02 input:hover {
    background-color: #fff;
  }

  .c-button--download-pdf a,
  .c-button--download-csv a,
  .c-button--download-zip a,
  .c-button--download-exe a {
    height: 35px;
    min-height: 35px;
    line-height: 2.2;
  }
  .c-table .c-button--download-pdf a,
  .c-table .c-button--download-csv a,
  .c-table .c-button--download-zip a,
  .c-table .c-button--download-exe a {
    font-size: 10px;
    height: 21px;
    line-height: 1.7;
    margin-left: 10px;
    min-height: 21px;
    max-width: 90px;
    min-width: 80px;
    padding: 1px 1px 1px 18px;
    width: 90px;
  }
  .c-table .c-button--download-pdf a:before,
  .c-table .c-button--download-csv a:before,
  .c-table .c-button--download-zip a:before,
  .c-table .c-button--download-exe a:before {
    height: 23px;
    left: -11px;
    top: -2px;
    width: 25px;
  }
  .c-table .c-button--download-pdf.lang-en a,
  .lang-en .c-table .c-button--download-pdf a,
  .c-table .c-button--download-csv.lang-en a,
  .lang-en .c-table .c-button--download-csv a,
  .c-table .c-button--download-zip.lang-en a,
  .lang-en .c-table .c-button--download-zip a,
  .c-table .c-button--download-exe.lang-en a,
  .lang-en .c-table .c-button--download-exe a {
    width: 80px;
  }
  .c-table th > .c-button--download-pdf a,
  .c-table td > .c-button--download-pdf a,
  .c-table th > .c-button--download-csv a,
  .c-table td > .c-button--download-csv a,
  .c-table th > .c-button--download-zip a,
  .c-table td > .c-button--download-zip a,
  .c-table th > .c-button--download-exe a,
  .c-table td > .c-button--download-exe a {
    margin: -5px auto;
  }
  .c-table th > .c-button--download-pdf a + .c-button--download-pdf a,
  .c-table td > .c-button--download-pdf a + .c-button--download-pdf a,
  .c-table th > .c-button--download-csv a + .c-button--download-csv a,
  .c-table td > .c-button--download-csv a + .c-button--download-csv a,
  .c-table th > .c-button--download-zip a + .c-button--download-zip a,
  .c-table td > .c-button--download-zip a + .c-button--download-zip a,
  .c-table th > .c-button--download-exe a + .c-button--download-exe a,
  .c-table td > .c-button--download-exe a + .c-button--download-exe a {
    margin-top: 10px;
  }


/**
 * 代理用
 */
  .c-button--mode > a.c-button--arrow:hover,
  .c-button--mode > button.c-button--arrow:hover,
  .c-button--mode > .btnInner.c-button--arrow:hover {
    background-image: url(../images/icon_arrow_blue_right.svg);
  }
  .c-button--mode > a:hover,
  .c-button--mode > button:hover {
    color: #fff;
  }
  .c-button--mode.c-button--arrow > a:hover,
  .c-button--mode.c-button--arrow > button:hover,
  .c-button--mode.c-button--arrow > .btnInner:hover {
    background-color: #198c02;
    background-image: url(../images/icon_arrow_back.svg);
  }


/**
 * c-button-list
 */
  .c-button-list {
    background: #ebecee;
    margin: 80px -15px 0;
    width: auto;
  }
  .c-button-list > li {
    margin: 0;
    width: 50%;
  }
  .c-button-list--center {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .c-button-list--center * {
    margin: 0;
    min-width: 100%;
    border-radius: 0!important;
  }
  .c-button-list--l2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    background: none;
    justify-content: space-between;
    margin: 10px 0 0;
  }
  .c-button-list--l2 > li {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  .c-button-list--l2 > li:first-child {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
  .c-button-list--nm {
    background: none;
    margin: 10px -2.173913043% 0;
  }
  .c-button-list--nm > li {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin: 0 2.08333333%;
  }

  .c-p-bottom > .c-button-list--nm > li:first-child {
    margin-top: 0;
  }
  .c-p-bottom > .c-button-list--nm > li:last-child {
    margin-bottom: 0;
  }

  * + .c-button-list.c-button-bottom{
      margin-top:80px;
  }

  .c-button-bottom .c-button a,
  .c-button-bottom .c-button button,
  .c-button-bottom .c-button .btnInner,
  .c-btn-bottom .c-button a,
  .c-btn-bottom .c-button button,
  .c-btn-bottom .c-button .btnInner {
    border-radius: 0;
    min-width:100%;
  }
  .c-button-bottom + .c-p-bottom {
    margin: 2px -15px 0;
    border-radius: 0;
  }
  .c-button-bottom + .c-p-bottom .c-button > a,
  .c-button-bottom + .c-p-bottom .c-button > button,
  .c-button-bottom + .c-p-bottom .c-button > .btnInner {
    border-radius: 0;
    height: 50px;
    min-width: 100%;
  }
  input.c-button:hover {
    background-color: #003894;
    color: #fff;
  }


  .c-button-list--vertical,
  .c-button-list--vertical > li {
    display: block;
    width:auto;
  }
  .c-button-list--vertical {
    background:none;
    margin: 0;
    width: 100%;
  }
  .c-button-list--vertical > li {
    margin:20px auto;
  }
  .c-button-bottom.c-button-list--vertical > li {
    margin:0 auto;
  }
  .c-button-list--vertical > li .c-button > a,
  .c-button-list--vertical > li .c-button > button,
  .c-button-list--vertical > li .c-button > .btnInner {
    width: 100%;
  }


  .c-button-serviceList {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 -10px;
  }
  .c-button-serviceList .c-button + .c-button,
  .c-button-serviceList li {
    margin: 0 0 10px;
    width: 48.550724637%;
  }
  .c-button-serviceList + p {
    margin: 5px 0 0;
    text-align: right;
  }


  .c-form-down + .c-button--result-display-button {
    margin: 0 0 0 10px;
  }
  .c-button--result-display-button a,
  .c-button--result-display-button button,
  .c-button--result-display-button .btnInner {
    min-width: 60px;
    height: 38px;
    min-height: 38px;
    padding-left: 15px;
    padding-right: 15px;
    vertical-align: middle;
  }


/*  .c-button--thin.c-button--bd > a,
  .c-button--thin.c-button--bd > button,
  .c-button--thin.c-button--bd > .btnInner,
  .c-button--thin.c-button--print > a,
  .c-button--thin.c-button--print > button,
  .c-button--thin.c-button--print > .btnInner,
  .c-button--thin.c-button--csv > a,
  .c-button--thin.c-button--csv > button,
  .c-button--thin.c-button--csv > .btnInner,
  .c-button--thin.c-button--modal > a,
  .c-button--thin.c-button--modal > button,
  .c-button--thin.c-button--modal > .btnInner,
  .c-button--thin.c-button--refineSearch > a,
  .c-button--thin.c-button--refineSearch > button,
  .c-button--thin.c-button--refineSearch > .btnInner,
  .c-button--thin.c-button--blank > a,
  .c-button--thin.c-button--blank > button,
  .c-button--thin.c-button--blank > .btnInner {
    height: 36px;
  }
*/

  .c-fs16 {
    font-size: 1.3rem;
  }
/*  .c-form--input .c-form-item > dt {
    line-height: 1.3;
    padding: 14px 15px;
  }
  .c-form--input .c-form-item > dd {
    padding: 15px 15px;
  }*/
  .c-form-body {
    margin: 15px 0 36px;
  }
  .c-form-body + .c-headline--l2 {
    margin-top: 40px;
  }
  .c-form-body--mode .c-form-item > dt,
  .c-form-body.c-form-mode .c-form-item > dt {
    line-height: 1.3;
  }

  .c-form-item {
    display: block;
    margin: 0 -15px;
  }
  .st-l-contract-details .c-form-item {
    margin: 0;
  }
  .c-form-item.c-form-item--mode > dt,
  .c-form-item.c-form-item--test > dt {
    border-top: solid 1px #c2c2c2;
  }
  .c-form-item.c-form-item--mode > dd,
  .c-form-item.c-form-item--test > dd {
    border-bottom: solid 1px #c2c2c2;
  }
  .c-form-item + .c-form-item {
    margin-top: -1px;
    margin-bottom: -1px;
  }
  .c-form-item > dt {
    font-size: 1.3rem;
    line-height: 1.3;
    padding: 12px 15px;
    width: 100%;
  }
  .c-form-item > dt._line2 {
    padding: 12px 15px;
  }
  .c-form-item > dd,
  div.c-form-item {
    font-size: 1.3rem;
    line-height: 1.7;
    min-height: 3em;
    padding: 10px 15px;
    width: 100%;
  }

  .c-form-item.c-form-item--multi > dd{
    padding: 15px 0;
  }
  .c-form-item .multi-item{
    padding: 15px;
  }
  .c-form-item .multi-item:first-child{
    margin-top: -15px;
  }
  .c-form-item .multi-item:last-child{
    margin-bottom: -15px;
  }
  .c-form-item .multi-item > .multi-item--dt{
    margin-bottom:15px;
  }
  .c-form-item .multi-item dd{
    margin:0;
  }
  .c-form-item .multi-item dd + dd{
    margin-top:10px;
  }
  .c-form-item .multi-item + .multi-item{
    border-top:1px dashed #c2c2c2;
  }

  .c-form-item > dd small {
    display: block;
    font-size: 1.2rem;
  }
  .c-form-item > dd p + .c-form-list {
    margin-top: 10px;
  }
  .c-form-item > dd p + p,
  .c-form-item > dd p + label,
  .c-form-item > dd label + p {
    margin-top: 22px;
  }
  .c-form-item > dd p + .c-form-item__btn {
    margin: 20px 0 15px;
  }
  .c-form-item > dd .c-form-box__item dt {
    margin: 0 0 10px;
    width: 100%;
  }
  .c-form-item > dd .c-form-mode {
    margin-top: 10px;
  }
  .c-form-item > dd .c-form-mode__item {
    padding: 13px 15px;
  }
  .c-form-item > dd .c-form-mode__item dt {
    padding: 0;
  }

  .c-form-item--nesting .c-form-item{
    border: none;
    margin: 0;
  }
  .c-form-item--nesting .c-form-item:last-child {
    border-bottom: none;
  }
  .c-form-item--nesting .c-form-item + div.c-form-item {
    border-top: 1px solid #c2c2c2;
  }
  .c-form-item--nesting > dd{
  }

  .c-form-item__txt {
    width:auto;
    margin-right:0;
  }

  .c-form-item__btn {
    margin: 10px 0 8px;
    position: static;
  }
  
  .c-form-item__array-btn {
    margin: 10px 0 8px;
    position: static;
  }
  
  .c-form-bottom--complete .c-btn {
    background-position: right 10px center;
    background-size: 5.5px auto;
    border-radius: 4px;
    height: 45px;
  }
  .c-form-required {
    display: inline-block;
    font-size: 1.0rem;
    height: 15px;
    line-height: 15px;
    margin: 0 0 0 9px;
    position: static;
    width: 40px;
  }.lang-en .c-form-required {
    display: inline-block;
    font-size: 1.5rem;
    margin: 0 0 0 9px;
    position: static;
  }
  /*.c-form-required_en {
    display: inline-block;
    font-size: 1.5rem;
    margin: 0 0 0 9px;
    position: static;
  }*/
  .c-form-step {
    margin: 0 0 20px;
  }
  .c-form-step__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 -5px;
  }
  .c-form-step__item + .c-form-step__item::before {
    left: auto;
    right: 50%;
    top: 5px;
    width: 100%;
  }
  .c-form-step__item {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 15%;
  }
  .c-form-step__item.is-current .c-form-step__num {
    font-size: 1.3rem;
    height: 25px;
    margin-top: -7px;
    width: 25px;
  }
  .c-form-step__num {
    font-size: 0;
    height: 10px;
    width: 10px;
  }
  .c-form-step__txt {
    display: none;
  }
  .c-form-checkbox,
  .c-form-radio {
    font-size: 1.3rem;
    line-height: 1.3;
  }
  .c-form-checkbox > span,
  .c-form-radio > span {
    cursor: default;
    display: block;
    padding: 0 0 0 27px;
  }
  .c-form-checkbox > span::before,
  .c-form-checkbox > span::after,
  .c-form-radio > span::before,
  .c-form-radio > span::after {
    bottom: auto;
  }
  .c-form-checkbox > span::before,
  .c-form-radio > span::before {
    border: solid 1px #ddd;
    height: 17px;
    width: 17px;
  }
  .c-form-checkbox > span::after {
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
    height: 7px;
    left: 4px;
    top: 3px;
    width: 9px;
  }
  .c-form-radio > span::before {
    top: 0;
  }
  .c-form-radio > span::after {
    height: 11px;
    left: 3px;
    opacity: 0;
    top: 3px;
    width: 11px;
  }
  .c-form-radio.c-form-radio--gradeEvaluation > span {
    padding: 0 0 1.2em;
  }
  .c-form-radio.c-form-radio--gradeEvaluation > span::before {
    margin-left: -8px;
    top: 1.22em;
  }
  .c-form-radio.c-form-radio--gradeEvaluation > span::after {
    margin-left: -5px;
    top: 1.45em;
  }
  .c-form-text {
    height: 38px;
    width: 37.101449275%;
    padding-left:4px;
    padding-right:4px;
    font-size: 1.4rem;
    letter-spacing:-0.02em;
  }

  .c-form-text._w300,
  .c-form-text._w280,
  .c-form-text._w200 {
    width: 100%;
  }
  .c-form-text--from,
  .c-form-text--to {
    width: 155px;
  }
  .c-form-list .c-form-btn {
    width: 100%;
    height: 100%;
  }
  .c-form-btn + .c-form-btn {
    margin-top: 10px;
  }
  .c-form-btn > span:not([class]) {
    font-weight: 700;
    margin: 0;
    padding: 9px 12px;
  }
  .c-form-btn > span:not([class]):hover {
    -webkit-box-shadow: none;
    border-color: #ccc;
    border-width: 1px;
    box-shadow: none;
  }
  .c-form-btn > span:not([class]):hover::before {
    border-color: transparent;
  }

  .c-form-btn__inner{
    padding:8px;
    height:100%;
   }

  .c-form-btn__txt{
    font-size: 1.3rem;
  }

  .c-form-btn small {
    font-size: 1.2rem;
    font-weight: 400;
  }

  .c-form-img img {
    margin: 0 auto;
    width: 90px;
  }
  .c-form-img span {
    padding: 7px 0 8px;
  }
  .c-form-img span:hover {
    -webkit-box-shadow: none;
    border-color: #ccc;
    box-shadow: none;
  }
  .c-form-img span:hover::before {
    border-color: transparent;
  }

  .c-form-list--col4,
  .c-form-list--l2 {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 -15px;
  }
  .c-form-list--col4 li,
  .c-form-list--l2 li{
    margin: 0 0 15px;
  }
  .c-form-list--col4 li,
  .c-form-list--l2 li,
  .c-form-list--col3 li {
    width: 47.826086956%;
  }

  .c-form-list--gradeEvaluation {
  }
  .c-form-list--gradeEvaluation > li {
    min-width: 1.6em;
  }
  .c-form-list--gradeEvaluation .c-form-list__geDissatisfaction,
  .c-form-list--gradeEvaluation .c-form-list__geSatisfaction {
    letter-spacing: 0.2em;
    min-width: auto;
    width: 1em;
  }
  .c-form-list--gradeEvaluation .c-form-list__geDissatisfaction {
    margin-right: 0.25em;
  }
  .c-form-list--gradeEvaluation .c-form-list__geSatisfaction {
    margin-left: 0.5em;
  }

  .c-form-date + .c-form-list--anhConstruction {
    margin-left: 0;
  }



  .c-form-dl{
    display: block;
  }
  .c-form-dl > .c-form-dl__dt + .c-form-dl__dd{
    margin:0.25em 0 0;
  }
  .c-form-dl > .c-form-dl__dt,
  .c-form-dl > .c-form-dl__dd{
    display:block;
  }

  .c-form-rule {
    margin: 10px 0 0;
  }
  .c-form-rule--payMethod {
    margin: 10px 0 15px;
  }
  .c-form-rule::-webkit-scrollbar {
    width: 5px;
  }
  .c-form-rule::-webkit-scrollbar-thumb {
    background: #999;
    border-radius: 5px;
  }
  .c-form-rule::-webkit-scrollbar-track-piece {
    background: #efefef;
  }
  .c-form-rule p + p {
    margin: 22px 0 0;
  }
  .c-form-rule:not(.c-form-rule--show):not(.is-form-rule-show) p:last-child {
    margin-bottom: 20px;
  }
  .c-form-rule--show > *:last-child,
  .is-form-rule-show > *:last-child {
    margin-bottom: 0px;
  }
  .c-form-rule ul + p {
    margin: 22px 0 0;
  }
  .c-form-rule ul + ul {
    margin: 22px 0 0;
  }
  .c-form-rule ul a {
    font-size: 1.2rem;
  }
  .c-form-rule:not(.c-form-rule--show):not(.is-form-rule-show) ul:last-child {
    margin-bottom: 20px;
  }
  .c-form-rule--show ul:last-child,
  .is-form-rule-show ul:last-child {
    margin-bottom: 0;
  }
  .c-form-rule_check {
    font-size: 1.3rem;
    line-height: 1.5;
    margin: 20px 0;
    text-align: left;
  }
  /*.c-form-rule_check .c-form-rule_check__txt{
    text-align:left;
  }*/

  .c-form-name {
    margin: 0 5.79710449% 0 0;
  }
  .c-form-name span {
    font-size: 1.3rem;
    white-space: nowrap;
    width: 9.855072463%;
  }
  .c-form-post span {
    margin: 0 3px 0 0;
  }
  .c-form-post .c-form-text {
    width: 110px;
  }
  .c-form-post .c-form-text + span {
    margin: 0 3px;
  }
  .c-form-post__btn {
    border-radius: 2px;
    font-size: 1.1rem;
    height: 25px;
    margin: 0 0 0 15px;
    width: 85px;
  }
  .c-form-address {
    margin: 17px 0 0;
  }
  .c-form-address .c-form-text {
    margin: 5px 0 0;
    width: 100%;
  }
  .c-form-address span {
    display: block;
    width: 100%;
  }
  .c-form-address--l2 span {
    width: 100%;
  }
  .c-form-tell input,
  .c-form-connum input {
    width: 88px;
  }
  .c-form-box .c-form-tell input,
  .c-form-box .c-form-connum input {
    width: 70px;
  }
  .c-form-tell:first-child input {
    width: 60px;
  }
  .c-form-connum:first-child input {
    width: 76px;
  }

  .c-form-birthday input,
  .c-form-dateGroup input {
    width: 58px;
  }

  .c-form-birthday:first-child input,
  .c-form-dateGroup:first-child input {
    width: 75px;
  }

  .c-form-down--w446 {
    width: 100%;
  }
  .c-form-period {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .c-form-period label {
    width: 44.927536231%;
  }
  .c-form-period label + span {
    margin: 0 10px;
  }
  .c-form-period .c-form-text {
    width: 100%;
  }
  .c-form-mail .c-form-text {
    margin: 5px 0 0;
    width: 100%;
  }
  .c-form-error_fixed .c-form-error_txt {
    margin: 5px 0 0;
  }
  .c-form-error_fixed.is-fixed {
    padding: 7px 15px;
  }
  .c-form-error_txt {
    background-position: left 2px;
    background-size: 11.5px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding: 0 0 0 15px;
  }
  .c-form-conf_txt {
    font-size: 1.3rem;
    line-height: 1.5;
  }


  .c-form-box {
    margin: 20px 0 0;
    padding: 17px 20px;
  }
  .c-form-box .c-form-list--l1 li + li {
    margin: 10px 0 0;
  }
  .c-form-box__item {
    display: block;
  }
  .c-form-box__txt {
    margin-top: 10px;
  }
  .c-form-box__title {
    margin-bottom: 5px;
  }
  .c-form-mode--header {
    padding: 15px 0 20px;
    top: 80px;
  }
  .c-form-mode--header .st-l-inner {
    display: block;
  }
  .c-form-mode--box .c-headline--l2 {
    padding: 0 15px;
  }
  .c-form-mode--box .c-form-mode__ttl {
    font-size: 1.3rem;
    margin: 15px 0 10px;
    padding: 0 15px;
  }

  .c-form-mode--wrap .c-headline--l2,
  .c-form-mode--wrap .c-headline--l3{
    padding: 0 15px;
  }

  .c-form-mode--wrap .c-form-mode__ttl {
    font-size: 1.3rem;
    margin: 15px 0 10px;
    padding: 0 15px;
  }

  .c-form-mode--wrap > .c-headline--l2:first-child,
  .c-form-mode--wrap > .c-headline--l3:first-child,
  .c-form-mode--wrap .c-form-mode__txt:first-child,
  .c-form-mode--wrap > .c-p-list--nm:first-child,
  .c-form-mode--wrap > .c-txt-caution:first-child {
    margin-top:0;
  }
  .c-form-mode--wrap > .c-headline--l2:last-child,
  .c-form-mode--wrap > .c-headline--l3:last-child,
  .c-form-mode--wrap .c-form-mode__txt:last-child,
  .c-form-mode--wrap > .c-p-list--nm:last-child,
  .c-form-mode--wrap > .c-txt-caution:last-child {
    margin-bottom:0;
  }

  .c-form-mode--all .c-form-mode__txt {
    margin: 0 0 15px;
    padding: 0 15px;
  }
  .c-form-mode .c-form-item {
    margin:0;
  }
  .c-form-mode .c-form-item + .c-form-item {
    margin-top:-1px;
    margin-bottom:-1px;
  }
  .c-form-mode__top {
    display: block;
    margin: 0;
  }
  .c-form-mode__btn {
    margin-top: 10px;
  }
  .c-form-mode__id {
    margin: 0;
  }
  .c-form-mode__id span {
    font-size: 2.0rem;
    display:inline;
  }
  .c-form-mode__dairi_id {
    margin: 0;
  }
  .c-form-mode__dairi_id span {
    font-size: 2.0rem;
    display:inline;
  }
  .c-form-mode__item {
    display: block;
    padding: 8px 15px;
  }
  .c-form-mode__item dt {
    font-size: 1.3rem;
    margin: 0 0 5px;
    width: 100%;
  }
  .c-form-mode__item dt small {
    font-size: 1.1rem;
  }
  .c-form-mode__item dd {
    font-size: 1.3rem;
  }

  .c-form-credit > span:first-child {
    display: block;
    width: 100%;
  }


  .c-headline {
    font-size: 2.7rem;
    letter-spacing: .03em;
    line-height: 1.2;
    margin: 0 0 20px;
  }
  .c-headline .c-icon-q {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 0 12px;
    position: relative;
    top: 4px;
    vertical-align: inherit;
  }
  .c-headline--l1 {
    font-size: 1.8rem;
    letter-spacing: .03em;
    margin-bottom:20px;
  }
  .c-headline--l1 ._num {
    font-size: 1.5rem;
    height: 25px;
    margin: 0 6px 0 0;
    width: 25px;

    align-self: flex-start;
    -ms-flex-item-align: start;
  }
  .c-headline--l2 {
    font-size: 1.8rem;
    letter-spacing: .02em;
    line-height: 1.3;
  }
  .c-headline--l2:not(.c-headline--icon) {
    padding: 0 0 0 11px;
  }
  .c-headline--l2::before {
    height: 1.2em;
    top: 0;
    width: 3px;
  }
  .c-headline--l3 {
    font-size: 1.5rem;
  }
  .c-headline--l3:not(.c-headline--icon) {
    padding-left:16px;
  }
  .c-headline--l3::before {
    height: 10px;
    top: 0.50em;
    width: 10px;
  }
  .c-headline--l4 {
    font-size: 1.3rem;
  }
  .c-headline--l4:not(.c-headline--icon) {
    padding-left:13px;
  }
  .c-headline--l4::before {
    height:5px;
    width:5px;
  }
  * + .c-headline--l1,
  * + .c-headline--l2,
  * + .c-headline--l3,
  * + .c-headline--l4,
  .c-headline--l1 + *:not(.c-form-error_fixed),
  .c-form.c-form--input +.c-form.c-form--input > .c-headline--l2 {
    margin-top:2em;
  }

  .c-headline--top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .c-headline--top .c-btn {
    margin: 10px 0 0;
  }

  .c-headline--withBtmSc {
    font-size: 1.8rem;
    padding:0 5px 14px;
    margin:-4px -15px 24px;
  }

  .c-icon-q {
    width: 26px;

    align-self: flex-start;
    -ms-flex-item-align: start;
  }
  .c-icon-arrow {
    margin: 15px 0;
  }
  .c-icon-arrow span {
    border-width: 20px 31px 0 31px;
  }
  .c-icon-arrow span::before {
    height: 2px;
    top: 2px;
  }
  .c-icon-box {
    border-radius: 2px;
    font-size: 1.3rem;
    padding: 3px 9px;
  }
  .c-icon-i {
    height: 16.5px;
    width: 16.5px;
  }
  .c-icon-h.c-icon-billing {
    margin: 0 9px 0 0;
  }
  .c-icon-h.c-icon-other {
    margin: 0 9px 0 0;
  }
  .c-icon-news {
    height: 31px;
    width: 26.5px;
  }
  .c-icon-yen {
    height: 29px;
    width: 29px;
  }
  .c-icon-service {
    height: 31.5px;
    width: 43.5px;
  }
  .c-icon-contract-service {
    height: 32px;
    width: 33px;
  }
  .c-icon-usage {
    height: 33px;
    width: 41px;
  }
  .c-icon-procedure {
    height: 25px;
    width: 31px;
  }
  .c-icon-account {
    height: 29px;
    width: 27.5px;
  }
  .c-icon-billing {
    height: 31.5px;
    width: 26px;
  }
  .c-icon-other {
    height: 34px;
    width: 26px;
  }
  .c-icon-mail {
    height: 14px;
    width: 21px;
  }
  .c-icon-ttl {
    padding: 0 0 0 15px;
  }
  .c-icon-ttl::before {
    border-width: 3px;
    height: 11px;
    top: 2px;
    width: 11px;
  }
  .c-icon-hr,
  .c-icon-hr:before,
  .c-icon-hr:after {
    height:2px;
    width:2px;
  }


  .c-icon-addItem,
  .c-icon-removeItem {
    display: block;
    font-size: 1.3rem;
  }
  .c-icon-addItem:hover,
  .c-icon-removeItem:hover {
    opacity: 1;
  }
  .c-icon-addItem::before,
  .c-icon-removeItem::before {
    top: 0;
  }
  input + .c-icon-addItem,
  input + .c-icon-removeItem {
    margin-top: 0.6em;
  }


  .c-l-pc {
    display: none;
  }
  .c-l-sp {
    display: block;
  }
  br.c-l-sp {
    display: inline-block;
  }
  .c-l-fbox .c-form-list {
    margin: 0;
  }
  .c-l-fbox--spCancel{
    display:block;
  }
  .c-l-fbox--spCancel.c-l-fbox--2col > *,
  .c-l-fbox--spCancel.c-l-fbox--2col > :nth-child(even){
    margin-left: 0;
    width: 100%;
  }
  .c-l-fbox--spCancel > * + *,
  .c-l-fbox--spCancel > * + .mypage-dt-month__print{
    margin-top:1em;
  }
  .c-l-fbox--spCancel > .mypage-dt-month__wrap > .mypage-dt-month__select + p{
    margin-top:0.6em;
  }

  /* .c-l-pages {
    padding-bottom: 125px;
    padding-top: 12px;
  }
  .c-l-pages > section + section {
    margin: 50px 0 0;
  }
  .c-l-pages .c-form-body {
    margin: 10px 0 25px;
  }
  .c-l-pages .c-headline--l1 {
    font-size: 2.0rem;
  } */
  .c-l-mode {
    padding-top: 147px;
  }
  .st-l-wrapper--simple.c-l-mode {
    padding-top: 2px;
  }
  .st-l-wrapper--simple.c-l-mode .c-form-mode.c-form-mode--header{
    height: 3.2em;
    overflow:hidden;
  }
  .st-l-wrapper--simple.c-l-mode .c-form-mode.c-form-mode--header:before{
    content:"▼タップで開く";
    color:#003894;
    font-size:8px;
    position:absolute;
    right:1em;
    bottom:0.5em;
  }
  .st-l-wrapper--simple.c-l-mode > .c-form-mode.c-form-mode--header:hover{
    height:auto;
  }
  .st-l-wrapper--simple.c-l-mode > .c-form-mode.c-form-mode--header:hover:before{
    content:"";
  }
  .js-toggle-box {
    margin-top: 20px;
  }
  .c-link {
    font-size: 1.3rem;
  }
  .c-link:hover {
    color: #003894;
  }
  .c-link--blank::after {
    position: relative;
    top: 2px;
  }
  .c-link--blank:hover::after {
    background-image: url(../images/icon_blank.svg);
  }
  .c-link--blank._l2:hover::after {
    background-image: url(../images/icon_blank_black.svg);
  }
  .c-link--icon .c-icon-q {
    width: 15px;
  }
  .c-p-menu:not(.c-p-menu--parallel) {
    display: block;
    margin: 0 -15px 40px;
  }
  .c-p-menu:not(.c-p-menu--parallel) li {
    border-left: none;
    border-top: solid 1px #e6e6e6;
    width: auto;
  }
  .c-p-menu:not(.c-p-menu--parallel) li a {
    display: block;
    font-size: 1.3rem;
    line-height: 1.3;
    padding: 13px 15px;
    text-align: left;
  }
  .c-p-menu:not(.c-p-menu--parallel) li a::after {
    left: auto;
    margin: auto;
    right: 15px;
    top: 0;
  }
  .c-p-menu:not(.c-p-menu--parallel) li:last-child {
    border-bottom: solid 1px #e6e6e6;
    border-right: none;
  }

  .c-p-menu.c-p-menu--emphasis li {
    border-color: #44a4e8;
  }

  .c-p-list {
    margin-top: 10px;
  }
  .c-p-list > li {
    font-size: 1.3rem;
    letter-spacing: .03em;
    line-height: 1.4;
    padding: 0 0 0 1.25em;
  }
  .c-p-list > li::before {
    border-width: 3px;
    height: 11px;
    top: 0.25em;
    width: 11px;
  }

  .c-p-list__canApply {
    display: block;
  }

  .c-p-bottom {
    margin: 40px 0 0;
  }
  .c-t-wrap {
    overflow: auto;
    padding: 0 0 5px;
    position: relative;
  }
  .c-t-wrap::-webkit-scrollbar {
    height: 6px;
  }
  .c-t-wrap::-webkit-scrollbar-thumb {
    background: #afb0b4;
    border-radius: 6px;
  }
  .c-table,
  .c-table--nm {
    table-layout: fixed;
    width: 150%;
  }
  .c-table--fullWidth,
  .c-form-tips .c-table,
  .c-form-tips2 .c-table{
    table-layout: auto;
    width: 100%;
  }
  .c-table th {
    font-size: 1.1rem;
    padding: 4px;
    white-space: nowrap;
    width: 115px;
  }
  .c-table ._ww {
    width: 225px;
  }
  .c-table ._ws {
    width: 90px;
  }
  .c-table td {
    font-size: 1.1rem;
    padding: 7px;
  }
  .c-table td._bg {
    padding: 7px 10px;
  }
  .c-table.c-table--nm th,
  .c-table.c-table--nm td {
    padding: 12px 15px;
  }

  .c-table--emailAddressList .c-button--cancel > a,
  .c-table--emailAddressList .c-button--cancel > button,
  .c-table--emailAddressList .c-button--cancel > .btnInner {
    height: auto;
  }



  .c-graph {
    width: 100%;
  }
  .c-graph + .c-graph {
    margin: 35px 0 0;
  }
  .c-graph + .c-graph--info {
    margin: 10px 0 0;
  }
  .c-graph--info {
    padding: 0;
  }
  .c-graph .c-link {
    font-size: 1.4rem;
  }
  .c-graph__wrap {
    height: 180px;
    margin: 15px auto 0;
    width: 180px;
  }
  .c-graph__wrap:after {
    height: 154px;
    width: 154px;
  }
  .c-graph__wrap--double {
    height: 250px;
    width: 250px;
  }
  .c-graph__ttl span {
    display: block;
    text-align: center;
  }
  .c-graph__ttl span + span {
    margin: 5px 0 -10px;
  }
  .c-graph__txt {
    width: 128px;
  }
  .c-graph__txt__gb,
  .c-graph__txtGB {
    font-size: 1.3rem;
  }
  .c-graph__txt__gb span,
  .c-graph__txtGB .c-graph__GBtxt {
    font-size: 3.0rem;
  }
  .c-graph__txt__deno {
    font-size: 1.3rem;
    padding: 10px 0 0;
  }
  .c-graph__desc {
    margin: 6px 0 0;
  }
  .c-graph__list {
    width: 200px;
  }
  .c-graph__list li {
    padding: 0 0 0 25px;
  }
  .c-graph__list li::before {
    height: 15px;
    width: 15px;
  }
  .c-graph__list dl dt {
    font-size: 1.3rem;
  }
  .c-graph__list dl dd {
    font-size: 1.3rem;
  }
  .c-graph__btns {
    margin: 15px 0 0;
  }
  .c-txt {
    font-size: 1.4rem;
    letter-spacing: .02em;
    line-height: 1.3;
  }
  .c-txt02 {
    font-size: 1.3rem;
    letter-spacing: .05em;
    line-height: 1.4;
  }
  .c-txt02 + p {
    margin: 5px 0 0;
  }
  .c-txt03 {
    font-size: 1.4rem;
    letter-spacing: .05em;
    line-height: 1.2;
    margin: 0 0 15px;
  }
  .c-txt04 {
    font-size: 1.3rem;
  }
  .c-txt-em {
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 15px 0 0;
  }
  .c-txt-box {
    display: block;
    padding: 2px 0;
    text-align: center;
  }

  .c-t-required {
    margin-top:-0.2em;
    font-size: 1.0rem;
    line-height: 15px;
  }
  /*.c-t-required_en {
    font-size: 1.5rem;
  }*/


  /* !c-t-dl
  ---------------------------------------------------------- */
  .c-t-dl__heading:before,
  .c-t-dl__cHeading:before {
    top: 0.2em;
  }




  /* # =================================================================
  #
  # mypage top
  #
  # ================================================================= */
  .st-l-main.mypage-top {
    padding-top: 20px;
  }
  .mypage-top .top-info,
  .mypage-top .top-dataTraffic,
  .mypage-top .top-menu {
    margin-left: 0;
    margin-right: 0;
  }
  .mypage-top .top-menu {
    padding-left: 0;
    padding-right: 0;
  }
  .mypage-top .top-info {
    padding: 0;
  }
  .mypage-top .top-menu:last-child,
  .mypage-top .btm-banner:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
  }
  /* .mypage-top .c-headline--l3 {
    font-size: 2.0rem;
    line-height: 1.0;
  }
  .mypage-top .c-headline--l3 small {
    font-size: 1.3rem;
    line-height: 1.5;
  } */

  .top-news {
    padding: 0;
  }

  .top-news__list li a {
    padding: 8px 32px 8px 12px;
  }
  .top-news__list li p {
    display: -webkit-box;
    font-size: 1.3rem;
    line-height: 1.5;
    text-overflow: inherit;
    white-space: inherit;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .top-news__list li::after {
    width: 25px;
  }
  .top-news__headline {
    margin: 0 0 10px;
  }
  .top-news__headline.c-headline--l3{
    padding-left: 0;
  }
  .top-news__btn {
    font-size: 1.3rem;
    height: 33px;
    line-height: 33px;
  }
  .top-news__btn span::before {
    left: -15px;
  }


  /*
  .top-info系は 30.contents 系（c-xxx）↑ へ
  変更があってTOPのみのパーツではなくなった為、 .c-info-billAndSv を用意
  */


  .top-info + .top-dataTraffic {
    margin-top: 20px;
  }
  .top-dataTraffic {
    padding: 20px 0;
  }
  .top-dataTraffic .c-dataTraffic-wrap {
    padding: 15px 15px 20px;
  }
  .top-dataTraffic .c-dataTraffic-wrap .c-headline--l1{
    font-size: 2.0rem;
    margin: 0 -15px;
    padding: 0 10px 12px 15px;
  }

  .top-graph--all {
    padding: 0;
  }
  .top-graph--day {
    border: none;
    padding: 0;
  }


  /*
  .top-menu系は 30.contents 系（c-xxx）↑ 「ご請求金額・ご利用中の接続サービス」へ移動。（ただし使用されているクラスのみ）
  変更があってTOPのみのパーツではなくなった為、 .c-link-collection を用意
  */


  /* ↓ 未使用 ↓ */
  .top-menu__headline {
    margin: 0 0 10px;
  }
  .top-menu__list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 0 -10px;
  }
  .top-menu__list li {
    margin: 0 0 10px;
    width: 48.550724637%;
  }
  .top-menu__list + p {
    margin: 5px 0 0;
    text-align: right;
  }

  .top-menu + .btm-banner {
    margin-top:20px;
  }
  /* ↑ 未使用 ↑ */


  .mypage-dt-month {
    margin: 35px 0 0;
  }
  .mypage-dt-month__btn {
    height: 38px;
    margin: 0 0 0 10px;
    width: 85px;
  }
  .mypage-dt-month__print {
    margin: 0 0 15px;
  }
  .mypage-dt-amount {
    margin: 30px 0 38px;
  }
  .mypage-dt-amount dl {
    margin: 0 -15px 10px;
  }
  .mypage-dt-amount dl dt {
    font-size: 1.8rem;
    padding: 11px 20px;
    width: 100%;
  }
  .mypage-dt-amount dl dd {
    font-size: 1.3rem;
    padding: 10px 20px;
    width: 100%;
  }
  .mypage-dt-amount dl dd p {
    margin: 0 12px 0 0;
  }
  .mypage-dt-amount dl dd strong {
    font-size: 2.4rem;
    margin: 0 0 -3px 0;
  }
  .mypage-dt-amount--l2 dl dt {
    width: 100%;
  }
  .mypage-dt-amount--l2 dl dd {
    width: 100%;
  }
  .mypage-dt-info__header {
    display: block;
    font-size: 1.4rem;
    margin: 0 0 10px;
  }
  .mypage-dt-info__amount {
    font-size: 1.3rem;
    font-weight: 500;
    margin: 5px 0 0;
  }
  .mypage-dt-info__amount span {
    font-size: 1.8rem;
    font-weight: 700;
  }
  .mypage-dt-box {
    margin: 40px 0 0;
  }
  .mypage-dt__name {
    font-size: 1.8rem;
  }

  .c-form-fileUpload{
    display:block;
  }
  .c-form-fileUpload__txt,
  .c-form-fileUpload__btnWrap,
  .c-form-fileUpload__btnWrap > .c-button > .btnInner{
    width:100%;
    max-width:inherit;
  }
  .c-form-fileUpload__btnWrap {
    display: block;
    margin: 10px 0 8px;
  }
  .c-form-fileUpload__btnWrap > .c-button > .btnInner{
    height: 45px;
    min-height: 45px;
  }

  .c-form-courselist__title > span.c-form-courselist__title__radio{
    width:23%;
  }.c-form-courselist span.c-form-courselist__item__radio{
    width:23%;
  }
  .c-form-courselist__item span.c-form-courselist__item__radio::before{
    height: 17px;
    width: 17px;
    margin-left:-8.5px;
    margin-top:-8.5px;
  }.c-form-courselist__item input:checked + span.c-form-courselist__item__radio::after {
    height: 11px;
    width: 11px;
    margin-left:-5.5px;
    margin-top:-5.5px;
  }

  .c-form-btn__price__year{
      display:block;
      margin:0;
  }


  #modal-screen .c-box {
    padding-left:1em;
    padding-right:1em;
  }
  #modal-screen .c-t-dl > dd,
  #modal-screen .c-box > dl > dd {
    margin-left:0;
    margin-right:0;
  }
  #modal-screen .c-form-tell input,
  #modal-screen .c-form-connum input{
    width: 76px;
  }
  #modal-screen .c-form-tell:first-child input{
    width: 67px;
  }



}
/*---- ↑ SP,Tablet（PC以外）のスタイル END ↑ ----*/



/*---- ↓ SPのみ（landscape含）のスタイル START ↓ ----*/
@media screen and (max-width: 479px){
  .c-form-list--spCol1 li{
    width:100%;
  }
}
/*---- ↑ SPのみ（landscape含）のスタイル END ↑ ----*/



/*---- ↓ PCのみのスタイル START ↓ ----*/
@media print,screen and (min-width: 768px){

  .st-gnav {
    position: relative;
  }
  .st-gnav::after {
    bottom: -3px;
    border-bottom: 1px solid #fff;
    content: "";
    left: 50%;
    margin-left: -50%;
    position: absolute;
    width: 100%;
  }
  .st-gnav__item > a {
    padding: 0 10px;
  }

  /* dl */
  .c-dl {font-size: 1.6rem;}

  /* http status style */
  .st-l-wrapper__httpstatus .st-l-main{text-align:center;padding:100px 20px 120px;}
  .st-l-wrapper__httpstatus .st-l-main>article+article{padding-top:100px;}

  /* header ID style */
  .st-h-panel__headline {
    min-width: 5.5em;
  }
  .st-h-panel__user--wStatus .st-h-panel__loginID {
    margin-right:1em;
  }


  .st-gnav__newArrival-detail .c-box-accordian .c-box-accordian__tit {
    cursor: default;
  }
  .st-gnav__newArrival-detail .c-box-accordian .c-box-accordian__tit::before,
  .st-gnav__newArrival-detail .c-box-accordian .c-box-accordian__tit::after {
    display: none;
  }
  .st-gnav__newArrival-detail .c-box-accordian__cnt {
    display: block;
  }
  .st-gnav__newArrival-detail .c-box-accordian--notice .c-box-accordian__cnt {
    padding-bottom: 0;
  }

  .c-form-list--pcCol1 li{
    width:100%;
  }

  .c-form-item--nesting dl.c-form-item + dl.c-form-item {
    border-top: 1px dotted #d2d2d2;
  }

  .c-form-item.c-form-item--impInfo > dd > .c-form-item + .c-form-item {
    border-top-color: #44a4e8;
    border-bottom: 0;
  }
  .c-form-item.c-form-item--impInfo > dd > dl.c-form-item + dl.c-form-item {
    border-top: 1px dotted #b0d5f3;
  }


  .c-p-menu.c-p-menu--emphasis {
    min-height: 60px;
  }
  .c-p-menu.c-p-menu--emphasis li {
    border-left: solid 2px #44a4e8;
    font-size: 1.8rem;
  }
  .c-p-menu.c-p-menu--emphasis li:last-child {
    border-right: solid 2px #44a4e8;
  }


  .c-form-item.c-form-item--mode > dt,
  .c-form-item.c-form-item--test > dt,
  .c-form-item.c-form-item--mode > dd,
  .c-form-item.c-form-item--test > dd {
    border-top: solid 1px #c2c2c2;
    border-bottom: solid 1px #c2c2c2;
  }

  .c-form-item > dd .c-form-list--l1 .c-form-mode.c-form-mode--list,
  .c-form-item > dd .c-form-list--l1.c-form-mode.c-form-mode--listWrap  {
    margin-left: -16px;
    margin-right: -11px;
    padding: 10px 9px 10px 14px;
  }

  .c-p-list--nm > .c-form-mode.c-form-mode--list {
    padding: 0.5em 1.5em;
  }

  .st-l-contract-details .c-form-item > dt,
  .st-l-contract-details div.c-form-item,
  .st-l-contract-details .c-form-item:not(.c-form-item--nesting) > dd,
  .st-l-contract-details .c-form-item > dd > .multi-item{
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 4.2em;
  }
  .st-l-contract-details .c-form-item > dd {
      min-height: 4.2em;
  }
  .st-l-contract-details .c-form-item .multi-item:first-child {
    margin-top: -20px;
  }
  .st-l-contract-details .c-form-item .multi-item:last-child {
    margin-bottom: -20px;
  }
  .st-l-contract-details .c-form-item .multi-item > .multi-item--dt {
    margin-bottom: 20px;
  }
  .st-l-contract-details .c-form-item__btn {
    top: 8px;
  }

  .c-form-item__btn > .c-button--download-pdf,
  .c-form-item__btn > .c-button--download-csv,
  .c-form-item__btn > .c-button--download-zip,
  .c-form-item__btn > .c-button--download-exe {
    margin-top:8px;
  }

  .c-table.c-table--nm.c-table--impInfo th,
  .c-table.c-table--nm.c-table--impInfo td {
    padding:20px;
  }

  .mypage-top > section:last-child {
      margin-bottom: -70px;
      padding-bottom: 70px;
  }


  /*
  .top-menu系は 30.contents 系（c-xxx）↑ 「ご請求金額・ご利用中の接続サービス」へ移動。（ただし使用されているクラスのみ）
  変更があってTOPのみのパーツではなくなった為、 .c-link-collection を用意
  */


  .js-fixedBox.is-fixed .c-p-menu {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
  }

  .c-button-list--vertical.c-button-list--wSvName > li .c-button > a,
  .c-button-list--vertical.c-button-list--wSvName > li .c-button > button,
  .c-button-list--vertical.c-button-list--wSvName > li .c-button > .btnInner {
    max-width: 450px;
  }

  /* IE11 hack START */
  _:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical .c-button > a,
  _:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical .c-button > button,
  _:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical .c-button > .btnInner {
    min-width: 350px;
  }
  _:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical.c-button-list--wSvName .c-button > a,
  _:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical.c-button-list--wSvName .c-button > button,
  _:-ms-lang(x)::-ms-backdrop, .c-button-list--vertical.c-button-list--wSvName .c-button > .btnInner {
    min-width: 450px;
  }
  /* IE11 hack END */

  .u-pc-flex {
    display: flex;
  }

}
/*---- ↑ PCのみのスタイル END ↑ ----*/



/*---- ↓ その他 ↓ ----*/
@media only screen and (max-width: 917px) {
  .st-pagetop a {
    margin: 0;
    right: 15px;
  }
}

@media only screen and (max-width: 360px) {
  .c-headline {
    font-size: 2.5rem;
  }
}

@media only screen and (max-width: 359px) {
  .c-icon-box {
    font-size: 1.1rem;
    padding: 3px 6px;
  }
  .c-button-serviceList li a {
    font-size: 1.1rem;
  }
  .top-menu__list li a {
    font-size: 1.1rem;
  }
}

@media only screen and (max-width: 320px) {
  .c-headline {
    font-size: 2.2rem;
  }
}