:root {
  --default-color: #348DF8;
  --light-light-color: #fbfeff;
  --light-color: #eff9ff;
  --middle-color: #def3ff;
  --dark-color: #20579a;
  --dark-light-color: #4f79ac;
  --dark-dark-color: #072549;
  --point-color:#f55400;
}

body {
	font-size: 16px;
	font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 2;
	font-weight: normal;
	color: #222;
}

a {
	color: #005ec1;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
	border-style: none;
}
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#g01 {
	text-align: left;
}
/* 既存スタイル打ち消し----------------------------------------------------------------- */

#headerCategoryList, .flR.header_mgn01, #headerStore .kana, #headerStoreContact, #headerBtm, #headerIconList, #headerBtm, .sectionBtm {
	display: none;
}
.ftBox {
	overflow: inherit;
	*zoom: 1;
}


#wrapper {
	padding: 0;
	background: none;
	min-width: 100%;
	margin: 0 auto;
}
#headerWrap {
	margin: 0 auto 60px;
	width: 100%;
	text-align: left;
	background: none;
	padding: 0;
}
#header {
	position: relative;
	border-top: none;
	padding: 0;
	background: none;
}
#headerStoreWrap {
	padding: 0;
}
#headerStore {
	width: 1000px;
	margin: 0 auto;
	float: none;
	padding: 20px 0;
}
#headerStore .name {
	font-size: 16px;
	line-height: 1.5;
}
#headerStore .name a {
	color: var(--dark-color);
}
#mainimg {
	position: relative;
	margin: 0;
	background-color: #d2e4fe;
}
#mainimg:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background-color: #ffffff;
	z-index: 1;
}
#mainimg:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 258px;
	background-color: #f55400;
	z-index: 1;
}
#mainimgIn {
	position: relative;
	z-index: 2;
	margin-top: 56px;
	width: 1000px;
	height: 1055px;
	background-position-x: center !important;
	background: url(https://cms.locoplace.biz/storeimg/43/430882/20250716_1614521.png) no-repeat center / 1000px !important;
}
#gNaviWrap .fixed {
	position: relative;
	top: 0;
	left: 0;
}
#gNaviWrap {
	margin: 0;
	clear: both;
	position: absolute;
	top: 60px;
	left: 0;
	border-top: 2px solid var(--dark-color);
	border-bottom: none;
	background: -moz-linear-gradient(top, #fafafa, #eaeaea);
	background: -webkit-gradient(linear, center top, center bottom, from(#fafafa), to(#eaeaea));
}
#gNaviIn {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
}
#gNavi ul {
	margin-top: .0;
	border: none;
	font-size: 0;
	height: auto;
	background: -moz-linear-gradient(top, #fff, #eee);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#eee));
}
#gNavi li {
	position: relative;
	display: inline-block;
	width: calc(100%/6);
	height: auto;
	padding: 0;
	border-left: 1px solid #ccc;
}
#gNavi li:last-child {
	border-right: 1px solid #ccc;
}
#gNavi li#gNav01, #gNavi li#gNav02, #gNavi li#gNav03, #gNavi li#gNav04, #gNavi li#gNav05, #gNavi li#gNav06 {
	left: 0;
}
#gNavi li a {
	position: relative;
	width: auto;
	height: auto;
	background: none !important;
	font-size: 18px;
	line-height: 1;
	font-weight: normal;
	text-align: center;
	color: #333!important;
	padding: 20px 0;
}

#g01 .galleryBox01 {
	margin: 0;
}
#g01 .galleryBox01 .title {
	display: none;
}
/* 各セクションの基本CSS----------------------------------------------------------------- */
.s-section{
	//padding-bottom: 9.867vw;
	margin-bottom:80px;
}
.s-price,.s-faq,.s-voice,.s-locksmith{
	background-color: var(--light-color);
}
.section-ttl {
	position: relative;
	margin-bottom:30px;
	padding: 25px 160px 25px 30px;
	font-size: 30px;
	line-height: 1.5;
	color: #fff;
	background-color: var(--dark-color);
	border-radius: 5px 5px 0 0;
	background-color: var(--default-color);
}
.section-ttl:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -15px;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: var(--default-color) transparent transparent transparent;
}
.s-section h2,
.s-section h3,
.s-section h4{
	font-weight:bold;
}

