p {
	font-size: 16px;
}

body {
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)),
		url(/image/info_background.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-top: 71px;
}

a:hover	{
	color: orange; /*-- 譁・ｭ苓牡閾ｪ逕ｱ --*/
}
.main-container{
	margin-top: 24px;
}


h1{
    margin-left:180px;
	width: 720px;
	border-bottom: 3px solid;
    border-image: linear-gradient(to right, #1146f6 0%, #00fffb 100%);
    border-image-slice: 1; 
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	h1{
	width: 90%;
	text-align: center;
	margin: 0px 20px;
	
	}
	
}	


.kaisha {
	margin-top: 10px;
	margin-bottom: 100px;
	margin-left: 180px;
	width:60%;
	}
	
	.kaisha th,
	.kaisha td {
	border: 1px solid #ccc;
	padding: 20px;
	
	}
	
	.kaisha th {
	font-weight: bold;
	background-color: #fce3be; 
	}
	
	@media screen and (max-width: 768px) {
	.kaisha,
	.kaisha{margin: auto;}
	.kaisha tr,
	.kaisha td,
	.kaisha th {display:block;}
	.kaisha th {width:auto;}
	.kaisha td {padding-left: 25px;}
	}

.container {
	height: 200px;
	margin-top: 40px;
	margin-left: 180px;
}

.container h2 {
	width: 720px;
    border-bottom: 3px solid;
	margin-bottom: 10px;

}

ul{
	margin-top: 10px;
}

li {
    padding-top: 5px;

}

/*---------------------------------------------------------------縺薙％縺九ｉ繝輔ャ繧ｿ繝ｼ*/


#footer {
	height: 35px;
	background-color:#b4dbf5;
	
}

.footer-wrapper {
	height: 30px;
	color: #090909;
	text-align: center;
	padding-top: 5px;
	
}

small{
	font-size: 20px;
	
}
/* ヘッダー（index.htmlと同等の挙動） */


/* 769-1024px: 中間ブレークポイント */
@media screen and (max-width: 1024px) and (min-width: 769px) {
	h1 {
		width: auto;
		margin: 0 32px 20px;
	}

	.main-container,
	.container {
		margin-left: 32px;
	}

	.container h2,
	.kaisha {
		width: calc(100% - 64px);
		margin-left: 0;
	}
}