@charset "UTF-8";
/* CSS Document */

/* ############################################## */

.contents_title {

	margin:0px 0px 10px 0px;
}
.sub_title {

	margin:0px 0px 5px 15px;
}

/* ############################################## */

.index_menu_single {

	margin:0px auto 20px auto;
	border:1px solid #d1c8a9;
}
.index_menu_single_txt {

	border-bottom:1px solid #d1c8a9;
	padding:7px 7px 7px 17px;
}
.index_menu_single_txt p {
	font-size:12px;
	line-height:18px;
}
.index_menu_single_txt p img {
	float:right;
	padding:0px 0px 0px 20px;
}
.img_menu li {
	float:left;
}

.index_menu_001 a {
	width:222px;
	height:60px;
	background:url(../img/studiare_italia/technical_school/index/button_001_on.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	display:block;
	margin:0px 0px 0px 0px;
}
.index_menu_001 a:hover img {
  position: relative;
  top: -60px;
}
.index_menu_002 a {
	width:221px;
	height:60px;
	background:url(../img/studiare_italia/technical_school/index/button_002_on.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	display:block;
	margin:0px 0px 0px 0px;
}
.index_menu_002 a:hover img {
  position: relative;
  top: -60px;
}
.index_menu_003 a {
	width:220px;
	height:60px;
	background:url(../img/studiare_italia/technical_school/index/button_003_on.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	display:block;
	margin:0px 0px 0px 0px;
}
.index_menu_003 a:hover img {
  position: relative;
  top: -60px;
}

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

	.contents_title {
		margin:0px 0px 10px 0px;
		overflow: hidden;
	}
	.contents_title img {
			width: auto;
			max-width: none;
	}
	.sub_title {
	margin:1em;
	}
	.sub_title img{
	width:100%;
	}
	.sub_title h4 img{
	width:100%;
	height:auto;
	}
	
	/* ############################################## */
	
	.index_menu_single {
		width:calc(100% - 2em);
		margin:1em;
		border:1px solid #d1c8a9;
	}
	.index_menu_single_txt {
		width:100%;
		border-bottom:1px solid #d1c8a9;
		padding:7px 7px 7px 17px;
		box-sizing: border-box;
	}
	.index_menu_single_txt p {
		font-size:12px;
		line-height:18px;
	}
	.index_menu_single_txt p img {
		float:right;
		padding:0 0 0 20px;
	}
	
	.img_menu li img{
	width:100%
	}
	.img_menu li a:hover,
	.img_menu li a:active {
	opacity:0.6;
	}
	.index_menu_001 a {
		display:block;
		margin:0;
	}
	.index_menu_002 a {
		display:block;
		margin:0;
	}
	.index_menu_003 a {
		display:block;
		margin:0;
	}
	.index_menu_004 a {
		display:block;
		margin:0;
	}
	

}