.s-section ul>li{
	margin-bottom:5px;
}
.s-section ul>li>dl{
	display: flex;
}
.s-section ul>li>dl>dt,
.s-section ul>li>dl>dd{
	padding:5px;
}
.s-section ul>li>dl>dt{
	width:30%;
	background: #a29b9a;
	color:#fff;
}
.s-section ul>li>dl>dd{
	width:70%;
	border: 1px solid #a29b9a;
}
.s-section__item p{
	margin-top: 30px;
}
/* コンテンツ内既存スタイル打ち消し----------------------------------------------------------------- */

#contents {
	width: 1000px;
}
.sectionWrap {
	position: relative;
	z-index: unset;
	background: none;
	padding-top: 0;
}
.section {
	background: none;
	padding: 0;
}
.sectionIn {
	padding: 0;
}
.indexCopy01 {
	display: none;
}
/* common parts----------------------------------------------------------------- */

.point01 {
	font-weight: bold;
	color: #e26300;
}
.point02 {
	font-weight: bold;
	background: linear-gradient(transparent 50%, #ffe400 0%);
}
.point03 {
	font-weight: bold;
}

/* FlootingBunner----------------------------------------------------------------- */
.fotterBunner {
    position: fixed;
    bottom: 0;
    left:0;
    overflow: hidden;
    width: 100%;
    max-width: 3000px;
    margin: 0 auto;
    z-index: 99;
    justify-content: center;
    background:#fff;
    border-top:solid 2px #f55400;
}
img.fixed_sp {
    display: none;
}

/* CTA----------------------------------------------------------------- */
.s-cta {
	position: relative;
	margin: 60px 0 80px;
	background-color: var(--point-color);
	z-index:1;
}
.s-cta:before {
	content: '';
	position: absolute;
	top: 0;
	left: calc((100vw - 1000px) / 2);
	width: 100%;
	height: 100%;
	padding-left: calc((100vw - 1000px) / 2);
	background-color: var(--point-color);
	overflow: hidden;
	z-index: -1;
}
.s-cta:after {
	content: '';
	position: absolute;
	top: 0;
	right: calc((100vw - 1000px) / 2);
	width: 100%;
	height: 100%;
	padding-right: calc((100vw - 1000px) / 2);
	background-color: var(--point-color);
	overflow: hidden;
	z-index: -1;
}
.cta-img {
	width: 1000px;
	height: 260px;
}
.cta-btn {
	display: none;
}
/* 上部コンテンツ----------------------------------------------------------------- */
.s-service{
	background-color: var(--dark-light-color);
	padding-bottom:0;
}
.s-service .s-section__item{
	background:#fff;
	margin:0 30px 30px;
	border-radius: 5px;
}
.s-service .s-section__item+ .s-section__item{
	
}
.s-service .s-section__item picture img {
    border-radius: 5px;
}
.s-reason{
	display: flex;
	flex-flow: wrap;
	background:var(--light-color);
	padding:30px 30px;
	justify-content: space-between;
}
.s-reason>img{
	margin:30px 220px 60px;
	width:500px;
}
.s-reason .s-section__item{
	width:300px;
}
/* 料金一覧----------------------------------------------------------------- */

.s-price {
	margin-bottom: 60px;
	padding-bottom: 50px;
	background-color: var(--light-color);
	border-radius: 0 0 5px 5px;
}


.price-ttl:after {
	content: "";
	position: absolute;
	bottom: 0;
	right: 5px;
	width: 148px;
	height: 146px;
	background: url('https://cms.locoplace.biz/storeimg/50/501117/20250508_1212281.png') no-repeat;
	background-size: contain;
}
.s-price .s-section__item {
    border: 2px solid var(--dark-color);
    background-color: #fff;
    margin: 0 30px 30px;
    border-radius: 5px;
}
.price-follow,
.coupon {
    display: flex;
    justify-content: center;
}

/* 料金一覧----------------------------------------------------------------- */
.s-trouble h3 {
    position: relative;
    margin-bottom: 30px;
    padding: 30px 30px 30px 110px;
    font-size: 20px;
    line-height: 1.6;
    background-color: var(--light-color);
    border-radius: 5px 5px 0 0;
}
.s-trouble h3:after {
    content: "";
    position: absolute;
    top: 0;
    left: 30px;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 60px;
    background: url(https://cms.locoplace.biz/storeimg/50/501117/20250508_1213041.png) no-repeat;
    background-size: contain;
}
.s-trouble .s-section__item{
    position: relative;
    margin: 30px 0;
    padding-bottom: 20px;
    background-color: var(--light-light-color);
    border: 2px solid var(--dark-light-color);
    border-radius: 5px;
}
.s-trouble .s-section__item p {
    margin-bottom: 20px;
    padding: 0 30px;
    font-size: 16px;
    line-height: 2;
}
.s-case{
	background: var(--default-color);
    padding: 0 30px 30px;
}
.s-case .section-ttl{
	margin:0;
}
.s-case h3 {
	position: relative;
    font-size: 20px;
    padding: 40px;
    margin-bottom: 30px;
    line-height: 1.5;
    border: var(--dark-light-color) 2px solid;
}
.s-case h3:before {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 86px;
    height: 86px;
    background: url(https://cms.locoplace.biz/storeimg/50/501117/20250508_1213541.png) no-repeat;
    background-size: contain;
}
.s-case h3{
	margin-bottom: 30px;
}
.s-case h4 {
    position: relative;
    margin: 0 0 20px;
    padding: 0 0 10px 13px;
    font-size: 20px;
    line-height: 2.5;
    border-bottom: 1px solid #ccc;
    width:100%;
}
.s-case h4:after {
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 3px;
    height: 80%;
    background-color: #118e81;
}
.s-case .s-section__child-section{
	background: #fff;
    padding: 30px;
    border-radius: 5px;
}
.s-case .s-section__child-section+ .s-section__child-section{
	margin-top: 30px;
}
.s-case .s-section__item{
	display:flex;
	flex-flow: wrap;
	justify-content:space-between;
	margin-top: 30px;
}
.s-case .s-section__item+.s-section__item{
	
}
.s-case ul,
.s-case p{
	width:calc((100% - 15px) / 2)
}
.s-case p{
	margin:0;
	
}
/* FAQ----------------------------------------------------------------- */

.s-faq {
	margin-bottom: 80px;
	padding-bottom: 50px;
	background-color: var(--light-color);
}
.s-faq .s-section__item {
	position: relative;
	margin: 0 30px;
	padding-bottom: 30px;
	border: 2px solid var(--dark-color);
	background-color: #fff;
	border-radius: 5px;
}
.s-faq .s-section__item+.s-section__item {
	margin-top: 30px;
}
.faq-q {
	position: relative;
	margin: 30px 30px 20px;
	padding: 0 10px 20px 50px;
	font-size: 24px;
	line-height: 1.6;
	/* color: var(--dark-color); */
	border-bottom: 1px solid #ccc;
}
.faq-q:before {
	content: "Q";
	position: absolute;
	top: 4px;
	left: 0;
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #dd5100;
	background-color: #fee331;
	border-radius: 50%;
}
.faq-a {
	position: relative;
	padding: 0 10px 0 50px;
	margin: 30px 30px 20px;
	line-height: 2;
}
.faq-a:before {
	content: "A";
	position: absolute;
	top: 1px;
	left: 0;
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background-color: #dd5100;
	border-radius: 50%;
}
.faq-a-pic {
	float: right;
	width: 160px;
	margin: 0 0 20px 20px;
}
.faq-a-txt+.faq-a-txt, .faq-a-txt+.faq-a-pic, .faq-a-pic+.faq-a-txt {
	margin-top: 20px;
}
.faq-a-ul {
	margin: 20px 0;
	padding: 30px;
	background-color: #f5f5f5;
}
.faq-a-ul li {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	line-height: 1.5;
}
.faq-a-ul li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #118e81;
	border-radius: 50%;
}
.faq-a-ul li+li {
	margin-top: 10px;
}
/* お客様の声----------------------------------------------------------------- */

.s-voice {
	margin-bottom: 80px;
	padding-bottom: 30px;
	background-color: var(--light-color);
}
.s-voice .s-section__item {
	position: relative;
	margin: 0 30px;
	padding-bottom: 30px;
	border: 2px solid var(--dark-color);
	background-color: #fff;
	border-radius: 5px;
}
.s-voice .s-section__item +.s-section__item {
	margin-top: 30px;
}
.voice-thumb {
	position: absolute;
	top: 30px;
	left: 30px;
	width: 100px;
}
.voice-name {
	margin-bottom: 10px;
	padding: 40px 30px 0 150px;
	line-height: 1;
	font-size: 16px;
	color: #666;
}
.voice-item-ttl {
	position: relative;
	margin-bottom: 20px;
	padding: 30px 30px 0 150px;
	font-size: 24px;
	line-height: 1.3;
	color: #1a489c;
}
.voice-txt {
	position: relative;
	max-width: 100%;
	padding: 0 30px 0 150px;
	line-height: 2;
}
.voice-pic {
	margin: 20px 30px 20px 150px;
}
.voice-table {
	width: 750px;
	margin: 20px 30px 20px 150px;
	font-size: 14px;
	line-height: 1;
	border-collapse: collapse;
}
.voice-table tr {
	border: 1px solid #ccc;
}
.voice-table-head {
	width: 200px;
	padding: 20px 10px;
	text-align: center;
	font-weight: normal;
	color: #1a489c;
	background-color: #e5f5fd;
}
.voice-table-txt {
	padding: 20px 10px;
	word-break: break-all;
}

.s-souba{
	display: grid;
}

.s-souba img{
	margin:0 auto;
}
.s-souba .s-section__item {
    padding: 30px;
    border: solid 2px var(--dark-color);
    background: var(--light-light-color);
}

.s-souba h3 {
    font-weight: bold;
    font-size: 24px;
    border-bottom: solid 2px var(--dark-color);
    color: var(--dark-color);
}


/* 鍵屋情報----------------------------------------------------------------- */
.s-locksmith{
	padding-bottom: 50px;
}
.s-locksmith .s-section__item{
	background:#fff;
	padding: 30px;
	width: calc((100% - 15px) / 2);
}
.s-locksmith .s-section__child-section{
	margin-top: 30px;
	display: flex;
    padding: 0 30px;
    width: 100%;
    flex-flow: wrap;
    justify-content: space-between;
    row-gap: 15px;
}
.s-locksmith>img{
	width:100%;
}
.s-locksmith h3{
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	padding-bottom:15px;
	color: var(--dark-color);
	width: 100%;
}

.s-locksmith .attention{
	padding: 0 10px 0 40px;
    font-size: 12px;
    line-height: 2.4;
    color: #666;
	text-align:right;
	width:100%;
}
.s-locksmith .section-ttl,
.s-column .section-ttl,
.s-area .section-ttl,
.s-areainfo .section-ttl{
	margin-bottom:0;
}
.s-column h3,
.s-areainfo h3 {
	position: relative;
	margin: 40px 0 20px;
	padding: 0 0 10px 13px;
	font-size: 20px;
	line-height: 2.5;
	border-bottom: 1px solid #ccc;
}
.s-column h3:after,
.s-areainfo h3:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 80%;
	background-color: #118e81;
}
.s-area .s-section__child-section,
.s-areainfo .s-section__child-section{
	margin: 30px;
}
section.s-area.s-section {
	background: #dbe7f2;
	overflow: hidden;
}
.s-area .s-section__child-section{
	padding:30px;
	background:#fff;
}
.map_wrapper {
    padding: 0 30px;
}
.area-box{
	margin: 30px 0;
    padding: 30px;
    background-color: #f5f5f5;
    border: 1px solid #ddd;
}
/* Googleマップ表示----------------------- */

.areamap_in {
	margin: 0 30px 20px;
}
.map {
	position: relative;
	padding-bottom: 400px;
	height: 0;
	overflow: hidden;
}
.map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* ページ下部　基本情報など----------------------------------------------------------------- */

.section {
	border: none;
	padding-bottom: 60px;
}
.h2WrapBtm {
	position: relative;
	margin-bottom: 40px;
	padding: 15px 30px;
	background-image: none;
	background-color: var(--dark-color);
}
.h2WrapTop, .h2WrapMid {
	background-image: none;
	padding: 0;
}
.h2WrapMid h2 {
	font-size: 24px;
	line-height: 1.5;
	color: #fff;
}
.indexBasicInfoWrap01 {
	margin: 0 40px;
}
.indexBasicInfoL01 table th {
	border-right: none!important;
	width: 190px!important;
	vertical-align: middle!important;
	background: var(--light-color)!important;
}
.indexBasicInfoL01 table th div {
	font-size: 16px!important;
	color: var(--dark-color);
	padding: 20px!important;
}
.indexBasicInfoL01 table td div {
	font-size: 16px!important;
	padding: 20px!important;
}
/* トップフッタ_オーナーからのメッセージ----------------------- */

.topMessageDetail {
	padding: 0 45px;
	color: #222;
}
.topMessageDetail .h3_basic01 {
	padding: 0;
	font-size: 20px;
	border-bottom: none;
	color: #222;
}
.topMessageSec01 {
	margin-bottom: 20px;
	padding: 0;
	font-size: 16px;
	line-height: 2;
}
.topMessageSec02 {
	padding: 0;
	font-size: 14px;
	color: #666;
}
.topMessageDetail .detailAnchor {
	padding: 0;
	margin-top: 15px;
}
.topMessageDetail .detailAnchor a {
	position: relative;
	padding: 0 16px 0 0;
	font-size: 16px;
	text-decoration: underline;
	font-weight: normal;
	color: #009ae9;
	background: none;
}
.topMessageDetail .detailAnchor a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #009be9;
}
/* トップフッタ_写真ギャラリー----------------------- */

