@charset "UTF-8";
@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}

:root {
--main_color:#2c626f;
} header {
height: 120px;
}
header .header_wrap {
display:flex;
max-width: 1140px;
margin: 5px auto;
height: 70px;
}
h1.site_title {
width: 320px;
}
h1.site_title a {
padding-right: 3%;
color: #000;
font-size: 26px;
padding: 0 1em;
}
.header_contact {
display:flex;
flex-wrap:wrap;
width:  calc(100% - 320px);
}
.header_contact p {
text-align: right;
margin-bottom: 0;
padding-bottom: 0;
font-weight:bold;
line-height: 1.2;
}
.header_tel > p.tel_txt a {
font-family: YuGothic,'Yu Gothic','Avenir',sans-serif;
color: var(--main_color);
font-size: 2rem;
position: relative;
padding: 2px 5px 2px 20px;
}
.header_tel > p.tel_txt a::before {
font-family: "Font Awesome 5 Free";
content: "\f095";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: var(--main_color);
width: 35px;
text-align: center;
height: 35px;
line-height: 35px;
left: -1em;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
font-size: .6em;
}
.header_tel, .header_btn {
width: 50%;
}
.mail_btn, .line_btn {
float: left;
font-size: 1.2em;
display: inline-block;
position: relative;
width: 40%;
height: 50px;
line-height: 50px;
text-align: center;
font-weight: bold;
border-radius: 8px;
margin: 0 2% 0 5%;
}
.mail_btn {
background-color: var(--main_color);
}
.line_btn {
background-color: #00b900;
}
.mail_btn a, .line_btn a {
color: white;
font-weight: bold;
display: block;
} nav {
margin: 0 auto;
padding: 0;
top: -70px; }
#menu-header ul {
list-style: none;
}
#dorp_menu_hidden ul {
margin-left: 10px;
margin-right: 10px;
}
#menu-header ul.menu {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0;
display: flex;
}
#menu-header .menu > li{
position: relative;
margin: 0;
width: calc(100% / 7);
}
#menu-header .menu > li > a {
display: block;
margin: 0;
padding: 0;
text-align: center;
text-decoration: none;
line-height: 50px; color: #666; font-weight: bold; }
#menu-header .menu > li:hover {
background: var(--main_color);
}
#menu-header .menu > li:hover > a{
color: #fff;
display: block;
opacity: 1;
} #menu-header li a:hover {
background: var(--main_color);
color: #fff;
}
#menu-header .menu > li:hover > a{
display: block;
opacity: 1;
}
.sub-menu {
opacity: 0; pointer-events: none; position: absolute;
top: 100%; left: 0;
background: #f2f2f2;
width: 130%;
padding: 5px;
z-index: 6;
}
.sub-menu li {
border-bottom: 1px solid #ccc;
}
.sub-menu li:last-child {
border-width: 0;
}
.sub-menu li a {
display: block;
padding: 10px;
line-height: 1.5;
text-decoration: none;
line-height: 30px; color: #666; font-weight: bold; }
#menu-header .menu li:hover a {
transition: .5s;
}
#menu-header .menu li:hover .sub-menu{
opacity: 1;
pointer-events: auto;
transition: .5s;
} footer {display:flex;	flex-wrap:wrap; background-color: #2c626f; color: #fff;padding-top: 3em;}
footer .wp_footer { width: 1000px; margin: 2em auto;}
footer h1 { font-size: 1.8em; color: white; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;    font-size: 36px; font-weight: 400;  line-height: 55px;}
footer .footer_btn img {width: 31%;margin-right: 1%;}
footer .menu-footer {display: flex; flex-wrap: wrap;}
footer .menu-footer-box { width: 50%;}
footer .footer-nav{ width: 100%;}
footer ul { list-style-type: none;}
footer p{ line-height: 2; padding:15px 0; width: 100%;}
footer h3 {font-size: 18px; padding-left: 1.3em;}
footer .copyright { text-align: center; background-color: #0d0d0d;margin: 0;}
footer li{  line-height: 3; border-top: 1px solid;}
footer li:last-child {  border-bottom: 1px solid;}
footer li a{ color: white;}
footer li:hover {background: #ccc;color: var(--main_color);}
footer h1 a,footer p a{ color: white;} .content-wrap {
max-width: 1140px;
width: 100%;
margin: 3rem auto;
padding: 10px;
}
.content-wrap p {
line-height: 2rem;
}
.entry-header{
margin-top: 100px;
}
h3.h3_type2 {
margin: 55px auto 20px;;
font-size: 1.2rem;
font-weight: bold;
}
h4.h4_type1 {
border-bottom: solid 3px black;
font-size: 1.2em;
font-weight: bold;
margin-block: 1.6rem 1rem;
}
h5.h5_type1 {
font-size: 1em;
font-weight: bold;
line-height: 2rem;
} ul.side_menu {
padding: 0;
position: relative;
}
ul.side_menu li {
border-left: solid 6px var(--main_color); background: #78bbc7; margin-bottom: 5px; line-height: 2;
padding: 0.5em;
list-style-type: none!important; font-weight: bold;
}
ul.side_menu li a {
color: #fff;
display: block;
}
table.t_price {
border-collapse: collapse;
margin: 0 auto;
padding: 0;
width: 650px;
table-layout: fixed;
margin-bottom: 2rem;
}
table.t_price tr {
background-color: #e6f2f5;
padding: .35em;
border-bottom: 2px solid #fff;
}
table.t_price th,
table.t_price td {
padding: 1em 10px 1em 1em;
border-right: 2px solid #fff;
}
table.t_price thead tr{
background-color: #167F92;
color:#fff;
}
table.t_price tbody th {
background: #78bbc7;
color: #fff;
}
.txt{
text-align: left;
}
.price{
text-align: right;
color: #167F92;
font-weight: bold;
}
.non{
background:#fff
} ul.point {
border: solid 2px var(--main_color);
padding: 1em 1.5em;
position: relative;
margin-top: 2em;
}
ul.point li {
line-height: 1.5;
padding: 0.5em 0 0.5em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
font-weight: bold;
}
ul.point li:last-of-type {
border-bottom: none;
}
ul.point li:before { font-family: "Font Awesome 5 Free";
content: "\f00c";
position: absolute;
left : 1.5em; color: var(--main_color); font-size: 1em;
font-weight: 900;
}
ul.point li:after { background: var(--main_color);
color: #fff;
font-weight: bold;
position: absolute;
left: -2px;
bottom: 100%;
padding: 1px 7px;
content: "依頼例"; letter-spacing: 0.05em; } .explanation div{
display: flex;
justify-content:flex-start;
border: solid 3px var(--main_color);
border-radius: 30px 8px 8px 30px ;
padding: .7em;
margin-bottom: 5px;
width: 100%;
}
.explanation dt{
flex-basis: 200px;
position:relative;
padding-left: 10px;
color: var(--main_color);
}
.explanation dt::before{
display: inline-block;
vertical-align: middle;
content: '';
width: 1em;
height: 1em;
background: var(--main_color);
border-radius: 50%;
margin-right: 8px;
}
.explanation dd{
flex-basis: calc(100% - 200px);
margin-left: 0;
padding-left: 1em;
margin-bottom: 0;
}
.explanation dd::before{
content: ":　"; margin-left: -1.4em;
} ul.prohibit {
padding: 5px;
}
ul.prohibit li {
position: relative;
list-style-type: none!important; padding: .7em;
margin-bottom: 5px;
line-height: 1.5;
border: 2px solid #ccc;
background: #f5f3f3;
vertical-align: middle;
color: #505050;
font-weight: bold;
border-radius: 15px 0px 0px 15px; }
ul.prohibit li:before{
display:inline-block;
vertical-align: middle; content:'\f00d';
color: red;
font-family: "Font Awesome 5 Free";
font-size: 1.2em;
font-weight: 900;
padding-right: 3px;
} .Qa-Box {
width: 80%;
margin: 0 auto;
}
.Qa-Box .Qa dt,
.Qa-Box .Qa dd {
display: flex;
align-items: baseline;
margin: 30px 0;
}
.Qa-Box .Qa dt p {
margin: 0;
padding-left: 15px;
font-weight: bold;
width: 100%;
}
.Qa-Box .Qa dd p {
margin: 0;
padding-left: 15px;
width: 100%;
}
.Qa-Box .Qa dt::before {
content: "Q";
display: flex;
justify-content: center;
align-items: center;
background: #D65556;
color: #fff;
width: 35px;
height: 35px;
}
.Qa-Box .Qa dd::before {
content: "A";
display: flex;
justify-content: center;
align-items: center;
background: #6699B7;
color: #fff;
width: 35px;
height: 35px;
} .company_table {
width: 100%;
border-collapse: collapse;
}
.company_table th,td {
padding: 10px 15px;
border: 1px solid #ddd;
}
.company_table th {
background: #f4f4f4;
width: 15%;
text-align: left;
}
.topics dl {
padding: 15px 0;
border-bottom: 1px solid #ccc;
}
.topics dt {
padding-bottom: 5px;
}
.topics a {
color: var(--main_color);
} .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;
}
} @media (max-width:985px) {
footer .menu-footer-box{ width: 50%;} header .header_wrap {
display: block;
width: 100%;
}
h1.site_title {
margin-inline: auto;
}
h1.site_title a {
padding: 0;
}
.header_contact {
width: 100%;
}
header{
height: 185px;
}
header .header_wrap {
height: 140px;
} .Qa-Box {
width: 95%;
}
}
@media (min-width:769px) {
#spnavi {
display: none!important;
}
#menu-header {
display: block !important;
}
}
@media (max-width:768px) { header{
height: 200px;
}
header .header_wrap {
height: 200px;
}
.header_contact {
display: block;
}
.header_tel, .header_btn {
width: 100%;
}
.header_contact p {
text-align: center;
}
.header_contact .header_tel {
margin-bottom: 1rem;
} #spnavi {
display: block !important;
}
#menu-header {
display: none!important;
}
#spnavi {
font-size: 1.2rem;
margin: 0;
}
@keyframes bugfix {
from {
padding: 0;
}
to {
padding: 0;
}
}
@-webkit-keyframes bugfix {
from {
padding: 0;
}
to {
padding: 0;
}
}
#overlay-button {
position: absolute;
right: 30%;
padding: 9px 11px;
z-index: 5;
cursor: pointer;
user-select: none;
display : block;
background: var(--main_color);
color: #fff;
width: 40%;
height: 52px;
line-height: 35px;
text-align: center;
font-weight: bold;
border-radius: 8px;
margin: 0 2% 0 5%;
}
#overlay-button span {
position: relative;
display: block;
transition: all .2s ease-in-out;
}
#overlay-button span::after {
height: 16px;
width: 16px;
position: absolute;
content: "▶︎";
font-size: .8rem;
transition: all .2s ease-in-out;
}
input[type=checkbox] {
display: none;
}
input[type=checkbox]:checked ~ #overlay {
visibility: visible;
}
input[type=checkbox]:checked ~ #overlay-button:hover span, input[type=checkbox]:checked ~ #overlay-button span {
background: transparent;
}
input[type=checkbox]:checked ~ #overlay-button span:after {
transform: rotate(90deg) translate(7px, -7px);
}
#overlay {
height: 100vh;
width: 100vw;
background: var(--main_color);
z-index: 4;
visibility: hidden;
position: fixed;
}
#overlay ul {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
height: 70vh;
padding-left: 0;
list-style-type: none;
}
#overlay ul li {
padding: 0.6em;
}
#overlay ul li a {
color: #fff;
text-decoration: none;
font-size: 1em;
display : block;
}
#overlay ul li a:hover {
color: #000!important;
}
footer {
display: block;
}
footer .wp_footer {
width: 90%;
}
footer .menu-footer {
margin-top: 3rem;
}
footer ul#menu-footer01, footer ul#menu-foote02 {
padding: 7px;
}
footer ul#menu-foote02 {
padding-top: 37px;
} table.t_price {
border: 0;
width:100%
}
table.t_price th{
background-color: #167F92;
display: block;
border-right: none;
}
table.t_price thead {
border: none;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
table.t_price tr {
display: block;
margin-bottom: .625em;
}
table.t_price td {
border-bottom: 1px solid #bbb;
display: block;
font-size: .8em;
text-align: right;
position: relative;
padding: .625em .625em .625em 4em;
border-right: none;
}
table.t_price td::before {
content: attr(data-label);
font-weight: bold;
position: absolute;
left: 10px;
color: #167F92;
}
table.t_price td:last-child {
border-bottom: 0;
}
table.t_price tbody th {
color: #fff;
} .company_table th,td {
width: auto;
display: block;
border-top: none;
}
.company_table tr:first-child {
border-top: 1px solid #d5d5d5;
} .explanation div{
display: block;
}
.explanation dt {
padding-bottom: 10px;
}
.explanation dd::before{
content: ""; margin-left: 0;
}
}
@media (max-width:320px) {
}

