@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:500|Barlow+Semi+Condensed:500');

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
パンくずリスト（Yoast）2025-04-25mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#breadcrumbs {
    padding: 20px 10px;
    font-size: 14px;
    font-weight: bold;
}

#breadcrumbs a{
    text-decoration:none;
    color: inherit;
}

#breadcrumbs .kugiri::before{
    font-family: "icomoon";
    content: '\e917';
	color:#014099;
}

#breadcrumbs span.breadcrumb_last {
    color: #9b9b9b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部　＞　Google reCAPTCHAバッチ　邪魔なため非表示に
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.grecaptcha-badge {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ul子階層限定 > 疑似要素を非表示(2025-07-28)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_list01 ul > li:before {
	content: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ「メディア出演」　＞　「これまでの放送分」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.nightspeak {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

ul.nightspeak li {
    width: calc(33.333% - 20px);
    margin: 0 10px 15px!important;
}

ul.nightspeak li iframe {
    vertical-align: bottom;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 
ローディングアイコン 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sk-cube-grid {
    width: 60px;
    height: 60px;
}

.sk-cube-grid .sk-cube {
    width: 33%;
    height: 33%;
    background-color: #333;
    float: left;
    -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
}

.sk-cube-grid .sk-cube1 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube2 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube3 {
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}

.sk-cube-grid .sk-cube4 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube5 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

.sk-cube-grid .sk-cube6 {
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}

.sk-cube-grid .sk-cube7 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.sk-cube-grid .sk-cube8 {
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}

.sk-cube-grid .sk-cube9 {
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイトのテーマ色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.sp[class*="voice"] ul.child_navi a[href*="voice"], body.sp dl.type01 [class*="current"] > a, body.sp dl.type01 dt, a.basic_btn02, .basic_list01 li:before, ol.basic_list02 > li:after, a.basic_color_font, [class*="current"] .basic_color_font_cur, [class*="current"] .basic_color_font_cur:hover, .basic_color_font_bf:before, .basic_color_font_af:after {
    color: #014099;
}

body.sp dl.type01, body.sp dl.type01 > dt .arrow, h3[class*="h3a"], h2[class*="h2a"], .basic_box02, .basic_list02 > li, .basic_color_border, .basic_color_border_bg:before, .basic_color_border_af:after {
    border-color: #014099;
}

body.sp dl.type01 dd > ul:before, a.basic_btn01, h3[class*="h3b"], ol.basic_list02 > li:before, .basic_color_bg, .basic_color_bg_bf:before, .basic_color_bg_af:after {
    background-color: #014099;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-weight: bold;
}

h2[class*="h2b"]:before {
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/mark.svg) no-repeat 50% / contain;
}

h3[class*="h3"] {
    font-weight: bold;
}

h3[class*="h3b"] {
    background-color: #5483c5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_table01 th, .basic_table01 td {
    border-color: #d6c9d8;
}

.basic_table01 th {
    background: #f5edf7;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.basic_box01 {
    background-color: #ecf4ff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/*®マークを下げる*/
.editor_area sup {
    vertical-align: bottom;
}

#copy_area sup {
    vertical-align: baseline;
}

/*記事詳細のサブタイトルを消す*/
body.single-post .page_promo .sub_ttl {
    display:none;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

dl.faq:not(:last-child) {
    border-color: #c8c8c8;
}

dl.faq > dt {
    padding: 20px 50px 20px 110px;
    background-color: #f4f4f4;
    /*  */
    border-bottom: 1px dotted #f4f4f4;
    font-size:18px;
}

dl.faq > dt.open, dl.faq > dt:hover {
    background: #e6f3f6;
    border-bottom: 1px dotted #c9e3e9;
}

dl.faq > dt:before {
    font-size: 43px;
    font-family: "my_mincho",serif;
    font-weight: normal;
    color: #014099;
    top: calc(50% - 24px);
    left: 30px;
    line-height: 1;
}

dl.faq > dt .arrow {
    right: 10px;
    font-size: 20px;
    margin-top: -10px;
}

dl.faq > dt .arrow:before {
    content: '\e92d';
}

dl.faq > dt.open .arrow:before {
    content: '\e92c';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.basic_btn01 {
    background: #9c0959;
    padding: 17px 37px 17px 30px;
    z-index: 1;
    border: 2px solid #9c0959;
    overflow: hidden;
}

a.basic_btn01:after {
    content: '\ea3c';
    font-size: 22px;
    right: 12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■ボタン */
[class*="btn02"] a, a[class*="btn02"] {
    text-align: left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
電話番号ルビ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[data-ruby] {
    position: relative;
}

[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -.9em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 10px;
    font-family: "my_gothic",sans-serif;
    text-align: center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用SNS　＞　ul.cmn_post_list　1と2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul[class*="cmn_post_list"] a {
    color: inherit;
    text-decoration: none;
}

ul.cmn_post_list1 {
    justify-content: space-between;
}

.editor_area .area_a ul[class*="cmn_post_list"] li {
    margin-bottom: 20px;
}

.editor_area .area_b ul[class*="cmn_post_list"] li {
    margin-bottom: 10px;
}

.editor_area ul.cmn_post_list1 li {
    width: 350px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #decdac;
    padding-bottom: 20px;
}

ul.cmn_post_list1 div.area_a2 p.img_container {
    width: 80px;
    padding-top: 80px;
}

ul.cmn_post_list1 div.area_b2 {
    width: calc(100% - 100px);
}

ul.cmn_post_list1 div.area_b2 a {
    text-decoration: none;
}

ul.cmn_post_list1 div.area_b2 li:hover a {
    text-decoration: underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo {
    height: 300px;
}

.page_promo .sub_ttl {
    /* display: none; */
    background: #014099;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    margin-bottom:12px;
}

.parent-pageid-5073 .page_promo .sub_ttl, .archive .page_promo .sub_ttl {
    display: none;
}

.page_promo .ttl {
    color: #014099;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次のページは〇〇])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.next_pickup a {
    background: #fff;
    border: 1px solid #e7e2db;
    color: inherit;
    border-radius: 5px;
}

.next_pickup a:after {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ヘッダー(プロモ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#promo_frame {
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/promo01.jpg?date=20250205) no-repeat 50%;
    height: 585px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　一言コメント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.tweet_area {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home p.btn {
    text-align: center;
}

body.home a.basic_btn01 {
    font-size: 22px;
    padding: 35px 50px;
    min-width: 422px;
    border: 3px solid #9c0959;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　汎用クラス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.home :is(strong,b) {
    font-weight: normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　セクションの区切り（上書きをスムーズにするためbase-pcではなくここに記述）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
[class*="section_kugiri"]:not(.s_section_kugiri) {
    padding: 60px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　YouTubeチャンネル追加 (2025-02-05)ah
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_youtube {
	background: #ededed;
	padding-top: 80px;
	padding-bottom: 60px;
}

#home_youtube h2 {
	font-weight: bold;
}

#home_youtube .yotuwp > div {
	display: flex;
}

#home_youtube .yotu-videos {
	background: #222;
	width: 400px;
	height: 466px;
	padding: 10px 20px;
	box-shadow: 2px 2px 3px 0 rgba(10, 10, 10, .35);
	overflow-y: auto;
}

#home_youtube .yotu-videos h3 {
	font-size: 13px;
	color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　探偵法務'sとは？
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_about .ttl_wrap {
    justify-content: space-between;
    align-items: center;
    margin: 0 0 85px;
    padding: 0 60px 0 40px;
}

div#home_about .area_a1 {
    width: 415px;
    border-right: 1px solid #7cacba;
    text-align: center;
    padding-right: 40px;
}

div#home_about .area_a1 h2 {
    position: relative;
    font-size: 40px;
    font-family: "my_mincho",serif;
    width: 300px;
    margin: 0 auto 10px;
}

div#home_about .area_a1 h2 img {
    margin-bottom: 5px;
}

div#home_about .area_a1 h2:before {
    content: '';
    width: 100px;
    height: 135px;
    display: inline-block;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/mark.svg) no-repeat 50% / contain;
    margin-bottom: 5px;
}

div#home_about .area_a1 p.lead {
    margin-bottom: 7px;
}

div#home_about .area_a1 p.lead span{
    line-height: 1.6;
}

div#home_about .area_a1 p.num {
    font-size: 14px;
}

div#home_about .area_b1 {
    width: calc(100% - 415px - 60px);
    text-align: center;
}

div#home_about .area_b1 p.lead2 {
    margin: 0px 0px 45px;
}

div#home_about .area_b1 p.lead2 span.big {
    font-size: 60px;
    display: block;
}

