@charset "utf-8";

/**
 * 20231218
 * リモートフィールドコラム記事用CSS
 */

h1,h2,h3,h4 {
  font-weight: bold;
}

.breadcrumb__container {
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}

.breadcrumb__inner {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 100%;
  padding: 16px 50px;
  overflow: hidden;
}

.breadcrumb__list a:not(#_) {
  color: #cf142b;
}

.c-section {
  margin-top: 27px;
}


.c-margin-b .c-margin-b__inner:not(#_) {
  max-width: 1024px;
  margin-inline: auto;
  padding-right: 16px;
  padding-left: 16px;
}

.fxb-section > .c-section:not(#_) {
  padding-top: 24px;
  padding-bottom: 0;
}

.c-container .c-h1-b__text:not(#_) {
  line-height: 1.5;
}

.fxb-section > .c-section:not(#_) {
  padding-top: 24px;
  padding-bottom: 0;
}

.c-section >.f-child:first-child, .c-text-a:first-child {
  margin-top: 0;
}

.c-h1-b__text {
  margin-bottom: 35px;
  font-weight: bold;
  line-height: 1.5;
  font-size: 26px;
}

@media screen and (min-width: 640.02px) {
  .c-h1-b__text {
    font-size: 36px;
    margin-bottom: 27px;
  }
}

@media screen and (max-width: 640px) {
  .c-section {
    margin-top: 35px;
  }
}

.c-text-a__text a[target=_blank]::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  vertical-align: middle;
  content: "";
  background-color: #cf142b;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.45764,19h-12a1.00294,1.00294,0,0,1-1-1V6a1.00294,1.00294,0,0,1,1-1h5a1,1,0,0,0,0-2h-6a1.99944,1.99944,0,0,0-2,2V19a2.00588,2.00588,0,0,0,2,2h14a2.00588,2.00588,0,0,0,2-2V13a1,1,0,1,0-2,0v5A1.00294,1.00294,0,0,1,17.45764,19Zm-4-15a1.00294,1.00294,0,0,0,1,1h2.59l-9.13,9.13a.997.997,0,0,0,1.41,1.41l9.13-9.13V9a1,1,0,0,0,2,0V3h-6A1.00294,1.00294,0,0,0,13.45764,4Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.45764,19h-12a1.00294,1.00294,0,0,1-1-1V6a1.00294,1.00294,0,0,1,1-1h5a1,1,0,0,0,0-2h-6a1.99944,1.99944,0,0,0-2,2V19a2.00588,2.00588,0,0,0,2,2h14a2.00588,2.00588,0,0,0,2-2V13a1,1,0,1,0-2,0v5A1.00294,1.00294,0,0,1,17.45764,19Zm-4-15a1.00294,1.00294,0,0,0,1,1h2.59l-9.13,9.13a.997.997,0,0,0,1.41,1.41l9.13-9.13V9a1,1,0,0,0,2,0V3h-6A1.00294,1.00294,0,0,0,13.45764,4Z"/></svg>')
}

/*===============================
* 2カラムスタイル
===============================*/
.p-article-wrapper {
  max-width: 1024px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 16px;
  padding-left: 16px;
}
.p-article-wrapper__column {
  display: flex;
  justify-content: space-between;
  margin-top: 48px;
}
.p-article-wrapper__main {
  width: calc(100% - 312px);
}
.p-article-wrapper__side {
  width: 280px;
  margin-left: 32px;
}

@media only screen and (max-width: 834px) {
  .p-article-wrapper__main {
    width: 100%;
  }
  .p-article-wrapper__column {
    margin-top: 24px;
  }
  .p-article-wrapper__side {
    display: none;
  }
}

@media screen and (max-width: 640px) {
  .c-margin-a__inner {
    width: calc(100% - 32px);
    margin-right: 16px;
    margin-left: 16px;
  }
  .p-article-wrapper {
    padding-inline: 0;
  }
}

/*===============================
* 目次
===============================*/

