@charset "UTF-8";
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  font-style: normal;
  font-weight: 300;
  src: url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Light.ttf") format("woff");
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  font-style: normal;
  font-weight: 500;
  src: url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Regular.ttf") format("woff");
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  font-style: normal;
  font-weight: 600;
  src: url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Medium.ttf") format("woff");
}
@font-face {
  font-family: "Zen Kaku Gothic Antique";
  font-style: normal;
  font-weight: 700;
  src: url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Bold.ttf") format("woff");
}
html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, figure, a, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  line-height: 1.5;
  font-weight: 600;
  font-size: 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  width: 100%;
}

body {
  width: 100%;
  line-height: 0;
  color: #102a3b;
  font-weight: normal;
  position: relative;
  top: auto;
  font-family: Quicksand, "Zen Kaku Gothic Antique", "Yu Gothic", "Osaka", "メイリオ", sans-serif;
}

.s_body-fixed {
  position: fixed;
  width: 100%;
  z-index: 1;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  text-decoration: none;
}

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

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
}

a {
  cursor: pointer;
  text-decoration: none;
  outline: none;
  color: inherit;
}
a:hover, a:focus {
  text-decoration: none;
}
a._tab {
  position: relative;
}
a._tab::after {
  content: "";
  display: inline-block;
  position: relative;
  width: 15px;
  height: 15px;
  margin-left: 5px;
  margin-bottom: -2px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/images/common/tab.svg);
}

button {
  cursor: pointer;
  outline: none;
}

._clearfix::before,
._clearfix::after {
  content: "";
  display: table;
}

._clearfix::after {
  clear: both;
}

header {
  width: 1200px;
  max-width: 93%;
  display: flex;
  justify-content: space-between;
  align-items: start;
  position: fixed;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 100;
}
header + div {
  padding-top: 140px;
}
header + section {
  padding-top: 150px;
}
@media screen and (min-width: 1080px) {
  header + section {
    padding-top: 170px;
  }
}

@media screen and (min-width: 1080px) {
  .s_header-area {
    position: relative;
    width: 90%;
    height: 75px;
    max-width: 1100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    border-radius: 35px;
    background: #FFF;
    box-shadow: 0 1px 10px rgba(50, 85, 155, 0.2);
  }
}

.s_header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
}

.s_memu-logo {
  width: 90px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1080px) {
  .s_memu-logo {
    margin: 15px 0 15px 40px;
  }
}
.s_memu-logo a {
  line-height: 0;
  width: 100%;
}

.s_memu-area {
  display: none;
}
@media screen and (min-width: 1080px) {
  .s_memu-area {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 41px;
  }
  .s_memu-area .s_basic-btn {
    margin: 15px 20px 15px 0;
    padding: 10px 30px;
    font-size: 15px;
  }
}

.s_menu {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.s_menu ul {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  gap: 20px;
}

.s_menu-list {
  cursor: pointer;
  height: 100%;
  display: flex;
  align-items: center;
  transition: 0.25s;
}
.s_menu-list:hover > span, .s_menu-list:hover a span {
  color: #0077c4;
}
.s_menu-list:hover .s_drop-menu-area {
  visibility: visible;
  opacity: 1;
}
.s_menu-list > a {
  font-weight: bold;
}
.s_menu-list > a:hover {
  color: #0077c4;
}
.s_menu-list > span {
  position: relative;
  font-weight: bold;
  margin-right: 13px;
}
.s_menu-list > span::after {
  content: "";
  vertical-align: middle;
  right: -11px;
  width: 4px;
  height: 4px;
  position: absolute;
  top: -4px;
  bottom: 0;
  margin: auto;
  border-top: 2px solid #bdccd7;
  border-right: 2px solid #bdccd7;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.s_menu-list > a span {
  font-weight: bold;
}
.s_menu-list ._ruby::before {
  left: -7px;
  right: auto;
}

.s_drop-menu-area {
  display: flex;
  width: 100%;
  position: absolute;
  top: 60%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  margin: 0 auto;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 80px 50px 50px;
  z-index: -2;
  background: #eef3f7;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.s_drop-menu-title {
  width: 40%;
}
.s_drop-menu-title > span {
  font-size: 24px;
  font-weight: bold;
  position: relative;
}
.s_drop-menu-title > span::after {
  content: "";
  width: 1em;
  height: 3px;
  display: block;
  position: absolute;
  left: 2px;
  bottom: -6px;
  background: #0077c4;
}
.s_drop-menu-title ._ruby::before {
  left: auto;
}

.s_drop-menu-list {
  display: flex;
  flex-direction: column;
  padding-left: 30px;
}
.s_drop-menu-list:nth-child(2) {
  margin-right: 60px;
  border-left: 2px solid #d6e0e9;
}
.s_drop-menu-list > a {
  font-weight: bold;
  margin-bottom: 15px;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.s_drop-menu-list > a:hover {
  color: #0077c4;
}

.s_account-area {
  display: none;
}
@media screen and (min-width: 1080px) {
  .s_account-area {
    width: 70px;
    height: 70px;
    padding: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 60px;
    background: #0077c4;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    box-shadow: 0 0px 10px rgba(11, 68, 145, 0.8);
  }
  .s_account-area:hover {
    background: #015287;
  }
  .s_account-area:hover .s_account-hover {
    position: absolute;
    display: flex;
    right: 0;
    top: 0;
    width: 200px;
    height: 250px;
  }
  .s_account-area .s_account-display {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
  }
  .s_account-area .s_account-display img {
    width: 25px;
    height: 25px;
    margin-bottom: 3px;
  }
  .s_account-area .s_account-display > div {
    font-size: 12px;
    font-weight: bold;
    letter-spacing: -1px;
  }
  .s_account-area .s_account-hover {
    display: none;
  }
  .s_account-area .s_hover-select {
    width: 200px;
    padding: 30px;
    color: #FFF;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: 0;
    top: 100px;
    border-radius: 30px;
    background: #0077c4;
    box-shadow: 0 0px 10px rgba(11, 68, 145, 0.8);
  }
  .s_account-area .s_hover-select > a {
    font-weight: bold;
    padding: 10px 0;
  }
  .s_account-area .s_hover-select > a:hover {
    opacity: 0.8;
  }
  .s_account-area .s_hover-select a:first-child {
    border-bottom: 1px solid #FFF;
  }
}

.s_hamburger-area {
  width: 60px;
  height: 60px;
  padding: 5px;
  color: #FFF;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 60px;
  background: #0077c4;
  box-shadow: 0 0px 10px rgba(11, 68, 145, 0.8);
}
@media screen and (max-width: 480px) {
  .s_hamburger-area {
    width: 45px;
    height: 45px;
  }
}
.s_hamburger-area:hover {
  background: #015287;
}
.s_hamburger-area div {
  width: 22px;
  height: 16px;
  position: relative;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.s_hamburger-area span {
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  display: inline-block;
  transition: all 0.25s;
  -webkit-transition: all 0.25s;
  background: #FFF;
}
.s_hamburger-area span:nth-child(1) {
  top: 0;
}
.s_h-open .s_hamburger-area span:nth-child(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg);
}
.s_hamburger-area span:nth-child(2) {
  top: 0;
  bottom: 0;
  margin: auto;
}
.s_h-open .s_hamburger-area span:nth-child(2) {
  opacity: 0;
}
.s_hamburger-area span:nth-child(3) {
  bottom: 0;
}
.s_h-open .s_hamburger-area span:nth-child(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg);
}
@media screen and (min-width: 1080px) {
  .s_hamburger-area {
    display: none;
  }
}

.s_nav-sub-list-area {
  width: 30%;
}
@media screen and (max-width: 480px) {
  .s_nav-sub-list-area {
    width: 96%;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid #99abb7;
  }
}

.s_nav-list {
  width: 60%;
}
@media screen and (max-width: 480px) {
  .s_nav-list {
    width: 96%;
  }
}

.s_nav-sub-list-title {
  color: #0077c4;
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 18px;
}

.s_nav-list-title {
  margin-bottom: 30px;
}
.s_nav-list-title span {
  font-size: 20px;
  font-weight: bold;
  position: relative;
}
.s_nav-list-title span::after {
  content: "";
  width: 1em;
  height: 3px;
  display: block;
  position: absolute;
  left: 2px;
  bottom: -6px;
  background: #0077c4;
}
.s_nav-list-title ul {
  margin-top: 20px;
}
.s_nav-list-title ul li {
  margin: 0 0 8px;
}

.s_nav-list-area {
  display: none;
}
.s_h-open .s_nav-list-area {
  display: flex;
  flex-direction: column;
  padding: 0 0 0 3.5%;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #fafbfc;
  overflow-y: auto;
}
@media screen and (min-width: 1080px) {
  .s_h-open .s_nav-list-area {
    display: none;
  }
}

.s_nav-all {
  position: relative;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  padding-top: 100px;
  padding-bottom: 30px;
  overflow-y: auto;
}

.s_nav-menu {
  display: flex;
}
@media screen and (max-width: 480px) {
  .s_nav-menu {
    flex-direction: column;
  }
}

.s_nav-list-item {
  color: #71797f;
  margin-bottom: 8px;
  font-weight: bold;
}
.s_nav-list-item > a {
  font-size: 16px;
  font-weight: bold;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
.s_nav-list-item > a:hover {
  color: #0077c4;
}

.s_nav-sns {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.s_nav-list-area .s_nav-sns {
  margin-right: 3.5%;
}

.s_external-link:after {
  content: "";
  width: 16px;
  height: 16px;
  margin-left: 5px;
  display: inline-block;
  vertical-align: middle;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/common/another-tab.svg);
}

.s_footer-area {
  position: relative;
  padding: 60px 0 50px;
  background: #f2f2f2;
}
.s_footer-area .s_container {
  margin-bottom: 0;
}

.s_footer {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 1080px) {
  .s_footer {
    flex-direction: row;
  }
}

@media screen and (min-width: 1080px) {
  .s_f-logo-area {
    width: 30%;
  }
}
.s_f-logo-area .s_sns-area {
  margin-top: 10px;
}

.s_f-bixid {
  width: 120px;
}

.s_f-app_download {
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.s_f-menu-area {
  display: flex;
  width: 100%;
  margin-top: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 1080px) {
  .s_f-menu-area {
    margin: 0;
    width: 65%;
  }
}

.s_f-column {
  width: 32%;
}
@media screen and (max-width: 768px) {
  .s_f-column {
    flex-wrap: wrap;
    width: 48%;
  }
}

.s_f-column-title {
  font-size: 15px;
  font-weight: bold;
}

a.s_f-column-title:hover {
  color: #0077c4;
}

.s_f-column-list {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
}
.s_f-column-list > a {
  font-size: 13px;
  color: #71797f;
  padding-bottom: 5px;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.24s;
  font-weight: 600;
}
@media screen and (max-width: 480px) {
  .s_f-column-list > a {
    font-size: 12px;
  }
}
.s_f-column-list > a:hover {
  color: #0077c4;
}

.s_f-sub-menu-area {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .s_f-sub-menu-area {
    flex-direction: column-reverse;
    align-items: center;
  }
}

.s_f-sub-menu {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.s_f-sub-menu > a {
  font-size: 12px;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
}
.s_f-sub-menu > a:hover {
  color: #0077c4;
}
@media screen and (max-width: 768px) {
  .s_f-sub-menu {
    text-align: center;
    margin-bottom: 10px;
  }
}

.s_sns-icon img {
  width: 24px;
  height: 24px;
  margin: 0 3px;
}

.s_copy {
  color: #99abb7;
  font-weight: bold;
  font-size: 12px;
}

#pageTop {
  position: absolute;
  top: -25px;
  right: 40px;
  width: 50px;
  height: 50px;
  cursor: pointer;
  border-radius: 50px;
  background: #002c4a;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
}
#pageTop:hover {
  background: #00253e;
}
#pageTop:hover span {
  top: -3px;
}
#pageTop span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 20px;
  height: 20px;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
}
#pageTop span::before, #pageTop span::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}
#pageTop span::before {
  height: 14px;
  width: 3px;
  background: #FFF;
}
#pageTop span::after {
  top: -3px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

section {
  padding: 80px 0;
}
@media screen and (max-width: 480px) {
  section {
    padding: 56px 0;
  }
}

.s_section-adjacent {
  padding: 0;
}

.s_container {
  max-width: 1200px;
  width: 93%;
  margin: 0 auto 60px;
}

.s_min-container {
  max-width: 800px;
  width: 93%;
  margin: 0 auto 60px;
}

.s_navidial_set::before {
  content: "";
  width: 50px;
  height: 30px;
  margin-right: 5px;
  vertical-align: text-bottom;
  display: inline-block;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(/images/common/navidial_noname.png);
}
.s_navidial_set._noname::after {
  content: "ナビダイヤル";
  font-size: 11px;
  margin-left: 10px;
  vertical-align: super;
}

/*BTN----------------*/
._ruby {
  position: relative;
  font-weight: bold;
  font-size: inherit;
}
._ruby::before {
  content: "ビサイド";
  display: inline-block;
  position: absolute;
  transform: scale(0.8);
  left: 0;
  right: 0;
  top: -0.75em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

._ruby-bixider {
  position: relative;
  font-weight: bold;
  font-size: inherit;
}
._ruby-bixider::before {
  content: "ビサイダー";
  display: inline-block;
  position: absolute;
  transform: scale(0.8);
  left: 0;
  right: 0;
  top: -0.75em;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
}

.s_btn, .s_cv-basic-btn, .s_cv-btn, .s_basic-btn, .s_border-btn {
  padding: 10px 40px;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-weight: bold;
  border-radius: 30px;
  border: transparent;
  position: relative;
  transition: 0.25s;
  display: inline-block;
}
@media screen and (min-width: 1080px) {
  .s_btn, .s_cv-basic-btn, .s_cv-btn, .s_basic-btn, .s_border-btn {
    font-size: 18px;
    padding: 10px 60px;
  }
}
.s_btn:hover::after, .s_cv-basic-btn:hover::after, .s_cv-btn:hover::after, .s_basic-btn:hover::after, .s_border-btn:hover::after {
  right: 10px;
}
.s_btn::after, .s_cv-basic-btn::after, .s_cv-btn::after, .s_basic-btn::after, .s_border-btn::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  right: 15px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.25s;
}
.s_btn._center-btn, ._center-btn.s_cv-basic-btn, ._center-btn.s_cv-btn, ._center-btn.s_basic-btn, ._center-btn.s_border-btn {
  margin: 0 auto;
  display: table;
}

.s_border-btn {
  color: #0077c4;
  border: 2px solid #0077c4;
}
.s_border-btn::after {
  border-top: 2px solid #0077c4;
  border-right: 2px solid #0077c4;
}
.s_border-btn:hover {
  border: 2px solid #015287;
}