div#home_about .area_b1 p.lead2 :is(strong,b) {
    background: linear-gradient(transparent 60%, #e4ff00 0%);
}

div#home_about .txt_wrap {
    justify-content: space-between;
    padding-right: 80px;
    margin: 0;
}

div#home_about .txt_wrap p.main_txt {
    width: 740px;
}

div#home_about .txt_wrap p.main_txt :is(strong,b) {
    color: #f00;
}

div#home_about .txt_wrap p.bumon {
    width: 740px;
    margin-top:10px;
}

div#home_about .txt_wrap .area_b2 {
    text-align: center;
    margin-top: -45px;
}

div#home_about .txt_wrap .area_b2 p.name {
    font-family: "my_mincho",serif;
}

div#home_about .txt_wrap .area_b2 p.name :is(strong,b) {
    font-size: 24px;
    margin-left: 15px;
}

div#home_about p.btn {
    margin-bottom: 25px;
}

div#home_about p.main_lead {
    font-size: 24px;
    text-align: center;
    color: #f00;
    font-weight: bold;
    margin: 0 0 50px;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/wave.png) no-repeat 50% 100%/ 600px 15px;
    padding-bottom: 15px;
}

div#home_about dl.items_wrap {
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
}

div#home_about dl.items_wrap dt {
    font-size: 36px;
    color: #014099;
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
    padding: 5px;
    margin-bottom: 40px;
}

