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

/*設定
======================================================*/
html {
	scroll-behavior: smooth;
}
body {
	font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	color: #343434;
}
body * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#headerBtm,#headerWrap{background:0 0}#gNavi,#header{background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e6e6e6));background:-webkit-linear-gradient(top,#fff,#e6e6e6);background:-moz-linear-gradient(top,#fff,#e6e6e6);background:-o-linear-gradient(top,#fff,#e6e6e6)}#headerWrap{width:100%}#header{background:linear-gradient(to bottom,#fff,#e6e6e6);padding:0}#headerCategoryList,#headerStoreContact{display:none}.step li{display:table-cell}#headerStore{width:1000px}#headerStore .name{font-size:18px}#gNavi li a{background:url(https://cms.locoplace.biz/storeimg/15/155718/20180614_1218241.jpg) left top no-repeat}#gNavi ul{border-bottom:none}#gNavi{background:linear-gradient(to bottom,#fff,#e6e6e6)}.section,.sectionBtm,.sectionWrap{background:0 0}.section{font-size:17px}.pageTop>a:nth-child(1)>img:nth-child(1){position:fixed;bottom:0;right:130px}

#mainimgIn{background:url(https://cms.locoplace.biz/storeimg/15/155718/20240826_1345351.png) top no-repeat!important;height:754px;width:100%}

#mainimg{margin:-10px 0 0;background:url(https://cms.locoplace.biz/storeimg/15/155718/20240820_1352251.png) top!important}.alpha a:hover img{opacity:.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}#contents_1,#contents_2,#contents_3,#contents_4{text-decoration:none;color:#5A5A5A;font-size:20pt}

.hutoji {
    font-size: 22px;
    color: #1d4d97;
    font-weight: 700;
    border-bottom: solid 1px;
    margin-bottom: 10px;
}


.fee li{padding:10px;height:autopx;border:15px solid #7fafdf;width:880px}.fee_1 dt,.fee_2 dt,.fee_3 dt{border-bottom:#7fafdf solid 3px;font-size:25pt;color:#5A5A5A}.fee_1 dd,.fee_2 dd,.fee_3 dd{margin-left:300px;margin-top:10px}.fee_1>dl:nth-child(1)>dd:nth-child(4),.fee_2>dl:nth-child(1)>dd:nth-child(4),.fee_3>dl:nth-child(1)>dd:nth-child(4){font-size:13px;border-bottom:0}.fee_A,.fee_B{text-decoration:none;font-size:23pt}.fee_A{color:#1D4D97}.fee_B{color:#d50803}.fee_1{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1833191.gif) 3% 82% no-repeat}.fee_2{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1833192.gif) 3% 82% no-repeat}.fee_3{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1833193.gif) 3% 82% no-repeat}.step li{padding:10px 10px 10px 200px;vertical-align:.fee_1 dd, .fee_2 dd, .fee_3 dd;height:200px;border:5px solid #fd5506;width:880px}.step_1 dt,.step_2 dt,.step_3 dt,.step_4 dt,.step_5 dt,.step_6 dt{border-bottom:#fd5506 solid 3px;font-size:20pt;color:#fd5506}.step_1{background:url(https://cms.locoplace.biz/releaseimg/t100159388/photo_image2) 3% 50% no-repeat}.step_2{background:url(https://cms.locoplace.biz/releaseimg/t100159388/photo_image3) 3% 50% no-repeat}.step_3{background:url(https://cms.locoplace.biz/releaseimg/t100159388/photo_image4) 3% 50% no-repeat}.step_4{background:url(https://cms.locoplace.biz/releaseimg/t100159388/photo_image5) 3% 50% no-repeat}.step_5{background:url(https://cms.locoplace.biz/releaseimg/t100159388/photo_image6) 3% 50% no-repeat}.step_6{background:url(https://cms.locoplace.biz/releaseimg/t100159388/photo_image7) 3% 50% no-repeat}.triangle{text-align:center}.qa_sp,.telfooter_sp{display:none}.telfooter .aaaimg{background:url(https://cms.locoplace.biz/storeimg/15/155718/20181116_1235014.png) no-repeat;height:213px;width:880px;display:block}#headerStore .kana,.shitumon1 img,.shitumon2 img,.shitumon3 img,.shitumon4 img,.shitumon5 img,.shitumon6 img,.shitumon7 img,.telfooter .aaaimg img{display:none}#dlpoC_B>div>div>img,.qa img,.sectionIn.mb20>p>img{width:100%;height:auto}.shitumon1{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831431.gif) no-repeat;height:136px;width:880px}.shitumon2{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831432.gif) no-repeat;height:162px;width:880px}.shitumon3{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831433.gif) no-repeat;height:136px;width:880px}.shitumon4{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831434.gif) no-repeat;height:162px;width:880px}.shitumon5{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831435.gif) no-repeat;height:136px;width:880px}.shitumon6{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831501.gif) no-repeat;height:162px;width:880px}.shitumon7{background:url(https://cms.locoplace.biz/storeimg/15/159388/20170411_1831502.gif) no-repeat;height:136px;width:880px}.ftBox p img,.sectionIn p img{width:100%;height:auto}.triangle span{font-size:35pt;color:#fd5506}

/*OM
======================================================*/
#g01 .sectionWrap:nth-child(1) h2::before {
    content: "新着情報";
    font-size: 23px;
}

