@charset "utf-8";

:root {
  --theme-color: #BE0533;
  --font-color: #BE0533;
}

/* レイアウト */
.container{
  font-family: YuGothic, 游ゴシック, hiragino kaku gothic pron,ヒラギノ角ゴ pron, Meiryo, メイリオ, sans-serif;
  color: #3E3A39;
}

.topimg {
  margin-bottom: 20px;
}

.ai_content_sec {
  padding-top: 64px;
}

.ai_content_sec__last {
  padding-bottom: 0;
}

.ai_content_sec+.ai_content_sec {
  margin-top: 36px;
}

@media screen and (min-width: 769px) {
  #base {
    width: 1220px;
    margin: 0 auto;
    text-align: left;
  }

  div#cont div#c3_l {
    width: 970px;
    overflow: hidden;
  }

  .container {
    width: 970px;
    margin: auto;
  }
}

@media screen and (max-width: 768px) {
  .topimg {
    margin-bottom: 0px;
  }
  .ai_content_sec+.ai_content_sec {
    margin-top: 32px;
  }

  .ai_content_sec {
    padding-top: 40px;
    padding-bottom: 24px;
  }

  .ai_content_sec+.ai_content_sec {
    margin-top: 20px;
  }  
}

/* 画像 */
.ai_wrapper figure img {
  width: 100%;
  max-width: 100%;
}

.ai_content_img_wrap {
  margin-top: 20px;
}

.ai_content_img_wrap img {
  display: block;
  width: 100%;
}

.ai_content_img_bd {
  display: flex;
  gap: 18px;
  width: 100%;
  max-width: 823px;
  margin-top: 20px;
  padding: 25px 24px;
  border: 1px solid #D9D9D9;
  border-radius: 6px;
}

/* Flex */
/* .ai_content_flex {
  display: flex;
}

.ai_content_flex_inr {
  flex: 1;
}

.ai_content_flex_inr+.ai_content_flex_inr {
  margin-left: 30px;
} */

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

  /* .ai_content_flex_inr+.ai_content_flex_inr {
    margin-top: 30px;
    margin-right: 0px;
  } */
}

/* 見出し */
.ai_content_head {
  position: relative;
  border-bottom: 2px solid #ddd;
  font-size: 32px;
  font-weight: bold;
  font-family: YuGothic, 游ゴシック, hiragino kaku gothic pron, ヒラギノ角ゴ pron, Meiryo, メイリオ, sans-serif;
  line-height: 1.2;
  padding-bottom: 32px;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 33px;
}
.ai_content_head::after{
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  bottom: -2px;
  border-bottom: 2px solid #be0533;
  z-index: 5;
}

.ai_content_head lead_msg {
  display:block;
  font-size:28px;
  margin-top:10px;
}

.ai_content_subHead {
  border-bottom: solid 1px #BE0533;
  border-color: var(--theme-color);
  padding-left: 0em;
  font-size: 22px;
  font-weight: 700;
  padding-bottom: 8px;
  margin-top: 32px;
  margin-bottom: 32px;
  line-height: 1.65;
  width: fit-content;
}

