@charset "utf-8";

@media (prefers-reduced-motion: no-preference) {
  html:focus-within { scroll-behavior: smooth; }
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  position: relative;
  width: 100%;
}

p {
  line-height: 1.5 !important;
}

.l-header {
  background-color: #fff;
  border-bottom: 1px solid #eaeaea;
}
.l-header .l-header__wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 32px 0;
}
.l-header .l-header__logo {
  width: 140px;
}
.l-header .l-header__logo a {
  display: block;
}

/* TAB */
@media screen and (max-width: 1024px) {
  .l-header .l-header__logo a img {
    padding: 10%;
  }
}

/* SP */
@media screen and (max-width: 768px) {
  .l-header .l-header__wrap {
    padding: 5px 0 0;
  }
  .l-header .l-header__logo {
    margin: 10px auto 10px 10px;
  }
}

/************************************************************
    モジュールPC（共通）
************************************************************/
/* PCのみ表示（有効）にしたい場合は、classの「disp_pc」を使用してください。SPのみ表示（有効）にしたい場合は、「disp_sp」 */
/* disp_pcはPC時表示（有効） */
.disp_pc {
  display: block;
}
/* disp_spはPC時非表示（有効） */
.disp_sp {
  display: none;
}
.disp_tb {
  display: none;
}

/* 改行の調整 */
.txt_block {
  display: inline-block;
}

.txt_left {
  text-align: left;
}
.txt_center {
  text-align: center;
}
.txt_right {
  text-align: right;
}

.txt_bold {
  font-weight: bold;
}
.txt_13 {
  font-size: 13px !important;
}
.txt_14 {
  font-size: 14px !important;
}

