@charset "utf-8";

/*全体の設定*/
body {
	color: #333;
	margin: 0px;
	padding:0;
	font-family:  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size:1.0em;
	line-height:190%;
	height: 100%;
	min-width:481px;
	background-image: linear-gradient(180deg, rgba(255, 255, 255, 1), rgb(231, 255, 253, 1));
	letter-spacing: 0.05em; /* 文字間隔を広げた */
}

h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,form,figure{
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
	vertical-align: bottom;
}

/*リンク設定*/
a img {
	-webkit-transition: 0.3s;
	transition: 0.3s;
}

a:hover img {
	opacity: 0.6;
}

/*ヘッダー*/
header{
	width:100%;
}

header h1 {
	text-align: center;
	margin:2% auto;
}

header h1 img{
	width:40%;
	height:auto;
	display: block;  /* 中央寄せを確実にするため追加 */
	margin: 0 auto;  /* 中央寄せを確実にするため追加 */
}

header img{
	display:block;
	width:100%;
	height:auto;
}

/*メインコンテンツ*/
#main{
	display:block;
	width:80%;
	margin: 0 auto;
	text-align: center; /* 中央揃え */
}

#main h2{
	font-weight: bold;
	font-size: 1.4em;
	color:#26b199; /* ロゴのグリーン */
	line-height:200%;
	margin:6% 0 2% 0;
}

#main p{
	display:inline-block; /* 中央寄せしつつテキストは左揃え */
	text-align: left;
	margin:3% auto;
}

#main iframe{
	width:100%;
	height:450px;
	margin:3% auto;
	border:none;
}

.recruit{
	width:100%;
	height:auto;
	padding-bottom:20px;
	margin:0 auto;
}

/*グループバナー*/
#group{
	margin-top: 30px;
}

#group img{
	width:100%;
	height:auto;
	box-shadow: 0px 0px 15px -5px #d2b48c;
	border:solid 1px #FFF;
	border-radius:10px;
	margin: 5% auto;
}

#main a{
	display:block;
	width:50%;
	margin:5% auto;
}

/*フッター*/
footer {
	width:100%;
	padding:15px 0;
	background-color:#26b199; /* ロゴのグリーン */
}

footer p{
	color:#fff;
	font-size:0.8em;
	text-align:center;
}