/* font */
body {
  font-size: 16px;
}
.common_headline {
  font-size: 36px !important;
}
p {
  text-align: justify;
}

@media screen and (max-width: 750px) {
  body {
    font-size: 14px;
  }
  .common_headline {
    font-size: 20px !important;
  }
}
body,
input,
textarea {
  font-family: Arial, 'Hiragino Sans', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN',
    '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;
}

.rich_font,
.p-vertical {
  font-family: Arial, 'Hiragino Sans', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN',
    '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;
  font-weight: 600;
}
.rich_font_type1 {
  font-family: Arial, '繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3', 'Hiragino Kaku Gothic ProN', '繝｡繧､繝ｪ繧ｪ', Meiryo,
    sans-serif;
  font-weight: 600;
}
.rich_font_type2 {
  font-family: Arial, 'Hiragino Sans', '繝偵Λ繧ｮ繝手ｧ偵ざ ProN', 'Hiragino Kaku Gothic ProN',
    '貂ｸ繧ｴ繧ｷ繝�け', YuGothic, '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;
  font-weight: 600;
}
.rich_font_type3 {
  font-family: 'Times New Roman', '貂ｸ譏取悃', 'Yu Mincho', '貂ｸ譏取悃菴�', 'YuMincho',
    '繝偵Λ繧ｮ繝取�譛� Pro W3', 'Hiragino Mincho Pro', 'HiraMinProN-W3', 'HGS譏取悃E', '�ｭ�ｳ �ｰ譏取悃',
    'MS PMincho', serif;
  font-weight: 600;
}

.square_headline .headline {
  font-size: 24px;
}
.square_headline .sub_headline {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  .square_headline .headline {
    font-size: 18px;
  }
  .square_headline .sub_headline {
    font-size: 12px;
  }
}

.pc body.use_header_fix #header:after {
  background: rgba(255, 255, 255, 1);
}
.pc body.use_header_fix #header:hover:after {
  background: rgba(255, 255, 255, 1);
}
#header_logo a {
  background: rgba(255, 255, 255, 1);
}
#header_logo .logo_text {
  color: #ffffff !important;
  font-size: 32px;
}
#footer_logo .logo_text {
  font-size: 32px;
}
@media screen and (max-width: 1201px) {
  #header_logo .logo_text {
    font-size: 24px;
  }
  #footer_logo .logo_text {
    font-size: 24px;
  }
}

/* menu */
#global_menu > ul > li > a:hover,
body.single #global_menu > ul > li.current-menu-item > a,
body.single #global_menu > ul > li.active > a,
#header.active #global_menu > ul > li.current-menu-item > a,
#header.active #global_menu > ul > li.active > a,
body.hide_header_image #global_menu > ul > li.current-menu-item > a,
body.no_index_header_content #global_menu > ul > li.current-menu-item > a {
  color: #00729f !important;
}
#global_menu ul ul a {
  color: #ffffff;
  background: #00729f;
}
#global_menu ul ul a:hover {
  color: #ffffff;
  background: #00466d;
}
#global_menu ul ul li.menu-item-has-children > a:before {
  color: #ffffff;
}
.mobile #header:after {
  background: rgba(255, 255, 255, 1);
}
.mobile #header:hover:after {
  background: rgba(255, 255, 255, 1);
}
.mobile body.home.no_index_header_content #header {
  background: rgba(255, 255, 255, 1);
}
#drawer_menu {
  color: #ffffff;
  background: #000000;
}
#drawer_menu a {
  color: #ffffff;
}
#drawer_menu a:hover {
  color: #00466d;
}
#mobile_menu a {
  color: #ffffff;
  border-color: #444444;
}
#mobile_menu li li a {
  background: #333333;
}
#mobile_menu a:hover,
#drawer_menu .close_button:hover,
#mobile_menu .child_menu_button:hover {
  color: #ffffff;
  background: #444444;
}
#mobile_menu .child_menu_button .icon:before,
#mobile_menu .child_menu_button:hover .icon:before {
  color: #ffffff;
}
.megamenu .headline_area h3 .headline {
  font-size: 24px;
}
.megamenu_b .service_item_list .item a:after {
  background: rgba(0, 0, 0, 0.5);
}
#footer_banner a {
  color: #ffffff !important;
}
#footer_banner .title {
  font-size: 24px;
}
#footer_banner .sub_title {
  font-size: 14px;
}
@media screen and (max-width: 750px) {
  #footer_banner .title {
    font-size: 18px;
  }
  #footer_banner .sub_title {
    font-size: 12px;
  }
}

