@CHARSET "UTF-8";

/* -------------------------------------- */
/* 共通コンテナ・レイアウト */
/* -------------------------------------- */
.smk01{
	width:95%;
	margin:2.0em auto;
	font-weight:300;
}
.smk02{
	width:95%;
	margin:2.0em auto 4.0em;
}

/* -------------------------------------- */
/* 見出しスタイル (smkttl01) */
/* -------------------------------------- */
.smkttl01{
	font-weight:bold;
	font-size:1.3em;
	margin:3.0em 0 1.0em;
	text-align:center;
	background-color:#419361;
	padding:0.5em;
	border-radius:20px 20px 0 0;
}
.smkttl01 span{
	color:#fff;
}
.smk02ttl{
	color:#4FB878;
	margin:0 auto 10px;
	font-size:1.2em;
}

/* -------------------------------------- */
/* ボックス・パーツスタイル */
/* -------------------------------------- */
.features-box02{
	margin:0 auto 1.0em;
	background-color:#FFF;
	border:2px solid #419361;
	padding:1.0em 1.0em 0em;
}
.features-box02 h3{
	color:#419361;
	font-size:1.2em;
	margin-bottom:0.5em;
	font-weight:bold;
}
.features-box02 p{
	margin-bottom:1.2em;
}
.features-box02 p.fw-n{font-weight:normal;}
.features-box02 p.fw-b{font-weight:bold;}
.tokuten_ttl01{
	padding:0.5em;
	font-size:1.2em;
	background-color:#ea3f25;
	text-align:center;
	color:#fff100;
	font-weight:bold;
}
.tokuten_box01{
	margin:1.0em auto;
}

/* -------------------------------------- */
/* テーブルスタイル (smk02tbl) */
/* -------------------------------------- */
.smk02tbl01{
	width:100%;
	border-collapse:separate;
	border-spacing:0;
}
.smk02tbl01 tr{
	display:block;
}
.smk02tbl01 th{
	display:block;
	width:100%;
	text-align:left;
	background-color:#4FB878;
	color:#fff;
	padding:0 0 0 0.5em;
}
.smk02tbl01 td{
	display:block;
	width:100%;
	background-color:#fff;
	padding:0.5em;
	font-weight:300;
}
.smk02tbl02{
	width:95%;
	margin:0 auto;
}
.smk02tbl02 tr td:first-child{
	width:5.0em;
}
.smk02tbl02 tr{
	border-bottom:none;
}

/* -------------------------------------- */
/* テキスト・その他 */
/* -------------------------------------- */
.tx_c{
	text-align:center;
}
.smk02txt01{
	color:#FF0000;
	font-weight:600;
}
.smk02txt02{
	color:#009944;
	text-decoration:underline;
}
/* TELの時間帯表記 (追加されたスタイル) */
.time-text{
	background-color: #59B972; 
	color: #fff; 
	padding: 5px 20px; 
	border-radius: 50px; 
	line-height: 2.6; 
	font-size: 80%;
}
.smk02tel01{
	display:inline-block;
	width:40%;
	margin:0.2em 0.5em;
	font-size:0.8em;
	border:2px solid #019F5E;
	border-radius:10px;
	text-align:center;
	padding:0.3em 0;
	font-weight:600;
}
.smk02tel01 span{
	color:#019F5E;
	font-size:0.8em;
}

