/*
Theme Name: NOC
Template: oltana-003
Description: OLTANA-003 の子テーマ
Version: 7.0.0
*/
/* 記事ページスタイル& page-template-defaultページスタイル
===========================*/
.single h3.wp-block-heading::before, .single h3.wp-block-heading::after,
.page-template-default h3.wp-block-heading::before, .page-template-default h3.wp-block-heading::after{
    display:none;
}
.single h2.wp-block-heading,
.page-template-default h2.wp-block-heading{
    margin-bottom: 0px;
    padding-bottom: 0px;
    color: #08428c;
    border-top: solid 3px #364e96;
    border-bottom: solid 3px #364e96;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.single .ol-block__box-inner h2,
.page-template-default .ol-block__box-inner h2{
	margin-top: 0px;
    padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
    border-top: none;
	font-size:1.2em;
}
.single h3.wp-block-heading,
.page-template-default h3.wp-block-heading{
    margin-top: 2em;
    margin-bottom: 1em;
    font-size: 1.3em;
    padding-left: 0;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 0.5em;
    background: #e5efff;
    border-radius: 4px;
}
.single .ol-block__box .ol-block__box-inner p:last-child,
.single .ol-block__box .block-editor-block-list__layout p:last-child,
.page-template-default .ol-block__box .ol-block__box-inner p:last-child,
.page-template-default .ol-block__box .block-editor-block-list__layout p:last-child{
    margin-bottom: 0;
    margin-top: 15px;
}
@media (max-width: 767px) {
.single h2.wp-block-heading,
.page-template-default h2.wp-block-heading{
        font-size: 20px;
    }
.single h3.wp-block-heading,
.page-template-default h3.wp-block-heading{
    font-size: 1.1em;
}	
.single .ol-block__box,
.page-template-default .ol-block__box{
    padding: 25px;
	}
.single p,
.single ul.oltana-list,
.page-template-default p,
.page-template-default ul.oltana-list{
	margin-top: 20px;
	margin-bottom: 20px;
	}
.single h3.wp-block-heading,
.page-template-default h3.wp-block-heading{
	margin-top: 40px;
	margin-bottom: 20px;
	}

.single .wp-block-image,
.page-template-default .wp-block-image {
    margin-top: 20px;
    margin-bottom: 20px;
}}
/* 共通パーツ
===========================*/
.ol-heading-sub.ol-font-en {
  color: #09428c !important;
}
a.link-icon {
  display: inline-block;
  text-decoration: underline;
  padding-right: 26px;
  cursor: pointer;
  color: #1c1c1c !important;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-link.svg);
  background-size: 1rem;
  background-repeat: no-repeat;
  background-position: bottom 35% right 2%;
  opacity: 1;
  transition: 0.5s;
}
a.link-icon:hover {
  opacity: 0.5;
}
@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}
#wpfront-scroll-top-container {
  z-index: 998 !important;
}
@media (max-width: 640px) {
  #wpfront-scroll-top-container {
    right: 5px !important;
    bottom: 50px !important;
  }
  .ol-article__title {
    text-align: center;
  }
}
h2.nomal {
  margin: 1rem 0;
  font-size: 1.2rem;
  border: none;
}
.ol-cvbutton__sp-button {
  background-color: #fdfbf44f !important;
  backdrop-filter: blur(6px) !important;
}
.page-template-page-service p.mb-1em {
  margin-bottom: 1em !important;
}
/* ボタン 枠あり */
a.button01 {
  width: 80%;
  max-width: 400px;
  line-height: 1.5;
  margin: 0 auto 30px;
  padding: 20px 0px;
  position: relative;
  cursor: pointer;
  display: block;
  color: #000;
  text-decoration: none;
  border: 1px solid #09428c;
  text-align: center;
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle-right.svg);
  background-size: 5%;
  background-repeat: no-repeat;
  background-position: top 25px right 18px;
  transition: 0.5s;
}
a.button01:hover {
  background: #edf5ff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle-right.svg);
  background-position: top 25px right 8px;
  background-repeat: no-repeat;
  background-size: 5%;
}
/* 外部リンクアイコン　*/
a.link-gaibu {
  display: inline-block;
  padding-right: 26px;
  cursor: pointer;
  color: #000;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-link.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: top 10px right 5px;
  transition: 0.5s;
}
a.link-gaibu:hover {
  text-decoration: underline;
}
/* リスト丸アイコン　*/
.icon-list li, .icon-list-text {
  padding-left: 1em;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-list.svg);
  background-size: 0.6em;
  background-repeat: no-repeat;
  background-position: top 0.75em left 0;
  line-height: 1.5;
  margin-bottom: 1em;
}
/* カラー囲み　*/
.color-box {
  background: #ecf5ff;
  padding: 3%;
  width: 100%;
  text-align: center;
  position: relative;
}
.color-box::before {
  position: absolute;
  content: "";
  display: block;
  width: 97%;
  height: 90%;
  border: 6px double #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 640px) {
  .color-box {
    text-align: left;
    padding: 8%;
  }
}
span.marker {
  font-size: 1.1em;
  color: #d54e4e;
  font-weight: bold;
}
.flex {
  display: flex;
}
section {
  margin: 0 auto;
}
/* CTA電話番号 */
.ol-contact__phone_number {
  font-family: Noto Sans JP, sans-serif !important;
  font-size: 2em;
}
/* facebook シェアボタンの色 */
.oltana-icon-facebook:before {
  color: #1877f2;
}
/* Gナビ
===========================*/
.ol-header {
  position: sticky !important;
  top: 0 !important;
  background: #fdfbf414;
  z-index: 999;
  backdrop-filter: blur(6px);
}
@media (min-width: 841px) and (max-width: 1280px) {
  .ol-header__inner {
    padding-left: 15px;
    padding-right: 0;
  }
}
@media (min-width: 841px) and (min-width: 1729px) {
  .ol-header.ol-header__tracking.js-header__hidden .ol-header__inner, .ol-header.ol-header__tracking.js-header__visible .ol-header__inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
}
@media (min-width: 841px) {
  .ol-header.ol-header__tracking.js-header__default .ol-header__inner {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
  }
  .home .ol-header .ol-header__title-anchor, .top-nav-list .privacy-link {
    display: none !important;
  }
  .ol-hamburger__menu {
    flex-basis: 100%;
  }
  .top-nav-list {
    display: flex;
    justify-content: flex-end;
  }
}
@media (max-width: 840px) {
  .top-nav-list .nav-list {
    margin-bottom: 1.5rem;
  }
}
@media (max-width: 640px) {
  .ol-header__inner {
    padding-bottom: 10px !important;
    padding-top: 10px !important;
  }
  .archive, .blog {
    padding-top: 50px;
  }
  .single {
    padding-top: 70px;
  }
}
.top-nav-list {
  position: relative;
}
@media (min-width: 1080px) {
  .top-nav-list .nav-list {
    display: block;
    padding: 0 15px;
  }
}
@media (min-width: 840px) {
  .top-nav-list .nav-list {
    display: block;
    padding: 0 1.3%;
  }
}
.top-nav-list .nav-list a {
  color: #000 !important;
  text-decoration: none;
}
/* サブメニュー内のアイテムレイアウト jsは「カスタマイズ」→「SEO・計測タグ・高速化」body閉じタグ直前に記入*/
.sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  background: #ffffffbf;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 10px;
  list-style: none;
  z-index: 1000;
}
.home .sub-menu {
  left: 0 !important;
}
.sub-menu.active {
  display: block;
  animation: fadeIn 0.3s ease-in-out;
}
@media (min-width: 1381px) {
  .sub-menu {
    left: -27%;
  }
}
@media (max-width: 1380px) {
  .sub-menu {
    left: -36%;
  }
}
@media (max-width: 1160px) {
  .sub-menu {
    left: -32%;
  }
}
@media (max-width: 840px) {
  .sub-menu {
    top: 85px;
    left: 0%;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.sub-menu .close-btn {
  display: block;
  text-align: right;
  font-size: 14px;
  cursor: pointer;
  margin-bottom: 10px;
  color: #333;
}
/* サブメニュー内のアイテムレイアウト */
.service-link .sub-menu .nav-list-child {
  display: inline-block;
  margin: 0 1rem 1rem 0;
  line-height: 1.7;
  padding: 0px 15px 0px 15px !important;
  border-radius: 60px;
  background: #ecf5ff;
  transition: background-position 0.3s ease;
}
.top-nav-list .sub-menu .nav-list-child:hover {
  text-decoration: none;
  background: #d1e4f8;
}
@media (max-width: 840px) {
  .service-link .sub-menu .nav-list-child {
    margin: 0 1rem 2rem 0;
  }
}
@media (max-width: 767px) {
    .sub-menu {
        top: 85px;
        left: 0%;
        height: 60vh;
        overflow: scroll;
    }
}
/* お問い合わせボタン　*/
@media (min-width: 900px) {
  .contact-btn a {
    color: #000;
    text-decoration: none;
    background: #ecf5ff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle.svg);
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: top 12px right 18px;
    padding: 0px 45px 0px 15px !important;
    border-radius: 60px;
    transition: 0.5s;
  }
}
/* TOPページ
===========================*/
/* TOPロゴの大きさ　*/
.ol-header__title-anchor.ol-logo-exlarge .ol-header__title-logo {
  width: clamp(240px, 23vw, 376px) !important;
}
/* TOP h2タイトル　*/
.ol-heading-sub {
  font-feature-settings: "palt";
  order: 1;
  line-height: 1.5;
}
.ol-heading-custom-medium .ol-heading {
  color: #1c1c1c !important;
}
/* TOP FVのテキストの位置　*/
.ol-firstview__section {
  padding-bottom: 1.8vw;
  position: relative;
}
.ol-firstview__title {
  bottom: -84px !important;
}
.ol-firstview__title-subcopy {
  margin-top: 90px;
}
@media (max-width: 840px) {
  .ol-firstview__section {
    padding-bottom: 120px;
  }
}
@media (max-width: 767px) {
  .ol-firstview__title {
    top: -22vw !important;
  }
}
@media (max-width: 640px) {
  .ol-firstview__title-maincopy1, .ol-firstview__title-maincopy2, .ol-firstview__title-maincopy3 {
    font-size: 5.5vw !important;
    color: #fff;
    text-shadow: 1px 1px 8px rgba(0, 0, 0, 0.9);
  }
  .ol-firstview__title-subcopy {
    margin-top: 8.5vw;
    text-align: center;
  }
  .ol-header {
    position: fixed !important;
    top: 0 !important;
    background: #fdfbf414;
    z-index: 999;
    backdrop-filter: blur(6px);
  }
  .ol-heading-wrapper {
    position: relative;
    padding-bottom: 30px;
  }
  .ol-heading-wrapper h2 {
    position: absolute;
    top: 40px;
    left: 0;
  }
  .ol-contact__heading-wrapper h2 {
    left: 0;
    right: 0;
  }
}
/* TOP ヘッダー　=*/
.ol-firstview__section .ol-firstview__logo-wrapper {
  padding: 30px clamp(33px, 4.5vw, 66px);
  margin-top: 0;
  background: #ffffff;
}
/* TOP 二重枠線　*/
.ol-concept__content::before, .ol-concept__content::after {
  top: 0;
}
.ol-concept__content {
  display: block;
}
/* TOP メインコピー　*/
.ol-firstview__title-maincopy, .ol-concept__maincopy, .ol-concept__section h2.ol-concept__maincopy {
  color: #09428c;
}
.ol-concept__section h2.ol-concept__maincopy {
  padding: 3rem;
}
.ol-concept__section {
  margin-top: 100px;
}
@media (min-width: 1730px) {
  .ol-concept__section {
    margin-top: 190px !important;
  }
}
.ol-concept__content {
  position: relative;
}
.ol-concept__content .color-box {
  margin-top: 2rem;
}
.ol-concept__section .ol-concept__content {
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/noc-character.svg) no-repeat top 24px left 6% / 120px;
}
.ol-concept__content-copy p:last-child {
  display: none;
}
.ol-concept__section {
  margin-top: clamp(60px, 9vw, 151px);
}
.design-font {
  position: absolute;
  top: -221px;
  left: -66px;
  font-family: "Dawning of a New Day", cursive;
  font-weight: 400;
  color: #e7da9a;
  font-size: 36px;
  transform: rotate(0.96turn);
}
@media (max-width: 640px) {
  .design-font {
    top: -40vw;
    left: 8vw;
    width: 13em;
    font-size: 5vw;
    transform: rotate(0.99turn);
  }
  .ol-concept__section .ol-concept__content {
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/noc-character.svg) no-repeat top 12vw left 1vw / 13vw;
    padding-bottom: 0;
	padding-left: 20px;
    padding-right: 20px; 
  }
  .ol-concept__section h2.ol-concept__maincopy {
    padding: 0 0rem 3vw;
    font-weight: 500;
    margin-top: -3vw;
  }
}
@media (min-width: 1729px) {
  .ol-concept__content {
    padding-top: 48px;
    padding-bottom: 28px;
  }
}
/* TOP 会社概要レイアウト　*/
@media (min-width: 900px) {
  .ol-access__body {
    display: flex;
    gap: 4%;
    justify-content: center;
  }
  .ol-access__bod .ol-access__image, .ol-access__bod .ol-access__info {
    flex: 1;
    width: 46%;
  }
  .ol-access__info-item {
    column-gap: 0;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
  }
  .ol-access__info-item dt {
    width: 8em;
  }
}
.ol-access__map, .ol-access__map iframe {
  height: 100%;
}
@media (max-width: 640px) {
  .ol-access__info-item {
    display: block;
  }
  .ol-access__info-item dt {
    width: 100%;
  }
  .ol-access__map, .ol-access__map iframe {
    height: 43vh;
  }
}
/* TOP グループ会社レイアウト　*/
.group .flex {
  margin-bottom: 100px;
}
.group .flex {
  display: flex;
}
section.group .ol-heading-wrapper {
  display: block;
}
.group .flex .left-box {
  width: 30%;
}
.group .flex .right-box {
  width: 70%;
}
.group ul.flex {
  flex-wrap: wrap;
  justify-content: flex-start;
}
.group .icon-list li {
  width: 50%;
  margin-bottom: 2em !important;
}
.group .icon-list li a {
  color: #1c1c1c !important;
}
.group .icon-list li:nth-child(5) a.link-gaibu {
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-link.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: top 10px right 16px;
}
@media (max-width: 640px) {
  .group .flex {
    padding-top: 30px;
    display: block;
  }
  .group .flex .left-box, .group .flex .right-box, .group .icon-list li {
    width: 100%;
  }
  .group .icon-list li {
    width: 100%;
    margin-bottom: 1.5em;
  }
}
/* TOP 実績紹介　*/
.ol-section.ol-product__section {
  margin-bottom: 50px;
}
.ol-product__content-subtitle {
  background-color: #e4e8f7;
  padding: 1em;
  line-height: 1.8;
  color: #1c1c1c !important;
  font-weight: 500;
}
.ol-product__content-subtitle::before {
  display: none;
}
.ol-product__content-list-title, #olProduct p.ol-text span.title-komidashi {
  display: block;
  margin-bottom: 1em;
  color: #09428c;
  font-weight: bold;
}
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item {
  position: relative;
}
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item {
  display: inline-block;
  font-weight: 400;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -0.9em;
}
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item a.link-icon {
  display: inline;
  text-underline-offset: 5px;
  text-decoration-thickness: 1px;
}
.ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature5, .ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature11, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature9, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature8 {
  margin-top: 4em;
}
.ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature5::after, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4::after, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4::after {
  content: "■ 効果と成果";
  color: #09428c;
  font-weight: bold;
  display: block;
  position: absolute;
  line-height: 1em;
  left: 1em;
  top: -2.3em;
}
.ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature11::after, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature9::after, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature8::after {
  content: "■ 今後の展望";
  color: #09428c;
  font-weight: bold;
  display: block;
  position: absolute;
  line-height: 1em;
  left: 1em;
  top: -2.3em;
}
.ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item {
  margin-bottom: 0.5em;
}
.ol-product__content-wrapper .ol-product__content:nth-child(1) {
  padding-top: 60px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case001.svg) no-repeat top 200px left 0 / 170px;
}
@media (max-width: 1160px) {
  .ol-product__content-wrapper .ol-product__content:nth-child(1) {
    padding-top: 60px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case001.svg) no-repeat top 16vw left 0 / 170px;
  }
}
@media (max-width: 800px) {
  .ol-product__content-wrapper .ol-product__content:nth-child(1) {
    padding-top: 60px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case001.svg) no-repeat top 19vw left 0 / 170px;
  }
}
.ol-product__content-wrapper .ol-product__content:nth-child(2) {
  padding-top: 60px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case002.svg) no-repeat top 0 left 0 / 170px;
}
.ol-product__content-wrapper .ol-product__content:nth-child(3) {
  padding-top: 60px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case003.svg) no-repeat top 0 left 0 / 170px;
}
@media (max-width: 640px) {
  .ol-product__inner.ol-sp .ol-product__list .ol-product__item-num1 .ol-product__content {
    padding-top: 60px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case001.svg) no-repeat top 0px left 24px / 120px;
  }
  .ol-product__inner.ol-sp .ol-product__list .ol-product__item-num2 .ol-product__content {
    padding-top: 60px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case002.svg) no-repeat top 0px left 24px / 120px;
  }
  .ol-product__inner.ol-sp .ol-product__list .ol-product__item-num3 .ol-product__content {
    padding-top: 60px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/case003.svg) no-repeat top 10px left 24px / 125px;
  }
}
@media (max-width: 1160px) {
  .ol-product__heading-sub {
    font-size: 36px;
  }
}
@media (max-width: 930px) {
  .ol-product__heading-sub {
    font-size: 25px;
  }
}
@media (max-width: 640px) {
  .ol-heading-wrapper h2.ol-product__heading {
    top: 40px;
  }
}
/* TOP ブログ調整　*/
.ol-card-item-image:not(.ol-thumbnail-original), .ol-card-item-link img, .ol-block__blogcard-anchor img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
.ol-blog-category {
  background: #09428c;
  padding: 3px 10px;
  border-radius: 20px;
  text-align: center;
  color: #fff !important;
}
.ol-btn-text .ol-button-deco-wrapper::before, .ol-btn-text .ol-button-deco-wrapper::after {
  display: none;
}
.ol-btn-text {
  line-height: 20px;
}
.ol-btn-text {
  display: block;
  padding-right: 34px;
  cursor: pointer;
  color: #000;
  text-decoration: none;
  text-align: right;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle-right.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top 5px right 10px;
  transition: 0.5s;
}
.ol-btn-text:hover {
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle-right.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: top 5px right 5px;
}
.home .ol-footer__section {
  margin-top: 0 !important;
}
.ol-btn-regular {
  background-color: #09428c !important;
}
/* TOP 6カテゴリー Box */
.cat6-section {
  padding-bottom: 420px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/top-fv_bg.png) no-repeat bottom 0 center / 130%;
}
.cat6-area {
  width: 96%;
  max-width: 1000px;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto;
}
.cat6-area .ol-concept__maincopy {
  flex-basis: 100%;
  text-align: center;
}
.cat6-section p.lead {
  margin: 2rem auto 4rem;
  max-width: 90%;
  text-align: center;
}
.cat6-box {
  border: 1px solid #09428c;
  text-align: center;
  position: relative;
}
.a-box {
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/number-a.svg) no-repeat top 15px left 15px / 15%;
}
.b-box {
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/number-b.svg) no-repeat top 15px left 15px / 15%;
}
.c-box {
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/number-c.svg) no-repeat top 15px left 15px / 15%;
}
.d-box {
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/number-d.svg) no-repeat top 15px left 15px / 15%;
}
.e-box {
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/number-e.svg) no-repeat top 15px left 15px / 15%;
}
.f-box {
  background: #fff url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/number-f.svg) no-repeat top 15px left 15px / 15%;
}
.cat6-box-inner {
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/noc-service.svg) no-repeat bottom 0 right 10px / 15%;
  width: 90%;
  padding-bottom: 30px;
  margin: 0 auto;
}
@media screen and (min-width: 901px) {
  .flex .cat6-box:nth-child(2) .cat6-box-inner, .flex .cat6-box:nth-child(5) .cat6-box-inner {
    padding-bottom: 64px !important;
  }
}
.cat6-box {
  width: 49%;
  margin-bottom: 30px;
}
.cat6-box img {
  width: 70%;
  max-width: 215px;
  margin: 1rem auto;
}
.cat6-box .service-img img {
  margin: 0 auto;
}
.cat6-box h3 {
  color: #09428c;
  font-weight: 500;
  text-align: center;
  margin-bottom: 0.5em;
}
.cat6-box p {
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.7;
}
@media (max-width: 640px) {
  .cat6-section {
    padding-bottom: 200px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/top-fv_bg.png) no-repeat bottom 0 center / 100%;
  }
}
/* TOP ドロップダウン */
.dropdown-container {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
}
input[type="checkbox"] {
  display: none;
}
.dropdown-label {
  width: 90%;
  margin: 0 auto 30px;
  padding: 15px 0px;
  position: relative;
  cursor: pointer;
  display: block;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  color: #ffffff;
  background: #09428c;
  cursor: pointer;
  text-align: center;
}
.dropdown-label::before {
  content: "";
  position: absolute;
  top: 28px;
  right: 20px;
  width: 23px;
  height: 23px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle-bottom.svg);
  background-size: cover;
  background-repeat: no-repeat;
  transition: 0.5s;
}
input[type="checkbox"]:checked + .dropdown-label::before {
  transform: rotate(180deg);
}
.dropdown-content {
  position: absolute;
  top: 0px;
  width: 100%;
  max-width: 100%;
  animation: fadeInTop 0.5s ease 0s 1 normal;
  opacity: 0;
  display: none;
  z-index: 5;
}
@keyframes fadeInTop {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  100% {
    opacity: 1;
  }
}
input[type="checkbox"]:checked ~ .dropdown-content {
  max-height: 2000px; /* 中身が最大で収まる値 */
  opacity: 1;
  display: block;
}
.dropdown-content div.service {
  position: absolute;
  width: 100%;
  top: 80px;
  left: 0;
  background-color: #fff;
  padding: 12px;
  box-shadow: 0px 0px 10px rgba(91, 74, 0, 0.4);
  cursor: pointer;
  transition: 0.3s ease;
  z-index: 1000000000;
}
/* TOP service */
.dropdown-content div.service {
  position: absolute;
  width: 100%;
  top: 80px;
  left: 0;
  border: 1px solid #08428c;
  background-color: #f3f8ff;
  padding: 12px;
  box-shadow: 2px 2px 30px 1px rgba(0, 0, 0, 0.09), 2px 2px 12px 0px rgba(0, 0, 0, 0.06);
  cursor: pointer;
  transition: 0.3s ease;
}
a.service-box {
  display: flex;
  justify-content: center;
  background: #fff;
  border: 1px solid #09418a;
  text-decoration: none;
  color: #000;
  width: 100%;
  margin-bottom: 15px;
  transition: 0.3s ease;
  position: relative;
}
.dropdown-content div.service a.service-box:last-child {
  margin-bottom: 0px;
}
a.service-box:hover {
  box-shadow: 6px 6px 6px 0px rgba(158, 167, 216, 0.45);
}
a.service-box .service-img {
  width: 30%;
  padding: 5px;
}
a.service-box .service-img img {
  width: 100%;
  height: 100%;
  background: #fff;
  aspect-ratio: 1 / 1;
}
a.service-box .service-text {
  padding: 18px 13px 35px 1em;
  width: 100%;
}
a.service-box .service-text h4 {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-top: 0;
  line-height: 33px;
  margin-bottom: 10px;
  padding-left: 34px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/service-number.svg) no-repeat bottom 3px left 0;
  background-size: 32px;
}
a.service-box .service-text h4 span.number {
  display: inline-block;
  font-optical-sizing: auto;
  font-weight: 500;
  color: #09418a;
  font-size: 30px;
  letter-spacing: -1px;
}
a.service-box .service-text h4 span.title {
  display: inline-block;
  color: #09418b;
  font-weight: 600;
  padding-left: 8px;
}
a.service-box .service-text p {
  margin: 0;
  font-size: 14px;
}
.service-arrow {
  position: absolute;
  justify-content: flex-end;
  width: 50px;
  height: 15px;
  border-radius: 30px;
  background: #09418a url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/service-arrow.svg) no-repeat top 4px left 50%;
  bottom: 10px;
  right: 20px;
  transition: 0.3s ease;
}
a.service-box:hover .service-arrow {
  background: #09418a url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/service-arrow.svg) no-repeat top 4px left 70%;
  bottom: 10px;
  right: 20px;
}
@media screen and (max-width: 900px) {
  .cat6-area.flex {
    display: block;
  }
  .cat6-box {
    width: 60%;
    margin-bottom: 30px;
    margin-right: auto !important;
    margin-left: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .cat6-area {
    width: 100%;
  }
  .cat6-box {
    width: 90%;
  }
  .dropdown-label::before {
    top: 20px;
    right: 9px;
    width: 4vw;
    height: 4vw;
  }
  .dropdown-label::after {
    top: 23px;
    right: 3.3vw;
    border-width: 0 2px 2px 0;
    padding: 2.5px;
  }
  input[type="checkbox"]:checked + .dropdown-label::after {
    transform: rotate(-135deg);
    top: 25px;
  }
  a.service-box .service-text h4 {
    padding-left: 28px;
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/service-number.svg) no-repeat top 6px left 0;
    background-size: 28px;
  }
  a.service-box .service-text h4 span.number {
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 400px) {
  .cat6-area .ol-concept__maincopy {
    text-align: left;
    width: 90%;
    margin: 0 auto;
  }
  .cat6-box h3 {
    font-size: 1.1em;
  }
  .cat6-box p {
    font-size: 14px;
    margin-top: 1em;
  }
  a.service-box .service-img {
    width: 25%;
    padding: 5px;
  }
  a.service-box .service-text {
    padding: 0.7em 0 24px 0.7em;
  }
  .service-arrow {
    bottom: 6px;
    right: 20px;
  }
}
/* @アーカイブページ調整
===========================*/
.ol-block__blogcard .ol-block__blogcard-label {
  line-height: 1;
}
/* @記事　singleページ調整
===========================*/

.blog .ol-archive__title {
  display: flex;
  flex-direction: row-reverse;
  justify-content: left;
  align-items: center;
  column-gap: clamp(33px, 3.6vw, 48px);
  margin-bottom: clamp(24px, 3.3vw, 33px);
}

@media (max-width: 640px) {
  .ol-article__title {
    line-height: 2;
  }
}
/* 関連記事 お知らせアイキャッチなし　*/
.single-news .ol-card-item-image {
  display: none;
}
.single-news .ol-card-list {
  display: block;
}
.single-news .ol-card-item {
  width: 100%;
  padding: 1em;
  border: 1px solid #08428c;
  margin-bottom: 2em;
}
.single-news .yarpp-related {
  max-width: 820px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px !important;
  padding: 0 clamp(33px, 4.5vw, 66px);
}
.single-news .ol-prev-next-nav {
  max-width: 100%;
}
@media (max-width: 767px) {
  .single-news .yarpp-related {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 80px !important;
    padding: 0 clamp(33px, 4.5vw, 66px);
  }
}
/* 関連記事プラグインYARPPの幅　*/
.yarpp-related {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 80px !important;
  padding: 0 clamp(33px, 4.5vw, 66px);
}
/* 関連記事プラグインYARPPのウォーターマーク消し　*/
.yarpp-related p:last-child {
  display: none !important;
}
/* 関連記事プラグインYARPPの前後記事ナビゲーション　*/
/* 前後記事ナビゲーション全体 */
.ol-prev-next-nav {
  display: flex;
  max-width: 820px;
  justify-content: space-between;
  gap: 20%;
  margin: 40px auto 80px;
  border-top: 2px double #1c1c1c;
  border-bottom: 2px double #1c1c1c;
}
.ol-prev-article, .ol-next-article {
  width: 40%;
}
/* 各カードのベース */
.ol-prev-next-nav .ol-prev-article a, .ol-prev-next-nav .ol-next-article a {
  display: flex;
  flex-direction: column;
  color: #1c1c1c !important;
  font-weight: 600;
  padding: 20px 0;
  text-decoration: none;
  transition: all 0.3s ease;
}
/* ホバーアニメーション */
.ol-prev-next-nav .ol-prev-article a:hover, .ol-prev-next-nav .ol-next-article a:hover {
  color: #08428c !important;
}
/* ラベル（前の記事／後の記事） */
.ol-prev-next-nav .ol-prev-article a::before, .ol-prev-next-nav .ol-next-article a::before {
  content: attr(data-label);
  font-size: 0.8rem;
  font-weight: 500;
  color: #888;
  margin-bottom: 6px;
  display: block;
}
/* 左右の寄せ */
.ol-prev-next-nav .ol-prev-article a {
  text-align: left;
}
.ol-prev-next-nav .ol-next-article a {
  text-align: right;
}
@media (max-width: 767px) {
  .ol-prev-next-nav {
    flex-direction: column;
  }
  .ol-prev-next-nav .ol-prev-article a, .ol-prev-next-nav .ol-next-article a {
    max-width: 100%;
    text-align: left;
  }
  .ol-prev-next-nav .ol-prev-article a::before, .ol-prev-next-nav .ol-next-article a::before {
    text-align: center;
  }
  .ol-prev-article, .ol-next-article {
    width: 100%;
  }
}
/* @お問い合わせ
===========================*/
.smf-progress-tracker {
  margin-bottom: 80px;
}
.smf-form--business .smf-item__col--label {
  background-color: #fdfbf400;
  border-right: none;
}
.smf-form--business .smf-item {
  border: 1px solid #1c1c1c;
  border-left: none;
  border-right: none;
}
.smf-form .kojinjoho {
  margin: 2em auto;
  padding: 3em 2em;
  background: #fff;
  border: 1px solid #000;
  border-radius: 4px;
}
.smf-form .kojinjoho h2.wp-block-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.1em !important;
  font-weight: 400;
  line-height: 1.65;
  letter-spacing: 0.06rem;
  padding-top: 0;
  padding-bottom: 1em;
  border-top-style: none;
  border: none;
  color: #000;
}
.smf-form .kojinjoho p {
  margin-top: 0;
  margin-bottom: 0;
}
p.okotowari {
  margin-top: 10em !important;
}
@media (min-width: 640px) {
  .smf-form--business .smf-item__col--label {
    flex: 0 0 18em;
    max-width: 18em;
  }
  .smf-form--business .smf-item__col--controls {
    flex: 1 1 calc(100% - 18em);
    max-width: calc(100% - 18em);
  }
}
	