.p-article-toc {
  padding: 24px 40px 24px 24px;
  border-top: 2px solid #C89C40;
  border-bottom: 2px solid #C89C40;
  background: #FFFCF5;
}
.p-article-toc__title {
  font-size: 18px;
  font-weight: bold;
  color: #C89C40;
  margin-bottom: 20px;
}
.p-article-toc__item {
  padding-left: 6px;
}
.p-article-toc__item:last-child a {
  margin-bottom: 0;
}
.p-article-toc_item .p-article-toc_heading2:not(#_) {
  color: #333;
  font-weight: bold;
  display: inline-block;
  align-items: center;
  margin-bottom: 6px;
  padding-left: 1rem;
  text-indent: -1rem;
}
.p-article-toc_item .p-article-toc_heading2:not(#_):hover {
  text-decoration: underline;
}

/*===============================
* メインカラム
===============================*/

.p-article-wrapper__main .c-h2-a:not(#_) {
  margin: 64px 0 40px;
}

.p-article-wrapper__main .c-h3-a:not(#_) {
  margin: 57px 0 24px;
}

.p-article-wrapper__main .c-h4-a:not(#_) {
  margin: 24px 0 16px;
}

.p-article-wrapper__main .c-h2-a__text {
  text-align: left;
  line-height: 1.4;
  font-size: 22px;
}

.p-article-wrapper__main .c-h3-a__text {
  font-size: 20px;
  line-height: 1.6;
}

.p-article-wrapper__main .c-h4-a__text {
  font-size: 18px;
  line-height: 1.6;
  color: #333333;
}

.p-article-wrapper__main .c-text-a__text {
  font-size: 15px;
  line-height: 1.8;
}

/* 注釈 */

.c-attention-a:last-child {
  margin-bottom: 0;
}

.c-attention-a__item {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 4px;
  margin: 0;
}

.c-attention-a__marker {
  width: 1.5em;
  font-size: 12px;
}

.c-text-c__text {
  font-size: 12px;
  line-height: 1.4;
}

/* リスト */

.c-list-disc-a__item, ul.c-list-disc-a__item {
  padding-left: 21px;
  margin-top: 0;
  line-height: 1.5;
  text-indent: -21px;
}

.c-list-disc-a__item::before, ul.c-list-disc-a__item::before {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 9px;
  margin-left: 4px;
  vertical-align: 2px;
  content: "";
  background-color: #cf142b;
  border-radius: 50%;
}

.c-list-disc-a__item--black::before, ul.c-list-disc-a__item--black::before {
  background-color: #333;
}

.c-list-disc-a__item--blue::before, ul.c-list-disc-a__item--blue::before {
  background-color: #0b51b3;
}

/* チェックボックス */

.c-check {
  display: grid;
  row-gap: 24px;
  column-gap: 24px;
}

.c-check__list--bg-gray {
  background-color: #f6f6f6;
}

.c-check__list {
  border: 2px solid #c9c9c9;
}

.c-check__item {
  position: relative;
  padding-left: 23px;
  line-height: 1.6;
}

.c-check__item:last-child {
  margin-bottom: 0;
}

