@charset "UTF-8";


body{  font-size: 16px; }
h1{ font-size:28px; font-weight: bold;}
h2{ font-size:32px;}
h3{ font-size:20px;}
img{ max-width:100%;  }
#content{
padding-top:20px;
padding-bottom:20px;
}
#content-wrap{
background-color: white;
}
#sidebar{ text-align: center;}
footer{ background-color: #ccc; }
footer #menu-footer { width: 1140px;margin: 50px auto;}
footer ul {  list-style-type: none;}
footer a { color: #434343;}
footer p{  padding:15px 0;  color: #434343; width: 100%;}
footer .menu-footer-box{ width: 25%; margin-top: 30px;margin-bottom: 15px;}
footer .footer_logo {
width: 100%;
text-align: center;
}
footer .footer_logo img { width: 300px;}
footer .copyright {
text-align: center;
}
@media (max-width:960px) {
footer .menu-footer-box{ width: 50%;}
h2{ font-size:24px;}
}html,body,h1,h2,h3,h4,p,a,dl,ul,table {
font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN',sans-serif;}
p{line-height:2;}
a:hover {opacity :0.7;filter :alpha(opacity=70);-ms-filter :"alpha(opacity=70)"; text-decoration: none;}
a { text-decoration: none!important;}
.center {text-align: center; margin: 0 auto;}
.left {text-align: left;}
.right {text-align: right;}
.white {color: white}
.red{color: red;font-weight: bold;}
.main_btn {
width: 320px;
padding: 1em .5em 1em .5em;
margin: 0 auto;
}
.green_btn {
background-color: #00b900;
color: #fff;
text-decoration:none;
display:block;
text-align:center;
padding:8px 0 10px;
}
.blue_btn {
background-color: #0072bc;
color: #fff;
text-decoration:none;
display:block;
text-align:center;
padding:8px 0 10px;
}
.bg_gray{
background: #efefef;
padding: 4em 1em;
text-align: center;
}
.bg_white{
background: #fff;
padding: 4em 1em;
text-align: center;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
}
h2.style_h2 {
margin-bottom: 1em;
font-weight: bold;
margin: 1em auto;
width: 100%;
text-align: center;
line-height: 1.5;
}
h2.style_h2b {
position: relative;
color: white;
background: #0072bc;
line-height: 1.4;
padding: 0.5em 0.5em 0.5em 1.8em;
margin-bottom: 1em;
margin-bottom: .5em;
}
h2.style_h2b::before {
font-family: "Font Awesome 5 Free";
content: "\f14a";
font-weight: 900;
position: absolute;
left : 0.5em; }
h3.style_h3a {
font-weight: bold;
color: #0072bc;
}
h3.style_h3b {
color: #0072bc;
border-bottom: solid 3px #0072bc;
}
h4.style_h4b {
position: relative;
color: white;
background: #0072bc;
line-height: 1.4;
padding: 0.5em 0.5em 0.5em 1.8em;
margin-bottom: 1em;
margin-bottom: .5em;
}
h4.style_h4b::before {
content: "◎";
font-weight: 900;
position: absolute;
left : 0.5em;
}
.tantei_txt{
line-height: 2;
margin: 2em auto;
}
ul {
list-style: circle outside none;
margin-left: 1.3em;
}
ul.list_box1 {
border: solid 2px #0072bc;
border-radius: 5px;
padding: 0.5em 1em 0.5em 2.3em;
position: relative;
}
ul.list_box1 li {
line-height: 1.5;
padding: 0.7em 0;
font-size: 1.2em;
list-style-type: none!important;
}
ul.list_box1 li:before {
font-family: "Font Awesome 5 Free";
content: "\f138"; position: absolute;
font-weight: 900;
left : .9em; color: #0072bc; }
ul.list_box2 {
background: #f5f5f5;
padding: 0 .5em;
position: relative;
font-size: 3vmin;
}
ul.list_box2 li {
line-height: 1.5;
padding: .5em 0 .5em 1.5em;
border-bottom: 2px solid #fff;
list-style-type: none!important;
}
ul.list_box2 li:before {
font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
left: .5em;
color: #668ad8;
font-weight: 900;
}
.text_box01 {
position: relative;
margin: 2em 0;
padding: .5em 1em;
border: solid 3px #ccc;
border-radius: 8px;
font-size: 19px;
}
.text_box01 .box-title {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 9px;
line-height: 1;
background: #fff;
color: #ccc;
font-weight: 700;
}
.text_box01  p {
margin: 0;
padding: 0;
line-height: 2.3;
}
table.price_table  {
margin: 20px auto;
width: 600px;
text-align: center;
}
table.price_table th {
background: #0072bc;
border: solid 1px #ccc;
color: #fff;
padding: 10px;
}
table.price_table td {
border: solid 1px #ccc;
padding: 10px;
}
@media screen and (max-width: 640px) {
ul {
margin-left: 0.5em;
}
table.price_table thead {
display: none;
}
table.price_table .last td:last-child {
border-bottom: solid 1px #ccc;
width: 100%;
}
table.price_table  {
width: 80%;
}
table.price_table th,
table.price_table td {
border-bottom: none;
display: block;
width: 100%;
}
} .keikou {
background: linear-gradient(transparent 65%, #ffff66 50%);
}
footer {
display:flex;
flex-wrap:wrap;
}
header {
height: 148px;
}
header .header_wrap {
display:flex;
max-width: 1140px;
margin: 5px auto;
}
.mgt100{
margin-top: 100px;
}
.mgt50{
margin-top: 50px;
}
#page {
max-width: 1140px;
margin: 0 auto;
}
@media (max-width:770px) {
header {
height: auto;
}
.main_btn {
width: 100%;
}
.mgt100{
margin-top: 10px;
}
.mgt50{
margin-top: 10px;
}
h3.style_h3a {
font-size: 1.3em;
}
#page {
padding: 5px;
}
} h1.site_title {
width: 45%;
padding-right: 3%;
}
h1.site_title img{
width: 77px;
}
h1.site_title a {
color: #000;
font-size: 27px;
}
.header_contact {
display:flex;
flex-wrap:wrap;
width: 55%;
}
.header_contact p {
text-align: right;
margin-bottom: 0;
padding-bottom: 0;
}
p.tel_txt {
font-size: 2.4em;
position: relative; }
p.tel_txt a{
color: #000;
}
.header_tel, .header_btn,.header_btn, .header_btn {
width: 50%;
}
.header_btn{
float: left;
padding-left: 4%;
font-size: 1.1em;
}
.header_tel {
padding-right: 4%;
}
nav#menu-header {
width: 100%;
max-width: 1140px;
}
nav {
margin: 0 auto;
padding: 0;
top: -90px; }
#menu-header ul {
list-style: none;
}
#dorp_menu_hidden ul {
margin-left: 10px;
margin-right: 10px;
} #menu-header li a{
display: block;
float: left;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
width: 14.28%; line-height: 50px; background: #fff; color: #666; font-weight: bold; }
#menu-header li a:hover, #menu-header li.page_item {
background: #0072bc;
color: #fff;
} #spnavi::after {
content: "";
display: block;
clear: both;
}
#spnavi {
list-style: none;
padding: 6px;
position: absolute;
top: 9px;
right: 8px;
border: 1px solid;
}
#drop_menu_icon {
font-size: 1.2em;
text-align: center;
}
#drop_menu_icon ruby {
ruby-position:under;
}
#dorp_menu_hidden ul {
list-style: none;
padding-left: 0;
}
@media only screen and (min-width:985px){ #spnavi {
display: none;
}
#dorp_menu_hidden {
display: none!important;
}
}
@media (max-width:985px) {
header .header_wrap {
display: block;
width: 76%;
margin: 6px 0 0 6px;
}
h1.site_title {
width: 88%;
padding-right: 6px;
font-size: 17px;
}
h1.site_title img {
width: 40px;
margin-bottom: 8px;
}
.header_contact {
display:none;
}
.header_btn, .header_tel {
display: block;
margin: 0 auto;
padding: 5px;
}
.header_tel, .header_btn, .header_btn, .header_btn {
width: calc(50% - 10px);
}
.header_contact p {
text-align: center;
margin: 0;
}
nav {
width: 100%;
}
nav ul{
padding-left: 0;
}
#dorp_menu_hidden li a{
display: block;
margin: 5px;
padding: 0;
text-decoration: none;
width: calc(100% - 10px); line-height: 50px; font-weight: bold; background: #0072bc;
color: #fff;
text-align: center;
overflow: hidden;
box-shadow: 0px 0px 0px 5px #0072bc;
border: solid 1px #FFF;
transition: .4s;
}
p.tel_txt a{
padding: 10px;
border: 1px solid;
border-radius: 10px;
}
} #top-vg {
width: 100%;
position: relative;
}
.top_vg_box {
position:absolute;
width: 500px;
top: 34%;
left: 40%;
text-align: center;
}
.top_vg_box h2.top_vg_h2{
font-size: 2.5em;
color: #0072bc;
font-weight: bold;
text-shadow: 2px 2px 10px #fff ,
-2px 2px 10px #fff ,
2px -2px 10px #fff ,
-2px -2px 10px #fff;
}
.top_vg_box h3.top_vg_h3{
color: #362f2d;
padding: 0.1em;
line-height: 1.3;
width: 300px;
background: #fff200;
vertical-align: middle;
border-radius: 25px;
margin: 0 auto 1em;
margin-top: 0px;
font-size: 1em;
}
.top_vg_box .top_vg_btn{
display: block;
font-weight: bold;
margin: 5px;
padding: .5em;
text-decoration: none;
line-height: 1.3em;
color: #fff;
text-align: center;
overflow: hidden;
border: solid 1px #FFF;
transition: .4s;
padding-bottom: 0;
}
.top_vg_box .blue_btn{
box-shadow: 0px 0px 0px 5px #0072bc;
}
.top_vg_box .green_btn{
box-shadow: 0px 0px 0px 5px #00b900;
}
.top_vg_box .top_vg_btn p span {
font-size: 2em;
}
.top_vg_box .top_vg_btn p {
margin-bottom: .4em;
} #kitakyu-tantei, #kitakyu-menu, #kitakyu-about, #kitakyu-merit, #kitakyu-3_box, #kitakyu-voice, #kitakyu-flow, .kitakyu-infomation, #kitakyu-blog {
max-width: 960px;
margin: 0 auto;
} #covit-19_box {
margin: 3em auto;
text-align: center;
}
#covit-19_box img {
width: 600px;
margin: 0 auto;
}
#covit-19_box figcaption {
background: #0072bc;
width: 600px;
color: #fff;
margin: 0 auto;
padding: .6em;
} #movie_box {
margin: 3em auto;
text-align: center;
}
#movie_box video {
width: 500px;
height: auto;
}
@media (max-width: 790px) {
#movie_box {
margin: 9em auto 3em;
}
#movie_box video {
width: 90%;
height: auto;
}
} #kitakyu-menu .col-6 {
display:table;
text-decoration:none;
padding: .5em;
position: relative;
}
#kitakyu-menu a.chosa-menu {
display:table-cell;
text-align:left;
padding:.5em;
padding-left: 81px;
font-size: 1.3em;
color: #fff;
background-color: #0072bc;
height: 4em;
vertical-align: middle;
}
#kitakyu-menu a.chosa-menu::after{
content: "▶︎";
position: absolute;
right: 15px;
top: 39px;
font-size: .8em;
}
#kitakyu-menu a.chosa-menu::before {
position: absolute;
display: inline-block;
top: 1em;
left: 1em;
}
#kitakyu-menu a.menu-uwaki::before {
content:  url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-uwaki.jpg);
}
#kitakyu-menu a.menu-soko::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-soko.jpg);
}
#kitakyu-menu a.menu-sagashi::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-sagashi.jpg);
}
#kitakyu-menu a.menu-mimoto::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-mimoto.jpg);
}
#kitakyu-menu a.menu-sutouka::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-sutouka.jpg);
}
#kitakyu-menu a.menu-ijime::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-ijime.jpg);
}
#kitakyu-menu a.menu-tocho::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-tocho.jpg);
}
#kitakyu-menu a.menu-tokushu::before {
content: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/menu-tokushu.jpg);
} #kitakyu-merit {
position: relative;
width: 100%;
}
#kitakyu-merit img {
text-align: center;
width: 500px;
display: block;
margin: 0 auto;
}
#kitakyu-merit .style_3c {
font-size: 1.7em;
margin-bottom: 1em;
}
#kitakyu-merit p {
line-height: 1.5
}
#kitakyu-merit .uwaki_merit {
position: absolute;
width: 250px;
top: 9em;
left: calc(50% - 200px) ;
}
@media (max-width: 765px) {
#kitakyu-merit .uwaki_merit{
position: unset;
margin: 20px auto 0;
text-align: center;
width: 100%;
}
#kitakyu-menu a.chosa-menu {
padding-left: 71px;
font-size: 1em;
}
#kitakyu-menu .col-6 {
font-size: .8rem;
}
} .kitakyu-3box-left, .kitakyu-3box-right{
position: relative;
height: 650px;
}
.kitakyu-3box-left img, .kitakyu-3box-right img  {
width: 60%;
position:absolute;
right: 0;
top: 0;
z-index: 0
}
.kitakyu-3box-left img, .kitakyu-3box-right .box03_txt {
right: 0;
}
.kitakyu-3box-right img, .kitakyu-3box-left .box03_txt{
left: 0;
}
.kitakyu-3box-left .box03_txt, .kitakyu-3box-right .box03_txt {
width: 60%;
position: absolute;
top: 155px;
background: #efefef90;
z-index: 1;
padding: 3em;
text-align: left;
height: 450px;
} #kitakyu-voice {
text-align: left;
}
.ub_line {
border-bottom: 1px solid #ddd;
margin-bottom: 1em;
} #kitakyu-flow dl {
width: 750px;
text-align: left;
margin: 20px auto;
}
#kitakyu-flow dt {
background: #e5e5e5;
font-size: 1.6em;
line-height: 1.8;
}
#kitakyu-flow dt span {
background-color: #0072bc;
color: #fff;
padding: 8.4px;
margin-right: 1em;
}
#kitakyu-flow dd {
line-height: 1.5;
padding-left: 3em;
height: 200px;
margin-top: 2em;
}
#kitakyu-flow dd img {
float: right;
width: 30%;
margin: 1em;
} .bg_white #kitakyu-blog img {
width: 100%;
height: 200px;
object-fit: cover; } .info_wp {
background: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/tantei_bg.jpg);
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 310px;
}
.info_box {
width: 70%;
float: right;
padding: 10px;
}
.kitakyu-infomation h3.inf_h3 {
font-size: 24px;
}
.kitakyu-infomation h3 span.gy_h3 {
color: #362f2d;
padding: .6em 1.6em;
line-height: 1.3;
width: 300px;
background: #fff200;
vertical-align: middle;
border-radius: 25px;
margin: 0 auto 1em;
margin-top: 0;
font-size: 16px;
}
.kitakyu-infomation p.tel_box {
font-size: 48px;
color: #0072bc;
margin-bottom: 0;
}
.kitakyu-infomation p.tel_box a.tel_txt{
color: #000;
}
.kitakyu-infomation::after {
clear: both;
}
.kitakyu-infomation .info_btn {
width: calc(50% - 2%);
margin-right: 2%;
float: left;
}
.kitakyu-infomation .info_btn .info_vg_btn {
display: block;
font-weight: bold;
margin: 5px;
padding: .5em;
text-decoration: none;
line-height: 1.3em;
color: #fff;
text-align: center;
overflow: hidden;
border: solid 1px #FFF;
transition: .4s;
padding-bottom: 0;
}
.kitakyu-infomation .info_btn .blue_btn{
box-shadow: 0px 0px 0px 5px #0072bc;
}
.kitakyu-infomation .info_btn .green_btn{
box-shadow: 0px 0px 0px 5px #00b900;
}
.kitakyu-infomation .info_btn .info_vg_btn p span {
font-size: 2em;
}
.kitakyu-infomation .info_btn .info_vg_btn p {
margin-bottom: .4em;
}
@media (max-width: 985px) {
#top-vg {
height: 640px;
margin-bottom: 100px;
}
.top_vg_box, .vg_yukuhashi, .vg_iiduka, .vg_tagawa, .vg_shimonoseki  {
width: 100%;
top: 24.5em;
left: 0;
}
.top_vg_box h3.top_vg_h3 {
margin: 0 auto;
}
#covit-19_box img, #covit-19_box figcaption {
width: 100%;
}
#kitakyu-menu a.chosa-menu {
font-size: 1em;
height: 75px;
}
#kitakyu-menu a.chosa-menu::after{
top: 37px;
}
.kitakyu-3box-left .box03_txt, .kitakyu-3box-right .box03_txt  {
width: 70%;
height: auto;
}
.kitakyu-3box-left, .kitakyu-3box-right {
height: 620px;
}
.ht72{
height: 720px;
}
}
@media (max-width: 650px) {
p.tantei_txt {
text-align: left;
}
#top-vg {
height: 130px;
}
.top_vg_box {
width: 100%;
top: 12em;
left: 0;
}
.top_vg_box .top_vg_btn p {
margin-bottom: 2px;
line-height: 1.2;
}
.header_btn, .header_tel {
display: inline-block;
margin: 0 auto;
padding: 5px;
}
.header_btn {
float: none;
font-size: .7em;
}
.vg_yukuhashi, .vg_iiduka, .vg_tagawa, .vg_shimonoseki {
top: 5.5em;
}
.kitakyu-3box-left img, .kitakyu-3box-right img, .kitakyu-3box-left .box03_txt, .kitakyu-3box-right .box03_txt  {
display: block;
width: 100%;
margin-bottom: 40px;
padding: 0;
}
.kitakyu-3box-left .box03_txt, .kitakyu-3box-right .box03_txt {
top: 265px;
}
#kitakyu-flow dl {
width: 100%;
}
#kitakyu-flow dd {
padding-left: 0em;
height: 200px;
}
.info_wp {
width: 98%;
margin: 0 auto;
}
.info_box {
width: 100%;
float: none;
height: 360px;
}
.info_box h1 {
text-shadow: 2px 2px 10px #f9fafb, -2px 2px 10px #f9fafb, 2px -2px 10px #f9fafb, -2px -2px 10px #f9fafb;
}
.info_box h1 img {
width: 40px;
}
.kitakyu-infomation h3.inf_h3 {
font-size: 18px;
text-align: center;
letter-spacing : 4px; text-shadow: 2px 2px 10px #f9fafb, -2px 2px 10px #f9fafb, 2px -2px 10px #f9fafb, -2px -2px 10px #f9fafb;
}
.kitakyu-infomation h3.inf_h3 span {
line-height: 3;
}
.kitakyu-infomation p.tel_box {
font-size: 27px;
text-align: center;
text-shadow: 2px 2px 10px #f9fafb, -2px 2px 10px #f9fafb, 2px -2px 10px #f9fafb, -2px -2px 10px #f9fafb;
}
.kitakyu-infomation .info_btn .info_vg_btn p {
font-size: 13px;
}
.kitakyu-infomation .info_btn {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
} .pc { display: block !important; }
.sp { display: none !important; } @media only screen and (max-width: 985px) {
.pc { display: none !important; }
.sp { display: block !important; }
.spfs{ font-size: 1.4em;}
} .table-contactform7{
overflow: hidden;
table-layout: fixed;
}
.required-contactform7{
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.unrequired-contactform7{
padding: 5px;
background: #BDBDBD;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.table-contactform7 th{
font-weight:bold;
}
.table-contactform7 input,
.table-contactform7 textarea{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
}
.address-100 input{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
}
.message-100 textarea{
width: 100%;
margin: 5px 10px 10px 5px;
}
@media screen and (min-width: 900px){
.table-contactform7 th{
width:28%;
}
}
@media screen and (max-width: 900px){
.table-contactform7{
display:block;
}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
width: 100%;
}
.table-contactform7 th{
width:100%;
display:block;
margin: 0 auto;
border:none;
}
.table-contactform7 td{
display: list-item;
list-style-type:none;
margin:0;
padding:0;
width: 100%;
border-top: none !important;
}
} #QandA {
width: 100%;
}
#QandA h3 {
font-size: 18px;
margin-top: 32px;
}
#QandA dl {
border: 1px solid #ccc;
font-size: 18px;
}
#QandA dt {
font-weight: bold;
color: #111;
background: #f4f4f4;
padding: 8px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
#QandA dt:first-child {
border-top: none;
}
#QandA dt:before {
content: "Q.";
font-weight: bold;
margin-right: 8px;
}
#QandA dd {
padding: 16px 16px 24px 30px;
margin: 0;
line-height: 140%;
}
#QandA dd:first-line {
font-weight: bold;
color: #bf0000;
}
#QandA dd:before {
content: "A.";
font-weight: bold;
margin-right: 8px;
margin-left: -21px;
} .balloon2 {
width: 100%;
margin: 1.5em 0;
overflow: hidden;
}
.balloon2 .faceicon {
float: left;
margin-right: -90px;
width: 80px;
text-align:center;
}
.balloon2 .faceicon img{
width: 100%;
height: auto;
border-radius: 50%;
}
.balloon2 .chatting {
width: 100%;
}
.says {
display: inline-block;
position: relative;
margin: 5px 0 0 105px;
padding: 17px 20px;
border-radius: 12px;
background: #d7ebfe;
}
.says:after {
content: "";
display: inline-block;
position: absolute;
top: 18px;
left: -24px;
border: 12px solid transparent;
border-right: 12px solid #d7ebfe;
}
.says p {
margin: 0;
padding: 0;
}
.p_box{
padding:0 20px;
} table.company_table{
width: 100%;
border-collapse: collapse;
}
table.company_table tr{
border-bottom: solid 2px white;
}
table.company_table tr:last-child{
border-bottom: none;
}
table.company_table th{
position: relative;
text-align: left;
width: 30%;
background-color: #0072bc;
color: white;
text-align: center;
padding: 10px 0;
}
table.company_table th:after{
display: block;
content: "";
width: 0px;
height: 0px;
position: absolute;
top:calc(50% - 10px);
right:-10px;
border-left: 10px solid #0072bc;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
}
table.company_table td{
text-align: left;
width: 70%;
text-align: center;
background-color: #eee;
padding: 10px 0;
} .table-contactform7{
overflow: hidden;
table-layout: fixed;
}
.required-contactform7{
padding: 5px;
background: #DE8686;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.unrequired-contactform7{
padding: 5px;
background: #BDBDBD;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.table-contactform7 th{
font-weight:bold;
}
.table-contactform7 input,
.table-contactform7 textarea{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
}
.address-100 input{
max-width: 90% !important;
margin: 5px 10px 10px 5px;
}
.message-100 textarea{
width: 100%;
margin: 5px 10px 10px 5px;
}
@media screen and (min-width: 900px){
.table-contactform7 th{
width:28%;
}
}
@media screen and (max-width: 900px){
.table-contactform7{
display:block;
}
.table-contactform7 tbody,
.table-contactform7 tr{
display: block;
width: 100%;
}
.table-contactform7 th{
width:100%;
display:block;
margin: 0 auto;
border:none;
}
.table-contactform7 td{
display: list-item;
list-style-type:none;
margin:0;
padding:0;
width: 100%;
border-top: none !important;
}
} .side_blog_img {
float: left;
width: 30%;
padding: 5px;
}
.side_blog_img img {
width: 100%;
height: 100%;
}
.side_blog_txt {
float: left;
width: 70%;
font-size: 16px;
text-align: left;
}
.side_blog_txt a{
color: #000;
}
.side_blog_txt .card-body {
padding: 3px;
}
.side_blog_txt p.card-text {
margin-bottom: 0;
} .blog_title_img {
margin-bottom: 30px;
}
.blog_title {
position: absolute;
width: 1140px!important;
top: 320px;
}
.pagination{
margin:40px 0 0;
}
.nav-links{
display:flex;
}
.pagination .page-numbers{
display:inline-block;
margin-right:20px;
padding:20px 25px;
color:#333;
border-radius:3px;
box-shadow:0 3px 3px #999;
background:#fff;
}
.pagination .current{
padding:20px 25px;
background:#69a4db;
color:#fff;
}
.pagination .prev,
.pagination .next{
background:transparent;
box-shadow:none;
color:#69a4db;
}
.pagination .dots{
background:transparent;
box-shadow:none;
}
@media screen and (max-width: 900px){
.blog_title {
position: inherit;
}
} .kitakyu-omoi-box {
position: relative;
width: 100%;
height: 810px;
margin: 40px auto;
}
.omoi-img {
position: absolute;
content: "";
top:0;
width: 60%;
}
.kitakyu-omoi-box .omoi-text {
width: 60%;
content: "";
position: absolute;
top: 40px;
right: 0;
background: #efefef90;
z-index: 1;
padding: 2em;
text-align: left;
height: auto;
}
.kitakyu-omoi-box .tantei_txt {
margin: 1em auto;
}
@media screen and (max-width: 500px){
.about_block{
margin-bottom: 280px
}
.omoi-img {
display: block;
width: 100%;
}
.kitakyu-omoi-box .omoi-text {
display: block;
width: 100%;
margin-bottom: 40px;
padding: 13px;
top: 325px;
}
.kitakyu-omoi-box .tantei_txt {
margin: 1em auto;
}
} .blog-list__list-item {
width: 750px!important;
height: 135px;
margin: 15px auto 20px;
border-bottom: solid 1px #ccc;
}
.blog-list__list-item a {
color: #000;
}
.blog-item__thumbnail {
width: 10%;
height: 135px;
float: left;
margin-right: 3%;
}
.blog-item__thumbnail img {
width: 100%;
}
.blog-item__content {
width: 100%;
}
.blog-item__content h3{
font-size: 20px;
}
p.blog-item__day {
margin: 0!important;
}
.blog-list__list-item::after {
clear: both;
}
@media screen and (max-width: 760px){
.blog-list__list-item {
width: 100%!important;
height: 275px;
}
.blog-item__thumbnail {
width: 25%;
height: 85px;
}
} .slider { width:94%;
margin:0 auto;
}
.slider img {
width:100%; height:auto;
} .slider .slick-slide {
margin:0 10px;
}  .slick-prev,
.slick-next {
position: absolute; top: 42%;
cursor: pointer; outline: none; border-top: 2px solid #666; border-right: 2px solid #666; height: 15px;
width: 15px;
}
.slick-prev { left: -1.5%;
transform: rotate(-135deg);
}
.slick-next { right: -1.5%;
transform: rotate(45deg);
} .slick-dots {
text-align:center;
margin:20px 0 0 0;
}
.slick-dots li {
display:inline-block;
margin:0 5px;
}
.slick-dots button {
color: transparent;
outline: none;
width:8px; height:15px; display:block;
border-radius:50%;
background:#ccc; }
.slick-dots .slick-active button{
background:#333; } h2.style_h2a {
margin: 1em auto;
}
h2.style_h2c {
background: #2672bd;
text-align: center;
padding: 10px 20px;
color: white;
width: 80%;
margin-inline: auto;
margin-bottom: 2em;
}
h2.style_h2d {
color: #2672bd;
margin: 1em auto;
}
h3.style_3b {
margin: 1em auto;
text-align: center;
font-weight: bold;
}
h3.style_3c {
padding: 0.25em 0.5em;
color: #494949;
font-size: 1.4em;
background: transparent;
border-left: solid 5px #2672bd;
text-align: left;
}
.vg_yukuhashi, .vg_iiduka, .vg_tagawa, .vg_shimonoseki {
left: 10%;
top: 20%;
}
.vg_yukuhashi h1.top_vg_h1, .vg_iiduka h1.top_vg_h1, .vg_tagawa h1.top_vg_h1, .vg_shimonoseki h1.top_vg_h1 {
font-size: 2em;
font-weight: bold;
padding: 0.4em;
background-color: #ffffffb0;
text-align: left;
margin-bottom: 0.5em;
}
.vg_yukuhashi h1.top_vg_h1 span, .vg_iiduka h1.top_vg_h1 span, .vg_tagawa h1.top_vg_h1 span, .vg_shimonoseki h1.top_vg_h1 span  {
color: #0072bc;
}
section.yukuhashi_bg, section.iiduka_bg, section.tagawa_bg, section.shimonoseki_bg {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
padding-block: 50px;
}
section.yukuhashi_bg {
background: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/yukuhashi_bg_img.jpg);
}
section.iiduka_bg{
background: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/iiduka_bg_img.jpg);
}
section.tagawa_bg{
background: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/tagawa_bg_img.jpg);
}
section.shimonoseki_bg{
background: url(//kitakyushu-tantei.com/wp-content/themes/kitakyutantei/img/shimonoseki_bg_img.jpg);
}
section.yukuhashi_bg .row, section.iiduka_bg .row, section.tagawa_bg .row, section.shimonoseki_bg .row {
align-items: stretch;
}
section.yukuhashi_bg .row > .riyu_box, section.iiduka_bg .row > .riyu_box, section.tagawa_bg .row > .riyu_box, section.shimonoseki_bg .row > .riyu_box {
margin-block: 2em;
width: calc(33.333% - 1em);
position: relative;
padding: 2.5em 0;
font-weight: bold;
background: #FFF;
border: solid 1em #86adde; border-radius: 10px; }
section.yukuhashi_bg .row > .riyu_box:nth-child(2), section.iiduka_bg .row > .riyu_box:nth-child(2), section.tagawa_bg .row > .riyu_box:nth-child(2), section.shimonoseki_bg .row > .riyu_box:nth-child(2) {
margin-inline: 1.5em;
}
.riyu_box .box-title {
position: absolute;
top: -30px;
left: calc(50% - 30px);
color: white;
width: 60px;
height: 60px;
padding-top: .25em;
background-color: #2672bd;
border-radius: 50%;
text-align: center;
box-sizing: border-box;
font-size: 2em;
}
.riyu_box p {
padding: 15px 10px;
margin: 0;
}
#menu_list .row {
align-items: stretch;
justify-content: space-between;
}
#menu_list .menu_list__box {
padding-block: 12px;
position: relative;
box-sizing:border-box;
}
#menu_list .card {
padding: .8em;
text-align: left;
height: 510px;
}
#menu_list .price {
text-align: right;
color: #2672bd;
font-weight: bold;
font-size: 1.4em;
}
#menu_list a.menu_btn {
position: absolute;
bottom: 10px;
display: block;
width: 86%;
left: 50%;
line-height: 30px;
transform: translateX( -50%);
}
#menu_list .menu_text_box {
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0,0,0,.125);
border-radius: 0.25rem;
text-align: left;
padding: 1em 1em 0 1em;
}
@media (max-width:785px) {
section.yukuhashi_bg .row > .riyu_box, section.iiduka_bg .row > .riyu_box, section.tagawa_bg .row > .riyu_box, section.shimonoseki_bg .row > .riyu_box  {
width: calc(100% - 2em);
margin-inline: 1em;
}
.text_box01 {
line-height: 2;
font-size: 17px;
}
ul.list_box2 {
font-size: 1rem;
margin-left: 0;
}
.explanation {
line-height: 2;
}
}
@media (max-width:576px) {
.vg_yukuhashi, .vg_iiduka, .vg_tagawa, .vg_shimonoseki  {
left: 0%;
padding: 10px;
}
h2.style_h2c {
width: 90%;
}
#menu_list .card {
height: auto;
}
#menu_list .menu_list__box {
position: unset;
}
#menu_list a.menu_btn {
position: unset;
display: block;
width: 100%;
line-height: 30px;
transform:none;
}
}
.sample_box{
padding: 1em;
border: 1em solid #86adde;
background: #FFF;
border-radius: 10px;
}
.kitakyu-tantei__wrap p {
line-height: 2;
}
@media (max-width: 770px) {
h1.site_title a {
font-size: 20px;
}
#kitakyu-flow dt {
font-size: 1.3em;
}
#kitakyu-blog h4.card-title {
font-size: 1rem;
}
#kitakyu-blog .card-text {
line-height: 1.4;
font-size: .9rem;
}
#kitakyu-blog .card-body {
padding: .5rem;
}
.btn {
font-size: .8rem;
}
#kitakyu-merit .style_3c {
font-size: 1.5rem;
}
} .inst {
position: absolute;
top: 9px;
right: 68px;
border: 1px solid;
padding: 5px 6px;
line-height: 1.2;
font-size: 9px;
text-align: center;
}
i.fa-brands.fa-instagram {
font-size: 24px;
}
@media (max-width:375px) {
h1.site_title a {
font-size: 17px;
}
h1.site_title img {
width: 22px;
margin-bottom: 16px;
margin-top: 12px;
}
}  #tel_mail {
display: none;
}
@media (max-width:500px) {
#tel_mail {
width: 100%;
position: fixed;
bottom: 0px;
display: flex;
z-index: 99999;
}
#tel_mail .tel,
#tel_mail .mail,
#tel_mail .line {
display: flex;
flex-direction: column;
line-height: 25px;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 11px;
}
#tel_mail .tel {
width: 60%;
color: #000;
background: #fff;
padding: 12px 5px;
}
#tel_mail .tel_block {
gap: 5px !important;
display: inline-flex;
}
#tel_mail .tel_img_area {
flex-basis: 20%;
}
#tel_mail .tel_txt_area {
flex-basis: 80%;
}
#tel_mail .tel_txt_area .tel_txt_a {
font-size: 19px;
line-height: .4;
}
#tel_mail .tel_txt_area .tel_txt_b {
font-size: 10px;
line-height: 1.4;
}
#tel_mail .tel_txt_area .tel_txt_c {
background-color: #0072bc;
color: #fff;
min-width: 140px;
padding: 3px 0;
display: inline-block;
border-radius: 10px;
line-height: 1;
font-size: 10px;
}
#tel_mail .mail, #tel_mail .line {
padding: 1rem .2rem;
width: 20%;
}
#tel_mail .mail {
background: #74a4d6;
}
#tel_mail .mail::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f0e0";
font-size: 2rem;
}
#tel_mail .line {
background: #00b900;
line-height: 1.3;
}
#tel_mail .line strong {
font-size: 18px;
line-height: .4;
padding-top: 10px;
}
}