.s_basic-btn {
  background-color: #0077c4;
}
.s_basic-btn:hover {
  background-color: #015287;
}

.s_cv-btn {
  background-color: #f2883d;
}
.s_cv-btn:hover {
  background-color: #ff9b23;
}

.s_cv-basic-btn {
  margin-top: 5px;
  border: 2px solid #FFF;
}

.s_text-btn {
  color: #0077c4;
  transition: 0.25s;
  cursor: pointer;
}
.s_text-btn span {
  position: relative;
  font-weight: bold;
}
.s_text-btn span::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: -1px;
  right: 9px;
  margin: auto;
  width: 4px;
  height: 4px;
  border-top: 2px solid #0077c4;
  border-right: 2px solid #0077c4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}
.s_text-btn span::after {
  content: "";
  display: inline-block;
  position: relative;
  bottom: -0.35em;
  right: 0;
  width: 18px;
  height: 18px;
  margin-left: 5px;
  border-radius: 20px;
  border: 2px solid #0077c4;
}
.s_text-btn:hover span::before {
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
}
.s_text-btn:hover span::after {
  background: #0077c4;
}
.s_text-btn._center-btn {
  margin: 0 auto;
  display: table;
}

/*text-------------------*/
.s_sub-title {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.s_sub-title span:not(._ruby) {
  font-size: inherit;
  font-weight: bold;
  color: #0077c4;
}

.s_title {
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .s_title {
    font-size: 26px;
  }
}
@media screen and (max-width: 480px) {
  .s_title {
    margin-bottom: 35px;
  }
}
.s_title span:not(._ruby) {
  font-size: inherit;
  font-weight: bold;
  color: #0077c4;
}
.s_title span:not(._ruby) span {
  font-size: 150%;
  margin: 0 3px;
}
.s_title span:not(._ruby-bixider) {
  font-size: inherit;
  font-weight: bold;
  color: #0077c4;
}
.s_title span:not(._ruby-bixider) span {
  font-size: 100%;
  margin: 0;
}
.s_title ._ruby, .s_title ._ruby-bixider {
  font-size: inherit;
}
.s_title ._ruby::before {
  top: -0.55em;
}

.s_cap {
  max-width: 900px;
  width: 90%;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}
.s_cap span {
  font-size: inherit;
  font-weight: bold;
  color: #0077c4;
}
.s_m-content .s_cap {
  text-align: left;
  margin: 0 0 20px;
  width: 100%;
}

.s_option-bottom {
  color: #99abb7;
  font-size: 12px;
  margin-block-start: 10px;
}

.s_two-row {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .s_two-row {
    flex-direction: column;
    gap: 40px;
  }
}
.s_two-row .s_cv-icon-btn {
  width: 30px;
  height: 30px;
  position: relative;
  border-radius: 30px;
  background: #f2883d;
  transition: 0.25s;
}
@media screen and (min-width: 1080px) {
  .s_two-row .s_cv-icon-btn {
    width: 40px;
    height: 40px;
  }
}
.s_two-row .s_cv-icon-btn::before {
  content: "";
  width: 20px;
  height: 20px;
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  background-image: url(/images/common/cv_arrow.svg);
}
@media screen and (max-width: 768px) {
  .s_two-row .s_cv-icon-btn::before {
    width: 15px;
    height: 15px;
  }
}

.s_cv-area {
  color: #FFF;
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 50px;
  border-radius: 30px;
  background: #0077c4;
  flex-direction: column;
}
@media screen and (min-width: 1080px) {
  .s_cv-area {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  .s_cv-area {
    padding: 30px;
  }
}
.s_cv-area .s_cv-btn, .s_cv-area .s_cv-basic-btn {
  padding: 10px 40px;
}
.s_two-row .s_cv-area {
  transition: 0.25s;
  width: 100%;
  padding: 40px 40px 50px;
}
@media screen and (min-width: 1080px) {
  .s_two-row .s_cv-area {
    flex-direction: column;
    padding: 40px 40px 0;
    gap: 20px;
    align-items: end;
  }
}
@media screen and (min-width: 769px) {
  .s_two-row .s_cv-area {
    width: 48%;
  }
}
@media screen and (max-width: 480px) {
  .s_two-row .s_cv-area {
    padding: 30px;
  }
}
.s_two-row .s_cv-area:hover {
  background-color: #015287;
}
.s_two-row .s_cv-area:hover .s_cv-icon-btn {
  transform: translateX(8px);
  background-color: #ff9b23;
}

.s_cv-texe-area {
  width: auto;
}
@media screen and (min-width: 1080px) {
  .s_cv-texe-area {
    width: 56%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
.s_two-row .s_cv-texe-area {
  width: 100%;
  display: flex;
}
@media screen and (min-width: 769px) {
  .s_two-row .s_cv-texe-area {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 768px) {
  .s_two-row .s_cv-texe-area {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}

.s_cv-title {
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 15px;
}
@media screen and (min-width: 1080px) {
  .s_cv-title {
    font-size: 34px;
  }
}
@media screen and (max-width: 480px) {
  .s_cv-title {
    font-size: 26px;
  }
}
.s_two-row .s_cv-title {
  font-size: 26px;
  margin-bottom: 0;
}
@media screen and (max-width: 480px) {
  .s_two-row .s_cv-title {
    font-size: 22px;
  }
}

.s_cv-cap {
  margin-bottom: 20px;
}
.s_cv-cap ._ruby {
  padding: 0 4px;
}
.s_cv-cap ._ruby::before {
  transform: scale(0.7);
  font-size: 10px;
}

.s_cv-img {
  width: auto;
  position: relative;
  line-height: 0;
  display: flex;
  justify-content: end;
}
@media screen and (min-width: 1080px) {
  .s_cv-img {
    width: 40%;
  }
}
.s_cv-img img {
  position: relative;
  width: 50%;
  bottom: -50px;
}
@media screen and (max-width: 480px) {
  .s_cv-img img {
    bottom: -30px;
  }
}
@media screen and (max-width: 768px) {
  .s_cv-img img {
    width: 70%;
  }
}
@media screen and (min-width: 1080px) {
  .s_cv-img img {
    width: 100%;
    position: absolute;
  }
}
@media screen and (min-width: 1080px) {
  .s_two-row .s_cv-img {
    width: 60%;
  }
}
@media screen and (min-width: 1080px) {
  .s_two-row .s_cv-img img {
    position: relative;
    bottom: auto;
  }
}
@media screen and (max-width: 768px) {
  .s_two-row .s_cv-img img {
    width: 60%;
  }
}

._support-cv-area {
  display: flex;
  justify-content: space-between;
  padding: 50px;
  border-radius: 30px;
  background: #ecf5ff;
  flex-direction: column;
}
@media screen and (min-width: 1080px) {
  ._support-cv-area {
    flex-direction: row;
    align-items: center;
  }
}
@media screen and (max-width: 480px) {
  ._support-cv-area {
    padding: 20px;
  }
}
._support-cv-area ._support-cv-text-area {
  width: 60%;
}
@media screen and (max-width: 1079px) {
  ._support-cv-area ._support-cv-text-area {
    width: 100%;
  }
}
._support-cv-area ._support-cv-sub-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
._support-cv-area ._support-cv-title {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  ._support-cv-area ._support-cv-title {
    font-size: 26px;
  }
}
._support-cv-area ._support-cv-cap {
  margin-bottom: 40px;
}
._support-cv-area ._support-cv-cap span {
  font-size: inherit;
  color: #0077c4;
}
._support-cv-area ._support-cv-cap .s_pc-show {
  display: none;
}
@media screen and (min-width: 769px) {
  ._support-cv-area ._support-cv-cap .s_pc-show {
    display: inline-block;
  }
}
._support-cv-area ._support-cv-btn {
  margin: 0 0 40px;
}
._support-cv-area ._support-img {
  max-width: 500px;
  margin: 0 auto;
}

.s_cv-movie {
  width: 60%;
  height: 100%;
  margin: 30px auto 0;
  position: relative;
  border: 8px solid #1256B1;
  border-radius: 30px;
  overflow: hidden;
  line-height: 0;
}
@media screen and (min-width: 1080px) {
  .s_cv-movie {
    width: 40%;
    margin: 0;
  }
}
@media screen and (max-width: 768px) {
  .s_cv-movie {
    width: 100%;
  }
}
.s_cv-movie::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 80px;
  z-index: 1;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  border-radius: 80px;
  background: #0077c4;
}
.s_cv-movie::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 8px;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 0;
  z-index: 2;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
  border-style: solid;
  border-width: 15px 0 15px 26px;
  border-color: transparent transparent transparent #fff;
}
.s_cv-movie:hover img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
}
.s_cv-movie img {
  width: 100%;
  transition: 0.25s;
  -webkit-transition: 0.25s;
  -moz-transition: 0.25s;
}

.s_line {
  margin: 80px 0;
  border-bottom: 1px solid #d9e2ef;
}

.s_f-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: auto !important;
  max-width: 400px;
  margin: 20px 20px 40px 0;
  background: #FFF;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);
}
@media screen and (max-width: 480px) {
  .s_f-list {
    max-width: 85vw;
  }
}
@media screen and (max-width: 768px) {
  .s_f-list {
    width: 100%;
  }
}

.s_f-img {
  line-height: 0;
}

.s_f-text {
  padding: 15px 20px;
}

.s_f-title {
  color: #0077c4;
  font-size: 17px;
  font-weight: bold;
  margin-bottom: 10px;
}

._accessory {
  padding: 0px 20px 15px;
}

.s_f-suggest, .s_f-bixider, .s_f-bixider-license, .s_f-option {
  margin-right: 5px;
}
.s_f-suggest::before, .s_f-bixider::before, .s_f-bixider-license::before, .s_f-option::before {
  display: inline-block;
  position: relative;
  padding: 0px 8px;
  font-size: 12px;
  color: #FFF;
  font-weight: bold;
  border-radius: 20px;
}

.s_f-suggest::before {
  content: "おすすめ";
  background: #f2883d;
}

.s_f-bixider::before {
  content: "bixider限定機能";
  background: #0077c4;
}

.s_f-bixider-license::before {
  content: "bixiderライセンス付与可";
  background: #3662b3;
}

.s_f-option::before {
  content: "オプション";
  background: #4cc09c;
}

.s_f-cap {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.7;
}
@media screen and (max-width: 480px) {
  .s_f-cap {
    font-size: 13px;
  }
}

.s_f-btn-area {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  border-top: 1px solid #d9e2ef;
}
.s_f-btn-area ._first, .s_f-btn-area ._second {
  width: 50%;
}
.s_f-btn-area > a {
  width: 100%;
}

.s_f-btn {
  padding: 5px 0 10px;
}
.s_f-btn:nth-child(2) {
  border-left: 1px solid #d9e2ef;
}

/*タブメニュー -----------------*/
.s_tab-scroll {
  max-width: 1200px;
  width: 93%;
  margin: 0 auto 40px;
  border-bottom: 2px solid #d6e0e9;
}
@media screen and (max-width: 768px) {
  .s_tab-scroll {
    max-width: none;
    width: 100%;
    margin: 0 0 40px;
    border-top: 2px solid #d6e0e9;
  }
}
.s_tab-scroll::-webkit-scrollbar {
  height: 5px;
}
.s_tab-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.s_tab-scroll::-webkit-scrollbar-thumb {
  background: #8b8b8b;
  border-radius: 5px;
}

@media screen and (max-width: 768px) {
  .s_tab-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    overflow-y: hidden;
    overflow-x: scroll;
  }
}

.s_tabbar-area {
  display: flex;
  justify-content: space-around;
}
.s_tabbar-area ._tab {
  position: relative;
  text-align: center;
  padding: 0 10px 10px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.25s;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .s_tabbar-area ._tab {
    padding: 5px 30px 10px;
  }
}
.s_tabbar-area ._tab._tab-active {
  color: #0077c4;
}
.s_tabbar-area ._tab._tab-active::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  background-color: #0077c4;
}

.s_desk-br {
  display: inline-block;
}
@media screen and (min-width: 1080px) {
  .s_desk-br {
    display: block;
  }
}

.s_pc-br {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  .s_pc-br {
    display: block;
  }
}

.s_sp-br {
  display: block;
}
@media screen and (min-width: 769px) {
  .s_sp-br {
    display: inline-block;
  }
}

.s_desk-hide {
  display: block;
}
@media screen and (min-width: 1080px) {
  .s_desk-hide {
    display: none;
  }
}

.s_desk-show {
  display: none;
}
@media screen and (min-width: 1080px) {
  .s_desk-show {
    display: block;
  }
}

.s_pc-show {
  display: none;
}
@media screen and (min-width: 769px) {
  .s_pc-show {
    display: block;
  }
}

.s_sp-show {
  display: block;
}
@media screen and (min-width: 769px) {
  .s_sp-show {
    display: none;
  }
}

.s_m-area {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  z-index: 110;
}
.s_m-area.s_open {
  display: block;
}

.s_bg-modal {
  width: 100%;
  height: 100vh;
  position: absolute;
  background: rgba(83, 83, 83, 0.5);
}

.s_m-content-area {
  max-width: 1200px;
  min-width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  border-radius: 15px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .s_m-content-area {
    min-width: 93%;
  }
}
.s_m-compact .s_m-content-area {
  max-width: 800px;
  width: 80%;
  min-width: auto;
}

.s_m-content {
  padding: 40px 0 0;
  position: relative;
}
@media screen and (max-width: 768px) {
  .s_m-content {
    padding: 5%;
  }
}

.s_m-content-scroll {
  max-height: 80vh;
  overflow-y: auto;
  padding: 0px 40px 40px;
}
@media screen and (max-width: 768px) {
  .s_m-content-scroll {
    padding: 0px 10px;
  }
}

.s_close-icon {
  position: absolute;
  right: -10px;
  top: -10px;
  width: 35px;
  height: 35px;
  border-radius: 35px;
  background: #0077c4;
}
.s_close-icon::before, .s_close-icon::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 13px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #FFF;
}
.s_close-icon::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.s_close-icon::after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.s_m-title {
  color: #0077c4;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  display: flex;
}

.s_m-table {
  display: flex;
  align-items: flex-start;
  padding: 10px 0;
  border-bottom: 1px solid #b0c5e3;
}
@media screen and (max-width: 480px) {
  .s_m-table {
    flex-direction: column;
  }
}
.s_m-table:first-child {
  border-top: 1px solid #b0c5e3;
}

.s_m-cap {
  font-size: 14px;
}
.s_m-cap span {
  color: #0077c4;
}

.s_m-th {
  font-weight: bold;
}
@media screen and (max-width: 480px) {
  .s_m-th {
    margin-bottom: 10px;
  }
}

.s_m-th, .s_m-td {
  width: 50%;
}
@media screen and (max-width: 480px) {
  .s_m-th, .s_m-td {
    width: 100%;
  }
}
.s_m-th span, .s_m-td span {
  color: #0077c4;
}

