@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese");

::-ms-reveal {
	display: none;
}

/*--- Only Chrome 28+, Opera ≥ 14 ---*/
.header__snav {
  transition: all .5s;
}

.nav__title, .page__title, .page__subtitle, .content__header__title {
  font-weight: 600;
}

.icon {
  content: "";
  width: 2.6rem;
  height: 2.6rem;
  display: block;
  background: transparent center / contain no-repeat;
}

.icon2 { 
  display: inline-block;
  margin-left: 0.3rem;
  background-size: cover;
}

.icon--arw {
  background-image: url(../img/common/icon/icon-arrow.svg);
}

.icon--arw2 {
  background-image: url(../img/common/icon/icon-arrow2.svg);
}

.icon--arw2--white {
  background-image: url(../img/common/icon/icon-arrow2_white.svg);
}

.icon--attention {
  background-image: url(../img/common/icon/icon-attention.svg);
}

.icon--calendar {
  background-image: url(../img/common/icon/icon-calendar.svg);
}

.icon--check {
  background-image: url(../img/common/icon/icon-check.svg);
}

.icon--clip {
  background-image: url(../img/common/icon/icon-clip.svg);
}

.icon--clip--accent {
  background-image: url(../img/common/icon/icon-clip_accent.svg);
}

.icon--contactinfo-tel {
  background-image: url(../img/common/icon/icon-phone.svg);
}

.icon--contactinfo-fax {
  background-image: url(../img/common/icon/icon-fax.svg);
}

.icon--contactinfo-mail {
  background-image: url(../img/common/icon/icon-mail.svg);
}

.icon--dc {
  background-image: url(../img/common/icon/icon-dc.svg);
}

.icon--dc--white {
  background-image: url(../img/common/icon/icon-dc_white.svg);
}

.icon--dcnavi {
  background-image: url(../img/common/icon/icon-dcnavi.svg);
}

.icon--dl {
  background-image: url(../img/common/icon/icon-dl.svg);
}

.icon--download {
  background-image: url(../img/common/icon/icon-download.svg);
}

.icon--etc--white {
  background-image: url(../img/common/icon/icon-etc_white.svg);
}

.icon--file {
  background-image: url(../img/common/icon/icon-file.svg);
}

.icon--info-manual {
  background-image: url(../img/common/icon/icon-info-manual.svg);
}

.icon--manual {
  background-image: url(../img/common/icon/icon-manual.svg);
}

.icon--manual--white {
  background-image: url(../img/common/icon/icon-manual_white.svg);
}

.icon--memo {
  background-image: url(../img/common/icon/icon-memo.svg);
}

.icon--navi {
  background-image: url(../img/common/icon/icon-navi.svg);
}

.icon--nrk {
  background-image: url(../img/common/icon/icon-nrk.svg);
}

.icon--password-hide {
  background-image: url(../img/common/icon/icon-password_off.svg);
}

.icon--password-show {
  background-image: url(../img/common/icon/icon-password_on.svg);
}

.icon--pc {
  background-image: url(../img/common/icon/icon-pc.svg);
}

.icon--person {
  background-image: url(../img/common/icon/icon-person.svg);
}

.icon--plus {
  background-image: url(../img/common/icon/icon-plus.svg);
}

.icon--proc {
  background-image: url(../img/common/icon/icon-proc.svg);
}

.icon--proc--white {
  background-image: url(../img/common/icon/icon-proc_white.svg);
}

.icon--proc--footerwhite {
  background-image: url(../img/common/icon/icon-proc_footerwhite.svg);
}

.icon--question {
  background-image: url(../img/common/icon/icon-question.png);
}

.icon--receive {
  background-image: url(../img/common/icon/icon-receive.svg);
}

.icon--rewrite {
  background-image: url(../img/common/icon/icon-rewrite.svg);
}

.icon--search {
  background-image: url(../img/common/icon/icon-search.svg);
}

.icon--search--white {
  background-image: url(../img/common/icon/icon-search_white.svg);
}

.icon--server {
  background-image: url(../img/common/icon/icon-server.svg);
}

.icon--send {
  background-image: url(../img/common/icon/icon-send.svg);
}

.icon--setting {
  background-image: url(../img/common/icon/icon-setting.svg);
}

.icon--support {
  background-image: url(../img/common/icon/icon-support.svg);
}

.icon--support--white {
  background-image: url(../img/common/icon/icon-support_white.svg);
}

.icon--tool {
  background-image: url(../img/common/icon/icon-tool.svg);
}

.button {
  text-align: center;
  font-weight: bold;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  border-radius: 8px;
  display: inline-block;
  padding: 0 1.4rem;
  border: none;
  outline: none;
  font-family: inherit;
  cursor: pointer;
}

.button:hover {
  text-decoration: none;
}

.button--mini {
  width: 16rem;
  font-size: 1.4rem;
  line-height: 4.8rem;
  white-space: nowrap;
}

.button--mininew {
  width: 16rem;
  font-size: 1.4rem;
  line-height: 2.8rem;
  white-space: nowrap;
}

.button--mini_newslist {
  width: 13rem;
  font-size: 1.4rem;
  line-height: 3.8rem;
  white-space: nowrap;
}

.button--medium {
  width: 19rem;
  font-size: 1.6rem;
  line-height: 4.8rem;
  white-space: nowrap;
}

.button--mediumform {
  width: 19rem;
  font-size: 1.6rem;
  line-height: 2.4rem;
  white-space: nowrap;
}

.button--large {
  width: 22.4rem;
  font-size: 1.6rem;
  line-height: 4.8rem;
  white-space: nowrap;
}

.button--large1 {
  width: 15rem;
  font-size: 1.4rem;
  line-height: 4.0rem;
  white-space: nowrap;
}

.button--block {
  width: 100%;
  font-size: 1.6rem;
  line-height: 4.8rem;
}

.button--inline {
  font-size: 1.6rem;
  line-height: 4.8rem;
  padding: 0 2.4rem;
}

.button--icon {
  display: inline-flex;
  width: auto;
  align-items: center;
}

.button--icon .icon {
  width: 1.5rem;
  margin-right: 1.2rem;
}

.button--default {
  background-color: #fff;
  color: #0e93bf;
}

.button--default:hover {
  background-color: #eaf8ff;
}

.button--primary {
  background-color: #0e93bf;
  color: #fff;
}

.button--primary1 {
  background-color: #fd7e00;
  color: #fff;
}

.button--primary:hover {
  background-color: #4aa0c9;
}

.button--accent {
  background-color: #e69000;
  color: #fff;
}

.button--accent:hover {
  background-color: #f09600;
}

.button--border {
  border: 1px solid #0e93bf;
  color: #0e93bf;
}

.button--border:hover {
  background-color: #eaf8ff;
}

.form__caution {
  display: inline-block;
  color: #cc2929;
  margin: 0 auto 3rem;
  padding-left: 2.5rem;
  position: relative;
}

