@charset "UTF-8";

.brown-section {
	background-color: rgb(246, 229, 199);
	color: rgb(123, 34, 38);
	padding: 20px;
}

.tozan-icon-2 {
	display: flex;
	justify-content: space-around;
	height: 120px !important;
}

.wrap-tbl .tbl-head-multi tr td.bg-gray {
	background-color: #c5c5c5;
	color: #fff;
	font-size: 24px;
	font-size: 2.4rem;
}

div[class^="tozan-icon-img"] {
	position: relative;
	display: inline-block;
	height: 110px;
	width: 30%;
	text-decoration: none;
	color: #FFF;
	border-right: solid 2px #dcdcdc;
	border-left: solid 2px #dcdcdc;
	border-bottom: solid 5px #dcdcdc;
	background-size: contain;
	border-radius: 10px;
	background-color: #FFF;
	box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.3);
}

.tozan-icon-2 div[class^="tozan-icon-img"] {
	width: 40%;
}

	div[class^="tozan-icon-img"]:hover {
		/*ボタンを押したとき*/
		-webkit-transform: translateY(2px);
		transform: translateY(3px);
		box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);/*影を小さく*/
		border-bottom: none;
	}

	.tozan-icon-2 div[class^="tozan-icon-img"] img {
		position: absolute;/*相対配置*/
		bottom:5%;
		left: 32%;
	}

	div[class^="tozan-icon-img"] p {
		position: absolute;
		width: 100%;
		font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
		color: #6d6d6d;
		font-weight: bold;
		font-size: 23px;
		top: 20%;
		left: 50%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

	@media screen and (min-width: 751px) {
		div[class^="tozan-icon-img"] {
			position: relative;
			display: inline-block;
			height: 110px;
			width: 30%;
		  text-decoration: none;
		  color: #FFF;
			border-right: solid 2px #dcdcdc;
			border-left: solid 2px #dcdcdc;
			border-bottom: solid 5px #dcdcdc;
		  background-size: contain;
		  border-radius: 10px;
			background-color: #FFF;
			box-shadow: 0 4px 3px 0 rgba(0, 0, 0, 0.3);/*影*/

		}
    
		div[class^="tozan-icon-img"]:hover {
			/*ボタンを押したとき*/
		  -webkit-transform: translateY(2px);
		  transform: translateY(1px);/*下に動く*/
		  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);/*影を小さく*/
		  border-bottom: none;
		}

		div[class^="tozan-icon-img"]:last-child img  {
			bottom:10%;
		}
		div[class^="tozan-icon-img"] p {
			position: absolute;/*絶対配置*/
			width: 100%;
			font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ", sans-serif;
			color: #6d6d6d;/*文字*/
			font-weight: bold; /*太字に*/
			font-size: 16px;/*サイズ2倍*/
			top: 20%;
		  left: 50%;
		  -ms-transform: translate(-50%,-50%);
		  -webkit-transform: translate(-50%,-50%);
		  transform: translate(-50%,-50%);
		}

}