#g01 .sectionWrap:nth-child(1) h2 {
    font-size: 0;
}
div#section_push h2 {
    font-size: 0;
}
div#section_push h2::before {
    content: "新着情報";
    font-size: 19px;
}

#g01 .topMessageDetail .detailAnchor a {
    font-size: 0;
    background: transparent;
}
#g01 .topMessageDetail .detailAnchor a::before {
    content: "新着情報一覧";
    font-size: 18px;
    background: url(https://localplace.jp/static/img/ico_index_arrow01.png) no-repeat left;
    padding: 2px 0 2px 22px;
}

/*事例
======================================================*/
ul.area-box::after {
    content: "";
    display: block;
    clear: both;
}
ul.area-box li:nth-child(2), ul.area-box li:nth-child(4) {
    margin-right: 0;
}
ul.area-box dt {
    font-weight: bold;
    border-bottom: 1px solid #1d4d97;
    margin-bottom: 10px;
}
ul.area-box dd span {
    display: block;
    margin-top: 10px;
    color: #0030a5;
}
ul.area-box {
    display: flex;
    flex-wrap: wrap;
}
/*mv
======================================================*/
#mainimg {
    position: relative;
}
.areaname {
    position: absolute;
    top: min(33 / 200*(100vw - 40px), 33px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    left: 50%;
    width: 305px;
    margin-left: -160px;
    color: #ffffff;
    font-weight: bold;
}
ul.fee > li.fee_1.first > dl > dd:nth-child(3) {
    font-size: 13px;
    border-bottom: 0;
}
ul.fee > li.fee_2 > dl > dd:nth-child(3) {
    font-size: 13px;
    border-bottom: 0;
}
ul.fee > li.fee_3.last > dl > dd:nth-child(3) {
    font-size: 13px;
    border-bottom: 0;
}

/* 共通 */
.cont-wallpaper {
	line-height: 1.8;
	color: #333;
}

.cont-bg {
	margin: 0 auto 24px;
}

.cont-wallpaper img {
	max-width: 100%;
	height: auto;
	display: block;
}

.cont-title {
	margin: 30px 0 18px;
	padding: 14px 18px;
	background: linear-gradient(90deg, #0078b8, #19a7ce);
	text-align: center;
}

.cont-title h2 {
	margin: 0;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	line-height: 1.5;
}

.cont-wallpaper h3 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0 0 12px;
}

.cont-wallpaper p {
	margin: 0 0 14px;
	font-size: 16px;
	line-height: 1.9;
}

.cont-wallpaper ul,
.cont-wallpaper ol {
	margin: 0;
	padding: 0;
}

.lead {
	margin: 0 0 20px;
	padding: 18px 22px;
	background: #eefaff;
	border-left: 6px solid #009bd3;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
}

.top-text {
	margin-bottom: 16px;
}

.cta-push {
	margin: 22px 0;
	padding: 14px 18px;
	background: #fff7e8;
	border: 2px solid #ffb347;
	color: #d06400;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.8;
}

.aaaimg,
.telfooter {
	margin: 20px 0 36px;
	text-align: center;
}

.aaaimg img,
.telfooter img {
	margin: 0 auto;
}

/* 冒頭のお悩み */
.trouble-lead-list {
	display: flex;
	gap: 16px;
	margin: 20px 0;
}

.trouble-lead-list li {
	list-style: none;
	flex: 1;
	padding: 18px 14px;
	background: #fff;
	border: 3px solid #19a7ce;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0,0,0,0.08);
	text-align: center;
}

.trouble-lead-list li::before {
	content: "!";
	display: block;
	width: 42px;
	height: 42px;
	margin: 0 auto 10px;
	border-radius: 50%;
	background: #ff8a00;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	line-height: 42px;
}

.trouble-lead-list p {
	margin: 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	color: #005d82;
}

/* 選ばれる理由 */
.reason_ct {
	margin: 20px 0;
	padding: 22px;
	background: #f5fcff;
	border: 3px solid #9bdff2;
	border-radius: 10px;
}

.reason_ct h3 {
	margin-bottom: 12px;
	padding: 10px 14px;
	background: #0078b8;
	color: #fff;
	font-size: 22px;
	border-radius: 6px;
}

.reason_ct p:last-child {
	margin-bottom: 0;
}

/* 料金 */
.fee {
	gap: 18px;
	margin: 22px 0;
}

.fee li {
	list-style: none;
	flex: 1;
	padding: 18px;
	background: #fff;
	box-sizing: border-box;
}

.fee dl,
.fee dt,
.fee dd {
	margin: 0;
}

.fee dt {
	margin-bottom: 14px;
	padding-bottom: 10px;
	border-bottom: 2px solid #009bd3;
	color: #005d82;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
}

.fee dd {
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.7;
}

.fee_A {
	display: block;
	margin-bottom: 8px;
	color: #333;
	font-size: 16px;
	text-decoration: none;
}

.fee_B {
	display: block;
	color: #d50803;
	font-weight: bold;
	text-decoration: none;
	text-align: right;
	font-size: 25px !important;
}

.fee dd:last-child {
	margin-bottom: 0;
	color: #666;
	font-size: 13px;
}

/* 流れ */
.glass-flow {
	margin-top: 20px;
}

.glass-flow li {
	list-style: none;
	position: relative;
	margin-bottom: 24px;
	padding: 18px 20px 18px 72px;
	background: #fff;
	border: 3px solid #19a7ce;
	border-radius: 10px;
}

.glass-flow li::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 18px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #0078b8;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}

.glass-flow li:nth-child(1)::before { content: "1"; }
.glass-flow li:nth-child(2)::before { content: "2"; }
.glass-flow li:nth-child(3)::before { content: "3"; }
.glass-flow li:nth-child(4)::before { content: "4"; }
.glass-flow li:nth-child(5)::before { content: "5"; }
.glass-flow li:nth-child(5)::before { content: "6"; }
.glass-flow li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 36px;
    bottom: -30px;
    width: 3px;
    height: 30px;
    background: #19a7ce;
}