.indexGalleryWrap01 {
	padding: 0 45px 5px;
}
.indexGallery01 {
	overflow: visible;
	width: 100%;
}
.indexGallery01 ul {
	margin-top: -6px;
	width: 100%;
	display: block;
	min-height: 1%;
}
.indexGallery01 ul li {
	float: left;
	width: 210px;
	margin: 0 23px 20px 0;
	background: none;
}
.indexGallery01 ul li:nth-child(4n) {
	margin-right: 0;
}
.indexGallery01 ul li .indexGalleryBtm01 {
	padding-bottom: 0;
	background: none;
}
.indexGallery01 ul li .indexGalleryTop01 {
	padding: 0;
	background: none;
}
.indexGallery01 ul li .indexGalleryTop01 table {
	background: none;
	margin-bottom: 20px;
	width: 100%;
	table-layout: fixed;
	background-color: #eee;
}
.indexGallery01 ul li .indexGalleryTop01 table td {
	width: 210px;
	height: 210px;
	vertical-align: middle;
	text-align: center;
}
.indexGallery01 ul li .indexGalleryTop01 table td img {
	max-width: 190px;
	max-height: 190px;
}
.indexGallery01 ul li .indexGalleryTop01 .text {
	padding: 0 8px;
	font-size: 14px;
	line-height: 1.6;
	color: #333;
	margin-bottom: 20px;
	height: auto !important;
}
.indexGalleryWrap01 .detailAnchor {
	padding: 0;
	margin-top: 15px;
}
.indexGalleryWrap01 .detailAnchor a {
	position: relative;
	padding: 0 16px 0 0;
	font-size: 16px;
	text-decoration: underline;
	font-weight: normal;
	color: #009ae9;
	background: none;
}
.indexGalleryWrap01 .detailAnchor a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 8px;
	border-color: transparent transparent transparent #009be9;
}

