@charset "utf-8"; 

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「booking-package」予約プラグイン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 上の日付 */
#booking-package .calendarData {
	font-weight: bold;
}

/* カレンダー　日付選択　曜日 */
#booking-package .calendar .week_slot {
    font-weight: bold;
}
#booking-package .calendar .week_slot.sun {
    color: #ff3f3f;
}
#booking-package .calendar .week_slot.sat {
    color: #2b71fd;
}

/* カレンダー　＞　「休日」の色変更 */
#booking-package_calendarPage div.holidayPanel {
    background-color: #eeeeee!important;
}

/* ボタン（全フェーズ共通） */
#booking-package .bottomBarPanel {
    text-align: center;
}
#booking-package button {
    font-weight: bold!important;
    min-width: 150px;
    border-radius: 4px;
    transition: .3s;
}
#booking-package button:hover {
    opacity: .8;
}
/* 予約するボタン */
#booking-package button.book_now_button {
    background: var(--company-color,#222);
    padding: 15px 20px;
    color: #fff;
}
/* 戻るボタン */
#booking-package button[class*="return"] {
    background: #f1f1f1;
    width: 140px!important;
    color: #717171;
    border: 1px solid #d0d0d0;
    font-size: 15px;
}

/* 個人情報入力画面にてタイトルの文字を太くする */
#booking-package .row div:first-of-type {
    font-weight: bold!important;
}

/* ------------ デザイン追加修正 ------------ */

/* 「次の週」「前の週」ボタン */
:is(#previous_available_day_button,#next_available_day_button){
	display: none!important;
}

/* 日付選択（カレンダーで選択後） */
#booking-package_schedulePage .selectable_day_slot {
    flex-direction: row-reverse;
}
#booking-package_schedulePage .selectable_day_slot>*:first-child::before {
    content:'(';
}
#booking-package_schedulePage .selectable_day_slot>*:first-child::after {
    content:')';
}
#booking-package_schedulePage .selectable_day_slot>*:last-child::after {
    content:'日';
}

/* サービス・時間選択 */
#booking-package .service_details > span::after,
#booking-package .selectable_time_slot:not(.closed) span.timeSlot::after{
    font-family: 'icomoon';
    content: '\e917';
    font-size:1.3em;
    font-weight:bold;
    margin-left: 2px;
    vertical-align: -3px;
}
#booking-package .selectable_time_slot.closed span.timeSlot::after{
    content: '予約不可';
    margin-left: 5px;
}

/* 個人情報入力画面（「個人情報」という表現が相応しくないと先方から指摘があり変更・翻訳プラグインは上手く動作しなかったためCSSで変更）2024-04-25mk */
#booking-package_inputFormPanel:not(.booking_completed_panel)::before {
    content: '予約内容の入力（＊は入力必須）';
    padding: 10px 0;
    text-align: center;
    font-size: 1.4em;
    border-bottom: 1px solid #ddd;
    display: block;
	font-weight: bold;
}

#booking-package_inputFormPanel:not(.booking_completed_panel) #reservationHeader {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo .sub_ttl {
    background: #00a285;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー（「予約人数」を非表示に）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