.s_sub-td {
  margin-bottom: 5px;
}
.s_sub-td > div {
  font-size: 14px;
}

.s_new {
  position: relative;
  overflow: hidden;
}
.s_new._event > div::after {
  font-size: 10px;
}
.s_new.s_f-img > div::before {
  border-width: 45px 45px 0 0;
}
.s_new.s_f-img > div::after {
  font-size: 12px;
  top: 7px;
}
.s_new > div {
  position: relative;
}
.s_new > div::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 35px 35px 0 0;
  border-color: #d34d4d transparent transparent transparent;
  z-index: 1;
}
.s_new > div::after {
  content: "NEW";
  color: #FFF;
  position: absolute;
  left: 1px;
  top: 11px;
  font-weight: bold;
  font-size: 10px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  z-index: 1;
}

/*TOP KVエリア ------------------*/
.s_kv-area {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 1080px) {
  .s_kv-area {
    flex-direction: row;
  }
}
.s_kv-area .s_basic-btn {
  padding: 10px 45px;
  margin-right: 5px;
}
@media screen and (max-width: 480px) {
  .s_kv-area .s_basic-btn {
    padding: 10px 25px;
  }
}
.s_kv-area .s_cv-basic-btn {
  padding: 10px 35px;
  color: #0077c4;
  background-color: #fff;
  border: 2px solid #0077c4;
  margin-top: 20px;
}
@media screen and (max-width: 480px) {
  .s_kv-area .s_cv-basic-btn {
    padding: 10px 25px;
  }
}
.s_kv-area .s_cv-basic-btn::after {
  border-top: 2px solid #0077c4;
  border-right: 2px solid #0077c4;
}

