@charset "utf-8";

.fo-futura {
	font-family: "futura-pt", sans-serif;
	font-weight: 700;
	font-style: normal;
	line-height: .8
}
/*contents
---------------------------------------------------------*/
.main {
	background: url("../img/main_bg.jpg") center center no-repeat;
	background-size: cover;
	height: 600px;
}
.mainWrap {
	height: 100%;
	position: relative;
	overflow: hidden;
}
.mainImg li {
	width: 58.7272727%;
	position: relative;
}
.mainImg li:nth-of-type(even) {
	width: 41.2727272%;
}
.mainImg li .txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 6.5%;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: .05em;
	text-indent: .05em;
	z-index: 1;
}
.hTxt {
	position: absolute;
	top: 1.6666%;
	width: 58.7272727%;
	z-index: 10;
	font-size: 1.6rem;
	letter-spacing: .05em;
	text-indent: .05em;
	font-weight: 400;
	line-height: 1.1;
	padding: 5px;
	color: #fff;
	background: #3FA9F5;
	background: -webkit-gradient(linear,left top, right top,from(transparent),color-stop(25%, #3FA9F5),color-stop(75%, #3FA9F5),to(transparent));
	background: -o-linear-gradient(left,transparent 0%,#3FA9F5 25%,#3FA9F5 75%,transparent 100%);
	background: linear-gradient(to right,transparent 0%,#3FA9F5 25%,#3FA9F5 75%,transparent 100%);
}
article {
	overflow: hidden;
}
#topContents {
	padding: 40px 0;
	background: #ebf6fe;
}
#topContents h2 {
	font-size: 3.2rem;
	font-weight: 800;
	margin-bottom: 15px;
}
.topWrap dl {
	width: 33.333333%;
}
.topWrap dt {
	position: relative;
	height: 186px;
	overflow: hidden;
}
.topWrap dt h3 {
	position: relative;
	z-index: 1;
	max-width: 90%;
}
.topWrap dt .img {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.topWrap dt .img img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: .4s;
}
.topWrap dd {
	font-size: 2.8rem;
	font-weight: 800;
	color: #231815;
	padding: 15px 5px 0;
	line-height: 1.4
}
.topWrap dd .txt {
	font-size: 1.4rem;
	font-weight: 700;
}
.topWrap dd .txt b {
	font-weight: 600;
	display: block;
	font-size: 120%;
}
sup {
	font-size: 50%;
	vertical-align: .8em;
}
#topContents .note {
	font-size: 1rem;
	color: #4d4d4d;
	text-align: left;
	border-top: 1px solid #B3B3B3;
	margin-top: 20px;
	padding: 10px 0 0;
}
#topContents .note p {
	padding-top: 2px;
	padding-left: 1.75em;
	text-indent: -1.75em;
}
#case {
	padding-bottom: 0;
}
#case h2 {
	font-size: 4rem;
	font-weight: 800;
}
.caseArea {
	padding: 40px 5rem;
	background: #fff;
	position: relative;
	z-index: 10
}
.caseWrap figure {
	width: 50%;
}
.caseWrap dl {
	text-align: left;
	width: 50%;
	padding: 15px 3rem;
}
.caseWrap .num {
	font-size: 3.6rem;
	letter-spacing: .05em;
	color: #fff;
	-webkit-text-stroke: 1px #231815;
	text-stroke: 1px #231815;
}
.caseWrap h3 {
	font-size: 5.8rem;
	font-weight: 800;
	color: #231815;
	line-height: 1.1;
	margin-top: 10px;
}
.caseWrap dd {
	font-size: 2.1rem;
	font-weight: 700;
	line-height: 1.6;
	margin-top: 10px;
}
#attention {
	background: url("../img/attention_bg.jpg") bottom center no-repeat;
	background-size: cover;
	color: #fff;
	position: relative;
	padding: 260px 0 170px;
	margin-top: -190px;
	overflow: visible;
}
#attention::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 66px 43px 0 43px;
	border-color: #3fa9f5 transparent transparent transparent;
	margin: 0 auto;
	left: 0;
	right: 0;
	bottom: -35px;
	z-index: 5;
	position: absolute;
}
.ttlBox {
	position: relative;
	z-index: 1;
	min-height: 9.6rem;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 50px;
}
.ttlBox .fo-futura {
	font-size: 13.8rem;
	color: rgba(63,169,245,.2);
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: 0 auto;
	line-height: .7;
	z-index: -1;
}
.ttlBox h2 {
	font-size: 4rem;
}
#attention .ttlBox {
	margin-bottom: 30px;
}
#attention .ttlBox .fo-futura {
	color: rgba(255,255,255,.15)
}
.graphWrap h3 {
	font-size: 2.3rem;
	margin-bottom: 20px;
}
.graphWrap .note {
	margin-top: 10px;
	font-size: 85%;
}
.graphBtm {
	margin-top: 50px;
	background: #fff;
}
.graphBtm .img {
	position: relative;
	width: 50%;
}
.graphBtm .img img {
	height: 100%;
	min-width: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	transition: .4s;
}
.graphBtm .img h3 {
	position: absolute;
	left: 0;
	right: 0;
	top: 22%;
	bottom: 0;
	font-size: 4.8rem;
	font-weight: 800;
	z-index: 1;
	line-height: 1.4
}
.graphBtm dl {
	color: #000;
	width: 50%;
	font-weight: 700;
	font-size: 2rem;
	text-align: left;
	padding: 10px 5rem;
}
.graphBtm dt {
	font-size: 150%;
	margin-bottom: 15px;
	font-weight: 800;
}
#taisaku h2 {
	margin: 0 auto 30px;
	max-width: 1000px;
	background: #1D2088;
	color: #fff;
	font-weight: 800;
	font-size: 4.8rem;
	position: relative;
}
#taisaku h2::before,
#taisaku h2::after {
	content: "";
	display: block;
	width: 50px;
	height: 100%;
	position: absolute;
	left: -50px;
	top: 0;
	right: 0;
	background: url("../img/tri.svg") top center no-repeat;
	background-size: 100% 100%;
}
#taisaku h2::after {
	left: auto;
	right: -50px;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.taisakuWrap .img {
	width: 50%;
	padding: 15px;
}
.taisakuWrap .img img {
	max-height: 256px;
}
.taisakuList {
	width: 50%;
	text-align: left;
	font-size: 2rem;
	font-weight: 500;
}
.taisakuList li:not(:first-of-type) {
	margin-top: 20px;
}
.taisakuList h3 {
	font-size: 160%;
	font-weight: 800;
	background: url("../img/icon_check.svg") left center no-repeat;
	padding-left: 35px;
}
.taisakuList .note {
	display: block;
	font-size: 70%;
	margin: 5px 0 -10px 0;
	padding-left: 54%;
	font-weight: 400
}
#how {
	padding-top: 0;
}
.howTop {
	background: #ebf6fe;
	padding: 40px 0;
	font-size: 2rem;
	font-weight: 600;
}
.howTop .container {
	max-width: 1000px;
}
.howTop dl {
	text-align: left;
	width: 39%;
	padding: 10px 4rem;
	line-height: 1.8
}
.howTop dt {
	font-size: 160%;
	font-weight: 800;
	line-height: 1.2;
	margin-bottom: 15px;
}
.howTop .imgs {
	width: 61%;
}
.howTop .imgs li {
	width: 22.5%;
}
.howTop .imgs .txt {
	margin-top: 10px;
	font-size: 90%;
}
.howBtm {
	padding-top: 40px;
	background: url("../img/use_btm_bg.jpg") top center no-repeat;
	background-size: cover;
	color: #fff;
	border-bottom: 1px solid transparent;
	margin-bottom: 30px;
}
.howBtm h2 {
	font-size: 2.8rem;
	font-weight: 800;
	margin-bottom: 40px;
}
.howBtm .img {
	margin-bottom: -80px;
}
.howBtm .img li {
	width: 24.5%;
}
.movieBox {
	position: relative;
	padding-top: 56.25%;
	margin: 0 auto 50px;
}
.movieBox iframe {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.specTbl h2 {
	font-size: 1.8rem;
	color: #1D2088;
	margin-bottom: 15px;
}
.specTbl th,.specTbl td {
	padding: 5px;
	border: 1px solid #333;
}
.specTbl thead {
	border-left: 1px solid #333;
}
.specTbl thead th {
	color: #fff;
	font-weight: 600;
	background: #333333;
}
.specTbl thead th:not(:first-of-type) {
	border-left-color: #fff;
}
.specTbl thead th:not(:last-of-type) {
	border-right-color: #fff;
}
.specTbl tbody tr:nth-of-type(even) {
	background: #F2F2F2
}
.specTbl .note {
	text-align: right;
	font-size: 85%;
	margin-top: 10px;
}
#contact {
	background: #C1272D;
	color: #fff;
}
#contact .ttlBox .fo-futura {
	color: #921A1F;
}
.contactBox:not(:last-of-type) {
	margin-bottom: 40px;
}
.contactBox > * {
	width: 50%;
}
.contactBox h3 {
	padding: 30px 15px;
}
.contactBox h3 span {
	display: inline-block;
	text-align: left;
	font-size: 2.8rem;
	font-weight: 800;
}
.contactBox._01 h3 {
	background: #fff;
	color: #000;
}
.contactBox._02 h3 {
	background: #333
}
.telWrap {
	border: 2px solid #fff;
	padding: 15px 4.5rem;
}
.telNum a {
	font-size: 6.3rem;
	color: #fff;
	font-weight: 600;
}
.telNum a small {
	font-size: 60%;
	margin-right: .25em;
}
.telWrap .note {
	font-size: 85%;
	text-align: right;
	margin-top: 5px;
}
#effect {
	background: url("../img/effect_bg.jpg") top center no-repeat;
	background-size: cover;
}
.effect {
	width: 32%;
	color: #fff;
	font-size: 5.4rem;
	text-align: center;
	font-weight: 800;
	position: relative;
	padding: 50px 5px;
	z-index: 1;
	background: rgba(29,22,180,.8)
}
.effect .num {
	font-size: 28rem;
	color: rgba(255,255,255,.12);
	position: absolute;
	width: 100%;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1
}
.effect .txt {
	text-align: left;
	display: inline-block;
	line-height: 1.3;
	position: relative;
	z-index: 1;
}
.areaWap .img {
	width: 50%;
}
.areaWap .img img {
	max-height: 468px;
}
.areaBox {
	text-align: left;
	width: 46%;
	font-size: 2.2rem;
	padding-left: 20px;
}
.areaBox dt {
	font-size: 110%;
	font-weight: 600;
	color: #1D2088;
	border-bottom: 1px solid #4d4d4d;
}
.areaBox dt:not(:first-of-type) {
	margin-top: 30px;
}
#flow {
	background: #f2f2f2;
}
#flow .ttlBox .fo-futura {
	color: #dcdcdc
}
.flowWrap {
	background: #fff;
	border: 5px solid #1D2088;
	position: relative;
	margin-top: 65px;
	padding: 3rem 50% 3rem 4rem;
	font-size: 2.2rem;
	font-weight: 600;
	z-index: 1;
	min-height: 19rem;
	display: flex;
	align-items: center;
}
.flowWrap .bg {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: url("../img/flow_img01.jpg") left bottom no-repeat;
	background-size: cover;
	width: 46%;
	height: 100%;
}
.flowWrap._02 .bg {background-image:url("../img/flow_img02.jpg")}
.flowWrap._03 .bg {background-image:url("../img/flow_img03.jpg")}
.flowWrap._04 .bg {background-image:url("../img/flow_img04.jpg")}
.flowWrap .num {
	text-align: center;
	font-size: 10rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -45px;
	margin: 0 auto;
	z-index: 50;
	-webkit-text-stroke: 1px #1D2088;
	text-stroke: 1px #1D2088;
	color: #fff;
}
.flowWrap .num p {
	display: inline-block;
	position: relative;
}
.flowWrap .num .shadow {
	position: absolute;
	bottom: -6px;
	right: -6px;
	-webkit-text-stroke: 0;
	text-stroke: 0;
	color: rgba(29,32,136,.3);
	z-index: 1;
}
.flowWrap dl {
	text-align: left;
	position: relative;
	z-index: 5;
}
.flowWrap dt {
	font-size: 135%;
	color: #1D2088;
	font-weight: 800;
}
.flowWrap dd {
	margin-top: 5px;
}
.flowWrap .telNum a {
	color: #000;
}
.flowWrap .telNum .note {
	text-align: right;
	font-size: 65%;
	font-weight: 400
}
.person {
	font-size: 1.6rem;
	width: 50%;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url("../img/silhouette.png") top right 10% no-repeat;
	background-size: 27% auto;
	height: 215px;
	padding-right: 19%;
	padding-bottom: 20px;
	text-align: right;
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	font-weight: 400;
	z-index: 5;
}
.person .ttl {
	font-size: 3rem;
	color: #1D2088;
	font-weight: 800;
	margin-bottom: 15px;
}
.person .txt big {
	font-size: 155%;
	font-weight: 700;
}
#about h2 {
	font-size: 4rem;
	margin-bottom: 70px;
}
.about {
	position: relative;
	width: 32%;
	border: 1px solid #231815;
	padding: 4rem 3rem 20px;
	font-size: 2rem;
}
.about .icon {
	position: absolute;
	left: 0;
	right: 0;
	top: -25px;
	z-index: 1;
}
.about .icon img {
	max-height: 50px;
}
.btn {
	margin-top: 15px;
}
.btn a {
	display: block;
	color: #fff;
	font-weight: 700;
	font-size: 1.8rem;
	background: #1D2088;
	padding: 5px;
}
.btn a:hover {
	background: #C1272D
}
.aboutWrap + .note {
	font-size: 1.4rem;
	margin-top: 15px;
}
/*footer
---------------------------------------------------------*/
#footer {
	background: #333;
	padding: 50px 0 0;
	position: relative;
	margin-top: 23.5px;
}
.footerWrap {
	padding: 10px 0;
	background: #fff;
}
.footerWrap .container {
	max-width: 1000px;
	position: relative;
}
.copyright {
	border-top: 1px solid #000;
	margin-top: 40px;
	color: #fff;
	padding: 10px;
}
.pageTop {
	position: absolute;
	top: -83.5px;
	right: -23.5px;
	z-index: 55
}
.pageTop img {
	max-height: 47px;
}
.fLogo img {
	max-height: 49px;
}
.fTxt {
	width: 28.5%;
	border-right: 1px solid #333;
	font-size: 2.4rem;
	color: #333;
	font-weight: 800;
	padding: 20px 10px;
	margin-right: 7.5%;
}
.sideFix {
	position: fixed;
	top: 30%;
	right: 0;
	z-index: 999;
}

