@charset 'utf-8';
/*! destyle.css v3.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*,::before,::after{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}svg,img,embed,object,iframe{vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;background:transparent;padding:0;margin:0;border-radius:0;text-align:inherit;text-transform:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer}button:disabled,[type="button"]:disabled,[type="reset"]:disabled,[type="submit"]:disabled{cursor:default}:-moz-focusring{outline:auto}select:disabled{opacity:inherit}option{padding:0}fieldset{margin:0;padding:0;min-width:0}legend{padding:0}progress{vertical-align:baseline}textarea{overflow:auto}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]:focus{outline:auto}table{border-color:inherit}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}
/* ======================================
	base
====================================== */
html {
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
	font-weight: 500;
	color: #000;
	line-height: 1.9;
	background-color: #fff;
}
@media all and (-ms-high-contrast:none) {
	html {
		font-family: "メイリオ", Meiryo, Verdana, sans-serif;
	}
}
img {
	max-width: 100%;
	height: auto;
}
sup {
	position: relative;
	top: -.3em;
}
sub {
	position: relative;
	top: -.03em;
}
section {
	position: relative;
	overflow: hidden;
	padding: 30px 0;
}
@media screen and (min-width: 768px) {
	body {
		font-size: 16px;
	}
	a {
		transition: all .3s;
	}
	a:hover {
		opacity: .7;
	}
	section {
		padding: 50px 0;
	}
}
/* ======================================
	common
====================================== */
.sp, .tb, .pc {
	display: none;
}
.en {
	font-family: 'Lato', sans-serif;
	font-weight: 500;
}
.inner {
	width: 94%;
	margin: 0 auto;
}
.container::after { content: ''; display: block; clear: both; }
.note {
	font-size: 12px;
	padding-top: .5em;
}
.center {
	text-align: center;
}
@media screen and (max-width: 767px) {
	.sp {
		display: inherit;
	}
}
@media screen and (min-width: 768px) {
	.pc {
		display: inherit;
	}
	.inner {
		max-width: 950px;
	}
	.note {
		font-size: 12px;
	}
}

/* ======================================
	header
====================================== */
header {
	display: flex;
	justify-content: space-between;
	z-index: 999;
	padding: 15px 3%;
	background-color: #fff;
}
header .header-logo a{
	display: block;
}
header .cta {
	background: transparent;
	padding: 0;
}
header .cta .inq .tel {
	padding: 0;
}