#view10, #view30, #pageMiddle, #pageBottom {
	display: none;
}
/* オーナーからのメッセージ（下層）----------------------------------------------------------------- */

#section_push .sectionIn {
	padding: 0 45px 50px;
}
#section_push .h3_basic01 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	font-size: 20px;
	border-bottom: none;
	color: #222;
	border-bottom: 1px solid #ccc;
	width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.topMessageSec01 {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.topMessageSec02 {
    padding: 0;
    font-size: 14px;
    color: #666;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
/* 料金一覧----------------------------------------------------------------- */

/* 既存スタイル打ち消し */

#g02 #main .h3_basic01 {
	display: none;
}
#g02 .pd05 {
	padding: 0;
}
#g02 .font {
	display: none;
}
#g02 #main .h3_basic01 {
	display: none;
}
/* 料金固有のスタイル----------------------- */

.price-item-head-notes {
	margin: 0 60px;
	font-size: 12px;
	line-height: 1.5;
	color: #666;
}
.price-item {
	position: relative;
	padding: 40px 30px;
	background-color: #fff;
	overflow: hidden;
}
.price-item+.price-item {
	border-top: 1px solid #ccc;
}
.price-item-inner {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	border-bottom: none;
	border-left: 3px solid #db6200;
}
.price-item-pic {
	float: right;
	width: 300px;
	margin: 0 0 0 40px;
}
.price-item-name {
	margin: 0 0 10px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.4;
}
.price-item-main {
	float: left;
	width: 540px;
	font-size: 38px;
	line-height: 1;
	font-weight: bold;
	color: #db6200;
	padding: 0 0 0 10px;
}
.price-item-main .num {
	font-size: 60px;
}
.price-item-main .sup {
	font-size: 18px;
	color: #333;
}
.price-item-ul {
	float: left;
	width: 540px;
	margin: 25px 0 0;
	padding: 30px;
	background-color: #f5f5f5;
}
.price-item-ul li {
	position: relative;
	padding-left: 16px;
	font-size: 16px;
	line-height: 1.5;
}
.price-item-ul li:before {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 3px;
	height: 3px;
	background-color: #118e81;
	border-radius: 50%;
}
.price-item-ul li+li {
	margin-top: 10px;
}
.price-item-txt {
	float: left;
	width: 540px;
	margin: 0;
	padding: 20px 10px 0;
	font-size: 16px;
	line-height: 2;
}
.price-item-notes {
	float: left;
	width: 540px;
	margin: 0;
	padding: 30px 10px 0 10px;
	font-size: 12px;
	line-height: 1.5;
	color: #666;
}
#g02 .menuCourseImage01{
	display:none;
}
#g02 .menuCourseText{
	margin:0;
	padding:0;
}
#g02 .sectionIn{
	height:auto;
	min-height:auto;
}
#g02 .h2WrapBtm{
	margin-bottom:0;
}
#g02 .l-cta {
	margin-bottom: 0;
}
#g02 .section{
	padding-bottom:0;
}