div#home_about dl.items_wrap ul.items {
    justify-content: space-between;
    margin-bottom: -30px;
}

div#home_about dl.items_wrap ul.items li {
    margin-bottom: 30px;
}

div#home_about dl.items_wrap ul.items li.big {
    width: calc(50% - 15px);
}

div#home_about dl.items_wrap ul.items li:not(.big) {
    width: calc((100% - 60px) * .333);
}

div#home_about dl.items_wrap ul.items li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border: 2px solid #ccc;
    text-decoration: none;
    color: inherit;
    position: relative;
}

div#home_about dl.items_wrap ul.items li.big a {
    height: 180px;
    background-color: #ffd3d6;
    font-size: 28px;
    border-color: #f2bdc0;
    padding-left: 175px;
}

div#home_about dl.items_wrap ul.items li.big a:hover {
    background-color: #f2bdc0;
}

div#home_about dl.items_wrap ul.items li:not(.big) a {
    height: 120px;
    background-color: #d3e6f3;
    font-size: 24px;
    border-color: #bad7ea;
    padding-left: 130px;
}

div#home_about dl.items_wrap ul.items li:not(.big) a:hover {
    background-color: #bad7ea;
}

div#home_about dl.items_wrap ul.items li [class*="icon"] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90px;
    height: 90px;
    background-color: #fff;
    border-radius: 8px;
    position: absolute;
    left: 20px;
    top: calc(50% - 45px);
}

div#home_about dl.items_wrap ul.items li.big [class*="icon"] {
    width: 140px;
    height: 140px;
    border-radius: 12px;
    top: calc(50% - 70px);
}

div#home_about dl.items_wrap ul.items li [class*="icon"]:before {
    content: '';
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
}

div#home_about dl.items_wrap ul.items li .icon_a:before {
    width: 74px;
    height: 87px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_a.svg);
}

div#home_about dl.items_wrap ul.items li .icon_b:before {
    width: 99px;
    height: 75px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_b.svg);
}

div#home_about dl.items_wrap ul.items li .icon_c:before {
    width: 54px;
    height: 57px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_c.svg);
}

div#home_about dl.items_wrap ul.items li .icon_d:before {
    width: 56px;
    height: 60px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_d.svg);
}

div#home_about dl.items_wrap ul.items li .icon_e:before {
    width: 33px;
    height: 54px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_e.svg);
}

div#home_about dl.items_wrap ul.items li .icon_f:before {
    width: 65px;
    height: 50px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_f.svg);
}

div#home_about dl.items_wrap ul.items li .icon_g:before {
    width: 54px;
    height: 75px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_g.svg);
}