body{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
letter-spacing: 0.05em;
}
a:hover {
opacity :0.7;
filter :alpha(opacity=70);
-ms-filter :"alpha(opacity=70)";
text-decoration: none;
}
a {
text-decoration: none !important;
}
img{
width: 100%;
}
.center {
text-align: center;
margin: 0 auto;
} h2 { margin: 44px auto 10px;}
.h2_type1 {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 36px;
font-weight: 400;
color: #000;
text-align: center;
line-height: 55px;
margin-bottom: 40px;
}
.h3_type1 {
position: relative;
font-size: 24px;
font-weight: 900;
color: #fff;
background-color: #2c626f;
padding: 15px 20px 15px 35px;
margin: 50px auto;
}
.h3_type1::before {
content: '';
height: 50%;
width: 6px;
display: block;
position: absolute;
left: 15px;
top: 15px;
margin: auto;
background-color: #fff;
}
.btn-navy {
display: inline-block;
position: relative;
width: 300px;
height: 65px;
line-height: 65px;
text-align: center;
color: #fff;
font-weight: 600;
background-color: #2c626f;
border-radius: 8px;
margin: 0 auto;
}
.btn-navy::after {
display: inline-block;
position: absolute;
content: "◢";
color: #fff;
right: 10px;
bottom: -13px;
} .items {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.col_2 {
width: 48%;
margin-bottom: 2em;
}
.col_3 {
width: 31%;
margin-bottom: 2em;
} .main_contents {
width: 100% !important;
}
.inner {
width: 1000px;
margin: 0 auto;
}
#fv {
height: 90vh;
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/top_fv.jpg);
background-size: cover;
margin-top: 20px;
}
#fv-inner {
width: 525px;
padding-top: 80px;
margin-left: 17%;
}
#fv-inner h2 {
line-height: 70px;
text-align: center;
border-top: 1px solid #2c626f;
border-bottom: 1px solid #2c626f;
margin-bottom: 20px;
}
#fv-inner h2 img {
width: 350px;
}
#fv-inner h3 {
font-size: 28px;
font-weight: bold;
color: #2c626f;
text-align: center;
margin-bottom: 20px;
}
#fv-inner .edge-txt {
font-size: 58px;
font-weight: bold;
color: #2c626f;
text-align: center;
margin-bottom: 20px;
text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF,
-2px 2px 0 #FFF, 2px -2px 0 #FFF,
0px 2px 0 #FFF,  0 -2px 0 #FFF,
-2px 0 0 #FFF, 2px 0 0 #FFF;
} #top-sec1 {
background-color: #e7f1f4;
padding: 100px 0;
}
.white-box1 {
background-color: #fff;
padding: 20px 30px;
border-radius: 10px;
} #top-sec2 {
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/top_back1.jpg);
background-size: cover;
background-repeat: no-repeat;
}
#top-sec2 .inner {
padding: 470px 0 80px;
}
#top-sec2 .h2_type1 {
margin-bottom: 10px;
}
.white-box2 {
background-color: #fff;
text-align: center;
padding: 50px 40px;
box-shadow: 1px 2px 15px 0px #262323;
}
.white-box2 p {
line-height: 35px;
margin-bottom: 50px;
} #top-sec3 {
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/top_back2.jpg);
background-size: cover;
background-repeat: no-repeat;
}
#top-sec3 .inner {
padding: 100px 0 200px;
}
#top-reason {
background-color: #2c626f;
padding: 60px 30px 10px;
}
#top-reason .col_3 {
width: 32%;
background: #fff;
padding: 30px 15px;
border-radius: 10px;
}
#top-reason .col_3 .num {
font-size: 40px;
font-weight: 600;
text-align: center;
color: #2c626f;
background-color: #e7f1f4;
border-radius: 50px;
border: 3px solid #2c626f;
width: 70px;
height: 70px;
line-height: 70px;
margin: 0 auto;
position: relative;
top: -60px;
}
#top-reason .col_3 h3 {
font-size: 21px;
font-weight: 900;
line-height: 30px;
text-align: center;
margin: -40px auto 30px;
}
#top-reason .col_3 p {
line-height: 30px;
} #top-sec4 .inner {
padding: 100px 0;
}
.metaslider {
background-color: #2c626f;
padding: 15px;
}
.flex-viewport {
background: #fff;
border-radius: 10px;
}
.metaslider .flexslider {
margin-bottom: 0 !important;
}
.metaslider .flex-control-nav {
bottom: 10px !important;
}
#top-sec4 .btn-navy {
margin-top: 50px;
} #top-sec5 {
background-color: #e7f1f4;
}
#top-sec5 .inner {
padding: 70px 0 50px;
}
.box {
position: relative;
height: auto;
}
.leftbox {
width: 55%;
background-color: #fff;
padding: 40px 60px;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 33px;
}
.rightbox {
position: absolute;
width: 53%;
right: 0;
transform: translateY(-140%);
} #top-sec6 .inner {
padding: 80px 0;
}
#top-sec6 .inner .h2_type1 {
color: #2672bd;
}
#top-sec6 .inner p {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
line-height: 35px;
margin-bottom: 50px;
} #top-sec7 {
background-color: #e7f1f4;
}
#top-sec7 .inner {
padding: 80px 0 180px;
}
#top-sec7 .items {
margin: 100px auto 10px;
}
#top-sec7 .items .col_2 {
background: #fff;
padding: 20px;
margin-bottom: 3em;
}
#top-sec7 .items .col_2 h3 {
font-size: 22px;
}
#top-sec7 .items .col_2 img {
position: relative;
width: 90px;
float: right;
top: -20px;
}
#top-sec7 .items .col_2 h3 {
font-weight: 900;
}
#top-sec7 .items .col_2 .line {
border-bottom: 1px solid #000;
margin-bottom: 30px;
}
#top-sec7 .items .col_2 p span {
color: red;
} #top-sec8 .inner {
padding: 100px 0;
}
.flow-box {
display: flex;
background-color: #e7f1f4;
padding: 30px 50px 30px 10px;
border: 3px solid #2c626f;
border-radius: 8px;
align-items: center;
margin-bottom: 2em;
}
.flow-box .flow-num {
position: relative;
left: -45px;
width: 70px;
height: 70px;
line-height: 50px;
text-align: center;
background-color: #2c626f;
font-size: 40px;
font-weight: 900;
color: #fff;
padding: 10px;
}
.inbox1 {
width: 20%;
}
.inbox2 {
width: 26%;
}
.inbox3 {
width: 54%;
}
.flow-box h3 {
font-size: 24px;
color: #2c626f;
font-weight: 900;
}
.flow-box img {
height: 160px;
width: auto;
} #top-sec9 {
background-color: #e7f1f4;
}
#top-sec9 .inner {
padding: 100px 0;
}
#top-sec9 ul {
background-color: #FFF;
border: 2px solid #2c626f;
padding: 20px;
margin-bottom: 50px;
}
#top-sec9 ul li {
list-style-type: none;
display: flex;
border-bottom: 2px solid #2c626f;
}
#top-sec9 ul li:last-of-type {
border-bottom: none;
}
p.blog-date {
font-weight: 900;
color: #000;
margin: 0 50px 0 20px;
line-height: 40px;
}
p.blog-title {
position: relative;
width: 740px;
font-weight: 600;
line-height: 40px;
margin-bottom: 0;
}
p.blog-title i {
position: absolute;
right: 0;
transform: translateY(-50%);
top: 50%;
}
p.blog-title a {
color: #2c626f;
} #top-sec10 {
padding: 80px 0;
}
#top-sec10 .inner {
position: relative;
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/btn_contact.jpg);
background-repeat: no-repeat;
background-position: center;
padding: 240px 0 80px;
}
.contact-box {
position: absolute;
width: 550px;
right: 80px;
bottom: 25px;
}
.contact-box h2 {
width: 75%;
}
.contact-box .yellow-box {
background-color: #fff200;
color: #362f2d;
font-size: 17px;
font-weight: 900;
text-align: center;
border-radius: 50px;
padding: 5px 20px;
margin-bottom: 8px;
}
.contact-box p.l_txt {
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 50px;
color: #2c626f;
margin-bottom: .5rem;
} .pc { display: block !important; }
.sp { display: none !important; } @media only screen and (max-width: 985px) {
.pc { display: none !important; }
.sp { display: block !important; }
} @media screen and (min-width:768px) and (max-width:1024px) {
.inner { width: 100%; }
}
@media screen and (max-width:767px) {
.inner { width: 90%; }
.main_contents { padding: 0 !important; }
.h2_type1 {
font-size: 30px;
line-height: 45px;
}
.h3_type1 {
font-size: 20px;
}
.btn-navy {
width: 100%;
}
.col_2, .col_3 {
width: 100%;
}
#fv {
height: 77vh;
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/top_fv_sp.jpg);
background-size: cover;
margin-top: 100px;
}
#fv-inner {
width: 85%;
padding-top: 50px;
margin-left: 0;
margin: 0 auto;
}
#fv-inner h3 {
font-size: 25px;
}
#fv-inner .edge-txt {
font-size: 50px;
margin-bottom: 0;
}
#fv-inner .col_2 {
width: 48%;
}
#top-sec2 {
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/top_back1_sp.jpg);
background-size: contain;
}
#top-sec2 .inner {
padding: 130px 0 80px;
}
.white-box2 {
padding: 25px;
}
.white-box2 p {
line-height: 30px;
margin-bottom: 20px;
}
#top-sec3 {
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/top_back2_sp.jpg);
}
#top-reason {
padding: 60px 20px 10px;
}
#top-reason .col_3 {
width: 100%;
margin-bottom: 4em;
}
#top-sec5 .inner {
padding: 70px 0 200px;
}
.leftbox {
width: 100%;
padding: 30px;
line-height: 25px;
}
.rightbox {
width: 60%;
right: 30px;
transform: translateY(-15%);
}
#top-sec7 .inner {
padding: 80px 0 100px;
}
#top-sec7 .items .col_2 img {
width: 70px;
top: -14px;
}
#top-sec7 .items .col_2 h3 {
font-size: 19px;
}
.flow-box {
display: block;
padding: 30px 20px;
}
.flow-box .flow-num {
left: 0;
}
.inbox1 {
position: relative;
width: 70%;
left: 90px;
top: -40px;
}
.inbox2 {
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.inbox3 {
width: 100%;
}
.flow-box h3 {
font-size: 22px;
}
#top-sec9 ul {
padding: 10px;
}
p.blog-date {
margin: 0 10px;
line-height: 20px;
font-size: 12px;
}
p.blog-title {
width: 60%;
line-height: 20px;
}
p.blog-title i {
left: 100%;
}
#top-sec10 .inner {
background-image: url(//kurume-tantei.com/wp-content/themes/kurumetantei/img/btn_contact_sp.jpg);
background-size: cover;
padding: 430px 0 200px;
}
.contact-box {
width: 90%;
right: 20px;
bottom: 250px;
}
.contact-box h2 {
width: 95%;
}
.contact-box .items div:first-child {
margin: 0 auto;
}
.contact-box .items div:nth-child(3),
.contact-box .items div:nth-child(4) {
width: 48%;
}
.contact-box div {
margin-bottom: .5em;
}
.entry-content {
margin: 0 10px;
}
h2{font-size: 1.325rem;}
}