.ai_content_inrHead {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.ai_content_sub2Head {
  display: inline-block;
  border-bottom: solid 1px #004097;
  border-color: var(--theme-color);
  font-size: 18px;
  color: #333;
  font-weight: bold;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.ai_content_sub3Head {
  position: relative;
  font-size: 20px;
  padding-left: 1.3em;
}

.ai_content_sub3Head::before {
  position: absolute;
  content: "■";
  left: 0;
  color: #be0533;
}

@media screen and (max-width: 768px) {
  .ai_content_head {
    font-size: 18px;
    margin-top: 8px;
  }

  .ai_content_head lead_msg {
    display:block;
    font-size:18px;
  }

  .ai_content_subHead {
    font-size: 16px;
  }

  .ai_content_sub2Head {
    font-size: 16px;
    line-height: 1.7;
  }

  .ai_content_sub3Head {
    font-size: 17px;
  }
}

/* テキスト */
.ai_wrapper p {
  line-height: 1.65;
}

.ai_wrapper p+p {
  margin-top: 20px;
}

.ai_text--hasPadding {
  padding-left: 10px;
}

.ai_wrapper .ai_text_item {
  margin-top: 10px;
}

.ai_text_item--hasColor {
  color: var(--font-color);
  font-weight: bold;
}

.ai_wrapper .ai_text_item--hasColor+.ai_text_item {
  margin-top: 0;
}

.ai_content_inr_ttl {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.33
}

.ai_content_inr_subTtl {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 700;
}

.ai_content_lead {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.65;
}

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

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

.ai_content_challenges_allow_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  margin-top: 32px;
}

.ai_content_challenges_allow{
  width: 24.063px;
  height: 11.537px;
  mask-image: url(/resource/img/business_partner/ai-ojt/ico_arrow.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #FA1B00;  
  transform: rotate(90deg);
}

.ai_content_sec .text-highlight {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  width: fit-content;
  margin: 0 auto;
  color: #FFF;
  background-color: #BE0533;
  border-radius: 60px;
  padding: 0 24px;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .ai_content_sec .text-highlight{
    font-size: 16px;
  }
}

/* リンク */
.ai_wrapper a {
  color: #039;
  font-size: 15px;
  font-weight: 500;
}

.ai_link_list {
  margin-top: 15px;
}

.ai_link_list_item a {
  text-align: left;
}

.ai_text_link_sec {
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .ai_wrapper a {
    font-size: 14px;
  }
}

/* リスト */
.ai_list_wrap {
  margin-top: 20px;
}

.ai_list {
  margin-top: 5px;
}

p.ai_price {
  font-weight: bold;
  font-size: 20px;
}

.ai_list--hasPadding {
  padding-left: 1.8rem;
}

.ai_list--hasMarker {
  margin-top: 20px;
}

.ai_list--hasMarker .ai_text_list {
  font-size: 16px;
  text-indent: -1rem;
  padding-left: 1rem;
}

.ai_list--hasMarker .ai_text_list::before {
  content: '・';
}

.ai_list--hasMarker .ai_text_list+.ai_text_list {
  margin-top: 5px;
}

.ai_text_list_attention {
  margin-top: 10px;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .ai_list--hasMarker .ai_text_list {
    font-size: 13px;
  }
}

.ai_content_subHead--noLine {
  font-size: 20px;
  font-weight: 700;
}

.ai_list.ai_list--hasFlex {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 30px;
}

.ai_flex_list {
  display: flex;
  gap: 4px;
}

.ai_flex_list__ttl {
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.ai_flex_list__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .ai_list.ai_list--hasFlex {
    padding-left: 16px;
  }
}

/* happiness planet fira */
.ai_content_img_wrap--happiness-primary {
  width: 100%;
  max-width: 705px;
  margin-left: auto;
  margin-right: auto;
}

.ai_content_img_wrap--happiness-secondary {
  width: 100%;
  max-width: 863px;
  margin-left: auto;
  margin-right: auto;
}

.ai_text_link {
  text-align: right;
}

.ai_content_head_en {
  margin-left: 8px;
}

.video-container {
  width: 100%;
  margin: 24px auto;
}

.video-container_wrap {
  width: 800px;
  margin: 0 auto;
}

.video-container iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  height: auto;
}


/* ナビ */
.ai_content_nav {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
}

.ai_content_nav__item {
  border: 1px solid #D2D2D2;
  background-color: #EEE;
}

.ai_content_nav__item a {
  position: relative;
  display: block;
  color: #3E3A39;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  padding: 16px 24px;
}

.ai_content_nav__item a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 24px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #3E3A39;
  border-right: 1px solid #3E3A39;
  transform: rotate(45deg) translateY(-50%);
}