div#home_about dl.items_wrap ul.items li .icon_h:before {
    width: 56px;
    height: 56px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_h.svg);
}

div#home_about dl.items_wrap ul.items li .icon_i:before {
    width: 56px;
    height: 56px;
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/chosa_i.svg);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　選ばれる理由
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_reason .reason_ttl {
    color: #fff;
    background: #014099;
    text-align: center;
    font-weight: bold;
    font-size: 36px;
}

div#home_reason .reason_ttl p.main_lead {
    margin: 0 0 15px;
}

div#home_reason .reason_ttl h2 {
    font-weight: bold;
    display: table;
    margin: 0 auto;
}

div#home_reason .reason_ttl h2 span.big {
    font-size: 48px;
}

div#home_reason .reason_ttl h2 span.yellow {
    color: #fcff04;
}

div#home_reason .reason_ttl h2:before {
    content: '';
    width: 80px;
    height: 70px;
    display: table-cell;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/medal.png) no-repeat 0% 50% / 65px 70px;
}

div#home_reason [class*="section_kugiri"]:not(:first-child) {
    background-repeat: no-repeat;
}

div#home_reason .section_kugiri1 {
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/reason1.jpg);
    background-size: contain;
    background-position: calc(50% - 400px) 50%;
}

div#home_reason .section_kugiri2 {
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/reason2.jpg);
    background-color: #ecf4ff;
    background-position: calc(50% + 400px) 0%;
}

div#home_reason .section_kugiri3 {
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/reason3.jpg);
    background-size: contain;
    background-position: calc(50% - 400px) 50%;
}

div#home_reason .section_kugiri4 {
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/reason4.jpg);
    background-color: #ecf4ff;
    background-position: calc(50% + 400px) 0%;
    background-size: contain;
    min-height: 530px;
}

div#home_reason .section_kugiri5 {
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/reason5.jpg?date=20200129);
    background-position: calc(50% - 320px) 50%;
}

div#home_reason .inner {
    width: 50%;
}

div#home_reason [class*="section_kugiri"]:nth-child(2n+2) .inner {
    margin-left: auto;
}

div#home_reason .inner h3.cmn_ttl {
    font-size: 36px;
    margin-bottom: 25px;
    position: relative;
    padding-left: 75px;
}

div#home_reason .inner h3.cmn_ttl:before {
    content: '';
    width: 65px;
    height: 90px;
    display: inline-block;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/mark.svg) no-repeat 50% / contain;
    position: absolute;
    top: 33%;
    left: 3px;
    z-index: 1;
}

div#home_reason .inner h3.cmn_ttl:after {
    content: '';
    width: 240px;
    height: 15px;
    display: inline-block;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/border.png) no-repeat 50% / contain;
    position: absolute;
    bottom: 10px;
    left: -4px;
}

div#home_reason .inner h3.cmn_ttl img {
    transform: rotate(0.1deg);
    margin-left: 5px;
}

div#home_reason .inner span.big {
    display: block;
    font-size: 48px;
    color: #014099;
    position: relative;
    z-index: 1;
}

div#home_reason .inner p.lead {
    margin-bottom: 20px;
    font-size: 42px;
    font-weight: bold;
    line-height: 1.4;
    position: relative;
}

div#home_reason .section_kugiri2 .inner p.lead:after {
    content: 'コミコミ\A価格';
    white-space: pre;
    width: 155px;
    height: 155px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/hukidashi.svg) no-repeat 50% / contain;
    font-size: 28px;
    color: #fff;
    line-height: 1.3;
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
}

div#home_reason .inner p.sub_lead {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
}

div#home_reason [class*="section_kugiri"] .inner p.txt {
    margin-bottom: 40px;
}

div#home_reason .section_kugiri2 p.img {
    width: 960px;
    margin: 0 auto 40px;
}

div#home_reason .section_kugiri3 ul.items {
    justify-content: space-between;
}

div#home_reason .section_kugiri3 ul.items li {
    width: calc((100% * .333) - 15px);
    font-size: 12px;
}

div#home_reason .section_kugiri3 ul.items p.date {
    color: #f00;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　調査事例
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_jirei {
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/jirei.jpg);
}

div#home_jirei h2 {
    font-size: 36px;
    font-weight: bold;
    display: table;
    margin: 0 auto 40px;
    position: relative;
}

