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

body
{
	background-position:center top;
	background-repeat:no-repeat;
}
header
{
	/*margin-bottom: 63px;*/
	position:relative;
}
#col-area-1 .container
{
	position:relative;
}
header nav.navbar
{
	margin-bottom:0;
	height:64px;
}
header ul.navbar-nav
{
	z-index: 100000;
	position: relative;
}
/*PC表示は1024pxまで*/
.container
{
	padding-right:0;
	padding-left:0;
	max-width:1024px;
}

/*コンテナ設定*/
#col-area-1
{
	background-color:#ebe3e2;
	height:138px;
}
#col-area-2
{
	min-height:511px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left bottom;
}
#col-area-3
{
	background-color:#ff899a;
	min-height:132px;
}
footer
{
	position:relative;
	background-color:#000;
	padding:12px 0;
	z-index:100000;
	min-height:80px;
}

/*#body設定*/
.body section
{
	max-width:280px;
	text-align:justify;
	text-justify:inter-cluster;
}
#col-area-3 section
{
	padding:24px 0 0;
}
.body h1
{
	color:#000;
	position:relative;
	margin-bottom:54px;
}
.body h1:before
{
	display:block;
	width:24px;
	height:24px;
	position:absolute;
	left:-1em;
}

.body dt,
.body dd
{
	display:inline-block;
	padding:0;
	margin:0;
}
.body dt
{
	color:#fff;
	min-width:8em;
	text-align:center;
	padding:0.2em 0;
	border-radius:3px;
	margin-right:1em;
}
#col-area-2 dt
{
	background-color:#ff8899;
}
#col-area-3 dt
{
	background-color:#442200;
}
.body dl:last-child
{
	margin-bottom:25px;
}
.body p
{
	line-height:2;
}
.body .explanation-2
{
	color:#ff0000;
}
.body p:last-of-type
{
	margin-bottom:36px;
}


#col-area-1 .container:after
{
	position:absolute;
	display:block;
	content:'';
	width:720px;
	height:1000px;
	background-size:cover;
	right:-100px;
	top:-40px;
	background-repeat:no-repeat;
}
@media (max-width: 768px)
{
	#col-area-1 .container:after
	{
		display:none;
	}
	.body section,
	#col-area-3 section
	{
		max-width:100%;
		padding-left:2em;
		padding-right:2em;
	}
	.container>.navbar-header
	{
		margin-left:0;
		margin-right:0;
	}
}
@media (min-width: 768px) and (max-width: 992px)
{
	#col-area-1 .container:after
	{
		display:block;
		width:480px;
		top:-30px;
		background-size:contain;
	}
}
@media (min-width: 992px)
{
	#col-area-1 .container:after
	{
		display:block;
		width:720px;
	}
}