@charset "utf-8";

/* 入会案内 CSS */

#enrollment_guide2017 {
	background-color:#F0F0F0;
	padding-bottom:100px;/*フッターとの重なりを防止するため、フッターの高さと同じだけ取っておく*/
}

#enrollment_guide2017 h4 {
	margin-bottom:7.0rem;
}


#enrollment_guide2017 .inner {
	width:1200px;
	margin:auto auto;
	background-color:#FFF;
}

#enrollment_guide2017 .inner .article_box {
	display:flex;
	margin:0 auto 100px auto;
	text-align:center;
}



#enrollment_guide2017 .inner article {
	margin:1.0rem 2.0rem;
	padding:3.0rem 0 0 0;
	width:100%;
}

#enrollment_guide2017 .inner article:nth-child(odd) {
}

#enrollment_guide2017 .inner article:nth-child(even) {
}


#enrollment_guide2017 .inner article h5 {
	font-size:3.0rem;
	text-align:center;
	color:#0C6;
}


#enrollment_guide2017 .inner p{
	text-align:left;
	font-size:1.8rem;
	line-height:2.0;
	padding:2.0rem 5.0rem;
}

#enrollment_guide2017 .inner p span {
	font-size:1.5rem;
}


#enrollment_guide2017 small {
	font-size:1.4rem;
}

#enrollment_guide2017 small ul {
	list-style:none;
	text-align:left;
	padding:0.5rem 3.0rem;
	margin:0;
}

#enrollment_guide2017 small ul li {
	padding:0.25rem 1.0rem!important;
}

#enrollment_guide2017 .inner article > ul {
	display:flex;
	-webkit-flex-wrap: wrap; /* Safari */
	
	flex-wrap:wrap;
	list-style:none;
	width:800px;
	margin:auto auto;
}

#enrollment_guide2017 .inner article ul li {
	display:flexbox;
	width:50%;
	padding:1.0rem 0.5rem;
	box-sizing:border-box;
}

#enrollment_guide2017 .inner article ul li dl {
	font-size:1.8rem;
	width:380px;
	height:380px;
	padding:1.0rem ;
	box-sizing:border-box;
	background-color:#FFFFFF;
	border-radius:10px;
	background-color:#EEEEEE;
}

#enrollment_guide2017 .inner article ul li dl dt {
	font-weight:bold;
	font-size:2.5rem;
	margin:3.0rem 0;
	color:#099;
}

#enrollment_guide2017 .inner article ul li dl dd {
	text-align:center;
}

#enrollment_guide2017 .inner article ul li dl dd p {
	text-align:left;
	font-size:1.6rem;
	line-height:1.5;
	padding:1.0rem;
}

.responcive_img {
	width:100%;
	height:auto;
}

.responcive_img_80 {
	width:80%;
	height:auto;
}



/*背景色（グリーン）付きボックス */

.bg_box01 {
	background-color:#0C9;
	color:#FFF;
	font-weight:bold;
}

.bg_box01 p {
	font-size:1.8rem!important;
}


/*丸いテキストボックス*/

.circle_box_r {
	position:relative;
	width:100%;
	height:50px;
}


.circle_box {
	background-color:#099;
	width:16.0rem;
	height:16.0rem;
	line-height:16.0rem;
	margin:auto auto;
	border-radius:50%;
	position:absolute;
	top:-115px;
	left:44%;
	color:#FFF;
}


/*** ご利用上の注意 ***/

.attention {
	width:100%;
}

.attention ul {
	margin-bottom:5.0rem;
}

.attention ul li {
	display:block!important;
	width:100%!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
}

.attention ul li p {
	position:relative;
	line-height:1.5!important;
	font-size:1.7rem!important;
	margin-bottom:0!important;
	padding-bottom:0!important;
}

.attention ul li p:before {
	content:"\f138";
	position:absolute;
	left:2.5rem;
	top:1.8rem;
	font-family: FontAwesome /*FontAwesomeをフォント指定*/;
	color:#099;
	font-size:1.6rem;
}


.attention_box {
	display:block;
}

.entry_msg {
	width:100%;
}

.entry_msg i {
	display:block;
	font-size:5.0rem;
	padding:0;
	line-height:3.0rem;
	color:#3CC;
}


.entry_msg p {
	margin:auto auto;
	line-height:1.5!important;
	width:50%;
	color:#000;
	font-size:2.5rem!important;
	font-weight:bold;
	text-align:center!important;
}


img.icon {
	vertical-align:middle;
	width:50px;
	height:auto;
	margin:0 10px 0 0;
}


/*三角付きライン*/
.triangle-line {
	background-color:#0C9;
	width:100%;
	height:3px;
	position:relative;
	margin:3.0rem 0;
}

.triangle-line span {
	width: 0;
	height: 0;
	border: 30px solid transparent;
	border-top: 30px solid #0C9;
	position:absolute;
	top:0;
	left:47%;
}



/*ボタンのフォントサイズ調整*/
.entry_btn a {
	font-size:1.8rem;
}