tr.yoyaku_ninzu {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
予約カレンダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.calendar-mark {
	font-size: 2rem;
    line-height: 1;
}

/* 時間指定のフォームのみ表示され、日付指定フォームで表示されないH3が煩わしいため非表示にしてベタで書く */
.day-calendar>h3 {
    display: none;
}

/* 予約時間を指定するテーブル */
.day-calendar table {
    width: 100%;
}

.monthly-calendar th, .day-calendar th {
    min-width: auto;
}

.monthly-calendar, .day-calendar {
    font-family: inherit;
}

.calendar-mark {
    color: #aaa;
}

.calendar-mark a {
    text-decoration: none;
    color: #FFCC80!important;
}

.calendar-mark a:hover {
    color: #FB8C00!important;
}

.monthly-calendar .vacant {
    background: #fffcf6;
}

.monthly-calendar th, .monthly-calendar caption {
    font-size: 16px!important;
}

.monthly-calendar td {
    border: 1px solid #e2d6bd
}

.monthly-calendar th {
    font-weight: normal;
}

.day-calendar th, .day-calendar td, .day-calendar h3, .content-form th, .content-form td, .content-form legend, .content-form input, .content-form textarea {
    font-size: 16px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
キーフレームアニメーション「うろうろ」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@keyframes urouro {
    0% {
        transform: scale(1, 1);
        margin-left: 0px;
    }

    49% {
        transform: scale(1, 1);
        margin-left: -20px;
    }

    50% {
        transform: scale(-1, 1);
        margin-left: -20px;
    }

    100% {
        transform: scale(-1, 1);
        margin-left: 0;
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.to_page_top a {
    color: #00a285;
    border-color: #00a285;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list01 li:before{
    color: #00a285;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list02 > li{
    border-color: #00a285;
}
ol.list02 > li:before{
  background-color: #00a285;
}
ol.list02 > li:after{
	color: #00a285;
}



/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a]のスタイル */
h2[class*="h2a"] {
    background: #00a285;
    color: #fff;
}
/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding: 8px 5px;
    background: transparent;
    border-bottom: 2px solid #00a285;
	font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01 {
    background-color: #26b097;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2300a285' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
    background-position:0 0;
}
a.btn01:hover {
    background-color: #16937c;
    opacity:1;
    background-position:50% 50%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_kugiri02"] {
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/bg01.jpg);
}

[class*="section_kugiri04"] {
    background: #005042;
}

[class*="section_kugiri05"] {
    background: #fffde2;
}

[class*="section_kugiri07"] {
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/about_bg.jpg) no-repeat 50% 0 / auto 100%;
}

[class*="section_kugiri08"] {
    background: #005042;
}

[class*="section_kugiri10"] {
    background: #d2d2d2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「こんなお悩みはありませんか？」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_nayami .area1 {
    border: 10px solid #96cfd5;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/nayami_bg.jpg) no-repeat 100% 0% #e0f3f5;
    padding: 20px;
    margin-bottom: 30px;
}

div#home_nayami .area1 .ttl {
    font-size: 36px;
    font-weight: bold;
    display: table;
    margin: 0 auto 10px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/hr01.png) no-repeat 50% 100% / 100% auto;
}

div#home_nayami .area1 ul {
    width: 670px;
}

div#home_nayami .area1 li {
    font-size: 22px;
    padding: 10px 10px 10px 50px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/icon_check.png) no-repeat 5px 6px;
}

div#home_nayami .area1 li:not(:last-child) {
    border-bottom: 1px solid #96cfd5;
}

div#home_nayami .area2 {
    display: flex;
    margin-bottom: 50px;
    column-gap: 40px;
}

div#home_nayami .area2 .lead {
    font-size: 30px;
    line-height: 1.6;
    margin: 30px auto;
    font-weight: bold;
}

div#home_nayami .area2 .txt_area {
    width: calc(100% - 300px);
}

div#home_nayami .area2 .photo_area {
    width: 290px;
    text-align: center;
}

div#home_nayami .area2 .photo_area {
    font-family: "my_mincho",serif;
}

div#home_nayami .area2 .photo_area strong {
    font-weight: normal;
    font-size: 24px;
}

div#home_nayami .area3 .lead {
    font-size: 36px;
    line-height: 1.4;
    font-weight: bold;
    text-align: center;
    margin-bottom: 20px;
}

div#home_nayami .area3 .ttl {
    font-size: 24px;
    background: #00a285;
    text-align: center;
    padding: 15px;
    color: #fff;
    margin-bottom: 10px;
}

div#home_nayami .area3 .items {
    display: table;
    width: 100%;
}

div#home_nayami .area3 .items li {
    display: table-cell;
    text-align: center;
    font-size: 20px;
    padding: 25px 10px;
    border-right: 1px solid #00a285;
}

div#home_nayami .area3 .items li:first-child {
    border-left: 1px solid #00a285;
}

div#home_nayami .area3 p.img {
    text-align: center;
    margin-bottom: -50px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「調査事例」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_jirei h2.main_ttl {
    display: table;
    margin: 0 auto 20px;
    padding: 0 45px;
    font-size: 40px;
    font-weight: bold;
    position: relative;
    z-index: 0;
}