/* color */
a {
  color: #000;
}
#footer_menu .footer_menu li:first-of-type a,
#return_top2 a:hover:before,
#bread_crumb,
#bread_crumb li.last,
.tcd_banner_widget .headline,
.post_slider_widget .slick-arrow:hover:before,
#post_title2 .title,
#service_banner .main_title,
.megamenu .headline_area h3 .headline,
.news_category_list li.active a,
.news_category_sort_button li.active a,
.sns_button_list.color_type2 li.contact a:before,
.tab_content_top .tab .item.active,
.cb_tab_content .tab_content_bottom .title,
.cb_headline .headline,
.faq_list .question.active,
.faq_list .question:hover,
.author_profile .author_link li.contact a:before,
.author_profile .author_link li.user_url a:before {
  color: #00729f;
}
.square_headline,
.page_navi span.current,
#post_pagination p,
#comment_tab li.active a,
.news_category_list li.active a:before,
.news_category_sort_button li.active a:before,
.tab_content_bottom .slick-dots button:hover::before,
.tab_content_bottom .slick-dots .slick-active button::before,
.faq_list .question.active:before,
.faq_list .question:hover:before,
.faq_list .question:hover:after,
#return_top a {
  background: #00729f;
}
.page_navi span.current,
#post_pagination p,
.design_headline2 span,
#post_title2 .title,
.project_list .category,
#project_title_area .category {
  border-color: #00729f;
}
.category_list_widget li.current-menu-item a,
.category_list_widget li.current-menu-parent a {
  background: rgba(0, 114, 159, 0.5);
  border-color: #fff;
  color: #fff;
}
a:hover,
#footer_top a:hover,
#footer_social_link li a:hover:before,
#footer_menu .footer_menu li:first-of-type a:hover,
#next_prev_post a:hover,
#bread_crumb li a:hover,
#bread_crumb li.home a:hover:before,
.single_copy_title_url_btn:hover,
.tcdw_search_box_widget .search_area .search_button:hover:before,
.widget_tab_post_list_button div:hover,
#single_author_title_area .author_link li a:hover:before,
.author_profile a:hover,
#post_meta_bottom a:hover,
.cardlink_title a:hover,
.comment a:hover,
.comment_form_wrapper a:hover,
#searchform .submit_button:hover:before,
.p-dropdown__title:hover:after {
  color: #00466d;
}
.page_navi a:hover,
#post_pagination a:hover,
#p_readmore .button:hover,
.c-pw__btn:hover,
#comment_tab li a:hover,
#submit_comment:hover,
#cancel_comment_reply a:hover,
#wp-calendar #prev a:hover,
#wp-calendar #next a:hover,
#wp-calendar td a:hover,
#comment_tab li a:hover,
#return_top a:hover {
  background-color: #00466d;
}
.page_navi a:hover,
#post_pagination a:hover,
#comment_textarea textarea:focus,
.c-pw__box-input:focus {
  border-color: #00466d;
}
.post_content a,
.custom-html-widget a {
  color: #000000;
}
.post_content a:hover,
.custom-html-widget a:hover {
  color: #00466d;
}
.design_button.type1 a {
  color: #ffffff !important;
  background: #00729f;
}
.design_button.type1 a:hover {
  color: #ffffff !important;
  background: #00466d;
}
.cat_id2 {
  background-color: #00729f;
}
.cat_id2:hover {
  background-color: #00466d;
}
.cat_id3 {
  background-color: #00729f;
}
.cat_id3:hover {
  background-color: #00466d;
}
.cat_id24 {
  background-color: #00729f;
}
.cat_id24:hover {
  background-color: #00466d;
}

/* content */
.single-post #post_image {
  display: none;
}
@media screen and (max-width: 750px) {
  .single-post #post_image_wrap {
    display: none;
  }
}
#page_header .overlay {
  background-color: rgba(0, 0, 0, 0.3);
}
.marker-under {
  background: linear-gradient(transparent 60%, #ff9 60%);
}
#site_loader_logo_inner .message {
  font-size: 21px;
  color: #000000;
}
#site_loader_logo_inner i {
  background: #000000;
}
@media screen and (max-width: 750px) {
  #site_loader_logo_inner .message {
    font-size: 14px;
  }
}

/* lp  ------------------------------------------------------------------ */

