/* footer */
#footer{clear:both; position:relative; z-index:30; background-color:#f7f7f7; border-top:1px solid #eee;}
#footer *{box-sizing:border-box;}
#footer .sec{display:grid; grid-template-columns:1fr auto; position:relative; margin:0 auto; padding:25px 10px; width:1180px;}
#footer .customer{grid-column:2 / 3; grid-row:1 / 4; padding:10px; width:220px;}
#footer .customer>p{position:relative; color:#555; font-size:13px; font-weight:bold; text-align:center;}
#footer .customer>p>b{color:#ec444a;}
#footer .customer>.site{position:relative; min-height:32px; line-height:1; background-color:#fff; border:1px solid #1278bc;}
#footer .customer>.site>b{display:block; padding:8px 15px; color:#777; font-size:13px; font-weight:normal; text-transform:uppercase; cursor:pointer;}
#footer .customer>.site>b:before{content:''; position:absolute; top:50%; right:10px; margin-top:-5px; width:16px; height:9px; background-image:url(../img/icon_set.svg); background-position:-16px -59px; color:#777; font-size:13px; font-weight:normal; text-transform:uppercase;}
#footer .customer>.site>ul{display:block; position:absolute; bottom:32px; right:-1px; padding:5px 0; min-width:200px; border:1px solid #ddd; border-bottom:0; background-color:#fff;}
#footer .customer>.site>ul>li>a{display:block; padding:7px 10px; color:#777; font-size:13px; letter-spacing: -0.5px;}
#footer .customer>.site>ul>li>a:hover{color:#fff; background-color:#1278bc;}
#footer .customer>.site.fold{border:1px solid #ddd;}
#footer .customer>.site.fold>b:before{background-position:-16px -50px;}
#footer .customer>.site.fold>ul{display:none;}
#footer .terms{display:flex; flex-wrap:wrap; padding:5px 0;color:#ddd;}
#footer .terms>a{display:inline-block; margin:5px 0; padding:0 10px; border-left:1px solid #ddd; font-size:13px;}
#footer .terms>a:first-child{border-left:0;}
#footer dl.info{display:flex; flex-wrap:wrap; gap:8px 3px; padding:5px 0; overflow:hidden}
#footer dl.info>dt,
#footer dl.info>dd{padding:0 8px; border-right:1px solid #eee; line-height:13px; color:#777; font-size:12px;}
#footer dl.info>dd:last-child{margin-right:0; border:0;}
#footer dl.info>dt{border-right:0; font-weight:400;}
#footer dl.info>dt>span{display:none;}
#footer dl.info>dd>b{display:inline-block; position:relative; padding-right:5px; font-weight:normal;}
#footer dl.info>dd>b:before{content:':'; position:absolute; right:0; top:0;}
#footer dl.info>dd>span{display:inline-block; font-size:12px;}
#footer dl.info>dd>span.tag{display:inline-block; font-weight:bold;}
#footer dl.info>dd br{display:none;}
#footer .copyright{padding:8px; color:#777; font-size:11px; font-weight:bold;}
#footer p{clear:both; padding:10px 0;}
/* Awards */
.awards{display:flex; margin-top:24px;}
.awards-item{display:flex; align-items:center; gap:8px;}
.awards-item>b{display:flex; width:40px;}
.awards-item>b>img{width:100%;}
.awards-item>span{color:#555; font-size:12px; text-align:left;}


/*####################
Screen size
######################*/

@media screen and (max-width:1200px){

#footer .sec{width:990px;}
#footer dl.info>dd.cpo{padding-left:0; border:0;}

}


/*############
Mobile design
##############*/

/* footer */
html.mobile #footer{z-index:10; margin:0; padding:10px; min-width:auto; border-left:0; background-color:#f5f5f5; text-align:center;}
html.mobile #footer .sec{display:flex; flex-direction:column; width:auto; padding:0;}
html.mobile #footer .customer{width:auto;}
html.mobile #footer .customer:before{content:none;}
html.mobile #footer .customer>p{display:inline-block; margin:3px 10px 0 0; padding:0; font-weight:normal; font-size:11px; letter-spacing:-1px; vertical-align:middle;}
html.mobile #footer .customer>p>b{display:block; margin-top:1px; font-size:15px; letter-spacing:1px;}
html.mobile #footer .customer .site{display:inline-block; width:180px; text-align:left; vertical-align:middle;}
html.mobile #footer .customer>.site>ul{min-width:180px;}
html.mobile #footer .customer>.site>ul>li>a{font-size:12px;}
html.mobile #footer .terms{justify-content:center;}
html.mobile #footer .info{flex-direction:column; flex-wrap:nowrap; gap:0; margin:0 auto; width:320px; text-align:left;}
html.mobile #footer .info>dt{float:none; padding:0 0 10px 0; color:#888; font-size:14px; font-weight:normal; text-align:center; letter-spacing:-1px;}
html.mobile #footer .info>dt>span{display:inline;}
html.mobile #footer .info>dt:after{content:''; display:inline-block; margin-left:5px; width:16px; height:9px; background-image:url(../img/icon_set.svg); background-position:-16px -50px;}
html.mobile #footer .info.show>dt:after{background-position:-17px -58px;}
html.mobile #footer .info>dd{display:none; float:none; margin:0; padding:2px 15px; border-left:0; background-color:#fff; font-size:11px;}
html.mobile #footer .info.show>dd{display:flex;}
html.mobile #footer .info>dd>b{color:#999; font-size:11px;}
html.mobile #footer dl.info>dd>b:before{line-height:1;}
html.mobile #footer .info>dd>span{display:block; padding-left:5px; overflow:hidden; color:#555; font-size:11px;}
html.mobile #footer .info>dd>span.tag{padding:0 0 5px 0;}
html.mobile #footer .info>dd br{display:block;}
html.mobile #footer .info>dd.address{padding-top:10px; border-radius:5px 5px 0 0;}
html.mobile #footer .info>dd.license{padding-top:15px;}
html.mobile #footer .info>dd.cpo{padding-bottom:10px; border-radius:0 0 5px 5px;}
html.mobile .awards{justify-content:center;}