div#home_jirei h2.main_ttl:before {
    content: '';
    width: 62px;
    height: 84px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/mark_yellow.svg) no-repeat 50% / contain;
    position: absolute;
    left: -60px;
    bottom: -10px;
}
div#home_jirei h2.main_ttl.in_window_judge.active:before {
	/* animation: urouro 2s 0s linear 2; */
	animation: urouro 2s 0s ease-out 2;
}

div#home_jirei h2.main_ttl:after {
    content: '';
    height: 16px;
    width: 100%;
    background: #ffea00;
    display: block;
    position: absolute;
    left: 0;
    bottom: 3px;
    z-index: -1;
}

div#home_jirei .items {
    background: #fff;
    padding: 20px 45px 35px;
    margin-bottom: 50px;
}

div#home_jirei .items h3 {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

div#home_jirei .items h3 .icon {
    background: #005042;
    width: 90px;
    height: 90px;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    padding-top: 10px;
    font-family: "my_mincho",serif;
    margin-right: 15px;
    font-style: italic;
}

div#home_jirei .items h3 .icon > * {
    line-height: 1;
}

div#home_jirei .items h3 .icon .case {
}

div#home_jirei .items h3 .icon .num {
    font-size: 50px;
    display: block;
}

div#home_jirei .items h3 .main {
    font-size: 30px;
    font-weight: bold;
}

div#home_jirei .items h3 .sub {
    font-size: 16px;
    margin-left: 3em;
}

div#home_jirei .items dl {
}

div#home_jirei .items dt {
    background: #010101;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding: 10px;
}

div#home_jirei .items dl.chosa dt {
    background: #00a285;
}

div#home_jirei .items dd {
    padding: 20px 30px;
    border: 2px solid #010101;
}

div#home_jirei .items dl.chosa dd {
    border-color: #00a285;
}

div#home_jirei .items .kekka_icon {
    font-size: 22px;
    text-align: center;
    z-index: 0;
    position: relative;
    color: #fff;
    display: table;
    margin: 15px auto 0px;
    width: 150px;
    height: 75px;
    padding-top: 5px;
}

div#home_jirei .items .kekka_icon:before {
    content: '';
    position: absolute;
    z-index: -1;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 70px 75px 0 75px;
    border-color: #005043 transparent transparent transparent;
    left: 0px;
    top: 0;
}

div#home_jirei .items .kekka {
    font-size: 28px;
    text-align: center;
    font-weight: bold;
    color: #e60000;
    margin: 10px 0;
}

div#home_jirei .items th {
    font-size: 18px;
    background: #e60000;
    border: 3px solid #e60000;
    text-align: center;
    color: #fff;
    width: 150px;
}

div#home_jirei .items td {
    border: 3px solid #e60000;
    padding: 15px;
    font-size: 23px;
}

div#home_jirei .items td .red {
    font-size: 16px;
    color: #e60000;
    text-align: center;
    margin-top: 5px;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「なぜ他社より安くできるのか？」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_cost {
    text-align: center;
}

div#home_cost .area1 {
    font-size: 18px;
    margin-bottom: 30px;
}

div#home_cost .area2 {
    padding-left: 20px;
    position: relative;
}

div#home_cost .area2 .icon {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2;
    border: 10px solid #980a0a;
    border-radius: 50%;
    background: #fffddf;
    width: 220px;
    height: 220px;
    position: absolute;
    left: 0;
    top: 20px;
    color: #980a0a;
    text-align: center;
    padding-top: 43px;
    letter-spacing: -2px;
}

div#home_cost .area2 .icon .note {
    font-size: 12px;
    display: block;
    color: #000;
    letter-spacing: 0px;
}

div#home_cost .area2 .lead {
    font-size: 36px;
    color: #005042;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 10px;
}

div#home_cost .area2 .txt {
    font-size: 18px;
    margin-bottom: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「調査のプロが決定的な証拠をつかんで調査報告書を作成します」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_shoko {
    text-align: center;
}

div#home_shoko .main_lead {
    color: #fff;
    font-size: 30px;
    display: table;
    margin: 0 auto;
    position: relative;
    font-weight: bold;
}

div#home_shoko .main_lead:before {
    content: '';
    width: 103px;
    height: 142px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/mark_black.svg) no-repeat 50% / contain;
    position: absolute;
    left: -140px;
    bottom: -10px;
}
div#home_shoko .main_lead.in_window_judge.active:before {
	/* animation: urouro 2s 0s linear 2; */
	animation: urouro 2s 0s ease-out 2;
}