.glass-flow h3 {
	margin: 0 0 8px;
	color: #005d82;
	font-size: 22px;
}

.glass-flow p {
	margin-bottom: 8px;
}

.glass-flow p:last-child {
	margin-bottom: 0;
}

/* FAQ */
.qa-list {
	margin-top: 20px;
}

.qa-item {
	list-style: none;
	margin-bottom: 16px;
	border: 4px solid #d9edf5;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}

.qa-item dl {
	margin: 0;
}

.qa-item dt {
	position: relative;
	margin: 0;
	padding: 14px 16px 14px 72px;
	background: #eefaff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.6;
}

.qa-item dt::before {
	content: "Q";
	position: absolute;
	left: 16px;
	top: 14px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #0078b8;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border-radius: 8px;
}

.qa-item dd {
	position: relative;
	margin: 0;
	padding: 14px 16px 16px 72px;
	font-size: 16px;
	line-height: 1.9;
}

.qa-item dd::before {
	content: "A";
	position: absolute;
	left: 16px;
	top: 14px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	background: #ff8a00;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	border-radius: 8px;
}

.qa-item dt p,
.qa-item dd p {
	margin: 0;
}

/* 事例 */
.area-box {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
	margin-top: 20px !important;
}

.area-box li {
	list-style: none;
	width: calc(50% - 8px);
	padding: 16px;
	border: 3px solid #9bdff2;
	background: #fff;
	border-radius: 10px;
	box-sizing: border-box;
}

.area-box dl,
.area-box dt,
.area-box dd {
	margin: 0;
}

.area-box dt {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #9bdff2;
	color: #005d82;
	font-weight: bold;
	font-size: 17px;
}

.area-box dd {
	font-size: 15px;
	line-height: 1.8;
}

.area-box dd span {
	display: block;
	margin-top: 8px;
	color: #e66a00;
	font-weight: bold;
}

/* 詳細コンテンツ */
.trouble_bg {
	margin: 20px 0;
	padding: 20px;
	background: #fff;
	border: 3px solid #d9edf5;
	border-radius: 10px;
}

.title-h3 {
	margin: 0 0 14px;
	padding: 10px 14px;
	background: #0078b8;
	color: #fff;
	font-size: 22px;
	border-radius: 6px;
}

.title-h3 span {
	color: #fff;
}

.trouble_h4 {
	margin: 20px 0 10px;
	padding: 9px 12px;
	background: #eefaff;
	border-left: 5px solid #009bd3;
	color: #005d82;
	font-size: 18px;
	font-weight: bold;
}

.trouble_bg p:last-child {
	margin-bottom: 0;
}

.areabox {
	margin: 18px 0;
	padding: 16px;
	background: #f7f7f7;
	border: 1px solid #ddd;
	font-size: 15px;
	line-height: 1.8;
}

strong {
	display: block;
	margin: 18px 0;
	padding: 14px 16px;
	background: #eefaff;
	border-left: 5px solid #009bd3;
	color: #005d82;
	font-size: 17px;
	line-height: 1.8;
}

.kome {
	display: block;
	color: #666;
	font-size: 13px;
	line-height: 1.7;
}
.glass-main-img,
.glass-reason-img {
	margin: 20px 0 28px;
	text-align: center;
}

.glass-main-img img,
.glass-reason-img img {
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
	border-radius: 8px;
}
.fee {
	margin: 22px 0;
	padding: 0;
}

.fee li {
	list-style: none;
	margin-bottom: 18px;
	padding: 16px;
	background: #fff;
}

.fee dl,
.fee dt,
.fee dd {
	margin: 0;
}

.fee dt {
    margin-bottom: 14px;
    padding: 0 10px 4px;
    font-weight: bold;
    border-bottom: #7fafdf solid 3px;
    font-size: 19pt;
    color: #5A5A5A;
}

.fee-body {
	display: flex;
	gap: 18px;
}

.fee-img {
	width: 34%;
	flex-shrink: 0;
}

.fee-img img {
	width: 100%;
	height: auto;
	display: block;
}

.fee-txt {
	flex: 1;
}

.fee_A {
	margin: 0 !important;
	font-size: 25px !important;
	font-weight: bold;
	color: #1D4D97;
}

.fee_B {
	margin: 0 !important;
	font-weight: bold;
	border-bottom: #5A5A5A solid 1px
}

.fee_B span {
	font-size: 25px !important;
}

.fee-note {
	margin: 0;
	color: #666;
	font-size: 13px !important;
}
.glass-flow {
	margin-top: 20px;
}

.glass-flow li {
    list-style: none;
    position: relative;
    display: flex;
    /* align-items: center; */
    gap: 20px;
    margin-bottom: 24px;
    padding: 18px 20px 18px 72px;
    background: #fff;
    border: 3px solid #19a7ce;
    border-radius: 10px;
}

.glass-flow li::before {
	content: "";
	position: absolute;
	left: 18px;
	top: 18px;

	width: 38px;
	height: 38px;

	border-radius: 50%;
	background: #0078b8;

	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
}

.glass-flow li:nth-child(1)::before {content:"1";}
.glass-flow li:nth-child(2)::before {content:"2";}
.glass-flow li:nth-child(3)::before {content:"3";}
.glass-flow li:nth-child(4)::before {content:"4";}
.glass-flow li:nth-child(5)::before {content:"5";}
.glass-flow li:nth-child(6)::before {content:"6";}

.glass-flow li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 36px;
    bottom: -30px;
    width: 3px;
    height: 30px;
    background: #19a7ce;
}

.glass-flow-text {
	flex: 1;
}

.glass-flow h3 {
	margin: 0 0 8px;
	color: #005d82;
	font-size: 22px;
}

.glass-flow-photo {
	width: 220px;
	flex-shrink: 0;
}

.glass-flow-photo img {
	width: 100%;
	height: auto;
	display: block;
	border-radius: 8px;
}
.fee-img img {
    width: 1000%;
    height: auto;
}
.indexCopy01 {
    font-size: 143%;
    font-weight: bold;
    margin-bottom: 14px;
}