@media screen and (max-width: 769px) {
  .ai_content_nav {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 6px;
    margin-top: 32px;
  }

}
/* ボタン */
.ai_content_btn {
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.ai_content_btn a {
  text-decoration: none;
  transition: .3s opacity;
}

.ai_content_btn__msg {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.65;
  text-align: center;
  background: linear-gradient(90deg, #EB6F01 0%, #FF0100 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 12px;
}

.ai_content_btn__msg::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 2px;
  height: 20px;
  border-radius: 3px;
  transform: translateY(-50%) rotate(-45deg);
  background: linear-gradient(#FFA800 0%, #F50021 100%);
}

.ai_content_btn__msg::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 2px;
  height: 20px;
  border-radius: 3px;
  transform: translateY(-50%) rotate(45deg);
  background: linear-gradient(#FFA800 0%, #F50021 100%);
}

.ai_content_btn__body {
  margin-top: 35px;
}

.ai_content_btn .btn_ttl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 400px;
  border-radius: 60px;
  background: linear-gradient(90deg, #FFA800 0%, #FF3C00 100%);
  padding: 16px;
  margin: auto;
}

.ai_content_btn .btn_Subttl {
  position: absolute;
  top: -21px;
  color: #BE0533;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.2;
  border: 1px solid #BE0533;
  border-radius: 60px;
  background-color: #fff;
  padding: 4px 16px;
}

.ai_content_btn .btn_ttl__text {
  position: relative;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
  width: 100%;
  text-align: center;
}

.ai_content_btn .btn_ttl__text::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 48px;
  content: "";
  width: 24.063px;
  height: auto;
  aspect-ratio: 24.063/11.537;
  mask-image: url(/resource/img/business_partner/ai-ojt/ico_arrow.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #fff;
}

.ai_content_btn a:hover {
  opacity: .6;
}

@media screen and (max-width: 768px) {
  .ai_content_btn{
    width: 100%;
  }
  .ai_content_btn .btn_ttl__text{
    font-size: 18px;
  }
}

/* モーダル */
.js_modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9999;
}

.modal_bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal_cont {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 90%;
  max-width: 1185px;
  height: 90vh;
  padding: 24px;
  display: flex;
  box-sizing: border-box;
}

.modal_scroll {
  flex: 1;
  overflow-y: auto;
  display: flex; 
  gap: 52px;
  position: relative; /* ← これで子の absolute の基準になる */
}

.ai_content_modal_cont_left,
.ai_content_modal_cont_right {
  flex: 1;
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.ai_content_modal_cont_allow {
  position: absolute; 
  left: 50%;
  transform: translateX(-50%);
  width: 20px;
  height: 11.537px;
  mask-image: url(/resource/img/business_partner/ai-ojt/ico_arrow.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #FA1B00;
}

.ai_content_modal_cont_ttl {
  flex: none;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 16px;
}

.ai_content_modal_cont_left_txt,
.ai_content_modal_cont_right_txt {
  flex: 1;
}

p.ai_content_modal_cont_left_txt{
  font-family: "Noto Serif JP";
  font-size: 14px;
  line-height: 1.45;
}
p.ai_content_modal_cont_right_txt{
  font-family: "Noto Sans JP";
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
}
.ai_content_modal_img{
  margin-top: 10px;
}


@media screen and (max-width: 768px) {
  .modal_scroll {
    flex-direction: column;
  }
  p.ai_content_modal_cont_ttl{
    font-size: 18px;
  }
  .ai_content_modal_cont_allow {
    flex-shrink: 0;
    transform: rotate(90deg);
    margin: 16px auto;
  }
  .modal_scroll{
    gap: 16px;
  }
  .ai_content_modal_cont_allow{
    position: static;
  }
}

/* -----コンテンツ毎の設定----- */
.ai_content_indent_txt{
  display: inline-block;
  text-indent: -1em;
  padding-left: 1em;
}

.ai_content_indent_txt.is-single {
  text-indent: 0;
}

/* #about */
#about.ai_content_sec .ai_content_lead {
  margin-top: 24px;
  margin-bottom: 24px;
}

.ai_content_3step {
  background-color: #F5F5F5;
  padding: 24px;
}

.ai_content_3step_subllt {
  position: relative;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  width: fit-content;
  margin: 0 auto;
  background: linear-gradient(90deg, #EB6F01 0%, #FF0100 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0 12px
}

.ai_content_3step_subllt::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  width: 2px;
  height: 18px;
  border-radius: 3px;
  transform: translateY(-50%) rotate(-45deg);
  background: linear-gradient(#FFA800 0%, #F50021 100%);
}

.ai_content_3step_subllt::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 0;
  width: 2px;
  height: 18px;
  border-radius: 3px;
  transform: translateY(-50%) rotate(45deg);
  background: linear-gradient(#FFA800 0%, #F50021 100%);
}

.ai_content_3step_ttl{
  font-size: 22px;
  font-weight: 700;
  text-align: center;
  line-height: 1.65;
  margin-top: 4px;
}

.ai_content_3step .ai_content_3step_lst {
  display: flex;
  align-items: stretch;
  gap: 8px;
  margin-top: 32px;
}

.ai_content_3step .ai_content_3step_lst .ai_content_3step_itm {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  flex: 1;
  text-align: center;
  background-color: #FFF;
  padding: 16px;
  border-radius: 4px;
}

p.ai_content_3step_itm_step {
  font-size: 14px;
  font-weight: 700;
  color: #BE0533;
  width: fit-content;
  border: 1px solid #BE0533;
  border-radius: 30px;
  padding: 0 8px;
}

.ai_content_3step_itm_ttl {
  height: 60px;
  display: flex;
  align-items: center;  
  font-size: 18px;
  font-weight: 700;
  line-height: 1.65;
}

.ai_content_3step_itm_img {
  width: 120px;
}

.ai_content_3step_itm_img img {
  height: 100%;
}

p.ai_content_3step_itm_txt {
  font-size: 14px;
  text-align: left;
  font-weight: 500;
  align-self: stretch;
}

.ai_content_3step_icon{
  display: inline-block;
  align-self: center;
  width: 14.8px;
  height: 11.537px;
  mask-image: url(/resource/img/business_partner/ai-ojt/ico_arrow_3step.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #3E3A39;
}

.video-container_ttl{
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
  text-align: center;
  padding-bottom: 16px;
}

@media screen and (max-width: 769px) {
  #about.ai_content_sec .ai_content_lead{
    font-size: 16px;
  }  
  .ai_content_3step .ai_content_3step_lst{
    flex-direction: column;
  }
  .ai_content_3step .ai_content_3step_lst .ai_content_3step_itm{
    gap: 4px;
  }
  .ai_content_3step_itm_ttl {
    font-size: 16px;
  }
  .ai_content_3step_icon {
    transform: rotate(90deg);
  }

  .video-container_ttl{
    font-size: 18px;
  }
  .video-container_wrap{
    width: 100%;
  }
}

/* #challenges */
#challenges.ai_content_sec {
  padding-top: 80px;
}

.ai_content_challenges_lst {
  display: flex;
  gap: 24px;
}

.ai_content_challenges_itm {
  display: flex;
  flex: 1;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  border-radius: 8px;
  background-color: #F5F5F5;
  padding: 24px;
}
.ai_content_challenges_itm figure{
  width: 32px;
}
.ai_content_challenges_itm_ttl {
  font-size: 20px;
  line-height: 1.65;
  text-align: left;
  width: 100%;
}

@media screen and (max-width: 769px) {
  #challenges.ai_content_sec  {
    padding-top: 20px;
  }

  .ai_content_challenges_lst{
    flex-direction: column;
  }

  .ai_content_challenges_itm {
    gap: 8px;
  }
  .ai_content_challenges_itm_ttl {
    font-size: 16px;
  }
}

/* features */
.ai_content_features_lst {
  margin-top: 32px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px; 
}

.ai_content_features_lst_itm{
  background-color: #F5F5F5;
  border-radius: 8px;
  padding: 24px;
  min-height: 258px;
}

.ai_content_features_label {
  font-size: 14px;
  font-weight: 700;
  color: #BE0533;
  width: fit-content;
  border: 1px solid #BE0533;
  border-radius: 30px;
  padding: 0 8px;
}

.ai_content_features_lst_itm_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
}