.c-check__item::before {
  position: absolute;
  left: 0;
  display: inline-block;
  content: "";
  background-size: contain;
  /* background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect fill="none" width="19" height="19"/><path fill="%23cf142b" d="M20.31,5.692l-9.492,9.492a.945.945,0,0,1-1.338,0L6.793,12.5a.945.945,0,0,1,0-1.338h0a.945.945,0,0,1,1.338,0l2.012,2.012,8.818-8.818a.945.945,0,0,1,1.338,0h0A.937.937,0,0,1,20.31,5.692ZM15.07,2.7A9.489,9.489,0,1,0,20.661,13.96a9.18,9.18,0,0,0,.2-4.006.955.955,0,0,0-1.614-.513h0a.955.955,0,0,0-.256.845A7.137,7.137,0,0,1,18.5,14.33a7.716,7.716,0,0,1-6.274,4.717A7.6,7.6,0,1,1,14.956,4.734a.951.951,0,0,0,1.111-.171h0a.952.952,0,0,0-.228-1.519C15.583,2.93,15.327,2.807,15.07,2.7Z" transform="translate(-1.993 -1.992)"/></svg>); */
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20fill%3D%22none%22%20width%3D%2219%22%20height%3D%2219%22%2F%3E%3Cpath%20fill%3D%22%23cf142b%22%20d%3D%22M20.31%2C5.692l-9.492%2C9.492a.945.945%2C0%2C0%2C1-1.338%2C0L6.793%2C12.5a.945.945%2C0%2C0%2C1%2C0-1.338h0a.945.945%2C0%2C0%2C1%2C1.338%2C0l2.012%2C2.012%2C8.818-8.818a.945.945%2C0%2C0%2C1%2C1.338%2C0h0A.937.937%2C0%2C0%2C1%2C20.31%2C5.692ZM15.07%2C2.7A9.489%2C9.489%2C0%2C1%2C0%2C20.661%2C13.96a9.18%2C9.18%2C0%2C0%2C0%2C.2-4.006.955.955%2C0%2C0%2C0-1.614-.513h0a.955.955%2C0%2C0%2C0-.256.845A7.137%2C7.137%2C0%2C0%2C1%2C18.5%2C14.33a7.716%2C7.716%2C0%2C0%2C1-6.274%2C4.717A7.6%2C7.6%2C0%2C1%2C1%2C14.956%2C4.734a.951.951%2C0%2C0%2C0%2C1.111-.171h0a.952.952%2C0%2C0%2C0-.228-1.519C15.583%2C2.93%2C15.327%2C2.807%2C15.07%2C2.7Z%22%20transform%3D%22translate(-1.993%20-1.992)%22%2F%3E%3C%2Fsvg%3E')
}

.c-check__item:not(.c-check__item--black)::before {
  /* background-image: url(data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><rect fill="none" width="19" height="19"/><path fill="%23cf142b" d="M20.31,5.692l-9.492,9.492a.945.945,0,0,1-1.338,0L6.793,12.5a.945.945,0,0,1,0-1.338h0a.945.945,0,0,1,1.338,0l2.012,2.012,8.818-8.818a.945.945,0,0,1,1.338,0h0A.937.937,0,0,1,20.31,5.692ZM15.07,2.7A9.489,9.489,0,1,0,20.661,13.96a9.18,9.18,0,0,0,.2-4.006.955.955,0,0,0-1.614-.513h0a.955.955,0,0,0-.256.845A7.137,7.137,0,0,1,18.5,14.33a7.716,7.716,0,0,1-6.274,4.717A7.6,7.6,0,1,1,14.956,4.734a.951.951,0,0,0,1.111-.171h0a.952.952,0,0,0-.228-1.519C15.583,2.93,15.327,2.807,15.07,2.7Z" transform="translate(-1.993 -1.992)"/></svg>); */
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20fill%3D%22none%22%20width%3D%2219%22%20height%3D%2219%22%2F%3E%3Cpath%20fill%3D%22%23cf142b%22%20d%3D%22M20.31%2C5.692l-9.492%2C9.492a.945.945%2C0%2C0%2C1-1.338%2C0L6.793%2C12.5a.945.945%2C0%2C0%2C1%2C0-1.338h0a.945.945%2C0%2C0%2C1%2C1.338%2C0l2.012%2C2.012%2C8.818-8.818a.945.945%2C0%2C0%2C1%2C1.338%2C0h0A.937.937%2C0%2C0%2C1%2C20.31%2C5.692ZM15.07%2C2.7A9.489%2C9.489%2C0%2C1%2C0%2C20.661%2C13.96a9.18%2C9.18%2C0%2C0%2C0%2C.2-4.006.955.955%2C0%2C0%2C0-1.614-.513h0a.955.955%2C0%2C0%2C0-.256.845A7.137%2C7.137%2C0%2C0%2C1%2C18.5%2C14.33a7.716%2C7.716%2C0%2C0%2C1-6.274%2C4.717A7.6%2C7.6%2C0%2C1%2C1%2C14.956%2C4.734a.951.951%2C0%2C0%2C0%2C1.111-.171h0a.952.952%2C0%2C0%2C0-.228-1.519C15.583%2C2.93%2C15.327%2C2.807%2C15.07%2C2.7Z%22%20transform%3D%22translate(-1.993%20-1.992)%22%2F%3E%3C%2Fsvg%3E')
}