.form__caution:before {
  display: inline-block;
  content: url(../img/common/icon/icon-attention_red.svg);
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__attention {
  font-size: 1.6rem;
  display: inline-block;
  color: #d0576b;
  margin: 0 auto 3rem;
  padding-left: 2.5rem;
  position: relative;
}

.form__attention:before {
  display: inline-block;
  content: url(../img/common/icon/icon-attention.svg);
  width: 2rem;
  height: 2rem;
  position: absolute;
  left: 0;
  top: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__group--password .form__group__list {
  margin-bottom: 1.5rem;
}

.form__group--password .form__group__item, .form__group--password .form__group__item--less-padding {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}

.form__group--password .form__input {
  margin-bottom: 0;
}

.form__group .form__group__title {
  margin-bottom: 1.5rem;
}

.form__group__list {
  margin-bottom: 4rem;
}

.form__group__list--last {
  margin-bottom: 0;
}

.form__group__item, .form__group__item--less-padding {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e8ecee;
  line-height: 6.2rem;
  padding: 2rem 1.6rem;
}

.form__group__item:last-child, .form__group__item--less-padding:last-child {
  border-bottom: none;
}

.form__group__item *, .form__group__item--less-padding * {
  line-height: 1.6;
}

.form__group__item--less-padding {
  padding: 1.7rem 1.6rem;
}

.form__confirm-value--red {
  color: #cc2929;
}

.form__label {
  text-align: left;
  width: 23.5rem;
  flex-shrink: 0;
}

.form__label--require {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 1.5rem;
}

.form__label--checkboxafter {
  width: auto;
  margin-left: 1rem;
}

.form__label--top {
  align-self: flex-start;
}

.form__subtext {
  color: #8a8987;
  text-align: left;
  margin-bottom: 1.3rem;
}

.form__subtext--error {
  color: #cc2929;
  margin-bottom: 0;
}

.form__input {
  margin-bottom: 1.6rem;
}

.form__input input {
  outline: none;
  border: 1px solid #ccc5bb;
  color: #3d3d3d;
  border-radius: 8px;
  padding: 0 2rem;
  line-height: 4.8rem;
  height: 4.8rem;
  font-size: 1.6rem;
  width: 100%;
  font-family: inherit;
}

.form__input input::-webkit-input-placeholder {
  color: #b9b8b5;
}

.form__input input:-ms-input-placeholder {
  color: #b9b8b5;
}

.form__input input::-ms-input-placeholder {
  color: #b9b8b5;
}

.form__input input::placeholder {
  color: #b9b8b5;
}

.form__input--userinfo {
  margin: 0;
  width: 100%;
}

.form__input--userinfo input {
  width: 80%;
  line-height: 4rem;
  height: 4rem;
  font-size: 1.4rem;
}

.form__input--group {
  width: 40rem;
}

.form__input--error input {
  background-color: #faebeb;
  border-color: #cc2929;
}

.form__password {
  position: relative;
}

.form__password .icon {
  position: absolute;
  right: 1.5rem;
  top: 2.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 2rem;
  height: 1.4rem;
  z-index: 1;
  cursor: pointer;
}

.form__checkbox {
  display: flex;
  align-items: baseline;
}

.form__checkbox--nolabeltxt input + label {
  padding-left: 1.8rem;
}

.form__checkbox input {
  display: none;
}

.form__checkbox label {
  position: relative;
  padding-left: 2.5rem;
}

.form__checkbox input + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #999;
  border-radius: .3rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__checkbox input:checked + label::before {
  border-color: #0e93bf;
}

.form__checkbox input:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: .15rem;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../img/common/icon/icon-check.svg) no-repeat center;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__textarea {
  margin-bottom: 1.6rem;
}

.form__textarea textarea {
  outline: none;
  border: 1px solid #ccc5bb;
  color: #3d3d3d;
  border-radius: 8px;
  padding: 1.4rem 2rem;
  line-height: 1.6;
  height: 24rem;
  font-size: 1.6rem;
  width: 100%;
  font-family: inherit;
  resize: none;
}

.form__textarea textarea::-webkit-input-placeholder {
  color: #b9b8b5;
}

.form__textarea textarea:-ms-input-placeholder {
  color: #b9b8b5;
}

.form__textarea textarea::-ms-input-placeholder {
  color: #b9b8b5;
}

.form__textarea textarea::placeholder {
  color: #b9b8b5;
}

.form__select-wrapper {
  overflow: hidden;
  width: 100%;
  position: relative;
  border: 1px solid #9dcbe1;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
}

.form__select-wrapper:before {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0.9em;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0e93bf;
  pointer-events: none;
}

.form__select-wrapper select {
  width: 100%;
  padding: 8px 38px 8px 8px;
  color: #666666;
  padding-right: 1em;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  font-size: 1.4rem;
  padding-right: 3rem;
}

.form__select-wrapper select::-ms-expand {
  display: none;
}

.form__radio {
  flex: 1 1;
  margin-bottom: -1rem;
}

.form__option-list {
  display: flex;
  flex-wrap: wrap;
}

.form__option-list__item {
  display: flex;
  align-items: center;
  margin-right: 3rem;
  flex: 0 0 auto;
}

.form__option-list__item input {
  display: none;
}

.form__option-list__item label {
  position: relative;
  padding-left: 2.5rem;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
}

.form__checkbox .form__option-list__item label {
  margin-bottom: 0;
}

.form__option-list__item input[type="radio"] + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__option-list__item input[type="radio"]:checked + label::before {
  border-color: #0e93bf;
}

.form__option-list__item input[type="radio"]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: .5rem;
  width: .8rem;
  height: .8rem;
  background: #0e93bf;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form__option-list__item input:disabled + label {
  color: #999;
  cursor: default;
}
.form__option-list__item input:disabled + label:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 1.8rem;
  height: 1.8rem;
  border: 1px solid #999;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 0.5;
}
.form__option-list__item input:checked:disabled + label::before {
  border-color: #aaa;
  opacity: 0.5;
}


.form__option-list__item input:checked:disabled + label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: .5rem;
  width: .8rem;
  height: .8rem;
  background: #aaa;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-color: #aaa;
  opacity: 0.5;
}