/**/
.offs.effect {
  opacity: 0;
  transform: translate(0, 30px);
  -webkit-transform: translate(0, 30px);
}
.ons.effect {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

#return_top.active {
  display: none !important;
}

/* wrap */
.container_lp #main_col {
  font-family: 'Noto Sans JP', sans-serif;
}
body.hide_sidebar #main_col {
  width: 100%;
  padding: 0;
}
#main_contents {
  width: auto;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-bottom: 0;
}
section {
  padding: 80px 0;
  position: relative;
}
section img {
  max-width: 100%;
  height: auto;
}

.sec_contents {
  max-width: 960px;
  margin: auto;
}

.br--sp,
.image--sp {
  display: none;
}

@media screen and (max-width: 1201px) {
  body.page #main_contents {
    padding-top: 0;
  }
  #main_col {
    max-width: none;
  }
}
@media screen and (max-width: 900px) {
  #main_contents {
    padding: 0;
    font-size: 16px;
    line-height: 150%;
  }
  section {
    padding: 32px 16px;
  }
  section#problems {
    padding: 16px;
  }
  .br--sp {
    display: inline;
  }
  .image--pc {
    display: none;
  }
  .image--sp {
    display: block;
    max-width: 100%;
  }
}

/* card */
.sec_cards_box {
  border-radius: 10px;
  border: 2px solid #00729f;
  background: #fff;
  padding: 32px;
}
.sec_cards_box > p {
  margin: 24px 0;
  line-height: 150%; /* 27px */
  font-size: 18px;
}
.sec_cards_box > p:last-child {
  margin: 24px 0 0;
}
@media screen and (max-width: 900px) {
  .sec_cards_box {
    padding: 16px;
  }
  .sec_cards_box > p {
    margin: 8px 0;
    font-size: 16px;
  }
  .sec_cards_box > p:last-child {
    margin: 8px 0 0;
  }
}

/* text */
section h2 {
  color: #1c1c1c;
  text-align: center;
  font-family: 'Zen Maru Gothic';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}
section h2 .point {
  display: block;
  text-align: center;
}
section h2 .h2_bg {
  display: inline-block;
  padding: 5px 10px 7px 16px;
  background: #009fe0;
  color: #fff;
  margin: 0 5px;
  letter-spacing: 6.4px;
}
section h3 {
  color: #009fe0;
  text-align: center;
  font-family: 'Zen Maru Gothic';
  font-size: 38px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 57px */
}
section .h3_s {
  font-size: 29px;
}
section h4 {
  color: #353535;
  text-align: center;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 27px */
  padding: 16px;
}
section .sec_contents > p {
  margin: 32px 0;
  line-height: 150%; /* 24px */
  font-size: 18px;
}

@media screen and (max-width: 900px) {
  section h2 {
    font-size: 20px;
    padding-bottom: 16px;
  }
  section h2 .point {
    line-height: 0;
    padding-top: 4px;
  }
  section h2 .point svg {
    width: 21px;
    height: 5px;
  }
  section h2 .h2_bg {
    padding: 0 2.6px 3px 8px;
    letter-spacing: 4px;
  }
  section h3 {
    font-size: 20px;
  }
  section .h3_s {
    font-size: 16px;
    line-height: 1;
  }
  section .sec_contents > p {
    margin: 0 0 16px 0;
    font-size: 16px;
  }
  section .sec_contents > figure {
    margin: 0 0 16px 0;
  }
}

/* cta */
body:has(.p-cta) {
  padding-bottom: 108px;
}
.p-cta {
  opacity: 0;
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #00b6ff;
  padding: 24px 0;
  z-index: 1000;
}
.p-cta.is-fixed {
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.cta a {
  display: flex;
  max-width: 343px;
  padding: 16px 16px 20px 16px;
  margin: auto;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #ffe133;
  color: #353535;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%;
  font-family: 'Zen Maru Gothic', serif;
}
@media screen and (max-width: 900px) {
  body:has(.p-cta) {
    padding-bottom: 102px;
  }
  .p-cta {
    padding: 24px 32px;
    box-sizing: border-box;
  }
  .cta a {
    max-width: none;
    font-size: 18px;
  }
}

/* main */
main {
  background: #00b6ff;
  background-image: url(../images/main_bg--pc.png);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 150px 0 75px;
}
main p {
  color: #353535;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  padding-top: 34px;
}
main .cta {
  padding: 53px 0;
}
main .main_h1--pc {
  display: block;
  margin: auto;
}
main .main_h1--sp {
  display: none;
}
main .image--sp {
  display: none;
}

@media screen and (max-width: 900px) {
  main {
    padding: 16px 16px 0;
    background-image: none;
  }
  main .main_h1--pc {
    display: none;
  }
  main .main_h1--sp {
    display: block;
    max-width: 100%;
  }
  main p {
    padding: 8px 0;
    font-size: 13px;
    text-align: justify;
  }
  main p br {
    display: none;
  }
  main .cta {
    padding: 8px 16px 32px;
  }
  main .image--sp {
    display: block;
    text-align: center;
    line-height: 1;
  }
  main .image--sp img {
    max-width: 100%;
  }
}

/* about */
section#about {
  background-image: url(../images/about_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

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

/* problems */
section#problems {
  background: #bdd2da;
}
section#problems .sec_contents .sec_flex {
  display: flex;
}
@media screen and (max-width: 900px) {
  section#problems .problems--pc {
    display: none;
  }
}