@media screen and (max-width: 767px) {
	header .cta{
		position: fixed;
		bottom: -300px;
	}
	header .header-logo{
		width: 230px;
	}

	header.fix .cta {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: #fff;
		border-top: #eee 1px solid;
		padding: 1em .5em 1.5em;
		z-index: 999;
	}
	header.fix .cta .inq {
		display: flex;
		justify-content: center;
		align-items: stretch;
	}
	header.fix .cta .inq .tel .num{
		line-height: 1.3;
	}
	header.fix .cta .inq .tel .num a {
		font-size: 24px;
		font-weight: bold;
		color: #00ada8;
		padding-left: 18px;
		background: url(../img/icn_tel_green.svg) no-repeat center left / 14px;
	}
	header.fix .cta .inq .tel .time {
		font-size: 10px;
		font-weight: 500;
		line-height: 1;
	}
	header.fix .cta .inq .btn {
		padding: 0 0 0 12px;
	}
	header.fix .cta .inq .btn a {
		display: block;
		font-size: 16px;
		background: linear-gradient(to bottom right, #009ea9, #128fbd);
		color: #fff;
		border-radius: 20px;
		padding: 3px 25px;
	}
}
@media screen and (min-width: 768px) {
	header {
		position: sticky;
		top: 0;
		padding: 17px 20px;
	}
	header .header-logo{
		width: 266px;
		padding-top: 5px;
		transition: all .3s;
	}
	header .cta .inq {
		display: flex;
		align-items: center;
	}
	header .cta .inq .tel .num{
		line-height: 1.3;
	}
	header .cta .inq .tel .num a {
		font-size: 27px;
		font-weight: bold;
		color: #00ada8;
		padding-left: 20px;
		background: url(../img/icn_tel_green.svg) no-repeat center left / 15px;
	}
	header .cta .inq .tel .time {
		font-size: 11px;
		font-weight: 500;
		line-height: 1;
	}
	header .cta .inq .btn {
		padding: 0 0 0 12px;
	}
	header .cta .inq .btn a {
		display: block;
		font-size: 18px;
		background: linear-gradient(to bottom right, #009ea9, #128fbd);
		color: #fff;
		border-radius: 20px;
		padding: 3px 25px;
	}

	header.fix {
		padding-top: 8px;
		padding-bottom: 8px;
	}
	header.fix .header-logo{
		width: 250px;
		padding-top: 0;
	}
	header.fix .cta .inq .tel .num a {
		font-size: 24px;
	}
	header.fix .cta .inq .tel .time {
		font-size: 10px;
	}
	header.fix .cta .inq .btn a {
		font-size: 16px;
	}
}

/* ======================================
	kv
====================================== */
@media screen and (max-width: 767px) {
	#kv{
		padding: 0 5%;
	}
	#kv .inner{
		width: 100%;
		border-radius: 20px;
		height: 112vw; /*420 */
		background: url(../img/kv_bg_sp.png) no-repeat center center / 100%;
	}
	.kv-content{
		padding: 18.66vw 5% 0;
	}
	.kv-catch{
		font-size: 4.8vw;
		line-height: 1.6;
		font-weight: bold;
		letter-spacing: .05em;
	}
	#kv .cta-btn-wrap{
		display: block;
		margin-top: 43.73vw;
	}	
	#kv .cta-btn{
		font-size: 4.26vw;
		max-width: 62.66vw;
		border-radius: 8.8vw;
	}
	#kv .cta-btn:nth-child(1){	
		margin-bottom: 2.66vw;
	}
	#kv .cta-btn span{
		padding: 4vw 0 4vw 11.2vw;
		background: url(../img/icn_mail_white.svg) no-repeat center left / 6.66vw;
	}
	#kv .cta-btn.p-white span{
		background: url(../img/icn_dl_green.svg) no-repeat center left / 5.86vw;
	}
}
@media screen and (min-width: 768px) {
	#kv .inner{
		max-width: 1240px;
		border-radius: 20px;
		height: 400px;
		background: url(../img/kv_bg.png) no-repeat center center / 100%;
	}
	.kv-content{
		padding: 125px 60px 0;
	}
	.kv-catch{
		font-size: 40px;
		line-height: 1.45;
		font-weight: bold;
		letter-spacing: .05em;
	}
	#kv .cta-btn-wrap{
		justify-content: flex-start;
		margin-top: 40px;
	}	
	#kv .cta-btn{
		font-size: 20px;
		max-width: 247px;
		border-radius: 30px;
	}
	#kv .cta-btn:nth-child(1){	
		margin-right: 20px;
	}
	#kv .cta-btn span{
		padding: 17px 0 17px 42px;
		background: url(../img/icn_mail_white.svg) no-repeat center left / 25px;
	}
	#kv .cta-btn.p-white span{
		background: url(../img/icn_dl_green.svg) no-repeat center left / 22px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1310px) {
	#kv .inner{
		border-radius: 1.52vw;
		height: 30.5vw;
	}
	.kv-content{
		padding: 9.54vw 4.58vw 0;
	}
	.kv-catch{
		font-size: 3.05vw;
	}
	#kv .cta-btn-wrap{
		margin-top: 3.05vw;
	}	
	#kv .cta-btn{
		font-size: 1.52vw;
		max-width: 18.85vw;
		border-radius: 2.29vw;
	}
	#kv .cta-btn:nth-child(1){	
		margin-right: 1.52vw;
	}
	#kv .cta-btn span{
		padding: 1.29vw 0 1.29vw 3.2vw;
		background: url(../img/icn_mail_white.svg) no-repeat center left / 1.9vw;
	}
	#kv .cta-btn.p-white span{
		background: url(../img/icn_dl_green.svg) no-repeat center left / 1.67vw;
	}
}
/* ======================================
	reason
====================================== */
.reason-mh{
	text-align: center;
	font-weight: 500;
}
.reason-mh span{
	font-weight: bold;
}
.reason-list-item{
	text-align: center;
}
.reason-list-item-ttl{
	font-weight: bold;
	line-height: 1.59;
}
.video{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}
.video iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.reason-mh{
		font-size: 24px;
		line-height: 1.3;
	}
	.reason-mh span{
		font-size: 36px;
	}
	.reason-list{
		display: flex;
		justify-content: space-between;
		margin: 10px 0 30px;
	}
	.reason-list-item{
		flex: 0 0 31%;
	}
	.reason-list-item img{
		width: 90%;
	}
	.reason-list-item-ttl{
		font-size: 14px;
		line-height: 1.5;
	}
}
@media screen and (min-width: 768px) {
	.reason{
		padding: 30px 0 50px;
	}
	.reason-mh{
		font-size: 34px;
	}
	.reason-mh span{
		font-size: 50px;
	}
	.reason-list{
		display: flex;
		justify-content: space-between;
		margin: 20px 0 55px;
	}
	.reason-list-item img{
		width: 70%;
	}
	.reason-list-item-ttl{
		font-size: 22px;
		margin-top: 5px;
	}
}