div#home_shoko .main_lead:after {
    content: '';
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/icon_shoko.png) no-repeat;
    width: 216px;
    height: 151px;
    position: absolute;
    bottom: -25px;
    right: -216px;
}

div#home_shoko .txt {
}

div#home_shoko .img {
    background: #2b2b2b;
    color: #fff;
    font-size: 24px;
    padding: 15px;
    margin: 20px 0;
}

div#home_shoko .btn01 {
    font-size: 30px;
    padding: 30px;
    min-width: 70%;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「その他のサービス」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_other h2.main_ttl {
    font-size: 40px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

div#home_other ul.items {
    display: flex;
    margin: 0 -20px;
}

div#home_other ul.items li {
    width: calc((100% - 80px) / 3);
    margin: 0 20px;
}

div#home_other ul.items .img_wrap {
    position: relative;
    margin-bottom: 10px;
    display: block;
}

div#home_other ul.items .centering_container {
    position: relative;
    display: block;
}

div#home_other ul.items .ttl_wrap {
    position: absolute;
    z-index: 1;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

div#home_other ul.items .ttl {
    font-size: 24px;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「探偵法務Sとは」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_about h2.main_ttl {
    font-size: 36px;
    font-weight: bold;
    border-bottom: 1px solid #000;
    display: inline-block;
}

div#home_about h2.main_ttl:after {
    content: '';
    width: 255px;
    height: 50px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/logo.svg) no-repeat 50% / contain;
    position: absolute;
    margin-left: 20px;
    margin-top: -5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　「よくあるご質問」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_faq h2.main_ttl {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

div#home_faq dl {
    border-bottom: 1px solid #bbb;
}

div#home_faq dt {
    font-size: 20px;
    padding-left: 60px;
    font-weight: normal;
}

div#home_faq dt:before {
    color: #00a689;
    font-size: 40px;
    line-height: 1;
    left: 15px;
}

div#home_faq dt .arrow {
    color: #bbb;
}

div#home_faq dd {
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　Googleマップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_map {
    text-align: center;
}

div#home_map .addr {
    margin: 20px 0;
    font-size: 18px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_area_wrap {
	margin-bottom:50px;
}

div#contact_area h2.lead {
    background: #005042;
    color: #fff;
    font-size: 24px;
    padding: 20px;
    text-align: center;
}

div#contact_area .area1 {
    padding: 40px 25px 25px;
    border: 2px solid #005042;
    display: flex;
    justify-content: space-between;
}

div#contact_area .area1 .tel_wrap {
    position: relative;
    padding-left: 100px;
    width: 620px;
}

div#contact_area .area1 .tel_wrap:before {
    content: '';
    width: 94px;
    height: 129px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/mark.svg) no-repeat 50% / contain;
    position: absolute;
    left: 0;
    bottom: 0;
}

div#contact_area .area1 .tel_wrap.in_window_judge.active:before {
	/*animation: urouro 2s 0s linear 2;*/
	animation: urouro 2s 0s ease-out 2;
}

div#contact_area .tags > * {
    font-size: 18px;
    background: #26b097;
    color: #fff;
    padding: 2px 5px;
    display: inline-block;
    width: 200px;
    text-align: center;
}

div#contact_area .tags > *:not(:first-child) {
    margin-left: 10px;
}

div#contact_area .area1 .mail_wrap {
    width: 400px;
}

div#contact_area .mail .btn01 {
    font-size: 30px;
    font-weight: bold;
    padding: 30px;
    width: 100%;
}

div#contact_area .tel {
    font-size: 60px;
    font-family: "my_mincho",serif;
    line-height: 1;
    margin-top: 10px;
}

div#contact_area .tel:before {
    content: '';
    width: 88px;
    height: 51px;
    background: url(https://fusei-sabori.com/wordpress/wp-content/themes/cyber-child/images/freedial_005042.svg) no-repeat 50% / contain;
    display: inline-block;
    vertical-align: -4px;
    margin-right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　バナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#bnr_area {
    padding: 30px 0;
    background: #d2d2d2;
}
div#bnr_area ul {
    display: flex;
    justify-content: space-between;
}