/* solution */
section#solution {
  background: url(../images/solution_bg.png) repeat top center/cover;
  background-size: cover;
  padding-top: 130px;
}
section#solution h2 .h2_bg {
  letter-spacing: -4.2px;
  font-size: 40px;
  padding-right: 20px;
}
section#solution .sec_contents > p {
  text-align: center;
}
section#solution::before {
  content: '';
  width: 100%;
  height: 75px;
  background-color: #bdd2da;
  position: absolute;
  top: 0px;
  left: 0;
  clip-path: polygon(50% 100%, 0 0, 100% 0);
}
section#solution h2 {
  font-size: 40px;
}
section#solution h4 {
  color: #009fe0;
  font-family: 'Zen Maru Gothic';
  font-size: 24px;
  padding-bottom: 0;
}
section#solution .sec_cards_box > p {
  margin: 0;
}
@media screen and (max-width: 900px) {
  section#solution {
    padding-top: 48px;
  }
  section#solution::before {
    height: 22px;
    top: -1px;
  }
  section#solution h2 {
    font-size: 20px;
  }
  section#solution h2 .h2_bg {
    margin: 0 1px 0 0;
    letter-spacing: -4.2px;
    font-size: 20px;
    padding: 0px 8px 3px 4px;
  }
  section#solution .sec_contents > p {
    text-align: justify;
  }
  section#solution .h3_s {
    display: block;
  }
  section#solution .sec_cards {
    display: block;
  }
  section#solution .sec_cards_inner {
    width: auto;
    margin-bottom: 16px;
  }
  section#solution h4 {
    font-size: 16px;
    padding: 12px 0 8px;
  }
  section#solution .sec_cards_box > p {
    margin: 8px 0;
  }
  section#solution .sec_cards_box > p:last-child {
    margin: 8px 0 0;
  }
}

/* features */
section#features {
  background: #00b6ff;
}
section#features h2 {
  color: #fff;
  font-size: 40px;
  letter-spacing: 4px;
}
section#features h2 .h2_bg {
  background: #fff;
  color: #00b6ff;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0;
  padding: 0px 16px 7px 16px;
}
section#features h2 .point path {
  stroke: #fff;
}
section#features .sec_cards_box {
  margin: 40px 0 32px;
  padding-bottom: 16px;
}
section#features .sec_cards_box > p {
  margin: 16px 0;
}

@media screen and (max-width: 900px) {
  section#features {
    padding-bottom: 0;
  }
  section#features .sec_cards_box {
    margin: 0 0 10px;
  }
  section#features h2 {
    font-size: 20px;
  }
  section#features h2 .h2_bg {
    font-size: 26px;
    padding: 0px 2px 2px 4px;
  }
  section#features .sec_cards_box > p {
    margin: 8px 0;
  }
  section#features .sec_cards_box > p:last-child {
    margin: 8px 0 0;
  }
  section#features .sec_contents > figure {
    margin: 0;
  }
}

