@charset "utf-8";
/*------------------------------------------------------------
共通
------------------------------------------------------------*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
	background: #fff;
	color: #333;
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}
*, *:before, *:after {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
body, img, div, ul, dl, ol, section, header, footer, nav, main, article, iframe {
	max-width: 100%;
}
.serif {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
p {
}
.inner {
	width: 1000px;
	margin: 0 auto;
}
h2 {
	margin-bottom: 40px;
	text-align: center;
}
section {
	line-height: 0;
}
section {
	line-height: 0;
}
/*------------------------------------------------------------
調整用 ※あまり多用しない
------------------------------------------------------------*/
.mb0 {
	margin-bottom: 0!important;
}
.mb30 {
	margin-bottom: 30px;
}
.mb50 {
	margin-bottom: 50px;
}
.mt0 {
	margin-top: 0!important;
}
.pb0 {
	padding-bottom: 0!important;
}
.pt0 {
	padding-top: 0!important;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.ac {
	text-align: center;
}
.al {
	text-align: left;
}
.ar {
	text-align: right;
}
/*------------------------------------------------------------
ヘッダー
------------------------------------------------------------*/
.head_logo {
	padding: 5px 0;
}
/*------------------------------------------------------------
メインイメージ
------------------------------------------------------------*/
#main {
	text-align: center;
	background: url(../img/main_bg.png) top no-repeat;
	padding: 0;
}
/*------------------------------------------------------------
コンテンツ
------------------------------------------------------------*/
.cont01 {
	padding: 50px 0;
}
.card_select {
	position: relative;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.card_select .card_add {
	position: absolute;
	bottom: 40px;
	right: 10%;
	width: 41%;
}
.card_select .card_add img{
	width: 100%;
	height: auto;
	max-width: 100%;
}
.card_select .card_dtl {
	position: absolute;
	bottom: 40px;
	left: 10%;
	width: 30.2%;
}
.card_select .card_dtl img{
	width: 100%;
	height: auto;
	max-width: 100%;
}
.kaihi {
	text-align: center;
	margin-bottom: 50px;
}
.cont02 {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.card_dtl_area {
}
.dtl01, .dtl02, .dtl03, .dtl04, .dtl05, .dtl06, .dtl07, .dtl08 {
	position: relative;
}
.dtl01 .card_dtl_btn {
	position: absolute;
	top: 6%;
	right: 30px;
}
.dtl02 .card_dtl_btn {
	position: absolute;
	top: 6%;
	right: 30px;
}
.dtl03 .card_dtl_btn {
	position: absolute;
	top: 25px;
	right: 30px;
}
.dtl04 .card_dtl_btn {
	position: absolute;
	top: 6%;
	right: 30px;
}
.dtl05 .card_dtl_btn {
	position: absolute;
	top: 6%;
	right: 30px;
}
.dtl06 .card_dtl_btn {
	position: absolute;
	top: 13%;
	right: 30px;
}
.dtl07 .card_dtl_btn {
	position: absolute;
	top: 6%;
	right: 30px;
}
.dtl08 .card_dtl_btn {
	position: absolute;
	top: 6%;
	right: 30px;
}
.etc {
	text-align: center;
	margin-bottom: 80px;
}
/*------------------------------------------------------------
CV
------------------------------------------------------------*/
.cv {
	background: #117ab4;
	padding: 50px 0;
	text-align: center;
	width: 980px;
	margin: 0 auto 50px;
	border-bottom: 2px solid;
	border-right: 2px solid;
	border-left: 2px solid;
}
.cv a:hover {
	opacity: 0.8;
}
.cv_bnr a:hover {
	opacity: 0.8;
}
/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
footer {
	background: #0c5780;
	padding: 50px 0 30px;
	color: #fff;
}
footer a {
	text-decoration: underline;
}