.c-check__item .c-text-a {
  margin-bottom: 0;
}

/* テキスト内リンク */

.c-text-a__text a {
  color: #cf142b;
}

/* テーブル */

.c-table table {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #c9c9c9;
  border-left: 1px solid #c9c9c9;
}

.c-table td, .c-table th {
  word-break: break-word;
  vertical-align: middle;
}

.c-table thead th {
  font-weight: 700;
  color: #fff;
  background-color: #999;
}

.c-table:not(.c-table--bg-white) tbody th:not(.c-table__th--gray) {
  background-color: #dedede;
}

.c-table td:not(.c-table--borderRightNone), .c-table th:not(.c-table--borderRightNone) {
  border-right: 1px solid #c9c9c9;
}

.c-table td:not(.c-table--borderBottomNone), .c-table th:not(.c-table--borderBottomNone) {
  border-bottom: 1px solid #c9c9c9;
}

.c-table:not(.c-table--sell-thin) td, .c-table:not(.c-table--sell-thin) th {
  padding: 16px 8px;
}

.p-article-wrapper__main .c-attention-a dl {
  display: flex;
}

.p-article-wrapper__main .c-attention-a dd {
  margin-left: 0;
}

.p-article-wrapper__main .c-attention-a dd .c-text-c__text {
  font-size: 13px;
}

.c-figure {
  margin-top: 48px;
}

.c-figure__item {
  width: 100%;
  max-width: 912px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.c-figure__item img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 640.02px) {

  .c-text-a {
    margin-top: 26px;
    margin-bottom: 10px;
  }

  .p-article-wrapper__main .c-h2-a__text {
    font-size: 32px;
    line-height: 1.4;
  }

  .p-article-wrapper__main .c-h3-a__text {
    font-size: 24px;
  }

  .p-article-wrapper__main  .c-h4-a__text {
      font-size: 20px;
  }

  .p-article-wrapper__main .c-text-a__text {
    font-size: 16px;
  }

  .c-h2-a:not(.c-h2-a--big) .c-h2-a__text {
    font-size: 32px;
    line-height: 1.4;
  }

  .c-text-a.c-text-a--thin .c-text-a__text {
    font-size: 16px;
    line-height: 1.5;
  }

  .c-figure {
    margin-top: 16px;
  }

  .c-check {
    margin-top: 48px;
  }

  .c-check__list {
    padding: 26px 28px;
  }

  .c-check__item {
    margin-bottom: 18px;
  }

  .c-check__item::before {
    top: 0.2em;
    width: 23px;
    height: 23px;
  }

  .c-check--col1 {
    grid-template-columns: repeat(1,1fr);
  }

  .c-attention-a {
    margin-top: 16px;
  }
}

@media screen and (max-width: 640px) {

  .p-article-wrapper__main .c-h2-a:not(#_) {
    margin: 40px 0 32px;
  }
  
  .p-article-wrapper__main .c-h3-a:not(#_) {
    margin: 32px 0 24px;
  }
  
  .p-article-wrapper__main .c-h4-a:not(#_) {
    margin: 22px 0 14px;
  }

  .c-h2-a:not(.c-h2-a--big) .c-h2-a__text {
    font-size: 22px;
    line-height: 1.4;
  }

  .c-text-a.c-text-a--thin .c-text-a__text {
    font-size: 15px;
    line-height: 1.5;
  }

  .c-text-a {
    margin-top: 34px;
    margin-bottom: 12px;
  }

  .p-article-wrapper__main .c-h2-a:not(#_) {
    margin: 40px 0 32px;
  }

  .c-figure__item {
    margin-bottom: 20px;
  }

  .c-attention-a {
    margin-top: 18px;
  }

  .c-container li {
    font-size: 15px;
  }

  .c-check {
    grid-template-columns: 1fr;
    margin-top: 48px;
  }

  .c-check__list {
    padding: 25px 17px;
  }

  .c-check__item {
    margin-bottom: 12px;
  }

  .c-check__item::before {
    top: 3px;
    width: 20px;
    height: 20px;
  }

  .c-table:not(#_) {
    overflow-x: scroll;
  }

  .c-table td:not(#_), .c-table th:not(#_) {
    width: 80px;
    word-break: auto-phrase;
    font-size: 13px;
    line-height: 1.7307692308;
  }
}