.s_kv-txt {
  width: 530px;
}
@media screen and (max-width: 1079px) {
  .s_kv-txt {
    margin-bottom: 70px;
    text-align: center;
    max-width: 560px;
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .s_kv-txt {
    margin-bottom: 56px;
  }
}

.s_kv-subtitle {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}
.s_kv-subtitle ._ruby::before {
  font-size: 10px;
}

.s_kv-title {
  font-size: 47px;
  font-weight: bold;
  margin-bottom: 30px;
}
.s_kv-title span {
  color: #0077c4;
  font-size: inherit;
  font-weight: inherit;
}
@media screen and (max-width: 768px) {
  .s_kv-title {
    font-size: 38px;
    margin-bottom: 15px;
    padding-left: 0.5em;
  }
}
@media screen and (max-width: 480px) {
  .s_kv-title {
    font-size: 8.6vw;
    margin-bottom: 0;
  }
}

/*
.s_notice-area {
    display: flex;
    align-items: center;
    padding: 1rem;
    border: 1px solid $mainColor;
    border-radius: 5px;
    gap: 15px;

    @include sp {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    ._category {
        width: 110px;
        text-align: center;
        padding: 0.2rem 1.5rem;
        background-color: $mainColor;
        border-radius: 30px;
        color: #fff;
    }

    p {
        width: calc(100% - 110px);

        @include sp {
            width: auto;
        }

        a {
            color: $mainColor;
            font-weight: 700;
        }
    }
}


//ユーザーの声
.s_comment-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-radius: 20px;
    background-color: #fff;

    @include mobile {
        flex-direction: column;
    }
}

.s_comment-parts {
    width: 32%;
    margin-bottom: 0;
    border-radius: 20px;

    @include mobile {
        width: 100%;
        margin-bottom: 30px;
    }

    &:last-child {
        margin-bottom: 0;
    }

    box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);
    position: relative;
    padding: 30px 30px 108px;

    .s_comment-text {
        font-weight: bold;
        line-height: 1.7;
        text-align: justify;
        width: 100%;

        span {
            font-size: inherit;
            font-weight: inherit;
            color: $mainColor;
        }
    }

    img {
        width: 70px;
        position: absolute;
        bottom: 30px;
        right: 30px;

        @include mobile {
            width: 60px;
        }
    }
}

//○○向けページ機能紹介部分
._f-tab-slide-area {
    ._f-slide-group {
        position: relative;
        max-width: 1000px;
        width: 93%;

        ._f-text {
            font-weight: 600;
            text-align: left;
        }

        ._f-slide-img {
            div {
                position: relative;
                display: flex;
            }

            img {
                width: 90%;
                max-width: 1100px;
                margin: 0 auto -10%;
                padding-top: 5%;
            }
        }

        .swiper-controller {
            width: 100%;
            height: calc(100% - 100px);
            border-radius: 10px;
            background: #e8f0fb;
            display: block;
            position: absolute;
            bottom: 0;
        }
    }
}

//動画埋め込み
._movie-container {
    max-width: 1000px;
    width: 93%;
    margin: 60px auto 0;

    ._movie-inner {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden;
        border: 5px solid #e8f0fb;
        border-radius: 15px;

        iframe {
            position: absolute;
            top: -2px;
            left: -2px;
            width: calc(100% + 4px);
            height: calc(100% + 4px);
        }
    }
}
*/
#corpTop {
  padding-top: 0;
}
#corpTop ._back-green {
  background-color: #f9fcf2;
}
#corpTop ._back-gray {
  background-color: #f3f5f6;
}
#corpTop section .s_container._adjust-bottom {
  margin: 0 auto;
}
#corpTop .s_cap {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #corpTop .s_cap {
    font-size: 15px;
  }
}
#corpTop :is(._corp-about-area, ._corp-problem-area) .s_title {
  margin-bottom: 30px;
}
#corpTop :is(._corp-about-area, ._corp-problem-area) .s_cap {
  margin-bottom: 40px;
}
#corpTop ._corp-top-area {
  padding-top: 140px;
  background-color: #f9fcf2;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-top-area {
    padding-top: 115px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-top-area {
    padding-top: 100px;
  }
}
#corpTop ._corp-top-area .s_container {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-top-area .s_container {
    width: 100%;
  }
}
#corpTop ._kv-img {
  flex: 1;
  position: relative;
  top: -8px;
}
@media screen and (max-width: 1079px) {
  #corpTop ._kv-img {
    width: 100%;
    max-width: 500px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._kv-img {
    width: 92%;
  }
}
#corpTop ._crown-cap {
  text-align: center;
  width: 93%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 50px;
  font-size: 10px;
  color: #99abb7;
}
#corpTop ._corp-crown {
  margin: 55px auto 0;
  max-width: 920px;
  width: 90%;
}
@media screen and (max-width: 1079px) {
  #corpTop ._corp-crown {
    max-width: 560px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-crown {
    margin: 30px auto 0;
  }
}
#corpTop ._corp-crown img {
  max-width: 700px;
  display: block;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-about-area {
    background-color: #f5f5f5;
  }
}
#corpTop ._corp-about-area .s_cap {
  margin-bottom: 30px;
  line-height: 1.7;
  text-align: left;
  font-weight: unset;
}
#corpTop ._about-content {
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  #corpTop ._about-content {
    max-width: 500px;
    margin: 0 auto;
    padding-left: 10px;
  }
}
#corpTop ._about-content img {
  margin: 0 auto;
}
#corpTop ._about-content ._pc {
  max-width: 1000px;
}
#corpTop ._about-content ._sp {
  max-width: 600px;
}
#corpTop ._about-content .s_text-btn {
  position: absolute;
  left: calc(17% - 5em);
  bottom: 7%;
}
@media screen and (min-width: 1086px) {
  #corpTop ._about-content .s_text-btn {
    left: calc(50% - 409px);
    bottom: 42px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop ._about-content .s_text-btn {
    bottom: unset;
    left: calc(50% - 3.5em);
    top: 27.5%;
  }
}
#corpTop ._problem-question-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3%;
}
#corpTop ._problem-question-item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 200px;
  padding: 8px 15px 0;
  text-align: center;
  background: #fff;
  border: 2px solid #d1d3d4;
  border-radius: 10px;
  box-sizing: border-box;
  transition: 0.2s;
  z-index: 1;
  /*sp課題*/
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-question-item {
    display: none;
  }
}
#corpTop ._problem-question-item:hover {
  box-shadow: 0 -3px 20px rgba(90, 127, 145, 0.3);
  background-color: #f8faff;
  transition: 0.2s;
}
#corpTop ._problem-question-item._small._active, #corpTop ._problem-question-item._small:hover {
  border: 2px solid #00c0c0;
}
#corpTop ._problem-question-item._medium._active, #corpTop ._problem-question-item._medium:hover {
  border: 2px solid #c0c000;
}
#corpTop ._problem-question-item._large._active, #corpTop ._problem-question-item._large:hover {
  border: 2px solid #0b468c;
}
#corpTop ._problem-question-item._active::before {
  content: "選択中";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: calc(50% - 35px);
  top: -15px;
  width: 70px;
  height: 30px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  border-radius: 15px;
  background: #005482;
  z-index: 1;
}
#corpTop ._problem-question-item._sp-row {
  display: none;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-question-item._sp-row {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    text-align: left;
    width: auto;
    height: 120px;
    padding: 10px 5px;
    margin-bottom: 35px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._problem-question-item._sp-row {
    justify-content: space-between;
    padding: 0 12px;
  }
}
#corpTop ._problem-question-item ._txt-content {
  z-index: 1;
}
#corpTop ._q-txt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}
#corpTop ._problem-question-item:hover ._q-txt {
  color: #0077c4;
}
@media screen and (min-width: 1080px) {
  #corpTop {
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop {
    font-size: 22px;
    margin: 0 0 12px;
  }
}
#corpTop ._q-tag-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
@media screen and (min-width: 1080px) {
  #corpTop ._q-tag-wrapper {
    gap: 15px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._q-tag-wrapper {
    justify-content: start;
  }
}
#corpTop ._q-tag-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4em 0.9em 0.45em;
  line-height: 1;
  border-radius: 30px;
  background-color: #fff;
  border: 1.5px solid #aec7ff;
  color: #0077c4;
  font-size: 11.5px;
  font-weight: bold;
  transition: 0.2s;
}
@media screen and (min-width: 1080px) {
  #corpTop ._q-tag-item {
    font-size: 13px;
    padding: 0.4em 0.75em 0.45em;
  }
}
#corpTop ._problem-question-item:hover ._q-tag-item {
  background-color: #0077c4;
  color: #fff;
}
#corpTop ._q-img {
  width: auto;
  height: 38%;
  margin-top: 10px;
}
@media screen and (min-width: 1080px) {
  #corpTop ._q-img {
    height: 48%;
    max-height: 90px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop ._q-img {
    width: 112px;
    height: auto;
    margin-top: 0;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._q-img {
    position: absolute;
    right: 7px;
    bottom: 10px;
  }
}
#corpTop ._problem-triangle {
  position: absolute;
  bottom: -20px;
  right: -20px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: #c4c9cd;
  border-radius: 100%;
  border: 3px solid #fff;
  z-index: 1;
  transition: 0.2s;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-triangle {
    right: -10px;
    width: 35px;
    height: 35px;
  }
}
#corpTop ._problem-triangle::after {
  content: "";
  border-top: 13px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  transform: translateY(2px);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-triangle::after {
    border-top: 9px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
  }
}
#corpTop ._active._small ._problem-triangle {
  background-color: #00c0c0;
}
#corpTop ._small:hover ._problem-triangle {
  background-color: #00c0c0;
}
#corpTop ._active._medium ._problem-triangle {
  background-color: #c0c000;
}
#corpTop ._medium:hover ._problem-triangle {
  background-color: #c0c000;
}
#corpTop ._active._large ._problem-triangle {
  background-color: #0b468c;
}
#corpTop ._large:hover ._problem-triangle {
  background-color: #0b468c;
}
#corpTop ._problem-answer-content {
  display: none;
  position: relative;
  margin: 35px 0 40px;
  border-radius: 10px;
  padding: 30px 43px 43px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-content {
    margin-top: 0;
    padding: 40px 30px 30px;
    position: relative;
    top: -10px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._problem-answer-content {
    padding: 40px 18px 18px;
  }
}
#corpTop ._problem-answer-content#small {
  border: 2px solid #00c0c0;
}
#corpTop ._problem-answer-content#medium {
  border: 2px solid #c0c000;
}
#corpTop ._problem-answer-content#large {
  border: 2px solid #0b468c;
}
#corpTop ._problem-answer-content::before {
  content: "";
  border-bottom: 15px solid #2a1f1f;
  border-right: 15px solid transparent;
  border-left: 15px solid transparent;
  transform: translateY(2px);
  box-sizing: border-box;
  position: absolute;
  top: -17px;
}
#corpTop ._problem-answer-content#small::before {
  border-bottom: 15px solid #00c0c0;
  left: calc(16.6666666667% - 25px);
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-content#small::before {
    left: calc(50% - 10.5px);
  }
}
#corpTop ._problem-answer-content#medium::before {
  border-bottom: 15px solid #c0c000;
  left: calc(50% - 10.5px);
}
#corpTop ._problem-answer-content#large::before {
  border-bottom: 15px solid #0b468c;
  right: calc(16.6666666667% - 25px);
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-content#large::before {
    right: unset;
    left: calc(50% - 10.5px);
  }
}
#corpTop ._problem-answer-content::after {
  content: "";
  width: 100%;
  height: 7px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-content::after {
    height: 4px;
  }
}
#corpTop ._problem-answer-content#small::after {
  background-color: #00c0c0;
}
#corpTop ._problem-answer-content#medium::after {
  background-color: #c0c000;
}
#corpTop ._problem-answer-content#large::after {
  background-color: #0b468c;
}
#corpTop ._problem-answer-content._active {
  display: block;
}
#corpTop ._problem-answer-content .s_title {
  margin-bottom: 13px;
  font-size: 26px;
}
#corpTop ._problem-answer-content > ._txt {
  margin-bottom: 25px;
}
@media screen and (max-width: 480px) {
  #corpTop ._problem-answer-content > ._txt {
    margin-bottom: 20px;
  }
}
#corpTop ._problem-answer-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 3%;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-wrapper {
    flex-direction: column;
    gap: 22px;
  }
}
#corpTop ._problem-answer-item {
  display: flex;
  flex-direction: column;
  width: 50%;
  border: 2px solid #d1d3d4;
  border-radius: 10px;
  padding: 20px 20px 13px;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-item {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._problem-answer-item {
    padding: 21px 12px 6px;
  }
}
#corpTop ._problem-answer-item ._title {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  color: #0077c4;
  line-height: 1.5;
  margin-bottom: 13px;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-item ._title {
    font-size: 21px;
  }
}
#corpTop ._problem-answer-item > ._txt {
  flex: 1;
  margin-bottom: 8px;
}
@media screen and (max-width: 480px) {
  #corpTop ._problem-answer-item > ._txt {
    margin-bottom: 15px;
  }
}
#corpTop ._problem-answer-item img {
  margin: 0 auto;
  display: block;
  width: 80%;
  max-width: 300px;
}
@media screen and (max-width: 768px) {
  #corpTop ._problem-answer-item img {
    max-width: 400px;
    width: 100%;
  }
}
#corpTop ._cv-area {
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 350px;
  padding: 45px;
  border-radius: 10px;
  background: #0077c4;
  flex-direction: column;
  overflow: hidden;
}
@media screen and (min-width: 1080px) {
  #corpTop ._cv-area {
    flex-direction: row;
    padding: 45px 0 45px 45px;
    height: 260px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop ._cv-area {
    align-items: center;
    height: 380px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._cv-area {
    height: 350px;
    padding: 30px;
  }
}
#corpTop ._cv-text-area {
  width: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (min-width: 1080px) {
  #corpTop ._cv-text-area {
    width: 60%;
  }
}
#corpTop ._cv-title {
  font-size: 25px;
  font-weight: bold;
  color: #ffe285;
  text-align: center;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  #corpTop ._cv-title {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop ._cv-buttons {
    text-align: center;
  }
}
#corpTop ._cv-buttons .s_cv-basic-btn {
  margin-top: 15px;
}
#corpTop ._cv-buttons .s_cv-btn {
  margin-right: 20px;
}
@media screen and (max-width: 768px) {
  #corpTop ._cv-buttons .s_cv-btn {
    margin-right: 0;
  }
}
#corpTop ._cv-img {
  width: 75%;
  min-width: 210px;
  max-width: 390px;
  margin: 25px auto 0;
}
@media screen and (min-width: 1080px) {
  #corpTop ._cv-img {
    width: 40%;
    position: absolute;
    top: 7px;
    left: calc(60% + 54px);
  }
}
@media screen and (min-width: 1200px) {
  #corpTop ._cv-img {
    right: 25px;
  }
}
#corpTop ._corp-reason-area ._ruby {
  color: unset;
}
#corpTop ._reason-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 2%;
}
@media screen and (max-width: 768px) {
  #corpTop ._reason-wrapper {
    flex-direction: column;
    gap: 35px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._reason-wrapper {
    gap: 25px;
  }
}
#corpTop ._reason-item {
  flex: 1;
  padding: 6% 2% 4%;
  text-align: center;
  background: #e6ecfa;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  #corpTop ._reason-item {
    padding: 20px 10px 25px;
  }
}
#corpTop ._reason-item img {
  display: inline-block;
  margin-bottom: 30px;
  width: 90%;
  max-width: 300px;
}
@media screen and (max-width: 480px) {
  #corpTop ._reason-item img {
    display: none;
  }
}
#corpTop ._reason-item ._large-txt {
  font-size: 27px;
  font-weight: bold;
  color: #0077c4;
  margin-bottom: 25px;
}
@media screen and (max-width: 480px) {
  #corpTop ._reason-item ._large-txt {
    font-size: 22px;
    margin-bottom: 18px;
  }
}
#corpTop ._function-item {
  padding: 13px 13px 21px;
}
@media screen and (min-width: 1080px) {
  #corpTop ._function-item {
    padding: 25px 20px 21px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop ._function-item {
    padding: 0 18px;
    width: 100% !important;
  }
}
#corpTop ._function-item ._title {
  font-size: 24px;
  font-weight: bold;
  display: flex;
  align-items: center;
  line-height: 1;
  margin-bottom: 22px;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  #corpTop ._function-item ._title {
    font-size: 21px;
  }
}
#corpTop ._function-item ._title::before {
  content: "";
  display: block;
  width: 10px;
  height: 1em;
  margin-top: 2px;
  background: #0077c4;
}
#corpTop ._function-item img {
  overflow: hidden;
  border-radius: 10px;
  box-shadow: 0 -3px 20px rgba(90, 127, 145, 0.3);
  margin-bottom: 15px;
}
#corpTop .swiper-container {
  position: relative;
}
#corpTop .swiper-slide img {
  height: auto;
  width: 100%;
}
#corpTop .swiper-container.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 65px;
}
#corpTop .swiper-container.swiper-container-horizontal .swiper-pagination-bullet {
  background: #60676b;
}
#corpTop .swiper-container .swiper-button-prev, #corpTop .swiper-container .swiper-button-next {
  display: none;
}
@media screen and (max-width: 768px) {
  #corpTop .swiper-container .swiper-button-prev, #corpTop .swiper-container .swiper-button-next {
    display: flex;
    justify-content: center;
  }
}
#corpTop .swiper-pagination {
  display: none;
}
@media screen and (max-width: 768px) {
  #corpTop .swiper-pagination {
    display: block;
  }
}
#corpTop .swiper-container > .swiper-button-prev, #corpTop .swiper-container > .swiper-button-next {
  position: absolute;
  background-color: #fff;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  border: 2px solid #0077c4;
  bottom: 0px;
  top: unset;
}
#corpTop .swiper-container > .swiper-button-prev::after, #corpTop .swiper-container > .swiper-button-next::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 3px solid #0077c4;
  border-right: 3px solid #0077c4;
}
#corpTop .swiper-container > .swiper-button-prev {
  left: calc(50% - 55px);
}
#corpTop .swiper-container > .swiper-button-prev::after {
  transform: rotate(-135deg);
  margin-left: 5px;
}
#corpTop .swiper-container > .swiper-button-next {
  right: calc(50% - 55px);
}
#corpTop .swiper-container > .swiper-button-next::after {
  transform: rotate(45deg);
  margin-right: 7px;
}
#corpTop ._corp-function-area {
  /*1列3列切り替え*/
}
#corpTop ._corp-function-area .swiper-wrapper {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(3, 1fr);
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-function-area .swiper-wrapper {
    display: flex;
  }
}
#corpTop ._corp-function-area ._swiper-space {
  width: 100%;
  height: 100px;
  display: none;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-function-area ._swiper-space {
    display: block;
  }
}
#corpTop ._corp-plan-area .s_title {
  margin-bottom: 10px;
}
#corpTop ._corp-plan-area .s_cap {
  margin-bottom: 65px;
}
#corpTop ._corp-plan-area .s_sub-title {
  margin-bottom: 60px;
}
#corpTop ._corp-plan-area ._corp-ease-plan {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 50px 20px;
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-plan-area ._corp-ease-plan {
    gap: 22px;
  }
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base {
  width: 100%;
  overflow: visible;
  position: relative;
}
@media screen and (min-width: 769px) {
  #corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base {
    width: 31%;
  }
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base::before {
  border-radius: 10px 10px 0 0;
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base.cpct031::after {
  content: "おすすめ";
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 30px;
  top: -35px;
  width: 70px;
  height: 70px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  border-radius: 100%;
  background: #f2883d;
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base.cpct031::after {
    top: -5px;
    top: -5px;
    right: -3px;
  }
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base .b_plan-cap {
  font-weight: bold;
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base .b_plan-text {
  border-bottom: 0;
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base img {
  max-height: 100px;
  width: auto;
  display: block;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-plan-area ._corp-ease-plan .b_plan-base img {
    display: none;
  }
}
#corpTop ._corp-plan-area ._corp-ease-plan .b_plan-price > div {
  color: #0077c4;
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-plan-area .b_plan-base :is(.b_plan-cap, .b_plan-name, .b_plan-text) {
    text-align: left;
  }
}
#corpTop ._corp-plan-area .b_plan-base .b_plan-price {
  margin-bottom: 5px;
}
#corpTop ._corp-case-area .s_title {
  margin-bottom: 35px;
}
@media screen and (max-width: 480px) {
  #corpTop ._corp-case-area .s_title {
    margin-bottom: 25px;
  }
}
#corpTop ._corp-case-area .swiper-wrapper {
  /*3行に変更*/
  flex-direction: column;
  padding-top: 21px;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-case-area .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }
}
#corpTop ._corp-case-area .swiper-wrapper ._swiper-space {
  width: 100%;
  height: 57px;
  display: none;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-case-area .swiper-wrapper ._swiper-space {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  #corpTop ._corp-case-area .swiper-slide {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-case-area .s_container {
    width: 100%;
  }
}
#corpTop ._corp-case-area ._swiper-space {
  width: 100%;
  height: 40px;
}
@media screen and (max-width: 768px) {
  #corpTop ._corp-case-area ._swiper-space {
    height: 60px;
  }
}
#corpTop .s_case-row-item {
  display: flex;
  align-items: flex-start;
  gap: 5%;
  margin-bottom: 2rem;
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 -3px 20px rgba(90, 127, 145, 0.3);
  background-color: #fff;
  margin: 0 18px;
}
@media screen and (min-width: 1080px) {
  #corpTop .s_case-row-item {
    padding: 2.5rem;
  }
}
@media screen and (max-width: 768px) {
  #corpTop .s_case-row-item {
    flex-direction: column;
    gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop .s_case-row-item {
    padding: 1.5rem;
  }
}
#corpTop .s_case-row-item img {
  width: 40%;
}
@media screen and (max-width: 768px) {
  #corpTop .s_case-row-item img {
    width: 100%;
    order: 1;
  }
}
@media screen and (max-width: 480px) {
  #corpTop .s_case-row-item img {
    height: 135px;
    object-fit: cover;
    object-position: 0 25%;
  }
}
#corpTop .s_case-row-info {
  flex: 1;
}
@media screen and (min-width: 1080px) {
  #corpTop .s_case-row-info {
    padding-top: 0.7rem;
  }
}
#corpTop .s_case-row-info ._title {
  margin-bottom: 13px;
  font-size: 24px;
  font-weight: bold;
  color: #0077c4;
}
@media screen and (max-width: 480px) {
  #corpTop .s_case-row-info ._title {
    margin-bottom: 3px;
    font-size: 4.3vw;
  }
}
#corpTop .s_case-row-info ._info-wrapper {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 1079px) {
  #corpTop .s_case-row-info ._info-wrapper {
    flex-direction: column;
    gap: 5px;
  }
}
@media screen and (max-width: 768px) {
  #corpTop .s_case-row-info ._info-wrapper {
    flex-direction: row;
  }
}
@media screen and (max-width: 480px) {
  #corpTop .s_case-row-info ._info-wrapper {
    flex-direction: column;
    gap: 5px;
  }
}
#corpTop .s_case-row-info ._corp {
  font-size: 15px;
  font-weight: bold;
  color: #60676b;
}
@media screen and (max-width: 768px) {
  #corpTop .s_case-row-info ._corp {
    display: inline-block;
  }
}
#corpTop .s_case-row-info p {
  font-size: 16px;
  line-height: 1.6;
}
@media screen and (max-width: 480px) {
  #corpTop .s_case-row-info p {
    font-size: 15px;
  }
}
#corpTop .s_case-row-category span {
  font-size: 13px;
  font-weight: bold;
  background: #efefef;
  padding: 1px 10px;
  display: inline-block;
  border-radius: 20px;
  margin-right: 5px;
}
#corpTop .s_case-row-category._corp span {
  background: #ebf2db;
}
#corpTop ._case-link {
  text-align: center;
}
#corpTop ._case-link .s_basic-btn {
  margin-top: 30px;
}
#corpTop ._step-wrapper {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 3%;
  content: counter(step-counter);
  margin-top: 15px;
}
@media screen and (max-width: 1079px) {
  #corpTop ._step-wrapper {
    flex-direction: column;
    padding: 0 15px;
    gap: 30px;
    max-width: 700px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._step-wrapper {
    gap: 20px;
  }
}
#corpTop ._step-wrapper::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 4px;
  background: #0077c4;
  top: calc(50% - 2px);
}
@media screen and (max-width: 1079px) {
  #corpTop ._step-wrapper::before {
    width: 6px;
    height: 100%;
    top: 0;
    left: calc(50% - 3px);
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._step-wrapper::before {
    width: 3px;
  }
}
#corpTop ._step-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  counter-increment: step-counter;
  width: 100%;
  padding: 50px 10px 30px;
  text-align: center;
  background: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 1079px) {
  #corpTop ._step-item {
    flex-direction: row;
    justify-content: space-around;
    gap: 19px;
    padding: 15px 15px 15px 10px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._step-item {
    padding-left: 22px;
  }
}
#corpTop ._step-item::before {
  position: absolute;
  content: counter(step-counter);
  display: flex;
  align-items: center;
  justify-content: center;
  right: calc(50% - 17px);
  top: -15px;
  width: 34px;
  height: 34px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  border-radius: 100%;
  background: #0077c4;
}
@media screen and (max-width: 1079px) {
  #corpTop ._step-item::before {
    left: -17px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._step-item::before {
    top: -7px;
  }
}
#corpTop ._step-item img {
  width: 70%;
  max-width: 100px;
  height: auto;
  margin: 0 auto 27px;
}
@media screen and (max-width: 1079px) {
  #corpTop ._step-item img {
    width: 65px;
    margin: 0;
    margin-left: 17px;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._step-item img {
    display: none;
  }
}
#corpTop ._step-detail-wrapper {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1079px) {
  #corpTop ._step-detail-wrapper {
    text-align: left;
  }
}
#corpTop ._step-detail-wrapper ._title {
  font-size: 16px;
  font-weight: bold;
  color: #0077c4;
  margin-bottom: 10px;
}
@media screen and (min-width: 1080px) {
  #corpTop ._step-detail-wrapper ._title {
    font-size: 18px;
  }
}
#corpTop ._step-detail-wrapper ._txt {
  font-size: 15px;
  flex-grow: 1;
}
#corpTop ._initial-support {
  padding: 35px 35px 40px;
  background-color: #fafbfb;
  border-radius: 10px;
}
@media screen and (max-width: 480px) {
  #corpTop ._initial-support {
    padding: 30px 17px;
  }
}
#corpTop ._initial-support ._title {
  font-size: 23px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 25px;
}
@media screen and (max-width: 480px) {
  #corpTop ._initial-support ._title {
    font-size: 20px;
  }
}
#corpTop ._initial-support ._txt {
  margin-bottom: 35px;
  width: 100%;
  font-weight: inherit;
}
@media screen and (max-width: 480px) {
  #corpTop ._initial-support ._txt {
    text-align: left;
  }
}
#corpTop ._initial-support ._link {
  color: #0077c4;
  font-weight: bold;
}
#corpTop ._initial-support ._detail-title {
  font-size: 14px;
  margin-bottom: 14px;
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  #corpTop ._initial-support ._detail-title {
    font-size: 14px;
  }
}
#corpTop ._support-example {
  font-size: 15px;
  text-align: center;
  margin: 0 auto;
  border-radius: 10px;
  width: calc(50% - 15px);
  max-width: 840px;
  padding: 21px 30px;
  background-color: #e9edf0;
  line-height: 1.9;
}
@media screen and (max-width: 768px) {
  #corpTop ._support-example {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  #corpTop ._support-example {
    padding: 15px 10px;
    font-size: 3.5vw;
  }
}
#corpTop ._small-txt, #corpTop ._problem-answer-content > ._txt, #corpTop ._problem-answer-item > ._txt, #corpTop ._reason-item ._small-txt, #corpTop ._initial-support ._txt {
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  #corpTop ._small-txt, #corpTop ._problem-answer-content > ._txt, #corpTop ._problem-answer-item > ._txt, #corpTop ._reason-item ._small-txt, #corpTop ._initial-support ._txt {
    font-size: 15px;
  }
}
#corpTop ._news-area {
  display: flex;
  width: 100%;
  justify-content: space-between;
  flex-direction: column;
}
@media screen and (min-width: 769px) {
  #corpTop ._news-area {
    flex-direction: row;
  }
}
@media screen and (min-width: 769px) {
  #corpTop ._news-area .s_title {
    width: 30%;
    text-align: left;
  }
}
#corpTop ._news-area .s_text-btn {
  display: block;
  text-align: right;
  margin-top: 15px;
}
@media screen and (min-width: 769px) {
  #corpTop ._news-area ._news-item-list {
    width: 70%;
  }
}
#corpTop ._news-content {
  border-bottom: 1px solid #d1d3d4;
  padding: 15px 0;
}
#corpTop ._news-content:first-child {
  border-top: 1px solid #d1d3d4;
}
#corpTop ._news-content ._news::after {
  content: "NEWS";
  background-color: #0077c4;
}
#corpTop ._news-content ._info::after {
  content: "お知らせ";
  background-color: #f2883d;
}
#corpTop ._news-content ._versionup::after {
  content: "更新情報";
  background-color: #31a396;
}
#corpTop ._news-content ._news::after, #corpTop ._news-content ._info::after, #corpTop ._news-content ._versionup::after {
  width: 60px;
  height: auto;
  margin-left: 10px;
  padding: 0 0 1px;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  position: relative;
  top: -2px;
  vertical-align: middle;
  border-radius: 10px;
  display: inline-block;
}
#corpTop ._news-content .dt {
  padding: 0 0 5px;
}

