@charset "utf-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

/* base setting
----------------------------------------*/

.clearfix{
	overflow:hidden;
}
@media (max-width:768px){

}


/* #content
----------------------------------------*/
.section{
	margin-bottom:50px;
	overflow:hidden;
}
.section:last-child{
	margin-bottom:25px;
}
@media (max-width:768px){
	#content{
		width:100%;
		margin-top:0;
	}
	.section{
		margin-bottom:25px;
		padding:0 10px;
	}
	#content img{
		width:100%;
		height:auto;
	}
}

/* Content Element
----------------------------------------*/
/* Bacbground Colors */
.bg_white     { background-color:#fff; }
.bg_beige     { background-color:#efebe1; }
.bg_pink      { background-color:#fdeee7; }
.bg_gray      { background-color:#f3f3f3; }
.bg_cream     { background-color:#f8f5e8; }
.bg_lightgreen{ background-color:#f7fbef; }


/* h2 */
#content h2.line_title,
#content h3.line_title{
	display:flex;
	width:100%;
	max-width:860px;
	margin:0 auto;
	align-items:center;
	text-align:center;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#content h2.line_title:before,
#content h2.line_title:after,
#content h3.line_title:before,
#content h3.line_title:after {
	border-top:1px solid #999999;
	content:"";
	display:inline;
	flex-grow:1;
}
#content h2.line_title:before,
#content h3.line_title:before{ margin-right:1em; }
#content h2.line_title:after,
#content h3.line_title:after { margin-left:1em; }

#content h2.line_title a{
	color:inherit;
	text-decoration:none;
}

@media (max-width:768px){
	#content h2{
		margin-bottom:10px;
	}
	#content h2.line_title,
	#content h3.line_title{
		width:100%;
	}
}

/* BLOCK */
.inner{
	position:relative;
	width: 100%;
	max-width:960px;
	margin:0 auto;
	padding:50px 0;
	overflow:hidden;
}
.inner p{
	margin-bottom:1.5em;
}
	.inner p:last-of-type{
		margin-bottom:0;
	}
.txt_c{ text-align:center; }
.txt_ac{ text-align:center; }
.txt_al{ text-align:left; }
.txt_ar{ text-align:right; }

.lay_lr, .lay_rl, .lay_l4r6{
	overflow:hidden;
}

.lay_lr{ overflow:hidden; }
.lay_lr .txt{ float:left; width: 100%;max-width:450px; margin-right:30px; }
.lay_lr .img{ float:left; width: 100%;max-width:480px; }

.lay_lr_flex{ display:flex; align-items: center; }
.lay_lr_flex .txt{ width: 100%;max-width:450px; margin-right:30px; }
.lay_lr_flex .img{ width: 100%;max-width:480px; }

.lay_rl{ overflow:hidden; }
.lay_rl .txt{ float:right; width: 100%;max-width:450px; margin-left:30px; }
.lay_rl .img{ float:left;  width: 100%;max-width:480px; }

.lay_l4r6{ overflow:hidden; }
.lay_l4r6 .lay_l{ float:left;width: 100%; max-width:360px; margin-right:40px; }
.lay_l4r6 .lay_r{ float:left; width: 100%; max-width:560px; }

.lay_ct{
	text-align:center;
}

.block_l, .block_r{
	float:left;
	width: 100%;max-width:460px;
}
.block_l{
	margin-right:40px;
}

.img_top{
	padding-bottom:30px;
}
.img_bottom{
	clear:both;
	padding-top:30px;
}

a.txt_btn{
	display:inline-block;
	margin-top:1.5em;
	padding:0 20px;
	border:1px solid #999;
	color:inherit;
	line-height:35px;
	text-decoration:none;
}
.mt0 { margin-top:0 !important; }
.mt40{ margin-top:40px !important; }
.mb0 { margin-bottom:0 !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }
.mb80{ margin-bottom:80px; }
.mb100{ margin-bottom:100px; }
@media (max-width:768px){
	.inner{
		width:100%;
		padding:30px 10px;
	}
	.lay_lr, .lay_rl, .lay_l4r6{
		overflow:visible;
	}
	.lay_lr .txt, .lay_rl .txt{
		float:none;
		width:100%;
		margin-left:0;
		margin-right:0;
		margin-bottom:20px; }
	.lay_lr .img, .lay_rl .img{ float:none; width:100%; }
	.lay_l4r6 .lay_l, .lay_l4r6 .lay_r{ float:none; width:100%; }
	.lay_l4r6 .lay_r{ margin-top:1.5em; }
	.block_l, .block_r{ float:none; width:100%; }
	.block_l{ margin-right:0; }
	.block_r{ margin-top:15px; }

	.lay_lr_flex{ display:block; }
	.lay_lr_flex .txt{ width:100%; margin:0 0 15px; }
	.lay_lr_flex .img{ width:100%; }

	.mt40{ margin-top:20px !important; }
	.mb100{ margin-bottom:50px; }

}


/*-----------------------------------------------------*/
.visual{
	width:100%;
	height:400px;
	background-color:#eee;
}