div#home_jirei h2:before {
    content: '';
    width: 65px;
    height: 63px;
    display: inline-block;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/camera.svg) no-repeat 50% / contain;
    position: absolute;
    top: calc(50% - 32px);
    left: -85px;
}

div#home_jirei p.main_ttl {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 45px;
}

div#home_jirei ol.items {
    justify-content: space-between;
    margin: 0 0 40px;
}

div#home_jirei ol.items li {
    background: #fff;
    width: calc((100% * .333) - 25px);
    padding: 60px 40px 40px;
    position: relative;
}

div#home_jirei ol.items li:hover {
    opacity: 1;
}

div#home_jirei ol.items li p.ttl {
    font-size: 20px;
    font-weight: bold;
    margin: 0 0 20px;
}

div#home_jirei ol.items li p.img {
    width: 255px;
    margin: 0 auto 20px;
    height: 150px;
    border: 3px solid #fff;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
    text-align: center;
    position: relative;
    overflow: hidden;
}

div#home_jirei ol.items li p.img img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

div#home_jirei ol.items p.case {
    font-family: 'Barlow Condensed', sans-serif;
    font-size: 47px;
    color: #014099;
    position: absolute;
    left: 35px;
    top: -60px;
}

div#home_jirei ol.items p.case:after {
    content: counters(ol_cnt, "");
    font-size: 63px;
}

div#home_jirei ol.items p.txt {
    margin: 0 0 30px;
}

div#home_jirei ol.items p.btn a {
    background: #014099;
    color: #fff;
    padding: 10px 48px 10px 68px;
    min-width: 250px;
    position: relative;
    border: 2px solid #014099;
}

div#home_jirei ol.items li:hover p.btn a {
    background: #ffffff;
    color: #014099;
    opacity: 1;
}

div#home_jirei ol.items p.btn a:before {
    content: '';
    width: 42px;
    height: 50px;
    display: inline-block;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/pdf.png) no-repeat 50% / contain;
    position: absolute;
    top: -13px;
    left: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　ごあいさつ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_aisatsu {
    /* background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/people.jpg) no-repeat; */
    background: none;
    background-position: calc(50% + 300px) 100%;
    background-size: 530px 248px;
    /* padding-bottom: 150px; */
    padding-bottom: 60px;
}

div#home_aisatsu h2 {
    font-size: 36px;
    color: #014099;
    font-weight: bold;
    display: table;
    border-top: 1px solid #014099;
    border-bottom: 1px solid #014099;
    margin: 0 auto 40px;
    padding: 10px 45px;
}

div#home_aisatsu .f_wrap {
    justify-content: space-between;
}

div#home_aisatsu .area_a {
    width: 770px;
}

div#home_aisatsu .area_a p.ttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}

div#home_aisatsu .area_a p.txt:not(:last-child) {
    margin-bottom: 30px;
}

div#home_aisatsu .area_a p.txt:last-child {
    padding-right: 120px;
}

div#home_aisatsu .area_b {
    width: 360px;
}

div#home_aisatsu .area_b ul.bnr_wrap li {
    background: #fff;
}

div#home_aisatsu .area_b ul.bnr_wrap li:not(:last-child) {
    margin: 0 0 25px;
}

div#home_aisatsu .area_b ul.bnr_wrap li a {
    display: block;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　お役立ち情報＆スタッフブログ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_sns {
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/sns_bg.jpg) no-repeat 50% / cover;
}

div#home_sns h2 {
    font-size: 24px;
    font-weight: bold;
    color: #014099;
    margin: 0 auto 35px;
    display: table;
    position: relative;
    padding: 0 0 0 40px;
}

div#home_sns h2:before {
    content: '';
    width: 66px;
    height: 70px;
    display: inline-block;
    position: absolute;
    left: -40px;
    top: calc(50% - 35px);
}

div#home_sns .area_a h2:before {
    content: '';
    width: 66px;
    height: 70px;
    display: inline-block;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/mushimegane.png) no-repeat 50% / contain;
}

div#home_sns .area_b h2:before {
    width: 66px;
    height: 70px;
    background: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/book.png) no-repeat 50% / contain;
}

div#home_sns *.area_wrap {
    justify-content: space-between;
}