/*// ======================================================================
//  PAGE: ACFIRM TOP
// ======================================================================
._acfirm-top-area {
    width: 100%;
    height: 610px;
    position: relative;
    overflow: hidden;


    .s_container {
        position: relative;
    }

    ._crown-cap {
        text-align: left;
        width: 100%;
        margin: 10px 0 0;


        @include desktop {
            max-width: 480px;
        }
    }

    .wave {
        height: 640px;
    }
}


._acfirm-top-img {
    position: absolute;
    width: 80%;
    max-width: 600px;
    max-height: 600px;
    top: -270px;
    right: -80px;

    @include desktop {
        width: 60%;
        max-width: 620px;
        max-height: 620px;
    }

    @include mobile {
        top: -240px;
        right: -9%;
    }

    @include sp {
        top: -200px;
    }
}

._acfirm-kv-slider {
    line-height: 0;
    border-radius: 800px;
    overflow: hidden;
    transition: all 1s ease-in-out;
    opacity: 0;
    position: absolute;
}

._acfirm-illustration {
    display: none;

    @include desktop {
        position: relative;
        right: 20px;
        bottom: -560px;
        width: 75%;
        max-width: 600px;
        z-index: 1;
        display: block;
    }
}

.s_kv-cap {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 30px;
    text-shadow: -1px 0px 5px rgb(209,227,251);

    @include sp {
        font-size: 14px;
    }

    ._acfirm-top-area & {
        text-shadow: -1px 0px 5px rgb(209,227,251);
    }

    ._corp-top-area & {
        font-size: 15px;
        margin-bottom: 20px;
        text-shadow: -1px 0px 5px rgb(203,182,106);
    }
}

._crown-cap {
    text-align: center;
    width: 93%;
    max-width: 1200px;
    margin: 0 auto 30px;
    font-size: 10px;
    color: $grayTextColor;
}

._top_founding-period-area, ._top-ninetydays-area, ._top_optimalvalueday-area {
    width: 93%;
    margin: 20px auto 40px;

    ._normal-cmp-bnr {
        max-width: 830px;
        padding: 22px;

        @include tablet {
            align-items: start;
        }

        ._normal-cmp-bnr-title {
            margin-bottom: .3rem;
            font-size: 27px;
        }

        ._normal-cmp-bnr-img img {
            width: 255px;
        }
    }
}

._top_banner-area {
    display: flex;
    justify-content: center;
    gap: 4%;
    max-width: 1200px;
    width: 93%;
    margin: 32px auto 0;

    @include mobile {
        flex-direction: column;
        align-items: center;
        gap: 32px;
    }

    > div {
        width: 360px;

        @include mobile {
            max-width: 448px;
            width: 100%;
        }
    }

    ._top_banner-box {
        display: block;
        padding: 24px;
        border-radius: 8px;
        background-color: #e8f0fb;

        img {
            margin-bottom: 16px;
        }
    }

    .s_basic-btn {
        width: 100%;
        padding-inline: 32px;
    }
}

._acfirm-logo {
    min-width: 100%;
    white-space: nowrap;
    overflow: hidden;

    ul {
        display: inline-block;
        margin: 0;
        padding: 0;
        list-style: none;
        animation: 70s linear infinite flowing;

        img {
            width: 3000px
        }
    }
}

@keyframes flowing {
    100% {
        transform: translateX(-100%);
    }
}


._acfirm-about-area {
    img {
        @include mobile {
            margin-bottom: 20px;
        }
    }
}
//会計事務所向け簡易料金表
._acfirm-plan_bg {
    padding: 40px 0 40px 40px;
    margin-bottom: 60px;
    border-radius: 10px;
    background-color: #e8f0fb;

    @include mobile {
        padding: 10px 0 10px 10px;
    }

    .b_ap-empty {
        height: 15px;
    }

    .b_ap-balloon {
        padding: 1px 15px;
        border-radius: 20px;
        color: #FFF;
        font-size: 14px;
        font-weight: bold;

        &::before {
            content: none;
        }
    }

    .b_acfirm-price-area {
        overflow-x: auto !important;
        padding-right: 40px;

        @include mobile {
            padding-right: 10px;
        }
    }

    .s_cv-area {
        margin: 40px 40px 0 0;

        @include mobile {
            margin: 10px 10px 0 0;
        }
    }

    .s_cv-title {
        @include desktop {
            font-size: 30px;
        }
    }

    .s_cv-img {
        img {

            @include desktop {
                width: 80%;
                position: absolute;
            }
        }
    }

    .b_acfirm-price {
        width: 1120px;

        @include sp {
            width: 780px;
        }
    }

    .b_ap-head-area {
        padding-right: 20px;
        background: #e8f0fb;

        @include mobile {
            padding-right: 10px;
            width: 17%;
            min-width: 170px;
        }
    }

    .b_ap-category {
        .b_ap-item {
            border: none;
            background: #FFF;
            height: 75px;
            margin: 5px 0;

            &:last-child {
                border-bottom: none;
                border-radius: 0 0 8px 8px;
            }

            &._before {
                height: 90px;
            }

            &._before, &._after {
                border-radius: 8px 8px 0 0;
            }
        }
    }

    ._bixider {
        width: 73%;

        @include mobile {
            width: 83%;
        }
    }

    .b_ap-bixider {
        border: none;
        justify-content: space-between;

        .b_ap-explain {
            position: relative;
            background: #FFF;

            &::before {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                width: 90%;
                height: 1px;
                background: #cbd9e3;
            }
        }

        .b_ap-item {
            height: 80px;

            &._before {
                height: 95px;
            }

            ._circle {
                width: 22px;
                height: 22px;
                background: none;
                border: 2px solid $mainColor;
            }

            ._triangle {
                width: 22px;
                height: 21px;
                position: relative;
                border-style: none;
                border-width: unset;
                border-color: transparent;
                background: $mainColor;
                clip-path: polygon(0% 100%, 50% 0%, 100% 100%);

                &::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: -1px;
                    margin: auto;
                    width: 15px;
                    height: 15px;
                    background: #FFF;
                    clip-path: polygon(0% 100%, 50% 0%, 100% 100%);
                }
            }

            ._cross {
                width: 22px;
                height: 22px;
                position: relative;

                &::before, &::after {
                    content: '';
                    width: 2px;
                    height: 22px;
                    display: inline-block;
                    position: absolute;
                    left: 0;
                    right: 0;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    background: $mainColor;
                }

                &::before {
                    transform: rotate(-45deg);
                }

                &::after {
                    transform: rotate(45deg);
                }
            }
        }

        ._starter, ._basic, ._premium {
            width: 32%;

            .b_ap-section {
                border-radius: 8px 8px 0 0;
            }

            .b_ap-item {
                background: #FFF;
                border-top: none;
                position: relative;

                &::before {
                    content: '';
                    display: block;
                    position: absolute;
                    bottom: 0;
                    width: 90%;
                    height: 1px;
                    background: #cbd9e3;
                }

                &:last-child {
                    border-radius: 0 0 8px 8px;

                    &::before {
                        content: none;
                    }
                }
            }

            .b_ap-price {
                font-weight: bold;
            }

            .b_ap-price-after {
                color: $grayTextColor;
            }
        }
    }
}*/
/*機能紹介ページ*/
/*#functionListArea {

    .s_function-contents {
        padding: 15px;
        height: auto;
        top: 180px;
        border-radius: 10px;
        flex: 0 0 220px;

        @include desktopmin {
            display: none;
        }
    }

    .s_function-list {
        font-size: 17px;

        &:last-child {
            padding-bottom: 0;
        }
    }

    ._acfirm-function {
        overflow: visible;
        padding: 0;
    }

    ._function-scroll {
        flex-direction: column;

        @include desktop {
            margin-inline-start: 60px;
        }

        &::after {
            content: none;
        }
    }

    .s_f-mobile-title {
        display: flex;
        align-items: center;
        font-weight: bold;
        font-size: 22px;
        margin-bottom: 20px;

        @include mobile {
            font-size: 23px;
            margin-left: 0;
        }

        img {
            width: 40px;
            margin-right: 10px;
        }
    }

    .s_f-list-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 35px 20px;

        &::after {
            content: "";
            display: block;
            width: 48%;
            max-width: 460px;
        }
    }

    .s_f-list {
        width: 48%;
        max-width: 460px;
        margin: 0;

        @include mobile {
            width: 100%;
            max-width: none;
        }
    }

    .s_text-btn span {
        font-size: 14px;
    }
}

._f-nav-sp-area {
    width: 80px;
    height: 80px;
    border-radius: 40px;
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #ffed7f;
    box-shadow: 0 0 20px rgba(159, 185, 223, 0.4);
    transform-origin: bottom;
    z-index: 99;
    cursor: pointer;

    @include desktop {
        display: none;
    }
}

._f-nav-btn {
    width: auto;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: bold;
    margin-top: -4px;
    transition: .5s;
    gap: 5px;

    img {
        width: 30px;
        transition: .5s;
    }

    .s_open & {
        width: auto;
        height: auto;
        margin-top: 0;
        padding: 15px 10px 10px;
        font-size: 13px;
        gap: 3px;

        img {
            width: 20px;
        }
    }
}

._f-nav-contents-area {

    @keyframes f-content-end {
        0%,50% {
            opacity: 1;
        }

        100% {
            opacity: 0;
        }
    }

    @keyframes f-content-start {
        0%,50% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    .s_close & {
        display: none;
    }

    .s_open & {
        animation: .8s ease-in-out 1 f-content-start;

        ._f-nav-category {
            display: flex;
            justify-content: space-between;
            align-items: start;
            padding: 10px 20px;

            @include sp {
                padding: 10px;
            }

            > a {
                font-size: 13px;
                text-align: center;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 10px;
                width: 20%;

                @include sp {
                    font-size: 11px;
                }

                figure {
                    width: 50px;
                    height: 50px;
                    display: flex;
                    justify-content: center;
                    margin-block: 0;
                    margin-inline: 0;
                    border-radius: 100%;
                    background-color: #FFF;
                    box-shadow: 0 0 20px rgba(159, 185, 223, 0.4);

                    img {
                        width: 30px;
                    }
                }
            }
        }

        ._f-nav-contents {
            overflow: auto;
            padding: 10px 20px;
            height: 275px;
        }

        ._f-nav-item {
            margin-bottom: 15px;

            div {
                font-size: 18px;
                font-weight: bold;
                margin-bottom: 10px;
            }

            a {
                font-size: 14px;
                position: relative;
                display: inline-block;
                margin: 0 15px 8px 0;

                &::after {
                    content: '';
                    display: inline-block;
                    width: 17px;
                    height: 17px;
                    position: relative;
                    top: 3px;
                    left: 3px;
                    background-position: center;
                    background-repeat: no-repeat;
                    background-size: contain;
                    background-image: url(/images/common/subject/pagelink.svg);
                }
            }
        }

        ._f-nav-close-area {
            border-top: 1px solid #999266;
            position: relative;

            &::before {
                content: '';
                display: block;
                position: absolute;
                width: 100%;
                height: 20px;
                top: -20px;
                background: linear-gradient(0deg, rgba(153,146,102,.2), rgba(153,146,102,0));
            }
        }

        ._f-nav-close {
            position: relative;
            height: 72px;
            width: 90px;
            padding: 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-direction: column;
            gap: 4px;
            font-size: 13px;
            font-weight: bold;
            margin: 0 0 0 auto;
            cursor: pointer;

            span {
                position: relative;
                height: 20px;
                width: 20px;

                &::before, &::after {
                    content: '';
                    display: inline;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    width: 20px;
                    height: 2px;
                    border-radius: 2px;
                    background-color: #002c4a;
                }

                &::before {
                    transform: rotate(45deg);
                }

                &::after {
                    transform: rotate(-45deg);
                }
            }
        }
    }
}

.s_function-scroll {
    display: flex;
    align-items: flex-start;

    @include mobile {
        flex-direction: column;
    }
}

.s_function-contents {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    flex: 0 0 275px;
    height: 100vh;
    padding: 160px 0 0 20px;
    background: #ecf5ff;

    @include desktop {
        padding: 160px 0 0 40px;
    }

    @include mobile {
        display: none;
    }
}

.s_function-link {
    display: flex;
    align-items: center;
    padding-bottom: 20px;

    &:last-child {
        padding-bottom: 3%;
    }

    img {
        width: 20px;
        height: 20px;
        display: inline-block;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

    &._is-active img {
        -webkit-filter: grayscale(0);
        -moz-filter: grayscale(0);
        -ms-filter: grayscale(0);
        -o-filter: grayscale(0);
        filter: grayscale(0);
    }
}

.s_function-list {
    font-size: 17px;
    font-weight: bold;
    margin-left: 5px;
    color: $grayTextColor;

    @include desktop {
        font-size: 20px;
    }

    ._is-active & {
        color: #002C4A;
    }
}

.s_f-mobile-title {
    display: none;

    @include mobile {
        display: flex;
        align-items: center;
        font-weight: bold;
        font-size: 23px;
        margin-left: 50px;
        margin-bottom: 10px;

        img {
            width: 40px;
            margin-right: 10px;
        }
    }

    @include sp {
        margin-left: 20px;
        margin-bottom: 0;
    }
}

._function-scroll {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;

    &::after {
        content: '';
        display: block;
        width: 32%;
        max-width: 400px;
        height: 0;
    }
}

._acfirm-function {
    overflow: hidden;

    @include mobile {
        width: 100%;
    }

    @include desktop {
        padding: 50px 0 0;
    }

    .swiper-wrapper {
        margin-left: 50px;

        @include sp {
            margin-left: 20px;
        }
    }
}*/
/*PRICE----------------------*/
/*._normal-cmp-bnr {
    display: flex;
    max-width: 860px;
    margin-inline: auto;
    padding: 24px;
    border: 1px solid #99abb7;
    border-radius: 8px;
    gap: 28px;

    @include mobile {
        flex-direction: column;
    }

    ._normal-cmp-bnr-content {

        p {
            margin-bottom: 1rem;
            font-size: 15px;
            text-align: left;
        }
    }

    ._normal-cmp-bnr-item {
        display: flex;
        gap: 8px;
        margin-bottom: 0.2rem;

        > div {
            padding: 0.1rem 0.8rem;
            background-color: #99abb7;
            color: #fff;

            &._point {
                background-color: #22b573;
            }
        }
    }

    ._normal-cmp-bnr-title {
        margin-bottom: 0.2rem;
        font-size: 34px;
        font-weight: 700;
    }

    ._normal-cmp-bnr-img {
        display: flex;
        align-items: center;

        @include mobile {
            justify-content: center;
        }

        img {
            max-width: 400px;
            width: 280px;

            @include mobile {
                width: 100%;
            }
        }
    }
}

._bnr-margin {
    margin-bottom: 2em;
}

.s_info {
    width: 16px;
    height: 16px;
    cursor: pointer;
    position: relative;
    transition: .25s;
    border-radius: 16px;
    background: $mainColor;

    &:hover {
        background: $hoverColor;
    }

    &::before {
        content: "?";
        display: inline-block;
        font-size: 13px;
        font-weight: bold;
        color: #FFF;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0px;
        right: 0;
        top: -5px;
        bottom: 0px;
        margin: auto;
        text-align: center;
    }
}

._license-price-area {
    margin-top: 10px;

    span {
        font-size: 18px;
        font-weight: bold;
        margin: 0 3px;
    }

    ._emphasis {
        font-size: 16px;
        font-weight: bold;

        span {
            font-size: 21px;
        }
    }
}

._support-bringing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    border-radius: 20px;
    background: #f9f9f9;

    @include mobile {
        flex-direction: column;
    }
}

._support-bringing-title {
    font-weight: bold;
    font-size: 24px;

    @include mobile {
        margin-bottom: 20px;
    }
}

._support-bringing-price-area {
    width: 40%;
    padding: 15px;
    background: #FFF;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);

    @include mobile {
        width: 100%;
    }

    .s_cap {
        margin-bottom: 0;
    }
}

._support-bringing-price {
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 5px;
    color: $mainColor;

    span {
        color: #002C4A;
        font-size: 16px;
        font-weight: bold;
    }
}

._campaign-banner-title {
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    margin: 60px auto 20px;
    position: relative;
    display: table;

    &::before, &::after {
        content: '';
        display: inline-block;
        width: 2px;
        height: 1.5em;
        top: 5px;
        bottom: 0;
        margin: auto;
        position: absolute;
        background: #002c4a;

        @include mobile {
            top: auto;
        }
    }

    &::before {
        left: -0.8em;
        transform: rotate(-45deg);
    }

    &::after {
        right: -0.8em;
        transform: rotate(45deg);
    }
}

._campaign-banner {
    margin: 0 auto;
    max-width: 728px;
    display: block;

    @include mobile {
        max-width: 300px;
    }
}

._founding-period-area {
    margin-top: 100px;
}*/
/*second opinion-------------*/
/*._second-info {
    margin-bottom: 150px;
    background: #F6F9FD;
    position: relative;

    &._corp {

        &::before {
            content: '';
            width: 50%;
            height: 100%;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            background-position: center left;
            background-repeat: no-repeat;
            background-size: cover;
            background-image: url(/images/common/content/acfirm-second-opinion/bixider-list.webp);

            @include mobile {
                width: 130%;
                height: 300px;
                top: auto;
                bottom: 0;
                right: 0;
            }
        }

        ._second-img-area {

            @include mobile {
                padding-bottom: 200px;
            }
        }
    }

    .s_container {
        margin-bottom: 0;
    }
}

._second-area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
    gap: 30px;

    @include mobile {
        flex-direction: column;
    }
}

._second-text-area {
    width: 55%;
    text-align: left;
    margin-bottom: 0;

    @include mobile {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .s_sub-title {
        margin-bottom: 5px;

        @include tablet {
            text-align: left;
        }
    }

    .s_title {
        margin-bottom: 20px;

        @include tablet {
            text-align: left;
        }
    }

    ._second-cap {
        margin-bottom: 30px;
    }
}

._second-movie-area {
    width: 50%;
    line-height: 0;
    position: relative;
    overflow: hidden;
    border: 12px solid #BAD4F7;
    border-radius: 30px;

    @include mobile {
        width: 100%;
    }

    &::before {
        content: "";
        display: inline-block;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 80px;
        height: 80px;
        z-index: 1;
        transition: .25s;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        border-radius: 80px;
        background: $mainColor;
    }

    &::after {
        content: "";
        display: inline-block;
        position: absolute;
        left: 8px;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 0;
        height: 0;
        z-index: 2;
        transition: .25s;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        border-style: solid;
        border-width: 15px 0 15px 26px;
        border-color: transparent transparent transparent #FFF;
    }

    &:hover {
        &::before {
            background: $hoverColor;
        }

        &::after {
            left: 10px;
            border-width: 17.5px 0 17.5px 30.3px;
        }

        img {
            transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -ms-transform: scale(1.05);
        }
    }

    img {
        width: 100%;
        border-radius: 15px;
        transition: .25s;
        -webkit-transition: .25s;
        -moz-transition: .25s;
    }
}

// ======================================================================
//  PAGE: CASE
// ======================================================================
.s_case-cv-area {
    padding-bottom: 60px;
    background-color: #f6f9fd;

    .s_container {
        margin-bottom: 0;
    }

    & + section {
        padding-top: 30px;
    }
}

.s_case-cv-content {
    display: flex;
    gap: 5%;
    min-height: 250px;
    overflow: hidden;
    border-radius: 10px;
    background-color: #fff;

    @include mobile {
        flex-direction: column;
    }
}

.s_case-cv-text {
    padding: 30px 40px;

    @include sp {
        padding: 30px;
    }

    ._title {
        margin-bottom: 16px;
        font-size: 24px;
        font-weight: bold;
        color: $mainColor;
    }

    p {
        margin-bottom: 24px;
        font-size: 16px;
        line-height: 1.7;
    }
}

.s_case-cv-img {
    flex: 0 0 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/images/common/case.webp);

    @include mobile {
        flex: unset;
        aspect-ratio: 16/9;
    }
}

.s_case-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    margin: 50px 0;

    @include mobile {
        flex-direction: column;
    }

    ._repair & {
        margin: auto
    }

    &._list {
        &:after {
            content: '';
            width: 32%;

            @include mobile {
                width: 100%;
            }
        }
    }
}

.s_case {
    width: 32%;
    background: #FFF;
    border-radius: 20px;
    overflow: hidden;
    transition: .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);

    &:hover {
        box-shadow: 0px -3px 30px rgba(159, 185, 223, 0.6);
    }

    &:last-child {
        margin-bottom: 0;
    }

    ._repair & {
        padding: 15px 15px 20px;

        &:hover {
            box-shadow: 0 -3px 20px rgba(159,185,223,.4);
        }

        img {
            border-radius: 10px;
        }

        .s_text {
            font-size: 14px;
            line-height: 1.6;
        }
    }

    @include mobile {
        width: 100%;
        margin-bottom: 60px;
    }

    ._list & {
        margin-bottom: 40px;

        @include mobile {
            margin-bottom: 60px;
        }
    }
}

.s_case-img {
    img {
        aspect-ratio: 16 / 9;
    }
}

.s_case-text {
    padding: 15px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;

    ._repair & {
        padding: 0;
        margin-top: 15px;
    }

    .s_case-info {
        min-height: 80px;
    }
}

.s_case-name {
    color: $mainColor;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;

    ._repair & {
        margin-bottom: 10px;
    }
}

.s_case-corp {
    margin-bottom: 5px;
    color: $grayTextColor;
    font-size: 13px;
}

.s_case-category {
    margin-top: 20px;

    span {
        font-size: 13px;
        font-weight: bold;
        background: #efefef;
        padding: 2px 10px;
        margin-right: 5px;
        margin-bottom: 5px;
        display: inline-block;
        border-radius: 20px;

        &.cpfree {

            &::before {
                content: 'フリープラン';
            }
        }

        &.cpct001 {

            &::before {
                content: 'レポートプラン';
            }
        }

        &.cpct011 {

            &::before {
                content: 'スタンダードプラン';
            }
        }

        &.cpct031 {

            &::before {
                content: 'プランニングプラン';
            }
        }

        &.cpct051 {

            &::before {
                content: 'プロフェッショナルプラン';
            }
        }
    }
}

.a_case-kv-area {

    @include mobile {
        padding-bottom: 60px;
    }

    .s_container {
        margin-bottom: 0;
    }
}

.a_case-title {
    margin-bottom: 50px;
    padding: 20px 24px;
    font-weight: bold;
    font-size: 18px;
    border-radius: 8px;
    background-color: #f6f9fd;

    @include mobile {
        margin-bottom: 20px;
    }
}

.a_case-kv-content {
    display: flex;
    justify-content: space-between;
    gap: 40px;

    @include mobile {
        flex-direction: column-reverse;
        gap: unset;
    }

    .a_case-img {
        flex: 0 0 50%;

        img {
            border-radius: 10px;
        }
    }
}

.a_case-kv-text {
    margin-top: 30px;

    @include mobile {
        margin-top: 20px;
    }

    .s_title {
        margin-bottom: 20px;
        text-align: left;
        line-height: 1.8;

        @include desktopmin {
            font-size: 26px;
        }
    }

    .a_case-name {
        font-size: 14px;
    }
}

.a_case-func-area {
    margin-block: 20px;

    .a_case-func-title {
        margin-bottom: 10px;
        padding-top: 24px;
        border-top: 1px solid $mainColor;
        font-size: 18px;
        font-weight: 700;
        color: $mainColor;
    }
}

.a_case-func-img-area {
    margin-bottom: 60px;
    text-align: center;

    .a_case-func-img {
        margin-bottom: 20px;
    }
}


.a_case-corp {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.a_case-detail-area {
    padding-top: 0;

    .s_container {
        max-width: 800px;
    }
}

.a_case-effect {
    padding: 30px 40px;
    margin-bottom: 60px;
    border-radius: 10px;
    background-color: #f6f9fd;

    @include sp {
        padding: 20px 30px;
    }
}

.a_case-effect-title {
    margin-bottom: 16px;
    font-size: 22px;
    font-weight: bold;
    color: $mainColor;
}

.a_case-effect-list li {
    position: relative;
    padding-left: 22px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.8;

    &:not(:last-child) {
        margin-bottom: 12px;
    }

    &:before {
        display: block;
        position: absolute;
        content: "";
        top: 9px;
        left: 0;
        width: 12px;
        height: 12px;
        background-color: $mainColor;
        border-radius: 20px;
    }
}

.a_case-introduction {
    margin-bottom: 60px;

    .a_case-img {
        margin-bottom: 20px;
        border-radius: 10px;
    }
}

.a_case-text-area {
    margin: 40px 0;

    .a_case-img {
        margin-bottom: 20px;
        border-radius: 10px;
    }
}

.a_case-query {
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0 10px;
    padding: 0 0 0 40px;
    position: relative;

    &::before {
        content: '';
        display: block;
        width: 30px;
        height: 1px;
        background: #002c4a;
        position: absolute;
        left: 0;
        top: 0.8em;
    }
}

.a_case-reply {
    margin-top: 30px;
    line-height: 1.8;
}

.a_case-reply-name {
    font-weight: bold;
}

.a_case-info-area {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #99abb7;
    padding-top: 80px;
    margin-top: 80px;
    flex-direction: column;

    @include tablet {
        flex-direction: row;
    }
}

.a_case-info-logo {
    width: 100%;
    margin: 0 auto 40px;

    @include tablet {
        width: 30%;
        margin: 0;
    }

    img {
        border: 1px solid #99abb7;
    }
}

.a_case-info-detail {
    width: 100%;

    @include tablet {
        width: 63%;
    }

    .s_case-category {
        margin-top: 10px;
        margin-bottom: 20px;
    }
}

.a_case-info-text {
    @include mobile {
        margin-top: 20px;
    }

    > div {
        display: flex;
        width: 100%;
        margin-top: 7px;
        flex-direction: column;

        @include tablet {
            flex-direction: row;
        }

        span {
            &:first-child {
                width: 100%;
                font-weight: bold;

                @include tablet {
                    width: 30%;
                }
            }

            &:last-child {
                width: 100%;

                @include tablet {
                    width: 70%;
                }
            }
        }
    }
}*/
/*ITtrend--------------*/
/*.s_review-border {
    margin-top: 150px;
}

.s_it-trend-area {
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-direction: column;
    align-items: center;

    @include desktop {
        flex-direction: row;
    }
}

.s_it-title {
    display: flex;
    margin-bottom: 30px;
    width: 350px;
    justify-content: center;
    flex-direction: column;

    @include desktop {
        width: 30%;
        margin-bottom: 0;
        flex-direction: column;
    }

    > img {
        width: 100%;

        @include mobile {
            margin: 10px 0 20px;
        }
    }

    > div {
        display: flex;
        justify-content: center;
        width: 100%;
        margin: 0 0 10px;


        img {
            width: 130px;
            height: 130px;
            margin: 0 10px;
        }
    }
}

.s_review-area {
    width: 93%;
    display: flex;
    justify-content: space-between;

    @include desktop {
        width: 65%;
    }

    @include mobile {
        flex-direction: column;
    }
}

.s_review {
    width: 48%;
    padding: 15px;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);

    @include mobile {
        width: 100%;
        margin-bottom: 20px;
    }
}

.s_review-info-area {
    display: flex;
    margin-bottom: 15px;

    img {
        width: 60px;
        height: 60px;
    }
}

.s_review-info {
    margin-left: 10px;
}

.s_review-title {
    color: $mainColor;
    font-weight: bold;
    font-size: 17px;
    margin-bottom: 5px;
}

.s_review-employee {
    position: relative;
    color: $grayTextColor;
    font-size: 14px;

    &:before {
        content: '従業員規模：';
        display: inline-block;
    }
}

.s_review-comment {
    font-size: 14px;
    line-height: 1.7;
}*/
/*DOCUMENT---------------------*/
/*.s_document-all-area {
    display: flex;
    justify-content: space-between;

    @include mobile {
        flex-direction: column;
    }
}

.s_document-area {
    width: 47%;

    @include mobile {
        width: 100%;
        margin-bottom: 60px;

        &:last-child {
            margin-bottom: 0;
        }
    }
}

.s_document-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;

    > div {
        font-size: 24px;
        font-weight: bold;
    }
}

.s_document {
    min-height: 160px;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 10px;
    background: #e8f0fb;
    transition: .25s;
    -webkit-transition: .25s;
    -moz-transition: .25s;

    &:last-child {
        margin-bottom: 0;
    }

    &:hover {
        background: #D8E8FE;
    }

    img {
        width: 170px;
        border-radius: 5px;
        overflow: hidden;
    }
}

.s_document-img {
    line-height: 0;
}

.s_document-text-area {
    margin-left: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.3;
}

.s_document-item-title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    color: $mainColor;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.3;
}*/
/*QUESTION----------------*/
/*.s_question {
    padding: 15px 0;
    border-bottom: 1px solid #99abb7;
    cursor: pointer;

    &:first-child {
        border-top: 1px solid #99abb7;
    }

    > div {
        padding-right: 20px;

        @include sp {
            padding-right: 30px;
        }
    }
}

.s_question-title {
    display: flex;
    align-items: center;
    font-weight: bold;
    position: relative;

    &::after {
        content: "";
        vertical-align: middle;
        right: 4px;
        width: 8px;
        height: 8px;
        position: absolute;
        top: -4px;
        bottom: 0;
        margin: auto;
        border-top: 4px solid $mainColor;
        border-right: 4px solid $mainColor;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
        transition: .25s;

        .s_open-answer & {
            -webkit-transform: rotate(315deg);
            transform: rotate(315deg);
        }
    }

    span {
        position: relative;
        width: 40px;
        height: 40px;
        margin-right: 40px;
        border-radius: 40px;
        display: inline-block;
        flex-shrink: 0;
        background: $mainColor;

        &::before {
            content: "Q";
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            width: 1em;
            height: 1em;
            position: absolute;
            font-size: 25px;
            left: 0;
            right: 0;
            top: -3px;
            bottom: 0;
            margin: auto;
        }

        @include sp {
            margin-right: 10px;
        }
    }
}

.s_answer-area {
    display: none;
}

.s_answer {
    display: flex;
    align-items: flex-start;
    margin-top: 20px;

    > span {
        position: relative;
        width: 40px;
        height: 40px;
        margin-top: -5px;
        margin-right: 40px;
        border-radius: 40px;
        display: inline-block;
        flex-shrink: 0;
        border: 1px solid $mainColor;

        &::before {
            content: "A";
            display: flex;
            align-items: center;
            justify-content: center;
            color: $mainColor;
            width: 1em;
            height: 1em;
            position: absolute;
            font-size: 25px;
            left: 0;
            right: 0;
            top: -3px;
            bottom: 0;
            margin: auto;
        }

        @include sp {
            margin-right: 10px;
        }
    }

    .s_answer-cap {
        > span {
            font-weight: bold;
            position: relative;
            background: linear-gradient(transparent 75%, #ffc947 0%);
            display: inline;
        }

        ul {
            margin-bottom: 20px;

            li {
                list-style-type: disc;
                margin-inline-start: 20px;
                margin-block-end: 3px
            }
        }
    }

    .s_text-btn {
        display: block;
    }
}

// ======================================================================
//  PAGE: 一般企業向け　料金プラン
// ======================================================================
#corpPlanArea {
    margin-bottom: 50px;
}

._block-plus {
    margin-block: auto;
    position: relative;
    display: block;
    width: 30px;
    height: 30px;

    &::before, &::after {
        content: '';
        display: block;
        width: 30px;
        height: 5px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background-color: #333;
        border-radius: 10px;
    }

    &::before {
        width: 5px;
        height: 30px;
    }
}
//オプション
._option-area {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    padding: 30px;
    border-radius: 20px;
    margin-bottom: 50px;
    background-color: #F9F9F9;
}

._option-item-area {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;

    @include desktop {
        flex-direction: row;
    }
}

._option-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 20px;
    background-color: #FFF;
    box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);

    &:last-child {
        margin-bottom: 0;
    }

    &._single {
        width: 100%;
    }

    @include desktop {
        width: 32%;
        margin-bottom: 0;
    }

    ._option-item-container {
        padding: 20px;

        ._single-title {
            display: flex;
            justify-content: space-between;
            margin-bottom: 15px;

            @include mobile {
                flex-direction: column;
            }
        }
    }
}

._option-title {
    font-size: 24px;
    font-weight: bold;
}

._option-price-area {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 10px;

    @include desktop {
        height: 57px;
    }
}

._option-price {
    font-size: 18px;
    font-weight: bold;

    > div {
        display: inline-block;
        margin: 0 4px;
        font-size: 34px;
        font-weight: bold;
        line-height: 1;
        color: $mainColor;
    }
}

._option-note {
    margin-top: 2px;
    font-size: 12px;
}

._option-info {
    border-top: 1px solid #99abb7;
    padding-block: 10px 5px;
    color: $grayTextColor;
    font-size: 14px;
    font-weight: bold;
}

._option-cap {
    line-height: 1.8;
    font-size: 14px;
}
//お知らせ
._news-area {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;

    @include tablet {
        flex-direction: row;
    }

    .s_title {

        @include tablet {
            width: 30%;
            text-align: left;
        }
    }

    .s_text-btn {
        display: block;
        text-align: right;
        margin-top: 15px;
    }

    ._news-item-list {

        @include tablet {
            width: 70%;
        }
    }
}

._news-content {
    border-bottom: 1px solid #99ABB7;
    padding: 15px 0;

    &:first-child {
        border-top: 1px solid #99abb7;
    }

    ._news::after {
        content: "NEWS";
        background-color: #c0c000;
    }

    ._info::after {
        content: "お知らせ";
        background-color: #186090;
    }

    ._versionup::after {
        content: "更新情報";
        background-color: #00a0ff;
    }

    ._news::after, ._info::after, ._versionup::after {
        width: 60px;
        height: auto;
        margin-left: 10px;
        padding: 0 0 1px;
        color: #fff;
        font-size: 11px;
        font-weight: 700;
        text-align: center;
        position: relative;
        top: -2px;
        vertical-align: middle;
        border-radius: 10px;
        display: inline-block;
    }

    .dt {
        padding: 0 0 5px;
    }
}

// ======================================================================
//  PAGE: 特定商取引法
// ======================================================================
._law-area {
    max-width: 800px;
    margin: 0 auto;

    ._law-content {
        margin: 30px 0 0px;
    }

    ._law-title {
        font-size: 20px;
        font-weight: bold;
    }

    ._law-line {
        border-top: 1px solid #99abb7;
        margin: 0 0 5px;
        padding-top: 5px;
        margin-top: 5px;

        ._law-line-btn {
            font-weight: bold;
            color: #1872ec;
        }

        ._law-sub-title {
            font-weight: bold;
        }
    }

    ._noname {
        &::before {
            width: 28px;
            height: 18px;
        }

        &::after {
            font-size: 12px;
            vertical-align: baseline;
        }
    }
}

// ======================================================================
//  PAGE: セキュリティ体制
// ======================================================================
._security-area {
    max-width: 900px;
    margin-inline: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 80px 60px;
    padding-top: 20px;

    @include mobile {
        max-width: 480px;
        flex-direction: column;
        align-items: center;
    }

    ._security-title {
        font-size: 22px;
        font-weight: bold;
        margin: 16px 0;
    }

    ._cap {
        line-height: 1.7;
    }

    ._security-content {
        width: 45%;

        @include mobile {
            width: 100%;
        }

        img {
            max-width: 400px;
            margin: auto;
            display: block;

            @include sp {
                width: 80%;
            }
        }
    }
}

._security-evaluation-area {
    padding-top: 0;
}

._security-evaluation-content {
    max-width: 900px;
    margin-inline: auto;
    display: flex;

    @include mobile {
        max-width: 480px;
        flex-direction: column;
    }

    ._img {
        width: 260px;

        @include mobile {
            margin-inline: auto;
        }
    }

    ._text-area {
        width: calc(100% - 300px);
        margin-left: auto;

        @include mobile {
            width: 100%;
        }

        ._title {
            margin-bottom: 16px;
            font-size: 22px;
            font-weight: bold;

            @include mobile {
                margin-top: 16px;
            }
        }

        p {
            margin-bottom: 32px;
            line-height: 1.7;
        }

        ._auth-name {
            margin-bottom: 5px;
            font-size: 18px;
            font-weight: bold;
            color: $mainColor;
        }

        th, td {
            vertical-align: top;
        }

        th {
            width: 100px;
            text-align: left;
        }
    }
}
// ======================================================================
//  PAGE: Thanksページ
// ======================================================================

#Thanks {
    ._thanks-cap {
        text-align: center;
    }

    ._btn-area {
        margin-top: 40px;
    }
}

.s_contact-mail-area {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    padding: 30px;
    margin-top: 40px;
    border-radius: 10px;
    background: #e9f0f5;

    ._title {
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 5px;
    }

    ._mail {
        margin-bottom: 8px;
        font-size: 18px;
    }

    ._receptionist-time {
        font-size: 13px;
    }
}


//料金表
#bixidPlan {

    &.s_container {
        @include desktopmin {
            margin: 0 auto 30px;
        }
    }
}

._plan-description {
    display: flex;
    margin: 0 auto;
    max-width: 840px;
    justify-content: space-around;

    @include mobile {
        flex-direction: column;
    }

    ._block-plus {
        @include mobile {
            margin: 20px auto;
        }
    }
}

._plan-block {
    min-width: 280px;
    max-width: 330px;
    min-height: 150px;
    padding: 22px;
    margin-inline: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgba(159, 185, 223, 0.4);

    ._plan-block-title {
        font-size: 24px;
        font-weight: 700;
        color: $mainColor;
    }

    ._plan-block-price {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 52px;
        margin-bottom: 4px;

        > div {
            font-size: 18px;
            font-weight: 700;
        }

        span._strong {
            margin-inline: 4px;
            font-size: 34px;
            font-weight: 700;
        }

        div._strong {
            font-size: 28px;
            font-weight: 700;
        }
    }

    ._plan-block-text {
        text-align: left;
    }
}

#pricePlan {
    @include desktopmin {
        overflow-x: scroll;
        margin: 0 0 0 4%;
        padding-top: 50px;
    }

    ._price-supplement {
        margin-top: 16px;
    }
}

._installation-support-area {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;
    counter-reset: number 0;

    @include tablet {
        flex-direction: row;
        align-items: center;
    }

    ._support-plice {
        @extend ._support-bringing-price;

        @include mobile {
            font-size: 38px;
        }
    }
}

._installation-support-title-area {
    width: 30%;
    text-align: left;

    @include mobile {
        width: 100%;
        text-align: center;
        margin-bottom: 40px;
    }

    .s_title {
        text-align: left;
        margin-bottom: 0;

        @include mobile {
            text-align: center;
        }
    }
}

._installation-step-area {
    width: 65%;
    margin-bottom: 40px;

    @include mobile {
        width: 100%;
    }
}

._installation-step-title {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
    color: $mainColor;

    @include mobile {
        font-size: 20px;
        text-align: center;
    }
}

._installation {
    position: relative;
    padding: 40px 0 40px 10px;
    border-top: 1px solid #99abb7;
    display: flex;
    align-items: center;

    &:last-child {
        border-bottom: 1px solid #99abb7;
    }

    &::before {
        content: counter(number);
        counter-increment: number 1;
        color: $mainColor;
        font-weight: bold;
        font-size: 46px;
        margin-right: 50px;
        line-height: 0.7;
    }
}

// ======================================================================
//  PAGE: 画像素材提供
// ======================================================================
#bkitTos {
    ._use_img_app-area {
        max-width: 800px;
        margin: 0 auto;
    }

    ._description {
        margin-bottom: 80px;
    }

    ._description a,
    .s_cap a {
        font-weight: bold;
        color: #1872ec;
    }

    ._bkit-area {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 20px;

        @include mobile {
            flex-direction: column;
        }
    }

    ._bkit-list {
        width: 31%;
        margin-bottom: 60px;

        @include mobile {
            width: 100%;
            margin-bottom: 60px;
        }

        img {
            margin-bottom: 5px;
            border: 1px solid #ddd;
        }
    }

    ._bkit-list-title {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;

        span {
            font-size: 12px;
            font-weight: 700;
            color: #ec5e4a;
        }
    }

    ._sub-title {
        font-weight: bold;
    }

    ._tos-sub-title {
        margin: 30px 0 10px;
        font-weight: bold;
        font-size: 18px;
    }

    ._imgtos-area {
        height: 400px;
        margin-bottom: 80px;
        overflow-y: scroll;
        border: 1px solid #ddd;
    }

    ._imgtos-content {
        margin: 40px 30px;

        ol ul {
            padding-left: 24px;
        }
    }

    ._tosform-area {
        border: 1px solid #ddd;
    }
}


// ======================================================================
//  PAGE: サポート
// ======================================================================
$supporSubColor: #f1f6fd;

#supportPage {
    &._acfirm {
        padding-top: 0;
    }

    ._suppor-title-bottom {
        margin-bottom: 120px;
    }

    ._title {
        font-size: 40px;
        font-weight: bold;
        margin-bottom: 40px;

        @include sp {
            font-size: 28px;
        }
    }

    ._sub-title {
        font-size: 20px;
        font-weight: bold;

        @include sp {
            font-size: 16px;
        }

        span {
            color: $mainColor;
            font-size: inherit;
            font-weight: inherit;
        }
    }

    .s_cap {
        @include mobile {
            text-align: left;
        }
    }

    ._basic-area {
        .s_cap {
            @include mobile {
                text-align: center;
            }
        }
    }

    ._support-notice {
        border: 1px solid $grayTextColor;
        border-radius: 5px;
        padding: 25px 20px;
        margin: 0 auto 60px;
        text-align: center;
        width: 100%;
        max-width: 700px;

        ._sub-title {
            margin-bottom: 10px;
        }

        ._cap {
            font-size: 15px;
            font-weight: bold;
            margin-bottom: 20px;

            .s_sp-br {
                font-weight: inherit;
            }
        }

        .s_text-btn {
            text-align: center;
        }
    }
}
//初期導入サポート
._introduction-support-area {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-direction: column;

    @include tablet {
        flex-direction: row;
        align-items: center;
    }
}

._introduction-support-cv-area {
    text-align: left;


    .s_title {
        text-align: left;
        margin-bottom: 0;

        @include mobile {
            text-align: center;
        }
    }

    .s_cv-btn {
        margin: 0;

        @include mobile {
            margin: 0 auto 80px;
        }
    }
}

._introduction-support-text-area {
    margin: 40px 0;
    display: flex;
    width: 100%;
    gap: 30px;

    @include mobile {
        justify-content: center;
    }
}

._introduction-support-example-area {
    width: 65%;

    @include mobile {
        width: 100%;
    }
}

._introduction-support-example-text {
    margin: 20px 0;
    padding: 20px 0;
    border-top: 1px solid #99abb7;
    border-bottom: 1px solid #99abb7;
}

._introduction-support-gray-text {
    text-align: left;
    font-weight: 400;
    font-size: 14px;
    color: #888;
}
//活用コンテンツ
._support-content-area {
    display: flex;
    justify-content: space-between;
    margin: 50px 0;

    @include mobile {
        flex-direction: column;
    }

    .s_case {
        padding: 15px 15px 20px;

        > img {
            border-radius: 10px;
        }
    }
}
//会計事務所向けメインビジュアル
._support-info {
    margin-bottom: 150px;
    background: $supporSubColor;
    position: relative;

    @include mobile {
        padding: 0 0 80px;
    }
}

._support-program {
    .s_pc-show {
        display: none;

        @include tablet {
            display: inline-block;
        }
    }


    ._kv-area & {
        position: relative;
        background-color: #fff;
        height: 793px;

        @include desktop {
            height: 680px;
        }

        @include mobile {
            height: auto;
            display: flex;
            flex-direction: column-reverse;
        }
    }

    ._support-info & {
        background: $supporSubColor;


        @include mobile {
            height: auto;
            display: flex;
            flex-direction: column-reverse;
            gap: 20px;
        }
    }



    ._title-box-area {
        width: 93%;
        height: 100%;
        text-align: left;
        margin: 0 auto;
        z-index: 3;
        position: relative;

        ._kv-area & {
            padding-top: 10px;
            padding-bottom: 50px;

            @include tablet {
                padding-top: 60px;
                padding-bottom: 0;
            }
        }

        @include tablet {
            max-width: 1200px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            text-align: left;
            align-items: flex-start;

            ._support-info & {
                margin: 40px auto;
            }
        }
    }

    ._title-area {
        width: 50%;

        @include mobile {
            width: 100%;
        }
    }

    ._support-cap {
        margin-bottom: 30px;
    }
    //握手の背景写真
    ._back-img {
        z-index: 1;
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 380px;
        background-image: url(/images/common/support/pc_kv.webp);
        background-size: 100% auto;
        background-position: center;
        background-repeat: no-repeat;


        &::before {
            content: "";
            width: 40%;
            height: 100%;
            display: block;
            position: absolute;
            left: 0;
            bottom: 0;

            ._kv-area & {
                background: linear-gradient(-90deg,rgba(255,255,255,0) 0, #fff 80%);

                @include mobile {
                    width: 100%;
                    height: 30%;
                    background: linear-gradient(180deg,rgba(255,255,255,0) 0, #fff 80%);
                }
            }

            ._support-info & {
                background: linear-gradient(-90deg,rgba(241,246,253,0) 0, #f1f6fd 80%);

                @include mobile {
                    width: 100%;
                    height: 30%;
                    background: linear-gradient(180deg,rgba(241,246,253,0) 0, #f1f6fd 80%);
                }
            }
        }

        @include tablet {
            right: 0;
            top: 0;
            width: 50%;
            height: 680px;
            background-size: cover;

            ._support-info & {
                height: 100%;
            }
        }

        @include mobile {
            position: relative;
        }

        @include sp {
            background-size: auto 125%;
            background-position: 35% 65%;
        }
    }
    //サポートプログラムの円
    ._support-program-area {
        position: relative;
        top: 20px;
        margin: auto;

        ._kv-area & {
            @include tablet {
                top: 120px;
            }
        }

        ._support-info & {
            @include tablet {
                top: 20px;
            }
        }

        @include mobile {
            max-width: 400px;
        }

        ._back-ling {
            z-index: 1;
            position: absolute;

            ._kv-area & {
                @include tablet {
                    left: 20px;
                }
            }

            ._support-info & {
                @include tablet {
                    left: 10%;
                }
            }
        }

        ._support-program-img {
            z-index: 2;
            position: relative;

            ._support-info & {
                @include tablet {
                    position: relative;
                    width: 350px;
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    margin: auto;
                }
            }
        }
        //〇が２つの時
        ._circle-area {
            p {
                margin: 10px;
            }

            .container {
                position: relative;
                width: 100%;
                height: 250px;
            }

            ._circle {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                width: 340px;
                height: 340px;
                border-radius: 50%;
                border: solid 2px $mainColor;

                ._support-info & {
                    @include tablet {
                        width: 210px;
                        height: 210px;
                    }
                }

                @include mobile {
                    width: 240px;
                    height: 240px;
                }
            }

            ._item {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: #ffb831;
                transform: translateX(-100px);
                display: flex;
                justify-content: center;
                align-items: center;
                font-size: 30px;
                color: #FFF;
            }

            ._i1 {
                animation: circle-move-anim-1 10s linear infinite;

                @include tablet {
                    ._kv-area & {
                        animation: circle-move-anim-1res 10s linear infinite;
                    }

                    ._support-info & {
                        animation: circle-move-anim-1res-info 10s linear infinite;
                    }
                }
            }

            ._i2 {
                animation: circle-move-anim-2 10s linear infinite;

                @include tablet {
                    ._kv-area & {
                        animation: circle-move-anim-2res 10s linear infinite;
                    }

                    ._support-info & {
                        animation: circle-move-anim-2res-info 10s linear infinite;
                    }
                }
            }

            @keyframes circle-move-anim-1 {
                0% {
                    transform: rotate(0deg) translateX(-120px) rotate(0deg);
                }

                100% {
                    transform: rotate(360deg) translateX(-120px) rotate(-360deg);
                }
            }

            @keyframes circle-move-anim-1res {
                0% {
                    transform: rotate(0deg) translateX(-170px) rotate(0deg);
                }

                100% {
                    transform: rotate(360deg) translateX(-170px) rotate(-360deg);
                }
            }

            @keyframes circle-move-anim-1res-info {
                0% {
                    transform: rotate(0deg) translateX(-105px) rotate(0deg);
                }

                100% {
                    transform: rotate(360deg) translateX(-105px) rotate(-360deg);
                }
            }

            @keyframes circle-move-anim-2 {
                0% {
                    transform: rotate(180deg) translateX(-120px) rotate(180deg);
                }

                100% {
                    transform: rotate(540deg) translateX(-120px) rotate(-540deg);
                }
            }

            @keyframes circle-move-anim-2res {
                0% {
                    transform: rotate(180deg) translateX(-170px) rotate(180deg);
                }

                100% {
                    transform: rotate(540deg) translateX(-170px) rotate(-540deg);
                }
            }

            @keyframes circle-move-anim-2res-info {
                0% {
                    transform: rotate(180deg) translateX(-105px) rotate(180deg);
                }

                100% {
                    transform: rotate(540deg) translateX(-105px) rotate(-540deg);
                }
            }
        }
    }
}
//基本のサポート
._basic-area {

    ._basic-box {
        padding: 32px;
        border-radius: 20px;
        background-color: #f1f6fd;

        @include sp {
            padding: 20px;
        }
    }

    ._basic-img {
        max-width: 800px;
        margin-inline: auto;
    }

    .s_cap {
        margin-top: 20px;
        font-weight: 600;
    }
}
//マネジメントレベルの位置づけ
._ml-img {
    margin-block: 80px 120px;

    img {
        max-width: 920px;
        margin-inline: auto;
    }
}

._ml-title {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
}
//スキルアップメニュー
._menu-area {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 40px;
    counter-reset: number 0;

    ._menu-box {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        overflow: hidden;
        background: #fff;
        border-radius: 20px;
        box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);

        @include tablet {
            flex-direction: row;

            &:nth-child(even) {
                flex-direction: row-reverse;
            }
        }
    }

    ._menu-text-area {
        width: 50%;
        padding: 40px;

        @include mobile {
            width: 100%;
        }

        ._sub-title {
            margin-bottom: 20px;
            padding-bottom: 20px;
            border-bottom: 1px solid #99abb7;
            position: relative;

            > div {


                &::before {
                    counter-increment: number 1;
                    content: '0'counter(number);
                    position: relative;
                    font-size: 45px;
                    font-weight: bold;
                    color: $mainColor;
                }
            }
        }

        .s_cap {
            font-size: 15px;
            text-align: left;
            margin-bottom: 0;
            width: auto;
        }

        ._link-area {
            margin-top: 15px;
        }
    }

    ._img-area {
        background-color: #f1f6fd;
        padding: 20px 50px;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;

        @include mobile {
            width: 100%;
        }

        > img {
            max-width: 400px;
        }
    }
}
//イラスト
._member-img {
    max-width: 950px;
    margin: 0 auto;
}

// ======================================================================
//  PAGE: よくある質問
// ======================================================================
#bixidFaq {
    //カテゴリ１行
    ._category-area {
        padding: 15px 30px 15px 15px;
        border-radius: 5px;
        background: #FFF;
        box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);
        display: flex;
        justify-content: space-between;
        gap: 10px;
        max-width: 1200px;
        width: 100%;
        margin: 0 auto 80px;
        flex-wrap: wrap;

        @include mobile {
            display: none;
        }

        > span {
            display: inline-block;
            border-left: 2px solid #ddd;
            height: 100%;
        }

        a {
            padding: 0px 15px;
            display: inline-block;
            transition: .25s;
            -webkit-transition: .25s;

            &:hover {
                color: $mainColor;
            }

            span {
                position: relative;
                font-weight: bold;
                font-size: 16px;

                &::after {
                    content: '';
                    right: -11px;
                    width: 4px;
                    height: 4px;
                    position: absolute;
                    top: 0;
                    bottom: 0;
                    margin: auto;
                    border-top: 2px solid $mainColor;
                    border-right: 2px solid $mainColor;
                    -webkit-transform: rotate(135deg);
                    transform: rotate(135deg);
                    vertical-align: middle;
                }
            }
        }
    }

    ._answer-link {
        color: $mainColor;
        font-weight: bold;
    }

    ._category-title {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        margin: 80px 0 60px;
    }

    ._f-nav-contents {
        height: 130px;
    }

    ._f-answer-img {
        margin-top: 30px;
        max-width: 750px;
        border-radius: 10px;
        box-shadow: 0 0 20px rgba(159, 185, 223, 0.4);
    }

    ._f-nav-sp-area {
        @include tablet {
            display: none;
        }
    }
}

// ======================================================================
//  PAGE: 代理店ページ
// ======================================================================
._partner-kv {
    background-color: #F1F6FD;
    height: 700px;
    display: flex;
    align-items: center;

    @include mobile {
        height: 800px;
    }

    @include sp {
        height: 650px;
        align-items: start;
        padding-top: 110px;
    }

    .s_cv-basic-btn {
        padding: 10px 35px;
        color: $mainColor;
        background-color: #fff;
        border: 2px solid $mainColor;

        &::after {
            border-top: 2px solid $mainColor;
            border-right: 2px solid $mainColor;
        }
    }

    ._kv-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 50px;

        @include mobile {
            flex-direction: column;
            gap: 0;
        }

        @include sp {
            align-items: center;
        }
    }

    .s_sp-show {
        @include mobile {
            text-align: center;
        }


        p {
            margin-bottom: 40px;

            @include sp {
                text-align: left;
            }
        }
    }

    ._kv-text {
        width: 580px;

        @include mobile {
            width: auto;
            max-width: 580px;
        }

        .s_title {
            text-align: left;

            @include sp {
                margin-bottom: 25px;
            }
        }

        .s_sub-title {
            text-align: left;
        }
    }

    .s_basic-btn {
        margin-top: 50px;
        padding: 10px 35px;
        margin-right: 10px;

        @include mobile {
            margin-top: 0px;
        }
    }

    ._kv-img {
        width: 570px;

        @include mobile {
            width: 80%;
            max-width: 570px;
            margin-bottom: 20px;
        }
    }
}

#partner {
    ._partner-point {
        .s_cap {
            @include mobile {
                margin-top: 40px;
            }
        }
    }

    ._partner-point-area {
        display: flex;
        justify-content: space-between;

        @include mobile {
            flex-direction: column;
        }
    }

    ._partner-point-box {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 40px;
        overflow: hidden;
        border-radius: 20px;
        box-shadow: 0 -3px 20px rgba(159, 185, 223, .4);

        @include tablet {
            margin-bottom: 120px;
            width: 31%;
        }
    }

    ._partner-point-title {
        padding: 30px;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        color: $mainColor;
        background-color: #f1f6fd;

        @include tablet {
            font-size: 24px;
        }
    }

    ._partner-point-text {
        padding: 30px;
        font-size: 15px;
    }

    ._partner-point-content-area {
        display: flex;
        justify-content: space-between;

        @include mobile {
            flex-direction: column;
        }
    }

    ._partner-point-content {
        display: flex;
        flex-direction: column;
        width: 31%;

        @include mobile {
            flex-direction: row;
            width: 100%;
            align-items: center;
            gap: 20px;
        }

        ._partner-point-title {
            padding: 0px;
            background-color: transparent;
        }
    }

    ._partner-point-img-area {
        text-align: center;
        width: 100%;

        @include mobile {
            width: 40%;
        }
    }

    ._partner-point-img {
        max-width: 210px;
    }

    ._bixid-img {

        ._bixid-img-area {
            display: flex;
            justify-content: center;
        }

        img {
            width: 100%;

            @include tablet {
                width: 85%;
                margin: 0 auto;
            }
        }

        ._center-btn {
            @include tablet {
                margin: 0 0 0 auto;
                display: block;
                width: 84%;
                max-width: 1020px;
            }
        }
    }

    //一般企業向け簡易料金表 ----------
    ._corp-ease-plan {
        @include tablet {
            margin-top: 80px;
        }
    }

    ._plan-type {
        width: 100%;
        margin: 50px auto;
        padding: 30px;
        text-align: center;
        border-radius: 10px;
        background-color: #FFF;
        box-shadow: 0px -3px 20px rgba(159, 185, 223, 0.4);

        @include tablet {
            width: 50%;
        }
    }

    ._btn-top {
        margin-top: 10px;
    }

    ._partner-case-area {
        text-align: center;

        > a {
            display: block;
        }
    }

    ._answer-link {
        color: $mainColor;
        font-weight: bold;
    }
}*/