header.on::after {
    background: #77482c;
}
header.on .navline {
	stroke: #fff;
}
header.on .logo {
	border-left: 1px solid #77482c;
}
header.on .logo .svg path {
	fill: #fff;
	stroke: #fff;
}
header.on .telbox {
	color: #fff;
}
header.on .telbox .svg path {
	fill: #fff;
}
header.on .topico a .svg path {
	fill: #fff;
}
header.on .topico a span {
	color: #fff;
}
.telbox {
	border-left: 1px solid #77482c;
}
.logot {
	color: #fff;
}
.logot::after {
	background: #fff;
}
.sectop {
	border-bottom: 1px solid #ad9180;
}
.sect {
	color: #fff;
}
.ent {
    color: #fff;
    opacity: .5;
}
.sectopbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #77482c;
    padding-bottom: 2vw;
}

.blockimg {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

.mainico {
    width: 15%;
    height: auto;
    display: block;
    position: absolute;
    right: 12vw;
    bottom: 0;
}
.maint {
    position: absolute;
    left: 15%;
    top: 7vw;
    color: #fff;
}
.maint span {
    display: block;
    line-height: 180%;
}
.maint-logo .svg {
    display: block;
    height: 4vw;
    width: auto;
}
.maint-logo .svg path {
    fill: #fff;
}
.maint-t {
    font-size: 5rem;
    letter-spacing: 10px;
    font-weight: bold;
}
.maint-c {
    font-size: 1.5rem;
    margin-top: 4vw;
}
.maint-b {
    margin-top: 3vw;
    font-size: 1.5vw;
    font-weight: bold;
}
.maint-b .svg {
    display: inline-block;
    width: auto;
    height: 4vw;
    vertical-align: middle;
    margin-left: 1vw;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.maint-b .svg * {
    stroke: #fff;
}

.bsbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: url(/static/images/app/vibg.jpg) left top repeat;
    padding: 3vw 0;
}
.bst {
    font-size: 3rem;
    font-weight: bold;
    color: #77482c;
    text-align: center;
}
.bsc {
    font-size: 1.125rem;
    line-height: 200%;
    text-align: center;
    margin-top: 1vw;
}
.bsp {
    width: 90%;
    height: auto;
    overflow: hidden;
    background: #fff;
    border-radius: 3vw;
    margin: 2vw auto;
}
.bsp img {
    height: auto;
    margin: 3vw auto 2vw auto;
    display: block;
    max-width: 95%;
}

.fwbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #77482c;
    padding: 5vw 0 3vw 0;
}
.fwt, .fwc {
    height: auto;
    overflow: hidden;
}
.fwt span {
    display: block;
    font-size: 3rem;
    font-weight: bold;
    color: #fff;
    text-align: center;
}
.fwt img {
    display: block;
    height: 5vw;
    margin: 2vw auto 4vw auto;
}
.fwitem {
    width: 28%;
    margin-left: 4%;
    height: auto;
    overflow: hidden;
    float: left;
}
.fwitem img {
    display: block;
    max-width: 100%;
    height: auto;
}
.fwc .line {
    clear: both;
    height: 2vw;
    border-bottom: 1px solid #ad9180;
    margin-bottom: 2vw;
}

.cnt {
    font-size: 2.5rem;
    font-weight: bold;
    text-align: center;
}
.cnt2 {
    font-size: 2rem;
    margin-top: 1vw;
    text-align: center;
}
.cntel {
    height: auto;
    overflow: hidden;
    margin: 4vw 0 2vw 0;
    text-align: center;
    font-size: 0;
}
.cntels {
    display: inline-block;
	height: auto;
    overflow: hidden;
    vertical-align: top;
    text-align: left;
    padding: 0 3vw;
}
.cntels span {
	display: block;
	margin-top: 3px;
}
.cntels span:nth-child(1) {
	font-size: 0.875rem;
	line-height: 28px;
}
.cntels .svg {
	display: inline-block;
	vertical-align: middle;
	width: 28px;
	height: 28px;
	object-fit: contain;
	margin-right: 10px;
}
.cntels .svg path {
	fill: #333;
}
.cntels span:nth-child(2) {
	font-size: 2rem;
	line-height: 100%;
}
.cntels:nth-child(2) {
    border-left: 1px solid #333;
}
.cntels:nth-child(2) span:nth-child(2) {
    font-size: 1.5rem;
    margin-top: 5px;
}