div#home_sns .area_wrap > * {
    background: #fff;
    border-radius: 10px;
    border: 3px solid #5d95cf;
    padding: 35px 35px 60px 35px;
    position: relative;
}

div#home_sns .area_a ul.cmn_post_list1 {
    margin-bottom: 10px;
}

div#home_sns .area_a {
    width: 800px;
}

div#home_sns .area_b {
    width: 360px;
}

div#home_sns .area_b li:not(:last-child) {
    border-bottom: 1px solid #decdac;
    padding-bottom: 15px;
}

div#home_sns .area_b p.date {
    color: #014099;
    line-height: 1.7;
}

div#home_sns .area_b p.ttl {
    width: 280px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div#home_sns p.btn {
    position: absolute;
    bottom: 20px;
    left: calc(50% - 40px);
}

div#home_sns p.btn a {
    border: 3px solid #76a8db;
    padding: 3px 18px;
    border-radius: 15px;
    color: #76a8db;
}

div#home_sns p.btn a:hover {
    background: #76a8db;
    color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　よくある質問
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_qa .section_kugiri {
    background-image: url(https://cyber318.xsrv.jp/demo/ho-muzu-ok/wp-content/themes/cyber-child/images/qa_txt.png),url(https://cyber318.xsrv.jp/demo/ho-muzu-ok/wp-content/themes/cyber-child/images/bills.png);
    background-repeat: no-repeat,no-repeat;
    background-position: calc(50% - 557px) 20px,50% 100%;
    background-size: 135px,contain;
    padding-bottom: 100px;
}

div#home_qa h2 {
    font-size: 32px;
    text-align: center;
    font-weight: bold;
    color: #014099;
    margin-bottom: 40px;
}

div#home_qa dl.faq {
    width: 960px;
    margin: 0 auto;
    font-size: 18px;
}

div#home_qa .bnr_wrap {
    background: #cde3f2;
    padding: 45px 0;
}

div#home_qa .bnr_wrap ul.f_wrap {
    justify-content: space-between;
    max-width: 1200px;
    margin: 0 auto;
}

div#home_qa .bnr_wrap ul.f_wrap > li {
    width: calc(20% - 8px);
    background: #fff;
}

div#home_qa .bnr_wrap ul.f_wrap > li a {
    display: block;
}

div#home_qa p.btn {
    margin-top: 40px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　バナー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.home_bnr [class*="bnr_list"] {
    padding: 40px 0!important;    
}

.home_bnr [class*="bnr_list"] ul{
    justify-content:space-between;
}

.home_bnr .bnr_list01 {
    background: #9ccae9;
}

.home_bnr .bnr_list01 ul:not(.office) {
    margin:-15px 0 25px;
}

.home_bnr .bnr_list01 ul:not(.office) li{
    padding:15px 0;
}

.home_bnr .bnr_list01 .inner {
	background: #fff;
    padding: 25px 30px 30px;
}

.home_bnr .bnr_list01 .inner p.ttl {
	font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

.home_bnr .bnr_list01 .inner ul.office {
	justify-content: flex-start;
	gap: 20px 20px;
}

.home_bnr .bnr_list02 {
    background: #cde3f2;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　関連リンク　(元はバナーだったが、複数追加されるため編集しやすいリストとしてレイアウトを修正)　2025-04-21re
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#related_link h2 {
    font-weight: bold;
}

.basic_box02[class*="cmn_col"] {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    --list_col_gap:30px;
    column-gap: var(--list_col_gap);
    border: 1px solid #004098;
    padding: 20px 0px 20px 30px;
}

.basic_box02.cmn_col02 > p {
    width: calc((100% - var(--list_col_gap) * 2) / 4.2);/*3カラムの場合*/
    margin: 0 0 5px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　マップ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#home_map {
    background: #cde3f2;
    padding-bottom: 60px;
}

div#home_map iframe {
    vertical-align: bottom;
    width: 100vw;
}

div#home_map p.route {
    padding: 20px 0;
}

div#home_map p.route a {
    display: table;
    margin: 0 auto;
    color: #014099;
    text-decoration: none;
    border: 1px solid #6e9ad9;
    padding: 5px 30px;
    background: #fff;
}