/* -------------------------------------- */
/* 連絡先 (contact_box) */
/* -------------------------------------- */
.call-txt{
	margin-bottom:10px;
	color:#F84D4D;
	text-align:center;
}
.contact_box{
	text-align:center;
	display:block;
	font-size:1.2em;
	margin:0 auto 30px;
}
.contact_box a{
	background-color:#F84D4D;
	border:3px solid #fff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.4);
	display:inline-block;
	color:#fff;
	border-radius:10px;
	margin-bottom:20px;
	width:90%;
	padding:0.8em 0;
	position:relative;
}
.contact_box span{
	background-color:#999;
	border:3px solid #fff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.4);
	display:inline-block;
	color:#fff;
	border-radius:10px;
	margin-bottom:20px;
	width:90%;
	padding:0.8em 0;
}
.contact_box label.disabled-link{
	background-color:#F84D4D;
	border:3px solid #fff;
	box-shadow:2px 2px 5px rgba(0, 0, 0, 0.4);
	display:inline-block;
	color:#fff;
	border-radius:10px;
	margin-bottom:20px;
	width:90%;
	padding:0.8em 0;
	position:relative;
	cursor:pointer;
}
.contact_box span.attention{
	padding:initial;
	margin:initial;
	font-size:0.6em;
	background-color:initial;
	border:none;
	box-shadow:initial;
	padding-top:10px;
}
/* アイコンのスタイル */
.contact_box a::before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:15px;
	width:30px;
	height:30px;
	margin:auto;
	border-radius:20px;
	background-color:#fff;
}
.contact_box a::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:20px;
	width:0;
	height:0;
	margin:auto;
	border-top:9px solid transparent;
	border-right:0 solid transparent;
	border-left:15px solid #F84D4D;
	border-bottom:9px solid transparent;
	box-sizing:border-box;
}

/* -------------------------------------- */
/* 過去の的中例 (prediction) */
/* -------------------------------------- */
.prediction{width:100%;margin:2.0em 0;}
.prediction .pc{display:none;}
.prediction .sp{display:block;}
.prediction p{
	font:normal normal normal 19px/20px Hiragino Kaku Gothic ProN;
	font-weight:bold;
	text-align:center;
	color:#D90505;
	opacity:1;
	margin-bottom:3px;
}

/* ====================================== */
/* PC (min-width:900px / 769px) */
/* ====================================== */
@media only screen and (min-width:900px){
	/* 共通コンテナ・レイアウト */
	.smk01{
		width:720px;
	}
	.smk02{
		width:760px;
	}

	/* 見出しスタイル (smkttl01) */
	.smkttl01{
		text-align:left;
		background-color:initial;
		border-bottom:10px solid #419361;
		padding:initial;
	}
	.smkttl01 span{
		padding:10px 40px 0;
		background-color:#419361;
		border-radius:20px 20px 0 0;
		min-width:200px;
		display:inline-block;
		text-align:center;
	}

	/* ボックス・パーツスタイル */
	.features-box02 h3{
		font-size:1.3em;
	}

	/* テーブルスタイル (smk02tbl) */
	.smk02tbl01{
		border-spacing:0 5px;
	}
	.smk02tbl01 tr{
		display:table-row;
	}
	.smk02tbl01 th{
		display:table-cell;
		width:9.0em;
		text-align:center;
		vertical-align:middle;
		padding:0.5em 0;
	}
	.smk02tbl01 td{
		display:table-cell;
		width:calc(100% - 9.0em);
		vertical-align:middle;
	}
	.smk02tbl02 tr{
		border-bottom:1px solid #4FB878;
	}
	.smk02tel01{
		font-size:1.1em;
	}
	.smk02tel01 span{
		font-size:1.1em;
	}

	/* 過去の的中例 (prediction) */
	.prediction{margin:3.0em auto;width:600px;}
	.prediction p{font:normal normal normal 25px/26px Hiragino Kaku Gothic ProN;font-weight:bold;}
	.prediction .pc{display:block;}
	.prediction .sp{display:none;}
}

@media only screen and (min-width:769px){
	/* 連絡先 (contact_box) */
	.contact_box{
		font-size:1.5em;
	}
	.contact_box a, .contact_box span, .contact_box label.disabled-link{
		padding:0.6em 4.0em;
		margin-bottom:30px;
		width:initial;
	}
	span.attention{
		font-size:0.6em;
		margin-bottom:0 !important;
		padding-top:10px;
	}
}