/*********************************/
/* タブレット用のスタイル記述 */
/*********************************/
@media screen and (max-width: 1250px) {
	html {
		font-size: .8vw;
	}
	.main {
		height: 48vw;
	}
	.pageTop {
		right: 0;
	}
}
/*********************************/
/* スマートフォン用のスタイル記述 */
/*********************************/
@media screen and (max-width: 780px) {
/*全体レイアウト
------------------------------------------------*/
	html {
		font-size: 5px;
	}
	body {
		font-size: 2.8rem;
	}
	body.active {
		overflow: hidden;
	}
	article > section {
		padding: 40px 0;
	}
	/*contents
	----------------------------------------------*/
	.main {
		height: auto;
		background-position: top left;
	}
	.mainImg li {
		width: 100%;
	}
	.mainImg li:nth-of-type(even) {
		width: 50%;
	}
	.mainImg ._03 {
		order: 1
	}
	.hTxt {
		width: 100%;
		top: 0;
		padding: 3px;
		line-height: 1.2;
		font-size: 2.9255319vw
	}
	.mainImg li .txt {
		white-space: nowrap;
		font-size: 2.5125628vw;
		bottom: 3.5%;
		letter-spacing: -.05em;
	}
	#topContents h2 {
		font-size: 3.6rem;
	}
	.topWrap {
		display: block;
	}
	.topWrap dl {
		width: 100%;
	}
	.topWrap dl:not(:last-of-type) {
		padding-bottom: 20px;
		margin-bottom: 20px;
		border-bottom: 1px solid #ddd
	}
	.topWrap dt {
		padding: 10px 0;
		height: auto;
	}
	.topWrap dt h3 img {
		max-height: 80px;
	}
	.topWrap dd {
		font-size: 3.6rem;
	}
	.topWrap dd .txt {
		font-size: 2.8rem;
	}
	#topContents .note {
		font-size: 2rem;
	}
	.caseArea {
		padding: 10px 5% 30px;
	}
	.caseWrap {
		display: block;
		position: relative;
		padding-top: 32vw;
		z-index: 1;
		margin-top: 30px;
	}
	.caseWrap figure {
		width: 95%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: -1;
	}
	.caseWrap dl {
		width: 95%;
		padding: 15px;
		background: #fff;
		margin-left: auto;
		box-shadow: 7px 6px 0 rgba(0,0,0,.08);
		border: 1px solid rgba(0,0,0,.08)
	}
	.caseWrap:nth-of-type(even) dl {
		margin-left: 0;
		box-shadow: -7px 6px 0 rgba(0,0,0,.08)
	}
	.caseWrap:nth-of-type(even) figure {
		left: auto;
		right: 0;
	}
	.caseWrap dt {
		display: flex;
		align-items: center;
		justify-content: center;
		border-bottom: 1px solid #ddd;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.caseWrap h3 {
		font-size: 4.4rem;
		margin: 0 0 0 10px;
		padding-bottom: .1em;
	}
	.caseWrap dd {
		font-size: 2.8rem;
		font-weight: 500;
	}
	.ttlBox {
		min-height: 12.1428571vw;
		margin-bottom: 30px;
	}
	.ttlBox .fo-futura {
		font-size: 17.25vw;
	}
	.graphWrap h3 {
		font-size: 2.8rem;
		margin-bottom: 10px;
	}
	.caseWrap .num {
		font-size: 4rem;
	}
	.graphWrap .note {
		font-size: 2rem;
		text-align: left;
	}
	.graphBtm {
		margin-top: 30px;
		display: block;
	}
	.graphBtm .img {
		width: 100%;
		height: 32vw;
	}
	.graphBtm .img h3 {
		font-size: 4rem;
	}
	.graphBtm dl {
		width: 100%;
		font-size: 2.8rem;
		padding: 15px 5%;
		font-weight: 500;
	}
	.graphBtm dt {
		font-size: 115%;
		font-weight: 600;
		margin-bottom: 10px;
	}
	#attention {
		padding-bottom: 70px;
	}
	#attention::after {
		border-width: 38px 36px 0 36px;
		bottom: -19px;
	}
	#taisaku h2 {
		font-size: 4rem;
		font-weight: 600;
		max-width: 80%;
		padding: 5px 0;
		line-height: 1.4;
	}
	#taisaku h2::before, #taisaku h2::after {
		width: 25px;
		left: -25px;
	}
	#taisaku h2::after {
		right: -25px;
		left: auto;
	}
	.taisakuWrap {
		display: block;
	}
	.taisakuWrap .img {
		width: 100%;
		margin: 0 auto 20px;
		padding: 0;
	}
	.taisakuWrap .img img {
		max-height: 125px;
	}
	.taisakuList {
		width: 100%;
		font-size: 2.8rem;
	}
	.taisakuList h3 {
		font-size: 115%;
		background-size: auto 20px;
		padding-left: 25px;
		margin-bottom: 10px;
	}
	.taisakuList .note {
		font-size: 2rem;
		padding-left: 0;
		text-align: right;
	}
	.howWrap {
		display: block;
		font-size: 2.6rem;
	}
	.howTop dl {
		width: 100%;
		padding: 0;
	}
	.howTop dt {
		font-size: 150%;
		text-align: center;
	}
	.howTop .imgs {
		width: 100%;
	}
	.howTop .imgs li {
		width: 48%;
		margin-top: 20px;
	}
	.howBtm .img {
		margin-bottom: -50px;
	}
	.howBtm h2 {
		text-align: left;
		font-weight: 600;
		font-size: 3.2rem;
		margin-bottom: 20px;
	}
	.howBtm .img li {
		width: 48%;
		margin-top: 10px;
	}
	.specTbl {
		font-size: 2.4rem;
	}
	.specTbl h2 {
		font-size: 3rem
	}
	.contactBox {
		display: block;
	}
	.contactBox:not(:last-of-type) {
    margin-bottom: 20px;
	}
	.contactBox > * {
		width: 100%;
	}
	.contactBox h3 {
		padding: 10px;
		font-weight: 500;
	}
	.contactBox h3 span {
		font-weight: 600;
	}
	.telWrap .note {
		text-align: center;
	}
	.effectWrap {
		display: block;
	}
	.effect {
		width: 100%;
		padding: 15px;
		font-size: 4rem;
		max-width: 300px;
		margin: 0 auto;
	}
	.effect:not(:first-of-type) {
		margin-top: 15px;
	}
	.effect br {
	}
	.effect .num {
		font-size: 20rem;
	}
	.effect .txt {
		text-align: center;
		display: block;
		line-height: 1.4
	}
	.areaWap {
		display: block;
	}
	.areaWap .img {
		width: 100%;
	}
	.areaWap .img img {
		max-height: 200px;
	}
	.areaBox {
		width: 100%;
		font-size: 2.8rem;
		padding-left: 0;
		margin-top: 15px;
	}
	.areaBox dt {
		padding-bottom: 2px;
		margin-bottom: 2px;
	}
	.areaBox dt:not(:first-of-type) {
    margin-top: 10px;
	}
	.flowWrap {
		padding: 0;
		border-width: 3px;
		font-size: 2.8rem;
		display: block;
		min-height: inherit;
		margin-top: 30px;
	}
	.flowWrap .bg {
		top: auto;
		bottom: auto;
		position: static;
		width: 100%;
		height: 30vw;
	}
	.flowWrap dl {
		padding: 15px;
	}
	.flowWrap dt {
		font-size: 115%;
		font-weight: 600;
		text-align: center;
	}
	.flowWrap._01 dt {
		padding-left: .55em;
	}
	.flowWrap .num {
		right: auto;
		left: 5px;
		top: 5px;
		font-size: 18vw;
	}
	.telNum {
		text-align: center;
	}
	.flowWrap .telNum .note {
		text-align: center;
	}
	.person {
		width: 80%;
		bottom: 102px;
		background-position: bottom right 8%;
		background-size: 22% auto;
		padding: 0 27% 5vw 0;
		font-size: 3.1vw;
		height: 40vw;
		min-height: 132px;
	}
	.person .txt big {
		font-size: 125%;
		margin-left: 5px;
	}
	.person .ttl {
		font-size: 125%;
		margin-bottom: 2vw;
	}
	#about h2 {
		font-size: 3.8rem;
		margin-bottom: 40px;
	}
	.aboutWrap {
		display: block;
	}
	.about {
		width: 100%;
		font-size: 2.8rem;
		margin-top: 50px;
		padding-top: 40px;
	}
	.btn a {
		font-size: 3.2rem;
		padding: 10px;
	}
	.aboutWrap + .note {
		font-size: 2rem;
		text-align: left;
	}
	/*footer
	-----------------------------------------------------*/
	#footer {
		margin-top: 21px;
		padding-top: 30px;
		padding-bottom: 20vw;
	}
	.fTxt {
		font-size: 3.2rem;
		padding: 5px 10px 5px 0;
		width: 130px;
		margin-right: 10px;
	}
	.copyright {
		font-size: 2.2rem;
		margin-top: 30px;
	}
	.pageTop img {
    max-height: 42px;
	}
	.pageTop {
		top: -61px;
	}
	.sideFix {
		top: auto;
		bottom: 0;
		left: 0;
		width: 100%;
		border-top: 1px solid #fff;
	}
	
	
	
	
	
	
	
	
	
	
}