﻿html{font-size:50%}.pc{display:none}.sp{display:initial}body{padding-top:5rem;min-width:initial}body footer .sns .fa{display:inline-block;width:11.66667rem;height:3rem;color:white;font-weight:bold;font-size:1.5rem;letter-spacing:0.2rem;line-height:3.1rem;text-align:center;border:none;border-radius:1.5rem}body.home footer .sns .fa{background-color:#F37120}body.error404 footer .sns .fa,body[class*="page-about"] footer .sns .fa,body[class*="page-contact"] footer .sns .fa,body[class*="page-access"] footer .sns .fa{background-color:#3BC0C6}body.blog footer .sns .fa,body.archive footer .sns .fa,body.single footer .sns .fa{background-color:#F37120}body[class*="page-recruit"] footer .sns .fa{background-color:#00ADEF}body[class*="page-works"] footer .sns .fa{background-color:#5ABA5B}body[class*="page-consulting"] footer .sns .fa{background-color:#FCB431}h2{margin-top:2rem;font-size:2rem;letter-spacing:0.1rem}p{letter-spacing:0}.tags a{height:2rem;border-radius:1rem;line-height:2rem}.container{width:90%}.container .cf .onethird{float:none;margin-right:0;margin-bottom:4rem;width:100%}.container .cf .onethird:last-child{margin-bottom:0}.container .cf .quarter{float:none;margin-right:0;margin-bottom:4rem;width:100%}.container .cf .quarter:last-child{margin-bottom:0}#top{padding-bottom:0 !important}#top h1{top:1.5rem;left:5%;right:5%;font-size:1.2rem;line-height:1.4;text-align:center}#top img.pc{display:none}#top img.sp{display:block}header{position:fixed !important;top:0;right:0;left:0;min-width:initial;height:5rem}header:before{content:"八戸東和薬品株式会社";position:absolute;top:0;right:0;bottom:0;left:0;color:white;font-weight:bold;font-size:1.8rem;line-height:5.1rem;letter-spacing:0.1rem;text-align:center;transition:all 0.6s}header nav{z-index:1000;position:fixed;top:5rem;right:0;bottom:0;transform:translateX(100%);transition:transform .4s ease}header nav:before{content:"";position:absolute;top:0;right:0;left:0;height:1px;background:rgba(0,0,0,0.1)}header nav ul li{display:block}header nav ul li a{margin:2.5rem 0 0;padding:0 2.8rem;text-align:left}header nav ul li a:before{content:"";position:absolute;top:0;bottom:0;left:1rem;width:0.6rem;background:rgba(0,0,0,0.2)}header nav ul li a .ja{display:none}header nav ul li a .en{margin-top:0;font-size:2rem}header nav .sns{display:block;margin-top:3rem;padding:3rem 0;text-align:center}header nav .switch{display:block;position:absolute;top:0;left:0;transform:translate(-100%, -100%);width:5rem;height:5rem;text-align:center}header.open:before{transform:translateY(-100%);opacity:0;transition:all 0.6s}header.open nav{transform:translateX(0)}@keyframes bar1-open{0%{transform:translate(-50%, -0.8rem)}80%{transform:translate(-50%, 0.7rem)}100%{transform:translate(-50%, -100%) rotate(-135deg);margin-top:1px}}@keyframes bar2-open{0%{opacity:1}25%{opacity:1}26%{opacity:0}100%{opacity:0}}@keyframes bar3-open{0%{transform:translate(-50%, 0.8rem)}80%{transform:translate(-50%, 0.8rem)}100%{transform:translate(-50%, -50%) rotate(-45deg)}}header.open nav .switch .bar:nth-child(1){animation:bar1-open 0.6s forwards 0.4s}header.open nav .switch .bar:nth-child(2){animation:bar2-open 0.6s forwards 0.4s}header.open nav .switch .bar:nth-child(3){animation:bar3-open 0.6s forwards 0.4s}header.open .bg{visibility:visible;opacity:0.5;transition:visibility 0s,opacity 0.4s}@keyframes bar1-close{0%{transform:translate(-50%, -100%) rotate(-135deg);margin-top:1px}20%{transform:translate(-50%, 0.7rem)}100%{transform:translate(-50%, -0.8rem);margin-top:0}}@keyframes bar2-close{0%{opacity:0}45%{opacity:0}46%{opacity:1}100%{opacity:1}}@keyframes bar3-close{0%{transform:translate(-50%, -50%) rotate(-45deg)}20%{transform:translate(-50%, 0.8rem)}100%{transform:translate(-50%, 0.8rem)}}header.closed nav .switch .bar:nth-child(1){transform:translate(-50%, -100%) rotate(-135deg);margin-top:1px;animation:bar1-close 0.6s forwards 0.4s}header.closed nav .switch .bar:nth-child(2){opacity:0;animation:bar2-close 0.6s forwards 0.4s}header.closed nav .switch .bar:nth-child(3){transform:translate(-50%, -50%) rotate(-45deg);animation:bar3-close 0.6s forwards 0.4s}#breadcrumbs{margin-top:2rem;font-size:1.4rem;line-height:1.4}#pagetop{margin-top:4rem;font-size:1.2rem;line-height:1.4;white-space:normal}footer{padding:0}footer .container{width:100%}footer .container .right{float:none;width:100%}footer .container .right .sns{float:none;padding:3.8rem 0;border:none}footer .container .right .sns h3{font-size:1.8rem}footer .container .right .sns a{display:inline-block}footer .container .right .sns a:last-child{margin-right:0}footer .container .right .sns a .fa{color:white;font-size:2rem}footer .container .right .nav{float:none;background:white}footer .container .right .nav .cf{margin:0 auto;width:22rem}footer .container .right .nav .cf ul:first-child{margin-right:0}footer .container .right .nav .cf ul li{font-size:1.8rem}footer .container .left{float:none}footer .container .left .company{padding:3rem 0;text-align:center}footer .container .left .company h3{margin:0 0 2rem}#copyright{padding:1rem 0;height:auto;line-height:180%;letter-spacing:0.1rem}
