@charset "UTF-8";
/* ==========================================================================
   緊急メンテナンスページ（/maintenance/）追加スタイル
   ========================================================================== */

body{background:#fff;}

.mtBtnNav a,
.mtBtnNav a:hover,
.mtRecruit a,
.mtRecruit a:hover,
.mtDocBtn a,
.mtDocBtn a:hover{text-decoration:none;}

.mtInner{max-width:960px;margin:0 auto;}

/* --------------------------------------------------------------------------
   ヘッダー（テンプレートの #header を調整）
   -------------------------------------------------------------------------- */
#header .headBottom .inner{height:80px;}
#header .headBottom .logo{display:flex;align-items:center;}

/* --------------------------------------------------------------------------
   本文（テンプレートの .exLink）
   -------------------------------------------------------------------------- */
main .exLink{padding-bottom:0;}
main .exLink p{margin:0;}

/* --------------------------------------------------------------------------
   ページ内リンクボタン（店舗案内ページ /center/ の .btnAnker に準拠）
   -------------------------------------------------------------------------- */
.mtBtnNav{display:flex;gap:5px;margin:13px 0 40px;padding:0;list-style:none;}
.mtBtnNav li{flex:1;margin:0;padding:0 0 3px;border:1px solid #d9d6d6;background:#f2f2f2;box-shadow:0 3px 0 #b3b3b3;}
.mtBtnNav a{display:block;padding:12px 3px;color:#006;font-size:14px;font-weight:bold;line-height:1.5;text-align:center;}
.mtBtnNav a::after{content:"";display:inline-block;width:10px;height:9px;margin-left:4px;background:url(../images/link_anchor.png) no-repeat 0 0 / 100% auto;vertical-align:middle;}
.mtBtnNav li:hover{opacity:0.8;}
.mtBtnNav--page{margin:50px 0 0;}
.mtTableScroll + .mtBtnNav{margin-top:30px;}

/* --------------------------------------------------------------------------
   セクション・見出し
   -------------------------------------------------------------------------- */
.mtSection,
.mtBar,
.mtAreaTitle{scroll-margin-top:10px;}
.mtSection:last-child{padding-bottom:70px;}
.mtH2{margin:70px 0 24px;padding:0;color:#006;font-size:24px;font-weight:bold;line-height:1.4;letter-spacing:0.05em;text-align:center;}

/* --------------------------------------------------------------------------
   店舗一覧の見出し（店舗案内ページ /center/ の .h2Tit・.h3Tit の見た目に準拠）
   -------------------------------------------------------------------------- */
.mtBar{margin:40px 0 15.6px;padding:7px 15px;background:#006;color:#fff;font-size:15.6px;font-weight:bold;line-height:1.5;letter-spacing:0.05em;}
.mtH2 + .mtBar{margin-top:0;}
.mtAreaTitle{margin:30px 0 20px;padding:4px 0 4px 19px;background:#e5e5ef;color:#222;font-size:20px;font-weight:bold;line-height:1.5;}

/* --------------------------------------------------------------------------
   ニュース&トピックス（トップページの .newsList に準拠）
   -------------------------------------------------------------------------- */
.mtNews{margin:0;border-bottom:1px solid #ccc;}
.mtNews > div{display:flex;}
.mtNews dt,
.mtNews dd{margin:0;padding:24px 0;border-top:1px solid #ccc;}
.mtNews dt{flex-shrink:0;width:152px;}
.mtNews dd{flex:1;}
.mtNews a{position:relative;padding-left:14px;color:#204e91;text-decoration:underline;}
.mtNews a::before{content:"";position:absolute;top:50%;left:0;width:5px;height:5px;margin-top:-3px;border-top:2px solid #006;border-right:2px solid #006;transform:rotate(45deg);}
.mtNews a:hover{text-decoration:none;}

/* --------------------------------------------------------------------------
   表（店舗案内ページの .tableBasic に準拠）
   -------------------------------------------------------------------------- */
.mtTable{width:100%;border:1px solid #ccc;border-collapse:collapse;}
.mtTable th,
.mtTable td{padding:5px 7px 5px 13px;border:1px solid #ccc;border-bottom-color:#b9b9b9;line-height:1.7;vertical-align:middle;}
.mtTable th{background:#e0ded6;font-size:13.9px;font-weight:bold;text-align:center;}
.mtTable tbody tr:nth-child(even) td{background:#faf9f7;}
.mtTable .mtTable__name{width:24%;}
.mtTable .mtTable__tel{width:18%;text-align:center;}
.mtTable td.mtTable__tel{padding-left:7px;}
.mtTable__tel a{color:#222;text-decoration:none;}
.mtScrollNote{display:none;}

/* --------------------------------------------------------------------------
   会社概要（会社概要ページ /company/data.html の表・アクセスに準拠）
   -------------------------------------------------------------------------- */
.mtTable--data th{width:30%;text-align:left;}
.mtAccessMap{margin:0 0 20px;text-align:center;}
.mtAccessMap img{max-width:100%;height:auto;}
.mtOrganization{margin:40px 0 0;overflow:hidden;}
.mtOrganization img{display:block;width:107%;max-width:none;height:auto;margin:-1.3333% 0 0 -3.8333%;}
.mtAccessTitle{margin:0 0 13px;padding:0 0 5px;border-bottom:2px solid #ccc;color:#222;font-size:14.8px;font-weight:bold;line-height:1.5;}
.mtList{margin:0;padding:0 0 0 20px;list-style:disc;}
.mtList li{margin:0 0 13px;line-height:1.7;}
.mtList li:last-child{margin-bottom:0;}

/* --------------------------------------------------------------------------
   リンクボタン（トップページの .button--arrow に準拠）
   -------------------------------------------------------------------------- */
.mtRecruit,
.mtDocBtn{display:flex;justify-content:center;gap:20px;margin:0;padding:0;list-style:none;}
.mtRecruit li,
.mtDocBtn li{flex:1;max-width:306px;margin:0;padding:0;}
.mtRecruit a,
.mtDocBtn a{display:block;position:relative;padding:12px 36px 11px;border-radius:4px;background:#204e91;color:#fff;font-size:15px;font-weight:bold;line-height:1.6;text-align:center;}
.mtRecruit a::after,
.mtDocBtn a::after{content:"";position:absolute;top:50%;right:21px;width:9px;height:9px;margin-top:-5px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}
.mtRecruit a:hover,
.mtDocBtn a:hover{opacity:0.8;}
.mtDocBtn{margin-top:30px;}
/* テキストリンク */
.mtTextLink{margin:24px 0 0;text-align:center;}
.mtTextLink a{color:#204e91;text-decoration:underline;}
.mtTextLink a::before{content:"";display:inline-block;width:5px;height:5px;margin:0 9px 1px 0;border-top:2px solid #006;border-right:2px solid #006;transform:rotate(45deg);vertical-align:middle;}
.mtTextLink a:hover{text-decoration:none;}

/* --------------------------------------------------------------------------
   フッター（トップページのフッター上段・下段に準拠）
   -------------------------------------------------------------------------- */
.mtFooter{background:#f2f2f2;}
.mtFooter__company{padding:40px 0 30px;color:#666;line-height:1.64;}
.mtFooter__company p{margin:0;}
.mtFooter__company .mtFooter__name{color:#222;font-weight:bold;}
.mtNowrap{white-space:nowrap;}
.mtFooter__links{margin:0;padding:30px 0 40px;border-top:1px solid #ccc;list-style:none;}
.mtFooter__links li{display:inline-block;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #666;line-height:1.2;}
.mtFooter__links li:last-child{border-right:none;}
.mtFooter__links a{color:#666;text-decoration:underline;}
.mtFooter__links a:hover{text-decoration:none;}
.spArea{display:none;}

/* --------------------------------------------------------------------------
   スマートフォン（テンプレートと同じ 767px 以下）
   -------------------------------------------------------------------------- */
@media screen and (max-width:767px){
	.mtInner{padding:0 15px;}

	.headTop{height:auto;padding:22px 0;}
	.headTop .spLogo img{display:block;margin:0 auto;}
	#header .headBottom{display:none;}

	main .exLink{padding:40px 15px 0;text-align:left;}

	.mtBtnNav{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:9px 7px;}
	.mtBtnNav li{display:flex;}
	.mtBtnNav a{flex:1;position:relative;padding:20px 15px;text-align:left;}
	.mtBtnNav a::after{position:absolute;top:50%;right:8px;width:14px;height:9px;margin:-4px 0 0;}
	.mtBtnNav--page{grid-template-columns:repeat(2,1fr);gap:9px 7px;margin-top:40px;}
	.mtBtnNav--page a{display:flex;align-items:center;justify-content:center;padding:10px 3px;font-size:13px;line-height:1.4;text-align:center;}
	.mtBtnNav--page a::after{position:static;flex-shrink:0;width:10px;height:9px;margin:0 0 0 4px;}

	.mtSection:last-child{padding-bottom:50px;}
	.mtH2{margin:50px 0 20px;font-size:20px;}
	.mtBar{padding:7px;font-size:14.8px;}
	.mtAreaTitle{margin-top:40px;}

	.mtNews > div{display:block;}
	.mtNews dt{width:auto;padding:16px 0 0;}
	.mtNews dd{padding:4px 0 16px;border-top:none;}

	.mtScrollNote{display:block;margin:0 0 10px;}
	.mtTableScroll{overflow-x:auto;-webkit-overflow-scrolling:touch;}
	.mtTable{width:690px;}
	.mtTable--data{width:100%;}

	.mtRecruit,
	.mtDocBtn{flex-direction:column;align-items:center;gap:12px;}
	.mtRecruit li,
	.mtDocBtn li{width:100%;}

	.mtFooter__company{padding:30px 0 20px;font-size:12px;}
	.mtFooter__links{padding:20px 0 30px;}
	.mtFooter__links li{display:block;margin:0 0 10px;padding:0;border-right:none;}
	.spArea{display:inline;}
}