#footerBtm {
	background#fff;;
}

.link_bnr{
	margin:30px; 
}
.link_bnr a,
.link_bnr img{
	display:flex;
	width:100%;
}

.s-link{
    background: #00a99d;
    padding: 30px;
    margin-bottom:80px;
}
.s-link h2{
	color:#fff;
	font-size: 30px;
	text-align:center;
	font-weight:bold;
	margin-bottom: 30px;
}
.s-link ul{
    display: flex;
    justify-content: space-between;
    row-gap:30px;
    
}
.s-link ul>li{
	margin:0;
	width: calc((100% - 60px) / 3);
}
.s-link a {
    text-decoration: none;
    width: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color:#00a99d;
    font-weight: 700;
    position: relative;
    background: #fff;
    border-radius: 5px;
}
.s-link img{
	border-radius:5px 0 0 5px;
	width:80px;
	flex-grow: 0;
}
.s-link span{
	flex-grow: 1;
}
.accessSec01 {
	width:100%;
	padding:0;
	margin:0;
}

.accessSec01 h3 {
	font-weight:normal;
	font-size:16px;
	border-bottom:0;
}

.couponSec01 .coupon li{
	float:none;
}
.couponSec01 .coupon li.odd {
	margin: 0 auto;
}
.couponSec01 .coupon li .tableCoupon01 td {
    border-right: 1px solid #999;
}