/*===============================
* サイドバー
===============================*/
.p-article-wrapper__side__content {
  padding: 0 0 20px 0;
  position: sticky;
  top: 26px;
  background-color: #FFFCF5;
  border: 1px solid #27272A;
}

/* テキスト */

.p-article-wrapper__side__content__title {
  padding: 11px 28px;
  background-color: #27272A;
}
.p-article-wrapper__side__content__title__text {
  line-height: 1.2;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
}
.p-article-wrapper__side__content__text {
  margin-top: 24px;
  padding: 0 20px 0 40px;
}

/* 資料画像 */

.p-article-wrapper__side__content__document {
  padding: 20px 20px 0;
}

.p-article-wrapper__side__content__document img {
  width: 100%;
  display: block;
}

/* .p-article-wrapper__side__content__text dl {
  display: flex;
  flex-wrap: wrap;
}
.p-article-wrapper__side__content__text dl dt {
  font-size: 16px;
  font-weight: 700;
  color: #1f78cc;
}
.p-article-wrapper__side__content__text dl dd {
  font-size: 15px;
  font-weight: 500;
  color: #363636;
  margin-left: 4px;
  width: 90%;
}
.p-article-wrapper__side__content__text dl dd span {
  color: #1f78cc;
  font-weight: 700;
}
.p-article-wrapper__side__content__text dl dd:last-of-type, .p-article-wrapper__side__content__text dl dt:last-of-type {
  margin-top: 16px;
}
.p-article-wrapper__side__content__text p {
  color: #363636;
  font-weight: 500;
  font-size: 14px;
  margin-top: 12px;
  text-align: center;
  line-height: 1.64;
} */

.p-article-wrapper__side__content__text ul {
  padding: 0;
}

.p-article-wrapper__side__content__text ul li {
  position: relative;
  margin-top: 8px;
  background-size: 100% auto;
  font-size: 14px;
}

.p-article-wrapper__side__content__text ul li:before {
  content: "";
  position: absolute;
  left: -20px;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  display: inline-block;
  background-size: 100% auto;
  background-image: url(/-/Media/Ricoh/Sites/co_jp/service/remote-field/column/img/icon_article-remote-field-sidebar-check.png);
  background-repeat: no-repeat;
}

/* 吹き出し */