.ai_content_features_lst_itm_left h4{
  font-size: 22px;
  font-weight: 700;
  line-height: 1.65;
  align-self: stretch;
  margin-top: 8px;
}

.ai_content_features_lst_itm_right {
  width: 60px;
  flex-shrink: 0;
}

@media screen and (max-width: 769px) {
  .ai_content_features_lst{
    grid-template-columns: repeat(1, 1fr);
  }

  .ai_content_features_lst_itm_left h4{
    font-size: 16px;
  }
  .ai_content_features_lst_itm{
    min-height: auto;
  }
}

/* #examples */
#examples.ai_content_sec .case_list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
#examples .ai_content_lead_txt{
  margin-top: 24px;
}

#examples .ai_content_examples_wrap {
  border: 1px solid #DDD;
  padding: 32px;
  display: flex;
  gap: 16px;
  margin-top: 24px;
}

#examples  .ai_content_examples_ttl{
  font-size: 24px;
  font-weight: 700;
  line-height: 1.65;
  text-align: center;
}

#examples .ai_content_examples_allow{
  display: inline-block;
  width: 24.063px;
  height: 11.537px;
  mask-image: url(/resource/img/business_partner/ai-ojt/ico_arrow.svg);
  mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  background-color: #FA1B00;
  margin-top: 1rem;
}