/* case */
section#case .sec_flex {
  display: flex;
  padding-bottom: 40px;
  align-items: center;
  justify-content: center;
  gap: 23px;
}
section#case .sec_flex figure {
  width: 235.042px;
}
section#case .sec_flex .sec_flex--text {
  display: flex;
  width: 453.453px;
  height: 125px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
}
section#case .sec_flex .sec_flex--text h3 {
  color: var(--black, #353535);
  font-feature-settings:
    'liga' off,
    'clig' off;
  font-family: 'Noto Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  margin-top: 20px;
}
section#case .sec_flex .sec_flex--text h3 span {
  font-size: 40px;
}
section#case .sec_flex .sec_flex--text p {
  line-height: 150%;
  font-size: 18px;
  font-weight: 500;
}
section#case .sec_cards {
  display: flex;
  justify-content: space-between;
}
section#case .sec_cards_inner {
  width: 48.5%;
  border-radius: 10px;
  border: 2px solid #00b6ff;
  overflow: hidden;
  margin: 8px 0;
  padding: 0 16px 16px;
  box-sizing: border-box;
}
section#case .sec_cards_inner h4 {
  font-size: 22px;
}
section#case .sec_cards_inner figure {
  text-align: center;
}
section#case .sec_cards_inner p {
  color: #353535;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
  padding-top: 16px;
}

@media screen and (max-width: 900px) {
  section#case .sec_flex {
    display: block;
    padding-bottom: 16px;
  }
  section#case .sec_flex figure {
    margin: auto;
  }
  section#case .sec_flex .sec_flex--text {
    align-items: center;
    width: auto;
  }
  section#case .sec_flex .sec_flex--text h3 {
    font-size: 20px;
  }
  section#case .sec_flex .sec_flex--text h3 span {
    font-size: 30px;
  }
  section#case .sec_cards {
    display: block;
  }
  section#case .sec_cards_inner {
    width: auto;
  }
  section#case .sec_cards_inner h4 {
    font-size: 18px;
  }
  section#case .sec_flex .sec_flex--text p {
    font-size: 16px;
  }
}

/* flow */
section#flow {
  background: #004099;
}
section#flow h2 {
  color: #fff;
}
section#flow h2 path {
  stroke: #fff;
}
.flow_list {
  max-width: 672px;
  margin: 10px auto 0px;
  counter-reset: number 0;
}
.flow_listItem {
  position: relative;
  z-index: 10;
  justify-content: center;
  align-items: center;
  display: flex;
}
.flow_listItem:nth-last-of-type(n + 2)::before {
  content: '';
  position: absolute;
  bottom: -34%;
  left: 65px;
  z-index: 1;
  display: block;
  width: 0;
  height: calc(100% - 87px);
  border-right: 2px solid #fff;
}
.flow_listItem + .flow_listItem {
  margin-top: 40px;
}
.flow_listItem .step {
  position: relative;
  z-index: 10;
  margin-right: 20px;
  padding-top: 5px;
}
.flow_listItem .step::before {
  counter-increment: number 1;
  content: counter(number);
  display: block;
  color: #004099;
  text-align: center;
  font-family: 'Noto Sans';
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 32px */
  position: absolute;
  background: #fff;
  padding: 5px;
  border-radius: 50%;
  top: 0px;
  left: -10px;
  width: 33px;
}
.flow_listItem .step .ic {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  border: 2px solid #fff;
}
.flow_listItem_content {
  width: calc(100% - 78px);
  padding: 0;
}
.flow_listItem_content .ttl {
  color: #fff;
  font-family: 'Noto Sans';
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-align: left;
  margin-bottom: 5px;
}