.p-article-wrapper__side__content__balloon {
  margin-top: 16px;
  margin-bottom: 4px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.p-article-wrapper__side__content__balloon::before,.p-article-wrapper__side__content__balloon::after {
  /* position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 15px;
  background-color: #dfecfa;
  clip-path: polygon(0 0, 100% 0, 10% 100%);
  content: ''; */
  content: "";
  width: 1px;
  height: 12px;
  display: block;
  background-color: #C89C40;
}
.p-article-wrapper__side__content__balloon::before {
  transform: rotate(-30deg);
}
.p-article-wrapper__side__content__balloon::after {
  transform: rotate(30deg);
}
.p-article-wrapper__side__content__balloon__text {
  font-size: 13px;
  font-weight: bold;
  color: #C89C40;
  line-height: 1.5;
}

/* ボタン */

.p-article-wrapper__side__content__btn {
  margin-right: 20px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  color: #fff;
}
.p-article-wrapper__side__content__btn a {
  display: block;
  width: 100%;
  padding: 8px;
  position: relative;
  transition: background .3s, border .3s;
  background-color: #C89C40;
  border: 1px solid transparent;
}
.p-article-wrapper__side__content__btn a::after {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  vertical-align: middle;
  content: "";
  background-color: #fff;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.45764,19h-12a1.00294,1.00294,0,0,1-1-1V6a1.00294,1.00294,0,0,1,1-1h5a1,1,0,0,0,0-2h-6a1.99944,1.99944,0,0,0-2,2V19a2.00588,2.00588,0,0,0,2,2h14a2.00588,2.00588,0,0,0,2-2V13a1,1,0,1,0-2,0v5A1.00294,1.00294,0,0,1,17.45764,19Zm-4-15a1.00294,1.00294,0,0,0,1,1h2.59l-9.13,9.13a.997.997,0,0,0,1.41,1.41l9.13-9.13V9a1,1,0,0,0,2,0V3h-6A1.00294,1.00294,0,0,0,13.45764,4Z"/></svg>');
  mask-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M17.45764,19h-12a1.00294,1.00294,0,0,1-1-1V6a1.00294,1.00294,0,0,1,1-1h5a1,1,0,0,0,0-2h-6a1.99944,1.99944,0,0,0-2,2V19a2.00588,2.00588,0,0,0,2,2h14a2.00588,2.00588,0,0,0,2-2V13a1,1,0,1,0-2,0v5A1.00294,1.00294,0,0,1,17.45764,19Zm-4-15a1.00294,1.00294,0,0,0,1,1h2.59l-9.13,9.13a.997.997,0,0,0,1.41,1.41l9.13-9.13V9a1,1,0,0,0,2,0V3h-6A1.00294,1.00294,0,0,0,13.45764,4Z"/></svg>')
}
.p-article-wrapper__side__content__btn a:hover {
  background-color: #fff;
  border: 1px solid #C89C40;
  text-decoration: none;
}

.p-article-wrapper__side__content__btn a:hover::after {
  background-image: url(/-/Media/Ricoh/Sites/co_jp/service/remote-field/column/img/icon_article-remote-field-sidebar-arrow_2.png);
}

.p-article-wrapper__side__content__btn a {
  color: #fff;
}


.p-article-wrapper__side__content__btn a:visited {
  color: #fff;
}

.p-article-wrapper__side__content__btn a:visited:hover {
  color: #C89C40;
}

/**===============================
* 記事内CTA画像
===============================**/

.c-figure__inner a {
  transition: opacity .3s;
}

.c-figure__inner a:hover {
  opacity: .7;
}

/* .fixed-accordion {
  display: none;
}
@media only screen and (max-width: 834px) {
  .fixed-accordion {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 101;
  }
  .fixed-accordion__btn {
    position: absolute;
    top: -22px;
    background-color: #fff;
    height: 22px;
    width: 40px;
    border-radius: 10px 10px 0 0;
    box-shadow: 1px -1px 6px rgba(33, 80, 124, 0.15);
  }
  .fixed-accordion__btn::before, .fixed-accordion__btn::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 2px;
    background-color: #1f78cc;
    position: absolute;
  }
  .fixed-accordion__btn::before {
    transform: rotate(-45deg);
    left: 13.5px;
  }
  .fixed-accordion__btn::after {
    transform: rotate(45deg);
    right: 13.5px;
  }
  .fixed-accordion.active .fixed-accordion__btn::before {
    transform: rotate(-135deg);
  }
  .fixed-accordion.active .fixed-accordion__btn::after {
    transform: rotate(135deg);
  }
  .fixed-accordion__body {
    border-top: 2px solid #fff;
    background-color: #f3f8fc;
    box-shadow: 0 -1px 6px rgba(33, 80, 124, 0.15);
  }
  .fixed-accordion__body__banner img {
    width: 100%;
  }
  .fixed-accordion__body__column {
    display: flex;
    justify-content: space-between;
    padding: 4px 8px;
  }
  .fixed-accordion__body__column__logo {
    width: 80px;
  }
  .fixed-accordion__body__column__logo-img {
    width: 100%;
  }
  .fixed-accordion__body__column__btn {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: center;
  }
  .fixed-accordion__body__column__btn a {
    display: block;
    padding: 6px 27px 6px 15px;
    border-radius: 4px;
    position: relative;
    background-color: #1f78cc;
    color: #fff;
    transition: background-color .3s;
  }
  .fixed-accordion__body__column__btn a::after {
    content: "";
    position: absolute;
    display: inline-block;
    background-size: 100% auto;
    bottom: 7px;
    width: 12px;
    height: 12px;
    right: 10px;
  }
  .fixed-accordion__body__column__btn a:hover {
    background-color: #1B69B4;
    text-decoration: none;
  }
  .fixed-accordion__body__column__btn a::after {
    background-image: url(/-/Media/Ricoh/Sites/co_jp/service/toruno/column/img/icon_m_external_02.png);
    background-repeat: no-repeat;
  }
  .fixed-accordion__body__column__btn a:visited {
    color: #fff;
  }
} */

/**===============================
* CTA
===============================**/

#contact.c-section-b--red {
  background-color: #cf142b;
}

