/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # Global selectors
   # ================================================================= */

html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat; /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit; /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0; /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */

/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible; /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

summary {
  display: list-item; /* Add the correct display in all browsers */
}

small {
  font-size: 80%; /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none; /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted; /* Add a bordered underline effect in all browsers */
  text-decoration: none; /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent; /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0; /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder; /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic; /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */

input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto; /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield; /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; /* Safari 8 */
}

textarea {
  overflow: auto; /* Internet Explorer 11+ */
  resize: vertical; /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit; /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold; /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible; /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"], /* Prevent a WebKit bug where (2) destroys native `audio` and `video`controls in Android 4 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none; /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none; /* Firefox 36+ */
  -webkit-appearance: none; /* Chrome 41+ */
}

select::-ms-expand {
  display: none; /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor; /* Internet Explorer 11+ */
}

legend {
  border: 0; /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit; /* Correct the color inheritance from `fieldset` elements in IE */
  display: table; /* Correct the text wrapping in Edge and IE */
  max-width: 100%; /* Correct the text wrapping in Edge and IE */
  white-space: normal; /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit; /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  -webkit-appearance: textfield; /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px; /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */

img {
  border-style: none; /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
  vertical-align: baseline;
}

svg:not(:root) {
  overflow: hidden; /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block; /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */

/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */

/* Specify text selection background color and omit drop shadow */

::-moz-selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc; /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}
@charset "utf-8";#splash{position:fixed;width:100%;height:100%;background:#fff;z-index:9999999;text-align:center;color:#fff}#splash-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#splash-logo img{width:50px}.splashbg{display:none}body.appear .splashbg{display:block;position:fixed;z-index:999;width:100%;height:100vh;top:0;left:0;transform:scaleY(0);background-color:#615cee;animation-name:PageAnime;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes PageAnime{0%{transform-origin:bottom;transform:scaleY(0)}50%{transform-origin:bottom;transform:scaleY(1)}50.001%{transform-origin:top}100%{transform-origin:top;transform:scaleY(0)}}#wrapper{opacity:0}body.appear #wrapper{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:.8s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}#g-nav{position:fixed;z-index:999;bottom:-120%;width:100%;height:100vh;background:#615cee;transition:all .6s}#g-nav.panelactive{bottom:0}#g-nav #g-nav-list{position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav ul{position:absolute;z-index:999;top:50%;left:40%;transform:translate(-50%,-50%)}#g-nav li{list-style:none;text-align:center}#g-nav li a{color:#f3f3f3;text-decoration:none;padding:10px;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.openbtn{position:fixed;z-index:9999;top:0;right:0;cursor:pointer;width:80px;height:70px;border-left:2px solid #333}.openbtn span{display:inline-block;transition:all .4s;position:absolute}.openbtn span:nth-of-type(1),.openbtn span:nth-of-type(3){height:2px;background:#333;width:30%;opacity:0;top:22px;left:20px}.openbtn span:nth-of-type(2){top:22px;left:18px;text-transform:uppercase;color:#333;font-size:.9rem}@media screen and (max-width:550px){.openbtn span:nth-of-type(2){font-size:.8rem}}.openbtn span:nth-of-type(3){top:35px}.openbtn.active span:nth-of-type(1),.openbtn.active span:nth-of-type(3){opacity:1}.openbtn.active span:nth-of-type(1){top:28px;left:30px;transform:translateY(6px) rotate(-45deg)}.openbtn.active span:nth-of-type(2){opacity:0}.openbtn.active span:nth-of-type(3){top:40px;left:30px;transform:translateY(-6px) rotate(45deg)}#header{position:fixed;height:100px;width:100%;z-index:9;display:flex;justify-content:center;align-items:center;background-color:rgb(255,252,252,.8)}@media screen and (max-width:990px){#header{height:75px}}#pc-nav ul{list-style:none;display:flex;justify-content:center;text-transform:uppercase;margin:0 0 0 5%}#pc-nav li a{display:block;text-decoration:none;color:#333;padding:0 15px;transition:all .3s}#pc-nav li a:hover,#pc-nav li.current a{color:#615cee}.scrollgress{z-index:99}.btnlinestretches3{position:relative;color:#333;padding:5px 30px;display:inline-block;text-decoration:none;outline:0}.btnlinestretches3 span{position:relative;z-index:2}.btnlinestretches3:hover span{color:#fff}.btnlinestretches3::after{content:'';position:absolute;z-index:1;bottom:0;left:0;background:#333;width:100%;height:3px;transition:all .3s ease-in-out}.btnlinestretches3:hover::after{height:100%}#page-top a{display:flex;justify-content:center;align-items:center;background:#615cee;width:60px;height:50px;color:#fff;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;transition:all .3s}#page-top a:hover{background:#777}#page-top{position:fixed;right:0;bottom:0;z-index:2;opacity:0;transform:translateX(100px)}#page-top.LeftMove{animation:LeftAnime .5s forwards}@keyframes LeftAnime{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}#page-top.RightMove{animation:RightAnime .5s forwards}@keyframes RightAnime{from{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(100px)}}.accordion-area{list-style:none;width:96%;max-width:900px;margin:0 auto}.accordion-area li{margin:10px 0}.accordion-area section{border:1px solid #ccc}.title{position:relative;cursor:pointer;font-size:1rem;font-weight:400;padding:3% 3% 3% 50px;transition:all .5s ease}@media screen and (max-width:768px){.title{font-size:.9rem}}.title::after,.title::before{position:absolute;content:'';width:15px;height:2px;background-color:#333}.title::before{top:48%;left:15px;transform:rotate(0)}.title::after{top:48%;left:15px;transform:rotate(90deg)}.title.close::before{transform:rotate(45deg)}.title.close::after{transform:rotate(-45deg)}.box{display:none;background:#f3f3f3;margin:0 3% 3% 3%;padding:3%}.slider a{display:block;background:#fff;padding:10px 0}.slider time{display:inline-block;font-size:.8rem;margin-right:10px;color:#777}@media screen and (max-width:768px){.slider{padding:20px;background:#fff}.slider li{border-bottom:1px dashed #ccc}.slider li:last-child{border-bottom:none}.slider time{display:block;padding-bottom:10px}}.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position:relative;overflow:hidden;opacity:0}@keyframes bgextendAnimeBase{from{opacity:0}to{opacity:1}}.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}@keyframes bgextendAnimeSecond{0%{opacity:0}100%{opacity:1}}.bgLRextend::before{animation-name:bgLRextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#615cee}@keyframes bgLRextendAnime{0%{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.flipLeft{animation-name:flipLeftAnime;animation-duration:.5s;animation-fill-mode:forwards;perspective-origin:left center;opacity:0}@keyframes flipLeftAnime{from{transform:perspective(600px) translate3d(0,0,0) rotateY(30deg);opacity:0}to{transform:perspective(600px) translate3d(0,0,0) rotateY(0);opacity:1}}#vision,.service-area{transform:translate3d(0,0,0)}.bgLRextendTrigger,.bgappearTrigger,.fadeUpTrigger,.flipLeftTrigger{opacity:0}#top-main{width:100%;height:100vh;position:relative}#top-main:before{content:'';position:fixed;top:10vh;left:5%;z-index:-1;width:90%;height:80vh;background:url(img/pict-main001.png) no-repeat center;background-size:cover}@media screen and (max-width:768px){#top-main:before{background-position:top center;background-size:auto 90%}}#container{position:relative;z-index:1;background:#fff}.btn04{position:relative;display:inline-block;padding:10px 30px;color:#333;border:1px solid #ccc;text-decoration:none;outline:0;overflow:hidden}.btn04:hover{color:#fff;border-color:transparent;transition-delay:.6s}.btn04 span{display:block;z-index:2}.bordertop span::after,.bordertop span::before{content:'';position:absolute;width:1px;height:0;background:#a09ef2;transition:all .3s}.bordertop span::before{left:0;top:0}.bordertop span::after{right:0;top:0}.bordertop:hover span::after,.bordertop:hover span::before{height:100%}.bordertop::before{content:'';position:absolute;left:0;top:0;z-index:-1;width:100%;height:0;background:#a09ef2;transition:all .3s}.bordertop:hover::before{height:100%;transition-delay:.4s}
@charset "utf-8";#top-main02{position:relative;height:100vh}#video-area{position:fixed;z-index:-1;top:0;right:0;left:0;bottom:0;overflow:hidden}#video{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%,-50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}.top-message{position:absolute;top:60%;left:15%;color:#fff;white-space:nowrap;text-shadow:0 0 15px #666}body{font-family:"Noto Serif JP",serif,sans-serif;color:#333;font-size:1rem;line-height:1.85;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;word-wrap:break-word}@media screen and (max-width:768px){body{font-size:.8rem}}*{box-sizing:border-box}ul{margin:0;padding:0;list-style:none}a{color:#333;text-decoration:none;outline:0}img{width:100%;height:auto}#footer,#g-nav,#pc-nav,#splash-logo,.openbtn,.top-lead,h1,h2,h3 span{font-family:Lato,sans-serif;letter-spacing:.1em}#splash-logo{font-size:1.2rem;letter-spacing:.3em;text-transform:uppercase;color:#615cee}#splash-logo img{width:70%}#g-nav.panelactive li:last-child a{margin:30px 0 0 0;padding:10px 20px;border:2px solid #f3f3f3;white-space:nowrap}#pc-nav ul{margin-left:auto;padding-left:180px}#pc-nav span.bgLRextend::before{background:#333}#pc-nav span{white-space:nowrap}@media screen and (max-width:990px){#pc-nav{display:none}}h1{text-transform:uppercase;font-size:1.5rem;position:absolute;top:40%;left:5%;line-height:1;letter-spacing:.2em}h1 img{width:15%;padding-right:15px}@media screen and (max-width:550px){h1{font-size:1.2rem;top:32%}}h1 a{color:#615cee}h2{text-transform:uppercase;font-size:3rem}@media screen and (max-width:768px){h2{font-size:2rem}}.top-lead{position:fixed;bottom:10%;left:5%;font-size:3rem;text-transform:uppercase;font-weight:700;line-height:1.5}.top-lead span.bgLRextend::before{background:#333}@media screen and (max-width:550px){.top-lead{font-size:2.2rem}}@media screen and (max-width:380px){.top-lead{font-size:1.8rem}}#main-area{width:90%;margin:0 auto;padding:50px 0}#topics{border-left:3px solid #000;padding:0 0 0 20px}@media screen and (max-width:768px){#topics{margin:0 0 100px 0}}#topics h2{font-size:1.5rem}#topics h2 span.bgLRextend::before{background:#333}.bx-wrapper{box-shadow:none;border:none}#vision{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;margin:0 0 100px 0}@media screen and (max-width:768px){#vision{margin:0 0 50px 0}}.webp .vision-img{background:url(../img/pict-004m.webp) no-repeat center;background-size:cover}.no-webp .vision-img{background:url(../img/pict-004m.png) no-repeat center;background-size:cover}#vision .img{width:40%;min-height:590px}#vision .content{width:50%;text-align:right}@media screen and (max-width:768px){#vision .img{width:100%;min-height:290px;margin:0 0 50px 0}#vision .content{width:100%;text-align:left}}#vision h2{color:#615cee;margin:0 0 30px 0}#vision p{line-height:2;margin:0 0 50px 0}#vision .vision-lead{position:relative;color:#615cee;font-size:1.3rem;font-weight:700;margin:0 0 90px 0}@media screen and (max-width:768px){#vision .vision-lead{font-size:1rem}}#vision .vision-lead::after{content:'';position:absolute;bottom:-30px;right:0;background:#615cee;width:12em;height:3px}@media screen and (max-width:480px){#vision .vision-lead::after{right:50%}}#service h2{text-align:center;margin:0 0 100px 0}@media screen and (max-width:550px){#service h2{margin:0 0 50px 0}}#service h2{text-align:center;color:#615cee;margin:0 0 100px 0}#service h2 span.bgLRextend::before{background:#615cee}#service .service-area{position:relative;display:flex;justify-content:space-between;flex-wrap:wrap;margin:0 0 300px 0}@media screen and (max-width:768px){#service .service-area{margin:0 0 200px 0}}@media screen and (max-width:590px){#service .service-area{margin:0 0 50px 0}}#service .service-area::after{content:'';position:absolute;width:70%;height:23em;background:#f3f3f3;right:10%;top:20%;z-index:-1}#service .service-area:nth-of-type(2n+1){flex-direction:row-reverse}#service .service-area .img{width:50%}#service .service-area .content{width:40%;background:#fff;box-shadow:0 0 20px #ccc;display:flex;justify-content:center;align-items:center;position:relative;top:150px}@media screen and (max-width:768px){#service .service-area .content{width:47%;top:100px}}@media screen and (max-width:590px){#service .service-area .img{width:100%;z-index:2}#service .service-area .content{width:100%;top:-10px;animation:none;opacity:1;z-index:1}}#service .service-area .content-area{padding:40px}#service .service-area .content-area h3{text-align:center;font-size:1rem;margin:0 0 30px 0}#service .service-area .content-area h3 span{font-weight:700;text-transform:uppercase;display:block;font-size:1.2rem}#service .service-area .content-area p{margin:0 0 30px 0}#service .btn{text-align:right}#about{margin:0 0 200px 0}@media screen and (max-width:768px){#about{margin:0 0 100px 0}}#about h2{text-align:center;color:#615cee;margin:0 0 100px 0}@media screen and (max-width:550px){#about h2{margin:0 0 50px 0}}#about .about-list{width:96%;max-width:900px;margin:0 auto}#about .about-list li{border-bottom:1px solid #ccc;margin:0 0 15px 0;padding:0 0 15px 0}#about .about-list dl{display:flex;justify-content:space-between}#about .about-list dt{width:30%;padding:0 0 0 40px}@media screen and (max-width:590px){#about .about-list dt{padding:0 0 0 10px}}#about .about-list dd{width:65%}#history{position:relative;padding:0 70px;margin:0 0 100px 0}#history h2{position:absolute;right:45%;z-index:2}.history-area{display:flex;justify-content:space-between;flex-wrap:wrap}.webp .history-img{background:url(../img/kihoku_history.webp) no-repeat center;background-size:cover}.no-webp .history-img{background:url(../img/kihoku_history.png) no-repeat center;background-size:cover}.history-img{margin-top:180px;height:40vh;width:40%}.history-content{width:45%;padding:150px 0 0 0}@media screen and (max-width:768px){#history{padding:0 30px}#history h2{position:relative;right:inherit;top:40px}.history-content,.history-img{width:100%}.history-img{height:40vh}.history-content{padding:50px 0 0 0}}@media screen and (max-width:430px){.history-img{height:20vh}}.faq-bg{position:relative;height:55vh;margin:0 0 200px 25%}.webp .faq-bg{background:url(../img/22129749_m.webp) no-repeat center;background-size:cover}.no-webp .faq-bg{background:url(../img/22129749_m.png) no-repeat center;background-size:cover}.faq-bg::after{content:'';position:absolute;top:20%;left:-32%;width:100%;height:55vh;background:#f3f3f3;z-index:-1}@media screen and (max-width:768px){.faq-bg,.faq-bg::after{height:35vh}}@media screen and (max-width:550px){#faq{margin:0 0 100px 0}#faq h2{margin:0 0 50px 0}.faq-bg{margin:0 0 100px 25%}.faq-bg,.faq-bg::after{height:20vh}}.timeline li{position:relative;list-style:none;padding:0 0 20px 0}.timeline dl{margin:0 0 20px 3em}.border-line{position:absolute;left:.2em;top:0;width:2px;height:0;background:#999}.timeline li::after{content:'';position:absolute;top:10px;left:-1px;width:10px;height:10px;background:#999;border-radius:50%}#contact{margin:0 0 100px 0}#contact h2{text-align:center;margin:0 0 100px 0;color:#eb6101}@media screen and (max-width:550px){#contact h2{margin:0 0 50px 0}}.contact-h2{display:flex;justify-content:center;margin-bottom:100px}#contact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row-reverse}#contact .contact-img{width:70%;min-height:300px;background-size:cover}.webp .contact-img{background:url(../img/pict-005m.webp) no-repeat center}.no-webp .contact-img{background:url(../img/pict-005m.png) no-repeat center}#contact .contact-area{width:25%;text-align:center}@media screen and (max-width:1190px){#contact .contact-img{width:60%}#contact .contact-area{width:35%}}@media screen and (max-width:768px){#contact .contact-img{width:48%}#contact .contact-area{width:48%}}@media screen and (max-width:600px){#contact .contact-area,#contact .contact-img{width:100%}#contact .contact-img{margin:0 0 50px 0}}#contact .contact-area dt{font-size:1.2rem;margin:0 0 10px 0}#contact .contact-area dd{font-size:.8rem;margin:0 0 30px 0}#footer{padding:100px 0;border-top:1px solid #333;text-align:center;background:#fff;position:relative;text-transform:uppercase}#footer .footer-logo{font-weight:700;letter-spacing:.3em;margin:0 0 50px 0;color:#666}#footer small{color:#888} #footer .recruit {width:50%;margin:auto; margin-bottom: 50px;} @media screen and (max-width:600px) {#footer .recruit {width:90%;}}