@charset "UTF-8";

*, *::before, *::after { box-sizing: border-box; }

html, body { overflow-x: hidden; position: relative; width: 100%; }

body { margin:0; padding:0; font-size:0.9em; letter-spacing:1px; line-height:1.4em; color:#444; font-family: "Arial", "メイリオ"; background:#fff; }
/* ハンバーガーnav */
.hamburger { display:none; }
.nav-wrapper { display:none; }
.clearfix:after { content: ""; }


/* ヘッダー */
header { margin:0 auto; padding:0; width:100%; box-sizing:border-box; }
header div.headiv { margin:0; padding:0.7rem 0 0.6rem 0; background:#f5f5f5; }
header div.headiv p { margin:0; padding:0; font-size:11px; color:#555; text-align:center; letter-spcing:1px; display:block; }
header ul { margin:0.5rem auto; padding:0; width:98%; display:flex; align-items: center; list-style-type:none; }
header ul li { margin:0 auto; padding:0; width:35%; }
header ul li a { text-decoration:none; }
header ul li h1 { margin:0; padding:2.2rem 0 1rem 90px; font-size:1.5rem; color:#00903a; background-image: url("./img/logo.jpg"); background-size:86px 86px; backgroud-position:0% 50%; background-repeat:no-repeat; display:block; }
header ul li h1 a { color:#00903a; }
header ul li h1 span { font-weight:normal; font-size:10px; color:#333; display:block; }
header ul li.hdr { width:65%; display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: flex-end; align-items: flex-end; }
header ul li.hdr p { margin:0; padding:0; width:299px; }
header ul li.hdr p a.mitsumori { margin:0; padding:0.65rem 0 0.4rem 0; text-decoration:none; background:#067900; font-size:1.1rem; color:#fff; text-align:center; font-weight:bold; border-radius:3px; display:block; }
header ul li.hdr p a.mitsumori span { margin:0; padding:0; font-weight:normal; font-size:0.7rem; display:block; }
/* スクロールナビ */
#globalMenu { margin:0; padding:0; width:100%; height:0; position:fixed; top:0; left:0; z-index:20; align-items:baseline; display: -webkit-flex; display:flex; justify-content:center; align-items: center; overflow:hidden; transition: .4s; }
#globalMenu .logo { margin:0; width:70px; }
#globalMenu .logo img { margin:3px auto; padding:0; width:65px; height:auto; display:block; }
#globalMenu.fixed { height:60px; background:#fff; }
#globalMenu navv { margin:-30px 0 0; padding:3px 0; width:1000px; }
#globalMenu navv ul.g-navi { margin:0; padding:0; list-style-type:none; display:flex; justify-content:space-evenly; width:100%; }
#globalMenu navv ul.g-navi li { margin:0; padding:1.5rem 0 0 0; width:20%; text-align:center; border-right:1px solid #ebebeb; }
#globalMenu navv ul.g-navi li:last-child { border-right:none; }
#globalMenu navv ul.g-navi a { text-decoration:none; padding:1.5rem 0; color:#000; width:100%; font-size:14px; font-weight:normal; text-align:center; transition: .3s; display:block; }
#globalMenu navv ul.g-navi a:hover { opacity:0.5; }
/* 右端固定 縦ボタン */
#Sbut { position: fixed; top: 49.5%; right: 24px; transform: translateY(-50%); z-index: 9999; pointer-events:none; background:none; }
#Sbut ul { margin: 0; padding: 0; list-style: none; display:flex; flex-direction:column; gap:10px; background:none; }
#Sbut li { padding:0; pointer-events: auto; }
#Sbut a { display: block; width:60px; height:70px; }
#Sbut img { width:100%; height:auto; display:block; }
/* トップnav */
nav { margin:0; padding:0; background:#fff; }
nav ul { margin:0 auto; padding:0; width:100%; display:flex; list-style-type:none; background:#f7f7f7; }
nav ul li { margin:0 auto; padding:0; width:20%; }
nav ul li h2 { margin:0; padding:0; text-align:center; font-size:1.1rem; }
nav ul li h2 a:link { margin:0 auto; padding:1.5rem 0; text-decoration:none; color:#333; background-image: url("./img/circle.png"); background-position:50% 85%; background-size:8px 8px; background-repeat:no-repeat; display:block; transition: 0.5s; }
nav ul li h2 a:visited { margin:0 auto; padding:1.5rem 0; text-decoration:none; color:#333; background-image: url("./img/circle.png"); background-position:50% 85%; background-size:8px 8px; background-repeat:no-repeat; display:block; transition: 0.5s; }
nav ul li h2 a:hover { margin:0 auto; padding:1.5rem 0; background:#309300; color:#fff; background-image: url("./img/circle.png"); background-position:50% 85%; background-size:8px 8px; background-repeat:no-repeat; display:block; opacity:0.5s; transition: 0.2s; }
nav ul li h2 a:active { margin:0 auto; padding:1.5rem 0; text-decoration:none; color:#333; background-image: url("./img/circle.png"); background-position:50% 85%; background-size:8px 8px; background-repeat:no-repeat; display:block; transition: 0.5s; }
/* トップスライダー */
div.slider { margin:0.5rem 0; padding:0.5rem 0; background:#fff; }
div.carousel-slider__caption h4.title { font-size:10px; color:#555; }
/* トップ サービス一覧 */
#Service { margin:3% auto 7% auto; padding:0; max-width:1100px; width:95%; }
#Service h3 { padding:0.5rem 0 0 1rem; font-size:1.3rem; color:#067a00; background:#fff url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Service h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#Service ul { margin:0 auto; padding:0; width:100%; display: flex; flex-wrap:wrap; list-style-type:none; background:#fff; }
#Service ul li { position:relative; margin:0 auto 2.5% auto; padding:20px; width:31%; background: linear-gradient(#fff, #f9f9f9); box-shadow:0 0 6px #e2e2e2; border-radius:7px; box-sizing:border-box; display:block; }
#Service ul li a { text-decoration:none; }
#Service ul li img.iimg { position:absolute; top:-6px; left:-6px; width:60px; height:60px; }
#Service ul li img.simg { margin:0 auto; width:97%; height:auto; display:block; }
#Service ul li h4 { margin:0; padding:1rem 0 0.8rem 0; color:#067a00; font-size:1.1rem; text-align:center; }
#Service ul li p { margin:0 auto; padding:0; width:90%; font-size:0.85rem; color:#666666; display:block; }
/* トップ MYハウスクリーニングが選ばれる理由 */
#About { margin:3% auto 7% auto; padding:0; width:100%; box-sizing:border-box; background-image: url("./img/about_back.jpg"); background-position:100% 50%; background-repeat:no-repeat; background-size:453px 380px; }
#About h3 { margin:0 auto; padding:0.5rem 0 0 1rem; max-width:1100px; width:95%; font-size:1.3rem; color:#067a00; background:#fff url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#About h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#About ul.abul { margin:0; padding:2% 0; width:100%; display: -webkit-flex; display: flex; flex-wrap:wrap; background:none; border:none; }
#About ul.abul li { margin:0; padding:0; border:none; display:block; }
#About ul.abul li.abull { width:70%; }
#About ul.abul li.abull img { margin:0 0 1rem 0; width:100%; }
#About ul.abul li.abull p { margin:0 auto; width:90%; display:block; }
#About ul.abul li.abulr { margin:0 auto; width:25%; }
#About ul.abul li.abulr h4 { margin:0 auto; font-size:45px; writing-mode: vertical-rl; text-orientation:upright; line-height:150%; color:#056f00; }
/* トップ サービスエリア */
#Area { margin:3% auto 7% auto; padding:0; max-width:1100px; width:95%; }
#Area h3 { padding:0.5rem 0 0 1rem; font-size:1.3rem; color:#067a00; background:#fff url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Area h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#Area dl { margin:0 auto; padding:0; widt:100%; display:flex; justify-content:center; }
#Area dl:last-of-type { margin:0; }
#Area dl dt { margin:0; padding:0; width:5%; text-align:center; writing-mode:vertical-rl; text-orientation:upright; }
#Area dl dd { margin:0; padding:1rem 1rem 0 1rem; width:95%; box-sizing:border-box; background:#fff; }
#Area dl dd div { margin:1.5% 0 1%; padding:1.5% 0 2%; border-bottom:1px solid #e4e4e4; }
#Area dl dd div:last-child { border-bottom:none; }
#Area dl dd div h5 { margin:0 0 1.5% 0; padding:4px 0 2px 0; font-size:100%; width:180px; text-align:center; border-radius:30px; color:#fff; letter-spacing:1px; display:block; }
#Area dl dd div h5.dh5_01 { background:#ec6a00; }
#Area dl dd div h5.dh5_02 { background:#004cd8; }
#Area dl dd div h5.dh5_03 { background:#108b00; }
#Area dl dd div a { margin:0.7rem 0; width:125px; font-size:105%; color:#333; letter-spacing:1px; text-decoration:none; display:inline-block; }

/* タブメニュー */
.css-tabs { width: 100%; margin: 0 auto; }
.css-tabs input[type="radio"] { display: none; }
.tab-menu { display:flex; list-style:none; margin:0; padding:0; border-bottom:2px solid #ccc; }
.tab-menu li { flex:1; }
.tab-menu label { display: block; padding:16px 0 12px; text-align:center; font-size:110%; color:#000; cursor:pointer; background:#f5f5f5; border-right:1px solid #dadada; font-weight:bold; }
.tab-menu li:last-child label { border-right: none; }
#tab1:checked ~ .tab-menu label[for="tab1"],
#tab2:checked ~ .tab-menu label[for="tab2"],
#tab3:checked ~ .tab-menu label[for="tab3"] { background: #fff; border:1px solid #f5f5f5; border-bottom:1px solid #fff; }
/* ===== コンテンツ ===== */
.tab-content { border: 1px solid #ccc; border-top: none; padding:1.5%; }
.tab-panel { display: none; }
#tab1:checked ~ .tab-content .tab1 { display:block; }
#tab2:checked ~ .tab-content .tab2 { display:block; }
#tab3:checked ~ .tab-content .tab3 { display:block; }


/* トップ ランキング */
#Ranking { margin:3% auto 7% auto; padding:0; max-width:1100px; width:95%; }
#Ranking h3 { padding:0.5rem 0 0 1rem; font-size:1.3rem; color:#067a00; background:#fff url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Ranking h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#Ranking ul { margin:0 auto; padding:0; width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; list-style-type:none; background:#fff; }
#Ranking ul li { position:relative; margin:0 auto 1.5rem auto; padding:17px; width:23%; box-sizing:border-box; border:1px solid #e8e8e8; display:block; }
#Ranking ul li a { text-decoration:none; }
#Ranking ul li img.iimg { position:absolute; top:-6px; left:-6px; width:58px; height:58px; }
#Ranking ul li a div.dvl { margin:0 auto; padding:0; }
#Ranking ul li a div.dvl img { margin:0 auto; width:97%; display:block; }
#Ranking ul li a div.dvr { margin:0; padding:0; }
#Ranking ul li a div.dvr h4 { text-align:center; font-size:0.95rem; color:#1f4900; }
#Ranking ul li a div.dvr h5 { margin:0; padding:1rem 0 0 0; text-align:center; font-size:1.2rem; color:red; font-weight:bold; }
#Ranking ul li a div.dvr h5 span { font-size:0.8rem; }
#Ranking ul li a div.dvr p { margin:0 auto; padding:0; width:91%; font-size:0.75rem; color:#555; }
/* Banner */
#Bnn { margin:3% auto 7% auto; padding:3% 0; width:100%; box-sizing:border-box; background:#f9f9f9; }
#Bnn ul.bnul { margin:0 auto; width:99%; display:flex; flex-wrap:wrap; }
#Bnn ul.bnul li { margin:0; padding:0; width:33.3%; diplay:block; }
#Bnn ul.bnul li a { margin:0 auto; padding:3% 0; text-align:center; text-decoration:none; font-size:1rem; font-weight:bold; background:#fff; border-radius:2px; display:block; }
#Bnn ul.bnul li a.bnlk01 { color:#ff0000; }
#Bnn ul.bnul li a.bnlk02 { color:#054076; }
#Bnn ul.bnul li a.bnlk03 { color:#006900; }
#Bnn ul.bnul li a img { margin:0 auto 5px; display:block; }
#Bnn img.bnnimg { margin:10px auto 0; width:100%; display:block; }

/* お客様の声 */
#Voice { margin:3% auto 7% auto; padding:3% 0; width:100%; box-sizing:border-box; background:#f9f9f9; }
#Voice h3 { margin:0 auto; padding:0.5rem 0 0 1rem; max-width:1100px; width:95%; font-size:1.3rem; color:#067a00; background: url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Voice h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#Voice .carousel-slider__post-content { background:#fff; }
#Voice .carousel-slider__post-author { display:none; }
#Voice .carousel-slider__post-header { margin:0; padding:0; }
#Voice .carousel-slider__post-excerpt { margin:0 auto; padding:0.5rem; width:auto; font-size:0.8rem; color:#555; }
#Voice h2 { margin:0; paddign:0; font-size:1rem; line-height:100%; }
#Voice a.carousel-slider__post-title { color:#333; text-decoration:none; }
#Voice a.carousel-slider__post-category-link { color:#333; text-decoration:underline; }
#Voice .spdiv { margin:0 auto; padding:3% 0; display:block; }
#Voice .bfdiv { margin:0 auto; padding:0; width:90%; }
#Voice .bfdiv ul { margin:0 auto; padding:0; display:flex; justify-content:space-between; flex-wrap:wrap; }
#Voice .bfdiv ul li { margin:0 auto 2rem; padding:0; width:23%; text-align:center; display:block; }
#Voice .bfdiv ul li img.beforeafter-thumb { margin:0 auto; width:90%; height: auto; display: block; }
#Voice .bfdiv ul li a { color:#333; text-decoration:none; font-size:0.8rem; }
/* よくある質問 */
#Faq { margin:3% auto 7% auto; padding:0; max-width:1100px; width:95%; }
#Faq h3 { padding:0.5rem 0 0 1rem; font-size:1.3rem; color:#067a00; background:#fff url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Faq h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
	/* コンテナ */
#Faq .vtabs { display: flex; max-width: 1100px; border: 1px solid #ddd; font-size: 14px; }
	/* ラジオボタンは非表示 */
#Faq .vtabs input[type="radio"] { display: none; }
	/* 左側：タブ部分 */
#Faq .vtabs-tabs { flex: 0 0 160px; display: flex; flex-direction: column; border-right: 1px solid #ddd; background: #f7f7f7; }
#Faq .vtabs-tabs label { padding: 0.75em 1em; cursor: pointer; border-bottom: 1px solid #e2e2e2; transition: background 0.2s; }
#Faq .vtabs-tabs label:hover { background: #eaeaea; }
#Faq .vtabs-tabs label br { display:none; }
#Faq .vtabs-panels { flex: 1; }
#Faq .vtabs-panel { display: none; padding: 1em 1.2em; }
#Faq .vtabs-panel ul { margin:0 auto; padding:0; display:block; background:#fff; list-style-type:none; }
#Faq .vtabs-panel ul li { margin:0 0 0.5rem; padding:0 0 0.5rem; width:100%; background:#fff; border-bottom:1px dotted #eaeaea; }
#Faq .vtabs-panel ul li:last-child { border-bottom:none; }
#Faq .vtabs-panel ul li a { margin:0; padding:0.5rem; width:100%; box-sizing:border-box; display:block; }
/* チェックされたタブに対応するパネルだけ表示 */
#Faq #vtabs-tab1:checked ~ .vtabs-panels .panel1 { display: block; }
#Faq #vtabs-tab2:checked ~ .vtabs-panels .panel2 { display: block; }
#Faq #vtabs-tab3:checked ~ .vtabs-panels .panel3 { display: block; }
#Faq #vtabs-tab4:checked ~ .vtabs-panels .panel4 { display: block; }
/* アクティブなタブの見た目 */
#Faq #vtabs-tab1:checked ~ .vtabs-tabs label[for="vtabs-tab1"],
#Faq #vtabs-tab2:checked ~ .vtabs-tabs label[for="vtabs-tab2"],
#Faq #vtabs-tab3:checked ~ .vtabs-tabs label[for="vtabs-tab3"],
#Faq #vtabs-tab4:checked ~ .vtabs-tabs label[for="vtabs-tab4"] { background: #ffffff; font-weight: bold; }
/* コラム */
#Colum { margin:3% auto 7% auto; padding:3% 0; width:100%; box-sizing:border-box; background:#f9f9f9; }
#Colum h3 { margin:0 auto; padding:0.5rem 0 0 1rem; max-width:1100px; width:95%; font-size:1.3rem; color:#067a00; background: url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Colum h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#Colum ul { margin:0 auto; padding:1rem 0; width:80%; background:#f9f9f9; display:block; }
#Colum ul li { margin:0 auto 0.5rem; padding:0 0 0.5rem; width:100%; border-bottom:1px dotted #dcdcdc; display:flex; }
#Colum ul li:last-child { margin:0 auto; padding:0; border:none; }
#Colum ul li a { margin:0; padding:0; text-decoration:none; display:block; }
#Colum ul li .thumb-wrap { width:20%; height:auto; display:block; }
#Colum ul li .thumb-wrap img { margin:0 auto; width:95%; height: auto; }
#Colum ul li .clml { width:80%; padding:1rem; box-sizing:border-box; display:block; }
#Colum ul li .clml a h2 { margin:0; padding:0.5rem 0; color:#333; font-weight:normal; font-size:130%; text-align:left; }
#Colum ul li .clml a span { font-size:80%; display:block; }
#Colum ul li .clml .divtag { margin:0.8rem 0 0 0; padding:0.3rem 0; display:flex; }
#Colum ul li .clml .divtag p.tag { margin:0 0.5rem 0 0; }
#Colum ul li .clml .divtag p.tag a { padding:0.3rem 0.5rem; border:2px solid #9c9c9c; background:#fff; text-align:center; font-size:90%; }
/* 新着情報 */
#Info { margin:3% auto 5% auto; padding:0; max-width:1100px; width:95%; }
#Info h3 { padding:0.5rem 0 0 1rem; font-size:1.3rem; color:#067a00; background:#fff url("./img/icon00.png"); background-position:0% 50%; background-size:9px 28px; vertical-align:center; background-repeat:no-repeat; }
#Info h3 span { font-size:0.75rem; font-weight:normal; color:#757575; vertical-align:center; }
#Info ul { margin:0 auto; padding:0; width:100%; border:none; background:#fff; display:block; }
#Info ul li { marign:0 0 1rem 0; padding:0 0 0.5rem 1rem; border-bottom:1px dotted #dcdcdc; width:100%; background:#fff; box-sizing:border-box; display:block; }
#Info ul li:last-child { border-bottom:none; }
#Info ul li a:link { text-decoration:none; color:#444; display:block; }
#Info ul li a:visited { text-decoration:none; color:#444; display:block; }
#Info ul li a:hover { text-decoration:none; color:#111; display:block; }
#Info ul li a:active { text-decoration:none; color:#444; display:block; }
#Info ul li a h2 { margin:0; padding:0.3rem 0 0 0; text-align:left; font-size:1rem; font-weight:normal; display:block; }
#Info ul li a span { font-size:80%; color:#888; display:block; }
/* フッター */
#Foot { margin:0; padding:0; background:#fff; display:block; }
#Foot h1 { margin:0; padding:0; text-align:center;display:block; }
#Foot h1 a { border:0; }
#Foot h1 a img { margin:0 auto; padding:0; width:280px; height:72px; display:block; }
#Foot p.ftel { margin:0 auto; padding:0; display:block; }
#Foot p.ftel a { text-align:center; display:block; }
#Foot p.ftel a img { margin:0 auto; width:250px; height:43px; display:block; }
#Foot div.ftdiv { margin:1.5% auto; padding:0 0 1.5%; width:95%; background:#fff; border-bottom:3px solid #f0f0f0; display:block; }
#Foot div.ftdiv:last-of-type { border-bottom:none; }
#Foot div.ftdiv h2 { margin:0 0 1% 0; padding:0; font-size:0.95rem; letter-spacing:1px; text-align:left; color:#000; }
#Foot div.ftdiv div.ftdivv { margin:0; padding:0; width:100%; display:flex; flex-wrap:wrap; }
#Foot div.ftdiv div.ftdivv dl { margin:0 auto; padding:0; display:block; }
#Foot div.ftdiv div.ftdivv dl.ddll { width:24%; }
#Foot div.ftdiv div.ftdivv dl.ddlll { width:16%; }
#Foot div.ftdiv div.ftdivv dl a { text-decoration:none; }
#Foot div.ftdiv div.ftdivv dl dt { margin:0.4rem 0 0 0; padding:0; }
#Foot div.ftdiv div.ftdivv dl dt h3 { margin:0; padding:0; font-size:0.9rem; }
#Foot div.ftdiv div.ftdivv dl dt h3 a { color:#006202; }
#Foot div.ftdiv div.ftdivv dl dd { margin:0; padding:0; }
#Foot div.ftdiv div.ftdivv dl dd h4 { margin:0 0 0 0.5rem; padding:0.1rem 0; font-weight:normal; font-size:0.75rem; }
#Foot div.ftdiv div.ftdivv dl dd h4 a:link { color:#4e4e4e; }
#Foot div.ftdiv div.ftdivv dl dd h4 a:visited { color:#4e4e4e; }
#Foot div.ftdiv div.ftdivv dl dd h4 a:hover { color:#4e4e4e; text-decoration:underline; }
#Foot div.ftdiv div.ftdivv dl dd h4 a:active { color:#4e4e4e; }
#Foot div.ftdiv div.area { margin:0 0 1.5rem 0; padding:0; }
#Foot div.ftdiv div.area h3 { margin:0; padding:0; font-size:0.87rem; }
#Foot div.ftdiv div.area h4 { margin:0 0 0 0.6rem; padding:0; font-weight:normal; font-size:0.75rem; width:10%; display:inline-block; }
#Foot div.ftdiv div.area h4 a:link { color:#4e4e4e; text-decoration:none; }
#Foot div.ftdiv div.area h4 a:visited { color:#4e4e4e; text-decoration:none; }
#Foot div.ftdiv div.area h4 a:hover { color:#4e4e4e; text-decoration:underline; }
#Foot div.ftdiv div.area h4 a:active { color:#4e4e4e; text-decoration:none; }
#Foot p.cpy { margin:0; padding:0.7rem 0; text-align:center; font-size:0.7rem; color:#fff; background:#067a00; }

/* 固定&カテゴリ&記事 */
#Main { margin:0 auto 100px; padding:1rem 0 0; width:90%; box-sizing:border-box; display:flex; flex-wrap:wrap; }
#Cont { margin:0 1rem 0 0; padding:0; flex:1; }
#Cont h2.conth2 { margin:0; padding:1rem; border-left:4px solid #005e1d; font-size:1.5rem; color:#000; box-sizing:border-box; }
#Side { margin:0 auto; padding:0.5rem; width:240px; flex: 0 0 240px; background:#fbfbfb; box-sizing:border-box; }
#Side dl { margin:0 0 5% 0; padding:0; background:#fff; display:block; }
#Side dl dt { margin:0 0 2% 0; padding:0; }
#Side dl dt h2 { margin:0; padding:10px; font-size:1rem; color:#000; line-height:110%; border-left:3px solid #ff3600; box-sizing:border-box; }
#Side dl dt h2 span { margin:6px 0 0 0; padding:0; font-size:70%; line-height:100%; font-weight:normal; color:#555; display:block; }
#Side dl dd { margin:0; padding:0; border-bottom:1px dotted #ebe8e7; }
#Side dl dd a:link { margin:0; padding:5% 4%; font-size:11.5px; color:#000; line-height:125%; text-decoration:none; box-sizing:border-box; display:block; }
#Side dl dd a:visited { color:#000; text-decoration:none; }
#Side dl dd a:hover { color:#000; text-decoration:none; background:#f5f0ef; }
#Side dl dd a:active { color:#000; text-decoration:none; }
#Side dl dd img { margin:0 auto; width:95%; height:auto; display:block; }
#Side dl dd a.svv { margin:2px 0; padding:2px 0 0 48px; height:49px; background-position:0 50%; background-repeat:no-repeat; background-size:45px 45px; display:block; }
#Side dl dd a.sv01 { background-image: url(./img/aircon_img01.jpg); }
#Side dl dd a.sv02 { background-image: url(./img/aircon_img02.jpg); }
#Side dl dd a.sv03 { background-image: url(./img/aircon_img04.jpg); }
#Side dl dd a.sv04 { background-image: url(./img/aircon_img03.jpg); }
#Side dl dd a.sv05 { background-image: url(./img/aircon_img05.jpg); }
#Side dl dd a.sv06 { background-image: url(./img/gaircon_img01.jpg); }
#Side dl dd a.sv07 { background-image: url(./img/gaircon_img02.jpg); }
#Side dl dd a.sv08 { background-image: url(./img/mizu_img01.jpg); }
#Side dl dd a.sv09 { background-image: url(./img/mizu_img02.jpg); }
#Side dl dd a.sv009 { background-image: url(./img/mizu_img03.jpg); }
#Side dl dd a.sv10 { background-image: url(./img/mizu_img04.jpg); }
#Side dl dd a.sv11 { background-image: url(./img/mizu_img05.jpg); }
#Side dl dd a.sv12 { background-image: url(./img/mizu_img06.jpg); }
#Side dl dd a.sv13 { background-image: url(./img/mizu_img07_01.jpg); }
#Side dl dd a.sv14 { background-image: url(./img/room_img01.jpg); }
#Side dl dd a.sv15 { background-image: url(./img/room_img02.jpg); }

#Side dl dd a.sv16 { background-image: url(./img/room_img03.jpg); }
#Side dl dd a.sv17 { background-image: url(./img/room_img04.jpg); }
#Side dl dd a.sv18 { background-image: url(./img/room_img05.jpg); }
#Side dl dd a.sv19 { background-image: url(./img/room_img06.jpg); }
#Side dl dd a.sv20 { background-image: url(./img/room_img07.jpg); }
#Side dl dd a.sv21 { background-image: url(./img/room_img08.jpg); }

#Side dl dd a.sv22 { background-image: url(./img/zaitaku_img01.jpg); }
#Side dl dd a.sv23 { background-image: url(./img/zaitaku_img01.jpg); }
#Side dl dd a.sv24 { background-image: url(./img/office_img01.jpg); }



#Side dl dd a.sv00 h3 { margin:0; padding:5px 0 0 0; font-size:13px; }
#Side dl dd a.sv00 h3 span { padding:2px 0 0 0; font-weight:normal; font-size:11px; color:#555; display:block; }

div.carousel-slider__caption { font-size:13px; }
h4.title { padding:1.5%; font-size:13px; line-height:110%; color:#000; }


/* 固定ページ */
h1.page-title { margin:0 auto; padding:1rem 0; width:100%; fonts-size:2rem; color:#000; }
h1.page-title span { margin:0 auto; padding:1rem 0; width:98%; font-size:12.5px; font-weight:normal; color:#444; box-sizing:border-box; display:block; }
.page-content { margin:0 auto 100px; pdding:0; width:85%; display:block; }
.page-content img.not404 { margin:0 auto 50px; padding:0; max-width:90%; width:1000px; display:block; }
.page-content p.pcom404 { text-align:center; }

/*** 会社概要ページ ***/
h3.comph3 { margin:3% 0 0; padding:0; color:#000; line-height:140%; }
h3.comph3 span { margin:4% 0 0 0; padding:0; font-size:50px; line-height:110%; font-weight:bold; display:block; }
h3.comph3 span.br-sp { margin:0; display:none; border:none; }
h3.comph3 span.br-pc { margin:0.8% 0; line-height:auto; display:block; }
h3.comph3 strong { margin:0; padding:0; font-size:50px; font-weight:bold; display:inline; }
p.subp { marign:0 auto; padding:0; width:98%; line-height:28px; color:#333; font-size:105%; }
div.area00 { margin:0 auto; padding:0; width:auto; }
div.area00 p { line-height:180%; letter-spacing:1px; }
hr { border:none; background-color:#fff; margin:80px 0; }
ul.compul { margin:30px auto 0; padding:0; background:none; display:flex; }
ul.compul li { margin:0 auto; padding:4% 1.5%; width:32%; border-top:1px solid #222; box-sizing:border-box; background:none; }
ul.compul li h4.comph4 { margin:0 0 2.5% 0; padding:0 0 2.5% 0; font-size:23px; color:#000; }
ul.compul li h4.comph4 span { margin:3% 0 0 0; font-size:13px; font-weight:normal; color:#444; display:block; }
ul.compul li p.comp { color:#000; font-size:99%; line-height:150%; }
div.staff01 { margin:3% 0; padding:0; width:90%; }
div.staff01 img.pht { margin:0; width:580px; height:auto; }
div.staff01 h4 { margin:0 0 1.5% 0; padding:0; line-height:100%; font-size:26px; color:#000; }
div.staff01 h5 { margin:0; padding:0; line-height:100%; font-size:15px; }
div.staff01 p { padding:2% 0 0 0; color:#000; font-size:99%; }
div.staff02 {}
div.staff02 ul.tempul { margin:0 auto; padding:0; list-style-type:none; display:flex;  flex-wrap:wrap; background:none; }
div.staff02 ul.tempul li { margin:0 auto 1.5%; padding:1% 2%; width:48.5%; box-sizing:border-box; border:1px solid #dbdbdb; border-radius:2px; background:none; }
div.staff02 ul.tempul li h4 { font-size:23px; }
div.staff02 ul.tempul li h4 span { font-size:15px; color:#555; }
div.staff02 ul.tempul li p { color:#000; font-size:99%; }
ul.gaiyoudiv { margin:5% 0 0 0; padding:0; width:98%; background:none; list-style:none; display:block; }
ul.gaiyoudiv li.gli { margin:0; padding:2rem 0; font-size:95%; height:auto; align-items:center; background-color:none; width:100%; box-sizing:border-box; border-bottom:1px solid #efefef; display:flex; background-image:url(./img/line_dot.gif); background-position:0% 100%; background-repeat:no-repeat; background-size:20% 1px; }
ul.gaiyoudiv li.gli .divl { margin:0; padding:0; width:20%; }
ul.gaiyoudiv li.gli .divl h4 { margin:0; padding:0; text-align:center; }
ul.gaiyoudiv li.gli .divr { margin:0; padding:0; padding-left:1.5rem; width:80%; }
/*** プライバシーポリシーページ ***/
hr.pphr { border-top: 1px solid #dbdbdb; margin:70px 0; }
ul.ppul { margin:0; padding:0; width:100%; display:block; background:#fff; }
ul.ppul li { magin:0 0 0.5rem 0; padding:0 0 0.5rem 0; width:100%; font-size:99%; color:#000; display:block; }
p.ppcom { margin:50px 0; display:block; }
/*** 対応エリアページ ***/
div.areadiv { margin:0 auto; padding:3% 0; width:90%; display:flex; justify-content:center; align-items:center; }
div.areadiv p.arep { margin:0; padding:0; text-align:center; width:20%; display:block; }
div.areadiv p.arep a { margin:0 auto; padding:1rem 0 0 0; border:3px solid #54ae17; border-radius:35px; text-align:center; width:90%; color:#326f09; line-height:30%; font-size:1.3rem; font-weight:bold; letter-spacing:2px; text-decoration:none; display:inline-block; }
div.areadiv p.arep a .icon-down { margin:0 auto; padding:7px 0 0 0; width:22px; height:22px; fill:none; stroke: #333; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; display:block; }
div.areaa { margin:0 auto 2rem; padding:1rem; border:10px solid; border-image: linear-gradient(to right, #7be31d, #7be31d) 1; height:auto; width:98%; margin-inline: auto; border-radius:15px; box-sizing:border-box; display:block; }
div.areaa h4 { margin:2% 0 0; padding:0; font-size:230%; color:#000; line-height:100%; }
div.areaa h4 span { font-size:0.9rem; font-weight:normal; color:#666; display:block; }
table.tbb { margin:0 auto; padding:0; background-color: #fff; border-collapse:collapse; width:100%; }
table.tbb th,td { padding:0; border:1px solid; text-align:center; }
table.tbb td.tddd { background:#eceae6; padding:0.8rem 0; font-size:130%; font-weight:bold; color:#000; }
table.tbb td.tdd { width:25%; padding:0; }
table.tbb td a:link { margin:0; padding:1.7rem 0; text-decoration:none; font-size:0.9rem; color:#000; line-height:0; width:100%; display:block; }
table.tbb td a:visited { text-decoration:none; color:#000; }
table.tbb td a:hover { background:#faf7f2; color:#000; }
table.tbb td a:active { text-decoration:none; color:#000; }
table.tbb td a:focus { text-decoration:none; color:#000; }
ul.areul { omargin:0 auto; padding:0 0 1rem 0; width:98%; background:#fff; display:flex; }
ul.areul li { width:49%; display:block; }
ul.areul li img.areimg { margin:0 auto; width:95%; height:auto; display:block; }
ul.areul li iframe { margin:0 auto; padding:0; width:85%; height:320px; border:none; display:block; }
div.areaddiv { margin:0 auto; padding:1% 0; }
div.areaddiv a { margin:0 auto; padding:0.6rem 0; font-size:110%; font-weight:bold; border:5px solid #ccc; border-radius:30px; text-align:center; width:70%; text-decoration:none; display:block; }
div.areawaku { margin:0 auto 3%; padding:3%; background:#f7f7f7; border-radius:15px; }
h4.awh4 { margin:0 0 2% 0; padding:0; font-size:150%; color:#000; line-height:100%; }
h4.awh4 span { margin:0; padding:5px 0 0 0; font-size:12px; color:#555; font-weight:normal; display:block; }
ul.awul { margin:0 auto; padding:0; width:97%; display:flex; flex-wrap:wrap; }
ul.awul li { margin:0; padding:0; width:18%; display:block; }
ul.awul li a { margin:0; padding:1rem 0; text-decoration:none; font-size:110%; font-weight:bold; color:#2c4709; display:block; }
div.anshin { marign:0 auto; padding:4% 0; display:block; }
ul.anul { margin:0 auto; padding:0; width:98%; display:flex; background:#fff; }
ul.anul li { margin:0 auto; padding:0; width:31.5%; display:block; }
ul.anul li img { margin:0 auto; width:90%; height:auto; display:block; }
ul.anul li h4 { margin:0 0 7% 0; padding:7% 0; border-bottom:3px solid #266c00; text-align:center; font-size:140%; color:#000; }
div.anshin img.iimg { margin:0 auto; max-width:690px; width:70%; display:block; }
p.ppcom0 { margin:50px auto; width:95%; display:block; }
p.ppcom00 { margin:0 auto; width:90%; font-size:105%; line-height:150%; display:block; }
/* LINE登録 */
div.flow { margin:0 auto; width:98%; padding:0; display:block; }
div.flow h4.flh4 { margin:0 0 1% 0; padding:; font-size:180%; color:green; text-align:center; }
div.flow ul.flow01 { margin:0 auto 3%; padding:0; background:#fff; }
div.flow ul.flow01 li { margin:0 auto; padding:1%; width:32%; box-sizing:border-box; border-radius:18px; background:green; }
div.flow ul.flow01 li h5 { margin:0 0 0.5% 0; padding:0; font-size:125%; font-weight:bold; color:#fff; text-align:center; }
div.flow ul.flow01 li img { margin:0 auto 5%; padding:0; width:70%; height:auto; display:block; }
div.flow ul.flow01 li p { margin:0 auto; padding:3.5%; width:95%; box-sizing:border-box; border-radius:18px; background:#fff; color:#000; display:block; }
/* インクルード サービス */
div.service0 { margin:3% 0 0 0; padding:2%; width:98%; background:#f8f2f2; box-sizing:border-box; text-align:center; box-shadow: 0px 0px 7px #ebebeb; border-radius:5px; display:block; }
div.service0 h2.svh2 { position:relative; display: inline-block; text-align: center; padding:1em 1em 0; font-size:3rem; line-height:100%; margin:0 auto 0.5em; letter-spacing:0; }
div.service0 h2.svh2::before, h2.svh2::after { position: absolute; content: ''; top: calc(50% - 25px); height:80px; border-left:#000 solid 4px; }
div.service0 h2.svh2::before { left:0; transform: rotate(-20deg); }
div.service0 h2.svh2::after { right:0; transform: rotate(20deg); }
div.service0 h2.svh2 span { margin:0; padding:0; font-size:1rem; text-align:center; display:block; }
div.service0 h3 { margin:0 auto 5%; width:95%; font-size:2.2rem; color:#074800; line-height:115%; text-align:center; font-weight:normal; }
div.service0 h3 span { margin:0; padding:0; display:inline; }
div.service0 ul.sev4 { margin:0 auto; background:none; }
div.service0 ul.sev4 li { position:relative; margin:0 auto; padding:1.5%; width:23.5%; box-sizing:border-box; background:#fff; z-index:1; }
div.service0 ul.sev4 li h3.sevh3 { padding:0.5rem 0; font-size:1.17rem; font-weight:bold; }
div.service0 ul.sev4 li span.spno { position:absolute; margin:0 auto; padding:1rem 0 0 0; top:20px; left:50%; transform: translate(-50%, -50%); width:100px; height:100px; border-radius:50px; text-align:center; font-size:1.2rem; font-weight:bold; color:#000; background:#fff; z-index:0;}
div.service0 ul.sev4 li h3,
div.service0 ul.sev4 li img,
div.service0 ul.sev4 li p { position:relative; font-size:0.9rem; color:#000; z-index: 2; }
div.service0 ul.sev4 li img.limgg { margin:0 auto; width:auto; height:80px; display:block; }
div.service0 div.svlist { margin:0 auto; padding:2%; width:100%; box-sizing:border-box; background:#fff; display:block; }
div.service0 div.svlist dl.svdt { margin:0 auto 2%; padding:0 0 2%; border-bottom:3px solid #e6e6e6; display:flex; }
div.service0 div.svlist dl.svdt dt { margin:0; padding:0; width:20%; }
div.service0 div.svlist dl.svdt dt img { margin:0 auto; width:98%; display:block; }
div.service0 div.svlist dl.svdt dd { margin:0; padding:0; width:80%; }
div.service0 div.svlist dl.svdt dd h3 { margin:0; padding:0; font-size:1.3rem; font-weight:bold; text-align:left; }
div.service0 div.svlist dl.svdt dd h3 a { text-decoration:none; }
div.service0 div.svlist dl.svdt dd h3.sdd01 a { color:#1a4a00; }
div.service0 div.svlist dl.svdt dd h3.sdd02 a { color:#005291; }
div.service0 div.svlist dl.svdt dd h3.sdd03 a { color:#a04000; }
div.service0 div.svlist dl.svdt dd h3.sdd04 a { color:#56458c; }
div.service0 div.svlist dl.svdt dd h3.sdd05 a { color:#947759; }
div.service0 div.svlist dl.svdt dd h3 span { font-size:0.8rem; font-weight:normal; display:block; }
div.service0 div.svlist dl.svdt dd div { display:flex; flex-wrap:wrap; }
div.service0 div.svlist dl.svdt dd div a { margin:0.25rem; padding:0.3rem 0.35rem 0.2rem; text-align:center; font-size:0.85rem; text-decoration:none; color:#fff; border-radius:7px; display:inline-block; }
div.service0 div.svlist dl.svdt dd div a.svlk01_00 { background:#3a9100; }
div.service0 div.svlist dl.svdt dd div a.svlk01_01 { background:#122e00; }
div.service0 div.svlist dl.svdt dd div a.svlk02_00 { background:#005291; }
div.service0 div.svlist dl.svdt dd div a.svlk03_00 { background:#a04000; }
div.service0 div.svlist dl.svdt dd div a.svlk04_00 { background:#56458c; }
div.service0 div.svlist dl.svdt dd div a.svlk05_00 { background:#947759; }
/*** お支払い・料金 ***/
div.fee { margin:0 auto; padding:24px 0; text-align:center; }
div.fee h2 { position:relative; display:inline-block; margin:0 auto; padding:65px 0 0 80px; text-align:center; color:#000; font-size:40px; font-weight:900; line-height:1.15; }
div.fee h2::before { content: ""; position: absolute; left: 0; top: 50%; width: 75px; height: 145px; transform: translateY(-50%); background: url("./img/fee_icon.png") center / contain no-repeat; }
div.fee h2 span { display:block; margin-top:6px; color: #0042e8; font-size:20px; font-weight:300; line-height: 1.3; }
div.fee ul.item3 { margin:0 auto; padding:0; background:#fff; width:98%; }
div.fee ul.item3 li { margin:0 auto; padding:2%; background-color:#fafafa; width:31%;
	background-image: url("./img/cn01.png"),url("./img/cn02.png"),url("./img/cn03.png"),url("./img/cn04.png");
	background-position: 0% 0%,100% 0%,0 100%,100% 100%;
	background-repeat:no-repeat;
	background-size:15px 15px;
	box-sizing:border-box;
	display:block;
 }
div.fee ul.item3 li h3 { color:#0048ff; font-size:140%; }
div.fee ul.item3 li p { margin:0 auto; text-align:left; width:100%; font-size:12.5px; }
div.fee p.fpp { margin:0 auto; padding:2% 0; width:96%; text-align:right; }

#Fee { margin:0 auto 15%; padding:0; text-align:center; display:block; }
#Fee h2 { position:relative; font-size:170%; color:#000; display:inline-block; margin-bottom:1em; }
#Fee h2:before { content: ''; position: absolute; bottom: -20px; display: inline-block; width:60px; height:5px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: black; border-radius:4px; }
#Fee ul.feeul { margin:4% auto 0; padding:0; width:97%; flex-wrap:wrap; background:#fff; }
#Fee ul.feeul li { margin:0 1% 2.5%; padding:1%; width:31%; box-sizing:border-box; border:1px solid #e0e0e0; border-radius:3px; display:block; }
#Fee ul.feeul li.feeuli { border:1px solid #4fb000; box-shadow:0 0 5px #ccc; }
#Fee ul.feeul li h3 { margin:0 auto; padding:5% 1.7% 3%; background:#005b06; font-size:125%; font-weight:normal; line-height:115%; text-align:center; color:#fff; box-sizing:border-box; border-radius:3px; vertical-align:middle; }
#Fee ul.feeul li h3 span { margin:0; padding:0; font-size:13px; display:block; }
#Fee ul.feeul li img { margin:0 auto; width:99%; height:auto; display:block; }
#Fee ul.feeul li p.feep { margin:0 auto; padding:13% 0 10%; text-align:center; font-size:300%; color:#000; }
#Fee ul.feeul li p.feep span { font-size:14px; display:inline; }
#Fee ul.feeul li p.feep small { margin:0; padding:0; font-size:12.5px; letter-spacing:2px; color:#000; display:block; }

#Fee ul.feeul li p.feepp { margin:0 auto; padding:0; width:95%; display:flex; align-items:center; gap:10px; font-size:14px; font-weight:700; color:#000; line-height:1.5; }
#Fee ul.feeul li p.feepp::before { content:""; width:20px; height:20px; flex:0 0 20px; background-repeat:no-repeat; background-position:center; background-size:contain; }
#Fee ul.feeul li p.feepp.icon-time::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23333'/%3E%3Cpath d='M12 6v6l4 2' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#Fee ul.feeul li p.feepp.icon-yen::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='10' fill='%23333'/%3E%3Cpath d='M9 7l3 5 3-5M9 13h6M9 16h6' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
#Fee ul.feeul li p.feepp span { font-size:80%; display:inline; }
#Fee ul.feeul li div.fediv { margin:2% auto; padding:1%; background:#f1f1f1; display:block; }
#Fee ul.feeul li p.feebt { margin:4% auto 0; padding:1%; text-align:center; }
#Fee ul.feeul li p.feebt a { margin:0 auto; padding:3% 0; background:#007d08; color:#fff; vertical-align:text-top; font-size:90%; letter-spacing:0; font-weight:bold; text-decoration:none; border-radius:3px; background-image: linear-gradient(70deg, #007d08, #009b0a); display:block; }
#Fee ul.feeul li p.feebt a img { marin:0; padding:0; width:16px; height:16px; vertical-align:text-top; display:inline; }
#Fee .markerf { background:linear-gradient(transparent 50%, rgba(150, 255, 0,0.5) 50%); display:inline; color:#000; font-size:110%; background-repeat: no-repeat; background-size: 0% 100%; transition:background-size 1.5s; }
#Fee .markerf.on { background-size: 100% 100%; }
#Fee .sysnav { margin:3% auto 2%; padding:0;  }
#Fee .sysnav li { margin:0 auto; paddig:0; width:16.3%; }
#Fee .sysnav li a { margin:0; padding:0.6rem 0 0.4rem; text-decoration:none; text-align:center; font-size:93%; color:#000; font-weight:bold; line-height:120%; display:block; vertical-align:middle; }
#Fee .sysnav li a span { margin:0; padding:0; font-size:10px; line-height:150%; display:block; }
#Fee .sysnav li a.onlink { background:#005b06; color:#fff; }
#Fee .sysnav li a img { margin:3px auto 2px; padding:0; width:11px; height:7px; display:block; }
#Fee p.syscom { margin:0 auto; padding:0; width:95%; font-size:0.75rem; line-height:170%; letter-spacing:1px; text-align:left; display:block; }
dl.fldl { margin:1% auto; padding:0; width:98%; background:#f6f4f1; border-radius: 3% / 50%; display:flex; justify-content:center; align-items:center; }
dl.fldl dt { width:30%; }
dl.fldl dt img { margin:0 auto; width:65%; height:auto; display:block; }
dl.fldl dd { margin:0; padding:1.5%; width:70%; text-align:left; box-sizing:border-box; }
dl.fldl dd p.pstp { margin:1% 0; padding:0; font-size:26px; color:#595d62; }
dl.fldl dd p.pstp span { padding:0 5px 0 0; font-size:14px; }
dl.fldl dd h3 { margin:1% 0; padding:10px 0 0 0; font-size:17px; border-top:2px dotted #999; display:block; }
dl.fldl dd p.flp { margin:0; font-size:13.5px; }
dl.fldl dd p.flp a { margin:2% 1.5%; padding:0; font-weight:bold; display:block; }
p.flarrow { margin:0; padding:0; text-align:center; }
p.flarrow img { margin:0 auto; width:30px; height:auto; display:block; }
div.feetc { margin:2% auto; padding:2% 0; border:8px solid #ededed; box-sizing:border-box; display:block; }
div.feetc div { margin:0 auto 3%; padding:0; width:98%; box-sizing:border-box; display:block; }
div.feetc div h3 { margin:0; padding:1.5%; background:#ebe9e5; border-radius:4px; text-align:left; }
div.feetc div p { padding:0 1.5%; text-align:left; font-size:93%; box-sizing:border-box; }
div.feetc div ul.feetcul { background:#fff; flex-wrap:wrap; }
div.feetc div ul.feetcul li { margin:0; padding:1.5%; width:33%; box-sizing:border-box; }
div.feetc div ul.feetcul li h4 { padding:0 0 1.5%; border-bottom:5px solid #f6f4f1; }
div.feetc div ul.feetcul li img { margin:0 auto; width:98%; height:auto; display:block; }
div.feetc div img.pimg { margin:1.5% auto; width:70%; height:auto; display:block; }
p.sevp { margin:0 auto; }
p.sevp img { float:left; margin:0 1rem 1rem 0; width:45%; height:auto; }
/*** サービス一覧 ***/
img.iiimg { margin:0 auto; width:90%; height:auto; display:block; }
img.iiimg0 { margin:0 auto; width:100%; height:auto; display:block; }
div.svwaku { margin:0 auto 1.5%; padding:0%; width:95%; box-sizing:border-box; border:4px solid #f8f8f8; display:flex; }
div.svwaku a { display:block; }
div.svwaku p { margin:0; padding:1.5% 1.5% 1% 1.5%; width:25%; }
div.svwaku p a img { margin:0 auto; width:95%; height:auto; display:block; }
div.svwaku div { margin:0; width:75%; box-sizing:border-box; }
div.svwaku div a { margin:0; width:100%; height:100%; text-decoration:none; background-image: url("./img/arrow_sys.png"); background-position:95% 50%; background-size:20px 20px; background-repeat:no-repeat; display:block; }
div.svwaku div.svdiv a h4 { margin:0 0 3%; color:green; font-size:130%; }
div.svwaku div.svdiv a ol { list-style-type:disc; }
div.svwaku div.svdiv a ol li { margin:0 0 0.2rem 0; padding:0 0 0.2rem; font-size:95%; color:#555; }
p.subp01 { margin:0 auto; padding:1.5%; width:95%; box-sizing:border-box; }
.sevkabi { margin:0 auto; padding:2% 0; width:95%; text-align:center; display:block; }
.sevkabi h4 { position:relative; font-size:170%; color:#000; display:inline-block; margin-bottom:1em; }
.sevkabi h4:before { content: ''; position: absolute; bottom: -20px; display: inline-block; width:60px; height:5px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: black; border-radius:4px; }
.sevkabi div { marign:0 auto; padding:1.5% 0; display:flex; justify-content:center; center; align-items:center; }
.sevkabi div dl { width:50%; }
.sevkabi div dl dt h5 { font-size:23px; font-weight:bold; line-height:150%; text-align:left; }
.sevkabi div dl dt h5 span { font-size:14px; display:block; }
.sevkabi div dl dd { margin:0; text-align:left; }
.sevkabi div dl dd p { font-size:93.5%; line-height:150%; letter-spacing:1px; }
.sevkabi div p.casep { width:50%; }
.sevkabi div p.casep img { margin:0 auto; width:90%; height:auto; display:block; }
/* 業務 */
div.gys { margin:0 auto; padding:1.5% 0 0; width:90%; text-align:center; display:block; }
div.gys h3 { position:relative; font-size:170%; color:#000; display:inline-block; margin-bottom:1em; }
div.gys h3:before { content: ''; position: absolute; bottom: -20px; display: inline-block; width:60px; height:5px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: black; border-radius:4px; }
div.gys ul.gysul { margin:0 auto; padding:0; background:#fff; }
div.gys ul.gysul li { margin:0 auto; padding:1.5%; width:31.5%; box-sizing:border-box; display:block; }
div.gys ul.gysul li img { margin:0 auto; width:98%; height:auto; display:block; }
div.gys ul.gysul li p { font-size:93.5%; line-height:150%; letter-spacing:1px; text-align:left; }
div.gys p { font-size:93.5%; line-height:150%; letter-spacing:1px; text-align:left; }
/* お部屋回り */
ul.nayamiul { margnin:0 auto; padding:2%  0; display:flex; flex-wrap:wrap; background:#fff; }
ul.nayamiul li { margin:1.5% auto; padding:1.5%; width:48%; border:1px solid #ccc; box-sizing:border-box; }
ul.nayamiul li a { text-decoration:none; display:block; }
ul.nayamiul li a h4 { font-size:120%; color:#000; }
ul.nayamiul li a img { margin:0 auto; padding:0; width:95%; height:auto; }
ul.nayamiul li p { margin:0 auto; width:98%; font-size:93.5%; color:#000; line-height:150%; letter-spacing:1px; text-align:left; }
ul.nayamiul li p span { margin:1.7% 0 3px 0; padding:3px 0 2px; color:#000; font-weight:bold; text-align:center; width:100px; border-radius:7px; display:block; }
p.nayami span { background:#ffefe0; }
p.kaiketu span { background:#f4e0ff; }
/* 空室・在宅 */
ul.akiul { margin:0 auto; padding:2% 0; display:flex; flex-wrap:wrap; background:#fff; }
ul.akiul li { margin:0 auto; padding:1.5%; width:48%; box-shadow:0 0 5px #ccc; box-sizing:border-box; }
ul.akiul li a { text-decoration:none; display:block; }
ul.akiul li a img { margin:0 auto; width:98%; height:auto; display:block; }
ul.akiul li a h4 { font-size:120%; color:#000; }
ul.akiul li a p { margin:0 auto; width:98%; font-size:93.5%; color:#000; line-height:150%; letter-spacing:1px; text-align:left; }
.video-container {  position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width: 100%; max-width: 800px; margin: 0 auto 20px; }
.video-container iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
div.gys0 { margin:0 auto; padding:2% 0; width:90%; text-align:center; display:block; }
div.gys0 img { margin:1.5% auto; padding:0; width:85%; height:auto; display:block; }
div.gys0 h3 { position:relative; font-size:170%; color:#000; display:inline-block; margin-bottom:1em; }
div.gys0 h3:before { content: ''; position: absolute; bottom: -20px; display: inline-block; width:60px; height:5px; left:50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: black; border-radius:4px; }
.gys0 table { margin:2% auto 0; width:95%; border-collapse:collapse; border:2px solid rgb(140 140 140); font-family: sans-serif; font-size: 0.8rem; letter-spacing: 1px; }
.gys0 caption { caption-side: bottom; padding: 10px; font-weight: bold; }
.gys0 thead,
tfoot { background-color: rgb(228 240 245); }
.gys0 th,
td { border: 1px solid rgb(160 160 160); padding:1.5rem 0; color:#000; font-size:120%; }
.gys0 td:last-of-type { text-align: center; }
.gys0 div.attn { margin:1.5% 0; font-size:1.2rem; line-height:150%; color:red; font-weight:bold; }
.gys0 ol.gyol { margin:2% auto; padding:0; width:90%; list-style-type:disc; text-align:left; }
.gys0 ol.gyol li { margin:0 0 0.3rem; padding:0 0 0.3rem; font-size:12.5px; border-bottom:1px solid #e4e4e4; }
.gys0 ol.gyol li:last-child { border-bottom:none; }
.gys0 p.tbp { margin:0; padding:1rem 0; text-align:center; font-size:130%; color:#000; display:block; }
.gys0 p { margin:0 auto; padding:1rem 0; width:95%; text-align:left; line-height:150%; }
.gys0 ul.gysul { margin:0 auto; padding:0; width:95%; background:#fff; display:block; }
.gys0 ul.gysul li { margin:0; padding:1% 0; width:100%; border-bottom:1px solid #e4e4e4; display: flex; justify-content: center; align-items: center; flex-wrap:wrap; }
.gys0 ul.gysul li p { margin:0; padding:0; display:block; }
.gys0 ul.gysul li p.gyspl { width:20%; }
.gys0 ul.gysul li p.gyspl img { margin:0 auto; width:70%; height:auto; display:block; }
.gys0 ul.gysul li p.gyspr { width:80%;  }
.gys0 ol.olcunt { margin:0 auto; padding:0; width:95%; list-style-type:decimal; }
.gys0 ol.olcunt li { margin:0 0 0.3rem; padding:0 0 0.3rem; font-size:12.5px; border-bottom:1px solid #e4e4e4; text-align:left; }
.gys0 iframe { margin:0 auto; display:block; }
.gys0 ul.kcul { margin:1.5% auto; padding:0; background:#fff; }
.gys0 ul.kcul li { margin:0 auto; padding:0; width:48%; }
.gys0 ul.kcul li h4 { margin:0; padding:0; font-size:140%; color:#000; }
.gys0 ul.kcul li img { margin:0 auto; width:95%; height:auto; display:block; }

ul.mizul { margin:1.5% auto 0; padding:0; width:98%; background:#fff; display:flex; justify-content: space-between; flex-wrap:wrap; }
ul.mizul li { margin:0 0 3%; padding:0; width:31.5%; box-shadow:0 0 5px #ccc; box-sizing:border-box; border-radius:4px; }
ul.mizul li a { padding:1.5%; text-decoration:none; display:block; }
ul.mizul li a h5 { font-size:18px; font-weight:bold; color:#000; }
ul.mizul li a h5 span { font-size:11.5px; color:#777; display:block; }
ul.mizul li a img { margin:0 auto; width:50%; height:auto; display:block; }
ul.mizul li a p { margin:0 auto; padding:2% 0; width:92%; text-align:left; color:#333; font-size:12.5px; line-height:150%; display:block; }

dl.neadl { margin:3% auto; padding:0; display:flex; justify-content: space-between; flex-wrap:wrap; }
dl.neadl dt { margin:0; padding:0; width:35%; }
dl.neadl dt img { margin:0 auto; width:98%; border-radius:7px; }
dl.neadl dd { margin:0; padding:0; width:65%; }
dl.neadl dd div.dlist { margin:0 auto 0.6rem; padding:0 0 0.6rem; width:94%; border-bottom:1px solid #e4e4e4; display:block; }
dl.neadl dd div.dlist p { margin:0 0 1.5%; padding:0; display:block; }
dl.neadl dd div.dlist .kingaku small { margin:0 0 0.5rem; padding:0; font-size:0.95rem; color:#666; display:block; }
dl.neadl dd div.dlist .stit { margin:0 0 10px; font-size:130%; line-height:150%; font-weight:bold; color:#25620a; }
dl.neadl dd div.dlist .kingaku { font-size:300%; color:#000; font-family: Arial, Helvetica, sans-serif; }
dl.neadl dd div.dlist .kingaku span { margin:0; padding:0; font-size:1rem; display:inline; }
dl.neadl dd div.dlist .kgsub { color:#800000; font-size:110%; }
dl.neadl dd div.dlist .kgsub span { margin:0.8%; padding:0.9% 1.3%; font-size:0.8rem; display:inline-block; border:1px solid #ccc; }
dl.neadl dd ol { margin:0; width:90%; list-style-type:disc; }
dl.neadl dd ol li { margin:0 0 0.5rem; padding:0 0 0.5rem; border-bottom:1px solid #eeeeee; }
dl.neadl dd ol li:last-child { border:none; }
/*** カテゴリ ***/
div.faq-tag-group { margin:0 auto; padding:0; }
div.faq-tag-group h3 { margin:5% 0 0.5% 0; }
div.faq-tag-group ul { margin:0 auto; padding:0; background:#fff; display:flex; justify-content: space-between; flex-wrap:wrap; list-style-type:none; }
div.faq-tag-group ul li { margin:0 0 2%; padding:0; width:49%; box-shadow:0 0 5px #ccc; box-sizing:border-box; border-radius:4px; }
div.faq-tag-group ul li a { margin:0; padding:0.8rem; text-decoration:none; color:#333; line-height:150%; display:block; }
div.voice-tag-group { margin:0 auto; padding:0; }
div.voice-tag-group h3 { margin:5% 0 0.5% 0; }
div.voice-tag-group ul { margin:0 auto; padding:0; background:#fff; display:flex; flex-wrap:wrap; list-style-type:none; }
div.voice-tag-group ul li { margin:0 2% 2% 0; padding:0; width:24.5%; box-shadow:0 0 5px #ccc; box-sizing:border-box; border-radius:4px; }
div.voice-tag-group ul li img { margin:1% auto; padding:0; width:97%; height:auto; border-radius:4px; display:block; }
div.voice-tag-group ul li a { margin:0; padding:0.8rem; text-decoration:none; color:#333; line-height:150%; display:block; }
ul.clumul { margin:0 auto; padding:0; background:#fff; display:block; }
ul.clumul li { margin:0 auto; padding:0; display:flex; flex-wrap:wrap; }
div.infowaku { margin:5% auto 0; padding:0; display:block; }
div.infowaku ul.info-list { margin:0 auto; padding:0; width:100%; background:#fff; list-style-type:none; display:block; }
div.infowaku ul.info-list li { margin:0 0 2% 0; padding:0 0 2% 0; width:100%; border-bottom:1px dotted #ccc; display:block; }
div.infowaku ul.info-list li a { text-decoration:none; color:#333; font-size:1rem; display:block; }
div.infowaku ul.info-list li a span { margin:0.5% 0 0 0; font-size:12px; color:#888; display:block; }
div.campdiv { margin:4% auto; padding:5% 0; width:98%; border-bottom:1px dotted #ccc; display:block; }
div.campdiv:last-child { border-bottom:none; }
div.campdiv img { margin:0 auto; padding:0; width:80%; height:auto; display:block; }
div.campdiv h3 { margin:0; padding:2.5% 0 0; font-size:1.5rem; color:#000; display:block; text-align:center; }
div.campdiv p { margin:0 auto; padding:1% 0; width:85%; text-align:left; color:#333; font-size:12.5px; line-height:150%; display:block; }
ul.clumul { margin: 0 auto; padding: 0; width: 100%; display: flex; flex-wrap: wrap; list-style-type: none; }
ul.clumul li { margin: 0 0.5% 1%; padding: 0; width: 24%; border: 1px solid #dfdfdf; display: flex; flex-direction: column; box-sizing: border-box; }
ul.clumul li a { text-decoration:none; }
ul.clumul li a h3 { margin:0 auto; padding:0.5rem 0; width:95%; font-size:1rem; color:#000 }
ul.clumul li a span { margin:0 auto; width:95%; color:#8b8b8b; font-size:0.7rem; display:block; }
ul.clumul li img { margin: 0 auto; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; display: block; }
ul.clumul li div.divtag { margin:0 auto; padding:0; width:95%; box-sizing:border-box; }
ul.clumul li div.divtag p.tag { float:left; margin:0 0.4rem 0.75rem 0; display:block; }
ul.clumul li div.divtag p.tag a { padding:0.3rem 0.4rem; border:1px solid #9c9c9c; background:#fff; text-align:center; font-size:90%; }
div.ba-list { margin:0 auto; padding:0; background:#fff; display:flex; flex-wrap:wrap; list-style-type:none; }
div.ba-list div.ba-item { margin:0 auto 2%; padding:0; width:31%; border:1px solid #dfdfdf; }
div.ba-list div.ba-item a { margin:0 auto; padding:0; width:97%; text-decoration:none; }
div.ba-list div.ba-item a img { margin:0 auto; padding:0; width:100%; height:auto; display:block; }
div.ba-list div.ba-item a h3 { margin:0 auto; padding:0.7rem 0 0; width:95%; font-size:1rem; color:#000; }

/*** お問合せ ***/
div.telwaku { margin:3% auto; padding:3%; max-width:1000px; width:90%; border:1px solid #ccc; box-sizing:border-box; text-align:center; display:block; }
div.telwaku a { margin:2.5% auto 1%; padding:0; text-decoration:none; font-size:45px; line-heigth:140%; font-weight:bold; color:#000; display:block; }
div.faqwaku { margin:3% auto; padding:2% 0; max-width:1000px; width:90%; background:#f4f4f4; box-sizing:border-box; text-align:center; display:block; }
div.faqwaku h4 { margin:0 auto 1.5%; padding:0; }
div.faqwaku ul { margin:0 auto; padding:1%; width:90%; background:#fff; }
div.faqwaku ul li { margin:0 auto; text-align:center; width:16.6%; border-right:1px solid #ccc; }
div.faqwaku ul li:last-child { border:none; }
div.faqwaku ul li a { text-decoration:none; font-size:13px; text-decoration:none; color:#000; }
ul.ulist { margin:0 auto; padding:0; width:95%; list-style-type:disc; background:#fff; display:block; }
ul.ulist li { background:#fff; width:100%; dsiplay:block; }
span.ptit { color:#00724b; }
div.mitmoribut { margin:3.5% auto; padding:0; width:75%; text-align:center; }
div.mitmoribut h3 { margin:0; padding:0; line-height:100%; align-items:center; }
div.mitmoribut h3 a { margin:0 auto; padding:2% 0; background:#045200; color:#fff; text-decoration:none; font-size:48px; display:block; }
div.mitmoribut h3 a img { height:48px; }
div.mitmoribut h3 a span { margin:0; padding:0; font-size:15px; line-height:135%; font-weight:normal; display:block; }

/* 外枠 */
.maildiv { margin: 0 auto; padding: 0; max-width: 1000px; width: 85%; border: 1px solid #c7c7c7; box-sizing: border-box; }
/* 1行（dt/dd） */
.maildiv .maildl { margin:0; padding:0; border-bottom:1px solid #c7c7c7; display:flex; align-items:stretch; }
/* 左：項目名 */
.maildiv .maildl dt { margin: 0; padding: 18px 14px; width:30%; font-size:16px; box-sizing: border-box; background: #f7f8f6; border-right: 1px solid #c7c7c7; display: flex; align-items: center; font-weight: 700; }
/* 右：入力欄 */
.maildiv .maildl dd { margin: 0; padding: 12px 14px; width:70%; box-sizing:border-box; display:flex; align-items: flex-start; flex-direction: column; }
.maildiv .maildl dd p{ margin: 0; width: 100%; }

.maildiv .maildl dd label,
.maildiv .maildl dd .wpcf7-form-control-wrap { width: 100%; display: block; }

.maildiv input[type="text"],
.maildiv input[type="email"],
.maildiv input[type="tel"]{ width:100%; box-sizing: border-box; padding:18px 16px; border:0; font-size:1.1rem; background: #f6f6f6; outline: none; }
/* テキストエリア */
.maildiv textarea { width: 100%; box-sizing: border-box; padding:16px; border:0; font-size:1.1rem; background: #f6f6f6; min-height: 160px; outline: none; resize: vertical; }
/* select */
.maildiv select { width: 100%; box-sizing: border-box; padding: 16px; border: 0; background: #f6f6f6; outline: none; }
div.maildiv dl.maildl dd select { margin:0; padding:5%; border:0; background:#f6f6f6; width: 100% !important; max-width: 420px; box-sizing:border-box; font-size: 1rem; }
/* iOSや一部ブラウザ対策 */
div.maildiv dl.maildl dd select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='2'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 8px; }
div.maildiv .maildl dd .dva01 { margin:0 auto; padding:18px 6px; width:99%; color:#000; font-size:13.5px; border-bottom:1px solid #eee; box-sizing:border-box; }
div.maildiv .maildl dd .dva01:last-child { border-bottom: 0; }
div.maildiv .maildl dd .dva01 h4 { margin: 0 0 12px; padding: 0; font-size:17px; font-weight: 800; }
div.maildiv .maildl dd .dva01 .wpcf7-checkbox { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; row-gap: 9px; }
div.maildiv .maildl dd .dva01 .wpcf7-list-item { margin:0; }
div.maildiv .maildl dd .dva01 .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 8px; line-height: 1.4; }
div.maildiv .maildl dd .dva01 input[type="checkbox"] { margin: 0; }
p.mlch { text-align:center; }




/* 送信ボタン */
.wpcf7 input[type="submit"]{ display: block; width: min(420px, 100%); margin: 18px auto 0; padding: 16px 20px; border: 0; border-radius: 999px; background: #f4a900; color: #222; font-weight: 700; cursor: pointer; }
/* エラーメッセージの余白崩れ対策 */
.maildiv .wpcf7-not-valid-tip{ margin-top: 8px; }
/* 必須ラベル */
.req { display: inline-block; margin-right: 8px; padding: 2px 6px; font-size: 12px; font-weight: 700; color: #fff; background: #e60000; border-radius: 3px; line-height: 1.2; }
/* 任意ラベル */
.opt { display: inline-block; margin-right: 8px; padding: 2px 6px; font-size: 12px; font-weight: 700; color: #555; background: #dfe5ea; border-radius: 3px; line-height: 1.2; }
/* CF7のfieldsetの枠を消す */
.wpcf7 fieldset { border: none; padding: 0; margin: 0; }
.wpcf7 fieldset.hidden-fields-container { border: 0 !important; outline: none !important; box-shadow: none !important; }












/* イベント */
.evon { margin:0; padding:3% 0; width:98%; display:block; }
.evon img { margin:0 auto 2%; width:90%; height:auto; display:block; }
.evon p { margin:0 auto; width:90%; font-size:96%; line-height:150%; color:#000; display:block; }
.evoff { margin:0; padding:0; display:none; }

/* 誘導枠 */
div.yudo { margin:4% auto; padding:1%; width:97%; box-sizing:border-box; background:#f9f9f9; }
ul.bnul { margin:0 auto; max-width:1100px; display:flex; flex-wrap:wrap; }
ul.bnul li { margin:0 auto; padding:0; width:32.5%; diplay:block; }
ul.bnul li a { margin:0 auto; padding:3% 0; text-align:center; text-decoration:none; font-size:1rem; font-weight:bold; background:#fff; border-radius:2px; display:block; }
ul.bnul li a.bnlk01 { color:#ff0000; }
ul.bnul li a.bnlk02 { color:#054076; }
ul.bnul li a.bnlk03 { color:#006900; }
ul.bnul li a img { margin:0 auto 5px; display:block; }
img.bnnimg { margin:10px auto 0; max-width:1000px; width:820px; display:block; }
/* 施工事例 */
.bbfaf img { max-width: 100%; height: auto; }
.bbfaf { width:100%; margin:0 auto; box-sizing:border-box; }
.bbfaf .bfaf { margin:0 0 1% 0; display:flex; gap:16px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; }
.bbfaf .bfafd { flex: 0 0 60%; max-width: 80%; scroll-snap-align: start; background: #f9f9f9; border-radius: 8px; padding:18px; border:4px solid green; }
.bbfaf .bfafd h4 { margin:0 auto 1rem; padding:0 0 0.7rem 0; border-bottom:3px solid green; width:90%; text-align:center; font-size:160%; color:#ff4200; }
.bbfaf .bfafd h4 span { margin:0; padding:1% 0 0 0; font-size:13px; font-weight:normal; color:#555; display:block; }
.bbfaf .bfafd img { margin:0 auto; display:block; }
.bbfaf .bfafd p { margin:2% auto; padding:2%; width:95%; box-sizing:border-box; font-size:97%; line-height:150%; color:#000; background:#fff; border-radius:15px; display:block; }
table.kingaku { margin: 5px auto; width:100%; font-size: .9rem; border-collapse: collapse; box-sizing: border-box; table-layout: fixed; }
table.kingaku th,
table.kingaku td { border: 3px solid green; padding: .7rem; text-align: center; font-weight: bold; }
table.kingaku td:nth-child(1),
table.kingaku td:nth-child(2) { color: green; }
table.kingaku td:nth-child(1) { background: #fffbe1; }
table.kingaku td:nth-child(3),
table.kingaku td:nth-child(4) { color: red; }
table.kingaku td:nth-child(3) { background: #fffbe1; }



/* CTA */
.cta-center { text-align: center; margin: 50px 0 30px; line-height: normal; }
.cta-wrap { position: relative; display: inline-flex; flex-direction: column; align-items: center; }
.cta-label { position: absolute; top: -18px; left: 50%; transform: translateX(-50%); padding: 6px 16px; font-size:13px; color: #fff; background:#1a4a00; border-radius: 16px; white-space: nowrap; z-index: 3; }
.cta-label::after { content: ""; position: absolute; left: 50%; bottom: -5px; transform: translateX(-50%); border-width: 6px 6px 0 6px; border-style: solid; border-color: #1a4a00 transparent transparent transparent; }
.cta-btn { margin-top: 10px; display: inline-flex; align-items: center; justify-content: center; gap: 16px; padding: 18px 50px; background: #f4a900; color: #333;font-size: 18px; font-weight: 700;text-decoration: none; border-radius: 999px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); position: relative; z-index: 2; }
.cta-btn-text { white-space: nowrap; }
.cta-btn::after { content: ">"; font-size: 18px; }



/* 記事コラムページ */
section { margin:100px auto; width:95%; display:block; }
p.pcom { margin:0 auto; padding:0 1rem 1.5rem 1rem; font-size:0.9rem; letter-spacing:1px; line-height:1.5rem; box-sizing:border-box; }
span.spt { margin:1.5rem 0 0 0; padding:1rem; font-size:0.9rem; background:#e8fff8; border-radius:7px; display:block; }
.marker { background:linear-gradient(transparent 50%, rgba(255, 153, 0,0.5) 50%); display: inline; color:#000; font-weight:bold; font-size:110%; background-repeat: no-repeat; background-size: 0% 100%; transition:background-size 1.5s; }
.marker.on { background-size: 100% 100%; }
ul.ydmt { margin:0 auto; padding:1rem; width:95%; box-sizing:border-box; list-style-type:none; background:#e8f6ff; display:block; }
ul.ydmt li { margin:0 auto 0.4rem; padding:0 0 0.4rem 0; text-align:center; border-bottom:1px dotted #d7eaf7; display:block; }
ul.ydmt li:last-child { border-bottom:none; }
ul.ydmt li p { padding:0.5rem 0; font-size:1rem; font-weight:bold; text-align:center; display:block; }
h2.kijih2 { margin:0 0 1rem 0; padding:1rem 1.5rem; border-left:3px solid #00b4a9; background:#f6f6f6; box-sizing:border-box; }
h3.kijih3 { margin:1.5rem 0 0 0; padding:0 0 0.5rem 1.5rem; font-size:1.4rem; border-bottom:1px solid #ebebeb; }
table.tbl { margin:0 auto 30px; width:95%; font-size:0.9rem; box-sizing:border-box; }
table.tbl , td, th { border: 1px solid #acacac; border-collapse:collapse; }
table.tbl td, th { padding:0.8rem; width:; height:auto; }
table.tbl th { text-align:center; }
table.tbl th.th01 { width:15%; }
table.tbl th.th02 { width:70%; }
ul.kijiul01 { margin:0; padding:0; list-style-type:none; }
ul.kijiul01 li { margin:0 auto; padding:1rem; font-size:0.9rem; letter-spacing:1px; line-height:1.5rem; box-sizing:border-box; }
#Mokuji { margin:1.5rem auto; padding:1.5rem; width:auto; border:1px solid #d8d8d8; border-radius:4px; box-sizing:border-box; }
#Mokuji h2.mokujih2 { margin:0 0 1rem 0; padding:0; font-size:1.2rem; line-height:110%; color:#333; text-align:center; }
#Mokuji h2.mokujih2 span { font-weight:normal; font-size:65%; color:#888; display:block; }
#Mokuji ul { margin:0 auto; padding:0; width:95%; }
#Mokuji ul li { margin:0 0 0.6rem 0; padding:0 0 0.6rem 0; border-bottom:1px dotted #d8d8d8; }
#Mokuji ul li:last-child { border-bottom:none; }
#Mokuji ul li a { text-decoration:none; color:#0e9638 }
#Mokuji ul li h2 a { font-size:1.2rem; color:#0e6e2b; }
#Mokuji ul li h3 { font-size:0.95rem; }
div.jyl { margin:0 auto; padding:1.5rem; background:#f7f7f7; }
div.jyl h2.jylh2 { text-align:center; font-size:1.2rem; color:#000; }
div.jyl p { margin:0 auto; width:80%; }
#Lk { margin:3% 0; padding:0; text-align:center; }
#Lk a { margin:0; padding:1rem 1.5rem; text-decoration:none; background: linear-gradient(70deg, #69d017, #00b07d); color:#fff; text-align:center; font-weight:bold; border-radius:30px; display:inline-block; }


/* パンクズリスト */
.breadcrumb { font-size:12px; margin:0 0 1em; padding:1em; border-bottom:1px solid #f0f0f0; box-sizing:border-box; }
.breadcrumb ol {
    display: flex;
    list-style: none;
    padding: 0;
    font-size: 0.85rem;
    margin: 10px 0;
}
.breadcrumb li + li::before {
    content: ">";
    margin: 0 8px;
    color: #999;
}
.breadcrumb a {
    text-decoration: none;
    color: #0066cc;
}
.breadcrumb .is-current {
    color: #666;
    font-weight: bold;
}




/* 改行 */
.bbr-sp { margin:0; border:none; display:none; }
.bbr-sp br { margin:0; border:none; display:none; }
.bbr-pc { margin:0.8% 0; line-height:auto; display:block; }

.but { margin:0; padding:1.7rem 0 0 0; display:block; }
.but a:link { margin:0 auto; padding:0.7rem; width:450px; transtion:0.3s ease-in-out; font-size:1.4rem; color:#333; box-sizing:border-box; border:3px solid #ccc; border-radius:50px; text-decoration:none; text-align:center; display:block; }
.but a:visited { color:#333; }
.but a:hover { color:#fff; background:#ff0000; transtion:1s; opacity:1; border:3px solid #ef0000; }
.but a:active { margin:0 auto; padding:1rem; width:450px; transtion:0.3s ease-in-out; font-size:1.4rem; color:#333; box-sizing:border-box; border:3px solid #ccc; border-radius:50px; text-decoration:none; text-align:center; display:block; }
.but a span { margin:0 0 5px 0; font-size:0.8rem; display:block; }

/* トップへ戻るボタン */
html { scroll-behavior: smooth; }
.pagetop { height: 40px; width: 40px; position: fixed; right: 30px; bottom: 30px; background: #fff; border: solid 2px #000; border-radius: 50%; display: flex; justify-content: center; align-items: center; z-index: 2; box-shadow: 0 4px 6px rgb(0 0 0 / 30%); }
.pagetop__arrow { height: 10px; width: 10px; border-top: 3px solid #000; border-right: 3px solid #000; transform: translateY(20%) rotate(-45deg); }



























@media screen and (max-width: 1200px) {
	#Side { display:none; }
}









@media screen and (max-width: 768px) {
	body { padding-bottom: 60px; }
	/* ハンバーガーnav */
	.nav-wrapper { display:block; }
	.hamburger { position:fixed; right:20px; top:70px; width:28px; height:28px; cursor: pointer; z-index:3000; display:block; }
	.hamburger__line { position: absolute; width:28px; height:3px; right:0; background-color: #000; transition: all 0.5s; }
	.hamburger__line--1 { top: 1px; }
	.hamburger__line--2 { top: 11px; }
	.hamburger__line--3 { top: 22px; }
	.open .hamburger__line--1 { transform: rotate(-45deg); top: 11px; }
	.open .hamburger__line--2 { opacity: 0; }
	.open .hamburger__line--3 { transform: rotate(45deg); top: 11px; }
	/* ハンバーガーnav中 */
	.sp-nav { position: fixed; right: -100%; top: 0; width:85%; height:100vh; background-color:#fff; transition: all 0.5s; z-index:2000; overflow-y: auto; }
	.sp-nav ul { margin:0 auto; padding:0; width:95%; }
	.sp-nav ul li { margin:0; padding:0; border-bottom:1px solid #efefef; }
	.sp-nav ul li.spli { margin:0; padding:0; height:100px; display:block; }
	.sp-nav ul li h1 { margin:1rem auto; padding:1rem 0 1rem 57px; width:95%; font-size:1.1rem; color:#00903a; background-image: url("./img/logo.jpg"); background-size:50px 50px; backgroud-position:0% 50%; background-repeat:no-repeat; display:block; box-sizing:border-box; }
	.sp-nav ul li h1 a { color:#00903a; }
	.sp-nav ul li h1 span { font-weight:normal; font-size:10px; color:#333; display:block; }	
	.sp-nav ul li dl { margin:0 auto; padding:0; width:96%; display:block; }
	.sp-nav ul li dl dt { margin:0; padding:0; border-bottom:3px solid #ccc; }
	.sp-nav ul li dl dt h2 { margin:0; padding:0; font-size:1.1rem; color:#000; }
	.sp-nav ul li dl dt h2 span { font-size:0.7rem; font-weight:normal; }
	.sp-nav ul li dl dd { margin:0.7rem 0 0 0; padding:0; }
	.sp-nav ul li dl dd a { margin:0; padding:0.45rem 0; text-decoration:none; display:block; }
	.sp-nav ul li dl dd h3 { margin:0 0 0.5rem 0; padding:0.3rem 0; text-align:center; background:#067a00; border-radius:3px; box-sizing:border-box; }
	.sp-nav ul li dl dd h3 a { color:#fff; }
	.sp-nav ul li dl dd h4 { margin:0; padding:0; }
	.sp-nav ul li dl dd div.hbmd { margin:0; padding:0; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap:wrap; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 { margin:0 0 0.3rem 0; padding:0; width:49%; display:block; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 a:link { margin:0; padding:0.45rem 0 0.3rem 0; line-height:110%; border:1px solid #ccc; border-radius:3px; text-align:center; text-decoration:none; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 a:visited { color:blue; text-decoration:none; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 a:hover { color:blue; text-decoration:none; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 a:active { color:blue; text-decoration:none; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 a:visited { margin:0; padding:0.45rem 0 0.3rem 0; line-height:110%; border:1px solid #ccc; border-radius:3px; text-align:center; text-decoration:none; }
	.sp-nav ul li dl dd div.hbmd h4.hbh4 a span { margin:0; padding:0; font-size:70%; letter-spacing:2px; display:block; }
	
	/*ハンバーガーがクリックされたら右からスライド*/
	.open .sp-nav { right: 0; }
	/* black-bg(ハンバーガーメニュー解除用bg)
	=================================== */
	.black-bg { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 5; background-color: #000; opacity: 0; visibility: hidden; transition: all 0.5s; cursor: pointer; z-index: 100; }
	/*ハンバーガーメニューが開いたら表示*/
	.open .black-bg { opacity: 0.3; visibility: visible; }
	/* ヘッダー */
	header ul { width:95%; display:block; }
	header ul li { width:100%; }
	header ul li h1 { padding:1.7rem 0 0.4rem 78px; background-size:70px 70px; width:323px; font-size:1.4rem; letter-spacing:0; box-sizing:border-box; }
	header ul li h1 a { display:block; }
	header ul li img { margin:0 auto; padding:0; }
	header ul li.hdr { margin:0 auto; padding:0; width:90%; text-align:center; display:block; }
	header ul li.hdr img { margin:0 auto; width:240px; height:42px; display:block; }
	header ul li.hdr p { margin:0 auto; }
	header ul li.hdr p a.mitsumori { display:none; }
	/* スクロールナビ */
	#globalMenu {}
	#globalMenu .logo { margin:0; width:70px; }
	#globalMenu .logo img.mobicon { margin:3px auto; padding:0; width:16px; height:16px; display:block; }
	#globalMenu navv { width:100%; }
	#globalMenu navv ul.g-navi li { padding:1.5rem 0 0 0; }
	#globalMenu navv ul.g-navi a { padding:1.8rem 0; font-size:13px; line-height:130%; font-weight:bold; }
	#globalMenu navv ul.g-navi a span { display:block; }
	#globalMenu navv ul.g-navi a.syslk { padding:2.5rem 0 0 0; }
	/* 右端固定 縦ボタン */
	#Sbut { display:none; }

	/* トップnav */
	nav { background:#fff; }
	nav ul { width:98%; border-top:1px solid #1b5a18; border-left:1px solid #1b5a18; flex-wrap:wrap; }
	nav ul li { width:49.7%; border-bottom:1px solid #1b5a18; border-right:1px solid #1b5a18; }
	nav ul li h2 { font-size:0.9rem; }
	nav ul li h2 a:link { padding:0.9rem 0; }
	nav ul li h2 a:visited { padding:0.9rem 0; }
	nav ul li h2 a:hover { transition: 0.2s; }
	nav ul li h2 a:active { padding:0.9rem 0; }
	/* トップ サービス一覧 */
	#Service { margin:3% auto 5% auto; width:98%; }
	#Service h3 { padding:0 0 0 1rem; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Service h3 span { margin:0; padding:0; color:#444; display:block; }
	#Service ul { width:98%; border:none; }
	#Service ul li { margin:0 auto 3% auto; padding:10px 5px; width:47.5%; box-shadow:0 0 6px #d6d6d6; border:none; }
	#Service ul li img.iimg { width:45px; height:45px; }
	#Service ul li img.simg { width:95%; }
	#Service ul li h4 { padding:1rem 0 0.5rem 0; font-size:1.2rem; }
	#Service ul li h4 span { font-size:0.9rem; display:block; }
	#Service ul li p { width:93%; font-size:0.8rem; letter-spacing:1px; line-height:125%; color:#555; }
	/* トップ MYハウスクリーニングが選ばれる理由 */
	#About { margin:3% auto 5% auto; width:98%; background-size:300px 252px; box-sizing:border-box; }
	#About h3 { padding:0 0 0 1rem; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#About h3 span { margin:0; padding:0; color:#444; display:block; }
	#About ul.abul { margin:0 auto; padding:3% 0; width:98%; display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column-reverse; flex-direction: column-reverse; }
	#About ul.abul li { margin:0 auto; padding:0; border:none; display:block; }
	#About ul.abul li.abull { width:95%; }
	#About ul.abul li.abull img { margin:0 auto 1rem auto; width:100%; }
	#About ul.abul li.abull p { margin:0 auto; width:93%; font-size:0.8rem; letter-spacing:1px; line-height:125%; color:#555; }
	#About ul.abul li.abulr { margin:0; width:98%; }
	#About ul.abul li.abulr h4 { margin:0 auto; width:90%; font-size:130%; writing-mode:horizontal-tb; line-height:130%; text-align:center; }

	/* トップ サービス地域 */
	#Area { margin:3% auto 5% auto; width:97%; }
	#Area h3 { padding:0 0 0 1rem; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Area h3 span { margin:0; padding:0; color:#444; display:block; }
	#Area dl { display:none; }
	#Area .accordion-004 { max-width: 500px; margin-bottom: 7px; border: 2px solid #d0d0d0; border-radius: 5px; }
	#Area .accordion-004 summary { display: flex; justify-content: space-between; align-items: center; position: relative; padding: 1em 2em; color: #333333; font-weight: 600; cursor: pointer; }
	#Area .accordion-004 summary::-webkit-details-marker { display: none; }
	#Area .accordion-004 summary::after { transform: translateY(-25%) rotate(45deg); width: 7px; height: 7px; margin-left: 10px; border-bottom: 3px solid #333333b3; border-right: 3px solid #333333b3; content: ''; transition: transform .3s; }
	#Area .accordion-004[open] summary::after { transform: rotate(225deg); }
	#Area .accordion-004 summary h4 { margin:0; padding:0; }
	#Area .accordion-004 h5 { margin:0 auto; padding:0; font-size:1rem; font-weight:bold; width:90%; }
	#Area .accordion-004 h5.tkh5 { color:#ec6a00; }
	#Area .accordion-004 h5.kkh5 { color:#004cd8; }
	#Area .accordion-004 h5.skh5 { color:#108b00; }
	#Area .accordion-004 div { transform: translateY(-10px); opacity: 0; margin:0 0 1rem; padding:1em; color: #333333; transition: transform .5s, opacity .5s; display:flex; flex-wrap:wrap; border-bottom:1px dotted #e6e6e6; }
	#Area .accordion-004 div:last-of-type { border-bottom:none; }
	#Area .accordion-004 div a { margin:0 auto .5rem; padding:1.5%; border:1px solid #ccc; border-radius:3px; text-decoration:none; box-sizing:border-box; text-align:center; color:#333; display:block; }
	#Area .accordion-004 div a.a3waku { width:31%; }
	#Area .accordion-004 div a.a2waku { width:48%; }
	#Area .accordion-004[open] div { transform: none; opacity: 1; }

	/* トップ ランキング */
	#Ranking { margin:3% auto 5% auto; width:97%; }
	#Ranking h3 { padding:0 0 0 1rem; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Ranking h3 span { margin:0; padding:0; color:#444; display:block; }
	#Ranking ul { display:block; border:none; }
	#Ranking ul li img.iimg { top:-6px; left:-6px; width:32px; height:32px; }
	#Ranking ul li { margin:0 auto 0.8rem; padding:0; width:100%; }
	#Ranking ul li a { display:flex; flex-direction:row; align-item:center; }
	#Ranking ul li a div { margin:0; padding:0; }
	#Ranking ul li a div.dvl { margin:0; width:30%; }
	#Ranking ul li a div.dvl img { width:100%; }
	#Ranking ul li a div.dvr { width:70%; padding:0 0 0 0.7rem; box-sizing:border-box; }
	#Ranking ul li a div.dvr h4 { margin:0; padding:0.4rem 0 0.2rem; font-size:0.6rem; text-align:left; font-size:1rem; }
	#Ranking ul li a div.dvr h5 { padding:0; text-align:left; }
	#Ranking ul li a div.dvr h5 span { font-size:0.7rem; }
	#Ranking ul li a div.dvr p { margin:0; width:100%; font-size:0.65rem; }
	/* Banner */
	#Bnn { margin:3% auto; }
	#Bnn ul.bnul { margin:0 auto; padding:0; width:99%; list-style-type:none; box-sizing:border-box; }
	#Bnn ul.bnul li { margin:0 auto; width:32.5%; border:1px solid #f0f0f0; box-sizing:border-box; }
	#Bnn ul.bnul li a { font-size:12.5px; line-height:14.5px; }
	#Bnn img.bnnimg { width:99%; }
	/* お客様の声 */
	#Voice { margin:3% auto 5% auto; padding:3% 0; width:100%; box-sizing:border-box; }
	#Voice h3 { margin:0 auto; padding:0 0 0 1rem; width:97%; box-sizing:border-box; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Voice h3 span { margin:0; padding:0; color:#444; display:block; }
	#Voice .carousel-slider__post-excerpt { margin:0 auto; padding:0.5rem; width:auto; font-size:0.8rem; color:#555; box-sizing:border-box; }
	#Voice h2 { margin:0; paddign:0; font-size:1rem; line-height:100%; }
	#Voice a { color:#333; text-decoration:none; }
	#Voice .bfdiv ul { margin:0; border:none; }
	#Voice .bfdiv ul li { margin:0.4rem 0; width:47.6%; font-size:0.8rem; line-height:130%; border:none; }
	#Voice .bfdiv ul li img.beforeafter-thumb { width:100%; height:auto; }
	/* トップ よくある質問 */
	#Faq { margin:3% auto 5% auto; width:97%; }
	#Faq h3 { padding:0 0 0 1rem; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Faq h3 span { margin:0; padding:0; color:#444; display:block; }
	#Faq .vtabs { flex-direction: column; }
	#Faq .vtabs-tabs { flex: 0 0 60px; flex-direction: row;width: 100%; border-right: none; border-bottom: 1px solid #ddd; }
	#Faq .vtabs-tabs label { flex: 1; text-align: center; border-bottom: none; border-right: 1px solid #e2e2e2; padding: 0.7em 0.3em; }
	#Faq .vtabs-tabs label:last-child { border-right: none; }
	#Faq .vtabs-tabs label br { display:block; }
	#Faq .vtabs-tabs label span { font-size:80%; display:block; }
	#Faq .vtabs-panels { width:100%; }
	#Faq #vtabs-tab1:checked ~ .vtabs-tabs label[for="vtabs-tab1"],
	#Faq #vtabs-tab2:checked ~ .vtabs-tabs label[for="vtabs-tab2"],
	#Faq #vtabs-tab3:checked ~ .vtabs-tabs label[for="vtabs-tab3"] { background: #fff; font-weight: bold; border-bottom: 2px solid #333; }
	#Faq .vtabs-panel {}
	#Faq .vtabs-panel ul { border:none; }
	#Faq .vtabs-panel ul li { border:none; }
	/* コラム */
	#Colum { margin:3% auto 5% auto; padding:3% 0; width:100%; box-sizing:border-box; }
	#Colum h3 { margin:0 auto; padding:0 0 0 1rem; width:97%; box-sizing:border-box; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Colum h3 span { margin:0; padding:0; color:#444; display:block; }
	#Colum ul { padding:1rem 0; width:98%; border:none; }
	#Colum ul li { width:98%; border-bottom:1px dotted #dcdcdc; border-right:none; }
	#Colum ul li .thumb-wrap { width:17%; }
	#Colum ul li .clml { width:83%; padding:0 0 0 0.5rem; }
	#Colum ul li .clml a h2 { padding:0; font-size:110%; }
	#Colum ul li .clml .divtag { margin:0.5rem 0 0 0; padding:0; }
	#Colum ul li .clml .divtag p.tag { margin:0 0.3rem 0 0; }
	#Colum ul li .clml .divtag p.tag a { padding:0.2rem; font-size:80%; border:2px solid #b0b0b0; }
	/* 新着情報 */
	#Info { margin:3% auto 5% auto; width:97%; }
	#Info h3 { padding:0 0 0 1rem; background:#fff url("./img/icon000.gif"); background-position:0% 50%; background-size:9px 35px; vertical-align:center; background-repeat:no-repeat; }
	#Info h3 span { margin:0; padding:0; color:#444; display:block; }
	#Info ul { margin:0 auto; padding:0; width:100%; border:none; background:#fff; display:block; }
	#Info ul li { marign:0 0 1rem 0; padding:0 0 0.5rem 1rem; border-bottom:1px dotted #dcdcdc; width:100%; background:#fff; box-sizing:border-box; display:block; }
	#Info ul li:last-child { border-bottom:none; }
	#Info ul li a:link { text-decoration:none; color:#444; display:block; }
	#Info ul li a:visited { text-decoration:none; color:#444; display:block; }
	#Info ul li a:hover { text-decoration:none; color:#111; display:block; }
	#Info ul li a:active { text-decoration:none; color:#444; display:block; }
	#Info ul li a h2 { margin:0; padding:0.3rem 0 0 0; text-align:left; font-size:1rem; font-weight:normal; display:block; }
	#Info ul li a span { font-size:80%; color:#888; display:block; }






	/* 基本スタイル */
	.sp-footer-nav { background:#fff; border-top: 1px solid #e2e2e2; font-size: 14px; }
	/* PCでは非表示（スマホだけ表示） */
	@media screen and ( min-width: 769px ) { .sp-footer-nav { display: none; } }

	p.ftel { margin:0 auto 5% auto; }
	.sp-accordion { padding: 0.5em 0; background:#fff; }
	.sp-acc-item + .sp-acc-item { border-top: 1px solid #f0f0f0; background:#fff; }
	/* トップ階層の見出し */
	.sp-acc-header { width:100%; padding:0.9em 1em; border:none; background:#fff; color:#0063cf; outline:none; font-weight:700; font-size:115%; display:flex; align-items:center; justify-content:space-between; cursor:pointer; border:none !important; outline:none !important; box-shadow:none !important; -webkit-appearance:none !important; appearance:none !important; }
	.sp-acc-header .sp-acc-icon,
	.sp-acc-sub-header .sp-acc-icon { display:inline-block; width:1em; height:1em; position:relative; margin-left: auto; }
	/* 矢印アイコン */
	.material-symbols-outlined { font-family: 'Material Symbols Outlined'; font-weight: normal; font-style: normal; font-size: 20px; line-height: 1; display: inline-block; font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0 , 'opsz' 20; }
	/* + マーク（縦横の棒） */
	.sp-acc-header .sp-acc-icon::before,
	.sp-acc-header .sp-acc-icon::after,
	.sp-acc-sub-header .sp-acc-icon::before,
	.sp-acc-sub-header .sp-acc-icon::after { content: ""; position:absolute; top:50%; left:0%; width:100%; height:2px; background:#007aff; transform: translate(-50%, -50%); transition: transform 0.2s; }
	/* 縦棒 */
	.sp-acc-header .sp-acc-icon::after,
	.sp-acc-sub-header .sp-acc-icon::after { transform: translate(-50%, -50%) rotate(90deg); }
	/* 開いたときは「−」にする（縦棒を消す） */
	.sp-acc-item.is-open > .sp-acc-header .sp-acc-icon::after,
	.has-children.is-open > .sp-acc-sub-header .sp-acc-icon::after { transform: translate(-50%, -50%) rotate(0deg);}
	/* パネル（コンテンツ部） */
	.sp-acc-panel { max-height:0; overflow:hidden; transition:max-height 0.25s ease; border:none; background:#fff; }
	.sp-acc-item.is-open > .sp-acc-panel { max-height: 2500px; }
	.sp-acc-panel ul { list-style: none; margin:0; padding: 0 0 0.6em 0; width:100%; background:#fff; border:none; display:block; }
	.sp-acc-panel li { border:none; width:100%; display:block; }
	.sp-acc-panel a { display:block; padding:1em; text-decoration: none; color: #333; border:none; box-sizing:border-box; }
	.sp-acc-panel a:hover { background: #ccc; }
	.sp-acc-panel a.splk { margin:0; padding:7px 0 7px 2rem; color:#000; font-size:94%; font-weight:bold; text-decoration:none; box-sizing:border-box; }
	/* ===== 2階層目（子メニュー） ===== */
	.has-children { border: none; background: #fff; }
	.sp-acc-sub-header { width: 100%; padding: 0.5em 1.4em 0.5em 1.5em; border:none; background:#fff; outline:none; cursor:pointer; font-size:108%; font-weight:bold; box-sizing: border-box; display: flex; align-items: center; }
	/* 閉じているとき：高さ0＋中身は完全に非表示 */
	.sp-acc-sub-panel { list-style: none; margin:0 auto; padding:0; max-height:0; overflow:hidden; opacity:0; pointer-events:none; transition:max-height 0.25s ease, opacity 0.25s ease; background:#fff; border: none; display:block; }
	/* 開いたとき：高さを十分大きく＋表示 */
	.has-children.is-open > .sp-acc-sub-panel { max-height:2500px; opacity: 1; pointer-events: auto; }
	/* li のマージンを消して、左に余白＋「・」 */
	.sp-acc-sub-panel li { margin: 0; position: relative; padding-left: 1.8em; }
	.sp-acc-sub-panel li::before { content: "・"; position: absolute; left: 2.2rem; top:10px; font-size: 0.9em; line-height: 1; color: #222; }
	.sp-acc-sub-panel a { margin:0; padding:7px 0 7px 2rem; color:#000; font-size:94%; font-weight:bold; text-decoration:none; box-sizing:border-box; }


	/* 固定&カテゴリ&記事 */
	#Main { width:97%; display:block; }
	#Cont { margin:0 auto; }
	#Side { display:none; }



	#Cont h2.conth2 { line-height:130%; }

	/* 固定ページ */
	.page { margin:0 auto; padding:0; width:95%; display:block; }
	h1.page-title { margin:1rem auto; padding:0; width:99%; font-size:1.5rem; color:#000; }
	h1.page-title span { margin:0 auto; padding:1rem 0; width:98%; font-size:12.5px; font-weight:normal; color:#444; box-sizing:border-box; display:block; }
	.page-content { margin:0 auto 100px auto; padding:0; width:95%; box-sizing:border-box; }
	.page-content img.not404 { margin:0 auto 1rem; width:98%; height:auto; display:block; }

	/*** 会社概要ページ ***/
	h3.comph3 { margin:5% 0 0; }
	h3.comph3 span { margin:20px 0 0 0; font-size:33.5px; line-height:110%; letter-spacing:0; }
	h3.comph3 span.br-sp { margin:0; pading:0; line-height:none; display:block; }
	h3.comph3 span.br-pc { margin:0; display:none; }
	hr { margin:40px 0; }
	ul.compul { margin:20px auto 0; list-style-type:none; display:block; }
	ul.compul li { margin:0 auto 3%; padding:4% 3.5% 2.5%; width:99%; box-sizing:border-box; border:1px solid #dbdbdb; }
	ul.compul li h4.comph4 { margin:0 0 2.5% 0; padding:0 0 2.5% 0; border-bottom:1px solid #ccc; }
	ul.compul li p.comp { margin:0; padding:0; color:#000; font-size:99%; }
	div.staff01 { width:98%; }
	div.staff01 img.pht { margin:0 auto; width:100%; display:block; }
	div.staff01 h4 { margin:0 0 1% 0; padding:0; line-height:none; }
	div.staff01 p { padding:2% 0 0 0; color:#000; font-size:99%; }
	
	div.staff02 {}
	div.staff02 ul.tempul { display:block; }
	div.staff02 ul.tempul li { margin:0 auto 2.5%; padding:0 3%; width:100%; }
	div.staff02 ul.tempul li h4 span { padding:1% 0 0 0; display:block; }
	ul.gaiyoudiv { width:100%; border:none; }
	ul.gaiyoudiv li.gli { margin:0; padding:1rem 0; font-size:100%; width:100%; border-bottom:1px solid #d6d6d6; display:block; background:none; }
	ul.gaiyoudiv li.gli .divl { margin:0; padding:0; width:100%; }
	ul.gaiyoudiv li.gli .divl h4 { margin:0; padding:0; font-size:110%; text-align:left; }
	ul.gaiyoudiv li.gli .divr { margin:0; padding:0; padding:0; width:100%; }
	/*** 対応エリアページ ***/
	div.areadiv { padding:3% 0; width:100%; }
	div.areadiv p.arep { padding:0; width:33%; box-sizing:border-box; }
	div.areadiv p.arep a { width:98%; font-size:1rem; border-radius:20px; width:90%; }
	div.areaa h4 { margin:5% 0 0; }
	div.areaa { padding:0.5rem; border:5px solid; border-image: linear-gradient(to right, #7be31d, #7be31d) 1; height:auto; width:98%; margin-inline: auto; border-radius:15px; box-sizing:border-box; display:block; }
	table.tbb { margin:0 auto; padding:0; background-color: #fff; border-collapse:collapse; width:100%; }
	table.tbb th,td { padding:0; border:1px solid; text-align:center; }
	table.tbb td.tddd { background:#eceae6; padding:1rem 0; font-size:120%; font-weight:bold; color:#000; }
	table.tbb td.tdd { width:25%; }
	table.tbb td a:link { margin:0; padding:1.5rem 0; text-decoration:none; color:#000; font-size:13px; line-height:110%; width:100%; display:block; }
	table.tbb td a:visited { text-decoration:none; color:#000; }
	table.tbb td a:hover { background:#faf7f2; color:#000; }
	table.tbb td a:active { text-decoration:none; color:#000; }
	table.tbb td a:focus { text-decoration:none; color:#000; }
	ul.areul { margin:0 auto 1rem; padding:0; width:98%; background:#fff; display:flex; align-items:flex-start; flex-direction:column-reverse; }
	ul.areul li { width:100%; display:block; }
	ul.areul li iframe { margin:0 auto; border:no; width:100%; height:250px; }
	div.areaddiv { padding:1% 0 5% 0; }
	div.areaddiv a { margin:0 auto; padding:0.6rem 0; font-size:110%; font-weight:bold; border:5px solid #ccc; border-radius:30px; text-align:center; width:70%; text-decoration:none; display:block; }
	/* 東京エリア */
	div.areawaku { padding:5% 3%; background:#f2f2f2; }
	ul.awul { width:98%; }
	ul.awul li { width:25%; border:none; }
	ul.awul li a { padding:1rem 0; font-size:98%; }
	div.anshin { marign:0 auto; padding:5% 0; display:block; }
	div.anshin img.iimg { margin:0 auto; width:98%; height:auto; }
	ul.anul { display:block; }
	ul.anul li { margin:0 0 10% 0; width:100%; border:none; }
	ul.anul li img { width:85%; }
	ul.anul li h4 { margin:0 0 4% 0; padding:4% 0; }
	p.ppcom0 { margin:40px auto; }
	/* LINE登録 */
	div.flow h4.flh4 { margin:0 0 1% 0; font-size:130%; }
	div.flow ul.flow01 { display:block; }
	div.flow ul.flow01 li { margin:0 auto 1.5%; padding:2%; width:100%; border-radius:10px; list-style-type:none; }
	div.flow ul.flow01 li h5 { margin:0 0 0.5% 0; padding:0; font-size:130%; font-weight:bold; color:#fff; text-align:center; }
	div.flow ul.flow01 li img { float:left; margin:0 0.5% 0 0; width:25%; height:auto; }
	div.flow ul.flow01 li p { margin:0; padding:5% 2%; width:auto; box-sizing:border-box; border-radius:10px; background:#fff; color:#000; display:block; }
	/* サービス */
	div.service0 { margin:0; padding:3% 0; width:98%; border:1px solid #ccc; display:block; }
	/* インクルード サービス */
	div.service0 h2.svh2 { padding:0.5em 0.2em 0; font-size:1.5rem; }
	div.service0 h2.svh2::before, h2.svh2::after { top: calc(50% - 10px); height:40px; border-left:#000 solid 3px; }
	div.service0 h2.svh2 span { margin:0.3rem 0 0 0; font-size:0.8rem; line-height:100%; }
	div.service0 h3 { margin:0 auto 15%; width:96%; font-size:1.4rem; line-height:100%; font-weight:bold; }
	div.service0 ul.sev4 { margin:0 atuo; padding:1.5%; display:flex; justify-content:space-between; flex-wrap:wrap; box-sizing:border-box; list-style-type:none; }
	div.service0 ul.sev4 li { margin:0 auto 5%; padding:1.5%; width:48.5%; }
	div.service0 ul.sev4 li.limg { margin:0 auto 15%; }
	div.service0 ul.sev4 li h3.sevh3 { padding:0.5rem 0; font-size:1.17rem; font-weight:bold; }
	div.service0 ul.sev4 li span.spno { position:absolute; margin:0 auto; padding:1rem 0 0 0; top:20px; left:50%; transform: translate(-50%, -50%); width:100px; height:100px; border-radius:50px; text-align:center; font-size:1.2rem; font-weight:bold; color:#000; background:#fff; z-index:0;}
	div.service0 ul.sev4 li h3,
	div.service0 ul.sev4 li img,
	div.service0 ul.sev4 li p { position:relative; font-size:0.9rem; color:#000; z-index: 2; }
	div.service0 div.svlist { margin:5% auto 0; padding:2%; width:97%; box-sizing:border-box; }
	div.service0 div.svlist dl.svdt { display:block; }
	div.service0 div.svlist dl.svdt dt { width:100%; text-align:center; }
	div.service0 div.svlist dl.svdt dt img { width:95%; }
	div.service0 div.svlist dl.svdt dd { margin:0 auto; width:100%; }
	div.service0 div.svlist dl.svdt dd h3 { text-align:center; }
	div.service0 div.svlist dl.svdt dd h3 a { text-decoration:none; }
	div.service0 div.svlist dl.svdt dd h3.sdd01 a { color:#1a4a00; }
	div.service0 div.svlist dl.svdt dd h3.sdd02 a { color:#005291; }
	div.service0 div.svlist dl.svdt dd h3.sdd03 a { color:#a04000; }
	div.service0 div.svlist dl.svdt dd h3.sdd04 a { color:#56458c; }
	div.service0 div.svlist dl.svdt dd h3.sdd05 a { color:#947759; }
	div.service0 div.svlist dl.svdt dd h3 span { font-size:0.8rem; font-weight:normal; display:block; }
	div.service0 div.svlist dl.svdt dd div { display:flex; flex-wrap:wrap; }
	div.service0 div.svlist dl.svdt dd div a { margin:0.25rem; padding:0.2rem 0.3rem; text-align:center; font-size:0.85rem; text-decoration:none; color:#fff; display:inline-block; }
	div.service0 div.svlist dl.svdt dd div a.svlk01_00 { background:#3a9100; }
	div.service0 div.svlist dl.svdt dd div a.svlk01_01 { background:#122e00; }
	div.service0 div.svlist dl.svdt dd div a.svlk02_00 { background:#005291; }
	div.service0 div.svlist dl.svdt dd div a.svlk03_00 { background:#a04000; }
	div.service0 div.svlist dl.svdt dd div a.svlk04_00 { background:#56458c; }
	div.service0 div.svlist dl.svdt dd div a.svlk05_00 { background:#947759; }
	/*** お支払い・料金 ***/
	div.fee h2 { margin:0 auto; padding:20px 0 0 55px; width:98%; font-size:24px; text-align:left; background: url("./img/fee_icon.png"); background-position:0% 0%; background-repeat:no-repeat; background-size:48px 92px; box-sizing:border-box; }
	div.fee h2::before{ content: none; display: none; }
	div.fee h2 span { font-size:12px; }
	div.fee ul.item3 { display:block; }
	div.fee ul.item3 li { margin:0 auto 3.5%; padding:3%; width:97%; border:1px solid #e3e3e3; }
	div.fee ul.item3 li p { margin:0 auto; text-align:left; width:95%; color:#000; }

	#Fee h2 { font-size:150%; }
	#Fee ul.feeulsm { margin:0 auto; padding:0; display:block; }
	#Fee ul.feeulsm li { margin:0 0 0.5rem; padding:0 0 0.5rem; border-bottom:1px solid #999; display:flex; }
	#Fee ul.feeulsm li div { margin:0; padding:0; }
	#Fee ul.feeulsm li div.dimg { width:25%; }
	#Fee ul.feeulsm li div.dimg a { margin:0; padding:0; display:block; }
	#Fee ul.feeulsm li div.dimg img { margin:0 auto; width:95%; height:auto; border-radius:3px; display:block; }
	#Fee ul.feeulsm li div.ddiv { width:75%; text-align:left; }
	#Fee ul.feeulsm li div.ddiv a { margin:0; padding:0; text-decoration:none; display:block; background-image: url("./img/arrow_sys.png"); background-position:95% 50%; background-size:20px 20px; background-repeat:no-repeat; }
	#Fee ul.feeulsm li div.ddiv a h3 { margin:1.5% 0 0 0; padding:0 0 0 2%; font-size:16px; box-sizing:border-box; color:#000; }
	#Fee ul.feeulsm li div.ddiv a p { margin:0; padding:0; }
	#Fee ul.feeulsm li div.ddiv a p.feep { margin:0 0 0 2%; padding:2% 0; font-size:25px; font-weight:bold; }
	#Fee ul.feeulsm li div.ddiv a p.feep span { font-size:12px; display:inline; }
	#Fee ul.feeulsm li div.ddiv a p.feep small { font-size:12px; display:inline; }
	#Fee ul.feeulsm li div.ddiv a p.feepp { font-size:12px; line-height:120%; color:#000; display:block; }
	

	#Fee .markerf { background:linear-gradient(transparent 50%, rgba(150, 255, 0,0.4) 50%); display:inline; color:#000; font-size:110%; background-repeat: no-repeat; background-size: 0% 100%; transition:background-size 1.5s; }
	#Fee .markerf.on { background-size: 100% 100%;}
	
	#Fee .sysnav { margin:5% auto; padding:0; border:1px solid #ccc; border-right:none; border-bottom:none; }
	#Fee .sysnav ul { margin:0 auto; padding:0; width:100%; list-style-type:none; display:flex; flex-wrap:wrap; }
	#Fee .sysnav li { margin:0 auto; padding:0; width:33%; text-align:center; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
	#Fee p.syscom { width:98%; text-align:left; font-size:0.75rem; }

	dl.fldl { padding:3% 2%; width:98%; box-sizing:border-box; display:block; }
	dl.fldl dt { width:100%; }
	dl.fldl dt img { width:60%; }
	dl.fldl dd { margin:0 auto; padding:2%; width:100%; text-align:left; box-sizing:border-box; }
	dl.fldl dd p.pstp { margin:1% 0; padding:0; font-size:26px; color:#595d62; }
	dl.fldl dd p.pstp span { padding:0 5px 0 0; font-size:14px; }
	dl.fldl dd h3 { margin:1% 0; padding:10px 0 0 0; font-size:17px; border-top:2px dotted #999; display:block; }
	dl.fldl dd p.flp { margin:0; font-size:13.5px; }
	p.flarrow { margin:0; padding:0; text-align:center; }
	p.flarrow img { margin:10px auto 0; width:30px; height:auto; display:block; }
	
	div.feetc { margin:4% auto; padding:0; border:10px solid #ededed; box-sizing:border-box; display:block; }
	div.feetc div { margin:0 auto; width:100%; display:block; }
	div.feetc div h3 { padding:3% 0 5% 2%; border-radius:0; text-align:left; }
	div.feetc div p { margin:0 auto; padding:3%; width:93%; box-sizing:border-box; }
	div.feetc div ul.feetcul { margin:0 auto; padding:0; background:#fff; list-style-type:none; display:block; }
	div.feetc div ul.feetcul li { margin:0; padding:0; width:auto; box-sizing:border-box; }
	div.feetc div ul.feetcul li h4 { padding:0 0 1.5%; font-size:20px; color:#000; border-bottom:5px solid #f6f4f1; }
	div.feetc div ul.feetcul li img { margin:0 auto; width:98%; height:auto; display:block; }
	div.feetc div img.pimg { margin:1.5% auto; width:70%; height:auto; display:block; }

	p.sevp img { float: none; display: block; margin:0 auto 1%; width:100%; }
	/*** サービス一覧 ***/

	p.subp01 { padding:1%; width:98%; font-size:1rem; color:#000; line-height:150%; }

	.sevkabi { padding:1% 0; width:98%; }
	.sevkabi h4 { line-height:150%; }
	.sevkabi h4:before { bottom: -15px; }
	.sevkabi div { padding:0; }
	.sevkabi div dl { margin:0 auto; padding:0; width:100%; }
	.sevkabi div dl dt { margin:0; padding:0; }
	.sevkabi div dl dt h5 { margin:0; padding:0; }
	.sevkabi div dl dd { padding:0; }
	.sevkabi div dl dd p { margin:0; padding:0; font-size:100%; }
	.sevkabi div.case01 { display:block; }
	.sevkabi div.case01 p.casep { width:100%; }
	.sevkabi div.case02 { display:block; }
	.sevkabi div.case02 p.casep { width:100%; }

	div.svwaku { margin:0 auto 2%; width:98%; border:4px solid #e6e6e6; display:block; }
	div.svwaku p { margin:0; padding:0; width:100%; }
	div.svwaku p a img { margin:2% auto; width:96%; }
	div.svwaku div { margin:0 auto; width:98%; display:block; }
	div.svwaku div a { background-position:98% 50%; background-size:23px 23px; display:block; }
	div.svwaku div.svdiv a h4 { margin:2% 0; font-size:130%; text-align:center; }

	dl.neadl { display:block; }
	dl.neadl dt { margin:0 auto; text-align:center; width:100%; }
	dl.neadl dt img { margin:0 auto; width:95%; }
	dl.neadl dd { margin:0 auto; width:100%; }
	dl.neadl dd div.dlist { margin:0 auto 0.5rem; padding:0 0 0.5rem; width:95%; border-bottom:1px solid #cbcbcb; }
	dl.neadl dd div.dlist p { margin:0 0 1.5%; padding:0; display:block; }
	
	dl.neadl dd div.dlist .stit { margin:0 0 10px; font-size:130%; line-height:150%; font-weight:bold; color:#25620a; }
	dl.neadl dd div.dlist .kingaku { font-size:330%; }
	dl.neadl dd div.dlist .kingaku span { font-weight:bold; }
	dl.neadl dd div.dlist .kgsub { color:#800000; font-size:110%; }
	dl.neadl dd div.dlist .kgsub span { font-size:0.85rem; border:1px solid #b2b2b2; font-weight:bold; }
	
	div.gys0 { margin:0 auto; padding:2% 0; text-align:center; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; width:100%; display:block; overflow-x: auto;-webkit-overflow-scrolling: touch; }
	div.gys0 iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

	.gys0 table { width: 100%; table-layout: fixed; }
	.gys0 th, .gys0 td { padding: 8px 2px !important; font-size:13px !important; line-height: 1.3; letter-spacing: -0.5px; }
	.gys0 th:first-child, 
	.gys0 td:first-child { width: 25%; }
	

	div.gys0 { margin: 0 auto; padding: 2% 0; text-align: center; width: 100%; display: block; height: auto; overflow: visible; }
	.gys0 table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-top: 10px; word-break: break-all; }
	.gys0 th, .gys0 td { border: 1px solid rgb(160 160 160); padding: 0.8rem 0.2rem; font-size: 1rem; word-break: break-all; }
	.gys0 th:first-child, .gys0 td:first-child { width: 22%; }
	.gys0 th:nth-child(2), .gys0 td:nth-child(2) { width: 39%; }
	.gys0 th:nth-child(3), .gys0 td:nth-child(3) { width: 39%; }
	.gys0 thead { background-color: rgb(228 240 245); }

	.gys0 h3 { line-height:150%; }
	.gys0 ul.kcul { list-style-type:none; display:block; }
	.gys0 ul.kcul li { margin:0 0 1.5% 0;width:100%; }
	.gys0 ul.kcul li img { width:90%; }
	.video-container { margin:20px 0; }

	/* 空室・在宅 */
	ul.akiul { display:block; list-style-type:none; }
	ul.akiul li { margin:0 auto 3%; width:100%; }
	
	/* 業務 */
	div.gys { padding:1% 0 0; width:98%; }
	div.gys h3 { line-height:150%; }
	div.gys h3:before { bottom: -10px; }
	div.gys ul.gysul { display:block; }
	div.gys ul.gysul li { margin:0 auto; padding:0; width:98%; display:block; }
	div.gys ul.gysul li img { width:95%; }	
	div.gys p { font-size:1rem; color:#000; line-height:150%; letter-spacing:1px; text-align:left; }

	ul.mizul { list-style-type:none; }
	ul.mizul li { width:48%; }
	ul.mizul li a { padding:1.5%; text-decoration:none; display:block; }
	ul.mizul li a h5 { font-size:18px; font-weight:bold; color:#000; }
	ul.mizul li a h5 span { font-size:11.5px; color:#777; display:block; }
	ul.mizul li a img { margin:0 auto; width:50%; height:auto; display:block; }
	ul.mizul li a p { margin:0 auto; padding:2% 0; width:92%; text-align:left; color:#333; font-size:12.5px; line-height:150%; display:block; }
	ul.nayamiul { list-style-type:none; }
	.gys0 { overflow-x: auto; -webkit-overflow-scrolling: touch; }

	/* 横スクロール専用コンテナ */
.table-scroll-container {
    width: 100%;
    overflow-x: auto; /* 横方向のはみ出しをスクロール可能にする */
    -webkit-overflow-scrolling: touch; /* iOS（iPhone）でスルスル動くようにする */
    margin-bottom: 20px;
    border: 1px solid #ddd; /* スクロール範囲をわかりやすくするための枠線 */
}

/* スクロール時のテーブル自体の設定 */
.table-scroll-container table {
    width: 100%;
    min-width: 600px; /* ★重要：スマホで横スクロールさせるための最低限の幅 */
    table-layout: fixed; /* 列の幅を安定させる */
    border-collapse: collapse;
}

/* セルの調整 */
.table-scroll-container th,
.table-scroll-container td {
    white-space: nowrap; /* 文字が勝手に改行されないようにする */
    padding: 12px 8px;
    font-size: 14px;
    text-align: center;
    border: 1px solid #ccc;
}

/* 1列目（項目名）だけを少し広く、他を均等にするなどの微調整 */
.table-scroll-container th:first-child,
.table-scroll-container td:first-child {
    width: 120px;
    background-color: #f9f9f9; /* 項目名を目立たせる */
    position: sticky; /* オプション：スクロールしても1列目を左に固定したい場合 */
    left: 0;
    z-index: 1;
}



	/*** カテゴリ ***/
	.page h2 { line-height:150%; }
	div.faq-tag-group h3 { margin:10% 0 1% 0; }
	div.faq-tag-group ul { display:block; }
	div.faq-tag-group ul li { margin:0 0 2.5%; padding:0 0 2.5%; width:100%; border-bottom:1px dotted #cfcfcf; border-radius:0; box-shadow:none; }
	div.faq-tag-group ul li a { padding:0; }
	div.voice-tag-group h3 { margin:10% 0 1% 0; }
	div.voice-tag-group ul { display:block; }
	div.voice-tag-group ul li { margin:0 0 2.5%; padding:0 0 2.5%; width:100%; border-bottom:1px dotted #cfcfcf; border-radius:0; box-shadow:none; display:flex; flex-wrap:wrap; }
	div.voice-tag-group ul li a { margin:0; padding:0; text-decoration:none; color:#333; line-height:150%; box-sizing:border-box; display:block; }
	div.voice-tag-group ul li a.vicl { width:25%; }
	div.voice-tag-group ul li a.vicr { width:75%; }
	div.voice-tag-group ul li a.vicl img { margin:0; width:97%; height:auto; display:block; }
	div.infowaku { margin:5% auto 0; padding:0; display:block; }
	div.infowaku ul.info-list { margin:0 auto; padding:0; width:100%; background:#fff; list-style-type:none; display:block; }
	div.infowaku ul.info-list li { margin:0 0 2% 0; padding:0 0 2% 0; width:100%; border-bottom:1px dotted #ccc; display:block; }
	div.infowaku ul.info-list li a { text-decoration:none; color:#333; font-size:1rem; display:block; }
	div.infowaku ul.info-list li a span { margin:0.5% 0 0 0; font-size:12px; color:#888; display:block; }
	div.campdiv {}
	div.campdiv:last-child { border-bottom:none; }
	div.campdiv img { }
	div.campdiv h3 { padding:3.5% 0; }
	div.campdiv p { width:98%; display:block; }
    ul.clumul li { margin:0 auto 2%; width:48%; }
    ul.clumul li div.divtag p.tag { float:left; margin:0 0.4rem 0.75rem 0; display:block; }
	ul.clumul li div.divtag p.tag a { padding:0.3rem 0.4rem; border:1px solid #9c9c9c; background:#fff; text-align:center; font-size:90%; display:block; }
	div.ba-list div.ba-item { margin:0 auto 3%; width:48%; }
	





	/* お問合せ */
	.maildiv{ width: 94%; }
	.maildiv .maildl{ display: block; }
	.maildiv .maildl dt{ width: 100%; border-right: 0; border-bottom: 1px solid #c7c7c7; }
	.maildiv .maildl dd{ width: 100%; }
	div.telwaku { width:98%; }
	div.telwaku a { padding:0.3rem 0; font-size:40px; letter-spacing:-1px; }
	div.faqwaku { padding:3% 0; width:98%; }
	div.faqwaku h4 { margin:0 auto 1.5%; padding:0; }
	div.faqwaku ul { width:auto; list-style-type:none; display:flex; flex-wrap:wrap; }
	div.faqwaku ul li { margin:0 auto 0.5rem; width:49%; border:none; }
	div.faqwaku ul li a { padding:0.55rem 0; width:97%; font-weight:bold; color:#fff; background:green; border-radius:13px; display:block; }
	p.comp { margin:0 auto; padding:3.5% 0; width:97%; }

	ul.ulist { padding:0 5%; width:98%; box-sizing:border-box; }
	span.ptit { color:#00724b; }
	div.mitmoribut { margin:2.5% auto; width:97%; }
	div.mitmoribut h3 a { padding:1% 0; font-size:30px; }
	div.mitmoribut h3 a img { height:28px; }
	div.mitmoribut h3 a span { font-size:13px; }

	.maildiv { width:98%; }
	.maildiv .maildl { border-bottom:2px solid #c7c7c7; display:block; }
	.maildiv .maildl dt { margin:0 auto; padding:5px; width:100%; border:none; display:block; }
	.maildiv .maildl dd { margin: 0; padding:5px; width:100%; display:block; }
	.maildiv .maildl dd p { margin: 0; width: 100%; }


	.maildiv input[type="text"],
	.maildiv input[type="email"],
	.maildiv input[type="tel"]{ width:100%; box-sizing: border-box; padding:18px 16px; border:0; font-size:1.1rem; background: #f6f6f6; outline: none; }
	/* テキストエリア */
	.maildiv textarea { width: 100%; box-sizing: border-box; padding:16px; border:0;  font-size:1.1rem; background: #f6f6f6; min-height: 160px; outline: none; resize: vertical; }
	/* select */
	.maildiv select { width: 100%; box-sizing: border-box; padding: 16px; border: 0; background: #f6f6f6; outline: none; }
	div.maildiv dl.maildl dd select { margin:0; padding:5%; border:0; background:#f6f6f6; width: 100% !important; max-width: 420px; box-sizing:border-box; font-size: 1rem; }
	/* iOSや一部ブラウザ対策 */
	div.maildiv dl.maildl dd select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='black' stroke-width='2'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 12px 8px; }
	div.maildiv .maildl dd .dva01 { margin:0 auto; padding:18px 6px; width:99%; color:#000; font-size:13.5px; border-bottom:1px solid #eee; box-sizing:border-box; }
	div.maildiv .maildl dd .dva01:last-child { border-bottom: 0; }
	div.maildiv .maildl dd .dva01 h4 { margin: 0 0 12px; padding: 0; font-size:17px; font-weight: 800; }
	div.maildiv .maildl dd .dva01 .wpcf7-checkbox { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 28px; row-gap: 9px; }
	div.maildiv .maildl dd .dva01 .wpcf7-list-item { margin:0; }
	div.maildiv .maildl dd .dva01 .wpcf7-list-item label { display: inline-flex; align-items: center; gap: 8px; line-height: 1.4; }
	div.maildiv .maildl dd .dva01 input[type="checkbox"] { margin: 0; }
	p.mlch { text-align:center; }









	/* イベント */
	.evon { margin:0; padding:3% 0; width:98%; display:block; }
	.evon img { width:100%; }
	.evon p { width:98%; }
	.evoff { margin:0; padding:0; display:none; }

	/* 誘導枠 */
	div.yudo ul.bnul { margin:0 auto; padding:0; width:99%; list-style-type:none; box-sizing:border-box; }
	div.yudo ul.bnul li { margin:0 auto; width:32.5%; border:1px solid #f0f0f0; box-sizing:border-box; }
	div.yudo ul.bnul li a { font-size:12.5px; line-height:14.5px; }
	div.yudo img.bnnimg { width:99%; }
	
	/* 施工事例 */
	.bbfaf { width:100%; max-width:100%; margin:0 auto; box-sizing:border-box; overflow-x:auto; }
	.bbfaf .bfafd { flex: 0 0 85%; max-width:80%; }
	.bbfaf .bfafd h4 { margin:0 auto 0.5rem; padding:0 0 0.5rem 0; border-bottom:3px solid green; width:97%; font-size:140%; line-height:130%; color:green; }
	.bbfaf .bfafd h4 span { padding:0.6% 0 0 0; color:#444; }
	.bbfaf .bfafd p { padding:0; width:98%; }
	table.kingaku { width: 100%; font-size: .8rem; }
	table.kingaku th,
	table.kingaku td { padding: .4rem; }

	
	/* 改行 */
	span.bbr-sp { margin:0; pading:0; line-height:0; display:block; }
	span.bbr-sp br { line-height:0; }
	span.bbr-pc { margin:0; display:none; }

	/* トップへ戻るボタン */
	.pagetop { height:30px; width:30px; bottom:78px; right:5px; }

	/* フッター固定nav */
	.mobile-footer-nav { position: fixed; bottom: 0; left: 0; width:100%; background-color:#067900; color:#fff; padding:0; text-align:center; z-index:1000; }
	.mobile-footer-nav ul { margin:0; padding:0; list-style-type:none; width:100%; display:flex; }
	.mobile-footer-nav ul li { margin:0; padding:0; text-align:center; }
	.mobile-footer-nav ul li.fli01 { width:18%; }
	.mobile-footer-nav ul li.fli02 { width:64%; }
	.mobile-footer-nav ul li img { margin:0 auto; padding:0; width:100%; height:auto; display:block; }
	.mobile-footer-nav ul li a { margin:0; padding:0; display:block; }

	.but { padding:1rem 0; }
	.but a:link { padding:0.7rem; width:88%; font-size:1.1rem; font-weight:bold; }
	.but a:visited { padding:0.7rem; width:88%; font-size:1.1rem; font-weight:bold; }
	.but a:hover { color:#fff; background:#ff0000; transtion:1s; opacity:1; border:3px solid #ef0000; font-weight:bold; }
	.but a:visited { padding:0.7rem; width:88%; font-size:1.1rem; font-weight:bold; }
	.but a span { margin:0 0 5px 0; font-size:0.8rem; display:block; }

	/* CTA */
	.cta-center { margin:20px auto; }
	.cta-label { padding:6px 18px; font-size:14px; }
	.cta-btn { display:inline-flex; align-items:center; justify-content:center; gap: 16px; padding:14px 13px; background: #f4a900; color: #333; font-size:18px; font-weight: 700;text-decoration: none; border-radius: 999px; box-shadow: 0 4px 10px rgba(0,0,0,0.2); position: relative; z-index: 2; }
	.cta-btn::after { content: ">"; font-size: 18px; }

}