#contact.c-section-b {
  margin-top: 80px;
  padding-top: 80px;
  padding-bottom: 80px;
}

#contact .wrapper {
  width: 100%;
  max-width: 1440px;
  margin-right: auto;
  margin-left: auto;
}

.c-margin-e__inner {
  width: calc(100% - 80px);
  margin-right: 40px;
  margin-left: 40px;
}

.fxb-section > #section-cta:not(#_) {
  padding-top: 80px;
}

.c-conv__icon {
  text-align: center;
}

.c-h2-a--white .c-h2-a__text {
  color: #fff;
}

.c-text-a--white .c-text-a__text {
  color: #fff;
}

.c-conv__button {
  text-align: center;
}

.c-button-a {
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
  border-radius: 4px;
  transition: background-color ease .3s;
}

.c-conv__button a {
  display: inline-block;
}

.c-button-a--white {
  background-color: #fff;
  border: 1px solid #c9c9c9;
}

.c-button-a--white::before {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  content: "";
  border: solid 2px transparent;
  transition: border ease .3s;
}

.c-button-a--iconRed .c-button-a__text::before {
  background-color: #cf142b;
}

.c-button-a--iconRed:not(.c-button-a--pdf)::after {
  background-color: #cf142b;
}

.c-button-a--textRed.c-button-a .c-button-a__text {
  color: #cf142b;
}

.c-button-a:not(.c-button-a--small) .c-button-a__text {
  padding-left: 30px;
  margin-right: 30px;
}

.c-button-a:not(.c-button-a--small) .c-button-a__text {
  text-align: left;
}

.c-button-a__text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-weight: 700;
  letter-spacing: .046em;
}

.c-button-a__text::before {
  display: inline-block;
  flex-shrink: 0;
  margin-right: 10px;
  background-size: contain;
}

.c-button-a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  background-size: contain;
  transform: translateY(-50%);
}

.c-button-a--mail .c-button-a__text::before {
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M20%2C4H4A1.99733%2C1.99733%2C0%2C0%2C0%2C2.01%2C6L2%2C18a2.00588%2C2.00588%2C0%2C0%2C0%2C2%2C2H20a2.00588%2C2.00588%2C0%2C0%2C0%2C2-2V6A2.00588%2C2.00588%2C0%2C0%2C0%2C20%2C4ZM19%2C18H5a1.00294%2C1.00294%2C0%2C0%2C1-1-1V8l6.94%2C4.34a1.98074%2C1.98074%2C0%2C0%2C0%2C2.12%2C0L20%2C8v9A1.00294%2C1.00294%2C0%2C0%2C1%2C19%2C18Zm-7-7L4%2C6H20Z%22%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M20%2C4H4A1.99733%2C1.99733%2C0%2C0%2C0%2C2.01%2C6L2%2C18a2.00588%2C2.00588%2C0%2C0%2C0%2C2%2C2H20a2.00588%2C2.00588%2C0%2C0%2C0%2C2-2V6A2.00588%2C2.00588%2C0%2C0%2C0%2C20%2C4ZM19%2C18H5a1.00294%2C1.00294%2C0%2C0%2C1-1-1V8l6.94%2C4.34a1.98074%2C1.98074%2C0%2C0%2C0%2C2.12%2C0L20%2C8v9A1.00294%2C1.00294%2C0%2C0%2C1%2C19%2C18Zm-7-7L4%2C6H20Z%22%2F%3E%3C%2Fsvg%3E');
  content: "";
}

