@charset "UTF-8";

#contents{
	position:relative;
}
#header {
	z-index:999;
}
/* -----------------------------------------------
top
----------------------------------------------- */
.wrap{
	overflow:hidden;
	width:100%;
}
#home #header{
	position:relative;
	z-index:0;
}
#home #contents{
	position:relative;
}

/*topMainVisual  */
#topMainVisual {
	position:relative;
	min-height: 124px;
	margin:0 0 20px;
}
#mainSliderWrap {
	position:relative;
	z-index:1;
	width:96%;
	margin:0 auto;
}
#bike01{
	position:absolute;
	z-index:0;
	top:-40px;
	right:-5px;
}
#bike02{
	position:absolute;
	left:-3px;
	bottom:-20px;
	z-index:1;
}

/* -----------------------------------------------
area
----------------------------------------------- */
#area #contents .nlist{
	margin-bottom:20px;
}

/* -----------------------------------------------
reason
----------------------------------------------- */
#reason .imgcWrap p{
	font-size: 14px;
	font-size: 1.4rem;
}

/* -----------------------------------------------
flow
----------------------------------------------- */
#flow .title02{
	padding-left:5px;
}
#flow .title02 img{
	vertical-align:bottom;
	margin-right:5px;
}
.checkdl dt{
	font-weight:bold;
	background:url(../img/ico_check.png) no-repeat 0 0;
	background-size:17px 19px;
	padding:0 0 0 20px;
}
.checkdl dd{
	margin-bottom:5px;
	padding:0 0 0 20px;
}
.quelist li{
	font-weight:bold;
	background:url(../img/ico_question.png) no-repeat 0 0;
	background-size:19px 19px;
	margin:0 0 3px;
	padding:1px 0 2px 22px;
}
#flow .imgcWrap{
	border-bottom:#cdc8c0 dotted 1px;
	margin-bottom:10px;
}
#flow .imgcWrap .cImg{
	text-align:center;
	display:block;
	width:68px;
}
#flow .case dt{
	display:inline;
	font-size: 10px;
	font-size: 1rem;
	font-weight:bold;
	background:#f5d300;
	border-radius:30px;
	padding:2px 5px;
}
#flow .case dd{
	margin:4px 0 6px;
}
#flowDes{
	padding:0 15px;
}

/* -----------------------------------------------
results
----------------------------------------------- */
#results .reslist{
	overflow:hidden;
	margin:0 0 15px;
}
#results .reslist li{
	float:left;
	width:130px;
	margin:0 7px;
}
#results .reslist li img{
	padding:2px;
	border:#e2e2e2 solid 1px;
	margin-bottom:3px;
}
#results .reslist tr{
	border-bottom:#cdc8c0 dotted 1px;
}
#results .reslist tr:last-child{
	border:none;
}
#results .reslist th{
	width:40px;
}
#results .reslist th,
#results .reslist td{
	padding:2px 0;
}

/* -----------------------------------------------
about
----------------------------------------------- */
#about #contents > h1{
	margin-bottom:0;
}
#about #aboutTitle{
	text-align:center;
	background:url(../img/about_bg.png) repeat;
	border-bottom:#e2eef9 solid 2px;
	margin:0 0 15px;
	padding:5px 0 0;
}
#about #contents p{
	font-size: 14px;
	font-size: 1.4rem;
}

/* -----------------------------------------------
faq
----------------------------------------------- */
.faqlist dt{
	font-weight:bold;
	background:url(../img/faq_ico_question.png) no-repeat 3px 4px;
	background-size:21px 21px;
	margin:-1px 0 0;
	padding:0 0 0 28px;
	border:#bcbcbc solid 1px;
}
.faqlist dt span{
	display:block;
	padding:5px 35px 5px 0;
	background:url(../img/ico_plus.png) no-repeat right center,
						 url(../img/faq_ico_bg_off.gif) repeat-y right 0;
	background-size:32px 32px;
}
.faqlist dt.selected span{
	background:url(../img/ico_minus.png) no-repeat right center,
						 url(../img/faq_ico_bg_on.gif) repeat-y right 0;
	background-size:32px 32px;
}
.faqlist dd{
	background:url(../img/faq_ico_answer.png) no-repeat 3px 4px;
	background-size:21px 21px;
	padding:4px 0 3px 28px;
}