.form__submit {
  display: flex;
  margin: 2.5rem 0;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.form__submit--footer {
  margin: auto;
  padding: 3rem 0;
}

.form__submit--footer .button {
  margin: 0 1.6rem;
  vertical-align: top;
}

.tab__list {
  display: flex;
  align-items: flex-end;
  margin-left: -.4rem;
  margin-right: -.4rem;
}

.tab__item {
  flex: 1;
  margin: 0 .4rem;
  border-radius: 8px 8px 0 0;
  overflow: hidden;
}

.tab__link {
  display: block;
  background-color: #ccc5bb;
  color: #7a7368;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 3.4rem;
  text-align: center;
}

.tab__link:hover {
  opacity: .7;
  text-decoration: none;
}

.tab__link--focus {
  background-color: #fff;
  color: #0e93bf;
  line-height: 4.7rem;
  cursor: default;
}

.tab__link--focus:hover {
  opacity: 1;
}

.tab__link--focus.tab__link--orange {
  border-top: 0.3rem solid #e69000;
}

.tab__link--focus.tab__link--pink {
  border-top: 0.3rem solid #e99898;
}

.tab__link--focus.tab__link--green {
  border-top: 0.3rem solid #00b458;
}

.tab__link--focus.tab__link--yellow {
  border-top: 0.3rem solid #e5c015;
}

.tab__body {
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  margin-bottom: 1.0rem;
}

.tab__container {
  display: none;
  margin: 0 2.5rem;
}

.tag {
  display: inline-block;
  font-size: 1.2rem;
  line-height: 3rem;
  border-radius: 1.5rem;
  color: #fff;
  background-color: #b9b8b5;
  text-align: center;
  width: 8.6rem;
}

code .tag {
  display: inline;
  background: none;
  width: initial;
  border: none;
  line-height: auto;
  font-size: inherit;
}

.tag--pink {
  background-color: #e99898;
}

.tag--green {
  background-color: #00b458;
}

.tag--yellow {
  background-color: #e5c015;
}

.tag--require {
  background-color: #cc2929;
  color: #fff;
}

.tag--add {
  background-color: #0e93bf;
}

.tag--rewrite {
  background-color: #e69000;
}

.tag--mini {
  font-size: 1.1rem;
  width: 3.2rem;
  line-height: 1.8rem;
  border-radius: .9rem;
}

.list__item {
  position: relative;
  padding: 1rem 4rem 1rem 0;
  border-bottom: 1px solid #e8ecee;
  font-size: 1.4rem;
}

.list__item--faq {
  padding-left: 3.2rem;
}

.list__item--faq:before {
  display: inline-block;
  width: 2.3rem;
  height: 2.3rem;
  content: url(../img/common/icon/icon-faq.svg);
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list__item--faq .nav__link {
  padding-right: 3.5rem;
}

.list__item:after {
  display: block;
  content: url(../img/common/icon/icon-arrow.svg);
  width: 1.4rem;
  height: 1.4rem;
  position: absolute;
  top: 50%;
  right: .8rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.list__link {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
}

.list__link:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.list__link--side {
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #0e93bf;
  font-weight: bold;
}

.list__link--side:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.list__footer {
  text-align: center;
}

.newslist__title{
  font-size: 2.2rem;
  font-weight: bold;
  padding: 1.0rem 0;
  margin: auto;
  color: #0e93bf;
}

.newslist__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  padding-right: 2.3rem;
  padding: 2.5rem 2.3rem 2.5rem 0;
}

.newslist__item_topheight{
  padding: 1.0rem 2.3rem 1.0rem 0;
}

.newslist__date {
  display: inline-block;
  margin-left: 0.8rem;
  margin-right: 4rem;
  width: 10.5rem;
  white-space: nowrap;
}

.large .newslist__date {
  margin-right: 2rem;
}

.newslist__tag {
  margin-right: 4rem;
}

.newslist__footer {
  padding: 1.0rem 0;
  text-align: center;
}

.newslist__link {
  max-width: 40rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.small .newslist__link {
  max-width: 73rem;
}

.large .newslist__link {
  max-width: 42rem;
  margin-left: .8rem;
  margin-top: .8rem;
}

.filelist__link {
  max-width: 37rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
}

.filelist__link:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none !important;
}

.small .filelist__link {
  max-width: 70rem;
}

.large .filelist__link {
  max-width: 38rem;
  margin-left: .8rem;
  margin-top: .8rem;
}


.table {
  width: 100%;
  margin-top: 2.5rem;
  border: 1px solid #e8ecee;
}

.table--fixed {
  table-layout: fixed;
}

.table th {
  background-color: #eaf8ff;
  border: 1px solid #e8ecee;
  color: #0e93bf;
  font-size: 1.3rem;
  padding: .8rem 1rem;
  vertical-align: middle;
  white-space: nowrap;
}

.th--left {
  background-color: #eaf8ff;
  font-weight: bold;
  color: #0e93bf;
}

.table td {
  border: 1px solid #e8ecee;
  font-size: 1.3rem;
  padding: 1.2rem;
  word-break: break-all;
}

.table--guide {
  margin-bottom: 4.8rem;
}

.table__idlink {
  margin-left: 1rem;
  white-space: nowrap;
}

.table__subtext {
  color: #8a8987;
}

.table__strong {
  color: #e99898;
  font-weight: bold;
}

.table__icon {
  width: 1.4rem;
}

.table__button {
  height: 3rem;
  line-height: 3rem;
}

.table__error {
  margin-top: 1rem;
  color: #cc2929;
  font-size: 1.2rem;
}

.table__checkbox {
  display: block;
}

.table__input input {
  width: 100%;
  margin: .6rem 0;
}

.table__maillist {
  vertical-align: middle;
  padding: 1rem .5rem;
}

.table__maillist--blank {
  padding-left: 4.7rem;
}

.table__maillist .tag {
  margin-right: 1rem;
}

.table__col--100 {
  width: 10rem;
}

.large .table__col--100 {
  width: 5rem;
}

.table__col--200 {
  width: 20rem;
}

.large .table__col--200 {
  width: 13.5rem;
}

.table__col--150 {
  width: 15rem;
}

.large .table__col--150 {
  width: 7rem;
}

.table__head--multiple tr:first-child th {
  background-color: #0e93bf;
  color: #fff;
}

.table__th--guide {
  padding: 2.3rem !important;
}

.table__th--guide-event {
  width: 14.5rem;
}

.large .table__th--guide-event {
  width: 12rem;
}

.table__th--guide-file {
  max-width: 22.9rem;
}

.large .table__th--guide-file {
  width: 17rem;
}

.table__th--category.table__th--category {
  white-space: normal;
}

.large .table__th--category.table__th--category {
  padding-left: 0;
  padding-right: 0;
}

.table__td--fixed {
  width: 100%;
}

.table__td--circle {
  width: 90px;
  text-align: center;
  color: #0e93bf;
  vertical-align: middle;
}

.table__td--companycode.table__td--companycode {
  padding: .5rem 1.8rem .5rem 2.8rem;
}

.large .table__td--companycode.table__td--companycode {
  padding-left: 1rem;
  padding-right: 0;
  white-space: normal;
}

.table__td--no, .table__td--name, .table__td--id, .table__td--category, .table__td--status, .table__td--form {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.table__td--namelinefeed {
  text-align: center;
  vertical-align: middle;
  white-space: normal;
  padding-left: 0;
  padding-right: 0;
  white-space: normal;
}

.large .table__td--name.table__td--name {
  padding-left: 0;
  padding-right: 0;
  white-space: normal;
}

.table__td--check, .table__td--button, .table__td--checkbox {
  text-align: center;
  vertical-align: middle;
}

.table__td--check .icon, .table__td--check .button, .table__td--button .icon, .table__td--button .button, .table__td--checkbox .icon, .table__td--checkbox .button {
  margin: auto;
}

.table__td--mail {
  vertical-align: middle;
}

.table__td--guide.table__td--guide {
  padding: 2.3rem !important;
  vertical-align: middle;
}

.table__td--category.table__td--category {
  padding: 1.8rem;
  vertical-align: middle;
}

.table__td--vertical-center.table__td--vertical-center {
  vertical-align: middle;
  padding: 1.8rem 2.3rem;
}

.wrapper {
  min-height: 100%;
  background-color: #ebe4dd;
  position: relative;
  padding-bottom: 81.5rem;
}

.wrapper--logout {
  padding-bottom: 21rem;
}

.content__body {
  width: 1080px;
  margin: auto;
  display: flex;
  padding-top: 6.5rem;
  align-items: flex-start;
}

.content__body--top {
  padding-top:10px;
}

.content__body--gaihantop {
  padding-top: 6.3rem;
}

.content__body--single {
  text-align: center;
  padding-top: 6rem;
}

.content__body--single-message {
  text-align: center;
  padding: 15.5rem 0;
}

.content__main {
  margin: 0 auto;
  font-size: 1.4rem;
  order: 2;
  flex: 1;
}

.large .content__main {
  width: 70rem;
}

.content__main--top {
  margin-bottom: 3.3rem;
  order: 1;
  width: auto;
}

.content__sub {
  order: 1;
  width: 24rem;
  margin-right: 4.8rem;
}

.large .content__sub {
  margin-right: 1rem;
}

.content__sub2 {
  order: 1;
  width: 24rem;
  margin-right: 4.8rem;
}

.large .content__sub2 {
  width: 14rem;
  margin-right: 1rem;
}


.content__sub--top {
  width: 28rem;
  margin-right: 0;
  margin-left: 4.6rem;
  order: 2;
}

.small .content__sub--top {
  width: 40rem;
}

.content__block {
  background-color: #fff;
  border-radius: 8px;
  padding: 4rem 3.5rem;
  margin: auto;
}

.content__block > *:last-child,
.content__block > *:last-child > *:last-child,
.content__block > *:last-child > *:last-child > *:last-child {
  margin-bottom: 0;
}

.content__block--login {
  width: 48rem;
  padding: 4rem;
  margin-bottom: 3rem;
}

.content__block--form {
  width: 79.2rem;
  padding: 0 4rem;
}

.content__block--minheight {
  min-height: 51.3rem;
}

.header {
  background-color: #fff;
  text-align: center;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  position: relative;
  z-index: 2;
}

.header__logo {
  margin:5px 0px;
}

.header__logo__size{
  width:39.24rem;
  height:3.12rem;
}

.small .header__logo__size{
  width: 42.1rem;
  height: 3.35rem;
}

.large .header__logo__size{
  width: 37.70rem;
  height: 3.0rem;
}

.header__container {
  width: 1080px;
  margin: auto;
  text-align: left;
}

.header__main {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__main--logout {
  padding-top: 4rem;
  padding-bottom: 1.5rem;
}

.header__gnav {
  display: flex;
  align-items: stretch;
}

.header__gnav__item {
  width: 10rem;
  text-align: center;
}

/* 文字サイズ「大」の場合にロゴにぶつかるため調整 */
.large .header__gnav__item {
  width: 8.5rem;
}

.header__gnav__item:nth-child(5):before {
  content: "";
  display: block;
  position: absolute;
  height: 6.0rem;
  border-right: 1px solid #e8ecee;
  -webkit-transform: scaleY(0.8);
          transform: scaleY(0.8);
}

.header__gnav__item:nth-child(5):hover:before {
  display: none;
}

.header__gnav__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.45rem;
  color: #3d3d3d;
  height: 100%;
  padding-bottom: 1rem;
}

.header__gnav__link:hover {
  text-decoration: none;
}

.header__gnav__link--hover {
  background-color: #0e93bf;
  color: #fff;
}

.large .header__gnav__link{
  font-size: 1.3rem;
}

.header__gnav__title {
  margin: auto;
  font-weight: bold;
  margin-top: 1rem; 
  margin-bottom: 1rem;
}

.header__gnav__arwicon {
  width: 1rem;
  height: 1rem;
}

.header__snav {
  position: absolute;
  background-color: #0e93bf;
  width: 70rem;
  text-align: left;
  font-size: 1.4rem;
  overflow: hidden;
  max-height: 0%;
}

.large .header__snav {
  width: 60rem;
}

.header__snav--show {
  max-height: 60rem;
  min-height: 100%;
}

.header__snav--proc{
  margin-left: -20rem;
}

.large .header__snav--proc{
  margin-left: -17.5rem;
}

.header__snav--support {
  margin-left: -30rem;
}

.large .header__snav--support {
  margin-left: -26rem;
}

.header__snav--manual {
  margin-left: -40rem;
}

.large .header__snav--manual {
  margin-left: -34.5rem;
}

.header__snav--dc {
  margin-left: -50rem;
}

.large .header__snav--dc {
  margin-left: -43rem;
}

.header__snav--search {
  margin-left: -60rem;
}

.large .header__snav--search {
  margin-left: -51.5rem;
}

.header__snav__list {
  margin: 4rem 0 3rem 2.5rem;
  position: relative;
}

.header__snav__link {
  display: flex;
  align-items: center;
  color: #fff;
  height: 3.6rem;
  padding-left: 1.5rem;
  padding-right: 2rem;
  width: 50%;
  position: relative;
}

.header__snav__link:hover {
  text-decoration: none;
}

.header__snav__item:hover .header__snav__link {
  background-color: #4aa0c9;
}

.header__snav__inner:after {
  display: inline-block;
  content: url("../img/common/icon/icon-arrow2_white.svg");
  width: 1rem;
  height: 1rem;
  position: absolute;
  top: 50%;
  left: 90%;
  -webkit-transform: rotate(-90deg) translateX(0.4rem);
          transform: rotate(-90deg) translateX(0.4rem);
}

.header__snav__inner--nomenu:after {
  content: "";
}

.header__tnav {
  display: none;
  position: absolute;
  top: -4rem;
  left: 50%;
  width: 100%;
  min-height: 500rem;
  padding-top: 4rem;
  z-index: 2;
  background-color: #4aa0c9;
}

.header__snav__item:hover .header__tnav {
  display: block;
}

.header__tnav__list {
  padding-bottom: 3rem;
}

.header__tnav__link {
  display: block;
  color: #fff;
  height: 3.6rem;
  line-height: 3.6rem;
  padding-left: 1.5rem;
}

.header__tnav__link:hover {
  background-color: #9dcbe1;
  text-decoration: none;
}

.header__siconMenu{
  position: absolute;
  background-color: #0e93bf;
  /* キーワード検索までを最大として、RKプラン番号のみ（下三角のマークは含む）を差し引いたwidthとする。 */
  /* widthは別途指定する。（Apex側で最大文字数から算出予定） */
  max-width: calc(1080px - 100% + 1.0rem);
  max-height: 50rem; /* タイルメニュー1個目辺りに高さを合わせた。 */
  text-align: left;
  font-size: 1.4rem;
  overflow-x: hidden;
  overflow-y: auto; /* 必要な時のみ縦スクロールを用意する。 */
  top:2rem; /* 下三角のマークの下から表示されるようにする。 */
  z-index: 4; /* 最前面に出す。 */
  display:none; /* 既存メニューはmax-height: 0%;だが極力要素は非表示にしたい。ただし、visibility:hiddenのように要素を消したいわけではない。 */
}

.header__siconToMenuTransBox{
  position: absolute;
  background-color: transparent;
  height: 2.0rem;
  width: 2.5rem;
  z-index: 5; /* 最前面に出す。 */
}

.header__userinfo__table{
  color: #8a8987;
  font-size: 1.2rem;
  width: 100%; /* 改行させる場合は、widthの指定が必要（他のレイアウトを崩さない最適なサイズで表示される。） */
  table-layout: fixed; /* 改行させる際に必要 */
  word-wrap: break-word; /* 英数字を改行する際に必要 */
}

.table__col--UserInfoWidth{
  width: 19rem;
}

.large .table__col--UserInfoWidth{
  width: 18rem;
}
.header__sicon__positionRela { 
  position: relative;
}

.header__sicon__table{
  color: #fff;
  font-size: 1.4rem;
  margin: 1.0rem auto; /* 上下 左右で指定 */
  width: 97%; /* 改行させる場合は、widthの指定が必要（他のレイアウトを崩さない最適なサイズで表示される。）100%にすると左右の空白が無くなるので調整 */
  table-layout: fixed; /* 改行させる際に必要 */
  word-wrap: break-word; /* 英数字を改行する際に必要 */
}

.table__col--siconRkPlanCodeWidth{
  width: 11rem;
}

.large .table__col--siconRkPlanCodeWidth{
  width: 10rem;
}

.siconMenuDisp{
  display: block;
}

.header__sub {
  border-bottom: 1px solid #e8ecee;
  padding: 0.2rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header__user {
  display: flex;
  color: #8a8987;
  font-size: 1.2rem;
}

.header__submenu {
  display: flex;
  align-items: center;
  margin: auto;
}

.header__submenu__item {
  font-size: 1.2rem;
  margin: 0 1.25rem;
  white-space: nowrap;
}

.header__submenu__link {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
}

.header__submenu__link:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.header__submenu__icon {
  width: .6rem;
  height: .6rem;
  display: inline-block;
  margin-right: 0.9rem;
}

.header__logout {
  background-color: #fff;
  border: 1px solid #9dcbe1;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  border-radius: 8px;
  font-size: 1.4rem;
  font-weight: bold;
  height: 30px;
  color: #7a7368;
  margin-left: 2.5rem;
  padding-top: 3px;
  padding-right: 1rem;
  padding-bottom: 0px;
  padding-left: 1rem;
  white-space: nowrap;
}

.header__logout:hover {
  opacity: .7;
  text-decoration: none;
  padding-top: 3px;
  padding-right: 1rem;
  padding-bottom: 0px;
  padding-left: 1rem;
}

.small .header__logout{
  height: 24px;
}

.large .header__logout{
  height: 38px;
}

.fontsizechange {
  display: flex;
  align-items: center;
}

.fontsizechange dt {
  font-size: 1.2rem;
  margin-right: 0.9rem;
  white-space: nowrap;
  color: #8a8987;
}

.fontsizechange__list {
  display: flex;
  align-items: center;
  border: 1px solid #0e93bf;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  overflow: hidden;
}

.fontsizechange__link {
  display: block;
  font-size: 1.4rem;
  line-height: 1.4rem;
  padding: 0.5rem 1rem;
  font-weight: bold;
  color: #0e93bf;
}

.fontsizechange__link:hover {
  opacity: .7;
  text-decoration: none;
}

.fontsizechange__link:nth-child(1) {
  padding: 0.5rem 0.7rem;
}

.fontsizechange__link--focus {
  background-color: #0e93bf;
  color: #fff;
}

.fontsizechange__link--focus:hover {
  opacity: 1;
}

.fontUndisplay{
  visibility: hidden;
}

.headersearch {
  margin: 4rem 3.2rem;
}

.headersearch__container {
  display: flex;
}

.headersearch__subtext {
  color: #fff;
  font-size: 1.4rem;
  margin-bottom: 1rem;
}

.headersearch__input {
  flex: 1;
  margin-bottom: 0;
}

.headersearch__input input {
  border: none;
  outline: none;
}

.headersearch__submit {
  margin-left: .8rem;
}

.headersearch__submit input {
  border: none;
  width: 8rem;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  overflow: hidden;
}

.footer__pagetop {
  width: 1080px;
  margin: auto;
  position: relative;
}

.footer__pagetop__link {
  position: fixed;
  left: 50%;
  bottom: 3rem;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  margin-left: 540px;
  background-color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  width: 8rem;
  height: 8rem;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  border-radius: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #8a8987;
}

.footer__pagetop__link:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.footer__pagetop__link:hover {
  border-bottom: none;
}

.footer__pagetop__link .icon {
  margin: 0 auto .5rem;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  width: 1.6rem;
  height: 1.6rem;
}

.footer__container {
  width: 1080px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.footer__primary .footer__container {
  align-items: flex-start;
  text-align: left;
}

.footer__primary {
  background-color: #0e93bf;
  color: #fff;
  padding: 8rem 0 1.3rem;
}

.footer__primary__title {
  font-weight: bold;
  font-size: 1.6rem;
  margin-bottom: 2.8rem;
  display: flex;
  align-items: center;
}

.footer__primary__icon {
  width: 3.4rem;
  height: 3.4rem;
  margin-right: 2rem;
}

.footer__primary__icon.icon--manual--white {
  width: 3.9rem;
}

.footer__primary__menu {
  margin-bottom: 6.5rem;
}

.footer__primary__menu__container {
  min-width: 31rem;
}

.footer__primary__menu__item {
  font-size: 1.4rem;
  margin-bottom: 1.7rem;
}

.footer__primary__menu__link {
  color: #fff;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  opacity: .8;
}

.footer__primary__menu__link:hover {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-decoration: none;
}

.footer__secondary {
  background-color: #fff;
  padding: 3.5rem 0;
}

.footer_col {
    display: flex;
    align-items: center;
    padding-right: 1em;
}

.footer_col .li_left,
.footer_col .li_right{
    width: 10%;
}

.footer_col .li1 {
    width: 22%;
}

.footer_col .li2 {
    width: 45%;
}

.footer_col .li3 {
    width: 5%;
}

.footer_col .li4 {
    width: 8%;
}

.footer__secondary__menu__item {
  display: inline-block;
  font-size: 1.4rem;
  padding: 0 3.2rem;
}

.footer__secondary__menu__link {
  color: #0e93bf;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
}

.footer__secondary__menu__link:hover {
  border-bottom: 1px solid #0e93bf;
  color: #0e93bf;
  text-decoration: none;
}

.footer__logo {
  width: 26.9rem;
}

.footer__logo img {
  width: 100%;
}

.footer__privacymark {
  width: 5.6rem;
}

.footer__privacymark img {
  width: 100%;
}

.footer__copyright {
  background-color: #8a8987;
  font-size: 1.2rem;
  padding: 2.3rem 0;
  color: #fff;
}

.footer__copyright p {
  width: 1080px;
  margin: auto;
  text-align: center;
}

.nav {
  margin-bottom: 3.2rem;
}

.nav__title {
  font-size: 2.4rem;
  color: #0e93bf;
  display: flex;
  align-items: center;
}

.nav__title--top{
  font-size:2.2rem;
  padding-top: 2.0rem;
  display: block;
  text-align: center;
}

.nav__icon {
  width: 3.2rem;
  margin-right: .8rem;
  display: inline-block;
}

.nav__sublink {
  margin-top: 5rem;
}

.nav__sublink--nomenu {
  margin-top: 2rem;
}

.nav__sublink__item {
  border: none;
}

.nav__list {
  margin-top: 3rem;
  border-top: 1px solid #ccc5bb;
}

.nav__list_faqtop {
  margin-top: 1.8rem;
  border-top: 1px solid #ccc5bb;
}

.nav__list--snav {
  border-top: none;
  margin-top: 0;
  display: none;
}

.nav__list--snav-open {
  display: block;
}

.nav__item {
  border-color: #ccc5bb;
  padding: 0;
}

.nav__item--focus {
  padding: 2.2rem 2rem 2.2rem 1.5rem;
  color: #e69000;
  background-color: #fcfaf7;
  font-weight: bold;
}

.nav__item--focus:after {
  content: none;
}

.nav__item--focus-snav {
  padding: 1.1rem 0;
  color: #0e93bf;
  font-weight: bold;
}

.nav__item--focus-snav:after {
  content: none;
}

.nav__item--prt {
  padding-bottom: 1.2rem;
}

.nav__item--prt:after {
  content: none;
}

.nav__item--prt-open > .nav__link {
  background-color: #fcfaf7;
}

.nav__item--prt-open > .nav__link span {
  font-weight: bold;
  color: #e69000;
}

.nav__item--snav {
  border-bottom: none;
  font-size: 1.3rem;
  padding-left: 3.3rem;
}

.nav__link {
  display: block;
  padding: 2.2rem 2rem 2.2rem 1.5rem;
}

.nav__link:hover {
  border-bottom: 1px solid transparent;
}

.nav__link:hover .nav__text {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  border-bottom: 1px solid #e69000;
  text-decoration: none;
}

.nav__link--snav {
  padding: 1.1rem 2rem 1.1rem 0;
}

.nav__footer {
  text-align: center;
  padding: 3.2rem 0;
}

.nav__faqbutton{
  text-align: center;
  padding-top: 1.6rem;
}

.appmenu__button {
  display: block;
  font-size: 1.6rem;
  min-height: 4.8rem;
  line-height: 4.8rem;
  position: relative;
  padding-left: 2rem;
  margin-top: 3rem;
}

.appmenu__button .icon {
  position: absolute;
  width: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.appmenu__item:after {
  content: none;
}

.appmenu__link {
  display: flex;
  padding: 0 1.5rem;
  height: 6.5rem;
  line-height: 6.5rem;
  align-items: center;
  font-size: 1.6rem;
}

.appmenu__link--focus, .appmenu__link:hover {
  background-color: #eaf8ff;
}

.appmenu__link--focus .appmenu__text, .appmenu__link:hover .appmenu__text {
  border: none;
  color: #0e93bf;
  padding-bottom: none;
}

.appmenu__link .icon {
  margin-right: 1rem;
}

.banner__item {
  border-radius: 8px;
  margin-bottom: 2.5rem;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
}

.banner__link {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: bold;
  height: 7.2rem;
  color: #7a7368;
  background-color: #fff;
}

.banner__link:hover {
  color: #0e93bf;
  background-color: #eaf8ff;
  text-decoration: none;
}

.banner__link--image {
  height: auto;
  min-height: 7.2rem;
}

.banner__link--image img {
  vertical-align: bottom;
  width: 100%;
}

.banner__link--image:hover {
  opacity: .7;
  text-decoration: none;
}

.banner__link--image_top {
  height: auto;
  min-height: 7.2rem;
}

.banner__link--image_top img {
  vertical-align: bottom;
  width: 100%;
}

.banner__link--image_top:hover {
  text-decoration: none;
}


.banner__link .icon {
  width: 2.8rem;
  height: 2.8rem;
  margin-right: 1rem;
}

.page__block {
  margin-bottom: 5rem;
}

.page__block--last {
  margin-bottom: 0;
}

.page__title {
  font-size: 2.4rem;
  color: #0e93bf;
  margin-bottom: 3rem;
}

.page__subtitle {
  font-size: 1.8rem;
  color: #3d3d3d;
  padding-left: .8rem;
  margin-bottom: 3rem;
  position: relative;
}

.page__subtitle:before, .page__subtitle:after {
  content: "";
  display: block;
  width: .4rem;
  height: 60%;
  background-color: #0e93bf;
  border-radius: .4rem;
  position: absolute;
}

.page__subtitle:before {
  top: 0rem;
  left: -.3rem;
}

.page__subtitle:after {
  bottom: 0rem;
  left: -.3rem;
}

.large .page__subtitle br {
  display: none;
}

.page__subtitle .page__subtext {
  font-size: inherit;
  color: #8a8987;
  margin-left: 1rem;
}

.page__subtitle-2 {
  font-size: 1.6rem;
  color: #0e93bf;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.page__subtitle-2:before {
  display: inline-block;
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  margin-right: .8rem;
  background-image: url(../img/common/icon/icon-circle.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.page__subtitle-3 {
  font-size: 1.8rem;
  font-weight: bold;
  color: #7a7368;
  margin-bottom: 1rem;
}

.page__subtitle-4 {
  position: relative;
  font-size: 1.8rem;
  font-weight: bold;
  color: white;
  background-color: #0e93bf;
  margin-bottom: 2rem;
  padding: 1.5rem;
  border-radius: .6rem;
}

.page__subtitle-4:after {
  content: "";
  position: absolute;
  bottom: -1.3rem;
  left: 2rem;
  width: 0;
  height: 0;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  border-top: 1.3rem solid #0e93bf;
}

.page__text {
  font-size: 1.6rem;
  color: #3d3d3d;
  margin-bottom: 4rem;
  letter-spacing: -0.04rem;
  line-height: 1.6;
}

.page__textarea {
  font-size: 1.4rem;
  color: #3d3d3d;
  margin-bottom: 2rem;
  letter-spacing: -0.04rem;
  outline: none;
  border: 1px solid #ccc5bb;
  border-radius: 8px;
  padding: 1.4rem 2rem;
  width: 100%;
  font-family: inherit;
  resize: none;
}

.page__textarea__red {
  font-size: 1.4rem;
  color: #d0576b;
  margin-bottom: 2rem;
  letter-spacing: -0.04rem;
  outline: none;
  border: 3px solid #d0576b;
  border-radius: 8px;
  padding: 1.4rem 2rem;
  width: 100%;
  font-family: inherit;
  resize: none;
}

.text__border__red{
  border-bottom: solid 2px #d0576b;
  display: inline;
}

.text__bold{
  font-weight: bold;
}

.page__text--sub {
  font-size: 1.4rem;
}

.page__text--cmsdes {
  font-size: 1.2rem;
  margin-top: 0.4rem;
}

.page__text--information {
  color: #0e93bf;
}

.page__text--border, .page__text--border-dot {
  border-bottom: 1px solid #e8ecee;
  padding-bottom: 1.8rem;
  margin-bottom: 1.8rem;
}

.page__text--border:last-child, .page__text--border-dot:last-child {
  border-bottom: none;
}

.page__text--border-dot {
  border-style: dotted;
}

.page__subtext {
  margin: 1.5rem 0;
  font-size: 1.2rem;
}

.page__subtext--left {
  text-align: left;
}

.page__subtext--list {
  margin-left: 1rem;
  text-indent: -1rem;
  margin-bottom: -1.5rem;
}

.page__subtext--sub {
  font-size: 1.4rem;
  color: #8a8987;
}

.page__return {
  text-align: center;
  padding: 3rem 0;
}

.page__return .button {
  margin: 0 1.6rem;
}

.page__strong {
  color: #e99898;
}

.page__list {
  margin-bottom: 6rem;
}

.page__list .list__item {
  border-bottom: none;
  padding: 1rem 0 0 1.3rem;
  line-height: 1.6;
}

.page__list .list__item:after {
  content: none;
}

.page__list .list__item:before {
  content: "●";
  display: inline-block;
  color: #0e93bf;
  margin-left: -2rem;
  margin-right: .6rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.page__list .list__item--link {
  margin: 0 0 .4rem;
}

.page__list .list__item--link:before {
  content: "";
  display: inline-block;
  width: .6rem;
  height: .8rem;
  margin-right: .8rem;
  background-image: url(../img/common/icon/icon-arrow.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

.page__link {
  color: #3d3d3d;
  position: relative;
}

.page__link:hover {
  color: #e69000;
  text-decoration: underline;
}

.page__link--arwindent {
  text-indent: -10px;
}

.page__link--beforearw {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
  margin-left: 1.3rem;
  display: inline-block;
}

.page__link--beforearw:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.page__link--beforearw:before {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  margin-left: -1.5rem;
  left: 0;
  top: calc(50% - .65rem);
  content: url(../img/common/icon/icon-arrow.svg);
}

.page__link--beforearw:hover {
  text-decoration: none;
}

.page__link--beforearw--inline {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
  display: inline;
}

.page__link--beforearw--inline:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.page__link--beforearw--inline:before {
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  display: inline-block;
  content: "";
  background-image: url(../img/common/icon/icon-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: -1rem;
}

.page__link--beforearw--inline:hover {
  text-decoration: none;
}

.page__link--afterarw {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
}

.page__link--afterarw:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.page__link--afterarw:after {
  position: absolute;
  width: 1.3rem;
  height: 1.3rem;
  line-height: 1.3rem;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  margin-left: -1.5rem;
  right: -2rem;
  top: calc(50% - .65rem);
  content: url(../img/common/icon/icon-arrow.svg);
}

.page__link--afterarw:hover {
  text-decoration: none;
}

.content {
  padding-bottom: 20rem;
}

.content__header {
  background-color: #fcfaf7;
}

.content__header--top {
  padding: 1.0rem 0;
}

.content__header__container {
  width: 1080px;
  margin: auto;
  text-align: center;
}

.content__header__title {
  font-size: 2.2rem;
  color: #0e93bf;
  color: #0e93bf;
  margin: auto;
  display: inline-flex;
  padding: 1.0rem 0;
  text-align: center;
  display: block;
}

.content__header__button {
  display: flex;
  width: 16rem;
  margin: auto;
  font-size: 1.4rem;
  line-height: 4.8rem;
  justify-content: center;
  align-items: center;
  border: 1px solid #0e93bf;
  margin-top: 10px;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  border-radius: 8px;
  cursor: pointer;
}

.content__header__button .icon {
  width: 2.4rem;
  height: 2.4rem;
}

.content__header__button__noneframe{
  border: none;
  margin-top: 0;
}

.content__header__button__letter{
  font-weight: bold;
  padding-right: 1rem;
}

.content__header .topicpath {
  text-align: left;
  height: 4.6rem;
  line-height: 4.6rem;
  font-size: 1.4rem;
  color: #8a8987;
}

.content__header .topicpath__item {
  display: inline-block;
}

.content__header .topicpath__item:after {
  content: ">";
  margin: 0 1.4rem;
}

.content__header .topicpath__item:last-child:after {
  content: none;
}

.content__header .topicpath__link {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
}

.content__header .topicpath__link:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.selectoffice {
  margin-bottom: 6.5rem;
}

.selectoffice__title {
  color: #7a7368;
  font-size: 1.8rem;
  margin-bottom: 1.5rem;
}

.selectoffice__select {
  display: inline-block;
}

.selectoffice__select select {
  min-width: 26rem;
  max-width: 70rem;
}

.small .selectoffice__select select {
  max-width: 118rem;
}

.large .selectoffice__select select {
  max-width: 63.5rem;
}

.downloaduserdata {
  margin: 3rem 0;
  text-align: center;
}

.downloaduserdata__button {
  height: 5.6rem;
}

.downloaduserdata__button span {
  font-weight: bold;
}

.rewriteuserdata {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

.rewriteuserdata__button {
  height: 4rem;
  margin-left: auto;
}

.guidemanual {
  border: 2px solid #9dcbe1;
  border-radius: 8px;
  padding: 1.8rem;
  margin-bottom: 5rem;
  display: flex;
}

.guidemanual__icon {
  width: 4.2rem;
  height: 4.2rem;
  margin-right: 1rem;
}

.guidemanual__text {
  flex: 1;
  margin-right: 2rem;
}

.guidemenu {
  margin-bottom: 2rem;
}

.guidemenu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.small .guidemenu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

.large .guidemenu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.guidemenu__item {
  border: 1px solid #9dcbe1;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(122, 115, 104, 0.2);
  width: 34.8rem;
  margin-bottom: 3.2rem;
  display: flex;
}

.guidemenu__link {
  display: block;
  padding: 2.4rem;
  border-radius: 8px;
  color: #3d3d3d;
}

.guidemenu__link:hover {
  background-color: #eaf8ff;
  text-decoration: none;
}

.guidemenu__title {
  font-size: 1.6rem;
  font-weight: bold;
  color: #0e93bf;
  text-align: center;
  position: relative;
}

.guidemenu__title .icon {
  width: 1.4rem;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.guidemenu__text {
  margin: 1.8rem 2.4rem 0;
}

.guidebanner {
  display: block;
  border-radius: 8px;
  background-color: #e69000;
  vertical-align: bottom;
}

.guidebanner:hover {
  background-color: #f2a724;
}

.guidebanner img {
  vertical-align: top;
}

.contactinfo__list {
  margin-bottom: 6rem;
}

.contactinfo__item {
  display: flex;
  border-bottom: 1px dotted #e8ecee;
  padding: 2.4rem 2rem;
}

.contactinfo__title {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  width: 14rem;
}

.contactinfo__icon {
  width: 4.2rem;
  height: 4.2rem;
  margin-right: 1.6rem;
}

.contactinfo__text {
  font-size: 3.2rem;
  font-weight: bold;
  flex: 1;
  color: #0e93bf;
}

.contactinfo__text--sub {
  font-size: 1.8rem;
}

.contactinfo__text--mail {
  color: #e69000;
}

.contactinfo__note {
  font-size: 1.8rem;
  font-weight: bold;
  color: #8a8987;
}

.large .contactinfo__note {
  display: block;
}

.howtouse {
  margin: auto;
  text-align: center;
  margin-bottom: 6rem;
}

.modal {
  padding: 3rem 0;
  text-align: center;
  max-width: 64rem;
  width: 64rem;
}

.modal a.close-modal {
  background-image: url(../img/common/icon/icon-close.svg);
  top: -4rem;
  right: 0;
}

.modal__text {
  margin-bottom: 3rem;
}

.modal__text--nobtn {
  margin-bottom: 0;
}

.modal__checkbox {
  font-size: 1.4rem;
  color: #8a8987;
  border-bottom: none;
  display: block;
  margin: 3rem auto 0;
  text-align: center;
  min-height: auto;
  line-height: 1;
}

.modal__checkbox .form__checkbox {
  display: inline-flex;
  margin: auto;
}

.app__header__title {
  border-bottom: 1px solid #0e93bf;
  padding-bottom: 2.5rem;
}

.app__header .app__tag {
  margin-right: 1.5rem;
}

.app__header .app__timestamp {
  display: inline-block;
  text-align: left;
  margin-bottom: 2.5rem;
  color: #3d3d3d;
}

.app__error {
  margin-bottom: 3rem;
}

.app__error p {
  font-size: 1.8rem;
  font-weight: bold;
  color: #cc2929;
  text-indent: -1.8rem;
  padding-left: 1.8rem;
}

.app__body {
  margin-bottom: 4rem;
  line-height: 1.7;
}

.app__form input {
  font-size: 1.4rem;
  height: 4rem;
  line-height: 4rem;
}

.app__form textarea {
  font-size: 1.4rem;
}

.app__no-result {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  height: 35rem;
}

.app__no-result__icon {
  display: block;
  width: 12.5rem;
  height: 12.5rem;
  margin-bottom: 1rem;
  opacity: .4;
}

.app__no-result__text {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #8a8987;
}

.app__list__clip {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-left: .5rem;
}

.app__list__title {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 47rem;
}

.large .app__list__title {
  max-width: 26rem;
}

.small .app__list__title {
  max-width: 100rem;
}

.app__button--del {
  width: 7.5rem;
  font-size: 1.4rem;
  line-height: 3rem;
  align-self: center;
  margin-left: 1rem;
  color: #7a7368;
  outline: none;
}

.app__link {
  color: #e69000;
  padding-bottom: 0.14rem;
  border-bottom: 1px solid transparent;
  color: #3d3d3d;
}

.app__link:hover {
  border-bottom: 1px solid #e69000;
  color: #e69000;
  text-decoration: none;
}

.app__item {
  display: flex;
  padding: 1.5rem .8rem 1.5rem 2.8rem;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  border-bottom: 1px solid #e8ecee;
  background-color: #fafcfc;
}

.app__item--memo {
  padding-left: 1.5rem;
  background-color: #fff;
}

.app__item--memo .app__list__title {
  max-width: 47rem;
}

.large .app__item--memo .app__list__title {
  max-width: 26rem;
}

.small .app__item--memo .app__list__title {
  max-width: 100rem;
}

.app__item--read {
  background-color: #fff;
}

.app__item--read:before {
  position: absolute;
  content: "●";
  color: #e69000;
  font-size: 1.4rem;
  left: 0;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  margin-left: .8rem;
}

.app__item--read .app__list__title {
  font-weight: bold;
}

.app__item--read .app__timestamp {
  margin-right: 0;
}

.app__item--limit {
  flex-wrap: wrap;
}

.app__item--limit .app__timestamp {
  width: 11rem;
}

.small .app__item--limit .app__timestamp {
  width: auto;
}

.app__item--limit .app__tag-list {
  width: 100%;
}

.app__tag {
  width: auto;
  color: #7a7368;
  background-color: #e8ecee;
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.app__tag--reset {
  background-color: #8a8987;
  color: #fff;
}

.app__timestamp {
  text-align: right;
  color: #8a8987;
  margin-left: auto;
  margin-right: 0;
}

.app__filelist .app__item {
  background-color: #fff;
  padding-left: .8rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.app__filelist .app__item:after {
  content: none;
}

.app__filelist .app__item:first-child {
  border-top: 1px solid #e8ecee;
}

.app__filelist .app__item .button {
  min-width: 8rem;
  line-height: 3rem;
  color: #7a7368;
  margin-right: 0;
  background-image: none;
}

.app__filelist .app__item .button:after {
  content: none;
}

.app__filelist .app__link:hover {
  text-decoration: underline;
  border-bottom: none;
}

.app__filelist .app__subtext {
  line-height: 3rem;
  margin-left: 1.6rem;
  margin-right: auto;
  color: #8a8987;
  font-size: 1.2rem;
  align-self: flex-end;
}

.small .app__filelist .app__subtext {
  margin-left: 1.6rem;
}

.app__filename {
  display: inline-block;
  line-height: 3.1rem;
}

.app__filename:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 26px;
  background: url(../img/common/icon/icon-memo.png) no-repeat;
  -webkit-transform: translateX(0.6rem) translateY(0.7rem);
          transform: translateX(0.6rem) translateY(0.7rem);
  line-height: 1;
}

.small .app__filename:after {
  -webkit-transform: translateX(0.6rem) translateY(1.2rem);
          transform: translateX(0.6rem) translateY(1.2rem);
}

.large .app__filename:after {
  -webkit-transform: translateX(0.6rem) translateY(0.5rem);
          transform: translateX(0.6rem) translateY(0.5rem);
}

.app__filename--pdf:after {
  background: url(../img/common/icon/icon-pdf.png) no-repeat;
}

.app__filename--doc:after {
  background: url(../img/common/icon/icon-doc.png) no-repeat;
}

.app__filename--xls:after {
  background: url(../img/common/icon/icon-xls.png) no-repeat;
}

.app__filename--comp:after {
  background: url(../img/common/icon/icon-comp.png) no-repeat;
}

.app__fileupload {
  text-align: center;
}

.app__fileupload__button {
  width: 17.4rem;
  height: 4rem;
  line-height: 4rem;
  margin: 2.5rem auto;
  font-size: 1.4rem;
}

input.upload {
  display: none;
}

.login__title {
  font-weight: bold;
  color: #7a7368;
  font-size: 1.5rem;
  margin-bottom: 3rem;
}

.login__subtitle {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
}

.login__subtitle .icon {
  width: 2rem;
  height: 2rem;
  margin-right: .5rem;
}

.login__text {
  text-align: left;
  margin-bottom: 1.4rem;
}

.login__subtext {
  text-align: left;
  letter-spacing: -.08rem;
}

.login__usabletime {
  color: #7a7368;
  margin-top: 3rem;
}

.login__usabletime__detail {
  display: inline-block;
  margin-top: 1rem;
}

.login__usabletime__item {
  margin: auto;
  display: flex;
  margin-bottom: .4rem;
}

.login__usabletime__item:last-child {
  margin-bottom: 0;
}

.login__usabletime__day {
  margin-right: 3.5rem;
}

.login__block {
  margin-bottom: 3rem;
}

.login__block:nth-child(2) {
  padding-top: 3rem;
  margin-bottom: 0;
  border-top: 1px solid #e8ecee;
}

.information__header {
  margin-bottom: 2.2rem;
}

.information__header .tag {
  margin-right: 3rem;
}

.information__title {
  border-bottom: 1px solid #0e93bf;
  padding-bottom: 2.5rem;
}

.searchresult__header {
  margin-top: -.7rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #e8ecee;
}

.searchresult__body--noresult {
  margin-top: 2.4rem;
}

.searchresult__title {
  font-size: 1.8rem;
  font-weight: bold;
}

.searchresult__list {
  counter-reset: item;
  list-style-type: none;
}

.searchresult__item {
  padding-top: 2.2rem;
  padding-bottom: 2.2rem;
  padding-left: .5rem;
  font-size: 1.8rem;
  font-weight: bold;
  list-style-position: inside;
  display: flex;
}

.searchresult__item:after {
  top: inherit;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.searchresult__item:before {
  counter-increment: item;
  content: counter(item) ".";
  padding-right: .7em;
  font-weight: bold;
  display: inline;
  vertical-align: top;
}

.searchresult__link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 65rem;
  font-weight: bold;
  height: 3rem;
}

.small .searchresult__link {
  width: 110rem;
}

.large .searchresult__link {
  width: 44rem;
}

.searchresult__text {
  padding-top: 8px;
  font-size: 1.4rem;
}

.searchresult__text--noresult {
  margin-top: 1.6rem;
}

html {
  font-family: 'Noto Sans JP',メイリオ,MS PGothic,Arial,Hiragino Kaku Gothic ProN,Osaka,sans-serif;
  font-size: 10px;
  height: 100%;
}

html.small {
  font-size: 7px;
}

html.large {
  font-size: 13px;
}

html .blocker {
  z-index: 3;
}

body {
  background-color: #fff;
  color: #3d3d3d;
  min-width: 1080px;
  height: 100%;
}

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

a:hover {
  text-decoration: underline;
}

.anchor_char_to, .anchor_list_a_from{
  color: #3d3d3d;
}

.anchor_char_to:hover, .anchor_list_a_from:hover, .content__header__button:hover{
  text-decoration: none;
}

.anchor_list_content{
  position: relative;
}

.anchor_list_title{
  font-size: 1.8rem;
  font-weight: bold;
  padding-bottom: 1.0rem;
  color: #0e93bf;
  position: absolute;
  top: -3rem;
}

.anchor_list_frame_from{
  border: 2px solid #9dcbe1;
  padding-top: 20px;
  padding-bottom: 10px;
  border-radius: 8px;
}

.anchor_list_table_from{
  color: #3d3d3d;
  font-size: 1.4rem; /* 中サイズで12文字程度が改行されずに見える。 */
  width:96%; /* アローマークの分だけあける。 */
  table-layout: fixed;
}

.anchor_list_table_from td {
  position: relative;
}

.anchor_list_table_from td::before {
  display: block;
  position: absolute;
  content: url(../img/common/icon/icon-arrow.svg);
  width: 1.4rem;
  height: 1.4rem;
  right: 0; /* 一番右に表示させる。 */
  transform: rotate(90deg);
}

.anchor_list_td_outlineadjust_from{
  padding-left: 1rem;
  padding-bottom: 1rem;
}

.anchor_list_a_from{
  display: block;
  border-bottom: 1px solid #ccc5bb;
  padding-bottom: 0.6rem;
}

.anchor_list_a_from:hover{
  color: #e69000;
  border-bottom: 1px solid #e69000;
}

.anchor_list_td_detailadjust_from{
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
  padding: 0 1.5rem 0 1.5rem;
  font-weight: bold;
}

.belowAnchorListSpace{
  padding-top: 5rem;
}


a[href$=".pdf"], a[href$=".xls"], a[href$=".xlsx"], a[href$=".doc"], a[href$=".docx"] {
  line-height: 3.1rem;
}

a[href$=".pdf"]:after, a[href$=".xls"]:after, a[href$=".xlsx"]:after, a[href$=".doc"]:after, a[href$=".docx"]:after {
  content: "";
  display: inline-block;
  width: 24px;
  height: 26px;
  background: url(../img/common/icon/icon-pdf.png) no-repeat;
  -webkit-transform: translateX(0.6rem) translateY(0.7rem);
          transform: translateX(0.6rem) translateY(0.7rem);
  line-height: 1;
}

.small a[href$=".pdf"]:after, .small a[href$=".xls"]:after, .small a[href$=".xlsx"]:after, .small a[href$=".doc"]:after, .small a[href$=".docx"]:after {
  -webkit-transform: translateX(0.6rem) translateY(1.2rem);
          transform: translateX(0.6rem) translateY(1.2rem);
}

.large a[href$=".pdf"]:after, .large a[href$=".xls"]:after, .large a[href$=".xlsx"]:after, .large a[href$=".doc"]:after, .large a[href$=".docx"]:after {
  -webkit-transform: translateX(0.6rem) translateY(0.5rem);
          transform: translateX(0.6rem) translateY(0.5rem);
}

a[href$=".xls"]:after, a[href$=".xlsx"]:after {
  background-image: url(../img/common/icon/icon-xls.png);
}

a[href$=".doc"]:after, a[href$=".docx"]:after {
  background-image: url(../img/common/icon/icon-doc.png);
}

a.pdf, a.xls, a.xlsx, a.doc, a.docx, a.zip, a.rar, a.sevenz, a.cab,  a.lzh, a.tar_gz, a.otherFile{
  color: #e69000;
  background: url(../img/common/icon/icon-memo.png) no-repeat 98.8% 0;
  background-size: contain; 
}

a.pdf:after, a.xls:after, a.xlsx:after, a.doc:after, a.docx:after, a.zip:after, a.rar:after, a.sevenz:after, a.cab:after, a.lzh:after, a.tar__gz:after, a.otherFile:after {
  content: "";
  display: inline-block;
  width: 2.5rem;
}

a.pdf {
  background-image: url(../img/common/icon/icon-pdf.png);
}

a.xls, a.xlsx {
  background-image: url(../img/common/icon/icon-xls.png);
}

a.doc, a.docx {
  background-image: url(../img/common/icon/icon-doc.png);
}

a.zip, a.rar, a.sevenz, a.cab, a.lzh, a.tar__gz {
  background-image: url(../img/common/icon/icon-comp.png);
}


span.pdf, span.xls, span.xlsx, span.doc, span.docx, span.zip, span.rar, span.sevenz, span.cab,  span.lzh, span.tar_gz, span.otherFile{
  background: url(../img/common/icon/icon-memo.png) no-repeat 98.8% 0;
  background-size: contain; 
}

span.pdf:after, span.xls:after, span.xlsx:after, span.doc:after, span.docx:after, span.zip:after, span.rar:after, span.sevenz:after, span.cab:after, span.lzh:after, span.tar__gz:after, span.otherFile:after {
  content: "";
  display: inline-block;
  width: 2.5rem;
}

span.pdf {
  background-image: url(../img/common/icon/icon-pdf.png);
}

span.xls, span.xlsx {
  background-image: url(../img/common/icon/icon-xls.png);
}

span.doc, span.docx {
  background-image: url(../img/common/icon/icon-doc.png);
}

span.zip, span.rar, span.sevenz, span.cab, span.lzh, span.tar__gz {
  background-image: url(../img/common/icon/icon-comp.png);
}

a.cmsurl{
  color: #e69000;
}

a.cmspdf, a.cmsxls, a.cmsxlsx, a.cmsdoc, a.cmsdocx, a.cmszip, a.cmsrar, a.cmssevenz, a.cmscab,  a.cmslzh, a.cmstar_gz, a.cmsotherFile{
  color: #3d3d3d;
  background: url(../img/common/icon/icon-memo.png) no-repeat 98.8% 0;
  background-size: contain; 
}

a.cmspdf:hover, a.cmsxls:hover, a.cmsxlsx:hover, a.cmsdoc:hover, a.cmsdocx:hover, a.cmszip:hover, a.cmsrar:hover, a.cmssevenz:hover, a.cmscab:hover,  a.cmslzh:hover, a.cmstar_gz:hover, a.cmsotherFile:hover{
  color: #e69000;
  text-decoration: underline;
}

a.cmspdf:after, a.cmsxls:after, a.cmsxlsx:after, a.cmsdoc:after, a.cmsdocx:after, a.cmszip:after, a.cmsrar:after, a.cmssevenz:after, a.cmscab:after, a.cmslzh:after, a.cmstar__gz:after, a.cmsotherFile:after {
  content: "";
  display: inline-block;
  width: 2.5rem;
}

a.cmspdf {
  background-image: url(../img/common/icon/icon-pdf.png);
}

a.cmsxls, a.cmsxlsx {
  background-image: url(../img/common/icon/icon-xls.png);
}

a.cmsdoc, a.cmsdocx {
  background-image: url(../img/common/icon/icon-doc.png);
}

a.cmszip, a.cmsrar, a.cmssevenz, a.cmscab, a.cmslzh, a.cmstar__gz {
  background-image: url(../img/common/icon/icon-comp.png);
}

.large a.cmspdf, .large a.cmsxls, .large a.cmsxlsx, .large a.cmsdoc, .large a.cmsdocx, .large a.cmszip, .large a.cmsrar, .large a.cmssevenz, .large a.cmscab, .large a.cmslzh, .large a.cmstar_gz, .large a.cmsotherFile{
  margin-top: .8rem;
}

img {
  height: auto;
}

.supportservice {
  padding-left: 8rem;
  padding-right: 8rem;
  margin-bottom: 5rem;
}

.supportservice_subtitle {
  font-size: 1.7rem;
  color: #2798F6;
  font-weight: bold;
  margin-bottom: 1rem;
}

.supportservice_title {
  font-size: 2rem;
  color: #ffffff;
  background-color: #2798F6;
  margin-bottom: 1rem;
  text-align: center;
}

.contactinfo__list_forsupportservice　{
  margin-bottom: 4rem;
}

.contactinfo__item_forsupportservice {
  display: flex;
  padding: 0.4rem 6rem;
}

.contactinfo__title_forsupportservice {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  font-weight: bold;
  width: 13rem;
  background-color: #CBE6FD;
  color: #2798F6;
}

.contactinfo__text_forsupportservice {
  font-size: 2rem;
  font-weight: bold;
  flex: 1;
  color: #000000;
  padding-left: 1rem;
}

/*
 * hack
 */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .newslist__link:not(*:root), .chrome {
    max-width: 40rem;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .top .newslist__link:not(*:root), .chrome {
    max-width: 28rem;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .filelist__link:not(*:root), .chrome {
    max-width: 37rem;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .top .filelist__link:not(*:root), .chrome {
    max-width: 25rem;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .app__list__title:not(*:root), .chrome {
    max-width: 50rem;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .searchresult__link:not(*:root), .chrome {
    max-width: 65rem;
  }
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .small .selectoffice__select select:not(*:root), .chrome {
    max-width: 70rem;
  }
}

/*# sourceMappingURL=app.css.map */