@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@700&display=swap");
@import url("https://fonts.googleapis.com/icon?family=Material+Icons");
@import url("https://fonts.googleapis.com/icon?family=Material+Symbols+Outlined");
.align-right {
  margin-left: auto; }

.animate__delay-01s {
  animation-delay: .1s; }

.animate__delay-02s {
  animation-delay: .2s; }

.animate__delay-03s {
  animation-delay: .2s; }

.animate__delay-04s {
  animation-delay: .4s; }

.animate__delay-05s {
  animation-delay: .5s; }

.animate__delay-06s {
  animation-delay: .6s; }

.animate__delay-07s {
  animation-delay: .7s; }

.animate__delay-08s {
  animation-delay: .8s; }

.animate__delay-09s {
  animation-delay: .9s; }

@media screen and (max-width: 940px) {
  .animate__disabled {
    animation: none;
    transform: none;
    transition: unset; } }

@keyframes updown {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-20px); }
  100% {
    transform: translateY(0); } }
html {
  font-size: 62.5%; }

body {
  background-color: #F1F1F1;
  color: #333;
  display: flex;
  flex-direction: column;
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 1.4rem;
  letter-spacing: .1rem;
  line-height: normal;
  width: 100%; }
  body.--menu-active {
    overflow: hidden; }

* {
  box-sizing: border-box; }
  *::before, *::after {
    box-sizing: border-box; }

p {
  margin: 0;
  padding: 0; }

ul,
ol {
  list-style: none;
  margin: 0;
  padding: 0; }

/*アニメ―ションする要素を非表示にする*/
.invisible {
  visibility: hidden; }

.hide {
  display: none !important; }

/* IEでinputに表示されるアイコンを削除 */
input::-ms-clear,
input::-ms-reveal {
  visibility: hidden; }

/* safariでinputに表示されるアイコンを削除 */
input::-webkit-textfield-decoration-container {
  visibility: hidden; }

