@charset "UTF-8";
/**********************************************************************
トップページ

index.css
**********************************************************************/



/* 目次
-------------------------------------------------
 ・メインビジュアル
 ・コンテンツ
 ・メイン
 ------------------------------------------------- */



/* メインビジュアル
--------------------------------------------------*/
#mainVisual {
	background: #E9E5E1 url(../../../../images/index/mainvisual_bg1.jpg) repeat-x center top;
	width: 100%;
	min-width: 1050px;
}
#mainVisual .mainvisual_inner {
	background: url(../../../../images/index/mainvisual_bg2.png) no-repeat right top;
	width: 1050px;
	height: 530px;
	margin: 0 auto;
}
#mainVisual .mainvisual_inner p {
	padding-top: 80px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
#mainVisual .mainvisual_inner h1 {
	margin-top: 30px;
	font-size: 34px;
	font-weight: bold;
	line-height: 1.4;
	color: #fff;
}
#mainVisual .mainvisual_inner ul {
	width: 400px;
	margin-top: 45px;
}
#mainVisual .mainvisual_inner ul li {
	float: left;
	width: 47%;
}
#mainVisual .mainvisual_inner ul li:nth-child(2) {
	float: right;
}
#mainVisual .mainvisual_inner .btn a {
	display: block;
	border-radius: 5px;
	background: #00a0d2 url(../../../../images/index/arrow_right2.png) no-repeat 95% 50%;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #FFF;
}



/* コンテンツ
------------------------------------------------- */
#contents {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	background-color: #FFF;
	padding: 0;
}




/* メイン
------------------------------------------------- */
#main {
	width: 100%;
}

/* セクション共通設定 */
#main .section {
	width: 100%;
	font-size: 16px;
}
#main .section .section_inner {
	width: 1000px;
	margin: 0 auto;
}
#main .section .section_inner h2 {
	padding-top: 30px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	line-height: 1.3;
}
#main .section .section_inner h2 + p {
	margin-top: 20px;
	text-align: center;
	line-height: 1.6;
}





@media (max-width: 959px) {
	/* スマートフォン・タブレット用スタイル */
	
	#mainVisual {
		/*background: #F9F8F7 url(../../../../images/index/mainvisual_bg1.jpg) repeat-x left bottom;
		background-size: auto 360px;*/
		width: 100%;
		min-width: inherit;
	}
	#mainVisual .mainvisual_inner {
		background: url(../../../../images/index/mainvisual_bg2.png) no-repeat 48% bottom;
		background-size: 300px 307px;
		width: 100%;
		height: auto;
		padding-bottom: 300px;
	}
	#mainVisual .mainvisual_inner p {
		width: 92%;
		margin: 0 auto;
		padding-top: 40px;
		font-size: 14px;
		text-align: center;
	}
	#mainVisual .mainvisual_inner h1 {
		width: 92%;
		margin: 15px auto 0;
		font-size: 20px;
		text-align: center;
	}
	#mainVisual .mainvisual_inner ul {
		width: 70%;
		margin: 20px auto 0;
	}
	#mainVisual .mainvisual_inner ul li {
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	#mainVisual .mainvisual_inner .btn a {
		padding: 10px;
		font-size: 15px;
	}
	
	
	#main img {
		width: 100%;
		height: auto;
	}
	
	
	#main .section .section_inner {
		width: 92%;
	}
	#main .section .section_inner h2 {
		padding-top: 20px;
		font-size: 16px;
	}
	#main .section .section_inner h2 + p {
		margin-top: 10px;
		font-size: 13px;
	}
	
	
	
	
	
}