@charset "utf-8";
/* CSS Document */

/*設定
============================*/
body {
    font-family: serif;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color: #323232;
	font-size: 16px;
}
body * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#wrapper {
	background: #fff !important;
	padding: 0;
}
#headerWrap {
	width: 100%;
	background: #fff;
}
#header {
	background: none;
	padding: 0px;
	margin: 0 auto;
	width: 1000px !important;
}
#headerCategoryList, #headerBtm, .mt12 {
 	display: none;
 }
#headerStoreWrap {
 	padding: 25px 12px 5px 0px;
 } 
#headerStore {
 	width: 1000px;
 	margin: 0 auto;
 }
#headerStore .name {
	font-size: 15px;
	color: #af1a21;
}
#headerStore .name a {
	color: #af1a21;
}
#headerStoreContact img {
    display: none;
}
#headerStoreDialWrap {
    background: none;
    margin-top: -25px;
}
#headerStoreDial {
	padding: 0;
	background: none;
}
#headerStoreDial .number {
    padding-left: 0;
    text-align: right;
    color:#000;
    background: none;
}
.header_mgn01 {
	display: none !important;
}
#headerIconList {
	margin-top: 0;
}
#mainimg {
    width: auto;
    height: 595px;
    margin: 0;
    border-top: 3px solid #b91921;
    background: #f7f7f2 url(https://cms.locoplace.biz/storeimg/60/605941/20210817_1506181.gif);
    position: relative;
}
#mainimgIn {
	width: 100%;
    height: 595px;
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20250423_1728191.png)no-repeat scroll top /1000px !important;
}
#headerStore .kana {
    font-weight: bold;
    font-size: 86%;
    display: none;
}
/*設定
============================*/
.sectionBtm, #g01 .indexCornerWrap01 {
	display: none;
}
.sectionWrap, .h2WrapBtm, .h2WrapTop, .h2WrapMid {
	background: none;
}
.sectionWrap {
	z-index: auto;
}
.h2WrapMid h2 {
	color: #002500;
}
#g01 .h2WrapMid h2 {
    color: #ffffff;
}
#g01 .section {
	background: none;
	padding: 0;
}
#g01 .sectionIn {
	padding: 0;
}
#g01 #contents {
	width: 100%;
}
#g02 .section,#g03 .section,#g05 .section,#g06 .section {
	background: #fff;
}
#g04 #contents {
	width: 880px;
}
#g04 .section {
	padding: 0;
	background: none;
}
#g04 .sectionIn {
	padding: 0;
}
#g04 .indexGalleryWrap01 {
	padding: 0;
}
#map_canvas {
	width: 880px !important;
	margin: 0 auto !important;
}
.accessSec01 {
	width: 880px;
}
#dlpoC_D {
    width: 1000px;
    margin: 30px auto;
}
div#dlpoC_C {
    width: 1000px;
    margin: 0 auto;
}
#g01 .h2WrapTop {
    background: #b01a21;
    padding: 5px !important;
}
/*gNavi 
======================================================*/
#gNaviWrap {
	margin: 0;
	clear: both;
}
#gNaviIn {
	width: auto;
	margin: 0px auto;
	background: #000;
	padding: 0px 10px 0px 10px;
}
#gNavi ul {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	padding: 0;
	border-bottom: none;
	display: flex;
}
#gNavi li {
	padding-bottom: 0;
	width: auto;
	height: 50px;
	flex: 1 1 0px;
	justify-content: center;
	align-items: center;
	position: static;
}
#gNavi li#gNav02 {
	left: 176px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav03 {
	left: 352px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav04 {
	left: 528px;
	min-width: 0px;
	height: 50px;
	width: 176px;
}
#gNavi li#gNav05 {
	left: 704px;
	min-width: 0px;
	height: 50px;
	width: 176px;
}
#g01 #gNavi li#gNav01 a, #g02 #gNavi li#gNav02 a, #g03 #gNavi li#gNav03 a, #g04 #gNavi li#gNav04 a, #g05 #gNavi li#gNav05 a, #g06 #gNavi li#gNav06 a, #g07 #gNavi li#gNav07 a {
	background: linear-gradient(#a5a5a5, #000000);
}
#gNavi li a {
	width: auto;
	height: 50px;
	background: #000;
	border-left: 1px solid #fff;
	color: #fff;
}
#gNavi li:last-child a {
	border-right: 1px solid #fff;
}
#gNavi li a:hover {
	background: linear-gradient(#a5a5a5, #000000);
	color: #fff;
}
/*footer
============================*/
#footerTop {
    background: #af1a21;
}
#footerBtm {
    background: #f1eadb;
	height: 260px;
}
/*pageTop
============================*/
.pageTop {
    right: 15px;
    z-index: 100;
    position: fixed;
    bottom: 20px;
    top: auto;
    border-width: 45px;
    border-style: solid;
    border-radius: 50% !important;
    border-color: #6b6b6b;
    width: 0px !important;
    height: 0px !important;
}
.pageTop img {
    visibility: hidden;
    margin-top: 0px !important;
    width: 90px !important;
    height: 90px !important;
}
.pageTop a {
    display: block;
    width: 90px;
    height: 90px !important;
    margin-top: -45px;
    margin-left: -45px !important;
}
.pageTop:after {
    content: "";
    width: 20px;
    height: 20px;
    border: 0px;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: absolute;
    top: 55%;
    left: -10px;
    margin-top:-5px;
}
/*共通
============================*/
.cont-bg {
    width: 1000px;
    margin: 0 auto;
    padding: 50px 0;
}
.title-bg {
    background: #af1a21;
    padding: 15px 0;
}
.title-bg h2 {
    font-size: 28px;
    color: #fff;
    width: 1000px;
    margin: 0 auto;
    font-weight: bold;
}
.clearboth {
    clear: both;
}
.em {
    color: #b01a21;
    font-weight: bold;
}
.cont-wallpaper p a {
    color: #e64c0f;
    font-weight: bold;
}
/*top
============================*/
h2.indexCopy01 {
    width: 1000px;
    margin: 20px auto 30px;
    background: #faf7ec;
    padding: 20px;
}
p.top-ttl {
    font-size: 28px;
    text-align: center;
    margin-bottom: 40px;
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210819_1050341.png)no-repeat center /100%;
    padding: 30px 0;
}
.top-txt_bg {
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210819_1059061.png)no-repeat top right /300px;
}
.top-txt_bg p:nth-child(2) {
    padding-right: 260px;
}
.top-txt_bg p {
    margin-bottom: 20px;
}
.area-box {
    margin: 50px 0 20px;
}
.area-box p {
    margin: 0;
}
.area-bg {
    background: #eaeaea;
    border-radius: 5px;
    padding: 10px 15px;
    margin: 7px 0;
}
/*選ばれる理由
============================*/
.reason-cont {
    background: #eaeaea;
}
.reason-box {
    margin: 50px 0;
    position: relative;
}
.reason-title_img {
    position: absolute;
    top: -10px;
    left: -30px;
    width: 73px;
    height: 89px;
}
.reason-title_img img {
    width: 70px;
    height: auto;
}
.reason-title {
    background: #ffe1e6;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 10px 15px 55px;
}
.reason-txt {
    background: #fff;
    padding: 20px 30px;
}
.reason-box:nth-child(2) > .reason-txt {
    background: #fff url(https://cms.locoplace.biz/storeimg/60/605941/20210819_0924351.jpeg)no-repeat top 20px right 20px /180px;
    padding-right: 220px;
}
/*４つの料金プラン
============================*/
.price-box {
    width: 475px;
    float: left;
    margin-right: 50px;
    margin-top: 50px;
    background: #f9f7ec;
    padding: 30px;
    min-height: 482px;
}
.price-box:nth-child(2n+1) {
    margin-right: 0;
}
.price-box img {
    width: 100%;
    height: auto;
}
.price-txt {
    margin-top: 30px;
}
.price-box:nth-child(4), .price-box:nth-child(5) {
    margin-bottom: 50px;
}
/*浮気調査解決事例
============================*/
.jirei-cont {
    background: #eaeaea;
}
.jirei-box {
    background: #fff;
    padding: 30px;
    outline: 4px double #c1c1c1;
    margin: 10px 0 40px;
}
.jirei-box img {
    width: 200px;
    height: auto;
    float: right;
}
.jirei-box h3 {
    font-size: 20px;
    font-weight: bold;
    border-bottom: 1px solid #c1c1c1;
    width: 400px;
    margin-bottom: 10px;
}
.jirei-box h3:nth-child(4), .jirei-box h3:nth-child(6) {
    margin-top: 30px;
}
.jirei-txt {
    background: #f9f7ec;
    width: 710px;
    padding: 1px;
}
.jirei-txt p {
    margin: 10px 20px;
}
.jirei-box p:nth-child(7) {
    width: 710px;
}
/*浮気調査の流れ
============================*/
ol.step-box {
    border: 3px solid #ffe1e6;
    margin: 30px 0;
}
.step-box li {
    padding: 30px;
}
.step-box li:not(:last-child) {
    border-bottom: 3px solid #ffe1e6;
    position: relative;
}
.step-box li:not(:last-child)::before, .step-box li:not(:last-child)::after {
    content: "";
    border: solid transparent;
    position: absolute;
    top: 100%;
    left: 15%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.step-box li:not(:last-child)::before {
    border-width: 22px !important;
    border-top-color: #ffe1e6 !important;
}
.step-box li:not(:last-child)::after {
    border-width: 18px !important;
    border-top-color: #fff !important;
}
.step-box li h3 {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 25px;
    font-weight: 600;
    color: #af1a21;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    margin-right: 1vw;
    text-align: center;
}
.step-box li h3 span {
    font-size: 14px;
    color: #fff;
    background: #d49b02;
    background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
    background: -webkit-linear-gradient(left, #d49b02 0%,#ceb87d 100%);
    background: linear-gradient(to right, #d49b02 0%,#ceb87d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
    padding: 5px 20px;
    margin-bottom: 10px;
    display: block;
    border-radius: 20px;
    margin-right: 15px;
}
/*よくあるご質問
============================*/
.qa li {
    margin: 50px 0;
}
.qa li dt {
    background: #ffe1e6;
    font-weight: bold;
    font-size: 20px;
    padding: 20px;
    border-radius: 5px;
}
.qa li dt::before {
    content: "Q.";
    color: #b01a21;
    margin-right: 15px;
    font-size: 30px;
}
.qa li dd {
    margin-top: 15px;
    padding-left: 50px;
    text-indent: -2em;
}
.qa li dd::before {
    content: "A.";
    color: #0400d2;
    font-weight: bold;
    font-size: 20px;
    margin-right: 10px;
}
/*浮気調査後の対応
============================*/
.after-ct_bg {
    margin: 40px 0;
    background: #f1f1f1 url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1624401.png)no-repeat top center /150px;
    padding: 150px 20px 20px 20px;
    box-shadow: 4px 4px 10px #cacaca;
}
.after-ct_bg:nth-child(3) {
    background: #f1f1f1 url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1624402.png)no-repeat top center /150px;
}
.after-ct_bg:nth-child(4) {
    background: #f1f1f1 url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1624403.png)no-repeat top center /150px;
}
.after-ct_bg h3 {
    text-align: center;
    font-size: 24px;
    border-bottom: 1px solid #b01a21;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
/*興信所の選び方
============================*/
.choose-ct_bg {
    margin: 40px 0;
}
.choose-ct_bg h3 {
    padding: 10px 10px 10px 125px;
    font-weight: bold;
    font-size: 23px;
}
.choose-ct_bg:nth-child(2) h3 {
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1558411.png)no-repeat left;
    padding: 10px 10px 10px 125px;
    font-weight: bold;
    font-size: 23px;
}
.choose-ct_bg:nth-child(3) h3 {
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1558412.png)no-repeat left;
}
.choose-ct_bg:nth-child(4) h3 {
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1558413.png)no-repeat left;
}
.choose-ct_bg:nth-child(5) h3 {
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1558414.png)no-repeat left;
}
.choose-ct_bg:nth-child(6) h3 {
    background: url(https://cms.locoplace.biz/storeimg/60/605941/20210818_1558415.png)no-repeat left;
}
.choose-ct_txt {
    background: #f9f7ec;
    padding: 20px;
}
/*探偵社案内
============================*/
.company-bg {
    padding: 20px;
    background: #f9f7ec;
    margin: 40px 0px;
}
.company-cont table {
    width: 100%;
}
.company-cont tr {
    border-bottom: 1px solid #b01a21;
}
.company-cont th {
    font-weight: bold;
    width: 200px;
}
.company-cont th, .company-cont td {
    padding: 5px;
}
/*
============================*/
.cv-box {
    width: 100%;
    margin-bottom: 70px;
    padding: 50px 0;
}
.inner {
    width: 880px;
    margin: 0 auto;
}
.cv-title {
    width: 90%;
    margin: 0 auto;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.5em;
    background-color: #a70404;
    text-align: center;
    position: relative;
    top: -30px;
}
.cv-left {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
    background: #ffe1e6;
}
.cv-bottom {
    display: inherit;
    margin-bottom: 20px;
}
.cv-left p img {
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    margin: 0 auto 0px;
}
.cv-right {
    display: inline-block;
    width: 50%;
    background: #ffe1e6;
}
p.cv-btn {
    margin-bottom: 20px;
}
p.cv-btn img {
    width: 100%;
    height: auto;
}
.cv-box a:hover {
    opacity: 0.8;
}
img.top-img {
    width: 100%;
    height: auto;
}
/*cv
============================*/
.tel-bnr {
    padding: 30px 70px;
}
.tel-bnr img {
    width: 100%;
    height: auto;
}
.fixed-tel_bnr {
    display: none;
}
/*パンくず
============================*/
p.link-p span {
    margin: 0 20px;
}
p.link-p a {
    color: #e64c0f;
}
/*OM
============================*/
#g01 .sectionWrap:nth-child(1) {
    width: 1000px;
    margin: 30px auto 0;
}
#g01 .sectionWrap:nth-child(1) .section {
    border: 1px solid #6b6b6b;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapTop {
    background: #6b6b6b;
    padding: 5px;
}
#g01 .sectionWrap:nth-child(1) .section .h2WrapMid h2 {
    color: #fff;
    font-size: 14px;
    text-align: center;
}
.topMessageDetail .h3_basic01 {
    font-size: 16px;
}
.topMessageSec01 {
    font-size: 14px;
}
.topMessageDetail .detailAnchor {
    margin-top: 10px !important;
    margin-bottom: 5px;
}