.btn {
  align-items: center;
  display: flex;
  justify-content: center;
  cursor: pointer; }
  .btn.--ripple {
    border: 1px solid #FF6B00;
    overflow: hidden;
    padding: 0 0.8rem;
    position: relative;
    text-decoration: none;
    transition-duration: .8s;
    z-index: 2; }
    .btn.--ripple::after {
      background: #fff;
      border-radius: 50%;
      content: "";
      display: block;
      height: 0;
      left: 0;
      margin: auto;
      opacity: 0;
      padding-top: 100%;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) scale(0.1);
      transition: opacity .5s, transform 0s, color .2s;
      transition-delay: 0s, .4s, 0s;
      right: 0;
      width: 100%;
      z-index: -1; }
    .btn.--ripple:hover {
      background-color: #fff;
      color: #FF6B00; }
      .btn.--ripple:hover::after {
        opacity: 1;
        transform: translateY(-50%) scale(1.2);
        transition-delay: 0s;
        transition: opacity .8s, transform .4s ease-in-out; }
  .btn.--large {
    border-radius: calc(9rem / 2);
    font-size: 2rem;
    font-weight: 700;
    height: 9rem;
    width: 33.5rem; }
    @media screen and (min-width: 940px) {
      .btn.--large {
        max-width: 46rem;
        width: 46rem; } }
  .btn.--w-full {
    max-width: 46rem;
    width: 100%; }

.btn__primary {
  background-color: #FF6B00;
  color: #fff;
  height: 3.4rem;
  padding: 0 1.6rem; }

.btn__secondary {
  background-color: #fff;
  color: #FF6B00;
  height: 3.4rem;
  padding: 0 1.6rem; }

.btn__border--secondary {
  background-color: #fff;
  border: 1px solid #FF6B00;
  color: #FF6B00;
  height: 3.4rem;
  padding: 0 1.6rem; }
  .btn__border--secondary.--ripple:hover {
    background-color: #FF6B00;
    color: #fff; }
    .btn__border--secondary.--ripple:hover::after {
      background-color: #FF6B00; }

.btn__application {
  background-color: #41B2D2;
  border-radius: calc(9rem / 2);
  color: #fff;
  font-size: 2rem;
  font-weight: 700;
  height: 9rem;
  padding: 0 1.6rem;
  width: 33.5rem; }
  @media screen and (min-width: 940px) {
    .btn__application {
      max-width: 46rem;
      width: 46rem; } }
  .btn__application.--ripple {
    border-color: #41B2D2; }
    .btn__application.--ripple:hover {
      color: #41B2D2; }

.btn__text {
  animation-fill-mode: both;
  animation-name: fadeInUp;
  display: inline-flex;
  font-family: "Raleway", sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  height: 4rem;
  overflow: hidden;
  padding: 0;
  text-decoration: none;
  z-index: 1; }
  .btn__text:hover {
    text-decoration: none; }
    .btn__text:hover .btn__text--label {
      top: -4rem; }
      .btn__text:hover .btn__text--label::after {
        color: #FF6B00;
        opacity: 1; }
    .btn__text:hover .btn__arrow {
      background-image: url("./img/icon/btn-circle-arrow-on.svg"); }
      .btn__text:hover .btn__arrow::before {
        opacity: 1;
        transform: scale(1.2);
        transition-delay: 0s;
        transition: opacity .8s, transform .4s ease-in-out; }
  .btn__text .btn__text--label {
    position: relative;
    top: 0;
    transition: top 0.8s cubic-bezier(0.05, 0.35, 0.51, 0.95); }
    .btn__text .btn__text--label::after {
      content: attr(data-hover);
      display: block;
      font-weight: 800;
      opacity: 0;
      position: absolute;
      top: 4rem;
      transition: 0.4s all cubic-bezier(0.05, 0.35, 0.51, 0.95); }
  .btn__text .btn__arrow {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("./img/icon/btn-circle-arrow.svg");
    border: 1px solid #FF6B00;
    border-radius: 100%;
    height: 4rem;
    margin-left: 1.2rem;
    overflow: hidden;
    position: relative;
    width: 4rem; }
    .btn__text .btn__arrow::before {
      background: #FF6B00;
      border-radius: 100%;
      content: "";
      display: block;
      height: 0;
      left: 0;
      margin: auto;
      opacity: 0;
      padding-top: 100%;
      pointer-events: none;
      position: absolute;
      top: 0;
      transform: scale(0.1);
      transition: opacity .5s, transform 0s;
      transition-delay: 0s, .4s;
      right: 0;
      width: 100%;
      z-index: -1; }
  .btn__text.--light:hover .btn__arrow {
    background-image: url("./img/icon/btn-circle-arrow.svg"); }
  .btn__text.--light:hover .btn__text--label::after {
    color: #fff; }
  .btn__text.--light .btn__text--label {
    color: #fff; }
  .btn__text.--light .btn__arrow {
    background-image: url("./img/icon/btn-circle-arrow-on.svg");
    border-color: #fff; }
    .btn__text.--light .btn__arrow::before {
      background: #fff; }

.btn__round {
  border-radius: calc(3.4rem / 2); }

.btn__inline {
  display: inline-flex; }

.btn__large {
  border-radius: 24px;
  font-size: 1.8rem;
  height: 48px;
  width: 40vw; }

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

.attention__msg--list {
  margin-top: 1.6rem; }

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

.btn__service {
  border-radius: calc(7rem / 2);
  font-size: 2rem;
  height: 7rem;
  padding: 0 4rem; }
  .btn__service.--ripple {
    padding: 0 4rem; }
  .btn__service::after {
    background: #fff;
    border-radius: 50%;
    content: "";
    display: block;
    height: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    padding-top: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(0.1);
    transition: opacity .5s, transform 0s, color .2s;
    transition-delay: 0s, .4s, 0s;
    right: 0;
    width: 100%;
    z-index: -1; }
  .btn__service:hover {
    background-color: #fff;
    color: #FF6B00; }
    .btn__service:hover::after {
      opacity: 1;
      transform: translateY(-50%) scale(1.2);
      transition-delay: 0s;
      transition: opacity .8s, transform .4s ease-in-out; }
    .btn__service:hover .btn__label::before {
      background-image: url("./img/icon/icon-service-on.svg"); }
  .btn__service.--disabled {
    background-color: transparent;
    border-color: #ccc;
    border-width: 4px;
    pointer-events: none; }
    .btn__service.--disabled .btn__label {
      color: #ccc; }
      .btn__service.--disabled .btn__label::before {
        background-image: url("./img/icon/icon-service-disabled.svg"); }
  .btn__service .btn__label {
    align-items: center;
    display: flex; }
    .btn__service .btn__label::before {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("./img/icon/icon-service.svg");
      background-size: 2.4rem 3.2rem;
      content: "";
      height: 3.2rem;
      margin-right: 1.2rem;
      min-width: 2.4rem;
      width: 2.4rem; }

.btn__block {
  display: flex;
  width: 100%; }
  @media screen and (min-width: 940px) {
    .btn__block {
      max-width: 94rem; } }
  .btn__block.--center {
    justify-content: center; }
  .btn__block.--vertical {
    align-items: center;
    flex-direction: column;
    margin-top: 5rem; }
    .btn__block.--vertical .btn__block--note {
      font-size: 1.4rem;
      font-weight: bold;
      line-height: 2.2rem;
      margin-bottom: 1.4rem; }
      .btn__block.--vertical .btn__block--note.--primary {
        color: #FF6B00; }
  .btn__block .btn__title--block {
    z-index: 1; }
    @media screen and (min-width: 940px) {
      .btn__block .btn__title--block {
        padding-right: 5.6rem; } }
    .btn__block .btn__title--block .btn__title {
      color: #FF6B00;
      font-size: 3rem;
      line-height: 4rem;
      font-weight: 700;
      margin-bottom: 0.8rem;
      white-space: nowrap; }
      @media screen and (min-width: 940px) {
        .btn__block .btn__title--block .btn__title {
          margin-bottom: 1.2rem; } }
    .btn__block .btn__title--block .btn__note {
      font-size: 1.4rem;
      line-height: 2.8rem;
      margin-bottom: 1.6rem; }
      @media screen and (min-width: 940px) {
        .btn__block .btn__title--block .btn__note {
          margin-bottom: 0; } }

.bnrHover {
  cursor: pointer;
  display: inline-flex;
  transition: .2s opacity ease-in-out; }
  .bnrHover:hover {
    opacity: .7; }

.--bold {
  font-weight: 700; }

.title__primary {
  font-size: 2.4rem;
  font-weight: bold; }

.title__secondary {
  font-size: 1.6rem;
  margin-top: 1.6rem; }

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

.text__corp {
  color: #FF6B00; }

a {
  color: #333; }
  a:hover {
    text-decoration: underline; }

.link__orange {
  color: #FF6B00;
  text-decoration: underline; }
  .link__orange:hover {
    text-decoration: none; }

.description__note--block {
  font-size: 1.4rem;
  line-height: 2.8rem; }
  .description__note--block .--title-primary {
    font-weight: 700; }
    .description__note--block .--title-primary.--symbols {
      padding-left: 1.8rem;
      text-indent: -1.8rem; }
    .description__note--block .--title-primary + .--note-contents {
      margin-top: 1.2rem; }
    .description__note--block .--title-primary + .--note-list {
      margin-top: 0.8rem; }
  .description__note--block + .control__block {
    margin-top: 3.2rem; }
  .description__note--block .--note-primary + .--note-primary {
    margin-top: 2.8rem; }
  .description__note--block .--note-primary + .--title-primary {
    margin-top: 2.8rem; }
  .description__note--block .--note-primary + .magazine__view {
    margin-top: 2.8rem; }
  .description__note--block .--note-primary + .pdf__link--list {
    margin-top: 1rem; }
  .description__note--block .--note-primary + .table {
    margin-top: 1.2rem; }
  .description__note--block .--note-primary.--align-center {
    text-align: center; }
  .description__note--block + .description__note--block {
    margin-top: 1.6rem; }
    .description__note--block + .description__note--block.--date {
      margin-top: 6rem; }

.description__step--list .--list-item {
  align-items: center;
  background-color: #fff;
  border: 10px solid #F1F1F1;
  border-radius: 3rem;
  display: flex;
  position: relative; }
  .description__step--list .--list-item + .--list-item {
    margin-top: 3rem; }
  .description__step--list .--list-item:not(:last-of-type)::after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    display: flex;
    justify-content: center;
    background-image: url("./img/icon/icon-arrow-down.svg");
    bottom: -3rem;
    content: "";
    height: 1.4rem;
    position: absolute;
    width: 1.4rem; }
  .description__step--list .--list-item .--list-item-number {
    color: #FF6B00;
    font-family: "Raleway", sans-serif;
    font-size: 4.6rem;
    font-weight: 700;
    line-height: 5.4rem;
    margin-bottom: 1.2rem; }
  .description__step--list .--list-item .--list-item-image {
    align-items: center;
    display: flex;
    justify-content: center;
    flex: 1; }
    .description__step--list .--list-item .--list-item-image img {
      max-height: 12.4rem; }
  .description__step--list .--list-item .--list-item-note {
    color: #FF6B00;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-top: auto; }
    .description__step--list .--list-item .--list-item-note.--primary .--text-emphasis {
      color: #F00; }
    .description__step--list .--list-item .--list-item-note.--primary + .--secondary {
      margin-top: calc(0.8rem / 2); }
    .description__step--list .--list-item .--list-item-note.--secondary {
      color: #333;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 2.8rem; }
@media screen and (min-width: 940px) {
  .description__step--list.--open-account-list {
    align-items: center;
    display: flex; } }
.description__step--list.--open-account-list .--list-item {
  flex-direction: column;
  height: 28.8rem;
  justify-content: space-between;
  padding: .6rem 0 2.7rem; }
  @media screen and (min-width: 940px) {
    .description__step--list.--open-account-list .--list-item {
      flex: 1; } }
  @media screen and (min-width: 940px) {
    .description__step--list.--open-account-list .--list-item + .--list-item {
      margin-left: 3.8rem;
      margin-top: 0; } }
  @media screen and (min-width: 940px) {
    .description__step--list.--open-account-list .--list-item:not(:last-of-type)::after {
      bottom: unset;
      right: -3.4rem;
      top: 50%;
      transform: translateY(-50%) rotate(-90deg); } }
.description__step--list.--scp-list {
  flex-direction: column; }
  .description__step--list.--scp-list .--list-item {
    flex-direction: column;
    padding: 1.4rem 3rem; }
    @media screen and (min-width: 940px) {
      .description__step--list.--scp-list .--list-item {
        flex-direction: row;
        height: 16rem;
        padding: 2.4rem 5.4rem 2.4rem 6.9rem;
        width: 100%; } }
    .description__step--list.--scp-list .--list-item:not(:last-of-type)::after {
      left: 50%;
      transform: translateX(-50%); }
    .description__step--list.--scp-list .--list-item .--list-item-number {
      margin-bottom: 0; }
    .description__step--list.--scp-list .--list-item .--list-item-image {
      min-height: 16.5rem; }
      @media screen and (min-width: 940px) {
        .description__step--list.--scp-list .--list-item .--list-item-image {
          align-items: center;
          display: flex;
          justify-content: center;
          height: unset; } }
    @media screen and (min-width: 940px) {
      .description__step--list.--scp-list .--list-item .--list-item-note-block {
        width: 51.4rem; } }
    .description__step--list.--scp-list .--list-item .--list-item-note-block .section__attention--note {
      margin-top: calc(0.8rem / 2); }
.description__step--list + .description__note--block {
  margin-top: 2rem; }
  @media screen and (min-width: 940px) {
    .description__step--list + .description__note--block {
      margin-top: 3rem; } }

.header__hamburger {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 100%;
  margin-right: 1.6rem;
  min-width: 32px;
  width: 32px; }

.hamburger {
  background-color: transparent;
  border-color: transparent;
  margin-left: 1.6rem;
  z-index: 9999; }
  @media screen and (min-width: 940px) {
    .hamburger {
      display: none; } }
  .hamburger.--active span {
    background-color: #333; }
    .hamburger.--active span:nth-child(1) {
      top: 5px;
      transform: rotate(45deg); }
    .hamburger.--active span:nth-child(2) {
      opacity: 0; }
    .hamburger.--active span:nth-child(3) {
      top: -13px;
      transform: rotate(-45deg); }
  .hamburger span {
    background-color: #fff;
    display: block;
    height: 1px;
    position: relative;
    transition: ease .4s;
    width: 100%; }
    .--minify .hamburger span {
      background-color: #333; }
    .hamburger span:nth-child(1) {
      top: 0; }
    .hamburger span:nth-child(2) {
      margin: 8px 0; }
    .hamburger span:nth-child(3) {
      top: 0; }

.mv__contents {
  position: relative; }
  @media screen and (min-width: 940px) {
    .mv__contents {
      padding-bottom: 2.4rem; } }
  .mv__contents.--light {
    background-color: #fff; }
  .mv__contents img {
    object-fit: cover;
    width: 100%; }
    @media (min-width: 768px) {
      .mv__contents img.--sp {
        display: none; } }
    @media (min-width: 960px) {
      .mv__contents img.--sp {
        display: none; } }
    .mv__contents img.--pc {
      display: none; }
      @media (min-width: 768px) {
        .mv__contents img.--pc {
          display: block; } }
  .mv__contents .slick-slide:hover {
    opacity: .7; }
  @media (min-width: 768px) {
    .mv__contents .slider-controls {
      position: relative;
      top: -4.4rem; } }

.mv__slider .slick-slide.mv__slider--item {
  align-items: center;
  display: flex;
  cursor: pointer;
  justify-content: space-between; }
  .mv__slider .slick-slide.mv__slider--item .mv__slider--item-block {
    margin: 0 auto;
    max-width: calc(100vw - 100px); }
  .mv__slider .slick-slide.mv__slider--item .mv__title--primary + .mv__title--secondary {
    margin-top: 3.2rem; }
  .mv__slider .slick-slide.mv__slider--item .mv__title--secondary {
    color: #fff;
    font-size: 3rem;
    line-height: 1.7; }
.mv__slider .slick-slide a {
  transition: .2s opacity ease-in-out; }
  .mv__slider .slick-slide a:hover {
    opacity: 1; }
.mv__slider .slick-dots {
  bottom: 2.8rem;
  padding-right: 1%;
  text-align: right; }
  .mv__slider .slick-dots li button {
    transition: all .2s ease-in-out; }
    .mv__slider .slick-dots li button::before {
      font-size: 1.6rem;
      opacity: .5;
      transition: all .2s ease-in-out; }
    .mv__slider .slick-dots li button:hover::before {
      color: #fff;
      opacity: 1; }
  .mv__slider .slick-dots li.slick-active button::before {
    color: #fff;
    opacity: 1; }

.mv__slider--nav {
  background-color: #fff;
  padding: 1.6rem 0; }
  @media (min-width: 768px) {
    .mv__slider--nav {
      left: 50%;
      max-width: 94rem;
      padding: 1.8rem 1rem;
      top: -2.4rem;
      transform: translateX(-50%); } }
  .mv__slider--nav .slick-slide {
    background-color: #fff;
    padding: 0 1rem; }
    @media (min-width: 768px) {
      .mv__slider--nav .slick-slide {
        padding: 0 1rem; } }

.slick-dotted button::before {
  transition: all .2s ease-in-out; }
.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slider-controls {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 1rem 4rem; }
  @media screen and (min-width: 940px) {
    .slider-controls {
      padding: 3rem 6rem; } }
  .slider-controls .slick-arrow {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 0;
    height: 2.4rem;
    width: 2rem; }
  .slider-controls .slide-m-prev {
    background-image: url("./img/icon/icon-arrow-left.svg"); }
    .slider-controls .slide-m-prev:hover {
      background-image: url("./img/icon/icon-arrow-left-on.svg"); }
  .slider-controls .slick-dots {
    bottom: -3.2rem; }
    .slider-controls .slick-dots li.slick-active button::before {
      color: #FF4B1E;
      opacity: 1; }
    .slider-controls .slick-dots li button::before {
      color: rgba(119, 119, 119, 0.3);
      font-size: 1.4rem;
      opacity: 1;
      transition: all .2s ease-in-out; }
    .slider-controls .slick-dots li button:hover::before {
      color: #FF4B1E;
      opacity: 1; }
  .slider-controls .slide-m-dots {
    min-height: 2.4rem;
    padding: 0 2rem; }
    .slider-controls .slide-m-dots .slick-dots {
      align-items: center;
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      min-height: 2.4rem;
      position: static; }
      .slider-controls .slide-m-dots .slick-dots li {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 3.4rem;
        margin: 0;
        min-width: 3.4rem;
        width: 3.4rem; }
        .slider-controls .slide-m-dots .slick-dots li button::before {
          left: 50%;
          top: 50%;
          transform: translate3d(-50%, -50%, 0); }
  .slider-controls .slide-m-next {
    background-image: url("./img/icon/icon-arrow-right.svg"); }
    .slider-controls .slide-m-next:hover {
      background-image: url("./img/icon/icon-arrow-right-on.svg"); }

.blog__slider,
.customer__slider {
  padding-bottom: 2.4rem; }
  @media screen and (min-width: 940px) {
    .blog__slider,
    .customer__slider {
      padding-bottom: 0; } }

/* タブ */
.tab__header {
  display: flex;
  height: 2rem;
  margin-bottom: 2.4rem; }
  @media screen and (min-width: 940px) {
    .tab__header {
      height: unset; } }

.tab__header--item {
  color: #777;
  cursor: pointer;
  font-weight: 700;
  white-space: nowrap; }
  .tab__header--item + .tab__header--item {
    margin-left: 3.2rem; }
  .tab__header--item.--is-active {
    color: #FF6B00; }

/* パネル */
.tab__body--item {
  display: none; }
  .tab__body--item.--is-show {
    display: block; }

.nest__tab--header {
  margin-bottom: 6.4rem; }
  @media screen and (min-width: 940px) {
    .nest__tab--header {
      margin-bottom: 7rem; } }

.nest__tab--contents-block + .nest__tab--contents-block {
  margin-top: 10.7rem; }
  @media screen and (min-width: 940px) {
    .nest__tab--contents-block + .nest__tab--contents-block {
      margin-top: 11.9rem; } }

.pager {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 3.2rem auto; }
  .pager .pager__list {
    align-items: center;
    display: flex; }
    .pager .pager__list .pager__list-item {
      background-color: #F1F1F1;
      border-radius: 100%;
      cursor: pointer;
      font-size: 1.4rem;
      font-weight: 700;
      height: 2.6rem;
      line-height: 2.5rem;
      text-align: center;
      transition: all .2s ease-in-out;
      width: 2.6rem; }
      .pager .pager__list .pager__list-item + .pager__list-item {
        margin-left: 1.2rem; }
      .pager .pager__list .pager__list-item:hover {
        background-color: #FF6B00;
        color: #fff; }
      .pager .pager__list .pager__list-item.--current {
        background-color: #FF6B00;
        color: #fff; }
        .pager .pager__list .pager__list-item.--current:hover {
          cursor: default; }
      .pager .pager__list .pager__list-item.--prev, .pager .pager__list .pager__list-item.--next {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        background-color: transparent;
        background-size: 2rem 2rem; }
      .pager .pager__list .pager__list-item.--prev {
        background-image: url("./img/icon/icon-arrow-left.svg"); }
        .pager .pager__list .pager__list-item.--prev:hover {
          background-image: url("./img/icon/icon-arrow-left-on.svg"); }
      .pager .pager__list .pager__list-item.--next {
        background-image: url("./img/icon/icon-arrow-right.svg"); }
        .pager .pager__list .pager__list-item.--next:hover {
          background-image: url("./img/icon/icon-arrow-right-on.svg"); }

.qa__list .qa__list--symbol {
  display: flex;
  font-family: "Raleway", sans-serif;
  font-size: 3rem;
  font-weight: 700;
  justify-content: center;
  min-width: 7rem;
  width: 7rem; }
  .qa__list .qa__list--symbol.--header-symbol {
    align-items: center;
    background-color: #FF6B00;
    color: #fff;
    height: 7rem; }
  .qa__list .qa__list--symbol.--body-symbol {
    color: #FF6B00; }
.qa__list .qa__list--header {
  align-items: center;
  display: flex;
  background-color: #F1F1F1;
  border-radius: 2rem;
  cursor: pointer;
  height: 7rem;
  margin-bottom: 2.4rem;
  overflow: hidden; }
  .qa__list .qa__list--header::after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    display: flex;
    justify-content: center;
    background-image: url("./img/icon/icon-add.svg");
    background-size: 2rem 2rem;
    background-position: left 1.2rem center;
    content: "";
    margin-left: auto;
    height: 7rem;
    min-width: 5.4rem;
    width: 5.4rem; }
    @media screen and (min-width: 940px) {
      .qa__list .qa__list--header::after {
        background-position: center center;
        min-width: 7rem;
        width: 7rem; } }
  .qa__list .qa__list--header.--is-active::after {
    background-image: url("./img/icon/icon-remove.svg"); }
  .qa__list .qa__list--header .qa__list--header-title {
    align-items: center;
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.4rem;
    padding-left: 1.6rem; }
    @media screen and (min-width: 940px) {
      .qa__list .qa__list--header .qa__list--header-title {
        line-height: 2.8rem; } }
.qa__list .qa__list--body {
  display: flex;
  overflow: hidden;
  padding: 0 0 4rem; }
.qa__list .qa__list--body-note {
  flex: 1;
  font-size: 1.4rem;
  line-height: 2.8rem;
  padding: 0 1.6rem; }
  .qa__list .qa__list--body-note .--note-section {
    width: 100%; }
  .qa__list .qa__list--body-note .--note.--bordered {
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 2rem; }
  .qa__list .qa__list--body-note .--note.--secondary {
    color: #777;
    font-size: 1.2rem;
    line-height: 2.2rem; }
  .qa__list .qa__list--body-note .--note + .--title {
    margin-top: 1.6rem; }
  .qa__list .qa__list--body-note .--note + .--note {
    margin-top: 1.2rem; }
  .qa__list .qa__list--body-note .--note + .--secondary {
    margin-top: 0.8rem; }
  .qa__list .qa__list--body-note .--note + .--note-box-list {
    margin-top: 1.6rem; }
  .qa__list .qa__list--body-note .--title {
    font-weight: 700;
    margin-bottom: 0; }
  .qa__list .qa__list--body-note .--note-list {
    padding-left: 2rem; }
    .qa__list .qa__list--body-note .--note-list.--number {
      list-style: decimal; }
    .qa__list .qa__list--body-note .--note-list .--list-note {
      padding-left: 2.4rem; }
  .qa__list .qa__list--body-note .--note-box-list {
    left: -8.6rem;
    position: relative;
    width: calc(100% + 8.6rem); }
    @media screen and (min-width: 940px) {
      .qa__list .qa__list--body-note .--note-box-list {
        position: static;
        width: unset; } }
    .qa__list .qa__list--body-note .--note-box-list .--box-list-item {
      border: 1px solid rgba(51, 51, 51, 0.2);
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 1.6rem 2rem; }
      @media screen and (min-width: 940px) {
        .qa__list .qa__list--body-note .--note-box-list .--box-list-item {
          height: 35.2rem; } }
      .qa__list .qa__list--body-note .--note-box-list .--box-list-item + .--box-list-item {
        margin-top: 2rem; }
        @media screen and (min-width: 940px) {
          .qa__list .qa__list--body-note .--note-box-list .--box-list-item + .--box-list-item {
            margin-left: 1.6rem;
            margin-top: 0; } }
      .qa__list .qa__list--body-note .--note-box-list .--box-list-item .btn {
        border-radius: 2.5rem;
        height: 5rem;
        margin-top: 1.6rem; }
        @media screen and (min-width: 940px) {
          .qa__list .qa__list--body-note .--note-box-list .--box-list-item .btn {
            margin-top: auto; } }
    @media screen and (min-width: 940px) {
      .qa__list .qa__list--body-note .--note-box-list {
        align-items: center;
        display: flex; } }

.table {
  border: 0;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1.4rem;
  line-height: 2rem;
  width: 100%; }
  .table th,
  .table td {
    padding: 0 2rem;
    vertical-align: middle; }
  .table thead th {
    background-color: #777;
    color: #fff;
    height: 3.5rem;
    font-weight: normal;
    text-align: center; }
    .table thead th:not(:first-of-type) {
      border-left: 1px dashed #fff; }
    .table thead th.split-cell {
      border-left: 1px dashed #fff;
      border-top: 1px solid #fff; }
  .table tbody th,
  .table tbody td {
    border-top: 2px solid #fff;
    padding: 0.8rem 2rem; }
  .table tbody th {
    background-color: #FFE1CC;
    font-weight: 700; }
    .table tbody th.column-title-cell {
      height: 6rem;
      width: 20.5rem; }
      .table tbody th.column-title-cell .column-title--secondary {
        font-size: 1.2rem;
        font-weight: normal;
        line-height: 2rem; }
    .table tbody th.column-title-cell-secondary {
      border-left: 1px dashed #777; }
  .table tbody td {
    background-color: #F1F1F1;
    border-left: 1px dashed #777; }
    .table tbody td .table th,
    .table tbody td .table td {
      font-weight: normal; }
    .table tbody td .table thead th {
      background-color: #777; }
  .table.table__compression th.column-title-cell {
    height: auto; }

.table__vertical {
  font-size: 1.4rem;
  width: 100%; }
  .table__vertical tbody tr:not(:first-of-type) th,
  .table__vertical tbody tr:not(:first-of-type) td {
    border-top: 4px solid #fff; }
  .table__vertical tbody th,
  .table__vertical tbody td {
    padding: 1.4rem 1rem;
    vertical-align: middle; }
    @media screen and (min-width: 940px) {
      .table__vertical tbody th,
      .table__vertical tbody td {
        padding: 1.6rem; } }
  .table__vertical tbody th {
    background-color: #FF6B00;
    color: #fff;
    width: 10rem; }
    @media screen and (min-width: 940px) {
      .table__vertical tbody th {
        width: 22.4rem; } }
  .table__vertical tbody td {
    background-color: #F1F1F1;
    border-left: 0; }

.radio {
  cursor: pointer;
  color: #777;
  display: flex;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2.6rem; }
  .radio input {
    height: 1px;
    opacity: 0;
    width: 1px; }
    .radio input:checked + .outer .inner {
      opacity: 1;
      transform: scale(1); }
  .radio .outer {
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #F1F1F1;
    border-radius: 100%;
    height: 2.6rem;
    margin-right: 1.2rem;
    min-width: 2.6rem;
    width: 2.6rem; }
  .radio .inner {
    background-color: #FF6B00;
    border-radius: 100%;
    display: block;
    height: 1.2rem;
    min-width: 1.2rem;
    opacity: 0;
    transform: scale(0);
    transition: all .25s ease-in-out;
    width: 1.2rem; }
  .radio:hover .inner {
    opacity: .5;
    transform: scale(0.5); }

.filter__list {
  display: grid;
  gap: .5rem;
  grid-template-columns: repeat(2, 1fr); }
  @media screen and (min-width: 940px) {
    .filter__list {
      grid-template-columns: repeat(5, 1fr); }
      body.--click365 .filter__list {
        grid-template-columns: repeat(6, 1fr); } }
  .filter__list .filter__list--item .filter__list--item-label {
    align-items: center;
    display: flex;
    background-color: #F1F1F1;
    color: #777;
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: 700;
    height: 100%;
    line-height: 1.6rem;
    min-height: 5rem;
    padding: 1rem;
    text-decoration: none;
    transition: all .2s ease-in-out; }
    .filter__list .filter__list--item .filter__list--item-label br {
      display: none; }
      @media screen and (min-width: 940px) {
        .filter__list .filter__list--item .filter__list--item-label br {
          display: block; } }
    @media screen and (min-width: 940px) {
      .filter__list .filter__list--item .filter__list--item-label {
        padding: 0.9rem 1.2rem; } }
    .filter__list .filter__list--item .filter__list--item-label::after {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      align-items: center;
      display: flex;
      justify-content: center;
      background-image: url("./img/icon/icon-nav-arrow-orange.svg");
      content: "";
      height: 1rem;
      margin-left: auto;
      min-width: 1rem;
      padding-left: 1.6rem;
      width: 1rem; }
      body.--click365 .filter__list .filter__list--item .filter__list--item-label::after {
        background-image: url("./img/icon/icon-nav-arrow-click.svg"); }
      @media screen and (min-width: 940px) {
        .filter__list .filter__list--item .filter__list--item-label::after {
          padding-left: 0; } }
    .filter__list .filter__list--item .filter__list--item-label:hover {
      background-color: #FF6B00;
      color: #fff;
      text-decoration: none; }
      body.--click365 .filter__list .filter__list--item .filter__list--item-label:hover {
        background-color: #004DA0; }
      .filter__list .filter__list--item .filter__list--item-label:hover::after {
        background-image: url("./img/icon/icon-nav-arrow-white.svg"); }
        body.--click365 .filter__list .filter__list--item .filter__list--item-label:hover::after {
          background-image: url("./img/icon/icon-nav-arrow-white.svg"); }
    .filter__list .filter__list--item .filter__list--item-label.--is-active {
      background-color: #FF6B00;
      color: #fff; }
      .filter__list .filter__list--item .filter__list--item-label.--is-active::after {
        background-image: url("./img/icon/icon-nav-arrow-white.svg"); }
      body.--click365 .filter__list .filter__list--item .filter__list--item-label.--is-active {
        background-color: #004DA0; }
        body.--click365 .filter__list .filter__list--item .filter__list--item-label.--is-active::after {
          background-image: url("./img/icon/icon-nav-arrow-white.svg"); }

.header {
  align-items: center;
  display: flex;
  background-color: #fff;
  height: 7rem;
  left: 0;
  padding: 0;
  position: fixed;
  transition: all 0.2s ease-in-out;
  text-decoration: none;
  top: 0;
  width: 100%;
  z-index: 1001; }
  @media (min-width: 940px) {
    .header {
      height: 9rem;
      padding: 0; } }

.header__inner {
  align-items: center;
  display: flex;
  color: #fff;
  color: #333;
  height: 100%;
  transition: background-color 0.2s ease-in-out;
  width: 100%; }
  @media screen and (min-width: 940px) {
    .header__inner {
      width: inherit; } }

.header__logo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("./img/logo-sp.svg");
  height: 3.2rem;
  margin-left: 1.2rem;
  min-width: 14.7rem;
  width: 14.7rem;
  z-index: 5; }
  @media screen and (min-width: 940px) {
    .header__logo {
      background-image: url("./img/logo-pc.svg");
      height: 7rem;
      margin-left: 2.4rem;
      min-width: 8.7rem;
      width: 8.7rem; } }
  .header__logo img {
    height: 56px; }

.header__nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: height 0.4s cubic-bezier(0.9, 0.12, 0.66, 0.49), opacity 0.6s ease-in-out; }
  @media screen and (max-width: 939px) {
    .header__nav.--active {
      align-items: center;
      background-color: #F1F1F1;
      flex: 1;
      height: calc(100vh - 7rem);
      max-height: calc(100vh - 7rem);
      left: 0;
      opacity: 1;
      padding: 5.6rem 1.2rem 8rem;
      position: absolute;
      right: 0;
      top: 7rem;
      transform: translateX(0); }
      .header__nav.--active .header__nav--list {
        display: block;
        max-width: 450px;
        overflow-y: auto;
        width: 100%; }
        .header__nav.--active .header__nav--list .nav__item--header {
          align-items: center;
          display: flex;
          border-bottom: 1px solid #ddd;
          color: #333;
          font-size: 2rem;
          justify-content: space-between;
          padding: 2.4rem 1.6rem; }
          .header__nav.--active .header__nav--list .nav__item--header::after {
            background-position: center center;
            background-repeat: no-repeat;
            background-size: contain;
            align-items: center;
            display: flex;
            justify-content: center;
            background-image: url("./img/icon/icon-add.svg");
            content: "";
            height: 2rem;
            width: 2rem; }
          .header__nav.--active .header__nav--list .nav__item--header.--active::after {
            background-image: url("./img/icon/icon-remove.svg"); } }
  .header__nav .nav__nest-list {
    padding: 1.6rem 1.6rem 3.2rem; }
    @media screen and (min-width: 940px) {
      .header__nav .nav__nest-list {
        align-items: center;
        display: flex;
        padding: 0; } }
    .header__nav .nav__nest-list li {
      align-items: center;
      display: flex;
      flex: 1;
      font-size: 1.8rem;
      height: 4.8rem; }
      @media screen and (min-width: 940px) {
        .header__nav .nav__nest-list li {
          flex: unset;
          font-size: 1.4rem; }
          .header__nav .nav__nest-list li:not(:last-of-type) {
            margin-right: 2.4rem; } }
      .header__nav .nav__nest-list li a {
        align-items: center;
        display: flex;
        color: #333;
        height: 100%;
        flex: 1; }
        .header__nav .nav__nest-list li a.active {
          color: #FF6B00;
          text-decoration: none; }
          .header__nav .nav__nest-list li a.active::before {
            background-image: url("./img/icon/icon-circle-arrow-right-on.svg"); }
        .header__nav .nav__nest-list li a:hover {
          color: #FF6B00;
          text-decoration: none; }
          .header__nav .nav__nest-list li a:hover::before {
            background-image: url("./img/icon/icon-circle-arrow-right-on.svg"); }
        @media screen and (min-width: 940px) {
          .header__nav .nav__nest-list li a {
            flex: unset; } }
        .header__nav .nav__nest-list li a::before {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          align-items: center;
          display: flex;
          background-image: url("./img/icon/icon-circle-arrow-right.svg");
          content: "";
          height: 1.6rem;
          margin-right: 1.2rem;
          width: 1.6rem; }
          @media screen and (min-width: 940px) {
            .header__nav .nav__nest-list li a::before {
              margin-top: 1px; } }
  @media screen and (min-width: 940px) {
    .header__nav {
      align-items: flex-end;
      display: flex;
      flex-direction: row;
      height: inherit;
      margin-left: 3.2rem;
      opacity: 1;
      transform: initial; } }
  .header__nav .header__nav--list {
    display: none; }
    @media screen and (min-width: 940px) {
      .header__nav .header__nav--list {
        display: grid;
        grid-template-columns: repeat(5, auto); } }
    .--active .header__nav .header__nav--list {
      display: block;
      max-width: 450px;
      width: 100%; }
    .header__nav .header__nav--list .nav__items--item {
      padding: 0 2.4rem; }
      @media screen and (min-width: 940px) {
        .header__nav .header__nav--list .nav__items--item {
          max-width: 14.7rem;
          padding: 0;
          text-align: center; }
          .header__nav .header__nav--list .nav__items--item:not(:first-of-type) {
            padding: 0 0 0 5rem; }
          .header__nav .header__nav--list .nav__items--item .nav__item--header {
            position: relative; }
          .header__nav .header__nav--list .nav__items--item .nev__item--body {
            align-items: center;
            display: flex;
            justify-content: center;
            background-color: #f7f7f7;
            height: 10.6rem;
            left: 0;
            opacity: 1;
            position: absolute;
            top: 100%;
            visibility: visible;
            width: 100vw;
            z-index: 1004; } }
    .header__nav .header__nav--list .nav__item--header {
      color: #333;
      text-decoration: none; }
      @media screen and (min-width: 940px) {
        .header__nav .header__nav--list .nav__item--header {
          align-items: center;
          display: flex;
          justify-content: center;
          color: #333;
          line-height: 9rem;
          position: relative;
          text-decoration: none;
          white-space: nowrap;
          width: 100%; }
          .header__nav .header__nav--list .nav__item--header::before {
            background: #FF6B00;
            bottom: 0;
            content: "";
            height: 2px;
            left: 0;
            position: absolute;
            transform: scale(0, 1);
            transform-origin: center top;
            transition: transform 0.2s ease-in-out;
            width: 100%; }
          .header__nav .header__nav--list .nav__item--header:hover::before {
            transform: scale(1, 1); }
          .header__nav .header__nav--list .nav__item--header.active {
            color: #FF6B00; }
            .header__nav .header__nav--list .nav__item--header.active::before {
              transform: scale(1, 1); }
          .header__nav .header__nav--list .nav__item--header.--active::before {
            transform: scale(1, 1); } }

.header__btn--list {
  align-items: center;
  display: flex;
  font-size: 1.2rem;
  height: 4.6rem;
  margin-left: auto; }
  @media screen and (min-width: 940px) {
    .header__btn--list {
      font-size: 1.4rem;
      height: 100%; } }
  .header__btn--list .btn {
    color: #fff;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition-duration: 0.4s;
    width: 7rem;
    z-index: 2; }
    .header__btn--list .btn a {
      align-items: center;
      display: flex;
      justify-content: center;
      color: #fff;
      height: 100%;
      padding: 0 0.8rem; }
    @media screen and (min-width: 940px) {
      .header__btn--list .btn {
        width: 8rem; } }
    .header__btn--list .btn::after {
      background: #fff;
      border-radius: 50%;
      content: "";
      display: block;
      height: 0;
      left: 0;
      margin: auto;
      opacity: 0;
      padding-top: 100%;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) scale(0.1);
      transition: opacity 0.5s, transform 0s;
      transition-delay: 0s, 0.4s;
      right: 0;
      width: 100%;
      z-index: -1; }
    .header__btn--list .btn:hover a {
      text-decoration: none; }
    .header__btn--list .btn:hover::after {
      opacity: 1;
      transform: translateY(-50%) scale(1.2);
      transition-delay: 0s;
      transition: opacity 0.8s, transform 0.4s ease-in-out; }
    @media screen and (min-width: 940px) {
      .header__btn--list .btn {
        width: 14rem; } }
    .header__btn--list .btn.btn__account {
      background-color: #FF6B00;
      border: 1px solid #FF6B00; }
      .header__btn--list .btn.btn__account:hover a {
        color: #FF6B00; }
    .header__btn--list .btn.btn__login {
      background-color: #777;
      border: 1px solid #777; }
      .header__btn--list .btn.btn__login:hover a {
        color: #777; }

.header__nav--icon {
  align-items: center;
  display: flex;
  justify-content: center;
  background-color: transparent;
  border-color: transparent;
  cursor: pointer;
  flex-direction: column;
  height: 100%;
  min-width: 4.8rem;
  padding: 0 1.2rem;
  width: 4.8rem;
  z-index: 9999; }
  @media screen and (min-width: 940px) {
    .header__nav--icon {
      display: none; } }
  .header__nav--icon.--active span {
    background-color: #777; }
    .header__nav--icon.--active span:nth-child(1) {
      top: 8px;
      transform: rotate(45deg); }
    .header__nav--icon.--active span:nth-child(2) {
      opacity: 0;
      transform: translateX(150%); }
    .header__nav--icon.--active span:nth-child(3) {
      top: -12px;
      transform: rotate(-45deg); }
  .header__nav--icon span {
    background-color: #777;
    display: block;
    height: 2px;
    position: relative;
    transition: transform ease-in-out 0.2s, opacity 0.1s ease-in-out;
    width: 100%; }
    .header__nav--icon span:nth-child(1) {
      top: 0; }
    .header__nav--icon span:nth-child(2) {
      background-color: #FF6B00;
      margin: 8px 0; }
    .header__nav--icon span:nth-child(3) {
      top: 0; }

.nav__items {
  display: none; }
  @media screen and (min-width: 940px) {
    .nav__items {
      align-items: center;
      display: flex;
      height: initial; } }
  .nav__items .nav__items--item {
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 940px) {
      .nav__items .nav__items--item:not(:last-of-type) {
        margin-right: 1.6rem; } }
    .nav__items .nav__items--item.--has-child {
      cursor: pointer; }
      .nav__items .nav__items--item.--has-child::after {
        background-color: rgba(245, 245, 245, 0.6);
        content: "";
        height: 0;
        left: 0;
        opacity: 0;
        position: absolute;
        top: 100%;
        transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
        visibility: hidden;
        width: 100%; }
      @media screen and (min-width: 940px) {
        .nav__items .nav__items--item.--has-child:hover::after {
          height: 28px;
          opacity: 1;
          visibility: visible; }
        .nav__items .nav__items--item.--has-child:hover .nav__items--item-header::before {
          transform: scale(1, 1); }
        .nav__items .nav__items--item.--has-child:hover .nav__items--item-body {
          opacity: 1;
          visibility: visible; } }
    .nav__items .nav__items--item .nav__items--item-header {
      line-height: 6.8rem;
      padding: 0 1.6rem;
      position: relative; }
      @media screen and (min-width: 940px) {
        .nav__items .nav__items--item .nav__items--item-header {
          line-height: 28px; } }
      .nav__items .nav__items--item .nav__items--item-header::after {
        align-items: center;
        display: flex;
        content: "\e5cc";
        font-family: "Material Icons";
        position: absolute;
        top: 0;
        right: 1.6rem; }
      .nav__items .nav__items--item .nav__items--item-header.--active {
        background-color: #f5f5f5;
        font-weight: bold; }
        .nav__items .nav__items--item .nav__items--item-header.--active::after {
          content: "\e5cf"; }
      @media screen and (min-width: 940px) {
        .nav__items .nav__items--item .nav__items--item-header::before {
          background: #f15a24;
          bottom: -1px;
          content: "";
          height: 2px;
          left: 0;
          position: absolute;
          transform: scale(0, 1);
          transform-origin: center top;
          transition: transform 0.3s;
          width: 100%; }
        .nav__items .nav__items--item .nav__items--item-header::after {
          display: none; } }
    .nav__items .nav__items--item .nav__items--item-body {
      align-items: center;
      display: flex;
      height: 0;
      left: 0;
      opacity: 0;
      padding: 0 1.6rem;
      top: 100%;
      visibility: hidden;
      width: 100%; }
      @media screen and (min-width: 940px) {
        .nav__items .nav__items--item .nav__items--item-body {
          height: 28px;
          justify-content: flex-end;
          padding: 0 56px;
          position: absolute;
          transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out; } }
      .nav__items .nav__items--item .nav__items--item-body.--active {
        background-color: #f5f5f5;
        height: auto;
        opacity: 1;
        visibility: visible; }
      .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list {
        color: #333;
        width: 100%;
        z-index: 100; }
        .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list li {
          align-items: center;
          display: flex; }
          .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list li::before {
            align-items: center;
            display: flex;
            content: "・";
            margin-right: 0.8rem; }
            @media screen and (min-width: 940px) {
              .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list li::before {
                display: none; } }
        @media screen and (min-width: 940px) {
          .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list {
            align-items: center;
            display: flex;
            justify-content: flex-end; }
            .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list li {
              align-items: center;
              display: flex;
              justify-content: center;
              transition: all 0.1s ease-in-out; }
              .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list li:hover {
                color: #FF6B00; }
              .nav__items .nav__items--item .nav__items--item-body .nav__items--item-list li:not(:last-child) {
                margin-right: 3.2rem; } }

@media screen and (min-width: 940px) {
  .--divider::before {
    align-items: center;
    display: flex;
    background-color: #333;
    content: "";
    height: 40%;
    margin-right: 1.6rem;
    width: 1px; }
    .--home .--divider::before {
      background-color: #fff; }
    .--minify .--divider::before {
      background-color: #333; } }

.contents__nav--list {
  align-items: center;
  display: flex;
  height: 100%; }
  .contents__nav--list li {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 100%;
    padding: 0 1.6rem; }

.contents__tab {
  align-items: center;
  display: flex;
  height: 100%; }
  .contents__tab li {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center; }
    .contents__tab li:not(:last-child) {
      margin-right: 1.6rem; }
    .contents__tab li a {
      align-items: center;
      display: flex;
      justify-content: center;
      height: 100%;
      padding: 0 0.8rem;
      position: relative;
      text-decoration: none; }
      .contents__tab li a::after {
        background: #FF6B00;
        bottom: -1px;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        transform: scale(0, 1);
        transform-origin: center top;
        transition: transform 0.3s;
        width: 100%; }
      .contents__tab li a:hover::after {
        transform: scale(1, 1); }
    .contents__tab li.--active a::after {
      transform: scale(1, 1); }

main {
  display: flex;
  flex: 1;
  flex-direction: column;
  padding-top: 7rem; }
  @media screen and (min-width: 940px) {
    main {
      padding-top: 9rem; } }
  body.--click365 main {
    overflow: hidden; }

.contents {
  display: flex;
  flex-direction: column;
  height: 100%; }

.animate__delay-02s {
  animation-delay: .4s; }

.section__contents {
  padding: 3.2rem 0; }
  @media screen and (min-width: 940px) {
    .section__contents {
      padding: 10rem 0; } }
  .section__contents.--light {
    background-color: #fff; }
  .section__contents.--dark {
    background-color: #F1F1F1; }

.section__contents--block {
  padding: 0 2rem; }
  @media screen and (min-width: 940px) {
    .section__contents--block {
      margin: 0 auto;
      max-width: 940px;
      padding: 0;
      width: 100%; } }
  @media screen and (min-width: 940px) {
    .section__contents--block + .section__contents--block {
      margin-top: 2.4rem; } }
  @media screen and (min-width: 940px) {
    .section__contents--block.--fluid {
      align-items: center;
      display: flex;
      flex-direction: row;
      max-width: 129rem; } }
  @media screen and (min-width: 940px) {
    .section__contents--block.--w-full {
      max-width: unset; } }
  .section__contents--block.--light {
    background-color: #fff; }

.--w-full-inner {
  margin: 0 auto;
  max-width: 94rem; }

.bg--primary {
  background-color: #FF6B00;
  color: #fff; }

.contents__header .title__primary {
  color: #FF6B00;
  font-family: "Raleway", sans-serif;
  font-size: 5.4rem;
  line-height: 6.3rem; }
  .contents__header .title__primary span {
    display: block; }
    @media screen and (min-width: 940px) {
      .contents__header .title__primary span {
        display: inline-flex; }
        .contents__header .title__primary span + span {
          margin-left: 1.4rem; } }
  @media screen and (min-width: 940px) {
    .contents__header .title__primary {
      font-size: 7rem;
      font-weight: 700;
      line-height: 8.2rem; } }
  .contents__header .title__primary + .title__secondary {
    margin-top: 1.6rem; }
    @media screen and (min-width: 940px) {
      .contents__header .title__primary + .title__secondary {
        margin-top: 1.6rem; } }
  body.--click365 .contents__header .title__primary {
    color: #004DA0;
    font-size: 4rem;
    line-height: 5.4rem; }
    @media screen and (min-width: 940px) {
      body.--click365 .contents__header .title__primary {
        font-size: 4.6rem;
        line-height: 6.3rem; } }
    body.--click365 .contents__header .title__primary br {
      display: block; }
      @media screen and (min-width: 940px) {
        body.--click365 .contents__header .title__primary br {
          display: none; } }
    body.--click365 .contents__header .title__primary .--multi-row {
      display: inline-flex;
      flex-wrap: wrap; }
      @media screen and (min-width: 940px) {
        body.--click365 .contents__header .title__primary .--multi-row {
          display: block;
          line-height: 6rem;
          margin: 0; }
          body.--click365 .contents__header .title__primary .--multi-row br {
            display: block; }
          body.--click365 .contents__header .title__primary .--multi-row span {
            display: inline;
            margin: 0; } }
    body.--click365 .contents__header .title__primary .--small {
      font-size: 2rem;
      line-height: 2.7rem; }
      @media screen and (min-width: 940px) {
        body.--click365 .contents__header .title__primary .--small {
          font-size: 3rem;
          line-height: 4.1rem; } }
    body.--click365 .contents__header .title__primary .--fluid-row br {
      display: none; }
      @media screen and (min-width: 940px) {
        body.--click365 .contents__header .title__primary .--fluid-row br {
          display: block; } }
    body.--click365 .contents__header .title__primary .--fluid-row span {
      display: inline; }
    body.--click365 .contents__header .title__primary + .--note-primary {
      margin-top: 1.2rem; }
.contents__header .title__secondary {
  color: #777;
  display: flex;
  font-size: 1.6rem;
  line-height: 2.2rem; }
  .contents__header .title__secondary::before {
    align-items: center;
    display: flex;
    background-color: #FF6B00;
    content: "";
    height: .2rem;
    margin-top: .9rem;
    margin-right: 1.6rem;
    width: 4rem; }
  body.--click365 .contents__header .title__secondary {
    align-items: center;
    display: flex;
    color: #EC6C00;
    font-family: "Raleway", sans-serif;
    font-size: 2rem;
    line-height: 2.3rem;
    margin: 0 0 1.6rem; }
    body.--click365 .contents__header .title__secondary::before {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: transparent;
      background-image: url("./img/click365/icon/icon-title.svg");
      height: 3rem;
      margin: 0 1.6rem 0 0;
      width: 2.7rem; }

.contents__body {
  margin-top: 3.2rem; }
  @media screen and (min-width: 940px) {
    .contents__body {
      margin-top: 4rem; } }

.contents__body--note {
  line-height: 2.8rem; }

.control__block {
  padding: 2.4rem 2rem; }
  @media screen and (min-width: 940px) {
    .control__block {
      padding: 3.2rem 2rem; } }
  .control__block.--gray-lighten {
    background-color: #F1F1F1; }
  .control__block.--rounded {
    border-radius: 1rem; }
  .control__block.--phone {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    @media screen and (min-width: 940px) {
      .control__block.--phone {
        flex-direction: row;
        flex-wrap: wrap; } }
    .control__block.--phone .--block-label {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #fff;
      border-radius: calc(3.6rem / 2);
      color: #FF6B00;
      font-size: 2rem;
      height: 3.6rem;
      margin-bottom: 0.8rem;
      max-width: 21.8rem;
      padding: 0 2.4rem;
      width: 100%; }
      @media screen and (min-width: 940px) {
        .control__block.--phone .--block-label {
          margin-bottom: 0;
          margin-right: 2.4rem;
          max-width: 16.7rem;
          padding: 0 1.6rem; } }
    .control__block.--phone .--block-value {
      color: #FF6B00;
      font-size: 4rem;
      font-weight: 700; }
      @media screen and (min-width: 940px) {
        .control__block.--phone .--block-value {
          line-height: 8.4rem; } }
    .control__block.--phone .--block-note {
      margin-top: calc(0.8rem / 2); }
      .control__block.--phone .--block-note.--center {
        text-align: center; }
      .control__block.--phone .--block-note.fluid {
        width: 100%; }
      @media screen and (min-width: 940px) {
        .control__block.--phone .--block-note br {
          display: none; } }
  .control__block.--form {
    align-items: center;
    display: flex;
    justify-content: center; }
  .control__block.--remote {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column; }
    @media screen and (min-width: 940px) {
      .control__block.--remote {
        flex-direction: row;
        flex-wrap: wrap; } }
    @media screen and (min-width: 940px) {
      .control__block.--remote .description__note--block {
        margin-right: 4.5rem;
        width: 56rem; } }
    .control__block.--remote .btn__remote {
      border-radius: 3.6rem;
      border-width: 2px;
      font-size: 2rem;
      font-weight: 700;
      height: 7.2rem;
      line-height: 2.7rem;
      margin-top: 2.4rem;
      max-width: 33.5rem;
      padding: 0 3.2rem;
      width: 100%; }
      @media screen and (min-width: 940px) {
        .control__block.--remote .btn__remote {
          margin-top: 0;
          min-width: 29rem;
          width: 29rem; } }
      .control__block.--remote .btn__remote:hover .btn__label::before {
        background-image: url("./img/icon/icon-remote-on.svg"); }
      .control__block.--remote .btn__remote .btn__label {
        align-items: center;
        display: flex; }
        .control__block.--remote .btn__remote .btn__label::before {
          background-position: center center;
          background-repeat: no-repeat;
          background-size: contain;
          background-image: url("./img/icon/icon-remote.svg");
          background-size: 3.3rem 4.8rem;
          content: "";
          height: 4.8rem;
          margin-right: 1.2rem;
          min-width: 3.3rem;
          width: 3.3rem; }

.card__view--list.--grid {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
  justify-content: center;
  margin: 6.5rem 0 0; }
  @media screen and (min-width: 940px) {
    .card__view--list.--grid {
      grid-template-columns: repeat(auto-fill, minmax(30rem, 1fr));
      margin: 6rem 0 0; } }
  .card__view--list.--grid .card__view--list-item {
    background-color: #f6f6f6;
    border-bottom: 2px solid #e0e0e0;
    cursor: pointer;
    transition: opacity .2s ease-in-out;
    width: 100%; }
    .card__view--list.--grid .card__view--list-item a {
      text-decoration: none; }
    .card__view--list.--grid .card__view--list-item:hover {
      opacity: .7; }
    @media screen and (min-width: 940px) {
      .card__view--list.--grid .card__view--list-item {
        width: 30rem; } }
    .card__view--list.--grid .card__view--list-item .--item-img img {
      width: 100%; }
    .card__view--list.--grid .card__view--list-item .--item-block {
      padding: 2rem; }
    .card__view--list.--grid .card__view--list-item .bnr__img + .bnr__type--list {
      margin-top: 1rem; }
    .card__view--list.--grid .card__view--list-item .bnr__type--list {
      align-items: center;
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 1rem; }
      .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item {
        align-items: center;
        background-color: #fff;
        border-radius: .4rem;
        font-size: 1.4rem;
        display: inline-flex;
        height: 2.6rem;
        line-height: 2rem;
        padding: 0 0.8rem;
        text-align: center; }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item:not(:last-of-type) {
          margin-right: calc(0.8rem / 2); }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item.--type-01 {
          color: #5EAF5A; }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item.--type-02 {
          color: #F1502B; }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item.--type-03 {
          color: #C83C51; }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item.--type-04 {
          color: #54A6DE; }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item.--type-05 {
          color: #D969D4; }
        .card__view--list.--grid .card__view--list-item .bnr__type--list .bnr__type--list-item.--type-06 {
          color: #495CDC; }
    .card__view--list.--grid .card__view--list-item .--item-block-title {
      font-weight: 700; }
      .card__view--list.--grid .card__view--list-item .--item-block-title.--primary {
        color: #FF6B00;
        font-size: 1.8rem;
        line-height: 2.8rem; }
      .card__view--list.--grid .card__view--list-item .--item-block-title + .--item-block-note {
        margin-top: .6rem; }
    .card__view--list.--grid .card__view--list-item .--item-block-note {
      font-size: 1.4rem;
      line-height: 2.4rem; }

.section__contents--header {
  align-items: center;
  display: flex;
  height: 26rem; }
  @media screen and (min-width: 940px) {
    .section__contents--header {
      height: 30rem; } }
  body.--click365 .section__contents--header {
    background-color: #fff;
    background-image: url("./img/click365/click-section-header-bg.png");
    background-repeat: repeat;
    height: 26rem; }
    @media screen and (min-width: 940px) {
      body.--click365 .section__contents--header {
        height: 30rem; } }
  .section__contents--header .contents__header {
    background-image: url("./img/section-header-bg-sp.svg");
    background-position: top right;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-left: 2rem;
    position: relative;
    width: 100%; }
    @media screen and (min-width: 940px) {
      .section__contents--header .contents__header {
        background-image: url("./img/section-header-bg-pc.svg");
        margin: 0 auto;
        max-width: 94rem;
        padding-left: 0; } }
    body.--click365 .section__contents--header .contents__header {
      background-image: none; }
      body.--click365 .section__contents--header .contents__header::after {
        background-image: url("./img/click365/sp-header-object.svg");
        bottom: -1.8rem;
        content: "";
        display: block;
        height: 10.6rem;
        position: absolute;
        right: 0;
        width: 11.6rem;
        z-index: 1; }
        @media screen and (min-width: 940px) {
          body.--click365 .section__contents--header .contents__header::after {
            background-image: url("./img/click365/pc-header-object.svg");
            bottom: -2.2rem;
            height: 16.5rem;
            width: 33.6rem; } }
      @media screen and (min-width: 940px) {
        body.--click365 .section__contents--header .contents__header {
          background-image: none; } }

.--footer {
  background-color: #333;
  color: #fff;
  padding-bottom: 4rem;
  padding-top: 0; }
  @media screen and (min-width: 940px) {
    .--footer {
      padding-bottom: 6rem; } }
  .--footer .section__contents--block {
    padding-top: 6rem; }
  .--footer a {
    color: #fff; }

.breadcrumbs__nav {
  align-items: center;
  display: flex;
  background-color: #f1f1f1;
  min-height: 6rem;
  padding: 0 2rem;
  position: relative; }
  .breadcrumbs__nav::before {
    background-color: #ddd;
    content: "";
    display: block;
    left: 50%;
    height: 1px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 100%; }
  @media screen and (min-width: 940px) {
    .breadcrumbs__nav {
      margin: 0 auto;
      padding: 0;
      width: 100%; } }
  .breadcrumbs__nav .breadcrumbs__nav--list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 1.2rem;
    height: 100%; }
    @media screen and (min-width: 940px) {
      .breadcrumbs__nav .breadcrumbs__nav--list {
        margin: 0 auto;
        max-width: 94rem;
        width: 100%; } }
    .breadcrumbs__nav .breadcrumbs__nav--list .breadcrumbs__nav--list-item {
      align-items: center;
      display: flex;
      color: #777; }
      .breadcrumbs__nav .breadcrumbs__nav--list .breadcrumbs__nav--list-item a {
        color: #FF6B00;
        text-decoration: underline; }
        .breadcrumbs__nav .breadcrumbs__nav--list .breadcrumbs__nav--list-item a:hover {
          text-decoration: none; }
      .breadcrumbs__nav .breadcrumbs__nav--list .breadcrumbs__nav--list-item + .breadcrumbs__nav--list-item::before {
        align-items: center;
        display: flex;
        justify-content: center;
        content: ">";
        height: 2.2rem;
        margin: 0 0.8rem; }

.footer__logo {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("./img/logo-footer.svg");
  cursor: pointer;
  display: block;
  height: 10.8rem;
  margin-bottom: 4rem;
  width: 13.2rem; }
  .footer__logo:hover {
    opacity: 0.7; }
  @media screen and (min-width: 940px) {
    .footer__logo {
      margin-bottom: 5.6rem; } }

.footer__link {
  display: grid;
  gap: 3.2rem 0; }
  @media screen and (min-width: 940px) {
    .footer__link {
      font-size: 1.4rem;
      gap: 5.6rem 3.2rem;
      grid-template-columns: 22.5rem 1fr 1fr;
      justify-content: space-between;
      justify-items: stretch;
      margin: 0 auto; } }
  .footer__link + .footer__note {
    margin-top: 4.8rem; }

.footer__link--nav-header {
  color: #FF6B00;
  font-weight: 700;
  line-height: 1.9rem;
  margin-bottom: 1.6rem; }

.footer__link--nav-body .footer__link--nav-list li a {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 2.8rem;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out; }
  .footer__link--nav-body .footer__link--nav-list li a:hover {
    opacity: 0.7; }
  .footer__link--nav-body .footer__link--nav-list li a:before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    display: flex;
    justify-content: center;
    background-image: url("./img/icon/icon-nav-arrow.svg");
    content: "";
    height: 0.6rem;
    margin-right: 0.8rem;
    width: 0.6rem; }

.footer__note + .footer__attention {
  margin-top: 2.4rem; }

.footer__note--list {
  margin-top: 1.2rem; }
  .footer__note--list .note__list--item {
    display: flex;
    flex-direction: column;
    font-size: 1.2rem;
    line-height: 2.2rem; }
    @media screen and (min-width: 940px) {
      .footer__note--list .note__list--item {
        align-items: center;
        flex-direction: row; } }

.footer__attention {
  background-color: rgba(255, 255, 255, 0.05);
  padding: 2.4rem; }
  .footer__attention h2 {
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.9rem;
    margin-bottom: 1.2rem; }
  .footer__attention .attention__note {
    font-size: 1.2rem;
    line-height: 2.2rem; }
    .footer__attention .attention__note + h2 {
      margin-top: 24px; }

.footer__btn--row {
  display: flex;
  flex-direction: column;
  margin-top: 15px; }
  @media screen and (min-width: 940px) {
    .footer__btn--row {
      align-items: center;
      flex-direction: row; } }
  .footer__btn--row .btn-outline {
    flex: 1;
    justify-content: flex-start; }
    .footer__btn--row .btn-outline + .btn-outline {
      margin-top: 12px; }
      @media screen and (min-width: 940px) {
        .footer__btn--row .btn-outline + .btn-outline {
          margin-left: 1.2rem;
          margin-top: 0; } }

.footer__copy {
  align-items: center;
  display: flex;
  font-size: 1.2rem;
  letter-spacing: 0.05rem;
  line-height: 2.2rem;
  margin-top: 3.2rem;
  width: 100%; }
  @media screen and (min-width: 940px) {
    .footer__copy {
      margin-top: 4.8rem; } }

.btn-outline {
  align-items: center;
  display: flex;
  justify-content: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  display: inline-flex;
  height: 5rem;
  min-height: 5rem;
  padding: 0 1.6rem;
  text-decoration: none;
  transition: opacity 0.2s ease-in-out; }
  .btn-outline:hover {
    opacity: 0.7;
    text-decoration: none; }
  .btn-outline .btn-text {
    align-items: center;
    display: flex;
    font-size: 1.4rem; }
    .btn-outline .btn-text.--arrow:before {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      align-items: center;
      display: flex;
      justify-content: center;
      background-image: url("./img/icon/icon-nav-arrow.svg");
      content: "";
      height: 0.6rem;
      margin-right: 0.8rem;
      width: 0.6rem; }

.footer__page-top {
  bottom: 2rem;
  cursor: pointer;
  height: 6rem;
  position: fixed;
  right: 1rem;
  width: 6rem;
  z-index: 4; }
  .footer__page-top:hover a {
    background-color: #fff;
    color: #FF6B00; }
    .footer__page-top:hover a::after {
      opacity: 1;
      transform: translateY(-50%) scale(1.2);
      transition-delay: 0s;
      transition: opacity 0.4s, transform 0.4s ease-in-out; }
  .footer__page-top a {
    align-items: center;
    display: flex;
    justify-content: center;
    background-color: #FF6B00;
    border-radius: 100%;
    color: #fff;
    height: 100%;
    justify-content: center;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    transition-duration: 0.4s;
    width: 100%;
    z-index: 2; }
    .footer__page-top a .material-icons {
      pointer-events: none; }
    .footer__page-top a::after {
      background: #fff;
      border-radius: 50%;
      content: "";
      display: block;
      height: 0;
      left: 0;
      margin: auto;
      opacity: 0;
      padding-top: 100%;
      pointer-events: none;
      position: absolute;
      top: 50%;
      transform: translateY(-50%) scale(0.1);
      transition: opacity 0.4s, transform 0.4s ease-in-out;
      transition-delay: 0s, 0.4s;
      right: 0;
      width: 100%;
      z-index: -1; }

.icon__pdf {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  align-items: center;
  display: flex;
  background-image: url("./img/icon/icon-pdf.svg");
  height: 3rem;
  width: 2.3rem; }

.icon__link--list {
  margin-top: 1.6rem; }
  .icon__link--list .icon__link--item {
    align-items: center;
    display: flex; }
    .icon__link--list .icon__link--item + .icon__link--item {
      margin-top: 1rem; }
    .icon__link--list .icon__link--item .--link-icon {
      margin-right: 1rem; }

.--news {
  background-color: #fff;
  padding-bottom: 10rem; }
  @media screen and (min-width: 940px) {
    .--news {
      padding-top: 0; } }

.--news .title__secondary + .tab__header,
.--blogs .title__secondary + .tab__header {
  margin-top: 3.2rem; }
.--news .section__contents--block,
.--blogs .section__contents--block {
  z-index: 2; }
  .--news .section__contents--block .btn__block,
  .--blogs .section__contents--block .btn__block {
    margin-top: 4rem; }
  @media screen and (min-width: 940px) {
    .--news .section__contents--block,
    .--blogs .section__contents--block {
      display: flex;
      position: relative; }
      .--news .section__contents--block .btn__block,
      .--blogs .section__contents--block .btn__block {
        bottom: 3.2rem;
        left: 0;
        margin-top: 0;
        position: absolute; } }
@media screen and (min-width: 940px) {
  .--news .tab__header,
  .--blogs .tab__header {
    flex-direction: column;
    align-items: flex-start; }
    .--news .tab__header .tab__header--item,
    .--blogs .tab__header .tab__header--item {
      margin-left: 0; }
      .--news .tab__header .tab__header--item + .tab__header--item,
      .--blogs .tab__header .tab__header--item + .tab__header--item {
        margin-top: 1.6rem; } }
@media screen and (min-width: 940px) {
  .--news .contents__body,
  .--blogs .contents__body {
    flex: 1;
    margin-left: 8rem;
    margin-top: 0; } }

.news__view .news__item {
  border-top: 1px solid #ddd;
  cursor: pointer;
  padding: 2.4rem 0;
  transition: opacity .2s ease-in-out; }
  body.--click365 .news__view .news__item {
    background-color: #f6f6f6;
    border-top: 0;
    padding: 1.6rem 2.4rem; }
    body.--click365 .news__view .news__item:not(:last-of-type) {
      margin-bottom: 1rem; }
      @media screen and (min-width: 940px) {
        body.--click365 .news__view .news__item:not(:last-of-type) {
          margin-bottom: calc(0.8rem / 2); } }
    body.--click365 .news__view .news__item:last-of-type {
      border-bottom: 0; }
  .news__view .news__item:hover {
    opacity: .7; }
  .news__view .news__item:last-of-type {
    border-bottom: 1px solid #ddd; }
  @media screen and (min-width: 940px) {
    .news__view .news__item {
      align-items: center;
      display: flex;
      height: 6.8rem; }
      body.--click365 .news__view .news__item {
        height: 6rem; } }

.news__item--header {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  line-height: 2.8rem; }
  .news__item--header .news__item--date {
    margin-right: 0.8rem;
    width: 8.6rem; }
  .news__item--header .news__item--status {
    align-items: center;
    display: flex;
    color: #777;
    justify-content: space-between;
    width: 13rem; }
    .news__item--header .news__item--status.--important {
      color: #F02F1D; }
    .news__item--header .news__item--status.--maimate {
      color: #12327E; }
    .news__item--header .news__item--status.--triauto {
      color: #E1005D; }
    .news__item--header .news__item--status.--tafx {
      color: #FF6A33; }
    .news__item--header .news__item--status.--taetf {
      color: #FF187A; }
    .news__item--header .news__item--status.--click365 {
      color: #004DA0; }
    .news__item--header .news__item--status.--campaign {
      color: #00A04D; }
    .news__item--header .news__item--status::before, .news__item--header .news__item--status::after {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #777;
      content: "";
      height: 1.4rem;
      width: 1px; }
    .news__item--header .news__item--status.--important::before, .news__item--header .news__item--status.--important::after {
      background-color: #F02F1D; }
    .news__item--header .news__item--status.--maimate::before, .news__item--header .news__item--status.--maimate::after {
      background-color: #12327E; }
    .news__item--header .news__item--status.--triauto::before, .news__item--header .news__item--status.--triauto::after {
      background-color: #E1005D; }
    .news__item--header .news__item--status.--tafx::before, .news__item--header .news__item--status.--tafx::after {
      background-color: #FF6A33; }
    .news__item--header .news__item--status.--taetf::before, .news__item--header .news__item--status.--taetf::after {
      background-color: #FF187A; }
    .news__item--header .news__item--status.--click365::before, .news__item--header .news__item--status.--click365::after {
      background-color: #004DA0; }
    .news__item--header .news__item--status.--campaign::before, .news__item--header .news__item--status.--campaign::after {
      background-color: #00A04D; }

.news__item--body {
  margin-top: calc(0.8rem / 2); }
  .--news-detail .news__item--body {
    color: #FF6B00;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4.4rem; }
  @media screen and (min-width: 940px) {
    .news__item--body {
      margin-left: 2.4rem;
      margin-top: 0; }
      .--news-detail .news__item--body {
        margin-left: 0;
        margin-top: 1.2rem; } }

.--news-detail .contents__block {
  padding-top: 6rem; }
.--news-detail .--note-primary + .--note-section {
  margin-top: 2.9rem; }

.news__date--block {
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0;
  padding: 2rem; }
  @media screen and (min-width: 940px) {
    .news__date--block {
      padding: 2rem 3.4rem; } }

.news__mv--block {
  margin: 2rem 0; }
  @media screen and (min-width: 940px) {
    .news__mv--block .--sp {
      display: none; } }
  .news__mv--block .--pc {
    display: none; }
    @media screen and (min-width: 940px) {
      .news__mv--block .--pc {
        display: block; } }

.--our-mission {
  position: relative; }
  @media screen and (min-width: 940px) {
    .--our-mission {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("./img/media/om-02.svg");
      background-position: left top 25rem;
      background-size: 14.8rem 42.7rem;
      padding-top: 8rem; } }
  .--our-mission .section__contents--block {
    z-index: 2; }
    @media screen and (min-width: 940px) {
      .--our-mission .section__contents--block .--our-mission-header {
        padding-left: 24.9rem; } }
    .--our-mission .section__contents--block.--our-products {
      margin-top: 10rem;
      padding: 0;
      position: relative; }
      .--our-mission .section__contents--block.--our-products::before {
        background-color: #fff;
        content: "";
        display: block;
        height: 100%;
        left: 50%;
        letter-spacing: 0;
        position: absolute;
        top: 0;
        transform: translateX(-50%);
        width: calc(100% - 4rem); }
      @media screen and (min-width: 940px) {
        .--our-mission .section__contents--block.--our-products {
          background-color: transparent;
          margin-top: 8rem;
          max-width: unset;
          padding: 0;
          position: relative; }
          .--our-mission .section__contents--block.--our-products::before {
            width: 94rem; } }
      .--our-mission .section__contents--block.--our-products .contents__body {
        margin-top: 6rem; }
      .--our-mission .section__contents--block.--our-products .contents__header {
        margin: 0 auto;
        padding: 3.2rem 2.4rem;
        width: calc(100% - 4rem); }
        @media screen and (min-width: 940px) {
          .--our-mission .section__contents--block.--our-products .contents__header {
            max-width: 94rem;
            padding: 4rem 4rem 0; } }
      .--our-mission .section__contents--block.--our-products .btn__block {
        align-items: center;
        flex-direction: column;
        margin: 0 auto;
        padding: 3.2rem 2.4rem 4rem;
        width: calc(100% - 4rem); }
        @media screen and (min-width: 940px) {
          .--our-mission .section__contents--block.--our-products .btn__block {
            flex-direction: row;
            max-width: 94rem;
            padding: 6rem 4rem; } }
  .--our-mission::before, .--our-mission::after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    position: absolute; }
  .--our-mission::before {
    background-image: url("./img/media/om-01.svg");
    height: 24.8rem;
    top: 0;
    right: 0;
    width: 14.7rem; }
    @media screen and (min-width: 940px) {
      .--our-mission::before {
        height: 56.8rem;
        top: -22.4rem;
        width: 33.6rem; } }

.--our-products .mv__block-our-products {
  height: calc(34.8rem * 2);
  margin: 0 auto; }
  @media screen and (min-width: 940px) {
    .--our-products .mv__block-our-products {
      height: 65rem; } }

.mv__contents--our-mission {
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 100%; }
  @media screen and (min-width: 940px) {
    .mv__contents--our-mission {
      left: 50%;
      position: absolute;
      transform: translateX(-50%);
      width: 100%; } }
  .mv__contents--our-mission .mv__service--list {
    position: relative; }
    .mv__contents--our-mission .mv__service--list::after {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("./img/dot-bg.png");
      background-repeat: repeat-x;
      content: "";
      height: 100%;
      left: 0;
      pointer-events: none;
      position: absolute;
      top: 0;
      width: 100%; }
    @media screen and (min-width: 940px) {
      .mv__contents--our-mission .mv__service--list {
        display: flex;
        height: 65rem; } }
    .mv__contents--our-mission .mv__service--list .mv__service--list-item {
      cursor: pointer;
      display: flex;
      flex: 1;
      flex-direction: column;
      height: 34.8rem;
      padding: 1.6rem 1.2rem;
      position: relative;
      transition: opacity .2s ease-in-out; }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item:hover {
        opacity: .7; }
      @media screen and (min-width: 940px) {
        .mv__contents--our-mission .mv__service--list .mv__service--list-item {
          height: 100%;
          padding: 4rem 2.4rem 1.6rem; } }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item::after {
        bottom: 0;
        content: "";
        display: block;
        height: 8.8rem;
        left: 0;
        position: absolute;
        width: 100%; }
        @media screen and (min-width: 940px) {
          .mv__contents--our-mission .mv__service--list .mv__service--list-item::after {
            height: 16.5rem; } }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__header {
        text-align: center; }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__header .mv__header--title-secondary {
          color: rgba(255, 255, 255, 0.7);
          font-family: "Raleway", sans-serif;
          font-size: 1.4rem;
          line-height: 1.6rem;
          margin-bottom: 0.8rem; }
          @media screen and (min-width: 940px) {
            .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__header .mv__header--title-secondary {
              font-size: 2.4rem;
              line-height: 2.8rem;
              margin-bottom: 1.2rem; } }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__header .mv__header--title-primary {
          color: #fff;
          font-size: 2rem;
          font-weight: 700;
          line-height: 2.7rem;
          position: relative;
          white-space: nowrap;
          z-index: 10; }
          @media screen and (min-width: 940px) {
            .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__header .mv__header--title-primary {
              font-size: 3rem;
              line-height: 4.1rem; } }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__main {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        height: 50rem;
        left: 50%;
        pointer-events: none;
        position: absolute;
        transform: translateX(-50%);
        width: 100%;
        z-index: 10; }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer {
        align-items: center;
        display: flex;
        justify-content: space-between;
        margin-top: auto;
        z-index: 9; }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .mv__footer--logo img {
          height: 2.2rem; }
          @media screen and (min-width: 940px) {
            .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .mv__footer--logo img {
              height: 3.4rem; } }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn {
          height: 4rem;
          padding: 0; }
          .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn .btn__text--label {
            font-size: 1.4rem; }
            @media screen and (min-width: 940px) {
              .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn .btn__text--label br {
                display: none; } }
          .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn:hover .btn__text--label {
            top: 0; }
            .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn:hover .btn__text--label::after {
              display: none; }
          .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn:hover .btn__arrow {
            background-color: transparent;
            background-image: url("./img/icon/btn-circle-arrow-on.svg");
            border-color: #fff; }
            .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn:hover .btn__arrow::before {
              display: none; }
          @media screen and (min-width: 940px) {
            .mv__contents--our-mission .mv__service--list .mv__service--list-item .mv__footer .btn {
              font-size: 1.6rem; } }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item.--triauto {
        background: linear-gradient(180deg, #FF187A 0%, #FF6A33 100%); }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item.--triauto::after {
          background: #E1005D; }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item.--triauto .mv__main {
          background-image: url("./img/service/mv-triauto.png");
          height: 25.4rem;
          top: 6.6rem;
          width: 19.8rem;
          z-index: 9; }
          @media screen and (min-width: 940px) {
            .mv__contents--our-mission .mv__service--list .mv__service--list-item.--triauto .mv__main {
              height: 50.6rem;
              top: 11.5rem;
              width: 39.2rem; } }
      .mv__contents--our-mission .mv__service--list .mv__service--list-item.--maimate {
        background: linear-gradient(180deg, #0F358E 0%, #00C4DF 100%); }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item.--maimate .mv__main {
          background-image: url("./img/service/mv-maimate.png");
          background-size: 45.1rem 25.7rem;
          background-position: center top 0.8rem;
          top: 7rem;
          z-index: 8; }
          @media screen and (min-width: 940px) {
            .mv__contents--our-mission .mv__service--list .mv__service--list-item.--maimate .mv__main {
              background-size: 89.6rem 51.1rem;
              background-position: center top 2.4rem;
              top: 11.5rem; } }
        .mv__contents--our-mission .mv__service--list .mv__service--list-item.--maimate::after {
          background: #003398; }

.--customers-Voice {
  padding-bottom: 10rem; }
  @media screen and (min-width: 940px) {
    .--customers-Voice {
      padding-top: 0; } }
  .--customers-Voice .section__contents--block {
    max-width: fit-content;
    padding: 0;
    width: 100%; }
  .--customers-Voice .contents__header {
    margin: 0 auto;
    max-width: 94rem;
    padding: 0 2rem; }
    @media screen and (min-width: 940px) {
      .--customers-Voice .contents__header {
        padding: 0; }
        .--customers-Voice .contents__header .title__primary br {
          display: none; } }
  .--customers-Voice .customer__slider .slick-slide {
    background-color: transparent;
    margin: 0 calc(2rem / 2); }
    @media screen and (min-width: 940px) {
      .--customers-Voice .customer__slider .slick-slide {
        margin: 0 2rem; } }
  .--customers-Voice .customer__slider .slider__item {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 52rem;
    width: 28.8rem; }
    @media screen and (min-width: 940px) {
      .--customers-Voice .customer__slider .slider__item {
        height: 46.9rem; } }
    .--customers-Voice .customer__slider .slider__item.--triauto .slider__item--header {
      color: #FF187A; }
    .--customers-Voice .customer__slider .slider__item.--triauto .slider__item--footer {
      background-color: #FF187A;
      background-image: url("./img/logo/triauto-white.svg"); }
    .--customers-Voice .customer__slider .slider__item.--maimate .slider__item--header {
      color: #003398; }
    .--customers-Voice .customer__slider .slider__item.--maimate .slider__item--footer {
      background-color: #003398;
      background-image: url("./img/logo/maimate.svg"); }
    .--customers-Voice .customer__slider .slider__item .slider__item--header {
      text-align: center;
      padding-top: 3.2rem; }
      .--customers-Voice .customer__slider .slider__item .slider__item--header .slider__item--header-image {
        height: 15.5rem;
        margin-bottom: 1.6rem;
        width: 15.5rem; }
      .--customers-Voice .customer__slider .slider__item .slider__item--header img {
        height: 15.5rem; }
      .--customers-Voice .customer__slider .slider__item .slider__item--header .slider__item--header-label-primary {
        font-size: 1.6rem;
        font-weight: bold;
        line-height: 2.2rem;
        margin-bottom: 0.8rem; }
      .--customers-Voice .customer__slider .slider__item .slider__item--header slider__item--header-label-secondary {
        margin-bottom: 1.6rem; }
    @media screen and (min-width: 940px) {
      .--customers-Voice .customer__slider .slider__item {
        width: 40rem; } }
    .--customers-Voice .customer__slider .slider__item .slider__item--body {
      font-size: 1.4rem;
      line-height: 2.8rem;
      padding: 1.6rem 2.4rem; }
    .--customers-Voice .customer__slider .slider__item .slider__item--footer {
      align-items: center;
      display: flex;
      justify-content: center;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-size: 10.4rem 18.7rem;
      height: 3.6rem;
      margin-top: auto;
      min-height: 3.6rem;
      width: 100%; }

.--growing-platforms {
  padding: 8.8rem 0; }
  @media screen and (min-width: 940px) {
    .--growing-platforms {
      padding: 6rem 0; } }
  .--growing-platforms .section__contents--block {
    display: flex;
    flex-direction: column-reverse;
    overflow: hidden;
    padding: 0;
    position: relative; }
    @media screen and (min-width: 940px) {
      .--growing-platforms .section__contents--block {
        align-items: center;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        max-width: 130rem; } }
    .--growing-platforms .section__contents--block .--growing-platforms-block {
      flex: 1; }
      @media screen and (max-width: 940px) {
        .--growing-platforms .section__contents--block .--growing-platforms-block .animate__disabled {
          visibility: visible; } }
      @media screen and (min-width: 940px) {
        .--growing-platforms .section__contents--block .--growing-platforms-block:not(.contents__visual) {
          min-width: 55.2rem;
          max-width: 55.2rem;
          padding-left: 1.6rem; } }
    .--growing-platforms .section__contents--block .contents__visual {
      align-items: center;
      display: flex;
      justify-content: center;
      background-image: url("./img/growingplatforms/growingplatforms-bg-sp.svg");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 49rem 49rem;
      height: 49rem;
      margin-top: -2.4rem;
      min-height: 49rem;
      padding: 3.25%; }
      @media screen and (min-width: 940px) {
        .--growing-platforms .section__contents--block .contents__visual {
          background-image: url("./img/growingplatforms/growingplatforms-bg-pc.svg");
          background-size: contain;
          height: calc(100% - 12rem);
          margin-top: 0;
          max-width: 74.8rem;
          padding: 12% 9%;
          width: calc(100% - 55.2rem); } }
      .--growing-platforms .section__contents--block .contents__visual .graph {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 100%;
        max-width: 36.8rem;
        width: 100%; }
        @media screen and (min-width: 940px) {
          .--growing-platforms .section__contents--block .contents__visual .graph {
            margin: 0;
            max-width: 50rem; } }
    .--growing-platforms .section__contents--block .contents__header {
      padding: 0 2rem; }
      @media screen and (min-width: 940px) {
        .--growing-platforms .section__contents--block .contents__header {
          padding: 0; } }
    .--growing-platforms .section__contents--block .contents__body {
      bottom: 0;
      left: 2rem;
      position: absolute; }
      @media screen and (min-width: 940px) {
        .--growing-platforms .section__contents--block .contents__body {
          position: static; } }

.--blogs {
  padding: 9.2rem 0 10rem; }
  @media screen and (min-width: 940px) {
    .--blogs {
      overflow: hidden;
      padding: 10rem 0; } }
  .--blogs .section__contents--block {
    padding: 0; }
  .--blogs .contents__header {
    padding: 0 2rem; }
    @media screen and (min-width: 940px) {
      .--blogs .contents__header {
        min-width: 24rem;
        padding: 0; } }
  .--blogs .blogs__banner {
    display: flex;
    flex-direction: column;
    padding: 0 2rem;
    width: 100%; }
    @media screen and (min-width: 940px) {
      .--blogs .blogs__banner {
        flex-direction: row;
        justify-content: space-between;
        padding: 0; } }
    .--blogs .blogs__banner .blog__banner--item {
      align-items: center;
      display: flex;
      justify-content: center;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("./img/dot-offset.png");
      background-repeat: repeat;
      cursor: pointer;
      flex: 1;
      min-height: 14.4rem;
      position: relative;
      transition: 0.2s opacity ease-in-out;
      width: 100%; }
      .--blogs .blogs__banner .blog__banner--item + .blog__banner--item {
        margin-top: 2rem; }
        @media screen and (min-width: 940px) {
          .--blogs .blogs__banner .blog__banner--item + .blog__banner--item {
            margin-left: 4rem;
            margin-top: 0; } }
      .--blogs .blogs__banner .blog__banner--item:hover {
        opacity: 0.7; }
      .--blogs .blogs__banner .blog__banner--item.--inv-nav {
        background-color: #fff; }
      .--blogs .blogs__banner .blog__banner--item.--triauto {
        background-image: url("./img/dot-offset.png"), linear-gradient(180deg, #FF187A 0%, #FF6A33 100%); }
      .--blogs .blogs__banner .blog__banner--item.--maimate {
        background-color: #0f358e; }
  .--blogs .tab__body--item {
    padding-bottom: 6rem; }
    @media screen and (min-width: 940px) {
      .--blogs .tab__body--item .slick-prev {
        left: 0; }
      .--blogs .tab__body--item .slick-next {
        left: 30rem;
        right: unset; }
      .--blogs .tab__body--item .slick-dots {
        text-align: left; } }

@media screen and (min-width: 940px) {
  .blog__slider + .slider-controls {
    justify-content: flex-start;
    padding: 3rem 0; } }
.blog__slider .slider__item {
  background-color: #fff;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 46.8rem;
  margin: 0 calc(2rem / 2);
  transition: 0.2s opacity ease-in-out;
  width: 28.8rem; }
  @media screen and (min-width: 940px) {
    .blog__slider .slider__item {
      margin: 0 1.6rem; } }
  .blog__slider .slider__item:hover {
    opacity: 0.7; }
.blog__slider .--item-block {
  padding: 2rem; }
.blog__slider .--item-block-header {
  align-items: center;
  display: flex;
  margin-bottom: 1.2rem; }
  .blog__slider .--item-block-header .--date {
    margin-right: 0.8rem;
    width: 8.6rem; }
  .blog__slider .--item-block-header .--status {
    align-items: center;
    display: flex;
    color: #777;
    justify-content: space-between;
    width: 14rem; }
    .blog__slider .--item-block-header .--status.--important {
      color: #F02F1D; }
    .blog__slider .--item-block-header .--status.--inv {
      color: #FF6B00; }
      .blog__slider .--item-block-header .--status.--inv::before, .blog__slider .--item-block-header .--status.--inv::after {
        background-color: #FF6B00; }
    .blog__slider .--item-block-header .--status.--maimate {
      color: #0F358E; }
    .blog__slider .--item-block-header .--status.--triauto {
      color: #FF187A; }
    .blog__slider .--item-block-header .--status::before, .blog__slider .--item-block-header .--status::after {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #777;
      content: "";
      height: 1.4rem;
      width: 1px; }
    .blog__slider .--item-block-header .--status.--important::before, .blog__slider .--item-block-header .--status.--important::after {
      background-color: #F02F1D; }
    .blog__slider .--item-block-header .--status.--maimate::before, .blog__slider .--item-block-header .--status.--maimate::after {
      background-color: #0F358E; }
    .blog__slider .--item-block-header .--status.--triauto::before, .blog__slider .--item-block-header .--status.--triauto::after {
      background-color: #FF187A; }
.blog__slider .--item-block-title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.6rem;
  margin-bottom: 1.2rem; }
  .blog__slider .--item-block-title.--important {
    color: #F02F1D; }
  .blog__slider .--item-block-title.--maimate {
    color: #0F358E; }
  .blog__slider .--item-block-title.--triauto {
    color: #FF187A; }
.blog__slider .--item-block-note {
  line-height: 2.6rem; }

.--security {
  overflow: hidden;
  padding-bottom: 0;
  padding-top: 9rem; }
  @media screen and (min-width: 940px) {
    .--security {
      padding-top: 9rem; } }
  .--security .section__contents--block {
    align-items: flex-start;
    height: auto;
    padding: 0;
    position: relative;
    width: 100%; }
    .--security .section__contents--block::before {
      display: none; }
      @media screen and (min-width: 940px) {
        .--security .section__contents--block::before {
          content: "";
          display: block;
          padding-top: 73%; } }
    .--security .section__contents--block::after {
      content: "";
      display: block;
      padding-top: calc(82rem); }
      @media screen and (min-width: 940px) {
        .--security .section__contents--block::after {
          display: none; } }
  .--security .--security-block.contents__ {
    padding: 0 2rem; }
    @media screen and (min-width: 940px) {
      .--security .--security-block.contents__ {
        margin-left: 17.5rem;
        padding: 0;
        width: 36rem; } }
    .--security .--security-block.contents__ .contents__body--note {
      min-height: 16rem; }
  .--security .--security-block.contents__visual {
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    text-align: center;
    width: 100%; }
    @media screen and (min-width: 940px) {
      .--security .--security-block.contents__visual {
        display: block;
        height: 73%;
        left: 0;
        top: 0; } }
    .--security .--security-block.contents__visual .--pc {
      display: none; }
      @media screen and (min-width: 940px) {
        .--security .--security-block.contents__visual .--pc {
          display: block; } }
    .--security .--security-block.contents__visual .--sp {
      margin-top: auto; }
      @media screen and (min-width: 940px) {
        .--security .--security-block.contents__visual .--sp {
          display: none; } }

.--company {
  height: 65rem;
  padding: 0;
  position: relative; }
  .--company::before {
    background-image: url("./img/company/company-02.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1; }
  .--company .section__contents--block {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    background-image: url("./img/company/company-01.svg");
    background-position: top -15.2rem center;
    background-size: 63.7rem 107.5rem;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 63.7rem; }
    @media screen and (min-width: 940px) {
      .--company .section__contents--block {
        align-items: center;
        background-position: top -21rem center;
        background-size: 78.5rem 132.4rem;
        margin: 0 auto;
        max-width: 78.5rem; } }
  .--company .contents__body {
    margin-top: 2.4rem; }
  @media screen and (min-width: 940px) {
    .--company .--company-block {
      width: 40rem; } }
  .--company .title__primary {
    color: #fff; }
  .--company .title__secondary {
    color: #fff; }
    .--company .title__secondary::before {
      background-color: #fff; }

.section__contents.--scp {
  padding: 9rem 0; }
  @media screen and (min-width: 940px) {
    .section__contents.--scp {
      padding-bottom: 13.6rem; } }
  .section__contents.--scp .section__contents--block {
    background-image: url("./img/scp/scp-01.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 33.5rem 16.3rem;
    padding-bottom: 15rem; }
    @media screen and (min-width: 940px) {
      .section__contents.--scp .section__contents--block {
        background-position: top 40% right;
        background-size: 52%;
        padding-bottom: 0; } }
  @media screen and (min-width: 940px) {
    .section__contents.--scp .--scp__block {
      width: 56.8%; } }
  .section__contents.--scp .btn {
    margin-top: 3.2rem; }

.--scp .title__primary span + span {
  margin-left: 0; }
.--scp .toggle__list--view {
  margin-bottom: 2rem; }
  .--scp .toggle__list--view .--list-item {
    align-items: center;
    display: flex;
    background-color: #F1F1F1;
    font-size: 1.4rem;
    height: 5rem; }
    .--scp .toggle__list--view .--list-item .--list-label {
      align-items: center;
      display: flex;
      background-color: #FF6B00;
      color: #fff;
      height: 100%;
      padding: 0 1.6rem;
      width: 10rem; }
      @media screen and (min-width: 940px) {
        .--scp .toggle__list--view .--list-item .--list-label {
          min-width: 22.4rem;
          width: 22.4rem; } }
    .--scp .toggle__list--view .--list-item .--list-value {
      align-items: center;
      display: flex;
      flex: 1;
      height: 100%;
      padding: 0 1rem; }
    .--scp .toggle__list--view .--list-item:not(:first-of-type) {
      margin-top: calc(0.8rem / 2); }
  .--scp .toggle__list--view.--is-active .--list-item:not(:first-of-type) {
    display: flex; }
  .--scp .toggle__list--view.--is-active + .--toggle-block .btn__text .btn__arrow.--toggle {
    background-image: url("./img/icon/btn-circle-arrow-up.svg"); }
  .--scp .toggle__list--view.--is-active + .--toggle-block .btn__text:hover .btn__arrow.--toggle {
    background-image: url("./img/icon/btn-circle-arrow-up-on.svg"); }
  .--scp .toggle__list--view + .--toggle-block .btn__text .btn__arrow.--toggle {
    background-image: url("./img/icon/btn-circle-arrow-down.svg");
    background-size: 1.4rem 2rem; }
  .--scp .toggle__list--view + .--toggle-block .btn__text:hover .btn__arrow.--toggle {
    background-image: url("./img/icon/btn-circle-arrow-down-on.svg"); }
.--scp .nest__tab--contents-block + .btn__block {
  margin-top: 5.6rem; }
.--scp .nest__tab--contents-block .--note-section {
  margin: 1.2rem auto 0;
  max-width: 70rem; }

.emphasis__block {
  background-color: #F1F1F1;
  border: 3px solid #FF6B00;
  flex-direction: column;
  padding: 3rem 2rem; }
  .emphasis__block.--align-center {
    align-items: center;
    display: flex;
    justify-content: center; }
  .emphasis__block .emphasis__block--title.--secondary {
    color: #FF6B00;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 2.2rem;
    margin-bottom: 1.2rem; }
  .emphasis__block .emphasis__block--title.--primary {
    color: #FF6B00;
    display: flex;
    flex-wrap: wrap;
    font-size: 3.6rem;
    font-weight: 700;
    justify-content: center;
    line-height: 4.9rem; }
    @media screen and (min-width: 940px) {
      .emphasis__block .emphasis__block--title.--primary {
        font-size: 4rem;
        line-height: 5.4rem; } }
    .emphasis__block .emphasis__block--title.--primary span {
      display: inline-flex;
      white-space: nowrap; }
      .emphasis__block .emphasis__block--title.--primary span + span {
        margin-left: 1.2rem; }
    .emphasis__block .emphasis__block--title.--primary .attention__note {
      color: #777;
      font-size: 1.4rem;
      font-weight: 400;
      line-height: 3.9rem; }
  .emphasis__block .emphasis__block--date {
    display: grid;
    grid-template-columns: 8.5rem 1fr;
    font-size: 1.4rem;
    font-weight: 700;
    height: 6rem;
    line-height: 2.2rem;
    margin-top: 1.8rem;
    max-width: 46rem;
    width: 100%; }
    @media screen and (min-width: 940px) {
      .emphasis__block .emphasis__block--date {
        height: 3.6rem;
        line-height: 3.6rem;
        max-width: 44rem; } }
    .emphasis__block .emphasis__block--date .emphasis__block--date-label {
      align-items: center;
      display: flex;
      background-color: #FF6B00;
      border-radius: 1rem 0 0 1rem;
      color: #fff;
      height: 100%;
      padding: 0 1.1rem 0 1.4rem; }
    .emphasis__block .emphasis__block--date .emphasis__block--date-value {
      align-items: center;
      background-color: #fff;
      border-radius: 0 1rem 1rem 0;
      color: #777;
      display: grid;
      grid-template-columns: repeat(auto-fill, 165px);
      height: 100%;
      padding: 0.8rem 1.2rem 0.8rem 1.8rem; }
      @media screen and (min-width: 940px) {
        .emphasis__block .emphasis__block--date .emphasis__block--date-value {
          padding: 0 .5rem 0 1.9rem; } }

.--pages.section__contents--block {
  padding-bottom: 14rem; }
  @media screen and (min-width: 940px) {
    .--pages.section__contents--block .pages__section--block-title {
      margin: 0 auto 1.6rem;
      max-width: 940px;
      width: 100%; }
      .--pages.section__contents--block .pages__section--block-title:empty {
        margin-bottom: 0; } }
.--pages .tab__horizontal .tab__horizontal--header {
  padding: 5.6rem 0 8rem; }
  .--pages .tab__horizontal .tab__horizontal--header .tab__horizontal--header-list {
    align-items: center;
    display: flex;
    flex-wrap: wrap; }
    .--pages .tab__horizontal .tab__horizontal--header .tab__horizontal--header-list .--list-item {
      color: #777;
      cursor: pointer;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 4.2rem; }
      .--pages .tab__horizontal .tab__horizontal--header .tab__horizontal--header-list .--list-item:not(:last-of-type) {
        margin-right: 3.7rem; }
      .--pages .tab__horizontal .tab__horizontal--header .tab__horizontal--header-list .--list-item.--is-active {
        color: #FF6B00; }
.--pages .tab__horizontal .tab__horizontal--body .tab__horizontal--body-title {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 4.6rem;
  text-align: center; }
  .--pages .tab__horizontal .tab__horizontal--body .tab__horizontal--body-title.--adjust {
    margin: -0.8rem; }
    @media screen and (min-width: 940px) {
      .--pages .tab__horizontal .tab__horizontal--body .tab__horizontal--body-title.--adjust {
        margin: 0 auto; } }
  .--pages .tab__horizontal .tab__horizontal--body .tab__horizontal--body-title::after {
    background-color: #FF6B00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.2rem auto 5.6rem;
    width: 4rem; }
.--pages .tab__horizontal .tab__horizontal--body + .btn__block {
  margin-top: 5.6rem; }

.contents__block {
  padding: 8rem 0 0; }
  @media screen and (min-width: 940px) {
    .contents__block {
      margin: 0 auto;
      max-width: 940px;
      width: 100%; } }
  .contents__block + .contents__block {
    padding-top: 12rem; }
    @media screen and (min-width: 940px) {
      .contents__block + .contents__block {
        padding-top: 9.8rem; } }

.contents__block--title {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 4.6rem;
  margin-bottom: 5.6rem;
  text-align: center; }
  .contents__block--title .--title-label {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media screen and (min-width: 940px) {
      .contents__block--title .--title-label br {
        display: none; } }
  .contents__block--title::after {
    background-color: #FF6B00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.2rem auto 0;
    width: 4rem; }
  body.--click365 .contents__block--title {
    color: #004DA0; }
    body.--click365 .contents__block--title::after {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: transparent;
      background-image: url("./img/click365/click-underline.svg");
      width: 8rem; }

.pages__section--block:not(:last-of-type) {
  margin-bottom: 6rem; }
.pages__section--block.--offset {
  display: none;
  margin-top: -12rem;
  padding-top: 12rem; }
  .pages__section--block.--offset.--is-show {
    display: block; }

.pages__section--block-title {
  display: flex;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2.8rem;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 940px) {
    .pages__section--block-title br {
      display: none; } }
  .pages__section--block-title::before {
    background-color: #FF6B00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.5rem 1rem 1.5rem 0;
    min-width: 0.9rem;
    width: 0.9rem; }
  body.--click365 .pages__section--block-title {
    align-items: center;
    color: #004DA0; }
    body.--click365 .pages__section--block-title::before {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: transparent;
      background-image: url("./img/click365/icon/icon-arrow-right.svg");
      height: 1rem;
      margin: 0 1rem 0 0;
      width: 1rem; }
  .pages__section--block-title + .pages__section--block-logo {
    margin-top: 2.8rem; }

.--note-primary {
  font-size: 1.4rem;
  line-height: 2.8rem; }
  .--note-primary + .--note-section {
    margin-top: 1.6rem; }
  .--note-primary + .--note-section-list {
    margin-top: 1.6rem; }

.--note-section {
  letter-spacing: 0.07rem; }
  .--note-section + .--note-section {
    margin-top: 1.6rem; }
  .--note-section + .--note {
    margin-top: 1rem; }
  .--note-section.--bordered {
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 1.2rem 1.6rem; }
  .--note-section .--title-primary + .--nest-note-block {
    margin-top: 1.2rem; }
  .--note-section .--note .link__orange {
    line-height: 2.8rem; }
  .--note-section .--note + .--note {
    margin-top: 2.4rem; }
  .--note-section .--note + .--note-list {
    margin-top: 0.8rem; }
  .--note-section .--note + .--nest-note-block {
    margin-top: 1.6rem; }
  .--note-section .table__note {
    margin-top: 1.6rem; }
  .--note-section .section__attention--note + .section__attention--note {
    margin-top: 0; }

.--note-list {
  font-size: 1.4rem;
  line-height: 2.8rem; }
  .--note-list.--brackets .--list-item {
    padding-left: 2.4rem;
    text-indent: -2.4rem; }
    .--note-list.--brackets .--list-item .--nest-note-list {
      margin-top: 0.8rem;
      padding-left: 2.4rem; }
      .--note-list.--brackets .--list-item .--nest-note-list.--dotted {
        list-style: disc; }
        .--note-list.--brackets .--list-item .--nest-note-list.--dotted li {
          text-indent: 0; }
    .--note-list.--brackets .--list-item .section__attention--note {
      text-indent: 0; }
  .--note-list.--bold {
    font-weight: 700; }
  .--note-list.--dotted {
    list-style: disc;
    margin-left: 2.4rem; }
    .--note-list.--dotted.--text-orange {
      color: #FF6B00; }
  @media screen and (min-width: 940px) {
    .--note-list.--link-list {
      display: grid;
      grid-template-columns: 1fr 1fr;
      grid-template-rows: auto; }
      .--note-list.--link-list .--link-top {
        grid-column: 1 / 2;
        grid-row: 1 / 2; }
      .--note-list.--link-list .--link-triauto {
        grid-column: 1 / 2;
        grid-row: 2 / 3; }
      .--note-list.--link-list .--link-maimate {
        grid-column: 1 / 2;
        grid-row: 3 / 4; }
      .--note-list.--link-list .--link-click365 {
        grid-column: 1 / 2;
        grid-row: 4 / 5; }
      .--note-list.--link-list .--link-news {
        grid-column: 1 / 2;
        grid-row: 5 / 6; }
      .--note-list.--link-list .--link-company {
        grid-column: 2 / 3;
        grid-row: 1 / 2; }
      .--note-list.--link-list .--link-navi {
        grid-column: 2 / 3;
        grid-row: 2 / 3; }
      .--note-list.--link-list .--link-triauto-blog {
        grid-column: 2 / 3;
        grid-row: 3 / 4; }
      .--note-list.--link-list .--link-maimate-blog {
        grid-column: 2 / 3;
        grid-row: 4 / 5; }
      .--note-list.--link-list .--link-open-account {
        grid-column: 2 / 3;
        grid-row: 5 / 6; } }
  .--note-list + .--note {
    margin-top: 0.8rem; }

.section__attention--note-list .section__attention--note + .section__attention--note {
  margin-top: 0; }

.section__attention--note {
  margin-top: 0.8rem; }
  .section__attention--note.--secondary {
    color: #777; }
  @media screen and (min-width: 940px) {
    .section__attention--note {
      font-size: 1.2rem;
      line-height: 2.2rem; } }
  .section__attention--note + .--note {
    margin-top: calc(0.8rem / 2); }
  .section__attention--note + .--nest-note-block {
    margin-top: 0.8rem; }

.--nest-note-block {
  padding: 0.8rem 1.6rem; }
  .--nest-note-block.--gray-lighten {
    background-color: #F1F1F1; }
  .--nest-note-block.--white {
    background-color: #fff; }
  .--nest-note-block + .--nest-note-block {
    margin-top: 1.2rem; }
  .--nest-note-block + .--note {
    margin-top: 1.6rem; }
  .--nest-note-block .--note + .--title-primary {
    margin-top: 0.8rem; }
  .--nest-note-block .--title-primary {
    font-weight: 700; }
    .--nest-note-block .--title-primary + .--note-list {
      margin-top: calc(0.8rem / 2); }
    .--nest-note-block .--title-primary + .--note--scroll-col {
      margin-top: 1.2rem; }

.--note--scroll-col {
  overflow-x: auto; }
  .--note--scroll-col .table__note {
    min-width: 90.6rem; }
  .--note--scroll-col img {
    min-width: 87.4rem; }
  .--note--scroll-col + .section__attention--note {
    margin-top: 1.2rem; }

.table__note .--note + .--note {
  margin-top: 0.8rem; }
.table__note .section__attention--note + .--note {
  margin-top: 1.6rem; }

.--news .btn__block {
  width: max-content; }

.section__filter--block {
  display: flex;
  flex-direction: column;
  margin: 5.6rem auto; }
  @media screen and (min-width: 940px) {
    .section__filter--block {
      flex-direction: row;
      height: 8rem; } }
  .section__filter--block .filter__dropdown {
    align-items: center;
    display: flex;
    justify-content: center;
    border-color: #ddd;
    border-style: solid;
    border-width: 1px 0 1px 0;
    cursor: pointer;
    height: 8rem;
    margin-bottom: 4rem;
    position: relative; }
    .section__filter--block .filter__dropdown::after {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-image: url("./img/icon/icon-down.svg");
      content: "";
      display: block;
      height: 1.1rem;
      pointer-events: none;
      position: absolute;
      right: 1.6rem;
      top: 50%;
      transform: translateY(-50%);
      width: 2.1rem; }
    .section__filter--block .filter__dropdown select {
      align-items: center;
      display: flex;
      cursor: pointer;
      height: 100%;
      padding: 0 2rem;
      width: 100%; }
    @media screen and (min-width: 940px) {
      .section__filter--block .filter__dropdown {
        width: 16rem; } }
  .section__filter--block .filter__detail--list {
    display: grid;
    gap: 2.4rem;
    grid-template-columns: repeat(3, 1fr);
    width: 100%; }
    @media screen and (min-width: 940px) {
      .section__filter--block .filter__detail--list {
        gap: 0.8rem;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: 3.5rem 3.5rem;
        justify-content: space-between;
        padding: 0 5.6rem; } }
    .section__filter--block .filter__detail--list .--list-item {
      align-items: center;
      display: flex;
      justify-content: center;
      color: #777;
      cursor: pointer;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 2.2rem;
      transition: color 0.2s ease-in-out; }
      .section__filter--block .filter__detail--list .--list-item.--is-active {
        color: #FF6B00; }
      .section__filter--block .filter__detail--list .--list-item:hover {
        color: #FF6B00; }

.--diagnose .btn__block {
  margin: 8rem auto 12rem; }

.diagnose__block {
  padding: 0 2rem; }
  @media screen and (min-width: 940px) {
    .diagnose__block {
      padding: 0; } }
  .diagnose__block .diagnose__block--list {
    padding-top: 10rem; }
    @media screen and (min-width: 940px) {
      .diagnose__block .diagnose__block--list {
        padding-top: 11.8rem;
        margin: 0 auto;
        max-width: 94rem; } }
    .diagnose__block .diagnose__block--list .--list-item {
      position: relative; }
      .diagnose__block .diagnose__block--list .--list-item .--list-item-number {
        left: 2rem;
        position: absolute;
        top: -4.2rem;
        z-index: 1; }
      .diagnose__block .diagnose__block--list .--list-item .--list-item-img {
        position: absolute; }
        .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q1 {
          right: 1.6rem;
          top: -7.7rem; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q1 {
              left: 28.7rem;
              right: unset; } }
        .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q2-01 {
          right: -1rem;
          top: -8rem; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q2-01 {
              left: unset;
              right: -7rem;
              top: -5rem; } }
        .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q2-02 {
          display: none; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q2-02 {
              bottom: -6rem;
              display: block;
              left: -3rem;
              right: unset;
              top: unset; } }
        .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q3 {
          right: -1rem;
          top: -8rem; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q3 {
              bottom: -8rem;
              left: 61.2rem;
              right: unset;
              top: unset; } }
        .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q4 {
          right: -1rem;
          top: -8rem; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q4 {
              bottom: -6.5rem;
              left: unset;
              right: -2rem;
              top: unset; } }
        .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q5 {
          right: -1.5rem;
          top: -8rem; }
          .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q5 img {
            width: 15rem; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .--list-item-img.--q5 {
              bottom: -11rem;
              left: -2.5rem;
              right: unset;
              top: unset; } }
      .diagnose__block .diagnose__block--list .--list-item.--symbols {
        align-items: center;
        display: flex;
        justify-content: center;
        height: 11.8rem; }
      .diagnose__block .diagnose__block--list .--list-item .q__contents {
        display: flex;
        flex-direction: column;
        background-color: #fff;
        padding: 6.4rem 3.2rem 4.8rem;
        position: relative; }
        @media screen and (min-width: 940px) {
          .diagnose__block .diagnose__block--list .--list-item .q__contents {
            align-items: center;
            flex-direction: row;
            height: 19rem;
            padding: 4.8rem 2.4rem 4.8rem 7.2rem; } }
        .diagnose__block .diagnose__block--list .--list-item .q__contents .q__contents--header {
          color: #FF6B00;
          font-size: 2.4rem;
          font-weight: bold;
          line-height: 3.2rem;
          margin-bottom: 3.2rem; }
          @media screen and (min-width: 940px) {
            .diagnose__block .diagnose__block--list .--list-item .q__contents .q__contents--header {
              flex: 1;
              margin-bottom: 0;
              padding-right: 8rem;
              max-width: 38.2rem; } }
        @media screen and (min-width: 940px) {
          .diagnose__block .diagnose__block--list .--list-item .q__contents .q__contents--body {
            flex: 1; } }
        .diagnose__block .diagnose__block--list .--list-item .q__contents .q__contents--body .q__contents--list-item + .q__contents--list-item {
          margin-top: 4rem; }

.--diagnose-result .mv__contents {
  padding: 1.6rem;
  position: relative; }
  .--diagnose-result .mv__contents::before, .--diagnose-result .mv__contents::after {
    content: ""; }
  .--diagnose-result .mv__contents::before {
    background-color: #fff;
    height: calc(100% - 1.6rem * 2);
    left: 1.6rem;
    position: absolute;
    top: 1.6rem;
    width: calc(100% - 1.6rem * 2);
    z-index: -1; }
  .--diagnose-result .mv__contents::after {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("./img/dot-offset-sp.png");
    background-repeat: repeat;
    background-size: 100%;
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0; }
    @media screen and (min-width: 940px) {
      .--diagnose-result .mv__contents::after {
        background-image: url("./img/dot-offset.png");
        background-size: auto; } }
  @media screen and (min-width: 940px) {
    .--diagnose-result .mv__contents {
      height: 45.8rem; } }
  .--diagnose-result .mv__contents .mv__contents--block {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 94rem;
    width: 100%; }
    @media screen and (min-width: 940px) {
      .--diagnose-result .mv__contents .mv__contents--block {
        flex-direction: row;
        justify-content: flex-start; } }
    .--diagnose-result .mv__contents .mv__contents--block .mv__contents--block-header {
      height: 23.8rem;
      z-index: 1; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .mv__contents .mv__contents--block .mv__contents--block-header {
          height: auto;
          width: 33.2rem; } }
    .--diagnose-result .mv__contents .mv__contents--block .mv__contents--block-body {
      align-items: center;
      display: flex;
      justify-content: center;
      flex-direction: column; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .mv__contents .mv__contents--block .mv__contents--block-body {
          align-items: flex-start;
          flex: 1; } }
    .--diagnose-result .mv__contents .mv__contents--block .--body-title {
      align-items: center;
      display: flex;
      height: 2.6rem;
      margin-bottom: 0.8rem; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .mv__contents .mv__contents--block .--body-title {
          font-size: 3rem;
          line-height: 4rem;
          height: 4rem; } }
      .--diagnose-result .mv__contents .mv__contents--block .--body-title::before, .--diagnose-result .mv__contents .mv__contents--block .--body-title::after {
        background-color: #333;
        content: "";
        display: block;
        height: 100%;
        width: 1px; }
      .--diagnose-result .mv__contents .mv__contents--block .--body-title span {
        font-size: 2rem;
        font-weight: 700;
        line-height: 2.7rem;
        padding: 0 1.6rem;
        white-space: nowrap; }
        @media screen and (min-width: 940px) {
          .--diagnose-result .mv__contents .mv__contents--block .--body-title span {
            font-size: 3rem;
            line-height: 4rem; } }
    .--diagnose-result .mv__contents .mv__contents--block .--label-block {
      font-weight: 700;
      text-align: center; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .mv__contents .mv__contents--block .--label-block {
          text-align: left; } }
      .--diagnose-result .mv__contents .mv__contents--block .--label-block .--label-primary {
        font-size: 4rem;
        line-height: 5.4rem; }
        @media screen and (min-width: 940px) {
          .--diagnose-result .mv__contents .mv__contents--block .--label-block .--label-primary {
            font-size: 6.4rem;
            line-height: 8.7rem;
            margin-bottom: calc(0.8rem / 2); } }
      .--diagnose-result .mv__contents .mv__contents--block .--label-block .--label-secondary {
        font-size: 1.4rem;
        line-height: 1.6rem; }
        @media screen and (min-width: 940px) {
          .--diagnose-result .mv__contents .mv__contents--block .--label-block .--label-secondary {
            font-size: 2rem;
            line-height: 2.3rem;
            padding-left: 1.8rem; } }
    .--diagnose-result .mv__contents .mv__contents--block .--note-block {
      font-size: 1.4rem;
      line-height: 2.8rem;
      padding: 2rem; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .mv__contents .mv__contents--block .--note-block {
          padding-left: 1.8rem; } }
.--diagnose-result .diagnose__block {
  padding: 4rem 1rem 0;
  position: relative; }
  @media screen and (min-width: 940px) {
    .--diagnose-result .diagnose__block {
      padding: 8rem 2.3rem 12rem; } }
  .--diagnose-result .diagnose__block::before {
    content: "";
    display: block;
    height: 16rem;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1; }
    @media screen and (min-width: 940px) {
      .--diagnose-result .diagnose__block::before {
        height: 50%; } }
  .--diagnose-result .diagnose__block::after {
    bottom: 0;
    content: "";
    display: block;
    height: calc(100% - 16rem);
    left: 0;
    position: absolute;
    width: 100%;
    z-index: -1; }
    @media screen and (min-width: 940px) {
      .--diagnose-result .diagnose__block::after {
        height: 50rem; } }
  @media screen and (min-width: 940px) {
    .--diagnose-result .diagnose__block {
      height: 97.6rem; } }
  .--diagnose-result .diagnose__block .--visual-block {
    margin: 0 auto 3.6rem;
    min-height: 19.4rem;
    width: calc(100% - 20px); }
    @media screen and (min-width: 940px) {
      .--diagnose-result .diagnose__block .--visual-block {
        margin-bottom: 7.2rem;
        max-width: 94rem;
        width: 100%; } }
    .--diagnose-result .diagnose__block .--visual-block.--mm iframe {
      aspect-ratio: 7 / 5; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .diagnose__block .--visual-block.--mm iframe {
          aspect-ratio: 8 / 5; } }
    .--diagnose-result .diagnose__block .--visual-block iframe {
      aspect-ratio: 16 / 9;
      border: 5px solid #333;
      height: 100%;
      min-height: 19.4rem;
      width: 100%; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .diagnose__block .--visual-block iframe {
          border-width: 10px; } }
  .--diagnose-result .diagnose__block .--visual-block-title {
    color: #fff;
    font-size: 2rem;
    line-height: 2.7rem;
    text-align: center; }
    @media screen and (min-width: 940px) {
      .--diagnose-result .diagnose__block .--visual-block-title {
        font-size: 3rem;
        line-height: 4rem; } }
  .--diagnose-result .diagnose__block .btn__block {
    margin: 3.5rem auto 12rem; }
    @media screen and (min-width: 940px) {
      .--diagnose-result .diagnose__block .btn__block {
        margin-top: 4.5rem; } }
    .--diagnose-result .diagnose__block .btn__block .btn {
      font-size: 2.4rem;
      height: 7rem; }
      @media screen and (min-width: 940px) {
        .--diagnose-result .diagnose__block .btn__block .btn {
          height: 9rem; } }
.--diagnose-result.--result-triauto .mv__contents--block-header {
  padding-top: 1.1rem; }
  .--diagnose-result.--result-triauto .mv__contents--block-header img {
    height: 22.7rem;
    width: 17.5rem; }
    @media screen and (min-width: 940px) {
      .--diagnose-result.--result-triauto .mv__contents--block-header img {
        height: 43.1rem;
        width: 33.2rem; } }
.--diagnose-result.--result-triauto .--label-block {
  color: #FF187A;
  font-weight: 700; }
  @media screen and (min-width: 940px) {
    .--diagnose-result.--result-triauto .--label-block {
      font-size: 3rem;
      line-height: 4rem; } }
.--diagnose-result.--result-triauto .diagnose__block::before {
  background: linear-gradient(180deg, #FF187A 0%, #FF6A33 40%); }
  @media screen and (min-width: 940px) {
    .--diagnose-result.--result-triauto .diagnose__block::before {
      background: linear-gradient(180deg, #FF187A 0%, #FF6A33 100%); } }
.--diagnose-result.--result-triauto .diagnose__block::after {
  background-color: #E1005D; }
.--diagnose-result.--result-maimate .mv__contents--block {
  position: relative; }
.--diagnose-result.--result-maimate .mv__contents--block .mv__contents--block-header {
  height: auto;
  padding-left: 1.2rem;
  position: absolute;
  top: 1.4rem; }
  @media screen and (min-width: 940px) {
    .--diagnose-result.--result-maimate .mv__contents--block .mv__contents--block-header {
      bottom: -5.7rem;
      left: -24rem;
      padding-left: 0;
      top: unset;
      width: auto; } }
  .--diagnose-result.--result-maimate .mv__contents--block .mv__contents--block-header img {
    height: 24.3rem;
    min-width: 42.5rem; }
    @media screen and (min-width: 940px) {
      .--diagnose-result.--result-maimate .mv__contents--block .mv__contents--block-header img {
        height: 43.7rem;
        width: 76.5rem; } }
.--diagnose-result.--result-maimate .mv__contents--block .mv__contents--block-body {
  padding-top: 23.8rem; }
  @media screen and (min-width: 940px) {
    .--diagnose-result.--result-maimate .mv__contents--block .mv__contents--block-body {
      padding-left: 29rem;
      padding-top: 0; } }
.--diagnose-result.--result-maimate .--label-block {
  color: #003398;
  font-weight: 700; }
  @media screen and (min-width: 940px) {
    .--diagnose-result.--result-maimate .--label-block {
      font-size: 3rem;
      line-height: 4rem; } }
.--diagnose-result.--result-maimate .diagnose__block::before {
  background: linear-gradient(180deg, #0F358E 0%, #00C4DF 40%); }
  @media screen and (min-width: 940px) {
    .--diagnose-result.--result-maimate .diagnose__block::before {
      background: linear-gradient(180deg, #0F358E 0%, #00C4DF 100%); } }
.--diagnose-result.--result-maimate .diagnose__block::after {
  background-color: #003398; }

.video {
  padding-top: 56.25%;
  position: relative;
  width: 100%; }
  .video iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }

.slick-dotted.--slider.--fluid {
  left: -2rem;
  position: relative;
  width: calc(100% + 2rem * 2); }
  @media screen and (min-width: 940px) {
    .slick-dotted.--slider.--fluid {
      left: unset;
      padding: 0 2rem;
      width: 100%; } }
.slick-dotted.--slider .slider__item {
  padding: 0 1.2rem; }
  @media screen and (min-width: 940px) {
    .slick-dotted.--slider .slider__item {
      padding: 0 .9rem; } }

.btn__list--block {
  padding: 2rem 2rem 3.6rem; }
  .btn__list--block.--gray-lighten {
    background-color: #F1F1F1; }
  .btn__list--block.--rounded {
    border-radius: 1rem; }
  .btn__list--block .btn__list {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 3rem; }
    @media screen and (min-width: 940px) {
      .btn__list--block .btn__list {
        display: grid;
        gap: 1.8rem;
        grid-template-columns: repeat(auto-fit, 28.8rem); } }
  .btn__list--block .btn__list--item {
    margin-bottom: 0.8rem;
    margin-right: calc(0.8rem / 2);
    min-width: 14.1rem;
    width: 14.1rem; }
    .btn__list--block .btn__list--item:not(:first-of-type) {
      margin-left: calc(0.8rem / 2); }
    @media screen and (min-width: 940px) {
      .btn__list--block .btn__list--item {
        margin: 0;
        width: 28.8rem; } }
    .btn__list--block .btn__list--item .btn__logo {
      align-items: center;
      display: flex;
      justify-content: center;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      background-color: #fff;
      border-radius: .5rem;
      height: 3.8rem;
      width: 100%; }
      @media screen and (min-width: 940px) {
        .btn__list--block .btn__list--item .btn__logo {
          border-radius: 1rem;
          height: 7.6rem; } }
      .btn__list--block .btn__list--item .btn__logo.--triauto-fx {
        background-image: url("./img/logo/logo-triauto-fx.svg");
        background-size: 10.8rem 15.3rem; }
        @media screen and (min-width: 940px) {
          .btn__list--block .btn__list--item .btn__logo.--triauto-fx {
            background-size: 21.8rem 30.8rem; } }
      .btn__list--block .btn__list--item .btn__logo.--triauto-etf {
        background-image: url("./img/logo/logo-triauto-etf.svg");
        background-size: 12rem 15.6rem; }
        @media screen and (min-width: 940px) {
          .btn__list--block .btn__list--item .btn__logo.--triauto-etf {
            background-size: 24.1rem 31.4rem; } }
      .btn__list--block .btn__list--item .btn__logo.--maimate {
        background-color: #111;
        background-image: url("./img/logo/logo-maimate.svg");
        background-size: 8.5rem 15.5rem; }
        @media screen and (min-width: 940px) {
          .btn__list--block .btn__list--item .btn__logo.--maimate {
            background-size: 17rem 31rem; } }
      .btn__list--block .btn__list--item .btn__logo.--click365 {
        background-image: url("./img/logo/logo-click365.svg");
        background-size: 8.5rem 15.5rem; }
        @media screen and (min-width: 940px) {
          .btn__list--block .btn__list--item .btn__logo.--click365 {
            background-size: 20.2rem 4.1rem; } }
  .btn__list--block .btn {
    height: 11rem;
    margin: 0 auto; }
    .btn__list--block .btn.--rounded {
      border-radius: 5.5rem; }
    .btn__list--block .btn.--multi-row {
      flex-direction: column; }
    @media screen and (min-width: 940px) {
      .btn__list--block .btn {
        width: 50rem; } }
    .btn__list--block .btn .btn__label--secondary {
      font-size: 1.2rem;
      line-height: 1.6rem;
      font-weight: 700; }
      @media screen and (min-width: 940px) {
        .btn__list--block .btn .btn__label--secondary {
          font-size: 1.4rem;
          line-height: 2.2rem; }
          .btn__list--block .btn .btn__label--secondary br {
            display: none; } }
    .btn__list--block .btn .btn__label--primary {
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 3.3rem; }
      @media screen and (min-width: 940px) {
        .btn__list--block .btn .btn__label--primary {
          font-size: 3rem;
          line-height: 4.1rem; } }
      .btn__list--block .btn .btn__label--primary + .btn__label--secondary {
        margin-top: .6rem; }
    .btn__list--block .btn .--align-center {
      text-align: center; }

.section__tab--block .section__tab--block-header {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 6rem; }
  .section__tab--block .section__tab--block-header .section__tab--btn-list {
    align-items: center;
    display: flex;
    height: 7rem;
    max-width: 33.8rem;
    width: 100%; }
    .section__tab--block .section__tab--block-header .section__tab--btn-list .section__tab__btn {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #F1F1F1;
      color: rgba(119, 119, 119, 0.5);
      flex: 1;
      font-size: 1.4rem;
      height: 100%; }
      .section__tab--block .section__tab--block-header .section__tab--btn-list .section__tab__btn:first-of-type {
        border-radius: 2rem 0 0 2rem; }
      .section__tab--block .section__tab--block-header .section__tab--btn-list .section__tab__btn:last-of-type {
        border-radius: 0 2rem 2rem 0; }
      @media screen and (min-width: 940px) {
        .section__tab--block .section__tab--block-header .section__tab--btn-list .section__tab__btn {
          width: 17rem; } }
      .section__tab--block .section__tab--block-header .section__tab--btn-list .section__tab__btn.--is-active {
        background-color: #FF6B00;
        color: #fff; }
.section__tab--block .nest__tab--contents .nest__tab--contents-block + .nest__tab--contents-block {
  margin-top: 10rem; }
  @media screen and (min-width: 940px) {
    .section__tab--block .nest__tab--contents .nest__tab--contents-block + .nest__tab--contents-block {
      margin-top: 12rem; } }
.section__tab--block .nest__tab--contents .nest__tab--contents-title {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 4.6rem;
  margin-bottom: 5.6rem;
  text-align: center; }
  .section__tab--block .nest__tab--contents .nest__tab--contents-title .--title-label {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
  .section__tab--block .nest__tab--contents .nest__tab--contents-title::after {
    background-color: #FF6B00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.2rem auto 0;
    width: 4rem; }
.section__tab--block .nest__tab--contents .nest__section--block + .nest__section--block {
  margin-top: 5.6rem; }
.section__tab--block .nest__tab--contents .nest__section--block .nest__section--block-title {
  display: flex;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 2.8rem;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 940px) {
    .section__tab--block .nest__tab--contents .nest__section--block .nest__section--block-title br {
      display: none; } }
  .section__tab--block .nest__tab--contents .nest__section--block .nest__section--block-title::before {
    background-color: #FF6B00;
    content: "";
    display: block;
    height: 2px;
    margin: 1.5rem 1rem 1.5rem 0;
    min-width: .9rem;
    width: .9rem; }

.--open-account .section__contents--block {
  padding-top: 3rem; }
  @media screen and (min-width: 940px) {
    .--open-account .section__contents--block {
      padding-top: 4rem; } }
.--open-account .news__view {
  margin-top: 0; }
  @media screen and (min-width: 940px) {
    .--open-account .news__view {
      margin-top: 2.4rem; } }

.tab__btn--list.--horizontal {
  align-items: center;
  display: flex; }
.tab__btn--list.--multi-row {
  flex-wrap: wrap; }
.tab__btn--list .tab__btn {
  color: #777;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 4.2rem; }
  .tab__btn--list .tab__btn:not(:last-of-type) {
    margin-right: 4rem; }
  .tab__btn--list .tab__btn.--is-active {
    color: #FF6B00; }

@media screen and (min-width: 940px) {
  .--contact .control__block {
    height: auto; } }

.--policy .filter_block {
  margin-bottom: 9rem; }

.--note-section-list {
  display: grid;
  gap: 1rem; }
  .--note-section-list .--note-section + .--note-section {
    margin-top: 0; }
  @media screen and (min-width: 940px) {
    .--note-section-list {
      grid-template-columns: repeat(2, 1fr); }
      .--note-section-list .--note-section {
        height: 100%; } }

.table__specified-investor tbody th.column-title-cell {
  min-width: 12.3rem; }
.table__specified-investor tbody th.column-title-cell-secondary {
  width: 19.7rem;
  min-width: 19.7rem; }
.table__specified-investor tbody td {
  line-height: 2.2rem;
  min-width: 57rem;
  width: 57rem; }

.--maintenance .table__maintenance {
  min-width: 87.7rem; }
  .--maintenance .table__maintenance thead th {
    height: 6rem; }
  .--maintenance .table__maintenance th,
  .--maintenance .table__maintenance td {
    padding: 1.6rem; }
    .--maintenance .table__maintenance th.column-title-cell,
    .--maintenance .table__maintenance td.column-title-cell {
      width: 15.7rem; }
    .--maintenance .table__maintenance th.time-cell-01,
    .--maintenance .table__maintenance td.time-cell-01 {
      width: 20rem; }
    .--maintenance .table__maintenance th.time-cell-02,
    .--maintenance .table__maintenance td.time-cell-02 {
      width: 30rem; }
    @media screen and (min-width: 940px) {
      .--maintenance .table__maintenance th.column-title-cell, .--maintenance .table__maintenance th.time-cell-01, .--maintenance .table__maintenance th.time-cell-02,
      .--maintenance .table__maintenance td.column-title-cell,
      .--maintenance .table__maintenance td.time-cell-01,
      .--maintenance .table__maintenance td.time-cell-02 {
        width: calc(100% / 3); } }
    .--maintenance .table__maintenance th.--bold,
    .--maintenance .table__maintenance td.--bold {
      font-weight: bold; }
    .--maintenance .table__maintenance th.empty-cell,
    .--maintenance .table__maintenance td.empty-cell {
      text-align: center; }
    .--maintenance .table__maintenance th .text__attention--note,
    .--maintenance .table__maintenance td .text__attention--note {
      line-height: 1.8rem;
      margin-top: 0.8rem; }

.contents__block--note {
  font-size: 1.4rem;
  line-height: 2.8rem; }
  .contents__block--note .--notice {
    color: #FF6B00;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 2.4rem; }
  .contents__block--note + .--note--scroll-col {
    margin-top: 4.8rem; }
  .contents__block--note + .pages__section--block {
    margin-top: 4.8rem; }
  .contents__block--note.--pc-center br {
    display: none; }
  @media screen and (min-width: 940px) {
    .contents__block--note.--pc-center {
      text-align: center; }
      .contents__block--note.--pc-center br {
        display: block; } }

.text__attention--note {
  font-size: 1.2rem;
  line-height: 2.2rem; }
  .text__attention--note.--secondary {
    color: #777; }

.--company-page .map__block {
  height: 16.4rem; }
  @media screen and (min-width: 940px) {
    .--company-page .map__block {
      height: 46rem; } }
  .--company-page .map__block + .description__note--block {
    margin-top: 1.2rem; }

.description__section--block {
  padding: 4rem 2rem; }
  @media screen and (min-width: 940px) {
    .description__section--block:not(.--align-center) {
      padding: 4rem; } }
  .description__section--block.--gray-lighten {
    background-color: #F1F1F1; }
  .description__section--block.--align-center {
    text-align: center; }
  .description__section--block .paragraph__block-title-primary {
    color: #FF6B00;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 4rem; }
    @media screen and (min-width: 940px) {
      .description__section--block .paragraph__block-title-primary {
        font-size: 3rem;
        line-height: 4.4rem; } }
    .description__section--block .paragraph__block-title-primary.--align-center {
      text-align: center; }
    .description__section--block .paragraph__block-title-primary br {
      display: none; }
      @media screen and (min-width: 940px) {
        .description__section--block .paragraph__block-title-primary br {
          display: block; } }
  .description__section--block .paragraph__block-title-secondary {
    color: #FF6B00;
    font-size: 2rem;
    font-weight: 700;
    line-height: 4.4rem; }
    .description__section--block .paragraph__block-title-secondary + .description__note--block {
      margin-top: 0.6rem; }
  .description__section--block .paragraph__block-title-sub {
    color: #777;
    font-family: "Raleway", sans-serif;
    line-height: 1.64rem; }
    .description__section--block .paragraph__block-title-sub + .--title-primary {
      margin-top: 0.8rem; }
  .description__section--block + .description__note--block {
    margin-top: 1.6rem; }

.description__img--block.--w-full {
  margin-top: 5.6rem;
  text-align: center; }
.description__img--block img {
  display: block; }
@media screen and (min-width: 940px) {
  .description__img--block .--sp {
    display: none; } }
.description__img--block .--pc {
  display: none; }
  @media screen and (min-width: 940px) {
    .description__img--block .--pc {
      display: block; } }
.description__img--block + .description__note--block {
  margin-top: 2rem; }

.description__header--list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(15.6rem, 1fr)); }

.paragraph__block + .paragraph__block {
  margin-top: 5rem; }

@media screen and (min-width: 940px) {
  .magazine__view {
    display: flex; } }
@media screen and (min-width: 940px) {
  .magazine__view.--reverse .magazine__view--item .--note-primary {
    padding-left: 2rem;
    padding-right: 0; } }
@media screen and (min-width: 940px) {
  .magazine__view.--reverse {
    flex-direction: row-reverse; } }
.magazine__view .magazine__view--item img {
  width: 100%; }
@media screen and (min-width: 940px) {
  .magazine__view .magazine__view--item {
    flex: 1; }
    .magazine__view .magazine__view--item .--note-primary {
      padding-right: 2rem; } }
.magazine__view .magazine__view--item + .magazine__view--item {
  margin-top: 2rem; }
  @media screen and (min-width: 940px) {
    .magazine__view .magazine__view--item + .magazine__view--item {
      margin-top: 0; } }

.pages__section--block-logo-inc {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("./img/logo-inc.svg");
  height: 7.1rem;
  width: 32rem; }
  .pages__section--block-logo-inc + .table__vertical {
    margin-top: 3rem; }
    @media screen and (min-width: 940px) {
      .pages__section--block-logo-inc + .table__vertical {
        margin-top: 2.8rem; } }

.pages__section--block-logo-sec {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url("./img/logo-sec-light.svg");
  height: 6.9rem;
  width: 31.7rem; }

.introduction__list {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: max-content max-content 17.2rem 17.2rem 17.2rem;
  grid-template-areas: "areaA areaA" "areaB areaB" "areaC areaD" "areaE areaF" "areaG areaH"; }
  @media screen and (min-width: 940px) {
    .introduction__list {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: max-content max-content 17.2rem;
      grid-template-areas: "areaA areaA areaA areaA areaA" "areaB areaB areaB areaB areaB" "areaC areaD areaE areaF areaG"; } }
  .introduction__list .--item-a {
    grid-area: areaA; }
  .introduction__list .--item-b {
    grid-area: areaB; }
  .introduction__list .--item-c {
    grid-area: areaC; }
  .introduction__list .--item-d {
    grid-area: areaD; }
  .introduction__list .--item-e {
    grid-area: areaE; }
  .introduction__list .--item-f {
    grid-area: areaF; }
  .introduction__list .--item-g {
    grid-area: areaG; }
  .introduction__list .introduction__list--item {
    background-color: #F1F1F1; }
    .introduction__list .introduction__list--item .--title-secondary {
      color: #777;
      font-size: 1.4rem;
      font-weight: 700;
      line-height: 1.6rem;
      margin-bottom: 1.1rem; }
    .introduction__list .introduction__list--item .--title-primary {
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 2.4rem;
      margin-bottom: 1.3rem; }
    .introduction__list .introduction__list--item .introduction__list--item-primary {
      display: flex;
      flex-direction: column; }
      @media screen and (min-width: 940px) {
        .introduction__list .introduction__list--item .introduction__list--item-primary {
          flex-direction: row; } }
      .introduction__list .introduction__list--item .introduction__list--item-primary .--note-block {
        padding: 2rem; }
        @media screen and (min-width: 940px) {
          .introduction__list .introduction__list--item .introduction__list--item-primary .--note-block {
            padding: 5rem; } }
    .introduction__list .introduction__list--item .introduction__list--item-secondary {
      height: 100%;
      padding: 1.2rem;
      width: 100%; }
      .introduction__list .introduction__list--item .introduction__list--item-secondary .--note-block {
        align-items: center;
        display: flex;
        justify-content: center;
        flex-direction: column;
        height: 100%;
        text-align: center;
        width: 100%; }

.history__listview {
  margin-top: 6.8rem; }
  .history__listview .history__listview--item {
    display: grid;
    grid-template-columns: 7.2rem 4rem 1fr;
    margin-bottom: 4rem;
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 940px) {
      .history__listview .history__listview--item {
        grid-template-columns: 8.7rem 10.3rem 1fr; } }
    .history__listview .history__listview--item:first-of-type .--item-symbol::before {
      height: calc(100% + 5.6rem);
      top: 50%; }
    .history__listview .history__listview--item:last-of-type::before {
      background-image: url("./img/icon/icon-arrow-top.svg");
      background-repeat: no-repeat;
      background-size: 3rem 3.2rem;
      background-position: bottom;
      bottom: -7.2rem;
      content: "";
      display: block;
      height: 3.2rem;
      left: 6.9rem;
      position: absolute;
      width: 3rem; }
      @media screen and (min-width: 940px) {
        .history__listview .history__listview--item:last-of-type::before {
          left: 8.7rem; } }
    .history__listview .history__listview--item .--item-year {
      align-items: center;
      display: flex;
      color: #777;
      font-family: "Raleway", sans-serif;
      font-size: 2.4rem;
      font-weight: 700;
      line-height: 3rem; }
    .history__listview .history__listview--item .--item-symbol {
      align-items: center;
      display: flex;
      background-image: url("./img/icon/icon-circle-orange-sp.svg");
      background-position: center left;
      background-repeat: no-repeat;
      background-size: 2.4rem 2.4rem;
      height: 100%;
      position: relative;
      width: 4rem; }
      @media screen and (min-width: 940px) {
        .history__listview .history__listview--item .--item-symbol {
          background-image: url("./img/icon/icon-circle-orange-pc.svg");
          background-size: 3rem 3rem;
          height: 100%;
          margin-right: 7.3rem;
          width: 3rem; } }
      .history__listview .history__listview--item .--item-symbol::before {
        background-color: #FF6B00;
        content: "";
        height: calc(100% + 4rem);
        left: calc(2.4rem / 2);
        position: absolute;
        top: 6px;
        transform: translateX(-50%);
        width: 2px;
        z-index: -1; }
        @media screen and (min-width: 940px) {
          .history__listview .history__listview--item .--item-symbol::before {
            left: calc(3rem / 2);
            top: 6px; } }
      .history__listview .history__listview--item .--item-symbol::after {
        border-top: 2px dashed #FF6B00;
        content: "";
        left: 2.4rem;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1.6rem; }
        @media screen and (min-width: 940px) {
          .history__listview .history__listview--item .--item-symbol::after {
            left: 3rem;
            width: 7.3rem; } }
    .history__listview .history__listview--item .--item-note {
      background-color: #F1F1F1;
      border-left: 8px solid #FF6B00;
      border-radius: 0.6rem;
      flex: 1;
      padding: 1.6rem 2.4rem; }
      .history__listview .history__listview--item .--item-note .--logo {
        height: 4.46rem;
        margin-top: 1.6rem; }
        @media screen and (min-width: 940px) {
          .history__listview .history__listview--item .--item-note .--logo {
            height: 5rem; } }
      .history__listview .history__listview--item .--item-note .--text-red {
        color: #f00; }

.--occupation .section__attention--note {
  margin-top: 0; }
  .--occupation .section__attention--note + .--note {
    margin-top: calc(0.8rem / 2); }
.--occupation .--note {
  line-height: 2.8rem; }
.--occupation .btn__block {
  margin-bottom: 12rem;
  margin-top: 6rem; }

.staff__introduction--list {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 33.5rem 33.5rem 15.8rem 15.8rem 33.5rem  33.5rem  33.5rem;
  grid-template-areas: "areaA areaA" "areaB areaB" "areaC areaD" "areaE areaF" "areaG areaG" "areaH areaH" "areaI areaI"; }
  @media screen and (min-width: 940px) {
    .staff__introduction--list {
      grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
      grid-template-rows: 46rem 22rem 30rem;
      grid-template-areas: "areaA areaA areaA areaA areaA areaA areaB areaB areaB areaB areaB areaB" "areaC areaC areaC areaD areaD areaD areaE areaE areaE areaF areaF areaF" "areaG areaG areaG areaG areaH areaH areaH areaH areaI areaI areaI areaI"; } }
  .staff__introduction--list .--list--item {
    align-items: center;
    background-color: #F1F1F1;
    background-position: bottom center;
    background-repeat: no-repeat;
    border-radius: 2rem;
    display: flex;
    flex-direction: column; }
    @media screen and (min-width: 940px) {
      .staff__introduction--list .--list--item {
        border-radius: 3rem; } }
    .staff__introduction--list .--list--item .--list-item-title {
      color: #777;
      font-weight: 700; }
    .staff__introduction--list .--list--item .--list-item-value {
      align-items: flex-end;
      display: flex;
      color: #FF6B00;
      font-weight: 700; }
      .staff__introduction--list .--list--item .--list-item-value .--value {
        font-family: "Raleway", sans-serif;
        line-height: 1; }
      .staff__introduction--list .--list--item .--list-item-value .--unit {
        align-items: flex-end;
        display: flex;
        line-height: 1;
        margin-left: .1rem;
        position: relative; }
    .staff__introduction--list .--list--item.--large {
      background-position: bottom -.2rem center;
      background-size: 33.5rem 15rem; }
      @media screen and (min-width: 940px) {
        .staff__introduction--list .--list--item.--large {
          background-size: 46rem 19.3rem; } }
      .staff__introduction--list .--list--item.--large .--list-item-title {
        font-size: 1.8rem;
        line-height: 2.6rem;
        margin: 3rem auto; }
        @media screen and (min-width: 940px) {
          .staff__introduction--list .--list--item.--large .--list-item-title {
            font-size: 2.6rem;
            line-height: 3.5rem;
            margin: 4.7rem auto 3rem; } }
      .staff__introduction--list .--list--item.--large .--list-item-value {
        height: 9.8rem; }
        @media screen and (min-width: 940px) {
          .staff__introduction--list .--list--item.--large .--list-item-value {
            height: 13.8rem; } }
        .staff__introduction--list .--list--item.--large .--list-item-value .--value {
          font-size: 13.8rem; }
          @media screen and (min-width: 940px) {
            .staff__introduction--list .--list--item.--large .--list-item-value .--value {
              font-size: 18.9rem; } }
        .staff__introduction--list .--list--item.--large .--list-item-value .--unit {
          font-size: 2.9rem;
          height: 4rem;
          top: 4px; }
          @media screen and (min-width: 940px) {
            .staff__introduction--list .--list--item.--large .--list-item-value .--unit {
              font-size: 4rem; } }
    .staff__introduction--list .--list--item.--middle .--list-item-title {
      font-size: 2.2rem;
      line-height: 3rem;
      margin: 3.6rem auto 2rem; }
      @media screen and (min-width: 940px) {
        .staff__introduction--list .--list--item.--middle .--list-item-title {
          font-size: 2rem;
          line-height: 2.7rem;
          margin: 2.7rem auto 1.5rem; } }
    .staff__introduction--list .--list--item.--middle .--list-item-value {
      height: 7.8rem; }
      @media screen and (min-width: 940px) {
        .staff__introduction--list .--list--item.--middle .--list-item-value {
          height: 6.8rem; } }
      .staff__introduction--list .--list--item.--middle .--list-item-value .--value {
        font-size: 9.6rem; }
        @media screen and (min-width: 940px) {
          .staff__introduction--list .--list--item.--middle .--list-item-value .--value {
            font-size: 8.6rem; } }
      .staff__introduction--list .--list--item.--middle .--list-item-value .--unit {
        font-size: 3.35rem;
        height: 4.6rem;
        top: 4px; }
        @media screen and (min-width: 940px) {
          .staff__introduction--list .--list--item.--middle .--list-item-value .--unit {
            font-size: 3rem; } }
    .staff__introduction--list .--list--item.--small .--list-item-title {
      font-size: 1.4rem;
      line-height: 2rem;
      margin: 3.6rem auto 2rem; }
      @media screen and (min-width: 940px) {
        .staff__introduction--list .--list--item.--small .--list-item-title {
          font-size: 2rem;
          line-height: 2.7rem;
          margin: 5rem auto 2rem; } }
    .staff__introduction--list .--list--item.--small .--list-item-value {
      height: 3.8rem; }
      @media screen and (min-width: 940px) {
        .staff__introduction--list .--list--item.--small .--list-item-value {
          height: 5.8rem; } }
      .staff__introduction--list .--list--item.--small .--list-item-value .--value {
        font-size: 5.3rem; }
        @media screen and (min-width: 940px) {
          .staff__introduction--list .--list--item.--small .--list-item-value .--value {
            font-size: 7.4rem; } }
      .staff__introduction--list .--list--item.--small .--list-item-value .--unit {
        font-size: 1.8rem;
        height: 3.5rem;
        top: 4px; }
        @media screen and (min-width: 940px) {
          .staff__introduction--list .--list--item.--small .--list-item-value .--unit {
            font-size: 2.6rem; } }
  .staff__introduction--list .--item-a {
    background-image: url("./img/recruit/recruit01.svg");
    grid-area: areaA; }
  .staff__introduction--list .--item-b {
    background-image: url("./img/recruit/recruit02.svg");
    grid-area: areaB;
    overflow: hidden;
    position: relative; }
    .staff__introduction--list .--item-b::after {
      background-color: #777;
      bottom: 0;
      content: "";
      display: block;
      height: 11px;
      left: 0;
      position: absolute;
      width: 100%; }
      @media screen and (min-width: 940px) {
        .staff__introduction--list .--item-b::after {
          height: 9px; } }
  .staff__introduction--list .--item-c {
    grid-area: areaC; }
  .staff__introduction--list .--item-d {
    grid-area: areaD; }
  .staff__introduction--list .--item-e {
    grid-area: areaE; }
  .staff__introduction--list .--item-f {
    grid-area: areaF; }
  .staff__introduction--list .--item-g {
    background-image: url("./img/recruit/recruit03.svg");
    grid-area: areaG; }
  .staff__introduction--list .--item-h {
    background-image: url("./img/recruit/recruit04.svg");
    grid-area: areaH; }
  .staff__introduction--list .--item-i {
    background-image: url("./img/recruit/recruit05.svg");
    grid-area: areaI; }

.office__list {
  display: grid;
  gap: 2rem;
  grid-template-columns: 1fr; }
  @media screen and (min-width: 940px) {
    .office__list {
      grid-template-columns: repeat(2, 1fr); } }
  .office__list img {
    width: 100%; }
  .office__list .--note {
    margin: 0.8rem 0;
    text-align: center; }

.tool__list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); }
  @media screen and (min-width: 940px) {
    .tool__list {
      grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr)); } }
  .tool__list .--list-item .--item-img {
    align-items: center;
    display: flex;
    justify-content: center;
    border: 1px solid rgba(51, 51, 51, 0.2);
    height: 9rem; }
  .tool__list .--list-item .--note {
    margin: 0.8rem 0;
    text-align: center; }

.selection__step--list {
  display: grid;
  gap: 2rem;
  margin-bottom: 1rem; }
  @media screen and (min-width: 940px) {
    .selection__step--list {
      grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
      grid-template-rows: repeat(auto-fill, minmax(14rem, 1fr)); } }
  .selection__step--list .--list-item {
    align-items: center;
    display: flex;
    justify-content: center;
    border: 10px solid #F1F1F1;
    border-radius: 3rem;
    flex-direction: column;
    min-height: 8rem;
    position: relative;
    text-align: center; }
    .selection__step--list .--list-item:not(:last-of-type)::after {
      background-position: center center;
      background-repeat: no-repeat;
      background-size: contain;
      align-items: center;
      display: flex;
      justify-content: center;
      background-image: url("./img/icon/icon-arrow-down.svg");
      bottom: -2.6rem;
      content: "";
      height: 1.4rem;
      position: absolute;
      width: 1.4rem; }
      @media screen and (min-width: 940px) {
        .selection__step--list .--list-item:not(:last-of-type)::after {
          bottom: unset;
          right: -2.6rem;
          top: 50%;
          transform: translateY(-50%) rotate(-90deg); } }
    .selection__step--list .--list-item .--note-primary {
      font-weight: 700;
      line-height: 2.2rem; }
    .selection__step--list .--list-item .--note-secondary {
      font-size: 1.2rem;
      line-height: 2rem; }

.--disclosure .chart__block {
  height: 30.5rem;
  width: 100%; }
  .--disclosure .chart__block .graph {
    height: 100% !important;
    width: 100% !important; }
  @media screen and (min-width: 940px) {
    .--disclosure .chart__block {
      height: 59rem;
      width: 100%; } }

.pdf__link--list {
  display: grid;
  gap: calc(0.8rem / 2);
  grid-template-columns: minmax(min-content, max-content); }
  .pdf__link--list .--list-item {
    border: 1px solid rgba(51, 51, 51, 0.2);
    padding: 0.8rem 1.2rem; }
    .pdf__link--list .--list-item a {
      align-items: center;
      display: flex;
      font-size: 1.4rem;
      line-height: 2.8rem;
      text-decoration: none; }
      .pdf__link--list .--list-item a::before {
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
        align-items: center;
        display: flex;
        background-image: url("./img/icon/icon-pdf.svg");
        content: "";
        height: 3rem;
        margin-right: 1rem;
        min-width: 2.3rem;
        width: 2.3rem; }
  .pdf__link--list.--pc-horizontal {
    grid-template-columns: minmax(max-content, 1fr); }
    @media screen and (min-width: 940px) {
      .pdf__link--list.--pc-horizontal {
        grid-template-columns: repeat(2, 1fr); } }

.table__pdf {
  font-size: 1.4rem; }
  .table__pdf tbody th,
  .table__pdf tbody td {
    height: 5rem;
    padding: calc(0.8rem / 2) 1.2rem; }
  .table__pdf tbody th {
    width: 12.9rem; }
  .table__pdf tbody td {
    border-left: 2px solid #fff; }
    .table__pdf tbody td.value__cell {
      padding: 0 3rem;
      width: auto; }
    .table__pdf tbody td.btn__cell {
      text-align: center;
      width: 7rem; }
      .table__pdf tbody td.btn__cell a {
        margin: 0 auto; }
        .table__pdf tbody td.btn__cell a:hover {
          opacity: .7; }

.--click-365-banner {
  height: 8.7rem;
  left: 50%;
  position: absolute;
  top: 2rem;
  transform: translateX(-50%);
  width: 33.5rem; }
  @media screen and (min-width: 940px) {
    .--click-365-banner {
      height: 12.2rem;
      left: unset;
      right: 2rem;
      top: 8.9rem;
      transform: unset;
      width: 46.9rem; } }

.--click365 .mv__contents {
  background-color: #fff;
  background-image: url("./img/click365/click-section-header-bg.png");
  background-repeat: repeat;
  height: 60rem;
  overflow: hidden; }
  @media screen and (min-width: 940px) {
    .--click365 .mv__contents {
      height: 62rem; } }
  .--click365 .mv__contents .mv__block {
    background-image: url("./img/click365/mv-sp.png");
    background-position: left -7rem top 1.3rem;
    background-repeat: no-repeat;
    background-size: 53.4rem 58.7rem;
    height: 58.7rem;
    margin: 0 auto;
    max-width: 37.5rem;
    padding-top: 1.3rem;
    width: 37.5rem; }
    @media screen and (min-width: 940px) {
      .--click365 .mv__contents .mv__block {
        background-image: url("./img/click365/mv-pc.png");
        background-position: center center;
        background-size: 123.9rem 62rem;
        height: 62rem;
        max-width: 140rem;
        width: 140rem; } }
    .--click365 .mv__contents .mv__block img {
      max-width: unset;
      width: unset; }
    .--click365 .mv__contents .mv__block .--click-sp {
      height: 58.7rem; }
      @media screen and (min-width: 940px) {
        .--click365 .mv__contents .mv__block .--click-sp {
          display: none;
          height: 62rem; } }
    .--click365 .mv__contents .mv__block .--click-pc {
      display: none; }
      @media screen and (min-width: 940px) {
        .--click365 .mv__contents .mv__block .--click-pc {
          display: block; } }
.--click365 .--slash {
  position: relative; }
  .--click365 .--slash::before {
    border-style: solid;
    content: "";
    height: 0;
    left: 0;
    position: absolute;
    width: 0; }
.--click365 .--slash-top-left::before {
  border-color: transparent transparent #fff transparent;
  border-width: 0 0 75px 100vw;
  top: -75px; }
  @media screen and (min-width: 940px) {
    .--click365 .--slash-top-left::before {
      border-width: 0 0 128px 100vw;
      top: -128px; } }
.--click365 .--slash-top-right::before {
  border-color: #fff transparent transparent transparent;
  border-width: 75px 0 0 100vw;
  top: 0; }
  @media screen and (min-width: 940px) {
    .--click365 .--slash-top-right::before {
      border-width: 128px 0 0 100vw; } }
.--click365 .--elements {
  position: relative; }
  .--click365 .--elements::before {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    animation-name: updown;
    animation-delay: 0s;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    content: "";
    display: block;
    position: absolute; }
.--click365 .--elements-right::before {
  background-image: url("./img/click365/sp-click-right-ellement.svg");
  height: 10.3rem;
  right: 0;
  top: -7.5rem;
  width: 17.7rem; }
  @media screen and (min-width: 940px) {
    .--click365 .--elements-right::before {
      background-image: url("./img/click365/pc-click-right-ellement.svg");
      height: 16.5rem;
      right: -40px;
      top: -13rem;
      width: 35rem; } }
.--click365 .--elements-left::before {
  background-image: url("./img/click365/sp-click-left-ellement.svg");
  height: 7.7rem;
  left: 0;
  top: -16.5rem;
  width: 18.5rem; }
  @media screen and (min-width: 940px) {
    .--click365 .--elements-left::before {
      background-image: url("./img/click365/pc-click-left-ellement.svg");
      height: 11.2rem;
      left: -40px;
      top: -24rem;
      width: 24.4rem; } }
.--click365 .section__contents.--lighten {
  background-color: #fff; }
.--click365 .section__contents.--light {
  background-color: #F9F2EB; }
.--click365 .section__contents.--dark {
  background-color: #EBEFF8; }
.--click365 .section__contents.--click-news {
  padding: 0; }
  .--click365 .section__contents.--click-news .section__contents--block {
    padding-top: 18.2rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--click-news .section__contents--block {
        padding-top: 10.9rem; } }
.--click365 .section__contents.--click-about {
  padding: 7.5rem 0; }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--click-about {
      padding: 12.8rem 0; } }
  .--click365 .section__contents.--click-about .section__contents--block {
    padding: 7.4rem 2rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--click-about .section__contents--block {
        padding: 7.4rem 2rem; } }
.--click365 .section__contents.--currency-pair {
  padding: 8.2rem 0; }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--currency-pair {
      padding: 0; } }
  .--click365 .section__contents.--currency-pair .--elements-left::before {
    top: -16.1rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--currency-pair .--elements-left::before {
        top: -11.4rem; } }
  .--click365 .section__contents.--currency-pair .section__contents--block {
    padding: 0 2rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--currency-pair .section__contents--block {
        padding: 8.2rem 2rem; } }
  .--click365 .section__contents.--currency-pair .title__primary {
    line-height: normal; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--currency-pair .title__primary {
        width: 62.8rem; } }
  .--click365 .section__contents.--currency-pair .contents__header .--note-primary br {
    display: none; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--currency-pair .contents__header .--note-primary br {
        display: block; } }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--currency-pair .contents__body {
      height: 50rem; } }
  .--click365 .section__contents.--currency-pair .currency__list {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, minmax(16rem, 1fr)); }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--currency-pair .currency__list {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(7, 1fr);
        height: 76rem;
        position: absolute;
        right: 0;
        top: 19.5rem; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-01 {
          grid-area: 1 / 5 / 2 / 6; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-02 {
          grid-area: 2 / 4 / 3 / 5; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-03 {
          grid-area: 2 / 5 / 3 / 6; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-04 {
          grid-area: 3 / 3 / 4 / 4; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-05 {
          grid-area: 3 / 4 / 4 / 5; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-06 {
          grid-area: 3 / 5 / 4 / 6; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-07 {
          grid-area: 4 / 2 / 5 / 3; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-08 {
          grid-area: 4 / 3 / 5 / 4; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-09 {
          grid-area: 4 / 4 / 5 / 5; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-10 {
          grid-area: 4 / 5 / 5 / 6; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-11 {
          grid-area: 5 / 1 / 6 / 2; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-12 {
          grid-area: 5 / 2 / 6 / 3; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-13 {
          grid-area: 5 / 3 / 6 / 4; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-14 {
          grid-area: 5 / 4 / 6 / 5; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-15 {
          grid-area: 5 / 5 / 6 / 6; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-16 {
          grid-area: 6 / 1 / 7 / 2; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-17 {
          grid-area: 6 / 2 / 7 / 3; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-18 {
          grid-area: 6 / 3 / 7 / 4; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-19 {
          grid-area: 6 / 4 / 7 / 5; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-20 {
          grid-area: 6 / 5 / 7 / 6; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-21 {
          grid-area: 7 / 1 / 8 / 2; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-22 {
          grid-area: 7 / 2 / 8 / 3; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-23 {
          grid-area: 7 / 3 / 8 / 4; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-24 {
          grid-area: 7 / 4 / 8 / 5; }
        .--click365 .section__contents.--currency-pair .currency__list .--item-25 {
          grid-area: 7 / 5 / 8 / 6; } }
    .--click365 .section__contents.--currency-pair .currency__list .--list-item {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #f6f6f6;
      flex-direction: column;
      height: 10rem;
      text-align: center; }
      .--click365 .section__contents.--currency-pair .currency__list .--list-item .--visual {
        height: 3.2rem;
        margin-bottom: calc(0.8rem / 2); }
      .--click365 .section__contents.--currency-pair .currency__list .--list-item .--label-primary {
        color: #000;
        font-size: 1.25rem;
        font-weight: 700;
        line-height: 2.2rem; }
      .--click365 .section__contents.--currency-pair .currency__list .--list-item .--label-secondary {
        color: #777;
        font-size: 1.4rem; }
.--click365 .section__contents.--transaction {
  padding: 7.5rem 0; }
  .--click365 .section__contents.--transaction .--elements-right::before {
    top: -7rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--transaction .--elements-right::before {
        top: -7.5rem; } }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--transaction .section__contents--block {
      padding: 14rem 0; } }
.--click365 .section__contents.--trading-tool {
  padding: 7.5rem 0; }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--trading-tool {
      padding: 7.5rem 0 15rem; } }
  .--click365 .section__contents.--trading-tool .--elements-left::before {
    top: -15.5rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .--elements-left::before {
        top: -18rem; } }
  .--click365 .section__contents.--trading-tool .section__contents--block {
    padding: 0; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .section__contents--block {
        max-width: 102.2rem; } }
  .--click365 .section__contents.--trading-tool .contents__header {
    padding: 0 2rem; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .contents__header {
        text-align: center; }
        .--click365 .section__contents.--trading-tool .contents__header .title__secondary {
          justify-content: center; } }
  .--click365 .section__contents.--trading-tool .click__tool--list .--list-item {
    position: relative;
    z-index: 1; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item {
        display: flex;
        width: 100%; }
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--contents-block {
          padding-top: 9.9rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item + .--list-item {
      margin-top: 6rem; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item + .--list-item {
          margin-top: 10rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--contents-block {
      background-color: #fff;
      padding: 5.3rem 2rem 2rem;
      position: relative;
      z-index: 1; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--contents-block {
          margin-top: 4rem;
          padding: 10rem 4rem 4rem;
          width: 55rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-number {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #EC6C00;
      color: #fff;
      font-family: "Raleway", sans-serif;
      font-weight: 700;
      height: 7.2rem;
      left: -2rem;
      position: absolute;
      top: -3.6rem;
      width: 18.8rem; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-number {
          height: 11.5rem;
          left: 0;
          top: -4rem;
          width: 30rem; } }
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-number .--title {
        font-size: 2rem;
        line-height: 2.3rem;
        margin-right: .7rem;
        margin-top: .4rem; }
        @media screen and (min-width: 940px) {
          .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-number .--title {
            font-size: 3rem;
            line-height: 3.5rem;
            margin-right: 1.8rem; } }
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-number .--number {
        font-size: 5rem;
        line-height: 5.9rem;
        margin-bottom: 1rem; }
        @media screen and (min-width: 940px) {
          .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-number .--number {
            font-size: 8rem;
            line-height: 9.4rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note .--list-note-title {
      color: #EC6C00;
      font-size: 3rem;
      font-weight: 700;
      line-height: 4.6rem;
      margin-bottom: 1.2rem; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note .--list-note-title {
          line-height: 6rem;
          margin-bottom: .7rem;
          white-space: nowrap; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note .--note {
      margin-bottom: 4rem; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note .--note {
          margin-bottom: 3rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-block-title {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #000;
      background-image: url("./img/click365/smart365.png");
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 15.1rem 2.8rem;
      height: 5rem; }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-block-list {
      background-color: #f6f6f6;
      padding: 2rem;
      text-align: center; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-block-list {
          padding: 3rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list {
      align-items: center;
      display: flex;
      justify-content: center;
      margin-bottom: 1.2rem; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list {
          margin-bottom: 2.4rem; } }
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list .--app-list-item {
        align-items: center;
        display: flex;
        justify-content: center;
        transition: opacity .2s ease-in-out; }
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list .--app-list-item + .--app-list-item {
          margin-left: 2rem; }
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list .--app-list-item:hover {
          opacity: .7; }
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list .--app-list-item img {
          width: 13.8rem; }
          @media screen and (min-width: 940px) {
            .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--app-block .--app-list .--app-list-item img {
              width: 19.5rem; } }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note-block {
        display: flex;
        margin-bottom: 3.2rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note-block .--list-note-block-title {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #f6f6f6;
      border-radius: 1rem;
      color: #EC6C00;
      font-size: 1.4rem;
      font-weight: 700;
      height: 3.3rem;
      margin-bottom: 1.6rem;
      text-align: center; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note-block .--list-note-block-title {
          border-radius: 100%;
          height: 9rem;
          margin-bottom: 0;
          margin-right: 2rem;
          min-width: 9rem;
          width: 9rem; } }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--list-note-block .--note {
        margin-bottom: 0; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--nest-note-block .--title-primary {
      color: #EC6C00;
      margin-bottom: 1rem; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--nest-note-block .--title-primary {
          font-size: 1.8rem;
          line-height: 2.2rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--visual-block {
      height: 37.5rem;
      width: 37.5rem;
      margin: 0 auto; }
      @media screen and (min-width: 940px) {
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item .--visual-block {
          height: 55rem;
          min-width: 55rem;
          position: absolute;
          right: 0;
          top: 0;
          width: 55rem; } }
    .--click365 .section__contents.--trading-tool .click__tool--list .--list-item.--item-even .--list-number {
      left: unset;
      right: 0; }
    @media screen and (min-width: 940px) {
      .--click365 .section__contents.--trading-tool .click__tool--list .--list-item.--item-even {
        flex-direction: row-reverse; }
        .--click365 .section__contents.--trading-tool .click__tool--list .--list-item.--item-even .--visual-block {
          left: 0;
          right: unset; } }
.--click365 .section__contents.--comparison {
  padding: 7.5rem 0; }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--comparison {
      padding: 12rem 0 6rem; } }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents.--comparison .--elements-right::before {
      top: -12rem; } }
.--click365 .section__contents--block {
  padding: 8rem 2rem;
  position: relative; }
  @media screen and (min-width: 940px) {
    .--click365 .section__contents--block {
      padding: 8rem 0; } }
.--click365 .contents__header.--align-center {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center; }
.--click365 .title__secondary {
  font-family: "Raleway", sans-serif; }
.--click365 .title__primary {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
.--click365 .--note-primary.--compression {
  letter-spacing: .08rem; }
.--click365 .contents__title {
  color: #004DA0;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2.2rem;
  margin-bottom: 1.6rem; }
  @media screen and (min-width: 940px) {
    .--click365 .contents__title {
      font-size: 1.8rem; } }
.--click365 .table__click tbody tr:first-of-type th,
.--click365 .table__click tbody tr:first-of-type td {
  height: 11rem; }
.--click365 .table__click tbody tr th,
.--click365 .table__click tbody tr td {
  border-color: rgba(0, 77, 160, 0.5);
  border-top: 0; }
.--click365 .table__click tbody tr:not(:first-of-type) th,
.--click365 .table__click tbody tr:not(:first-of-type) td {
  border-top: 1px dashed rgba(0, 77, 160, 0.5); }
.--click365 .table__click tbody th.column-title-cell {
  background-color: #f6f6f6;
  color: #004DA0; }
.--click365 .table__click tbody td {
  background-color: #fff;
  color: #333;
  width: 35.2rem; }
  .--click365 .table__click tbody td.img-cell {
    text-align: center; }
  .--click365 .table__click tbody td .--logo {
    min-width: unset;
    max-width: unset; }
  .--click365 .table__click tbody td .--logo-click365 {
    height: 3.8rem;
    width: 19.4rem; }
  .--click365 .table__click tbody td .--logo-triauto-fx {
    height: 3.9rem;
    width: 26.8rem; }
.--click365 .transaction__list {
  display: flex; }
  @media screen and (min-width: 940px) {
    .--click365 .transaction__list {
      flex-direction: column; } }
  .--click365 .transaction__list .transaction__list--header {
    background-color: #004DA0;
    color: #fff;
    display: flex;
    flex-direction: column;
    font-size: 1.4rem;
    min-width: 15.9rem;
    text-align: center;
    width: 15.9rem; }
    @media screen and (min-width: 940px) {
      .--click365 .transaction__list .transaction__list--header {
        flex-direction: row;
        height: 8rem;
        min-width: unset;
        width: 100%; } }
    .--click365 .transaction__list .transaction__list--header .header-cell {
      align-items: center;
      display: flex;
      justify-content: center; }
      .--click365 .transaction__list .transaction__list--header .header-cell + .header-cell {
        border-top: 1px dashed #fff; }
        @media screen and (min-width: 940px) {
          .--click365 .transaction__list .transaction__list--header .header-cell + .header-cell {
            border-left: 1px dashed #fff;
            border-top: 0; } }
    .--click365 .transaction__list .transaction__list--header .title-cell {
      height: 8rem; }
      @media screen and (min-width: 940px) {
        .--click365 .transaction__list .transaction__list--header .title-cell {
          width: 23.6rem; } }
    .--click365 .transaction__list .transaction__list--header .regular-cell {
      height: 12.1rem; }
      @media screen and (min-width: 940px) {
        .--click365 .transaction__list .transaction__list--header .regular-cell {
          height: 100%;
          width: 23.6rem; } }
    .--click365 .transaction__list .transaction__list--header .discount-cell {
      display: flex; }
      @media screen and (min-width: 940px) {
        .--click365 .transaction__list .transaction__list--header .discount-cell {
          flex: 1;
          flex-direction: column; } }
      .--click365 .transaction__list .transaction__list--header .discount-cell .top-cell {
        min-width: 9.5rem;
        padding: .5rem;
        width: 9.5rem; }
        @media screen and (min-width: 940px) {
          .--click365 .transaction__list .transaction__list--header .discount-cell .top-cell {
            align-items: center;
            display: flex;
            justify-content: center;
            min-width: unset;
            height: 4rem;
            width: 100%; } }
      .--click365 .transaction__list .transaction__list--header .discount-cell .bottom-cell {
        align-items: center;
        display: flex;
        justify-content: center;
        border-left: 1px solid #fff;
        flex-direction: column; }
        @media screen and (min-width: 940px) {
          .--click365 .transaction__list .transaction__list--header .discount-cell .bottom-cell {
            flex-direction: row;
            border-left: 0;
            border-top: 1px solid #fff;
            width: 100%; } }
        .--click365 .transaction__list .transaction__list--header .discount-cell .bottom-cell .--nest-cell {
          align-items: center;
          display: flex;
          justify-content: center;
          height: 12.1rem;
          padding: .8rem; }
          @media screen and (min-width: 940px) {
            .--click365 .transaction__list .transaction__list--header .discount-cell .bottom-cell .--nest-cell {
              align-items: center;
              display: flex;
              justify-content: center;
              flex: 1;
              height: 4rem; } }
          .--click365 .transaction__list .transaction__list--header .discount-cell .bottom-cell .--nest-cell + .--nest-cell {
            border-top: 1px dashed #fff; }
            @media screen and (min-width: 940px) {
              .--click365 .transaction__list .transaction__list--header .discount-cell .bottom-cell .--nest-cell + .--nest-cell {
                border-left: 1px dashed #fff;
                border-top: 0; } }
  .--click365 .transaction__list .transaction__list--body {
    flex: 1; }
    @media screen and (min-width: 940px) {
      .--click365 .transaction__list .transaction__list--body {
        display: flex;
        width: 100%; } }
    .--click365 .transaction__list .transaction__list--body .body-cell {
      align-items: center;
      display: flex;
      justify-content: center;
      background-color: #fff;
      color: #EC6C00;
      font-size: 4rem;
      font-weight: 700;
      height: 12.1rem; }
      @media screen and (min-width: 940px) {
        .--click365 .transaction__list .transaction__list--body .body-cell {
          flex: 2;
          height: 15rem; } }
      .--click365 .transaction__list .transaction__list--body .body-cell + .body-cell {
        border-top: 1px dashed #004DA0; }
        @media screen and (min-width: 940px) {
          .--click365 .transaction__list .transaction__list--body .body-cell + .body-cell {
            border-left: 1px dashed #004DA0;
            border-top: 0; } }
    .--click365 .transaction__list .transaction__list--body .title-cell {
      background-color: #f6f6f6;
      font-size: 1.4rem;
      height: 8rem; }
      @media screen and (min-width: 940px) {
        .--click365 .transaction__list .transaction__list--body .title-cell {
          height: 15rem;
          min-width: 23.6rem;
          width: 23.6rem; } }
    @media screen and (min-width: 940px) {
      .--click365 .transaction__list .transaction__list--body .regular-cell {
        min-width: 23.6rem;
        width: 23.6rem; } }
.--click365 .table__transaction thead th {
  background-color: #004DA0;
  color: #fff;
  border-right: 1px dashed #fff; }
  .--click365 .table__transaction thead th.discount-cell {
    border-bottom: 1px solid #fff; }
  .--click365 .table__transaction thead th:last-of-type {
    border-right: 0; }
.--click365 .table__transaction tbody tr:first-of-type th,
.--click365 .table__transaction tbody tr:first-of-type td {
  border-top: 0; }
.--click365 .table__transaction tbody tr th.column-title-cell {
  background-color: #f6f6f6;
  font-size: 1.4rem; }
.--click365 .table__transaction tbody tr td {
  font-size: 4rem;
  font-weight: 700; }
.--click365 .table__transaction tbody tr th,
.--click365 .table__transaction tbody tr td {
  color: #EC6C00;
  text-align: center; }
.--click365 .about__img--block {
  background-color: #fff;
  padding: 1rem 1.4rem; }
  @media screen and (min-width: 940px) {
    .--click365 .about__img--block {
      padding: 4rem; } }

.--rules .filter_block {
  margin-bottom: 9rem; }
.--rules .--note + .table-rules-nest {
  margin-top: 0.8rem; }
.--rules .--note + .--note--scroll-col .table__note {
  margin-top: calc(0.8rem / 2); }
.--rules .table-rules-nest + .--note {
  margin-top: 1.8rem; }
.--rules .table-rules-nest + .section__attention--note {
  margin-top: 0.8rem; }
.--rules .table__note th.column-title-cell {
  width: 22.5rem; }
.--rules .table__note th.--trading-hours {
  width: 10.3rem; }
.--rules .table__note tbody th.column-title-cell-secondary {
  width: 16rem; }
.--rules .table__note th.contents-cell,
.--rules .table__note td.contents-cell {
  width: 35rem; }
.--rules .table__note td.contents-cell {
  vertical-align: top; }
  .--rules .table__note td.contents-cell .section__attention--note {
    margin-bottom: 0.8rem; }
.--rules .table__note + .--note {
  margin-top: 1.2rem; }
.--rules .--note--scroll-col + .--note {
  margin-top: 1.6rem; }
.--rules .table__currency tr th.column-title-cell {
  width: 28rem; }
.--rules .table__currency tr th,
.--rules .table__currency tr td {
  height: 3.6rem;
  width: auto; }
  .--rules .table__currency tr th.unit-cell,
  .--rules .table__currency tr td.unit-cell {
    width: 31.8rem; }
.--rules .transfer__explanation {
  display: flex;
  flex-direction: column;
  margin: 1.2rem 0; }
  @media screen and (min-width: 940px) {
    .--rules .transfer__explanation {
      flex-direction: row;
      padding-top: 1.2rem; } }
  @media screen and (min-width: 940px) {
    .--rules .transfer__explanation .--nest-note-block {
      min-width: unset;
      width: unset; } }
  .--rules .transfer__explanation .--nest-note-block img {
    max-width: 50rem;
    min-width: 50rem;
    width: 50rem; }
  .--rules .transfer__explanation .--nest-note-block + .--nest-note-block {
    margin-top: 1.2rem; }
    @media screen and (min-width: 940px) {
      .--rules .transfer__explanation .--nest-note-block + .--nest-note-block {
        margin-left: 1rem;
        margin-top: 0; } }
  .--rules .transfer__explanation .--nest-note-block .--note--scroll-col .--title-primary + img {
    margin-top: 1.6rem; }
.--rules .table__schedule th {
  width: 22.8rem; }
  .--rules .table__schedule th.column-title-cell {
    width: 53rem; }
.--rules .table__schedule tbody th,
.--rules .table__schedule tbody td {
  padding: calc(0.8rem / 2) 1.6rem; }

.table-rules-nest {
  width: 100%; }
  .table-rules-nest thead th {
    border-top: 0; }
    .table-rules-nest thead th.title-cell {
      width: 27rem; }
    .table-rules-nest thead th.value-cell {
      width: 13.6rem; }
  .table-rules-nest tbody th,
  .table-rules-nest tbody td {
    border-color: #777;
    border-width: 1px; }
  .table-rules-nest tbody th {
    background-color: #f6f6f6; }
    .table-rules-nest tbody th:not(:last-child) {
      border-right: 1px dashed #777; }
  .table-rules-nest tbody td {
    padding: 1rem; }
    .table-rules-nest tbody td.value-cell {
      background-color: #fff; }

.--note-primary + .app__list {
  margin-bottom: 0.8rem;
  margin-top: 2rem; }

@media screen and (min-width: 940px) {
  .app__list {
    align-items: center;
    display: flex; } }
.app__list .--list-item {
  align-items: center;
  display: flex;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  transition: .2s opacity ease-in-out; }
  .app__list .--list-item:hover {
    opacity: .7; }
  .app__list .--list-item img {
    margin-right: 2rem;
    max-width: 16rem; }
  .app__list .--list-item + .--list-item {
    margin-top: 1.6rem; }
  @media screen and (min-width: 940px) {
    .app__list .--list-item {
      flex: 1; }
      .app__list .--list-item + .--list-item {
        margin-left: 6.2rem;
        margin-top: 0; } }

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