.flow_listItem_content .txtBox {
  color: #fff;
  font-family: 'Noto Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}

@media screen and (max-width: 900px) {
  .flow_listItem {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .flow_listItem:last-child {
    margin-bottom: 0;
  }
  .flow_listItem .step {
    margin-top: 16px;
    margin-right: 0;
    margin-bottom: 4px;
  }
  .flow_listItem_content .ttl {
    text-align: center;
    font-size: 18px;
  }
  .flow_listItem_content {
    width: 100%;
    padding: 0;
  }
  .flow_listItem_content .ttl {
    font-size: 18px;
  }
  .flow_listItem_content .txtBox {
    padding: 0;
    font-size: 16px;
  }
  .flow_listItem:nth-last-of-type(n + 2)::before {
    bottom: -18%;
    left: 50%;
    height: 32px;
  }
}
@media screen and (max-width: 500px) {
  .flow_listItem + .flow_listItem {
    margin-top: 20px;
  }
}
/*	flow_caption-------------------------------*/
.flow_caption {
  position: relative;
}
.flow_caption .person01 {
  justify-content: flex-end;
  flex-direction: row-reverse;
}
.flow_caption .person01 .caption_fg {
  margin-top: 40px;
  margin-bottom: 35px;
}
.flow_caption .person02 {
  position: absolute;
  top: 23%;
  right: 0;
  flex-direction: row-reverse;
  width: 100%;
}
.flow_caption .person02 .caption_balloon {
  width: calc(100% - 245px - 230px);
}
@media screen and (max-width: 768px) {
  .flow_caption {
    max-width: 600px;
    margin: 0 auto;
  }
  .flow_caption .person01 {
    align-items: center;
  }
  .flow_caption .person02 {
    position: static;
    align-items: center;
    margin-top: 0;
  }
  .flow_caption .caption_fg {
    width: 35%;
  }
  .flow_caption .person01 .caption_fg {
    margin-top: 0;
    margin-bottom: 0;
  }
  .flow_caption .caption_balloon {
    width: 65% !important;
  }
  .flow_caption .person02 .caption_balloon {
    margin-top: 0;
  }
  .flow_caption .caption_balloon::after {
    bottom: 16px;
    border-width: 8px 10px;
  }
  .flow_caption .person01 .caption_balloon::after {
    left: -18px;
    border-color: transparent #3c2c25 transparent transparent;
  }
  .flow_caption .person02 .caption_balloon::after {
    right: -18px;
    border-color: transparent transparent transparent #93cf30;
  }
}
@media screen and (max-width: 500px) {
  .flow_caption .person02 {
    margin-top: 15px;
  }
}

/* plan */
section#plan h2 {
  padding-bottom: 40px;
}
section#plan h3.sec_price {
  color: #353535;
  font-family: 'Noto Sans JP';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 16px;
  padding: 0 0 16px 0;
}
section#plan .sec_cards {
  border-bottom: 1px solid #ccc;
}
section#plan .sec_cards_inner {
  display: flex;
  border-top: 1px solid #ccc;
  padding: 16px 32px;
  gap: 32px;
  align-items: center;
}
section#plan .sec_cards_inner h4 {
  color: #009fe0;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 180%; /* 28.8px */
  padding: 0;
  min-width: 210px;
  text-align: left;
}
section#plan .sec_cards_inner p {
  color: #353535;
  font-family: 'Noto Sans';
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
section#plan h3.sec_cards_bottom {
  color: #353535;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 33px */
  padding: 32px 0 0 0;
}
section#plan h3.sec_cards_bottom span {
  border-bottom: 2px solid #00b6ff;
  padding: 1px 0;
}

@media screen and (max-width: 900px) {
  section#plan h2 {
    padding-bottom: 16px;
  }
  section#plan h3.sec_price {
    font-size: 16px;
  }
  section#plan .sec_cards_inner {
    display: block;
    padding: 16px 0px;
  }
  section#plan .sec_cards_inner h4 {
    font-size: 18px;
    text-align: center;
  }
  section#plan .sec_cards_inner p {
    font-size: 14px;
  }
  section#plan h3.sec_cards_bottom {
    font-size: 18px;
    padding: 16px 0 0 0;
  }
}

/* related */
section#related {
  background: linear-gradient(191deg, #fff 18.44%, #c9efff 100.03%);
}
section#related h2 {
  padding-bottom: 40px;
}
section#related .sec_cards .sec_cards_inner {
  border: 1px solid #00729f;
  background: #fff;
  color: #353535;
  margin-bottom: 16px;
  padding: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}
section#related .sec_cards .sec_cards_inner figure {
  width: 260px;
}
section#related .sec_cards .sec_cards_inner .txtBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex: 1 0 0;
  font-feature-settings: 'palt';
}
section#related .sec_cards .sec_cards_inner h4 {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 130%; /* 28.6px */
  padding: 0;
  text-align: left;
}
section#related .sec_cards .sec_cards_inner p {
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 24px */
}
section#related .sec_cards .sec_cards_inner .cta a {
  width: 300px;
  padding: 16px 32px 20px 32px;
  color: #fff;
  text-align: center;
  font-family: 'Zen Maru Gothic';
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 100%; /* 18px */
  border-radius: 8px;
  background: #00b6ff;
}

@media screen and (max-width: 900px) {
  section#related h2 {
    padding-bottom: 16px;
  }
  section#related .sec_cards .sec_cards_inner {
    display: block;
    padding: 0;
  }
  section#related .sec_cards .sec_cards_inner figure {
    width: auto;
  }
  section#related .sec_cards .sec_cards_inner .txtBox {
    margin: 16px;
  }
  section#related .sec_cards .sec_cards_inner h4 {
    font-size: 18px;
  }
  section#related .sec_cards .sec_cards_inner .cta {
    width: 100%;
  }
  section#related .sec_cards .sec_cards_inner .cta a {
    width: auto;
  }
}