@charset "UTF-8";
/* overwrite
=============================== */
#m-header {
	position: relative;
}

#m-header #logo {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 300;
	animation: none;
}

#m-header #logo img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	transform: translate(-50%,-50%);
}

#m-header #logo.logo-fade {
	height: 60px;
	animation: 1s none;
}

#m-header h1.logo-fade {
	height: 60px;
	animation: none;
}

#m-header.all-fixed.m-header h1.logo-fade {
	animation: none;
}


header#m-header h1#logo.logo-fade {
	position: fixed;
	top: 0;
	left: 0;
	height: 60px;
	transform: translate(0px,0%);
	animation: none;
	background: #fff;
}

header#m-header.all-fixed h1#logo {
	animation: none;
}

header#m-header.is-fixed h1#logo.logo-fade img,
header#m-header.all-fixed.m-header h1#logo.logo-fade img {
	width: 50px;
}

main {
	top: 60px;
}

footer {
	top: 60px;
}

/* laout
=============================== */
#more {
	opacity : 0;
	transform : translate(0, 60px);
	transition : all 1800ms;
}

#more.more-fade {
	opacity : 1;
	transform : translate(0, 0);
}

/*title*/
.title02 {
	text-align: center;
}

/*bg*/
.detailArea {
	max-width: 500px;
	margin: 1.5rem auto;
	padding: 1rem;
}

.detailArea dt,
.detailArea dd {
	display: inline;
}

.detailArea dt span {
	font-size: 1.2rem;
	font-weight: bold;
}

.detailArea:nth-child(odd) {
	border-right: 4px solid #FFF;
	color: #0F62A9;
}

.detailArea:nth-child(even) {
	border-right: 4px solid #FFF;
	border-bottom: 4px solid #0F62A9;
	color: #0F62A9;
}


.dbg01, .dbg02, .dbg03, .dbg04, .dbg05, .dbg06 {
	background-size: cover;
}

.dbg01 {
	background: url(../images/detailBg01.png) center center no-repeat;
}

.dbg02 {
	background: url(../images/detailBg02.png) center center no-repeat;
}

.dbg03 {
	background: url(../images/detailBg03.png) center center no-repeat;
}

.dbg04 {
	background: url(../images/detailBg04.png) center center no-repeat;
}

.dbg05 {
	background: url(../images/detailBg05.png) center center no-repeat;
}

.dbg06 {
	background: url(../images/detailBg06.png) center center no-repeat;
}

.btnWrap01 {
	position: fixed;
	left: 50%;
	bottom: 10px;
	transform: translate(-50%,0);
	width: 200px;
	margin: 0.5rem auto 1.5rem;
	padding: 0.1rem;
	/*border: 1px solid rgba(0,103,182,1);*/
	z-index: 20;
}

.btnback01 {
	margin: 0;
	padding: 0 2rem;
}

.btnback01 a:link,
.btnback01 a:visited {
	display: block;
	padding: 0.2em 0;
	background: #0F62A9;
	text-align: center;
}

.btn01 a:hover {
	background: #54C3F1;
	color: rgba(0,103,182,1);
}