/* 必須項目 */
.smf-form--business .smf-item.must .smf-item__col--label {
  position: relative;
}
.smf-form--business .smf-item.must .smf-item__col--label:before {
  display: block;
  position: absolute;
  content: '必須';
  color: #ffffff;
  background: #09428C;
  border-radius: 16px;
  text-align: center;
  font-size: 0.8em;
  width: 4em;
  height: 1.8em;
  right: 0;
  top: 30px;
}
/* 送信ボタン等のカスタマイズ */
.smf-action {
  display: flex;
  justify-content: space-between;
}
.smf-action .smf-button-control {
  margin: 0 auto;
}
.smf-action .smf-button-control button {
  position: relative;
  text-align: left;
  box-sizing: border-box;
  border-radius: 2em;
  padding: 0.7em 4em;
  letter-spacing: 2px;
  display: flex;
  align-items: center;
  color: #ffffff;
  background: #09428C;
  border: none;
  transition: .3s;
}
.smf-action .smf-button-control button:hover {
  transition: .3s;
  opacity: .7;
}
.smf-action .smf-button-control button[data-action="back"] {
  background: #e3e3e3;
}
.smf-checkboxes-control__control .smf-label {
  margin-bottom: 1em;
}
.smf-form--business .smf-item.message-area {
  display: block;
}
.smf-form--business .smf-item.message-area .smf-item__col--controls {
  width: 100% !important;
  max-width: 100%;
}
.smf-action .smf-button-control button[data-action="back"] {
    color: #000;
}
@media (max-width: 767px) {
.smf-form .kojinjoho {
    padding: 3em 1em;
}
.smf-action {
    display: block;
	}
	.smf-action .smf-button-control button{
		width:100%;
        display: flex;
        justify-content: center;
	}
}
/* @FAQページ
===========================*/
.faq-block {
  padding: 1px 2.5em;
  background: #f8f6ed;
  border-radius: 20px;
  margin-bottom: 2em;
}
.faq-block .line {
  color: #baa64c;
  border-top: 1px solid;
}
.question {
  position: relative;
  padding-left: 3em;
  font-size: 20px;
  margin-top: 30px !important;
  margin-bottom: 20px !important;
}
.question:before {
  content: 'Q';
  color: #baa64c;
  font-size: 2.5em;
  font-family: 'Bodoni Moda', Noto Sans JP, sans-serif;
  display: block;
  position: absolute;
  line-height: 1em;
  left: 0;
  top: -4px;
}
.answer {
  position: relative;
  padding-left: 3em;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}