#examples .ai_content_examples_left,
#examples .ai_content_examples_right{
  flex: 1;
}

.ai_content_examples_left_txt,
.ai_content_examples_right_txt{
  font-size: 14px;
  line-height: 1.45;
  font-weight: 400;
  margin-top: 10px !important;
}
.ai_content_examples_left_txt{
  font-family: "Noto Serif JP";  
}
.ai_content_examples_right_txt{
  font-family: "Noto Sans JP";

}
#examples.ai_content_sec .case_item {
  display: grid;
  grid-template-rows: auto 1fr auto;
  border: 1px solid #DDD;
  border-radius: 4px;
  padding: 24px;
}

#examples.ai_content_sec .case_item__ttl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.65;
}

#examples.ai_content_sec .case_item__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.65;
  margin-top: 0;
}

#examples.ai_content_sec .case_item__link {
  font-size: 14px;
  color: #BE0533;
  font-weight: 500;
  text-decoration: underline;
  margin-top: 24px;
  cursor: pointer;
}

@media screen and (max-width: 768px) {
  #examples.ai_content_sec .case_item__ttl{
    font-size: 16px;
  }
  #examples.ai_content_sec .case_item__text{
    font-size: 14px;
  }
  #examples .ai_content_examples_wrap{
    flex-direction: column;
    padding: 24px;
  }
  #examples .ai_content_examples_ttl  {
    font-size: 18px;
  }
  #examples .ai_content_examples_allow{
    flex-shrink: 0;
    transform: rotate(90deg);
    margin: 16px auto;
  }
}

/* process */
#process .ai_content_3step .ai_content_3step_lst {
  margin-top: 0;
}

#pricing .ai_content_btn{
  margin-top: 80px;
}

.ai_content_pricing_box {
  display: grid;
  grid-template-columns: 170px 1fr 1fr;
  grid-template-rows: repeat(4, auto);
  grid-column-gap: 16px;
  grid-row-gap: 8px;
  margin-top: 32px;
}

