@charset "UTF-8";
/* ------------------------------------------------------------------------
css見出し構成
---------------------------------------------------------------------------
	- common（初期設定）
    - page（ページ固有設定）
------------------------------------------------------------------------ */


/* ============================================================================
　common（初期設定）
============================================================================ */
.container-fluid .content_text_wrap{
	max-width: 900px;
	margin: auto;
}

/* ============================================================================
　page（ページ固有設定）
============================================================================ */
/* mainvisualの設定
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.page .mainvisual {
	background-image: url(images/mainvisual.jpg);
	height: 180px;
}	
.page .mainvisual::after {
	background-image: url(images/page_title01.png);
	background-size: auto 20%;
	margin-bottom: -50px;
}
/* タブレット用の記述 */
@media screen and (min-width: 768px){
	.page .mainvisual {
		height: 330px;
	}
	.page .mainvisual::after {
		background-size: auto 15%;
		margin-bottom: -60px;
	}
}
/* 1100px以上用（PC用）の記述 （グローバルナビが表示された時）*/
@media screen and (min-width: 1100px){
	.page .mainvisual::after {
    margin-bottom: -130px;
	}
}

/* Registration（タイトルとコピー）
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.Registration{
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}
.Registration .text_wrap{
	margin-bottom: 20px;
}

/* テキスト */
.page_text_member{
	font-size: 14px;
	text-align: center;
	margin: 0;
	line-height: 2;
}
.note_center{
	font-size: 13px;
	text-align: center;
	margin: 0;
}
/* タブレット用の記述 */
@media screen and (min-width: 768px){
	.page_text_member{
		font-size: 17px;
	}
	.note_center{
		font-size: 13px;
	}
}

/* MemberMerit（会員登録のメリット）
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.MemberMerit{
	padding-bottom: 0;
}
.merit{
	background: #f4edda;
}

/*タイトル*/
.merit_title{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	margin: 0 0 .5em;
}
/* タブレット用の記述 */
@media screen and (min-width: 768px){
	.merit_title{
		font-size: 35px;
		margin: 0 0 1em;
	}
}


/*白枠の中のリスト*/
.merit_list{
	font-size: 110%;
	margin: 0;
	padding: 0;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.merit_list li{
	text-align: left;
	padding: 1em 0 1.5em;
	border-bottom: 1px solid #e5d5b7;
}
.merit_list li br{
	display: none;
}
.merit_list li:last-child{
	border-bottom: none;
}
.merit_list li span{
	display: block;
	padding: .5em;
	text-align: center;
	color: #fff;
	margin: 0 auto .5em;
	width: 2em;
	height: 2em;
	line-height: 1em;
	border-radius: 100%;
	background-color: #c39c37;
}
.syukuhakuken{
	text-align: center;
}
.syukuhakuken img{
	width: 100%;
	max-width: 400px;
	height: auto;
}

@media screen and (min-width: 500px){
	.merit_list li{
		text-align: center;
		padding: 1em 0 1.5em;
	}
	.merit_list li br{
		display: block;
	}
}
/* タブレット用の記述 */
@media screen and (min-width: 768px){
	.merit_list{
		font-size: 160%;
		padding: 0 1em;
	}
}


/*注意分リスト*/
.note_list{
	color: #666;
	font-size: 13px;
	line-height: 1.7;
	margin: 2em 0 0;
}
.note_list li{
	text-indent: -1em;
	padding: 0 0 0 1em;
}