div#home_map p.route a:hover {
    background: #6e9ad9;
    color: #ffffff;
}

div#home_map div.chosa_area{
    margin:0 auto;
    background:#fff;
    padding:25px 30px;
}

div#home_map div.chosa_area .ttl{
    font-size:18px;
    font-weight:bold;
    text-align:center;
    margin-bottom:20px;
}

div#home_map div.chosa_area .main_txt{
    font-size:16px;
    font-weight:bold;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップページ　＞　コンタクトエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#contact_area {
    background: #014099;
    color: #fff;
    text-align: center;
    line-height: 1.8;
}

div#contact_area dl.f_wrap {
    justify-content: space-between;
}

div#contact_area dt {
    width: 340px;
    border-right: 1px solid #fff;
    padding: 10px 0;
}

div#contact_area dd.f_wrap {
    width: calc(100% - 330px - 50px);
    align-items: center;
    justify-content: space-between;
}

div#contact_area p.main_ttl {
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 30px;
}

div#contact_area p.main_lead {
    font-size: 18px;
    background: #6e9ad9;
    border-radius: 10em;
    padding: 13px;
    width: 270px;
    margin: 0 auto;
}

div#contact_area p.tel {
    font-size: 58px;
    font-family: 'Barlow Semi Condensed', sans-serif;
    letter-spacing: 2px;
    line-height: 1.6;
    margin-top: -25px;
}

div#contact_area p.tel a:before {
    content: '\e900';
    font-family: "icomoon";
    color: #ffffff;
    font-size: 41px;
    margin-right: 8px;
}

div#contact_area p.tel a [data-ruby]::before {
    top: -.8em;
    font-size: 14px;
}

div#contact_area p.tel a rt {
    font-size: 14px;
    font-family: "my_gothic",sans-serif;
}

div#contact_area p.addr {
    font-size: 18px;
    margin-bottom:10px
}

div#contact_area p.car{
    background:#0086e3;
    font-size:18px;
    width:168px;
    padding:5px;
}

div#contact_area p.btn a {
    background: #9c0959;
    color: #fff;
    font-size: 20px;
    padding: 36px 70px;
    border: 1px solid #fff;
    z-index: 1;
    position: relative;
    font-weight: bold;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　インフォメーションエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#footer_info {
    padding-bottom: 15px;
}

div#footer_info .logo {
    max-width: 300px;
    margin: 0 auto;
}


div#footer_info .addr_wrap {
    display: none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フッター　＞　コピーライトのエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#copy_frame {
    background: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用　＞　カード
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

.card_box {
    background: #fff;
    text-align:center;
    padding:25px;
}

.section_kugiri2 .card_box{
	width:960px;
	margin:0 auto 40px;
}

.card_box .ttl{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
}

.card_box .img{
    margin: 0!important;
    width: 100%!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトフォームの必須項目の表示をカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7-not-valid {
    background: #ffdcdc!important;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　プロフィール
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.page-profile .name p.title {
    text-align: center;
    display: inline-flex;
    background-color: #014099;
    color: #fff;
    padding: 0 20px;
    margin-bottom: 15px;
}

body.page-profile .name {
    text-align: center;
}

body.page-profile .cmn_sns{
	justify-content: center;
    margin-top: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層　＞　ブログ下執筆者紹介
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.author {
    padding: 30px 50px;
    border: 1px solid #aaa;
}

.author img{
    border-radius: 200px;
}

.author .name_sns {
    display: flex;
    column-gap: 35px;
}

.cmn_sns {
    column-gap: 4px;
}

.cmn_sns a {
    width: 30px;
    height: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color:#151515;
    text-decoration:none;
}

.cmn_sns a:hover{
	opacity:0.8;
}

.cmn_sns a:before {
    content: '\f082';
    font-family: "icomoon";
    font-size: 24px;
    line-height: 1;
    font-weight: 400;
}

.cmn_sns a.ig:before {
    content: '\ea92';
}

.cmn_sns a.line:before {
    content: '\e902';
}

.cmn_sns a.tiktok:before {
    content: '';
    background-image: url(https://ho-muzu.com/wordpress2/wp-content/themes/cyber-child/images/tiktok.svg);
    width: 18px;
    height: 21px;
}

.author p.txt {
    margin: 15px 0;
}