.pageTop {
	position: absolute;
	right: 30px;
	top: -40px;
	z-index: 999;
}
.pageTop a {
	position: relative;
	display: block;
	width: 140px;
	height: 40px;
	background-color: var(--dark-color);
	border-radius: 5px 5px 0 0;
}
.pageTop a:before {
	content: '▲ ページトップ';
	position: absolute;
	top: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	text-align: center;
}
.pageTop a:hover {
	opacity: .7;
	transition: .3s;
}
.pageTop img {
	display: none;
}
#footerTop {
	background: #fff;
	border-top: 2px solid var(--dark-color);
	padding: 0;
	position: relative;
}
#footerTopIn {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
#footerTopLink {
	padding: 30px 0;
	position: relative;
	overflow: hidden;
}
#footerTopLink ul li {
	position: relative;
	background: none;
	padding: 0 0 0 15px;
	margin-right: 0;
	left: -50%;
	float: left;
}
#footerTopLink ul li+li {
	margin-left: 40px;
}
#footerTopLink ul li:before {
	content: '▶︎';
	position: absolute;
	top: 4px;
	left: 0;
	font-size: 10px;
	color: var(--dark-dark-color);
}
#footerTopLink ul li a {
	font-size: 14px;
	line-height: 1;
	color: #333;
	text-decoration: none;
}
#footerTopLink ul li a:hover {
	opacity: .7;
	transition: .3s;
}
#footerCopy {
	font-size: 12px;
	padding: 15px 0;
	margin-top: 0;
	color: #fff;
	text-align: center;
	background-color: var(--dark-color);
}
#footerBtm {
	background:var(--light-color);
}