.border_TB {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.pt0 {
  padding-top: 0 !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}

.pl10 {
  padding-left: 10px;
}

.mt0 {
  margin-top: 0 !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb43 {
  margin-bottom: 43px !important;
}
.mb48 {
  margin-bottom: 48px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb50_2 {
  margin-bottom: 50px !important;
}
.mb63 {
  margin-bottom: 63px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb100 {
  margin-bottom: 100px !important;
}
.mb170 {
  margin-bottom: 170px !important;
}

.m20 {
  margin: 20px auto 0 !important;
}
.m30 {
  margin: 30px auto 0 !important;
}
.m60 {
  margin: 60px auto 0 !important;
}
.m80 {
  margin: 90px auto 0 !important;
}
.m140 {
  margin: 140px auto 0 !important;
}
.m155 {
  margin: 155px auto 0 !important;
}

@media screen and (max-width: 1400px) {
  .disp_tb {
    display: block;
  }
}

/************************************************************
    モジュールSP（共通）
************************************************************/
@media screen and (max-width: 768px) {
  /* disp_pcはSP時非表示（有効） */
  .disp_pc {
    display: none;
  }
  /* disp_spはSP時表示（有効） */
  .disp_sp {
    display: block;
  }

  .pt10 {
    padding-top: 5px !important;
  }
  .pb10 {
    padding-bottom: 5px !important;
  }
  .pb30 {
    padding-bottom: 15px !important;
  }
  .pb50 {
    padding-bottom: 25px !important;
  }

  .mb0 {
    margin-bottom: 0 !important;
  }
  .mb35 {
    margin-bottom: 25px !important;
  }
  .mb40 {
    margin-bottom: 10px !important;
  }
  .mb43 {
    margin-bottom: 10px !important;
  }
  .mb48 {
    margin-bottom: 10px !important;
  }
  .mb50 {
    margin-bottom: 30px !important;
  }
  .mb50_2 {
    margin-bottom: 10px !important;
  }
  .mb63 {
    margin-bottom: 25px !important;
  }
  .mb70 {
    margin-bottom: 35px !important;
  }
  .mb80 {
    margin-bottom: 10px !important;
  }
  .mb100 {
    margin-bottom: 50px !important;
  }

  .m60 {
    margin: 0 auto 0 !important;
  }
  .m80 {
    margin: 0 auto 0 !important;
  }
  .m140 {
    margin: 30px auto 0 !important;
  }
  .m155 {
    margin: 30px auto 0 !important;
  }

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

@media screen and (max-width: 1024px) {
  .mt100 {
    margin-top: 50px !important;
  }
}

/************************************************************
    メインビジュアル PC
************************************************************/
.wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #333;
}
.wrap .txt_band_mv {
  width: 100%;
  color: #fff;
  background-color: #eb9302;
  text-align: center;
  font-size: 14px;
  padding: 10px 0;
}
.wrap .txt_band_mv a {
  color: #fff;
}
.mv_area {
  margin: 0 auto;
  padding: 0 40px;
  width: 920px;
  height: 280px;
  background: url(../images/bg_mainvisual_01.jpg) no-repeat center right #fff;
}
.mv_area .mv_title_area {
  width: 400px;
  text-align: center;
  color: #333;
}
.mv_area .mv_title_area h1 {
  padding-top: 40px;
  font-size: 26px;
  font-weight: bold;
}
.mv_area .mv_title_area h1 img {
object-fit: contain;
overflow: hidden;
}

.mv_area .mv_txt {
  font-size: 16px;
  color: #06c;
}
.mv_area .mv_button {
  margin: 10px auto 0;
  width: 280px;
  background: #fff;
  text-align: center;
}
.mv_area .mv_button a {
  display: inline-block;
  padding: 10px 0;
  color: #fff;
  background: #eb9304;
  font-size: 14px;
  width: 280px;
}

/* MV下帯 */
.txt_band_mv_bottom {
  padding: 30px 0;
  width: 100%;
  text-align: center;
  background: #06c;
  color: #fff;
  font-size: 20px;
}

/* cyberscribe */
.txt_band_mv_bottom_2 {
  padding: 10px 0;
  width: 100%;
  text-align: center;
  background: #fff;
  color: #06c;
  font-size: 18px;
}
.txt_band_mv_bottom_2 a {
  color: #06c;
  position: relative;
  padding-right: 20px;
  display: inline-block;
  font-weight: bold;
}
.txt_band_mv_bottom_2 a::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #06c;
}

/* TAB */
@media screen and (max-width: 1024px) {
  .txt_band_mv_bottom {
    font-size: 16px;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .mv_area {
    padding: 0 0 20px;
    height: auto;
    background: #fff;
  }
  .mv_area .mv_title_area h1 {
    padding-top: 0;
  }
  .mv_area .mv_title_area {
    margin: 0 auto;
    padding-top: 4%;
    width: 80%;
  }
  .mv_area .mv_button,
  .mv_area .mv_button a {
    margin: 0 auto;
    width: 100%;
  }
  .txt_band_mv_bottom {
    padding: 20px 0;
    font-size: 14px;
  }
}

/* AmiVoiceとは */
.content_about .u_ttl_02_fv {
  font-size: 20px;
}

.content_about .section_right {
  padding-top: 20px;
  background-color: #70c1ff;
}

/* TAB */
@media screen and (max-width: 1024px) {
  .content_about .u_ttl_02_fv {
    font-size: 18px;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .content_about .u_ttl_02_fv {
    font-size: 16px;
  }
  .content_about .section_inner {
    margin: 30px auto 0;
  }
  .content_about.sec.sec-sub {
    padding-bottom: 20px;
  }
}

/***********************************************************
    メインビジュアル TB
************************************************************/
@media screen and (max-width: 1024px) {
  .mv_title_area h1 {
    font-size: 26px;
  }
}

/***********************************************************
    メインビジュアル SP
************************************************************/
@media screen and (max-width: 768px) {
  .wrap {
    width: 100%;
  }
  .mv_area {
    width: 100%;
  }
  .mv_title_area h1 {
    font-size: 26px;
  }
}

/***********************************************************
    コンテンツPC
************************************************************/

section {
  width: 100%;
  overflow: hidden;
}

/* 各コンテンツの下余白 */
.sec.sec-sub {
  padding-bottom: 50px;
}

/* 主要見出し */

.u_ttl02 {
  text-align: center;
  font-size: 28px;
}
.u_ttl02::after {
  content: "";
  display: block;
  margin: 30px auto 0;
  width: 60px;
  border-bottom: 3px solid #918f8f;
}

/*  サブ見出し TAB、SPの設定を後で追加 */

/* セクション内の見出し */
.section_hl {
  font-size: 20px;
}

/* セクション内の見出し TAB、SPの設定を後で追加 */

.section_inner {
  width: 100%;
  max-width: 1000px;
  margin: 50px auto 0;
}
.section_inner p {
  font-size: 16px;
  line-height: 2 !important;
}
.section_left {
  float: left;
  width: 48%;
  margin: 0 auto;
}
.section_right {
  float: right;
  width: 48%;
  margin: 0 auto;
}
.section_right img {
  max-width: 85%;
}
.section_inner.second .section_left {
  float: right;
}
.section_inner.second .section_left span {
  font-size: 20px;
  vertical-align: middle;
  line-height: 1;
}
.section_inner.second .section_right {
  float: left;
}
.section_inner.third p {
  font-size: 20px;
}
.section_inner .no_s {
  display: inline-block;
  width: 7%;
}

@media screen and (max-width: 1024px) {
  .section_inner {
    width: 95%;
    max-width: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .section_inner {
    width: 95%;
    margin: 30px auto 0;
  }
  .section_inner p {
    font-size: 15px;
  }
  .section_left {
    float: none;
    width: 100%;
  }
  .section_right {
    float: none;
    width: 100%;
  }
  .section_right img {
    max-width: 100%;
  }
  .section_inner.second .section_left {
    float: none;
  }
  .section_inner.second .section_right {
    float: none;
  }
  .section_inner.third p {
    font-size: 16px;
  }
}

/* コンテンツ背景色 */
.section_lightblue {
  background-color: #ebf3f9;
}

/* コンテンツ共通 */
[class*="content_"]:not(.content_about) {
  padding-top: 60px;
}

/* 利用シーン */
.content_scene .list_scene ul {
  text-align: center;
}
.content_scene .list_scene ul li {
  width: 33%;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
.content_scene .list_scene ul li img {
  width: 100%;
}
.content_scene .list_scene ul li .txt_hl {
  margin-top: 4px;
  background-color: #333;
  color: #fff;
  text-align: center;
}
/* PC */
@media screen and (min-width: 1025px) {
  .content_scene .list_scene ul li:nth-child(n + 4) {
    margin-top: 5px;
  }
}

/* TAB */
@media screen and (max-width: 1024px) and (min-width: 769px) {
  .content_scene .list_scene ul li {
    width: 49%;
  }
  .content_scene .list_scene ul li:nth-child(2n) {
    margin-left: 1%;
  }
  .content_scene .list_scene ul li:nth-child(n + 4) {
    margin-top: 10px;
  }
  .content_scene .list_scene ul li {
    margin-top: 10px;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  [class*="content_"]:not(.content_about) {
    padding-top: 30px;
  }
  .content_scene .list_scene ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .content_scene .list_scene ul li {
    width: 49%;
    margin-top: 10px;
    background-color: #333;
  }
  .content_scene .list_scene ul li:nth-child(2n) {
    margin-left: 2%;
  }
  .content_scene .list_scene ul li:nth-child(n + 4) {
    margin-top: 10px;
  }
  .content_scene .list_scene ul li .txt_hl {
    margin-top: 0;
    border-top: 4px solid #fff;
  }
}

/* 特長 */
.content_point .txt_point ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content_point .txt_point li {
  margin: 0;
  padding: 10px 0;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
}
.content_point .txt_point li:nth-child(2n) {
  margin-left: 2%;
}
.content_point .txt_point li:nth-child(n + 3) {
  margin-top: 2%;
}
.content_point .txt_point li:nth-child(1) {
  background: url(../images/img_point_illust_01.png) no-repeat 95% 90%/30% #fff;
}
.content_point .txt_point li:nth-child(1) h3::before {
  background: url(../images/img_point_number_01.png) no-repeat center/100%;
}
.content_point .txt_point li:nth-child(2) {
  background: url(../images/img_point_illust_03.png) no-repeat 95% 90%/30% #fff;
}
.content_point .txt_point li:nth-child(2) h3::before {
  background: url(../images/img_point_number_02.png) no-repeat center/100%;
}
.content_point .txt_point li:nth-child(3) {
  background: url(../images/img_point_illust_04.png) no-repeat 95% 90%/30% #fff;
}
.content_point .txt_point li:nth-child(3) h3::before {
  background: url(../images/img_point_number_03.png) no-repeat center/100%;
}
.content_point .txt_point li:nth-child(4) {
  background: url(../images/img_point_illust_02.png) no-repeat 95% 90%/30% #fff;
}
.content_point .txt_point li:nth-child(4) h3::before {
  background: url(../images/img_point_number_04.png) no-repeat center/100%;
}
.content_point .txt_point h3 {
  padding: 0 20px 10px;
  font-size: 16px;
  border-bottom: 2px solid #ebf3f9;
}
.content_point .txt_point h3 .txt_hl {
  display: inline-block;
  width: 400px;
  vertical-align: middle;
}
.content_point .txt_point h3::before {
  content: "";
  display: inline-block;
  width: 34px;
  height: 34px;
  vertical-align: middle;
  margin-right: 6px;
}
.content_point .txt_point p {
  margin: 10px 20px;
  font-size: 13px;
}
.content_point .txt_point .txt_discription {
  margin-bottom: 50px;
  display: inline-block;
}

/* cyberscribe */
.content_point .btn_cyberscribe {
  border: 1px solid #06c;
  color: #06c;
  display: inline-block;
  padding: 10px;
  position: relative;
  padding-right: 20px;
  font-weight: bold;
}
.content_point .btn_cyberscribe::before {
  display: inline-block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -6px;
  box-sizing: border-box;
  width: 6px;
  height: 6px;
  border: 6px solid transparent;
  border-left: 6px solid #06c;
}

/* TAB */
@media screen and (max-width: 1024px) {
  .content_point .txt_point li {
    width: 49%;
    margin: 0;
  }
  .content_point .txt_point li:nth-child(2n) {
    margin-left: 2%;
  }
  .content_point .txt_point li:nth-child(n + 3) {
    margin-top: 2%;
  }
  .content_point .txt_point .txt_discription {
    margin-bottom: 20%;
  }
  .content_point .btn_cyberscribe {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    text-align: center;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .content_point .txt_point ul {
    display: block;
  }
  .content_point .txt_point li {
    margin: 4px 0;
    width: 100%;
  }
  .content_point .txt_point li:nth-child(2n) {
    margin-left: 0;
  }
  .content_point .txt_point li:nth-child(n + 3) {
    margin-top: 4px;
  }
  .content_point .txt_point h3 .txt_hl {
    width: calc(100% - 40px);
  }
}

/* 動作確認 */
.content_system .txt_system {
  padding: 20px 0;
  font-size: 14px;
  background-color: #eaeaea;
}
.content_system .txt_system ul {
  margin: 0 auto;
  width: 50%;
}
.content_system .txt_attention {
  margin-top: 30px;
  font-size: 13px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .content_system .txt_system ul {
    width: 80%;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .content_system .txt_system ul {
    width: 80%;
  }
}

/* 機能説明 */
.content_function .img_figure {
  text-align: center;
}
.content_function .txt_point dl {
  padding: 20px 0;
  border-radius: 10px;
  background-color: #fff;
}
.content_function .txt_point dt {
  padding: 0 10px 10px;
  font-size: 16px;
  border-bottom: 2px solid #eaeaea;
}
.content_function .txt_point dt::before {
  content: "";
  display: inline-block;
  width: 26px;
  height: 26px;
  vertical-align: middle;
  margin-right: 10px;
}
.content_function .txt_point dl:nth-child(1) dt::before {
  background: url(../images/img_function_number_01.png) no-repeat center/100%;
}
.content_function .txt_point dl:nth-child(2) dt::before {
  background: url(../images/img_function_number_02.png) no-repeat center/100%;
}
.content_function .txt_point dl:nth-child(3) dt::before {
  background: url(../images/img_function_number_03.png) no-repeat center/100%;
}
.content_function .txt_point dd {
  padding: 10px 10px 0px;
}

/* TAB */
@media screen and (max-width: 1024px) {
  .content_function .section_right {
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .content_function .section_right {
    margin-top: 20px;
  }
}

/* ご利用価格 */
.content_price .txt_price {
  padding: 30px 0;
  background-color: #06c;
  color: #fff;
  text-align: center;
}

.content_price .txt_price_num {
  font-size: 27px;
}
.content_price .txt_price_list {
  margin-top: 30px;
}

.content_price .txt_price_list dl {
  font-size: 0;
  margin: 0 0 10px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.content_price .txt_price_list dl p {
  padding: 10px;
}

.content_price .txt_price_list dl dt,
.content_price .txt_price_list dl dd {
  list-style: none;
}
.content_price .txt_price_list dl dt {
  width: 30%;
  padding: 10px 0;
  font-size: 14px;
  background-color: #06c;
  color: #fff;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  /*左右中央揃え*/
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-flex-pack: center;
  -moz-flex-pack: center;
  justify-content: center;
  /*上下中央揃え*/
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-flex-align: center;
  -moz-flex-align: center;
  align-items: center;
}
.content_price .txt_price_list dt p {
  text-align: center;
  font-size: 18px;
}
.content_price .txt_price_list dl dd {
  width: 70%;
  padding: 10px 0;
  font-size: 14px;
  background-color: #eaeaea;
  display: inline-block;
}
.content_price .txt_attention {
  font-size: 13px;
  padding-left: 1em;
  text-indent: -1em;
}
.content_price .txt_note {
  font-size: 13px;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .content_price .txt_price_list dl dt {
    width: 40%;
  }
  .content_price .txt_price_list dl dd {
    width: 60%;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .content_price .txt_price_list dl dt,
  .content_price .txt_price_list dl dd {
    width: 100%;
  }
}

/* 販売パートナー */
.content_partner .txt_hl {
  background-color: #eaeaea;
  font-size: 13px;
  text-indent: 13px;
}
.content_partner .txt_partner {
  padding: 10px;
}
.content_partner .txt_partner p {
  font-size: 14px;
}
.content_partner .section_inner {
  margin-top: 0;
}

/* 帯 */
.txt_band_contact {
  padding: 30px 0;
  width: 100%;
  text-align: center;
  background: #06c;
  color: #fff;
  font-size: 20px;
}
.txt_band_contact .txt_contact {
  font-size: 20px;
}
.txt_band_contact .txt_attention {
  font-size: 13px;
}
.txt_band_contact .txt_attention a {
  color: #fff;
  text-decoration: underline;
}
/* TAB */
@media screen and (max-width: 1024px) {
  .txt_band_contact .txt_contact {
    font-size: 18px;
  }
}
/* SP */
@media screen and (max-width: 768px) {
  .txt_band_contact .txt_contact {
    font-size: 18px;
  }
}

/* お問い合わせ */
.content_contact {
  padding-top: 30px;
}
.cta_block {
  position: relative;
  margin: 0 0 30px 0;
}
.cta_img {
  width: 17%;
  margin: 0 auto 20px;
}
.cta_txt {
  font-size: 18px !important;
  margin-bottom: 30px;
}
/* ボタン */
.cta_btn,
.cta_btn02 {
  float: left;
  border: 1px solid #eb9302;
  font-size: 25px;
  display: block;
  font-weight: 700;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  width: 26%;
  margin: 0 auto;
}

.cta_btn02 {
  float: right;
  border: 1px solid #efb541;
}

.cta_btn:after,
.cta_btn02:after {
  content: "";
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.cta_btn-3d {
  padding: 25px 15% 25px 5%;
  /* border-radius: 10px; */
}

.cta_btn-3d:before {
  background: #fff;
  color: #eb9302;
  z-index: 2;
  /* border-radius: 0 10px 10px 0; */
}

.cta_btn02.cta_btn-3d:before {
  background: #eb9302;
  color: #fff;
}

.cta_btn-3 {
  background: #eb9302;
  color: #fff !important;
}

.cta_btn02.cta_btn-3 {
  background: #fff;
  color: #eb9302 !important;
}

.cta_btn-3:before {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  line-height: 3.5;
  width: 20%;
}

.icon-cog:before {
  content: "無料";
}
.pagemenu { padding: 3rem 1rem; margin: 0 auto; max-width: 1400px;}
.pagemenu > ul { display: flex; justify-content: center; }
.pagemenu > ul > li { border-left: 1px solid rgba(0, 0, 0, .1); font-size: 1rem; }
.pagemenu > ul > li:nth-of-type(1) { border-left: none; }
.pagemenu > ul > li > a { display: inline-block; padding: 1rem 3rem; line-height: 1; position: relative; text-indent: 23px; }
.pagemenu > ul > li > a::before { content: ""; display: block; width: 16px; height: 16px;position: absolute; left: 3rem; top:calc(50% - 8px); background: #CAD8E5; border-radius: 100px;  }
.pagemenu > ul > li > a::after { content: ""; display: block; position: absolute; left: calc(3rem + 4px); top:calc(50% - 2px); width: 0; height: 0; border-style: solid; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #ffffff; border-bottom: 0; }
.pagemenu > ul > li > ul { padding: 0 3rem; }
.pagemenu > ul > li > ul > li { font-size: .875rem; }
.pagemenu > ul > li > ul > li > a { display: inline-block; line-height: 1; position: relative; padding-left: 23px; color: rgba(0, 0, 0, .7); }
.pagemenu > ul > li > ul > li > a::before { content: ""; display: block; width: 8px; height: 0; position: absolute; left: 4px; top:calc(50% - 1px); border-top:2px solid #aaa; }
@media screen and (max-width: 1024px) {
  .pagemenu { padding:1rem; }
  .pagemenu > ul { display: block; }
  .pagemenu > ul > li { border-left: none; border-bottom: 1px solid rgba(0, 0, 0, .1); }
  .pagemenu > ul > li > a { display: block; padding: 1rem 0; }
  .pagemenu > ul > li > a::before { left:0; }
  .pagemenu > ul > li > a::after { left: 4px; }
  .pagemenu > ul > li > ul { padding: 0 0 1rem; }
}
.scribeassist_point { font-feature-settings: "palt"; }
.scribeassist_point p { margin: 1.5rem auto; }
.scribeassist_point .img { margin: 1.5rem auto; text-align: center; padding: 1rem; border-radius: 10px; background: #fff; }
.scribeassist_point .img img { }
.scribeassist_point ul { margin: 1.5rem auto; }
.scribeassist_point ul li::before { content: "※"; }
.scribeassist_point .accordionWrap { margin: 1.5rem auto; border-radius: 10px; overflow: hidden;}
.scribeassist_point .accordionWrap .heading { padding: 1.5rem 30px 1.5rem 1rem; line-height: 1.5; background: linear-gradient(135deg,  #06c 0%,#18a2ff 100%); cursor: pointer; position: relative; transition: .4s; }
.scribeassist_point .accordionWrap .heading::before { content: ""; display: inline-block; position: absolute; right: 1rem; top:calc(50% - 5px); width: 0; height: 0; border-style: solid; border-right: 10px solid transparent; border-left: 10px solid transparent; border-top: 12px solid #fff; border-bottom: 0; transition: .4s; }
.scribeassist_point .accordionWrap .heading:hover {opacity: .75; }
.scribeassist_point .accordionWrap .heading h4 { font-size: 1rem; color: #fff; }
.scribeassist_point .accordionWrap .body { padding:0 1.5rem; background: #fff; overflow: hidden; max-height: 0; transition: .4s; }
.scribeassist_point .accordionWrap .body dl { padding: 1rem; background: rgba(0, 0, 100, .05); border-radius: 10px; position: relative; }
.scribeassist_point .accordionWrap .body dl dt { display: inline-block; padding: .25em 1em; line-height: 1; background-color: #ffa30f; position: absolute; left: 1em; top: -.5em; border-radius: 5px; color: #fff; }
.scribeassist_point .accordionWrap .body dl dd { position: relative; padding: 0 0 0 18px; }
.scribeassist_point .accordionWrap .body dl dd::before { content: ""; display: block; width: 6px; height: 6px; background: rgba(0, 0, 0, .3); border-radius: 100px; position: absolute; left: 3px; top:calc(50% - 3px); }
.scribeassist_point .accordionWrap.active .heading { padding: 1rem 30px 1rem 1rem; }
.scribeassist_point .accordionWrap.active .heading::before { transform: rotate(180deg); }
.scribeassist_point .accordionWrap.active .body { padding:.1px 1.5rem; max-height: 600px; }


@media screen and (max-width: 1024px) {
  .cta_btn,
  .cta_btn02 {
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .cta_txt {
    font-size: 16px !important;
  }

  .cta_btn,
  .cta_btn02 {
    float: none;
    font-size: 18px;
    width: 80%;
  }

  .cta_btn {
    margin-bottom: 20px;
  }

  .cta_btn-3d {
    padding: 5% 20% 5% 0;
  }

  .cta_btn-3:before {
    line-height: 16vw;
    width: 20%;
  }
}

/* フッター */
.footer {
  background-color: #f5f5f5;
  position: relative;
}

.footer_inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0;
}

.footer_inner .footer_left {
  float: left;
  width: 20%;
}

.footer_inner .footer_right {
  float: right;
  width: 50%;
  margin: 20px auto 0;
}

.footer_inner .footer_right ul li {
  text-align: center;
  float: left;
  width: 33%;
}

.copy {
  font-size: 12px;
  padding: 21px 0;
}

@media screen and (max-width: 1024px) {
  .footer_inner {
    width: 95%;
  }

  .footer_inner .footer_right {
    width: 60%;
  }
}

@media screen and (max-width: 768px) {
  .footer_inner {
    width: 95%;
    padding: 50px 0;
  }

  .footer_inner .footer_left {
    width: 40%;
  }

  .footer_inner .footer_right {
    width: 40%;
    margin: 0 auto 0;
  }

  .footer_inner .footer_right ul li {
    text-align: left;
    float: none;
    width: 100%;
    margin-bottom: 10px;
  }

  .footer_inner .footer_right ul li:last-child {
    margin-bottom: 0;
  }

  .copy {
    padding: 21px 0;
  }
}

/********************************************************
    ページのトップへ戻るボタンPC
/********************************************************/
#btn-pagetop {
  width: 60px;
  height: 60px;
  background: #eb9302;
  font-size: 1.2rem;
  text-align: center;
  z-index: 99;
  position: fixed;
  right: 0;
  bottom: -60px;
  background: #eb9302;
  opacity: 1;
}

#btn-pagetop a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}

#btn-pagetop a::before {
  display: block;
  position: absolute;
  top: 25px;
  right: 0;
  left: 0;
  width: 21px;
  height: 15px;
  margin: auto;
  background: url(../images/icon_pagetop.svg) no-repeat center;
  background-size: contain;
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: top 0.2s linear;
  transition: top 0.2s linear;
  content: "";
}

/********************************************************
    ページのトップへ戻るボタンSP
/********************************************************/
@media screen and (max-width: 768px) {
  #btn-pagetop {
    width: 50px;
    height: 49px;
    bottom: -50px;
  }

  #btn-pagetop a::before {
    top: 17px;
  }
}

/*************************************************************
    トップページjs無効の場合、loading未実行でメッセージ表示 PC/SP
/*************************************************************/
.no-js {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  text-align: center;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  color: #fff;
  font-size: 20px;
  z-index: 9999;
}

@media (max-width: 767px) {
  .no-js {
    text-align: left;
  }
}

/*230112_改修時追加*/
.cudlogo {
  padding-top: 100px;
}
.cudlogo_img {
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
@media (max-width: 767px) {
  .cudlogo {
    padding: 50px 20px 0px;
  }
}
/*230112_機能説明*/
.function_maintitle {
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  background-color: #06c;
  padding: 10px;
  margin: 20px 0;
}
.function_container {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background-color: rgb(255, 255, 255);
  border: solid 2px #eaeaea;
}
.function_box {
  width: 48%;
}
.function_img img {
  max-width: 100%;
  border: solid 2px #eaeaea;
}
.function_desc {
  margin-top: 20px;
}
.section_inner .function_container p {
  font-size: 14px;
}
.function_title {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
}
.function_title::before {
  display: inline-block;
  content: "";
  width: 4px;
  height: 16px;
  background-color: #06c;
  margin-right: 10px;
}
.section_inner .function_title p {
  font-size: 16px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .function_maintitle {
    margin: 30px 0 20px;
  }
  .function_container {
    flex-direction: column;
    padding: 10px;
  }
  .function_box {
    width: 100%;
  }
  .function_box + .function_box {
    margin-top: 16px;
  }
  .function_desc {
    margin-top: 12px;
  }
}