/* -----------------------------------------------
company
----------------------------------------------- */
#company .table th{
	width:28%;
}
#company #map{
  width:100%;
  height:200px;
}

/* --- 注意事項ボタン（⚠️黄色丸型） --- */
#click-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 20px auto;
  width: 120px;
  height: 120px;
  border: none;
  border-radius: 50%;
  background: radial-gradient(circle at center, #ffeb3b, #ff9800);
  color: #000;
  font-size: 18px;
  font-weight: 800;
  text-align: center;
  box-shadow: 0 6px 14px rgba(0,0,0,.25);
  cursor: pointer;
  line-height: 1.2;
}
#click-btn:before {
  content: "⚠️";
  display: block;
  font-size: 28px;
  margin-bottom: 6px;
}
#click-btn:active { transform: scale(0.95); }

/* --- ポップアップ全体 --- */
#popup-wrapper {
  background-color: rgba(0, 0, 0, .65);
  position: fixed;
  top: 0; left: 0;
  width: 100%; height: 100%;
  display: none;
  z-index: 9999;
}

/* --- ポップアップ内 --- */
#popup-inside {
  text-align: center;
  width: 94%;
  max-width: 600px;
  background: #fff;
  border-radius: 20px;
  padding: 36px 20px 24px;
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 14px 36px rgba(0,0,0,.35);
  position: relative;
}

/* --- ✖️閉じるボタン --- */
#close {
  position: absolute;
  top: 12px;
  right: 12px;
  font-size: 32px;
  font-weight: bold;
  color: #666;
  cursor: pointer;
  background: #f2f2f2;
  border-radius: 50%;
  width: 40px; height: 40px;
  line-height: 40px;
  text-align: center;
  box-shadow: 0 2px 6px rgba(0,0,0,.2);
}
#close:hover {
  background: #ffdddd;
  color: #c00;
}

/* --- ポップアップ文字 --- */
#popup-inside p {
  font-size: 20px;
  font-weight: bold;
  margin: 16px 0;
  line-height: 1.6;
  color: #222;
}

/* --- 植草さんの写真サイズ --- */
.imgRight {
  width: 200px;
  height: auto;
}

/* -----------------------------------------------
CTA（今すぐ電話／LINEで相談／メールで問い合わせ）
----------------------------------------------- */
/* 横並び用の器 */
.btnArea{
  display:flex;
  gap:10px;
  margin:20px 0;
}
@media (max-width:480px){
  .btnArea{ flex-direction:column; }
}

/* テキストボタン用（画像でなく文字で出す場合） */
.btnArea .btn{
  flex:1;
  display:block;
  text-align:center;
  font-size:16px;
  font-weight:800;
  color:#fff;
  padding:14px 12px;
  border-radius:12px;
  text-decoration:none;
  box-shadow:0 4px 10px rgba(0,0,0,.2);
}
.btnArea .telBtn{  background:linear-gradient(180deg,#29b6f6,#0288d1); }
.btnArea .lineBtn{ background:linear-gradient(180deg,#00e676,#00c853); }
.btnArea .mailBtn{ background:linear-gradient(180deg,#ffb74d,#fb8c00); } /* ←オレンジ */

/* 既存の画像ボタン構造に合わせる場合の見栄え補強（任意） */
.btnRadius.mailBtn a img{
  display:block;
  width:100%;
  height:auto;
  border-radius:8px;
  box-shadow:0 4px 10px rgba(0,0,0,.2);
}