@charset "UTF-8";* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }html,body {    margin:0px;    padding: 0px;    height:100%;}html{height:100%;}html>/**/body{overflow:-moz-scrollbars-vertical;}html:first-child body{min-height:100%;padding-bottom:1px;}* { font-size:14px; line-height:2em; }body {font-size:14px;line-height:1.7em; height: 100%;background-color:#000;margin:0 0 0 0;color:#ddd;text-align:center;}div#wait { position:fixed; width:100%; height:100%; background:#000; z-index:101; display:flex; align-items:center; transition: opacity 1.5s ease; opacity: 1; }.hide { opacity: 0 !important; }#loader {display: inline-block;position: relative;width: 200px;height: 200px;margin:0 auto;}input[type="text"] { border:0; position:relative; vertical-align:top; margin:0; top:0px; line-height:1.6em; font-size:1.2em; padding:0.5em 0.5em 0.5em 0.5em; height:2.5em; outline:none; width:100%; }input[type="text"]:focus { outline: none; }input[type="password"] { border:0; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.6em; font-size:1.2em; padding:0.10em 0.30em 0.00em 0.30em; height:1.6em; }select { border:0; position:relative; vertical-align:top; margin: 2px 4px 2px 0; *margin-right:3px; top:0px; line-height:1.8em; font-size:1.0em; padding:0.15em 0.30em 0.40em 0.30em; height:2.0em; border-radius: 0;-webkit-appearance: none;background: -moz-linear-gradient(top, #fff, #aaa); /*ff*/background: -o-linear-gradient(top, #fff, #aaa); /*opera*/background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; /* IE8 IE9 */filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  /*IE6 IE7 */background: linear-gradient(to bottom, #fff, #aaa);/* IE10+, W3C */background-color:#fff; }textarea { border:0; position:relative; vertical-align:top; margin:0; line-height:1.5em; font-size:1.2em; padding:0.5em 0.5em 0.5em 0.5em; outline:none; width:100%; }textarea:focus { outline: none; }input[type="button"] { padding:0 20px; font-size:1.2em; border:0; margin:2px 4px 2px 0; height:1.9em; background: -moz-linear-gradient(top, #fff, #aaa); /*ff*/background: -o-linear-gradient(top, #fff, #aaa); /*opera*/background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; /* IE8 IE9 */filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  /*IE6 IE7 */background: linear-gradient(to bottom, #fff, #aaa);/* IE10+, W3C */}input[type="button"]:active { background: -moz-linear-gradient(top, #888, #eee); /*ff*/background: -o-linear-gradient(top, #888, #eee); /*opera*/background-image: -webkit-gradient(linear,left bottom, left top, from(#eee), to(#888));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#888888))"; zoom: 1; /* IE8 IE9 */filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffeeeeee,endColorstr=#ff888888);  /*IE6 IE7 */background: linear-gradient(to bottom, #888, #eee);/* IE10+, W3C */}input[type="button"]:disabled { color:#aaa; background:#ccc;  }input[type="submit"] { color:#000; padding:0 20px; font-size:1.2em; border:0; margin:2px 4px 2px 0; height:1.9em;   background: -moz-linear-gradient(top, #fff, #aaa); /*ff*/background: -o-linear-gradient(top, #fff, #aaa); /*opera*/background-image: -webkit-gradient(linear,left bottom, left top, from(#aaa), to(#fff));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#aaaaaa))"; zoom: 1; /* IE8 IE9 */filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffffff,endColorstr=#ffaaaaaa);  /*IE6 IE7 */background: linear-gradient(to bottom, #fff, #aaa);/* IE10+, W3C */}input[type="submit"]:active { background: -moz-linear-gradient(top, #888, #eee); /*ff*/background: -o-linear-gradient(top, #888, #eee); /*opera*/background-image: -webkit-gradient(linear,left bottom, left top, from(#eee), to(#888));-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#eeeeee, endcolorstr=#888888))"; zoom: 1; /* IE8 IE9 */filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffeeeeee,endColorstr=#ff888888);  /*IE6 IE7 */background: linear-gradient(to bottom, #888, #eee);/* IE10+, W3C */}input[type="submit"]:disabled { color:#aaa; background:#ccc;  }input[type="checkbox"] { border:none; margin-top:-0.05em; vertical-align:middle; }input[type="radio"] { border:none; top:-22px; margin-right:2px; }label { cursor:pointer; }header,footer,main,nav,article,aside,section{ display: block; }::placeholder { color: #aaa; }div.clear { clear:both; }h1,h2,h3,p   { font-style: normal; font-weight:normal; margin:0; padding:0; margin-top:0em; margin-bottom:0em }.v0 { display:none; }.v1 { display:initial; }.str {color:#ff9900 }p { font-weight: normal; margin:0 10px 1em 0; line-height:1.7em; }hr { display:none; }object,embed,script { background-color:#000; }.small { font-size:90%; }object,embed { outline:none; outline: none !important; }object:focus { outline:none; }.center { text-align:center; }.green { color:#0f0; }.red { color:#f00; line-height:inherit; font-size:inherit; }strong { font-size:inherit; font-weight:inherit; line-height:inherit; }a { color:#abf; outline: none; overflow: hidden; }a:hover { color:#f00; }h1 {  font-size:2.5em;font-weight:bold;color:#fff;margin:30px 0 30px 0px; line-height:1.3em; padding:0 0 0px 0; font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;color:#fff; letter-spacing:-0.0em;transform:scale(1, 0.95);}h1 span { display:block; font-size:0.5em; font-weight:normal;  margin:10px 0 23px 0; color:#aaa; line-height:1.4em !important; }h1+p { font-size:1.1em; clear:both; }p.intro { clear:both; }#titlearea { clear:both; }img.icon_l1 { border:1px solid #666; float:left; width:100px; margin:10px 1.5em 2.5em 0; }#menu2 { clear:both; margin:20px 0 30px 0px; list-style-type:none; padding:0 !important; overflow:hidden; }#menu2 * { line-height:1.5em;  }#menu2 a { }#menu2 li { float:left; margin:0 1em 0 0; }@keyframes fadeIn {0% { opacity: 0}1% { opacity: 0}100% { opacity: 1}}@-webkit-keyframes fadeIn {0% { opacity: 0}1% { opacity: 0}100% { opacity: 1}}@keyframes fadeOut {0% { opacity: 1}1% { opacity: 1}100% { opacity: 0}}@-webkit-keyframes fadeOut {0% { opacity: 1}1% { opacity: 1}100% { opacity: 0}}.fadein {animation: fadeIn 1s ease 1 normal forwards;-webkit-animation: fadeIn 1s ease 1 normal forwards; opacity: 0;}div#base { display: block;min-height: calc(100vh - 70px);width:100%; max-width:1000px;margin:0 auto; text-align:left;padding-bottom:0px; z-index:1;}div#base::after {content: "";display: block;position: fixed;top: 0;width:100%; max-width:1000px;height:100vh;margin:0 0 0 0px;background-image:url(/_images/bg4.jpg);background-repeat: no-repeat;background-position: 0 0;background-size:100%;z-index:-1;}div#contents { width:100%; max-width:1000px; min-height: calc(100vh - 100px);text-align:left;padding:80px 0 0px 0; }main { width:55%; margin:0 70px 0 0px; float:right; }header {display:block; width:25%; max-width:240px; overflow:auto; text-align:right;margin:5px 0 0 70px;float:left; position:fixed; z-index:100; }header ul#mmenu { clear:both; margin:0; padding:0; margin:0px 0 15px 0; background:none; }header ul#mmenu li     { display:block; text-align: right; padding:0; line-height:1em; margin:0 0 0px 0 !important; list-style-type:none; }header ul#mmenu li a { text-decoration:none; color:#ddd; font-size: 1.2em;  line-height:1.em; font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;color:#fff; letter-spacing:-0.0em;transform   : scale(1, 0.95)}header ul#mmenu li a:hover { text-decoration:none; color:#f00; }header ul#mmenu li a.active { color:#dd9900; }header ul#mmenu li a:active { color:#f00; margin:1px 0 -1px 0; }header ul#mmenu li#menu_top { }header #logo { display:inline; margin:0; padding:0; }header #logo img { display:block; vertical-align:bottom; width:100%; margin:0 0 25px 0; overflow:auto; }header h2 { display:none; }header img.qr { width:55px; margin:0.8em 0 0 0; }@media only screen and (max-width:1000px)  {body{}div#base { background-position: 0% -30px;}div#contents { padding:8vw 0 0px 0; }main { margin-right:7vw; }header #logo { margin-bottom:2.5vw;  }header {width:25%; max-width:initial; margin-left:6.5vw;}header ul#mmenu { background:none; }header ul#mmenu li {  margin:0 0 1.1vw 0; }header ul#mmenu li a { font-size: 1.7vw; }}@media only screen and (max-width:767px)  {div#base { width:100%; min-height: calc(100vh - 100px);top: 0;left: 0;text-align:center;}div#contents { width:100%;text-align:center;padding:0px 0 0px 0 ; }main { width:100%; max-width:100%; margin:0; padding:1.5em 5vw 2em 5vw; text-align:left; }header {position:relative; width:100%;max-width:initial;height:auto;text-align:middle;margin:0;padding:0em 0 0em 0; float:none; }.blur { -webkit-backdrop-filter: blur(4px);backdrop-filter: blur(4px);}header ul#mmenu { position:relative; list-style-type:none; margin:0 0 0 0; display:flex; justify-content:space-between; padding:1.8vw 5vw 1.8vw 5vw; width:100%; border-bottom:1px solid #666; border-top:1px solid #666; background:rgba(0,0,0,0); }header ul#mmenu li { display:inline-block; margin:0; }header ul#mmenu li a { display:inline-block; color:#fff; text-decoration:none; width:100%; }header ul#mmenu li a span { font-size:3.5vw; }header ul#mmenu li a.active { color:#f90; text-decoration:none; }header ul#mmenu li#menu_top { overflow:hidden; text-align:left; }header ul#mmenu li#menu_top a  { }header ul#mmenu li#menu_top a span.logo0 { display:inline-block; vertical-align:middle; margin:0vw 0 0 0; }header ul#mmenu li#menu_top a span.logo1 { display:inline-block; vertical-align:middle; margin:0vw 0 0 0; width:19vw; background:url(/_images/titlelogo2a.png) no-repeat; background-position:0 2vw; background-size:100%; }.c_top header ul#mmenu li#menu_top a span.logo1 { display:inline-block; vertical-align:middle; margin:0vw 0 0 0; width:19vw; background:url(/_images/titlelogo2b.png) no-repeat; background-position:0 2vw; background-size:100%; }header #logo { display:none; width:100%; height:20vw; }header #logo img { position:relative; float:right; display:block; width:45%; max-width:400px; margin:5vw 4vw 0 0; padding:0; }.c_top header #logo { display:block; width:100%; height:100vw; margin:0; }.c_top header #logo img { position:relative; float:right; display:block; width:45%; max-width:400px; margin:47vw 4vw 0 0; padding:0; }header img.qr { display:none; }}#topcatch { margin:-5px 0 35px 0; }#topcatch span { display:block; font-size:71px; line-height:1em; font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;font-style: normal;color:#fff; letter-spacing:-0.02em;transform   : scale(1, 0.95)}@media only screen and (max-width:1000px)  {#topcatch span { font-size:7vw; }}@media only screen and (max-width:767px)  {}@media only screen and (max-width:767px)  {#topcatch { text-align:left }#topcatch { margin:1vw 0 4vw 0; font}#topcatch span { display:inline; font-size:8.4vw; }}#topcatch span:nth-child(1) { text-align:left; }#topcatch span:nth-child(2) { text-align:right; }.c_top p.intro { font-size:16px; line-height:1.8em; margin:0 0 2.5em 0; }ul.topmenu { width:100%; list-style-type:none; margin:0 0 1em 0; padding:0; overflow:auto; }ul.topmenu li { display:block; width:calc( ( 100% - 25px ) / 2 ); float:left; margin:0 25px 2em 0; padding:0; }ul.topmenu li.type2 { width:100%; margin:0 0 1.5em 0; }ul.topmenu li:nth-child(2n) { margin-right:0; }ul.topmenu li p { line-height:1.5em; font-size:90%; margin-left:2px; display:block; }a.menuicon { display:block; width:100px; float:right; margin:0px 0 0em 0.5em ; border:1px solid #888; }a.menuicon:hover { border-color:#f00; }a.menuicon img { width:100%; vertical-align: bottom;}.c_top h2 { font-size:16px; line-height:1em; border-bottom:1px solid #aaa; margin:-5px 0 10px -3px; }.c_top h2 span { font-size:19px; }@media only screen and (max-width:520px)  {.c_top p.intro { font-size:3.3vw; line-height:1.6em; }ul.topmenu li { width:100%; margin:0 0 2.3em 0; height:initial: }ul.topmenu li p {  font-size:2.8vw; }.c_top a.menuicon { display:block; float:left; width:25%; margin:0px 1em 0em 0em ; border:1px solid #666; }.c_top a.menuicon:hover { border-color:#f00; }.c_top a.menuicon img { width:100%; vertical-align: bottom;}.c_top h2 { font-size:4vw; margin-top:-10px; }.c_top h2 span { font-size:5vw; }}.c_top h2 a { font-size:inherit; text-decoration:none; color:#fff; }.c_top h2 a:hover { color:#f00; }section p.intro { margin-left:0 !important; }section h3:first-child { margin-top:0 !important; }.slidearea { position:relative; display:block; overflow:hidden; transition:0.3s;  }#worksdetail { margin:0px 0 0px 0;   }#worksdetail .worksdetailheader { clear:both; display:flex; align-items:center; height:50px; margin:0 0 1.5em 0; }#worksdetail .worksdetailheader img { width:50px; margin:0 1em 0 0 ; border:1px solid #555; }#worksdetail .worksdetailheader h1 { font-size:20px; }.wimg { width:100%; margin:0 0 15px 0px; text-align:right; border:1px solid #555; text-align:center; padding:20px 0;   background: rgba(0,0,0,0.2);  }.wimg img { margin:0 0 5px 0px; width:80%; margin:0 auto; }.wimg a:hover img { }.wimg_video { width:100%; padding:56.25% 0 0 0;position:relative;margin:0 auto 20px auto; border:1px solid #555; background: rgba(0,0,0,0.4);}.workcaticon { display:block; text-align:center; float:left; padding:2px 10px 1px 10px; text-decoration:none; color:#fff; line-height:1em !important; margin:0 1px 0 0; }.workcaticon_all { background:#ff0c00; }.workcaticon_consulting { background:#cc5500; }.workcaticon_web { background:#856e00; }.workcaticon_logo { background:#008710; }.workcaticon_photo { background:#1589ff; }.workcaticon_dtp { background:#7761ff; }.workcaticon_others { background:#d200da; }.workcaticonf_all { color:#ff0c00; }.workcaticonf_consulting { color:#cc5500; }.workcaticonf_web { color:#856e00; }.workcaticonf_logo { color:#008710; }.workcaticonf_photo { color:#1589ff; }.workcaticonf_dtp { color:#7761ff; }.workcaticonf_others { color:#d200da; }.workcaticonlist { display:block; height:9px;margin:7px 0 0px 0;  }.workcaticonlist span { text-align:center; display:block; float:left; font-size:70%; padding:1px 3px; line-height:1em; margin:0 1px 1px 0; }.worknavi { }.worknavi1 { float:right; width:25%; margin:0 0 0 0; display:flex; justify-content:right; align-items:center; }.worknavi2 { float:right; width:50%; margin:0 0 0 0; display:flex; justify-content:right; align-items:center; margin:2em 25% 0 0; }.worknavi1 p, .worknavi2 p { margin:0px; }.worknavi .box1 { width:calc( 100% - 2px ); margin:0 1px 0 1px; background-color:#666; color:#000; }.worknavi .box2 { width:calc( ( 100% - 2px ) / 2 ); margin:0 0 0 0px; background-color:#666; color:#999; }.worknavi .box3 { width:calc( ( 100% - 2px ) / 2 ); margin:0 0 0 0px; background-color:#666; color:#000; }.worknavi .a { text-decoration:none; background-color:#555; color:#fff; display:block; font-size:0.9em; margin:1px 1px 0 0; text-align:center; }.worknavi a.a:hover { text-decoration:none; background-color:#f90; color:#fff; }.worknavi span { color:#888 !important; }@media only screen and (max-width:520px)  {.worknavi1 { clear:both; width:100%; margin:0 0 1.5em 0; }.worknavi2 { width:100%; margin-right:0; }}        /*TOP PROJECT LIST*/ul.projectlist { width:100%; margin:20px 0 0 0; padding:0; overflow:auto; } ul.projectlist li { margin:0 25px 17px 0; width:calc( ( 100% - 25px ) / 2 ); float:left; overflow:hidden; }ul.projectlist li:nth-child(even){ margin-right:0; }ul.projectlist li h3 { margin:-2px 0 0 0; padding:0; display:block; height:1.7em  !important; overflow:hidden; }ul.projectlist li h3 a { display:block; font-size:13px; line-height:2em; height:26px; overflow:hidden; }ul.projectlist li img.web_s2 { width:50px; height:50px; border:1px solid #444; margin:4px 13px 0 0px; }ul.projectlist li p { margin:0; padding:0; letter-spacing:0px; font-size:90% !important; line-height:1.2em !important; height:1em !important; overflow:hidden; }@media only screen and (max-width:520px)  {ul.projectlist li { float:none; margin-right:0; width:100%; }ul.projectlist li h3 a { font-size:14px; }ul.projectlist li p.workcomment { font-size:1em !important; }ul.projectlist li img.web_s2 { width:50px; height:50px; }}.wlisticon { height:70px; display:block; text-decoration:none; float:left; }.c_profile * h2 { font-size:18px; margin:15px 0 10px 0; padding:0; color:#eee; border-bottom:1px solid #999;padding-bottom:3px; font-weight:600;  }.c_profile * h2 span { color: #cc9900; font-size:20px; margin-left:-3px; } .c_profile * h2.rickey { padding:0px; margin:0px; border:0px; }.c_profile img.profileimg { margin:4px 15px 10px 0; float:left; }.c_profile .historybox p { text-indent:-40px; margin-left:40px;}.c_profile section h3 { font-size:14px !important; color:#999; padding:0; margin:20px 0 0px 15px; line-height:1em; font-weight:normal;  text-indent:-15px;}.c_profile section p { margin: 0 0 15px 17px;}.c_profile .locationbox p { margin-left:0px;}.c_profile .worklink { font-size:85%; margin-top:4px;float:right; }.c_profile .worklink a { font-size:100%; }.c_profile table { margin:0 0 0 17px; border-collapse: collapse; }.c_profile table * { line-height:1.5em; }.c_profile table.history td.td1 { vertical-align:top; width:60px; border-spacing:0px; }.c_profile table.company td.td1 { vertical-align:top; width:70px; border-spacing:0px; }.c_profile table.company td ul { margin:0 0 0 1em; padding:0 0 0 0em; }.c_services h2 { font-size:18px; margin:30px 0 10px 0; border:0px;  border-bottom:1px solid #999;padding-bottom:3px; font-weight:bold; }.c_services * h2 span { color: #cc9900; font-size:20px; margin-left:-3px; } .c_services .navi { clear:both; text-align:center; margin:30px 5px 0 0;}.c_services .design { color:#e9ef5c; border-color:#e9ef5c; }.c_services .systems { color:#6fd473; border-color:#6fd473 }.c_services .consulting  { color:#84c4ff; border-color:#84c4ff }.c_services .more { color:#ff5773; border-color:#ff5773 }.c_contactus table#contactform  { width:100%; margin:0 0 0 -3px; border-spacing:2px; }.c_contactus table#contactform td { vertical-align:top; line-height:1.6em; }.c_contactus table#contactform td.td1 { padding:5px; background:#222; }.c_contactus table#contactform td.td2 {  background-color:#333; padding:5px 3px 5px 5px;  width:120px; }.c_contactus table#contactform td.td3 {  background-color:#fff; color:#fff; padding:0;  }.c_contactus table#contactform td.td4 {  color:#666; background:#eee; padding:0.5em 0.7em; line-height:1.8em; font-size:1.1em; }.c_contactus table#contactform div.button { margin:10px 0 8px 0; text-align:center; }.c_contactus .btn1 { clear:both; width:150px;height:50px; margin:20px 0 20px 0; cursor:pointer; }.c_contactus .errormsg { background:#f00; color:#fff; margin:0px 0 0px 0; font-size:1em; text-align:left; width:100%; line-height:1.4em; padding:0.4em 0.5em; }.c_contactus .contactaddr { margin-bottom:-1px; }.c_contactus p.note { margin:7px 0 0 0 ; font-size:90%; line-height:1.2em; }.c_contactus a.cancellink { margin:0px 0 20px 0; }.c_contactus form { margin-top:1.5em; }.c_contactus .form_company { font-size:16px !important; }.c_contactus .form_name { font-size:16px !important; }.c_contactus .form_email { font-size:22px !important; padding:0.4em !important; }.c_contactus .form_d1 { font-size:22px !important; padding:1.5em 0.4em !important; }.c_contactus .form_d2 { font-size:16px !important; padding:1.0em 0.4em !important; width:100%; }_.c_contactus .form_message { font-size:16px !important; }.c_contactus .email { font-size:20px !important; padding-left:0.4em !important; }.c_contactus div.contactresults { background:#fff; color:#222; padding:20px; margin:20px 0 0 0; }.c_contactus div.contactresults div.mailheader { font-size:10px; line-height:1.4em; margin:0 0 10px 0; }.c_contactus h2.thankyou { color:#cc9900; font-size:18px; margin:0 0 5px 0; }.c_contactus div.salescheck { margin:1em 0 0 0; padding:0.5em; border:1px solid #f00; }.c_contactus div.salescheck .salesng { display:block; font-size:16px; }.c_privacy ol.layer1 p { margin:0 0 0.5em 0; padding:0; }.c_privacy ol.layer1 { margin:0 0 5em 0.7em; padding:0 0 0 0.7em; line-height:1em; }.c_privacy ol.layer1>li { margin:0 0 2em 0em; padding:0 0 0 0em; line-height:1em; }.c_privacy ol.layer1 ol { margin:0 0 1em 0.7em; padding:0 0 0 0.7em; line-height:1em; }.c_privacy ol.layer1 ol li { margin:0 0 0em 0em; padding:0 0 0 0em; line-height:1em; }#error h1 { font-size:40px; margin:0 0 0.5em 0; }#error .h1subtitle { font-size:20px; }ul.pk { list-style-type:none; border:0; background:none; margin:0em 0 1.8em 0; padding:0; z-index:100; float:left; width:calc( 100% - 25% ); }@media only screen and (max-width:520px)  {ul.pk { margin:0em 0 1em 0; width:100%; }}ul.pk * { font-size:0.9em; line-height:1.3em; }ul.pk li { float:left; }div.totop { clear:both; text-align:right; overflow:auto; }a.totop { position:fixed; right:3vw; bottom:3vw; display:inline-block; width:30px; height:30px; background:url(/_images/totop_pc.jpg); }a.totop:hover { background-position:-30px 0; }footer  { display:block; clear:both; text-align:center; margin:0px 0px 0px 0; padding:1vw 4vw 1vw 4vw; line-height:1em; height:100px; z-index:100; display:flex; justify-content:center; align-items: flex-end; }footer * { font-size:0.85em; line-height:1em; font-style: normal; font-weight: normal;  }footer p { color:#888; }* { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック','sans-serif','Lucida Grande','Arial','Osaka';  }