.c-button-a--arrow::after {
  -webkit-mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M6.99813%2C21.015a1.24936%2C1.24936%2C0%2C0%2C0%2C1.77%2C0l8.31-8.31a.99587.99587%2C0%2C0%2C0%2C0-1.41l-8.31-8.31a1.25158%2C1.25158%2C0%2C0%2C0-1.77%2C1.77l7.24%2C7.25-7.25%2C7.25A1.24639%2C1.24639%2C0%2C0%2C0%2C6.99813%2C21.015Z%22%2F%3E%3C%2Fsvg%3E');
  mask-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M6.99813%2C21.015a1.24936%2C1.24936%2C0%2C0%2C0%2C1.77%2C0l8.31-8.31a.99587.99587%2C0%2C0%2C0%2C0-1.41l-8.31-8.31a1.25158%2C1.25158%2C0%2C0%2C0-1.77%2C1.77l7.24%2C7.25-7.25%2C7.25A1.24639%2C1.24639%2C0%2C0%2C0%2C6.99813%2C21.015Z%22%2F%3E%3C%2Fsvg%3E');
  content: "";
}


@media screen and (min-width: 640.02px) {

  .c-margin-e__inner {
    width: calc(100% - 80px);
    margin-right: 40px;
    margin-left: 40px;
  }

  .c-conv.c-conv--single .c-conv__item {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100px 1fr 34.5138888889%;
    grid-auto-columns: 1fr;
    column-gap: 40px;
    align-items: center;
  }

  .c-conv__textArea {
    margin-bottom: 36px;
  }

  .c-button-a:not(.c-button-a--thin):not(.c-button-a--small) {
    min-height: 70px;
    padding: 20px 0;
  }

  .c-button-a:not(.c-button-a--small) {
    width: 100%;
  }

  .c-button-a--arrow::after {
    right: 12px;
    width: 20px;
    height: 20px;
  }

  .c-button-a:not(.c-button-a--small) .c-button-a__text {
    font-size: 20px;
  }

  .c-button-a__text::before {
    width: 30px;
    height: 30px;
  }

  .c-button-a--arrow::after {
    right: 12px;
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 640px) {
  #contact.c-section-b {
    margin-top: 64px;
    padding-top: 48px;
    padding-bottom: 48px;
  }

  .c-conv__icon {
    margin-bottom: 22px;
  }

  .c-conv .c-conv__iconImage {
    width: 80px;
  }

  .c-conv__textArea {
    margin-bottom: 28px;
  }

  .c-conv__textArea .c-h2-a {
    text-align: center;
  }

  .c-button-a:not(.c-button-a--thin):not(.c-button-a--small) {
    min-height: 50px;
    padding: 12px 0;
  }

  .c-button-a:not(.c-button-a--small) {
    min-width: min(295px,100%);
  }

  .c-button-a__text::before {
    width: 25px;
    height: 25px;
  }

  .c-button-a--arrow::after {
    right: 8px;
    width: 14px;
    height: 14px;
  }
}

/**===============================
* footer_パンくず
===============================**/

.cp-BreadcrumbsFooter:not(#_) {
  max-width: 1440px;
  padding: 0 50px;
}

.cp-BreadcrumbsFooter ul:not(#_) {
  border-bottom: none;
  margin: 0;
}

@media screen and (max-width: 1100px) {
  .cp-BreadcrumbsFooter:not(#_) {
      display: none;
  }
}

/**===============================
* footer
===============================**/

#gl_footer:not(#_) {
  border-top: none;
}