@charset "utf-8";
/* CSS Document */

#contents {
	background: #333;
	color: #fff;
}

.section_title {
	margin-top: 30px;
}
.section_title span:first-child {
	font-size:3.8em;
}

.sns_list {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}
.sns_item {
	width: 60px;
	text-align: center;
}
.sns_item a {
	font-size: 0.78em;
	color: #fff;
}
.sns_item img {
	width: 33px;
	margin: 0 auto;
}

.catch {
	margin-bottom: 90px;
	padding: 40px;
	background: #577390;
}
.catch_title {
	margin-bottom: 40px;
	font-size: 2.6em;
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
}
.catch_text {
	max-width: 700px;
	margin: 16px auto 0;
	text-align: center;
}
.catch_text strong {
	font-size: 1.14em;;
	font-weight: 600;
}

.chapter_title {
	position: relative;
	margin-bottom: 56px;
	font-family:'Poppins','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
	font-size: 2.14em;
	font-weight: 600;
	text-align: center;
}
.chapter_title:before {
	content: '';
	position: absolute;
	bottom: -20px;
	display: inline-block;
	width: 25px;
	height: 3px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #fff;
}
.chapter_title span {
	position: absolute;
	bottom: -56px;
	left: 50%;
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	font-size: 1.14rem;
}

#cover {
	background: none;
}
#post_more {
	width: 260px;
	height: 60px;
	margin: 0 auto;
	background: none;
}
#post_more a {
	display: table-cell;
	width: 1200px;
	height: 60px;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	background: #577390;
}

.container_join {
	max-width: 950px;
	margin: 0 auto;
	padding: 70px 35px 35px;
	background: #555454;
}
.join_note {
	margin: 0 0 60px;
	padding-top: 20px;
	font-size: 0.86em;
	text-align: center;
}
.step_list {
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 60px;
}
.step_item {
	width: 240px;
	margin: 0 25px;
}
.step_number {
	width: 100px;
	margin: 0 auto 25px;
	padding: 7px;
	font-size: 0.86em;
	font-weight: 600;
	text-align: center;
	background: #577390;
}
.step_img {
	max-width: 180px;
	margin: 0 auto 25px;
}
.step_text {
	margin-bottom: 25px;
	font-size: 1.28em;
	font-weight: 600;
	text-align: center;
}
.step_note {
	font-size: 0.86em;
	text-align: center;
}
.step_note_left {
	font-size: 0.86em;
	text-align: left;
}
.join_conditions_list {
	margin-bottom: 45px;
	padding: 25px 30px;
	font-size: 0.86em;
	background: #767676;
}
.join_conditions_item:not(:last-child) {
	margin-bottom: 8px;
}

.join_terms {}
.join_terms_btn {
	position: relative;
	width: 220px;
	height: 60px;
	margin: 0 auto;
	padding: 0 20px;
	line-height: 60px;
	background: #767676;
	cursor: pointer;
}
.join_terms_btn:after {
	position: absolute;
	top: 0;
	right: 22px;
	display: block;
	content: '▼';
	width: 12px;
	height: 12px;
	transition: .3s;
}
.join_terms_btn.active:after {
	content: '×';
}
.join_terms_contents {
	box-sizing: border-box;
	max-height: 0;
	overflow: hidden;
	font-size: 0.86em;
	background: #767676;
	transition: .5s;
}
.join_terms_contents.active {
	max-height: 100vw;
}
.join_terms_contents_inner {
	padding: 25px 30px;
}
.terms_title {
	font-weight: 600;
}
.terms_text {
	margin-bottom: 1em;
}
.terms_subtext {
	padding-left: 3em
}
.terms_ul {
	margin: 0 0 1em;
	padding-left: 2em;
	list-style-type: disc;
}
.terms_ul .terms_ul {
	list-style-type: circle;
}


@media screen and (max-width:840px){

	#contents .inner {
		width: 100% !important;
		padding: 0 !important;
	}

.catch {
	padding: 30px 15px;
}
.catch_title {
	font-size: 5.6vw;
}
.catch_text {
	text-align: left;
}


	.container_join {
		padding: 70px 20px 35px;
	}
	.step_list {
		display: block;
		border-bottom: 1px solid #767676;
	}
	.step_item {
		margin: 0 auto;
		padding: 40px 0;
		border-top: 1px solid #767676;
	}
	.join_terms_btn {
		width:calc(80% - 40px);
	}
	.join_terms_contents.active {
		max-height: 950vw;
	}
}










/*.section_title {font-family:'Poppins','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';text-align:center;margin-bottom:30px;letter-spacing:3px;}*/
.section_title span {display:block;}
/*.section_title span:first-child {font-size:2.4em;font-weight:bold;line-height:1.5em;}*/

.container {margin-bottom:40px;}

.box_list {width:100%;}
.box_list li {width:calc(25% - 15px);margin-left:20px;float:left;position:relative;}
.box_list li a {display:block;}
.box_list li:nth-child(4n + 1) {margin-left:0;clear:left;}
.box_list li .image {background:url(../images/no_image.gif) no-repeat center center;background-size:cover;}
.box_list li .image img {display:block;width:100%;}
.box_list .box_title {font-weight:bold;padding-top:10px;margin-bottom:8px;overflow:hidden;}
.box_list .param {font-size:0.8em;line-height:1.5em;padding:5px 0;border-top:solid 1px #CBCBCB;color:#0073B9;}
.box_list li.end:before {content:"終了済み";display:block;padding:8px;background:#7A7A7A;color:#fff;font-size:0.8em;line-height:1em;position:absolute;left:0;top:0;opacity:0.9;z-index:3;}


/*events*/

/*
.period {color:#0073B9;font-weight:bold;margin-bottom:30px;}
.period .label {display:inline-block;width:70px;padding:5px 0;text-align:center;color:#fff;background:#0073B9;margin-right:20px;font-weight:normal;}
.period .label:before {content:"要予約";}
.period.none .label:before {content:"予約不要";}
.period.end .label {background:#7A7A7A;}
.period.end .label:before {content:"終了済み";}
.period.end span {color:#7A7A7A;}

.no_data {padding:30px 0 45px;text-align:center;font-weight:bold;color:#444;}

@media screen and (max-width:1200px){}

@media screen and (max-width:1024px){}
*/
@media screen and (max-width:840px){
	.box_list li {width:calc(50% - 10px);margin-left:20px;margin-bottom:20px;}
	.box_list li:nth-child(2n + 1) {width:calc(50% - 10px);margin-left:0;clear:both;}
}
@media screen and (max-width:740px){
	.box_list li {width:100% !important;margin-left:0;margin-bottom:0;}
	.box_list li .image {width:30%;float:left;margin:0 10px 20px 0;}
	.box_list .box_title {max-height:4.5em;height:auto;padding-top:0;}
	.box_list .param {border-top:none;}
	
	.event_list .data {margin-bottom:20px;}
}
/*
@media screen and (max-width:380px){
	.period .label {display:block;font-size:0.8em;font-weight:bold;padding:0;margin-bottom:5px;}
	
	.no_data {text-align:left;}
}
*/