/*PC追従フッター
======================================================*/
.floating-banner {
    display: none;
}
.floating-banner2 {
    display: none;
}
.floating-banner3 {
    display: none;
}
.tel-bnr_bg a:hover {
    opacity: 0.8;
}
.fbnr {
    position: fixed;
    bottom: 0;
    z-index: 99!important;
    background: #5d5d5d8f;
    padding: 10px;
    display: inline-block;
    width: 100%;
}
.floating-banner_pc {
    width: 500px;
    margin: 0 auto;
    display: block;
}
.fixed_tel {
    float: left;
}
.fixed_tel img {
    width: 250px;
    height: auto;
}
.fixed_web img {
    width: 250px;
    height: auto;
}
/*浮気チェックリスト
======================================================*/
.check-cont ul {
    margin: 30px 0 0;
    padding: 30px 20px 10px;
    outline: 4px double #c1c1c1;
}
.check-cont ul li {
    line-height: 1.8;
    margin-bottom: 25px;
    font-size: 19px;
}
.check-cont ul li::before {
    content: "✔";
    background: #f9f7ec;
    color: #b01a21;
    font-size: 20px;
    padding: 15px 20px;
    margin-right: 10px;
    border-radius: 35px;
}
/*浮気調査を行うメリット・デメリット
======================================================*/
.other-cont {
    background: #eaeaea;
}
.other-ct {
    margin: 35px 0;
    background: #fff;
    padding: 25px;
    box-shadow: 4px 4px 10px #cacaca;
    border-radius: 20px;
}
.other-ct h3 {
    background: #ffe1e6;
    font-size: 20px;
    font-weight: bold;
    padding: 15px 10px 15px 55px;
}
.other-txt {
    margin: 15px 0 0;
}
/*探偵と興信所の違い
======================================================*/
.other2-ct {
    background: #f1f1f1;
    padding: 20px 20px 5px;
    box-shadow: 4px 4px 10px #cacaca;
}
.other2-ct p {
    margin-bottom: 1em;
}
/*浮気調査・不倫調査の費用相場
======================================================*/
.other3-ct p {
    margin-bottom: 1em;
}
.other3-ct h3 {
    border-bottom: double #ffe1e6;
    font-weight: 700;
    font-size: 20px;
    padding: 20px 20px 10px;
    margin: 20px 0;
}
.other3-ct li p {
    background: #f9f7ec;
    padding: 20px;
}
/*マスコミ・メディア実績
======================================================*/
.media-cont {
    background: #eaeaea;
}
ul.mediaList {
    display: flex;
    margin-bottom: 30px;
}
ul.mediaList li {
    width: 25%;
    border: 10px solid #ffffff;
    background: #ffffff;
    margin-right: 20px;
    box-shadow: 0 0 7px 0px #aeaeae;
}
ul.mediaList li img {
    width: 100%;
    height: auto;
    border: 1px solid #dcdcdc;
}
ul.mediaList li.last {
    margin-right: 0;
}
.media-txt {
    padding-top: 10px;
}
.media-txt span {
    display: block;
    font-weight: bold;
    border-bottom: 1px solid #bdbdbd;
    margin-bottom: 10px;
    text-align: center;
}
/*受賞実績・協会加盟
======================================================*/
.about-cont {
    background: #eaeaea;
}
.about-bg ul {
    margin: 35px 0;
    background: #fff;
    padding: 25px;
    box-shadow: 4px 4px 10px #cacaca;
}
.about-bg li {
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}
/*各種弁護士事務所との連携
======================================================*/
.lawyerList {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}
.List {
    width: 24.2%;
}
.lawyerList img {
    width: 245px;
    height: auto;
    margin-top: 5px;
}
/*浮気調査以外のMR探偵社取扱業務
======================================================*/
.about2-bg ul li {
    padding: 20px 0;
    border-bottom: double #B5B5B5;
}
.about2-bg ul summary {
    display: block;
    list-style: none;
}
.about2-bg ul summary::-webkit-details-marker {
  display: none;
}
.question {
  display: flex;
  gap: 20px;
  align-items: center;
  position: relative;
  padding: 0 50px 0 0;
}
.question p {
    font-size: 20px;
    font-weight: bold;
}
.question::before {
  content: '';
  width: 2px;
  height: 30px;
  background-color: #af1a21;
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
}
.question::after {
  content: '';
  width: 30px;
  height: 2px;
  background-color: #af1a21;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.about2-bg ul details[open] .question::before {
  display: none;
}
.answer {
  margin: 20px 0 0 0;
  display: flex;
  gap: 20px;
}
.answer p {
    padding: 10px 50px 10px 10px;
    width: 100%;
    background: #f0f0f0;
}
/*OM
============================*/
#main > div:nth-child(6) {
    width: 1000px;
    margin: 0 auto;
}
#main > div:nth-child(3) {
    width: 1000px;
    margin: 0 auto;
}
/*
============================*/
.tel-bnr_fl2 {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 99;
}
.fixed_web2 img {
    width: 100%;
    height: auto;
}
.fixed_web2 img:hover {
    opacity: 0.8;
}