/* ======================================
	service
====================================== */
.p-mh{
	text-align: center;
	color: #00498b;
	font-weight: bold;
	position: relative;
	line-height: 2;
}
.p-mh::after{
	position: absolute;
	content: '';
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	background: linear-gradient(#00498b 34%,#005fac);
}
.p-mh-sub{
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.p-mh{
		font-size: 28px;
		margin-bottom: 20px;
		padding-bottom: 5px;
	}
	.p-mh::after{
		width: 60px;
		height: 4px;
	}
	.p-mh-sub{
		font-size: 18px;
		line-height: 1.75;
	}
	.service-img{
		margin-top: 30px;
	}
}
@media screen and (min-width: 768px) {
	.p-mh{
		font-size: 38px;
		margin-bottom: 25px;
	}
	.p-mh::after{
		width: 97px;
		height: 5px;
	}
	.p-mh-sub{
		font-size: 25px;
	}
	.service-img{
		margin-top: 40px;
	}
}

/* ======================================
	solution
====================================== */
.solution-list-item{
	display: flex;
	align-items: center;
}
.solution-list-item-left{
	border-radius: 11px;
	color: #fff;
	background: #00ada8;
	font-weight: bold;
	line-height: 1.54;
	width: 100%;
	position: relative;
	z-index: 2;
}
.solution-wrap:nth-of-type(2) .solution-list-item-left{
	background: #a1bf4b;
}
.solution-list-item-left::after{
	position: absolute;
	content: '';
	top: 50%;
	transform: translateY(-50%);
	z-index: -1;
}
.solution-list-item-right-ttl{
	font-weight: bold;
	line-height: 1.2;
	background: url(../img/icn_solution_check.png) no-repeat left 3px top 7px / 35px;
}
.solution-list-item-right-txt{
	line-height: 1.31;
}
@media screen and (max-width: 767px) {
	.solution-wrap{
		margin-top: 20px;
	}
	.solution-wrap-ttl{
		width: 177px;
	}
	.solution-wrap:nth-of-type(2) .solution-wrap-ttl{
		width: 199px;
	}
	.solution-list{
		margin-top: 0;
	}
	.solution-list-item:not(:last-child){
		margin-bottom: 20px;
	}
	.solution-list-item-left{
		font-size: 14px;
		margin-right: 35px;
		max-width: 130px;
		flex: 0 0 130px;
		height: auto;
    padding: 10px 12px;
	}
	.solution-list-item-left::after{
		right: -30px;
    width: 30px;
		height: 20px;
		background: url(../img/icn_solution1_sp.png) no-repeat center center / 100%;
	}
	.solution-wrap:nth-of-type(2) .solution-list-item-left::after{
		background: url(../img/icn_solution2_sp.png) no-repeat center center / 100%;
	}
	.solution-list-item-right-ttl{
		font-size: 18px;
		padding: 8px 0 8px 32px;
		background: url(../img/icn_solution_check.png) no-repeat left 3px top 9px / 24px;
	}
	.solution-list-item-right-txt{
		font-size: 14px;
	}
}
@media screen and (min-width: 768px) {
	.solution-wrap{
		margin-top: 40px;
	}
	.solution-wrap-ttl{
		width: 295px;
	}
	.solution-wrap:nth-of-type(2) .solution-wrap-ttl{
		width: 332px;
	}
	.solution-list{
		margin-top: 20px;
	}
	.solution-list-item:not(:last-child){
		margin-bottom: 30px;
	}
	.solution-list-item-left{
		border-radius: 11px;
		font-size: 20px;
		margin-right: 120px;
		max-width: 286px;
		height: 110px;
		padding: 24px 24px;
	}
	.solution-list-item-left::after{
		right: -95px;
		width: 323px;
		height: 38px;
		background: url(../img/icn_solution1.png) no-repeat center center / 100%;
	}
	.solution-wrap:nth-of-type(2) .solution-list-item-left::after{
		background: url(../img/icn_solution2.png) no-repeat center center / 100%;
	}
	.solution-list-item-right-ttl{
		font-size: 26px;
		padding: 8px 0 8px 45px;
		background: url(../img/icn_solution_check.png) no-repeat left 3px top 7px / 35px;
	}
	.solution-list-item-right-txt{
		font-size: 16px;
	}
}

/* ======================================
	price
====================================== */
.price-wrap-ttl{
	font-weight: 500;
}
.price-table{
	border-collapse: collapse;
}
.price-table th{
background: #f3f3f3;
border: 1px solid #ccc;
text-align: center;
font-weight: bold;
}
.price-table td{
	border: 1px solid #ccc;
	text-align: center;
	font-weight: 500;
	vertical-align: inherit;
}
@media screen and (max-width: 767px) {
	.price-container{
		margin-top: 25px;
	}
	.price-wrap{
		width: 100%;
	}
	.price-wrap:nth-of-type(1){
		margin-bottom: 30px;
	}
	.price-wrap-ttl{
		font-size: 16px;
		margin-bottom: 5px;
	}
	.price-table{
		width: 100%;
	}
	.price-table th{
		font-size: 13px;
		padding: 12px 0;
	}
	.price-table td{
		font-size: 13px;
		padding: 8px 0;
	}
	.price-table-note{
		font-size: 12px;
		margin-top: 12px;
		max-width: 465px;
		width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.price-container{
		display: flex;
		justify-content: space-between;
		margin-top: 25px;
	}
	.price-wrap{
		max-width: 465px;
    width: 100%;
	}
	.price-wrap:nth-of-type(1){
		margin-right: 10px;
	}
	.price-wrap-ttl{
		font-size: 18px;
		margin-bottom: 5px;
	}
	.price-table{
		max-width: 465px;
    width: 100%;
	}
	.price-table th{
	font-size: 14px;
	padding: 12px 0;
	}
	.price-table td{
		font-size: 14px;
		padding: 8px 0;
	}
	.price-table-note{
		font-size: 13px;
		margin-top: 12px;
		width: 465px;
	}
}

/* ======================================
	case
====================================== */
.case-list-item{
	font-weight: 500;
	position: relative;
}
.case-list-item::before{
	position: absolute;
	content: '';
	border-radius: 50%;
	background: #2661ba;
	left: 0;
}
@media screen and (max-width: 767px) {
	.case-list{
		margin-top: 15px;
	}
	.case-list-item{
		font-size: 16px;
		padding-left: 20px;
		line-height: 1.75;
	}
	.case-list-item:not(:last-child){
		margin-bottom: 8px;
	}
	.case-list-item::before{
		width: 8px;
		height: 8px;
		top: 10px;
	}
}
@media screen and (min-width: 768px) {
	.case-list{
		margin-top: 15px;
	}
	.case-list-item{
		font-size: 18px;
		padding-left: 30px;
		line-height: 2;
	}
	.case-list-item::before{
		width: 10px;
		height: 10px;
		top: 13px;
	}
}

/* ======================================
	achievement
====================================== */
.achievement-head{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.achievement-head-txt{
	font-weight: 500;
}
.achievement-head-img{
	width: 100%;
}
@media screen and (max-width: 767px) {
	.achievement{
		padding: 50px 0;
	}
	.achievement-head{
		margin: 30px 0;
		padding: 20px 0;
	}
	.achievement-head-txt{
		font-size: 16px;
		line-height: 1.5;
		margin-bottom: 15px;
	}
	.achievement-head-img{
		margin-left: 0;
		max-width: 100%;
	}
}
@media screen and (min-width: 768px) {
	.achievement{
		padding: 50px 0 90px;
	}
	.achievement-head{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 45px 0;
		padding: 30px 0;
	}
	.achievement-head-txt{
		font-size: 20px;
		line-height: 1.769;
	}
	.achievement-head-img{
		margin-left: 30px;
		max-width: 689px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1000px){
	.achievement-head-txt{
		font-size: 2vw;
	}
	.achievement-head-img{
		margin-left: 3vw;
		max-width: 68.9vw;
	}
}

/* ======================================
	cta
====================================== */
.cta {
	text-align: center;
	background: #fff url(../img/bg_cta.png) no-repeat center center / cover;
}
.cta .catch {
	font-weight: bold;
	line-height: 1.57;
}
.cta-btn{
	font-weight: bold;
	width: 100%;
	background: linear-gradient(to bottom right, #009ea9, #128fbd);
	color: #fff;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
.cta-btn.p-white{
	background: #fff;
	color: #00ada8;
}
.cta-btn span{
	display: inline-block;
}
.cta-tel-wrap{
	line-height: 1.4;
}
.cta-tel{
	color: #00ada8;
	font-weight: bold;
	font-family: 'Lato', sans-serif;
}
.cta-tel-info{
	text-align: center;
	font-weight: 500;
}

@media screen and (max-width: 767px){
	.cta {
		padding: 40px 0 25px;
	}
	.cta .catch {
		font-size: 18px;
	}
	.cta-btn-wrap{
		margin-top: 15px;
	}
	.cta-btn{
		font-size: 20px;
		max-width: 315px;
		border-radius: 35px;
		margin: 0 auto;
	}
	.cta-btn.p-white{
		border: 3px solid #00ada8;
	}
	.cta-btn:nth-child(1){
		margin: 0 auto 15px;
	}
	.cta-btn span{
		padding: 22px 0 22px 55px;
		background: url(../img/icn_mail_white.svg) no-repeat center left / 34px;
	}
	.cta-btn.p-white span{
		background: url(../img/icn_dl_green.svg) no-repeat center left / 28px;
	}
	.cta-tel-wrap{
		margin-top: 23px;
	}
	.cta-tel{
		font-size: 34px;
		padding-left: 30px;
		background: url(../img/icn_tel_green.svg) no-repeat center left / 23px;
	}
	.cta-tel-info{
		font-size: 12px;
	}
}
@media screen and (min-width: 768px) {
	.cta {
		padding: 40px 0 25px;
	}
	.cta .catch {
		font-size: 28px;
	}
	.cta-btn-wrap{
		display: flex;
		justify-content: center;
		margin-top: 15px;
	}
	.cta-btn{
		font-size: 26px;
		max-width: 330px;
		border-radius: 40px;
	}
	.cta-btn.p-white{
		border: 3px solid #00ada8;
	}
	.cta-btn:nth-child(1){
		margin-right: 30px;
	}
	.cta-btn span{
		padding: 24px 0 24px 55px;
		background: url(../img/icn_mail_white.svg) no-repeat center left / 38px;
	}
	.cta-btn.p-white span{
		background: url(../img/icn_dl_green.svg) no-repeat center left / 30px;
	}
	.cta-tel-wrap{
		margin-top: 23px;
	}
	.cta-tel{
		font-size: 37px;
		padding-left: 30px;
		background: url(../img/icn_tel_green.svg) no-repeat center left / 23px;
	}
	.cta-tel-info{
		font-size: 12px;
	}
}

/* ======================================
	pageTopBtn
====================================== */
#pageTopBtn {
	display: none;
	position: fixed;
	right: 20px;
	bottom: 5.85em;
	z-index: 999;
}
#pageTopBtn a {
	display: block;
	width: 30px;
	height: 30px;
	background: rgba(255, 255, 255, .7);
	border: #333 2px solid;
	border-radius: 25px;
	text-align: center;
}
#pageTopBtn a span {
	display: inline-block;
	font-size: 0;
	position: relative;
	top: -8px;
    width: 12px;
    height: 12px;
    border-top: 2px solid #333;
    border-left: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 768px) {
	#pageTopBtn {
		bottom: 55px;
	}
}
/* ==========================================================
	footer
========================================================== */
footer {
	background-color: #fff;
}
footer .footer_main {
	text-align: center;
}
footer .footer_main .logo {
	width: 100%;
	max-width: 320px;
	padding-bottom: 2em;
}
footer .footer_main .mark_img a {
	display: inline-block;
	height: 56px;
	margin-left: 12px;
}
footer .footer_main .mark_img a img {
	width: auto;
	height: 100%;
}
@media screen and (max-width: 949px) {
	.footer .content {
		padding: 2em 0;
	}
	.footer .footer_bar {
		background: #333333;
		text-align: center;
	}
	.footer .footer_bar a{
		font-size: 12px;
		color: #fff;
		text-decoration: none;
		display: inline-block;
		margin: 1em 0 0;
	}
	.footer .footer_bar .copyright {
		font-size: 12px;
		color: #999999;
		padding: 1em 0;
		display: block;
  	text-align: center;
	}
}
@media screen and (min-width: 950px) {
	.footer .content {
		margin: 0 auto;
		padding: 0 70px 0 40px;
	}
	.footer .footer_main {
		height: 127px;
		position: relative;
		margin: 0 auto;
	}
	.footer .footer_main .logo {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 320px;
	}
	.footer .footer_main .mark_img {
		position: absolute;
		bottom: 16px;
		right: 0;
	}
	.footer .footer_bar {
		height: 40px;
		background: #333333;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
	}
	.footer .footer_bar a{
		font-size: 12px;
		color: #fff;
		text-decoration: none;
	}
	.footer .footer_bar .copyright {
		font-size: 12px;
		color: #999999;
	}
}