/*
作成日：2015/08/23
作成者：石川
対象　：Index.html
コメント：Index.htmlで用いる専用のCSS（他のファイルへの適用は厳禁）
*/


/*-------------------------税務トピックの設定*/


.zeimu_topic {
  /* サイズ指定 */
  width: 95%;
  max-width: 350px;
  height: 250px;
  display: block;
  box-sizing: border-box;
  margin: 5px auto;
  padding: 0;
  vertical-align: top;



  /* 色指定 */
  background-image: -webkit-linear-gradient(top, #FFF, #FFB11B);
  /* IE8 */
  background: -ms-linear-gradient(#FFF, #FFB11B); /*IE10*/

  color: #000;

  /* 角丸 */
  border-radius: 5px;

  /* シャドウ / ベベル */
  box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(255, 255, 255, 0.9) inset, 0 -1px 3px rgba(0, 0, 0, 0.1) inset;

  /* その他 */
  text-decoration: none;
  font-size: 16px;

}

.zeimu_topic:hover {
  /* 反転 */
  background-image: -webkit-linear-gradient(top, #F60, #FC0);
  background: -ms-linear-gradient(#F60, #FC0); /*IE10*/
}

.zeimu_topic_box {
  /* サイズ指定 */
  height: 100px;
  margin: 5px auto;

  font-size: 16px;
  border: 2px solid #F33;

}

/* 画像付きボタンの位置調整*/
.zeimu_topic_image {
  	width: 100%;
  	height: 130px;
	border-radius: 5px 5px 0 0;
	/* ボタン上部に持っていくための微調整 */
	padding: 0 0 5px 0;

}

.zeimu_topic_title {
	/* 縦横中央揃え */
  	text-align: center;

	padding: 0 5px 5px 5px;

  	/* その他 */
  	font-size: 16px;
	text-decoration: underline;
}

.zeimu_topic_text {
	/* 縦横中央揃え */
  	text-align: left;
  	/* その他 */
  	font-size: 14px;
  	padding: 0 5px;
}

.center {
	text-align: center;
}

.table_center {
	margin: 0 auto;
}

.link {
	width: 100%;
	max-width: 200px;
	height: 52px;
	margin: 1px auto;
}

/* bxSliderで用いる設定 */

.bxslider-width {
	width: 90%;
	max-width: 1200px;
	margin: 0 auto;
}

.background-orange {
	background-color: #F90;
	color: #FFF;
}

.background-blue {
	background-color: #0000cd;
	color: #FFF;
}

.bxslider-text {
	text-align: center;
}

.image-size {
	width: 100%;
	max-width: 1200px;
	height: 350px;
}

/* ==========================================
 *  bxSliderのテキスト部分の個別設定
 * ======================================== */

/* スライダー画面での文字の位置調整 */
.text-margin1 {
	margin:8% 0;
}
.text-margin2 {
	margin:12% 0;
}
.text-margin3 {
	margin:8% 0;
}


/* スライダー内部での文字の大きさ調整 */
.slider-text-size1 {
	font-size: 65px;
}
.slider-text-size2 {
	font-size: 65px;
}
.slider-text-size3 {
	font-size: 55px;
}


/* 画面サイズに応じて、bxSlider内部の文字の大きさおよび位置を調整している */
@media screen and (max-width :1160px){
	.image-size {
		height: 320px;
	}

	.text-margin1 {
		margin:10% 0;
	}
	.text-margin2 {
		margin:14% 0;
	}
	.text-margin3 {
		margin:10% 0;
	}

	.slider-text-size1 {
		font-size: 50px;
	}
	.slider-text-size2 {
		font-size: 50px;
	}
	.slider-text-size3 {
		font-size: 40px;
	}
}

@media screen and (max-width :900px){

	.image-size {
		height: 250px;
	}

	.text-margin1 {
		margin:10% 0;
	}
	.text-margin2 {
		margin:14% 0;
	}
	.text-margin3 {
		margin:10% 0;
	}

	.slider-text-size1 {
		font-size: 40px;
	}
	.slider-text-size2 {
		font-size: 40px;
	}
	.slider-text-size3{
		font-size: 30px;
	}
}

@media screen and (max-width :750px){
	.image-size {
		height: 200px;
	}

	.text-margin1 {
		margin:10% 0;
	}
	.text-margin2 {
		margin:14% 0;
	}
	.text-margin3 {
		margin:10% 0;
	}

	.slider-text-size1 {
		font-size: 35px;
	}
	.slider-text-size2 {
		font-size: 35px;
	}
	.slider-text-size3 {
		font-size: 25px;
	}
}


/*-------------------------画像サイズに合わせてフォントサイズの変更*/