/********************************************************************
	疑似フッターをフッターにするCSS
********************************************************************/
.originContentsWrapper,
.s-main,
.h2WrapBtm,
.indexGalleryWrap01,
.indexBasicInfoWrap01,
.accessSec01,
.couponSec01,
.couponTitSec01,
#g06 .sectionIn>p{
    width: 1000px;
    margin-right:auto;
    margin-left:auto;
}
body{
	display: flex;
    flex-direction: column
}
#wrapper,
#contents,
#main,
.sectionWrap,
.section,
.sectionIn,	
#footer,
#footerTop,
#footerTopIn{
	display:contents;
}
#footerBtmIn {
	padding:30px;
}
#footerTopLink{
	order:1;
	border-top: 2px solid var(--dark-color);
	background: #fff;
}
#footerBtm{
	order:2;
}
#footerCopy{
	order:4;
	padding:30px;
	margin-bottom:90px;
}
.origin_footer{
	order:3;
	background:var(--dark-color);
	padding:30px;
}
.origin_footer *{
	color:#fff;
}
.origin_footer h2{
    font-size: 30px;
    font-weight:bold;
    text-align:center;
}

.origin_footer ul,
.origin_footer li,
.origin_footer a{
	display:inline;
}

#g06 .sectionIn>p{
	margin-bottom:30px;
}

/* 追加のスタイル----------------------- */
.s-reason {
    margin-bottom: 80px;
}
h2.price-ttl {
    position: relative;
    margin-bottom: 30px;
    padding: 25px 160px 25px 30px;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    background-color: var(--dark-color);
    border-radius: 5px 5px 0 0;
    background-color: var(--default-color);
    font-weight: bold;
}
h2.price-ttl:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: var(--default-color) transparent transparent transparent;
}
.section-ttl {
    font-weight: bold;
}
.s-trouble h3 {
    font-weight: bold;
}
.s-case h3 {
    font-weight: bold;
}
.s-case h4 {
    font-weight: bold;
}
.s-section__item ul>li {
    margin-bottom: 5px;
}
.s-section__item ul>li dl {
    display: flex;
}
.s-section__item ul>li>dl>dt {
    width: 30%;
    background: #a29b9a;
    color: #fff;
}
.s-section__item ul>li>dl>dd {
    width: 70%;
    border: 1px solid #a29b9a;
}
.s-section__item ul>li>dl>dd {
    width: 70%;
    border: 1px solid #a29b9a;
}
.s-section__item ul>li>dl>dt, .s-section ul>li>dl>dd {
    padding: 5px;
}
.s-section__item dd {
    padding: 5px;
}
section.s-case {
    margin-bottom: 80px;
}
h2.voice-ttl {
    position: relative;
    margin-bottom: 30px;
    padding: 25px 160px 25px 30px;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    background-color: var(--dark-color);
    border-radius: 5px 5px 0 0;
    background-color: var(--default-color);
    font-weight: bold;
}
h2.voice-ttl:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: var(--default-color) transparent transparent transparent;
}
.voice-item-ttl {
    font-weight: bold;
}
.s-souba .s-section__item {
    margin-bottom: 80px;
}
h2.faq-ttl {
    position: relative;
    margin-bottom: 30px;
    padding: 25px 160px 25px 30px;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
    background-color: var(--dark-color);
    border-radius: 5px 5px 0 0;
    background-color: var(--default-color);
    font-weight: bold;
}
h2.faq-ttl:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -15px;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 15px 0 15px;
    border-color: var(--default-color) transparent transparent transparent;
}
.faq-q {
    font-weight: bold;
}
section.s-locksmith {
    margin-bottom: 80px;
}
.s-column h3, .s-areainfo h3 {
    font-weight: bold;
}
section.s-area {
    background: #dbe7f2;
    overflow: hidden;
    margin-bottom: 80px;
}
.s-section__child-section h3 {
    font-weight: bold;
}
.origin_footer li {
    margin-right: 5px;
}
/* 下層のスタイル----------------------- */
#g02 .menuCourseText {
    margin: 0;
    padding: 0;
    width: 1000px;
    margin: 0 auto;
}
#g02 .menuCourseText img {
    width: 100%;
    height: auto;
}
#g02 .ftBox {
    overflow: inherit;
    margin: 0;
    padding: 0;
    width: 1000px;
    margin: 0 auto;
}
.topMessageDetail {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}
.areamap h2 {
    display: none;
}
.areamap h3 {
    display: none;
}