.ai_content_pricing_box_itm1 { grid-area: 1 / 1 / 2 / 2; }
.ai_content_pricing_box_itm2 { grid-area: 1 / 2 / 2 / 3; }
.ai_content_pricing_box_itm3 { grid-area: 1 / 3 / 2 / 4; }
.ai_content_pricing_box_itm4 { grid-area: 2 / 1 / 3 / 2; }
.ai_content_pricing_box_itm5 { grid-area: 2 / 2 / 3 / 3; }
.ai_content_pricing_box_itm6 { grid-area: 2 / 3 / 3 / 4; }
.ai_content_pricing_box_itm7 { grid-area: 3 / 1 / 4 / 2; }
.ai_content_pricing_box_itm8 { grid-area: 3 / 2 / 4 / 3; }
.ai_content_pricing_box_itm9 { grid-area: 3 / 3 / 4 / 4; }
.ai_content_pricing_box_itm10 { grid-area: 4 / 1 / 5 / 2; }
.ai_content_pricing_box_itm11 { grid-area: 4 / 2 / 5 / 3; }
.ai_content_pricing_box_itm12 { grid-area: 4 / 3 / 5 / 4; }

.ai_content_pricing_box_itm{
  line-height: 1.65;
  padding: 10px;
}

.ai_content_pricing_box_itm_label {
  font-size: 20px;
  font-weight: 700;
  text-align: center;
  color: #FFF;
  background-color: #BE0533;
  border-radius: 30px;
  padding: 6px 10px;
}

.ai_content_pricing_box_itm4,
.ai_content_pricing_box_itm7,
.ai_content_pricing_box_itm10{
  display: flex;
  align-items: center;
  font-weight: 700;
  border-bottom: 1px solid #BE0533;
}

.ai_content_pricing_box_itm5,
.ai_content_pricing_box_itm6,
.ai_content_pricing_box_itm8,
.ai_content_pricing_box_itm9,
.ai_content_pricing_box_itm11,
.ai_content_pricing_box_itm12{
  display: flex;
  align-items: center;  
  white-space: nowrap;
  border-bottom: 1px solid #DDD;
}

.ai_content_pricing_box_itm .ai_text_item--hasColor{
  font-size: 24px;
  padding-right: 10px;
}

.ai_content_pricing_note{
  text-align: right;
  margin-top: 16px;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .ai_content_pricing_box{
    overflow-x: scroll;
    white-space: nowrap;
  }
  .ai_content_pricing_box_itm_label{
    font-size: 18px;
  }
  .ai_content_pricing_note{
    text-align: left;
  }

}


/* 関連セミナー */
.ai_content_indent{
  position: relative;
  padding-left: 19px;
}

.ai_content_indent::before{
  position: absolute;
  content: "・";
  left: 0;
  color: #BE0533;
  font-size: 16px;
  font-weight: 700;
}

.ai_content_indent + .ai_content_indent {
  margin-top: 16px;
}

.ai_content_indent a,
.ai_content_last__link a{
  color: #BE0533;
  font-size: 16px;
  line-height: 1.65;
  text-decoration: underline;
}

.ai_content_sec_last h3{
  font-size: 20px;
  font-weight: 700;
  line-height: 1.65;
  margin-top: 32px;
}

.ai_content_sec.ai_content_sec_last .ai_content_last_link{
  margin-top: 16px;
}

.ai_content_sec.ai_content_sec_last .ai_content_last__link a {
  font-weight: 700;
  line-height: 1.65;
}

.ai_content_sec_last .ai_content_last_link p.ai_content_indent{
  margin-top: 0;
}

.ai_content_sec_last  .ai_content_link {
  margin-top: 16px;
  text-align: right;
}
.ai_content_sec_last  .ai_content_link a{
  text-decoration: underline;
  color: #BE0533;
  font-weight: 500;
}