.answer:before {
  content: 'A';
  color: #baa64c;
  font-size: 2.5em;
  font-family: 'Bodoni Moda', Noto Sans JP, sans-serif;
  display: block;
  position: absolute;
  line-height: 1em;
  left: 0;
  top: -4px;
}
@media (max-width: 640px) {
  .faq-block {
    padding: 1px 1em;
  }
  .question:before, .answer:before {
    font-size: 1.8em;
  }
  .question {
    font-size: 17px;
    line-height: 2;
  }
  .answer, .question {
    padding-left: 2em;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}
/* @サンクスページ
===========================*/
.to-home-btn a{
	width:200px !important;
	transition:0.5s;
}
.to-home-btn a:hover{
	color:#fff !important;
	background:#1860bd !important;
}
/* @会社情報ページ
===========================*/
.page-id-212 .gaikan figure, .page-id-212 .gaikan figure img {
  width: 100%;
}
.page-id-212 .office-2column {
  justify-content: space-between;
}
.page-id-212 .office-2column iframe {
  aspect-ratio: 4 / 3;
}
.page-id-212 .office-2column iframe {
  width: 50%;
}
.page-id-212 h2.wp-block-heading {
  margin-bottom: 1em;
  padding-bottom: 0;
}
.page-id-212 p.address {
  margin-top: 1em !important;
}
.page-id-212 .noc-shiten img {
  width: 100%;
}
@media (max-width: 767px) {
  .page-id-212 .office-2column {
    display: block;
  }
  .page-id-212 .office-2column iframe {
    width: 100%;
    margin-top: 20px;
  }
  .page-id-212.page-template-page-service .ol-concept__content {
    padding-top: 10px;
    padding-bottom: 1px;
  }
}
/* 表 */
.hyo-style table th, .hyo-style table td {
  padding: 2em 1em;
  border-left: none;
  border-right: none;
}
.hyo-style table tr td:first-child {
  width: 30%;
}

/* page  @16サービス 
===========================*/
/* サムネイル */
.page-template-page-service .ol-article__thumbnail img {
  border-radius: 0px;
  height: 400px;
  object-fit: cover;
}
/* page  16サービス
===========================*/
.page-template-page-service .ol-content-frame {
  padding: 30px 0 0;
  max-width: 1280px;
  width: 100%;
}
.page-template-page-service .ol-breadcrumb__wrapper, .page-template-page-service .ol-footer__inner {
  width: 90%;
  margin: 0 auto;
}
.page-template-page-service .ol-article__inner {
  max-width: 90%;
  padding: 30px 30px 0;
  margin-top: -150px;
  border-radius: 10px;
  background: #fafbff;
}
.page-template-page-service p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.page-template-page-service .ol-article__thumbnail {
  margin-top: -105px !important;
  height: 550px;
}
.page-template-page-service .ol-article__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 767px) {
  .page-template-page-service .ol-article__thumbnail {
    margin-top: 65px !important;
    height: 300px;
  }
}
.page-template-page-service h1 {
  font-weight: 500;
  width: 96%;
  color: #09428C;
  margin: 0px auto 30px;
  font-size: 25px;
}
.page-template-page-service p.service-lead, .page-template-page-service .mission h2, .page-template-page-service h2.title-service {
  text-align: center;
  color: #09428C;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 1em;
}
.page-template-page-service h2.title-service {
  font-weight: 500;
  border: none;
  font-size: 1em;
  margin-top: -10px !important;
  margin-bottom: 0;
}
.page-template-page-service p.service-lead {
  font-weight: 500;
  padding: 0 55px;
  margin-top: -110px !important;
}
.page-template-page-service .service-lead:before, .page-template-page-service .service-lead:after, .page-template-page-service h2.title-service:before, .page-template-page-service h2.title-service:after, .page-template-page-service .mission h2:before, .page-template-page-service .mission h2:after {
  content: '';
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #09428C;
}
.page-template-page-service .service-lead:before {
  left: 0;
}
.page-template-page-service .service-lead:after {
  right: 0;
}
.page-template-page-service .service-icon-img {
  margin-bottom: 0;
}
.page-template-page-service .service-icon-img img {
  width: 160px;
}
.page-template-page-service .mission {
  margin-top: 100px;
}
.page-template-page-service .mission h2 {
  background: url(https://takagikaikei.co.jp/noc/wp-content/uploads/2025/07/mission.svg) no-repeat top 0px center / 170px;
  padding-top: 58px;
  color: #09428C;
}
.page-template-page-service h2.title-menu, .page-template-page-service p.title-menu {
  font-family: 'Bodoni Moda', Noto Serif JP, sans-serif;
  font-size: clamp(1.59375rem, 1.5197909058rem + 0.3287070855vw, 1.875rem);
  color: #09428C;
  margin-bottom: 20px;
  border: none;
}
.page-template-page-service h2.noc {
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/noc-character.svg) no-repeat bottom 10px left 20vw / 70px;
}
.page-template-page-service .service-anchor-box-area {
  margin-bottom: 100px;
  gap: 2%;
}
.page-template-page-service .service-anchor-box {
  position: relative;
  background: #ffffff;
  border-radius: 4px;
  border: 2px solid #e1ebfb;
  padding: 20px 30px 20px 20px;
  width: 32%;
  display: flex;
  min-height: 111px;
  align-items: center;
  box-shadow: 0px 5px 15px 0px rgb(200 218 244 / 75%);
  outline-offset: 5px;
  outline: 1px solid #9abce8;
  outline-offset: 5px;
  margin-bottom: 25px;
}
.page-template-page-service .service-anchor-box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-template-page-service .service-anchor-box::before {
  content: "";
  position: absolute;
  display: block;
  margin: auto;
  bottom: 2px;
  top: 6%;
  right: 13px;
  width: 20px;
  height: 20px;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/arrow-circle-bottom-blue.svg) no-repeat center / 100%;
}
.page-template-page-service .service-anchor-box p {
  line-height: 1.6;
}
.page-template-page-service .service-anchor-box a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.page-template-page-service .section-area {
  padding: 2rem;
  background: #fff;
  margin-top: 50px;
  box-shadow: 0px 5px 15px 0px rgb(222 232 240 / 75%);
}
.page-template-page-service .section-area h3::before, .page-template-page-service .section-area h3::after {
  display: none;
}
.page-template-page-service .section-area h3 {
  padding: 0 0 25px;
  margin: 0;
  color: #1c1c1c;
}
.page-template-page-service .section-area .wp-block-image img {
  aspect-ratio: 22 / 9 !important;
  width: 100%;
}
.page-template-page-service .section-area .service16 {
  background: #f1f7ff;
  padding: 2rem;
  margin-bottom: 20px !important;
}
.page-template-page-service .section-area .service16:last-child {
  margin-bottom: 0px !important;
}
.page-template-page-service .section-area h4 {
  color: #09428C;
  border: none;
  margin: 0;
  padding: 0 0 0 1em;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-list.svg);
  background-size: 0.6em;
  background-repeat: no-repeat;
  background-position: top 0.5em left 0;
  line-height: 1.5;
  margin-bottom: 1em;
}
.page-template-page-service .section-area p, .page-template-page-service .section-area ul li {
  line-height: 2;
}
.page-template-page-service .section-area figure.wp-block-image {
  margin-top: 0;
  margin-bottom: 2rem;
}
.page-template-page-service .service16 a {
  display: inline-block;
  padding-right: 26px;
  cursor: pointer;
  color: #1c1c1c !important;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-link.svg);
  background-size: 15px;
  background-repeat: no-repeat;
  background-position: bottom 9px right 5px;
  transition: 0.5s;
}
.page-template-page-service h3.wp-block-heading a {
  display: inline-block;
  padding-right: 1.3em;
  cursor: pointer;
  color: #1c1c1c !important;
  background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/icon-link.svg);
  background-size: 1em;
  background-repeat: no-repeat;
  background-position: bottom 4px right 5px;
  transition: 0.5s;
}
.page-template-page-service .service16 span.marker a {
  color: #d54e4e !important;
}
.page-template-page-service .service16 span.marker {
  padding: 0px 5px;
}
.page-template-page-service .service16 ul.oltana-list {
  margin-top: 0;
  margin-bottom: 0;
}
.page-template-page-service .service16 ul.oltana-list li {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 20px;
}
.page-template-page-service .service16 ul.oltana-list li::after {
  position: absolute;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  line-height: 0;
  left: 6px;
  background-color: #1c1c1c;
  top: clamp(9px, 1vw, 11px);
}
@media (min-width: 768px) {
  .page-template-page-service br.sp-only {
    display: none;
  }
}
@media (max-width: 767px) {
  .page-template-page-service .service-lead:before, .page-template-page-service .service-lead:after, .page-template-page-service h2.title-service:before, .page-template-page-service h2.title-service:after, .page-template-page-service .mission h2:before, .page-template-page-service .mission h2:after {
    width: 24px;
}
.page-template-page-service p.service-lead, .page-template-page-service .mission h2, .page-template-page-service h2.title-service {
    gap: 0.5em;
}	
  .page-template-page-service .mission h2 {
    background: url(https://takagikaikei.co.jp/noc/wp-content/uploads/2025/07/mission.svg) no-repeat top 0px center / 110px;
    padding-top: 36px;
  }
  .page-template-page-service h2.noc {
    background: url(https://takagikaikei.co.jp/noc/wp-content/themes/oltana-003-child/img/noc-character.svg) no-repeat bottom 0px left 20vw / 40px;
  }
  .page-template-page-service .service-anchor-box-area {
    margin-bottom: 50px;
  }
  .page-template-page-service .ol-article__inner {
    max-width: 100%;
    padding: 15px 15px 0;
    margin-top: -120px;
  }
  .page-template-page-service .ol-article__title {
    text-align: center !important;
  }
  .page-template-page-service .ol-concept__content {
    padding-top: 10px;
    padding-bottom: 60px;
    padding-left: 0;
    padding-right: 0;
  }
  .page-template-page-service p.service-lead {
    padding: 0 20px;
    margin-top: -120px !important;
    font-size: 14px;
    line-height: 1.7;
  }
  .page-template-page-service .service-icon-img {
    margin-top: 50px;
  }
  .page-template-page-service .service-icon-img img {
    width: 130px;
  }
  .page-template-page-service p {
    font-size: 1em;
  }
  .page-template-page-service .service-anchor-box {
    width: 88%;
    margin: 0 auto 20px;
    padding: 2vw 5.5vw 2vw 2vw;
    min-height: 100px;
  }
  .page-template-page-service .service-anchor-box br {
    display: none;
  }
  .page-template-page-service .service-anchor-box p:first-child {
    font-size: 16px;
  }
  .page-template-page-service .service-anchor-box p:nth-child(2) {
    font-size: 3vw;
    min-height: auto;
    margin-top: 10px !important;
  }
  .page-template-page-service .service-anchor-box p:nth-child(3) {
    font-size: 3vw;
  }
  .page-template-page-service .service-anchor-box::before {
    bottom: -3px;
    width: 4vw;
    height: 4vw;
  }
  .page-template-page-service .service-anchor-box::after {
    border-width: 0 0.4vw 0.4vw 0;
    bottom: 10px;
  }
  .page-template-page-service .section-area h3 {
    padding: 0 0 2rem;
	font-weight: 500;  
  }
  .page-template-page-service .section-area .service16 {
    padding: 1.2rem 0.5rem;
  }
  .page-template-page-service .section-area {
    padding: 2rem 1rem 1rem;
    margin-top: 30px;
  }
  .page-template-page-service .section-area .service16 h4.wp-block-heading {
    padding-bottom: 13px;
    margin-bottom: 2px !important;
    line-height: 1.5;
  }
}
.page-template-page-service p.color-box {
  background: #ecf5ff;
  margin-top: 40px !important;
  padding: 6%;
  width: 100%;
  text-align: center;
  position: relative;
}
.page-template-page-service p.color-box::before {
  position: absolute;
  content: "";
  display: block;
  width: 97%;
  height: 90%;
  border: 6px double #ffffff;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* page  @16サービス タイピングアニメーション */
.typeWriter {
  font-size: 1.2rem;
  color: #313131;
  text-align: center;
  margin: 0 !important;
  min-height: 120px;
}
.typeWriter > span {
  border-right: 2px solid;
  animation: caret 1s steps(1) infinite;
}
@keyframes caret {
  50% {
    border-color: transparent;
  }
}

/* page  @16サービス タイピングアニメーション */
@media (min-width: 800px) {
  .typing-animation {
    width: 70ch;
    margin: 0 auto;
    border-right: 5px solid #000;
    overflow: hidden;
    white-space: nowrap;
    animation: typing 3s steps(18), blink .4s step-end infinite alternate;
  }
  .typing-kokusaitorihiki {
    width: 70ch;
  }
  .typing-jinzaikasseika {
    width: 90ch;
  }
  .typing-jugyoinkenko {
    width: 58ch;
  }
  .typing-gyosekikanri {
    width: 56ch;
  }
  .typing-hitodebusoku {
    width: 54ch;
  }
  .typing-joseikatsuyaku {
    width: 64ch;
  }
  .typing-rodoanzen {
    width: 108ch;
  }
  .typing-gaikokujinkoyo {
    width: 89ch;
  }
  .typing-senryakukeieisha {
    width: 118ch;
  }
  .typing-kikikanri {
    width: 87ch;
  }
  .typing-kyoikukenshu {
    width: 115ch;
  }
  .typing-shisankatuyo {
    width: 105ch;
  }
  .typing-leihisakugen {
    width: 73ch;
  }
  .typing-hojokin {
    width: 95ch;
  }
  .typing-shukatsu {
    width: 75ch;
  }
  .typing-jigyokeisho {
    width: 75ch;
  }
}
@keyframes typing {
  from {
    width: 0;
  }
}
@keyframes blink {
  50% {
    border-color: transparent; /*点滅風に見せる*/
  }
}
/* フォントサイズ
===========================*/
.smf-action .smf-button-control button, .ol-firstview__title-subcopy, .ol-text, p, .ol-list-text, .group .icon-list li a, .cat6-box p, .ol-btn-text, .hyo-style table th, .hyo-style table td, .ol-contact__mail_subtext, .ol-contact__phone_subtext, .ol-contactdetail__phone_subtext, .ol-contact__mail_subtext, .ol-contact__phone_subtext, .ol-contactdetail__phone_subtext, .ol-contact__hours .ol-hours__col-title, .ol-heading-custom-medium .ol-heading, .ol-product__content-list-title, .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item, .page-template-page-service .service16 ul.oltana-list li, .page-template-page-service .service-anchor-box-area-type02 .service-anchor-box-type02 p:nth-child(2), .page-template-page-service .service-anchor-box-area-type02 .service-anchor-box-type02 p:nth-child(3), .page-template-page-service .mission h2, .page-template-page-service h2.title-service, .dropdown-label, .ol-product__content-subtitle, .ol-product__content-list-title, a.button01, .ol-access__info-item dt, .ol-footer__links, .ol-footer__copyright, .smf-form, .ol-breadcrumb__item, ul.oltana-list li, .ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature5::after, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4::after, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4::after, .ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature11::after, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature9::after, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature8::after, .ol-contact-mail .ol-btn-regular {
  font-size: 20px !important;
}
time.ol-time, .ol-news__meta time, .ol-block__blogcard .ol-block__blogcard-label, .ol-oltana-block, .ol-prev-next-nav .ol-prev-article a, .ol-prev-next-nav .ol-next-article a, .page-template-page-service .service-anchor-box p {
  font-size: 18px !important;
}
.ol-category__item-anchor, .ol-blog-category, .ol-article__sns-anchor span {
  font-size: 16px !important;
}
.page-template-page-service h1 {
  font-size: 34px !important;
}
.page-template-page-service h2.title-menu, .page-template-page-service p.title-menu {
  font-size: 40px !important;
}
.page-template-page-service .section-area h4, a.service-box .service-text h4, .page-template-page-service .service-anchor-box-area-type02 .service-anchor-box-type02 p:first-child {
  font-size: 24px;
}
.page-template-page-service .section-area h3 {
  font-size: 39px;
}
.ol-heading-sub {
  font-size: 46px !important;
}
.cat6-box h3 {
  font-size: 24px;
}
.ol-concept__maincopy {
  font-size: 30px;
}
.big-text {
  font-size: 24px;
}
@media (max-width: 767px) {
  .smf-action .smf-button-control button, .ol-firstview__title-subcopy, .ol-text, p, .ol-list-text, .group .icon-list li a, .cat6-box p, .ol-btn-text, .hyo-style table th, .hyo-style table td, .ol-contact__mail_subtext, .ol-contact__phone_subtext, .ol-contactdetail__phone_subtext, .ol-contact__mail_subtext, .ol-contact__phone_subtext, .ol-contactdetail__phone_subtext, .ol-contact__hours .ol-hours__col-title, .ol-heading-custom-medium .ol-heading, .ol-product__content-list-title, .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item, .page-template-page-service .service16 ul.oltana-list li, .page-template-page-service .service-anchor-box-area-type02 .service-anchor-box-type02 p:nth-child(2), .page-template-page-service .service-anchor-box-area-type02 .service-anchor-box-type02 p:nth-child(3), .page-template-page-service .mission h2, .page-template-page-service h2.title-service, .dropdown-label, .ol-product__content-subtitle, .ol-product__content-list-title, a.button01, .ol-access__info-item dt, .ol-footer__links, .ol-footer__copyright, .smf-form, .ol-breadcrumb__item, ul.oltana-list li, .top-nav-list .nav-list a, .ol-concept__section .big-text, .page-template-page-service .service-anchor-box p, .ol-cvbutton__item.ol-cvbutton__left .ol-cvbutton__maintext, .ol-cvbutton__item.ol-cvbutton__right .ol-cvbutton__mail .ol-cvbutton__maintext, .ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature5::after, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4::after, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature4::after, .ol-product__shortcut-item-num1 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature11::after, .ol-product__shortcut-item-num2 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature9::after, .ol-product__shortcut-item-num3 .ol-product__content-list.ol-product__list-type-checkmark .ol-product__content-list-item.ol-product__feature8::after {
    font-size: 18px !important;
  }
	.ol-firstview__title-subcopy{
    font-size: 17px !important;	
}
  time.ol-time, .ol-news__meta time, .ol-category__item-anchor, .ol-block__blogcard .ol-block__blogcard-label, .ol-oltana-block, .ol-prev-next-nav .ol-prev-article a, .ol-prev-next-nav .ol-next-article a, .ol-block__blogcard .ol-block__blogcard-title, .ol-prev-next-nav .ol-prev-article a::before {
    font-size: 16px !important;
  }
  .ol-article__sns-anchor span {
    font-size: 3vw !important;
  }
  .page-template-page-service h2.title-menu, .page-template-page-service p.title-menu, .ol-heading-sub {
    font-size: 34px !important;
  }
  .ol-heading-sub {
    font-size: 30px !important;
  }
  .page-template-page-service .section-area h4, .page-template-page-service .section-area .service16 h4.wp-block-heading, .page-template-page-service .section-area h3, .page-template-page-service .service-anchor-box-area-type02 .service-anchor-box-type02 p:first-child, .page-template-page-service .section-area h3, .cat6-box h3, .page-template-page-service h1, .big-text, .ol-article__title,
  a.service-box .service-text h4 span.number{
    font-size: 22px !important;
  }
  a.service-box .service-text h4,
  .ol-concept__maincopy, 
  .ol-contact-mail .ol-btn-regular {
    font-size: 20px;
  }
}
@media (min-width: 1290px) {
  .top-nav-list .nav-list a {
    font-size: 18px;
  }
}