@charset "UTF-8";

/* index-smp
------------------------------------------------------- */
@media only screen and (max-width: 767px) {
#top #contbox01 {
	width: 94%;
	text-align: center;
	margin: 5% auto;
}
#top #contbox01 h1 {
	width:100%;
}

#top #contbox01 h2{
	font-size: 20px;
	text-align: center;
	margin: 5% auto;
	color:#000;
}
#top #contbox01 h2 em{
	font-size: 26px;
}


#top #contbox02 , #top #contbox03 , #top #contbox04 {
	width: 94%;
	text-align: center;
	margin:40px auto 0 auto;
}
#top #contbox02 h2 , #top #contbox03 h2 , #top #contbox04 h2 {
	font-size: 24px;
	font-size: 1.84615rem;
	text-align: left;
	margin: 0 0 10px 0;
	padding:0 0 0 30px;
	border-bottom:1px solid #cccccc;
	background:url(../../img/bt_arrow.png) left center no-repeat;
}
#top #contbox02 .leftbox , #top #contbox03 .leftbox , #top #contbox04 .leftbox {
	width:100%;
	text-align: center;
	margin: 0 auto 10px auto;
}
#top #contbox02 .rightbox , #top #contbox03 .rightbox , #top #contbox04 .rightbox {
	width:100%;
	text-align: center;
	margin: 0 auto;
}
#top #contbox02 .rightbox table ,#top #contbox03 .rightbox table , #top #contbox04 .rightbox table {
	width:100%;
	margin:0 auto;
}
#top #contbox02 .rightbox table th , #top #contbox03 .rightbox table th , #top #contbox04 .rightbox table th {
	display:block;
	width:100%;
	padding:2px 0 0 5px;
	font-size: 14px;
	font-size: 1.07692rem;
	text-align:left;
	vertical-align:top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	background: #E8E8E8;
}
#top #contbox02 .rightbox table td , #top #contbox03 .rightbox table td , #top #contbox04 .rightbox table td {
	display:block;
	width:100%;
	padding:0 5px 5px 5px;
	font-size: 14px;
	font-size: 1.07692rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	vertical-align:top;
}
#top #contbox05 {
	width:94%;
	text-align: center;
	margin:40px auto;
	border:1px solid #cccccc;
	box-sizing:border-box;
}
#top #contbox05:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	border:1px solid #666;
}
}
/* index-tablet
------------------------------------------------------- */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#top #contbox01 {
	width: 94%;
	text-align: center;
	margin: 5% auto;
}
#top #contbox01 h1 {
	width:100%;
}

#top #contbox01 h2{
	font-size: 28px;
	font-size: 2.154rem;
	text-align: center;
	margin: 5% auto;
	color:#000;
}
#top #contbox01 h2 em{
	font-size: 36px;
	font-size: 2.769rem;
}

#top #contbox02 , #top #contbox03 , #top #contbox04{
	width: 94%;
	text-align: center;
	margin:80px auto 0 auto;
}
#top #contbox02 h2 , #top #contbox03 h2 , #top #contbox04 h2 {
	font-size: 24px;
	font-size: 1.84615rem;
	text-align: left;
	margin: 0 0 10px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #cccccc;
	background:url(../../img/bt_arrow.png) right center no-repeat;
}
#top #contbox02 .leftbox , #top #contbox03 .leftbox , #top #contbox04 .leftbox {
	width:100%;
	text-align: center;
	margin: 0 auto 10px auto;
}
#top #contbox02 .rightbox , #top #contbox03 .rightbox , #top #contbox04 .rightbox {
	width:100%;
	text-align: center;
	margin: 0 auto;
}
#top #contbox02 .rightbox table , #top #contbox03 .rightbox table , #top #contbox04 .rightbox table {
	width:100%;
	margin:0 auto;
}
#top #contbox02 .rightbox table th , #top #contbox03 .rightbox table th , #top #contbox04 .rightbox table th {
	width:26%;
	padding:0 0 2px 0;
	font-size: 14px;
	font-size: 1.07692rem;
	text-align:left;
	vertical-align:top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}
#top #contbox02 .rightbox table td , #top #contbox03 .rightbox table td , #top #contbox04 .rightbox table td {
	width:74%;
	padding:0 0 2px 0;
	font-size: 14px;
	font-size: 1.07692rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	vertical-align:top;
}
#top #contbox05 {
	width:94%;
	text-align: center;
	margin:40px auto;
	border:1px solid #cccccc;
	box-sizing:border-box;
}
#top #contbox05:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	border:1px solid #666;
}
}
/* index-PC
------------------------------------------------------- */
@media only screen and (min-width: 1024px) {
#top #contbox01 {
	width: 100%;
}
#top #contbox01 h1 {
	text-align: center;
	margin: 5% auto;
	width:500px;
}

#top #contbox01 h2{
	font-size: 28px;
	font-size: 2.154rem;
	text-align: center;
	margin: 5% auto;
	color:#000;
}
#top #contbox01 h2 em{
	font-size: 36px;
	font-size: 2.769rem;
}

#top #contbox02 , #top #contbox03 , #top #contbox04{
	width: 980px;
	text-align:center;
	margin:80px auto 0 auto;
	overflow:hidden;
}
#top #contbox02 h2 , #top #contbox03 h2 , #top #contbox04 h2 {
	font-size: 24px;
	font-size: 1.84615rem;
	text-align: left;
	margin: 0 0 20px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #cccccc;
	background:url(../../img/bt_arrow.png) right center no-repeat;
}
#top #contbox02 .leftbox , #top #contbox03 .leftbox , #top #contbox04 .leftbox {
	float:left;
	width:400px;
}
#top #contbox02 .rightbox , #top #contbox03 .rightbox , #top #contbox04 .rightbox {
	float:right;
	width:540px;
}
#top #contbox02 .rightbox table , #top #contbox03 .rightbox table , #top #contbox04 .rightbox table {
	width:100%;
	margin:0 auto;
}
#top #contbox02 .rightbox table th , #top #contbox03 .rightbox table th , #top #contbox04 .rightbox table th {
	width:26%;
	padding:0 0 2px 0;
	font-size: 14px;
	font-size: 1.07692rem;
	text-align:left;
	vertical-align:top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}
#top #contbox02 .rightbox table td , #top #contbox03 .rightbox table td , #top #contbox04 .rightbox table td {
	width:74%;
	padding:0 0 2px 0;
	font-size: 14px;
	font-size: 1.07692rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
	vertical-align:top;
}
#top #contbox02:hover , #top #contbox03:hover , #top #contbox04:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
}
#top #contbox05 {
	width:400px;
	text-align: center;
	margin:100px auto;
	border:1px solid #cccccc;
	box-sizing:border-box;
}
#top #contbox05:hover {
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
	opacity: 0.7;
	border:1px solid #666;
}
}