.ai_content_link_indent a:hover,
.ai_content_sec_last a:hover {
  opacity: .6;
}

.ai_qa_cont {
  margin-top: 80px;
}
.ai_qa_cont a {
  display: block;
  width: fit-content;
}
.ai_qa_img {
  max-width: 500px;
  margin: 0 auto;
}
@media (any-hover: hover) {
  .ai_qa_cont a:hover {
    opacity:.6;
  }
}
@media screen and (max-width: 769px) {
  #examples.ai_content_sec .case_list{
    grid-template-columns: repeat(1, 1fr);
  }
  .ai_content_sec_last h3{
    font-size: 16px;
  }
  .ai_content_indent a, .ai_content_last__link a{
    font-size: 14px;
  }
}

/* リリースノート */
.ai_update_heading {
  position: relative;
}

.ai_update_heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #333;
}

.ai_update_hd {
  width: fit-content;
  margin-top: 0;
  padding: 6px 12px;
  background-color: var(--theme-color);
  border-top: 1px solid var(--theme-color);
  border-bottom: none;
  color: #fff;
  font-size: 14px;
  line-height: 1;
}

.ai_update_lst {
  display: flex;
  flex-direction: column;
  gap: 2px;
  max-height: 116px;
  overflow: auto;
  border-bottom: 1px dotted #939393;
}
.ai_update_date {
  font-size: 12px;
}
.ai_update_itm {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 16px;
  line-height: 1;
}
.ai_update_itm + .ai_update_itm {
  border-top: 1px dotted #939393;
}
.ai_update_ttl {
  font-size: 12px;
}
@media screen and (max-width: 769px) {
  .ai_update_lst {
    max-height: 182px;
  }
}
.ai_contemt_media {
  width: 100%;
  aspect-ratio: 16 / 9;
  display: block;
}

/* 料金テーブル */
.fee_table_wrap {
  max-width: 750px;
  margin-right: auto;
}

.fee_table {
  position: relative;
  width: 100%;
  max-width: 550px;
}
.fee_table th {
  font-size: 20px;
  font-weight: 700;
  background-color: #F5F5F5;
  width: 20%;
  vertical-align: middle;
  text-align: center;
}

.fee_table td {
  color: #0D457D;
  font-size: 30px;
  font-weight: 900;
  text-align: center;
  padding: 5px;
  border: 1px solid #cccccc;
}

@media screen and (max-width: 768px) {
  .fee_table th {
    font-size: 16px;
    padding: 8px;
  }
  .fee_table td {
    font-size: 22px;
    padding: 8px;
  }
}

/* 伴走エージェントボタン */
.ai-lc_btn {
  width: fit-content;
  margin-top: 48px;
  margin-left: auto;
  margin-right: auto;
}
.ai-lc_btn a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 2px solid #be0533;
  border-radius: 8px;
  color: #fff;
  background-color: #be0533;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  padding: 18px 48px 18px 24px;
}
.ai-lc_btn a::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  top: 47%;
  transform: translateY(-50%);
  right: 27px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  rotate: 45deg;
}
@media screen and (any-hover:hover) {
  .ai-lc_btn a:hover {
    background-color: #fff;
    color: #be0533;
  }
  .ai-lc_btn a:hover::before {
  border-top: 2px solid #be0533;
  border-right: 2px solid #be0533;
  }
}
@media screen and (max-width: 768px) {
  .ai-lc_btn {
    margin-top: 32px;
  }
  .ai-lc_btn a {
    font-size: 16px;
    padding: 10px 24px 10px 12px;
  }
  .ai-lc_btn a::before {
    width: 7px;
    height: 7px;
    right: 15px;
  }
}

/* offerbox */
.worry_list {
  border-radius: 8px;
  background-color: #F5F5F5;
  padding: 24px;
}
.worry_list__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.worry_list__item + .worry_list__item {
  margin-top: 12px;
}
.worry_list__item .worry_list__ico img {
  width: 32px;
}