@charset "UTF-8";
/*! sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
/* Normalization */
:root { -ms-overflow-style: -ms-autohiding-scrollbar; overflow-y: scroll; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

audio:not([controls]) { display: none; }

details { display: block; }

input[type="number"] { width: auto; }

input[type="search"] { -webkit-appearance: textfield; }

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

main { display: block; }

summary { display: block; }

pre { overflow: auto; }

progress { display: inline-block; }

small { font-size: 75%; }

template { display: none; }

textarea { overflow: auto; }

[hidden] { display: none; }

[unselectable] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* Universal inheritance */
*, ::before, ::after { box-sizing: inherit; }

* { font-size: inherit; line-height: inherit; }

::before, ::after { text-decoration: inherit; vertical-align: inherit; }

/* Opinionated defaults */
*, ::before, ::after { border-style: solid; border-width: 0; }

* { margin: 0; padding: 0; }

:root { box-sizing: border-box; cursor: default; font: 16px / 1.5 sans-serif; text-rendering: optimizeLegibility; }

html { background-color: #FFFFFF; }

a { text-decoration: none; }

audio, canvas, iframe, img, svg, video { vertical-align: middle; }

button, input, select, textarea { background-color: transparent; }

button, input, select, textarea { color: inherit; font-family: inherit; font-style: inherit; font-weight: inherit; }

button, [type="button"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="reset"], [type="search"], [type="submit"], [type="tel"], [type="text"], [type="time"], [type="url"], [type="week"], select, textarea { min-height: 1.5em; }

code, kbd, pre, samp { font-family: monospace, monospace; }

nav ol, nav ul { list-style: none; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: vertical; }

::-moz-selection { background-color: #B3D4FC; text-shadow: none; }

::selection { background-color: #B3D4FC; text-shadow: none; }

@media screen { [hidden~="screen"] { display: inherit; }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) { clip: rect(0 0 0 0) !important; position: absolute !important; } }

/*
#styleguide
基本スタイル

```
<p>特に何も指定しないときの状態</p>
```
*/
body { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; text-rendering: auto; font-size: 14rem; font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color: #010101; background-color: #fff; }

.clr { zoom: 1; }

.clr:before, .clr:after { content: " "; display: table; }

.clr:after { clear: both; }

.icon { display: inline-block; background-repeat: no-repeat; }

.icon.icon-web-navigation-line-craft-1-109681 { background-image: url("../images/icon.png"); background-position: 0px 0px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-2-109682 { background-image: url("../images/icon.png"); background-position: -512px 0px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-3-109688 { background-image: url("../images/icon.png"); background-position: 0px -512px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-4-109689 { background-image: url("../images/icon.png"); background-position: -512px -512px; background-size: 1536px 1024px; width: 512px; height: 512px; }

.icon.icon-web-navigation-line-craft-5-109690 { background-image: url("../images/icon.png"); background-position: -1024px 0px; background-size: 1536px 1024px; width: 512px; height: 512px; }

:root { font-size: 1px; }

* { box-sizing: border-box; }

* p { line-height: 1.7; }

* a { transition: all ease .3s; }

* img { display: block; max-width: 100%; height: auto; }

* ul { list-style: none; }

.container { width: 1000px; margin-left: auto; margin-right: auto; }

.en { font-family: "Lato", sans-serif; }

.btn { position: relative; color: #010101; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 200px; height: 40px; background: rgba(255, 255, 255, 0.75); border: 1px solid #000; z-index: 99; }

.btn span { font-size: 17rem; font-weight: 300; letter-spacing: .11em; margin-top: -1px; }

.btn span:before { position: absolute; top: 13px; right: 15px; display: block; content: ""; width: 15px; height: 1px; background: black; transform: rotate(45deg); }

.btn span:after { position: absolute; top: 24px; right: 15px; display: block; content: ""; width: 15px; height: 1px; background: black; transform: rotate(-45deg); }

.btn:hover { background: #010101; }

.btn:hover span { color: #fff; }

.btn:hover :before, .btn:hover :after { background: #fff; }

.home-title h3 { position: relative; font-size: 40rem; letter-spacing: .11em; z-index: 2; }

.home-title span { color: #b69c35; font-size: 114rem; font-weight: 900; text-transform: uppercase; opacity: .38; }

.kv { position: relative; width: 100%; height: 590px; }

.kv .logo { position: absolute; top: 0; left: 0; z-index: 999; }

.kv .text { display:flex; justify-content: center; padding-left: 30px; padding-right: 30px ;width:100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }

.kv .slides { position: relative; width: 100%; height: 590px; overflow: hidden; }

.kv .slides .slide { position: absolute; top: 0; left: 0; width: 100%; height: 590px; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 1; }

@keyframes slide_on { 0% { opacity: 0;
    transform: scale(1.3, 1.1); }
  100% { opacity: 1;
    transform: scale(1); } }

@keyframes slide_first { 0% { opacity: 1;
    transform: scale(1.3, 1.1); }
  100% { opacity: 1; } }

@keyframes slide_off { 0% { opacity: 1; }
  100% { opacity: 0; } }

.kv .slides .slide.on { z-index: 2; animation: slide_on 4s ease-in-out forwards; }

.kv .slides .slide.off { animation: slide_off 5s ease-in-out forwards; z-index: 1; }

.kv .slides .slide.first { opacity: 1 !important; animation: slide_first 4s ease-in-out forwards; }

.kv .slides .slide.slide-1 { background-image: url(../images/kv-1.jpg); }

.kv .slides .slide.slide-2 { background-image: url(../images/kv-2.jpg); }

.kv .slides .slide.slide-3 { background-image: url(../images/kv-3.jpg); }

.kv .slides .slide.slide-4 { background-image: url(../images/kv-4.jpg); }

.kv .slides .slide.slide-5 { background-image: url(../images/kv-5.jpg); }

.global-menu { position: relative; width: 100%; height: 100px; background: #010101; z-index: 9999; }

.global-menu .inner { position: relative; width: 100%; height: 100px; background: #010101; }

.global-menu .container { height: 100px; display: flex; flex-wrap: wrap; align-items: center; }

.global-menu .container .global-menu-logo { display: none; width: 150px; }

.global-menu .container ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-end; }

.global-menu .container ul li { width: 14%; border-left: 1px solid rgba(255, 255, 255, 0.25); }

.global-menu .container ul li:last-child { border-right: 1px solid rgba(255, 255, 255, 0.25); }

.global-menu .container ul li a { display: block; color: #fff; text-align: center; padding: 15px 20px; }

.global-menu .container ul li a:hover { opacity: .5; }

.global-menu .fixed { top: 0; left: 0; }

.global-menu .fixed .global-menu-logo { display: block; }

.global-menu .fixed ul { width: 800px; }

.global-menu .fixed ul li { width: auto; }

.global-menu .fixed-page { position: fixed; }

.home-service { position: relative; width: 100%; height: 670px; background: url(../images/home-service.jpg) center center no-repeat; background-size: cover; overflow: hidden; }

.home-service:before { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 400px; margin-bottom: -200px; content: ""; background: url(../images/slant-rtl.png) 0 0 no-repeat; background-size: 100% 100%; }

.home-service .container { position: relative; display: flex; flex-wrap: wrap; padding-top: 100px; padding-bottom: 150px; }

.home-service .home-service-title { width: 50%; flex: 1 1 49.9%; }

.home-service .home-service-title h3 { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }

.home-service .home-service-title span { position: absolute; top: 90px; }

.home-service .home-service-content { width: 50%; flex: 1 1 49.9%; margin-top: 170px; }

.home-service .home-service-content .text { padding: 30px; background: rgba(0, 0, 0, 0.65); }

.home-service .home-service-content .text p { color: #fff; letter-spacing: .05em; }

.home-service .home-service-content .more { margin: 30px auto 0; }

.home-news { padding-bottom: 70px; }

.home-news .home-news-title { position: relative; text-align: center; }

.home-news .home-news-title span { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); }

.home-news .home-news-content { max-width: 1150px; margin: 50px auto 0; }

.home-news .home-news-content .home-news-content-cols { position: relative; display: flex; flex-wrap: wrap; justify-content: center; margin-left: -25px; margin-right: -25px; }

.home-news .home-news-content .home-news-content-cols .home-news-content-col { width: 25%; padding-left: 25px; padding-right: 25px; }

.home-news .home-news-content .home-news-content-cols .home-news-content-col a { color: #fff; display: block; }

.home-news .home-news-content .home-news-content-cols .home-news-content-col a:hover { opacity: .5; }

.home-news .home-news-content .home-news-content-cols .home-news-content-col a .text { padding: 20px; background: #010101; }

.home-news .home-news-content .home-news-content-cols .home-news-content-col a .text span { display: block; margin-bottom: 5px; }

.home-news .more { margin: 30px auto 0; }

.home-company { position: relative; width: 100%; height: 670px; background: url(../images/home-company.jpg) center center no-repeat; background-size: cover; }

.home-company:before { display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 400px; margin-bottom: -200px; content: ""; background: url(../images/slant-ltr.png) 0 0 no-repeat; background-size: 100% 100%; }

.home-company .container { position: relative; display: flex; flex-wrap: wrap; padding-top: 100px; padding-bottom: 150px; }

.home-company .home-company-title { display: flex; justify-content: flex-end; width: 50%; flex: 1 1 49.9%; order: 2; }

.home-company .home-company-title h3 { color: #fff; text-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }

.home-company .home-company-title span { position: absolute; top: 90px; right: 0; }

.home-company .home-company-content { width: 50%; flex: 1 1 49.9%; order: 1; }

.home-company .home-company-content .text { position: relative; padding: 30px; background: rgba(0, 0, 0, 0.65); }

.home-company .home-company-content .text p { color: #fff; letter-spacing: .05em; }

.home-company .home-company-content .more { margin: 30px auto 0; }

.home-recruit { margin-bottom: 60px; }

.home-recruit .home-recruit-title { position: relative; text-align: center; }

.home-recruit .home-recruit-title span { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); }

.home-recruit .home-recruit-content { display: flex; flex-wrap: wrap; position: relative; padding-bottom: 100px; margin-top: 30px; border-bottom: 5px solid #b69c35; }

.home-recruit .home-recruit-content .home-recruit-content-col { width: 50%; flex: 1 1 49.9%; padding-left: 50px; padding-right: 50px; }

.home-recruit .home-recruit-content .home-recruit-content-col .thumb { margin-bottom: 25px; }

.home-recruit .home-recruit-content .home-recruit-content-col .thumb img { margin-left: auto; margin-right: auto; }

.home-recruit .home-recruit-content .home-recruit-content-col .text h4 { font-size: 22rem; text-align: center; letter-spacing: .11em; margin-bottom: 10px; }

.home-recruit .home-recruit-content .home-recruit-content-col .more { margin: 30px auto 0; }

.home-office { max-width: 1200px; margin-left: auto; margin-right: auto; padding-bottom: 70px; }

.home-office .home-office-title { position: relative; text-align: center; }

.home-office .home-office-title span { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); width: 100%; }

.home-office .home-office-content { display: flex; flex-wrap: wrap; margin: 40px auto 0; }

.home-office .home-office-content .home-office-thumb { position: relative; width: 40%; flex: 1 1 39.9%; }

.home-office .home-office-content .home-office-text { width: 60%; flex: 1 1 59.9%; }

.home-office .more { margin: 30px auto 0; }

.footer { padding-top: 40px; padding-bottom: 40px; background: #010101; }

.footer .message { margin-bottom: 50px; }

.footer .message img { margin-left: auto; margin-right: auto; }

.footer .logo { margin-bottom: 30px; }

.footer .logo img { margin: 0 auto 10px; }

.footer .logo span { display: block; color: #fff; text-align: center; font-weight: normal; }

.footer .contact { position: relative; color: #fff; text-align: center; }

.footer .contact h5 { font-size: 18rem; padding-bottom: 10px; }

.footer .contact p { font-size: 30rem; font-weight: 600; letter-spacing: .11em; line-height: 1; padding-bottom: 5px; }

.footer .contact p a { color: #fff; }

.footer .menu { display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; }

.footer .menu li { padding-left: 15px; padding-right: 15px; }

.footer .menu li a { color: #fff; text-decoration: underline; }

.footer .menu li a:hover { opacity: .5; }

.footer .copyright { position: relative; color: #fff; text-align: center; margin-top: 20px; }

.footer .copyright .counter{ position: absolute; top: 50%; right: 0px; transform: translateY(-50%); }

.page-title { display: flex; align-items: center; width: 100%; height: 250px; background-position: center center; background-repeat: no-repeat; background-size: cover; padding-left: 50px; }

.page-title.service { background-image: url(../images/page-title-service.jpg); }

.page-title.company { background-image: url(../images/page-title-company.jpg); }

.page-title.csr { background-image: url(../images/page-title-csr.jpg); }

.page-title.recruit { background-image: url(../images/page-title-recruit.jpg); }

.page-title.news { background-image: url(../images/page-title-news.jpg); }

.page-title.contact { background-image: url(../images/page-title-contact.jpg); }

.page-title h2 { color: #fff; font-size: 40rem; letter-spacing: .11em; text-shadow: 0 0 10px rgba(0, 0, 0, 0.35); }

.page-content { padding-top: 70px; padding-bottom: 120px; }

.col { letter-spacing: .05em; }

.col:not(:last-child) { margin-bottom: 60px; }

.col .title { color: #b69c35; font-size: 24rem; margin-bottom: 20px; }

.col .all-offices { display: flex; flex-wrap: wrap; margin-top: 40px; }

.col .all-offices .thumb { width: 600px; }

.col .all-offices .thumb img { margin-left: auto; margin-right: auto; }

.col .all-offices .office-list { width: 400px; display: flex; flex-wrap: wrap; }

.col .all-offices .office-list .half { width: 50%; }

.col .all-offices .office-list .half ul { margin-bottom: 30px; }

.col .all-offices .office-list .half ul li:not(:last-child) { margin-bottom: 5px; }

.col .all-offices .office-list .half ul li h4 { font-size: 14rem; }

.col .all-offices .office-list .half ul li h4 a { color: #010101; }

.col .all-offices .office-list .half ul li a { color: #071b9a; text-decoration: underline; }

.col .all-offices .office-list .half ul li a:hover { opacity: .5; }

.col .all-offices .office-list .half ul.buhin li a { color: #010101; }

.col.group-section .title { margin-bottom: 35px; }

.col.group-section dl { display: flex; flex-wrap: wrap; align-items: center; padding-bottom: 25px; border-bottom: 1px solid #c9c9c9; }

.col.group-section dl:not(:last-child) { margin-bottom: 25px; }

.col.group-section dl dt { width: 760px; }

.col.group-section dl dt h4 { font-size: 18rem; font-weight: normal; margin-bottom: 10px; }

.page-service .description { padding-left: 70px; padding-right: 70px; margin-bottom: 50px; }

.page-service .description p strong { font-size: 18rem; font-weight: bold; }

.page-service .col h4 { font-size: 18rem; margin-bottom: 10px; }

.page-service .col p:not(:last-child) { margin-bottom: 20px; }

.page-service .col .thumbs { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; width: 100%; height: auto; }

.page-service .col .thumbs li { width: 33.3%; height: 0; flex: 1 1 33.29%; padding-top: 22%; padding-left: 5px; padding-right: 5px; position: relative; }

.page-service .col .thumbs li img { width: 99%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }

.page-service .col.technology-col h4 { display: inline-block; border-bottom: 3px solid #b69c35; }

.page-service .col.technology-col p:not(:last-child) { margin-bottom: 30px; }

.page-company .col .text { position: relative; margin-top: 50px; }

.page-company .col .text p { position: relative; z-index: 2; }

.page-company .col .text .daihyou { float: left; margin: -20px 30px 0 0; }

.page-company .col .text .message { margin-bottom: 10px; }

.page-company .col .text .signature { display: flex; flex-wrap: wrap; align-items: center; float: right; margin-top: 50px; }

.page-company .col .text .signature span { padding-right: 20px; }

.page-company .col p:not(:last-child) { margin-bottom: 20px; }

.page-group .col:not(:last-child) dl { display: flex; flex-wrap: wrap; max-width: 800px; padding-bottom: 15px; margin: 0 auto 15px; border-bottom: 1px solid #c9c9c9; }

.page-group .col:not(:last-child) dl dt { width: 100px; flex: 1 1 100px; }

.page-group .col:not(:last-child) dl dd { width: 700px; flex: 1 1 699px; }

.page-group .col:not(:last-child) dl dd a { color: #010101; }

.page-group .col:not(:last-child) dl dd iframe { max-width: 100%; margin-top: 10px; }

.page-scr .col h5 { font-size: 18rem; margin-bottom: 10px; }

.page-scr .col .scr-thumb { float: right; }

.page-scr .col p:not(:last-child) { margin-bottom: 20px; }

.page-scr .col p a { color: #071b9a; text-decoration: underline; }

.page-scr .col p a:hover { opacity: .5; }

.page-scr .col p a .pdf-icon { float: left; padding-right: 10px; }

.page-recruit .page-recruit-content { display: flex; flex-wrap: wrap; position: relative; margin-top: 30px; }

.page-recruit .page-recruit-content .page-recruit-content-col { width: 50%; flex: 1 1 49.9%; padding-left: 50px; padding-right: 50px; }

.page-recruit .page-recruit-content .page-recruit-content-col .thumb { margin-bottom: 25px; }

.page-recruit .page-recruit-content .page-recruit-content-col .thumb img { margin-left: auto; margin-right: auto; }

.page-recruit .page-recruit-content .page-recruit-content-col .text h4 { color: #b69c35; font-size: 22rem; text-align: center; letter-spacing: .11em; margin-bottom: 10px; }

.page-recruit .page-recruit-content .page-recruit-content-col .more { margin: 30px auto 0; }

.page-recruit-subpage .page-recruit-menu { display: flex; }

.page-recruit-subpage .page-recruit-menu li { margin-right: 20px; }

.page-recruit-subpage .page-recruit-menu li i { color: #bbb; margin-right: 5px; }

.page-recruit-subpage .page-recruit-menu li a { color: #010101; text-decoration: underline; }

.page-recruit-subpage .page-recruit-menu li a:hover { opacity: .5; }

.page-recruit-subpage .col .jisseki-cols { display: flex; flex-wrap: wrap; }

.page-recruit-subpage .col .jisseki-cols .jisseki-col { width: 350px; }

.page-recruit-subpage .col .jisseki-cols .jisseki-col:first-child { margin-right: 20px; }

.page-recruit-subpage .col .jisseki-cols .jisseki-col h4 { font-size: 18rem; margin-bottom: 20px; }

.page-recruit-subpage .col .jisseki-cols .jisseki-col ul { display: flex; flex-wrap: wrap; margin-bottom: 10px; }

.page-recruit-subpage .col .jisseki-cols .jisseki-col ul li { width: 33.3%; margin-bottom: 10px; }

.page-recruit-subpage .col .jisseki-cols .jisseki-col p { font-size: 16rem; }

.page-recruit-subpage .col .voice-cols { margin-top: 40px; }

.page-recruit-subpage .col .voice-cols h5 { font-size: 18rem; margin-bottom: 20px; }

.page-recruit-subpage .col .voice-cols .voice-col { display: flex; flex-wrap: wrap; }

.page-recruit-subpage .col .voice-cols .voice-col:not(:last-child) { margin-bottom: 20px; }

.page-recruit-subpage .col .voice-cols .voice-col .content { width: 750px; flex: 1 1 749px; margin-right: 50px; }

.page-recruit-subpage .col .voice-cols .voice-col .content .title { padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #c9c9c9; }

.page-recruit-subpage .col .voice-cols .voice-col .content .title h6 { color: #010101; font-size: 18rem; }

.page-recruit-subpage .col .voice-cols .voice-col .content .title p { color: #010101; font-size: 14rem; }

.page-recruit-subpage .col .voice-cols .voice-col .content .thumb { width: 200px; flex: 1 1 199px; }

.page-recruit-subpage .col#torikumi .title h3 { margin-bottom: 40px; }

.page-recruit-subpage .col .torikumi-col { display: flex; flex-wrap: wrap; padding-bottom: 25px; border-bottom: 1px solid #c9c9c9; }

.page-recruit-subpage .col .torikumi-col:not(:last-child) { margin-bottom: 30px; }

.page-recruit-subpage .col .torikumi-col .content { width: 600px; flex: 1 1 599px; padding-right: 30px; }

.page-recruit-subpage .col .torikumi-col .content .title h4 { color: #010101; font-size: 18rem; }

.page-recruit-subpage .col .torikumi-col .content .text p a { color: #071b9a; text-decoration: underline; }

.page-recruit-subpage .col .torikumi-col .content .text p a:hover { opacity: .5; }

.page-recruit-subpage .col .torikumi-col .content .text p a .pdf-icon { float: left; padding-right: 10px; }

.page-recruit-subpage .col .torikumi-col .content .thumb { width: 200px; flex: 1 1 199px; }

.page-recruit-subpage .col .process-col .process-tel { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; width: 480px; height: 140px; padding: 20px; margin: 30px auto; background: #ddd; }

.page-recruit-subpage .col .process-col .process-tel a { color: #010101; }

.page-recruit-subpage .col .process-col .process-tel span { display: block; font-size: 14rem; }

.page-recruit-subpage .col .process-col .process-tel h4 { font-size: 30rem; }

.page-recruit-subpage .col .process-col h5 { font-size: 18rem; }

.page-recruit-subpage .col .process-col img { margin: 20px auto; }

.page-recruit-subpage .col .process-col .from-recruiter { margin-top: 40px; }

.page-recruit-subpage .col .process-col .from-recruiter h5 { margin-bottom: 10px; }

.page-recruit-subpage .col .youkou-col dl { display: flex; flex-wrap: wrap; padding-bottom: 15px; margin: 0 auto 15px; border-bottom: 1px solid #c9c9c9; }

.page-recruit-subpage .col .youkou-col dl dt { width: 200px; flex: 1 1 199px; }

.page-recruit-subpage .col .youkou-col dl dd { width: 800px; flex: 1 1 799px; }

.page-recruit-subpage .col .youkou-col dl dd p:not(:last-child) { margin-bottom: 20px; }

.page-office h3 { font-size: 24rem; margin-bottom: 20px; }

.page-office .col { display: flex; flex-wrap: wrap; }

.page-office .col:not(:last-child) { margin-bottom: 60px; }

.page-office .col:last-child { padding-top: 60px; margin-top: 80px; border-top: 5px solid #b69c35; }

.page-office .col .title { width: 100%; }

.page-office .col .title h4 { font-size: 18rem; color: #010101; }

.page-office .col .thumb { width: 410px; }

.page-office .col .map { width: 590px; }

.page-office .col .meta { margin-top: 30px; }

.page-office .col .meta dl { display: flex; flex-wrap: wrap; }

.page-office .col .meta dl:not(:last-child) { margin-bottom: 10px; }

.page-office .col .meta dl dt { width: 150px; }

.page-office .col .meta dl dd { width: 850px; }

.page-office .buhin-section { margin-bottom: 60px; }

.page-office .buhin-section dl { display: flex; flex-wrap: wrap; }

.page-office .buhin-section dl:not(:last-child) { margin-bottom: 10px; }

.page-office .buhin-section dl dt { width: 150px; }

.page-office .buhin-section dl dd { width: 850px; }

.page-office .detail-section { display: flex; flex-wrap: wrap; padding-top: 60px; margin-top: 80px; border-top: 5px solid #b69c35; margin-left: -25px; margin-right: -25px; }

.page-office .detail-section .section-col { width: 50%; padding-left: 25px; padding-right: 25px; }

.page-office .detail-section .section-col:last-child { margin-top: 30px; }

.page-office .detail-section .section-col h4 { font-size: 20rem; margin-bottom: 10px; }

.page-news .col { max-width: 800px; margin-left: auto; margin-right: auto; }

.page-news .col ul li { padding-left: 20px; padding-bottom: 12px; padding-bottom: 12px; border-bottom: 1px solid #c9c9c9; }

.page-news .col ul li:not(:last-child) { margin-bottom: 20px; }

.page-news .col ul li i { color: #ddd; margin-right: 10px; }

.page-news .col ul li a { color: #071b9a; text-decoration: underline; }

.page-news .col ul li a:hover { opacity: .5; }

.page-single .col .title span { color: #010101; font-size: 14rem; }

.page-single .col .content { margin-bottom: 30px; }

.page-single .col .content p:not(:last-child) { margin-bottom: 20px; }

.page-single .col .top-all { margin-bottom: 30px; }

.page-single .col .top-all p { text-align: right; }

.page-single .col .top-all p i { color: #ddd; margin-right: 10px; }

.page-single .col .top-all p a { color: #071b9a; text-decoration: underline; }

.page-single .col .top-all p a:hover { opacity: .5; }

.page-single .col .thumb { margin-bottom: 30px; }

.page-single .col .thumb img { margin-left: auto; margin-right: auto; }

.page-single .col .links { display: flex; flex-wrap: wrap; }

.page-single .col .links li { display: flex; flex-wrap: wrap; width: 50%; flex: 1 1 49.9%; padding-top: 35px; padding-bottom: 35px; }

.page-single .col .links li:first-child { padding-right: 20px; border-right: 1px solid #c9c9c9; }

.page-single .col .links li:first-child i { margin-right: 10px; }

.page-single .col .links li:last-child { padding-left: 20px; justify-content: flex-end; }

.page-single .col .links li:last-child i { margin-left: 10px; }

.page-single .col .links li a { color: #071b9a; text-decoration: underline; }

.page-single .col .links li a:hover { opacity: .5; }

.page-contact .contact-tel { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; width: 480px; height: 140px; padding: 20px; margin: 30px auto; background: #ddd; }

.page-contact .contact-tel span { display: block; font-size: 14rem; }

.page-contact .contact-tel h4 { font-size: 30rem; }

.page-contact .contact-tel h4 a { color: #010101; }

.kv .text .no-svg{
	display: none;
}

/* Chrome用スタイルシート */
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

	.kv .text{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));}
}

/* Safari用スタイルシート */
_::-webkit-full-page-media, _:future, :root .kv .text{filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.8));}

/* Firefox用スタイルシート */
@-moz-document url-prefix() {
	.kv .text svg{display: none;} .kv .text .no-svg{display: block;}
}

/* IE用スタイルシート */
@media all and (-ms-high-contrast: none) { .global-menu .inner .container ul li a { padding: 15px 30px 12px; }
  .page-service .col .thumbs li { flex: inherit; }
  .page-recruit .page-recruit-content .page-recruit-content-col { flex: inherit; }
  .home-recruit .home-recruit-content .home-recruit-content-col { flex: inherit; }
  .page-single .col .links li { flex: inherit; }
  .page-recruit-subpage .col .torikumi-col .content { flex: inherit; }
  .kv .text svg{display: none;} .kv .text .no-svg{display: block;} }

.global-menu-sp { display: none; }

@media screen and (max-width: 1024px) { .container { width: 100%; }
  .global-menu { display: none; }
  .kv { padding-top: 60px; }
  .kv .logo { display: none; }
  .global-menu-sp { position: relative; display: flex; flex-wrap: wrap; position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: #000; z-index: 9999; padding-left: 20px; padding-right: 20px; }
  .global-menu-sp .global-menu-logo { padding-top: 10px; padding-bottom: 10px; }
  .global-menu-sp .global-menu-logo a { display: block; }
  .global-menu-sp .global-menu-logo a img { display: block; max-height: 40px; }
  .global-menu-sp .sp-menu { position: absolute; top: 0; right: 20px; height: 100%; display: flex; align-items: center; justify-content: flex-end; }
  .global-menu-sp .sp-menu i { font-size: 30rem; color: #fff; }
  .global-menu-sp ul { display: none; position: absolute; top: 60px; left: 0; width: 100%; background: #000; border-top: 1px solid rgba(255, 255, 255, 0.4); }
  .global-menu-sp ul li { padding: 12px 20px; }
  .global-menu-sp ul li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.4); }
  .global-menu-sp ul li a { color: #fff; }
  .global-menu-sp ul.active { display: block; }
  .home-title span { font-size: 60rem; }
  .home-service { padding-left: 20px; padding-right: 20px; }
  .home-service .home-title span { top: 140px; }
  .home-news { padding-left: 20px; padding-right: 20px; }
  .home-news .home-title span { top: 10px; }
  .home-news .home-news-content .home-news-content-cols { margin: -10px; }
  .home-news .home-news-content .home-news-content-cols .home-news-content-col { width: 50%; padding: 10px; }
  .home-news .home-news-content .home-news-content-cols .home-news-content-col a .thumb { width: 100%; }
  .home-news .home-news-content .home-news-content-cols .home-news-content-col a .thumb img { min-width: 100%; }
  .home-company { padding-left: 20px; padding-right: 20px; }
  .home-company .home-company-title span { top: 140px; }
  .home-recruit { padding-left: 20px; padding-right: 20px; }
  .home-recruit .home-title span { top: 10px; }
  .home-recruit .home-recruit-content { margin-top: 50px; }
  .home-recruit .home-recruit-content .home-recruit-content-col { padding-left: 10px; padding-right: 10px; }
  .home-office { padding-left: 20px; padding-right: 20px; }
  .home-office .home-office-title span { top: 10px; }
  .home-office .home-office-content .home-office-text { padding-left: 20px; }
  .page-title { margin-top: 60px; }
  .page-content { padding-top: 60px; padding-left: 20px; padding-right: 20px; }
  .col .all-offices .thumb { width: 100%; margin-bottom: 40px; }
  .col .all-offices .office-list { width: 100%; }
  .col .all-offices .office-list .half { padding-left: 80px; padding-right: 80px; }
  .col.group-section dl dt { width: 100%; margin-bottom: 5px; }
  .col.group-section dl dd { width: 100%; }
  .page-office .col .thumb { width: 100%; margin-bottom: 30px; }
  .page-office .col .thumb img { min-width: 100%; margin-left: auto; margin-right: auto; }
  .page-office .col .map { position: relative; padding-bottom: 56.25%; width: 100%; overflow: hidden; }
  .page-office .col .map iframe { position: absolute; top: 0; left: 0; width: 100%; min-width: 100%; height: 100%; }
  .page-group .col:not(:last-child) dl dt { width: 100%; margin-bottom: 10px; }
  .page-group .col:not(:last-child) dl dd { width: 100%; }
  .page-company .col .text:before { top: inherit; bottom: 0; }
  .page-company .col .text .daihyou { float: none; margin: 0 auto 30px; }
  .page-company .col .text .message { position: relative; margin-left: auto; margin-right: auto; }
  .page-scr .col .scr-thumb { margin: 20px 0 20px 20px; }
  .page-recruit { padding-left: 20px; padding-right: 20px; }
  .page-recruit .page-recruit-content { margin-top: 50px; }
  .page-recruit .page-recruit-content .page-recruit-content-col { padding-left: 10px; padding-right: 10px; }
  .page-recruit-subpage .col .voice-cols .voice-col .content { width: 75%; flex: 1 1 74.9%; padding-right: 50px; margin-right: 0; }
  .page-recruit-subpage .col .voice-cols .voice-col .thumb { width: 25%; }
  .page-recruit-subpage .col .torikumi-col .content { width: 60%; flex: 1 1 59.9%; padding-right: 50px; margin-right: 0; }
  .page-recruit-subpage .col .torikumi-col .thumb { width: 40%; flex: 1 1 39.9%; }
  .page-recruit-subpage .col .youkou-col dl dt { width: 100%; margin-bottom: 5px; }
  .page-recruit-subpage .col .youkou-col dl dd { width: 100%; }
  .page-office .col .meta dl dt { width: 100%; margin-bottom: 5px; }
  .page-office .col .meta dl dd { width: 100%; } }

@media screen and (max-width: 468px) { .kv .text { width: 100%; padding-left: 20px; padding-right: 20px; }
  .home-service .home-service-title { text-align: center; width: 100%; flex: 1 1 100%; }
  .home-service .home-service-title span { position: inherit; top: inherit; left: inherit; font-size: 30rem; }
  .home-service .home-service-content { margin-top: 40px; }
  .home-service .home-service-content .text { position: relative; z-index: 99; }
  .home-news .home-news-title { text-align: center; width: 100%; flex: 1 1 100%; }
  .home-news .home-news-title span { position: inherit; top: inherit; left: inherit; font-size: 30rem; }
  .home-news .home-news-content .home-news-content-cols .home-news-content-col { width: 100%; }
  .home-company .container { padding-top: 80px; }
  .home-company .home-company-title { flex-wrap: wrap; text-align: center; width: 100%; flex: 1 1 100%; order: 1; margin-bottom: 40px; }
  .home-company .home-company-title h3 { width: 100%; }
  .home-company .home-company-title span { display: block; width: 100%; position: inherit; top: inherit; right: inherit; font-size: 30rem; }
  .home-company .home-company-content .text { z-index: 999; }
  .home-recruit .home-recruit-title { text-align: center; width: 100%; flex: 1 1 100%; }
  .home-recruit .home-recruit-title span { position: inherit; top: inherit; left: inherit; font-size: 30rem; }
  .home-recruit .home-recruit-content .home-recruit-content-col { width: 100%; flex: 1 1 100%; }
  .home-recruit .home-recruit-content .home-recruit-content-col:first-child { margin-bottom: 40px; }
  .home-office .home-office-title { text-align: center; width: 100%; flex: 1 1 100%; }
  .home-office .home-office-title span { position: inherit; top: inherit; left: inherit; font-size: 30rem; }
  .home-office .home-office-content .home-office-thumb { width: 100%; flex: 1 1 100%; margin-bottom: 30px; }
  .home-office .home-office-content .home-office-thumb img { margin-left: auto; margin-right: auto; }
  .home-office .home-office-content .home-office-text { width: 100%; flex: 1 1 100%; padding-left: 0; }
  .footer { padding-left: 20px; padding-right: 20px; }
  .footer .contact p { font-size: 22rem; margin-bottom: 5px; }
  .footer .menu li:not(:last-child) { margin-bottom: 10px; }
  .page-title { padding-left: 20px; padding-right: 20px; }
  .page-title h2 { text-align: center; }
  .page-service .description { padding-left: 0; padding-right: 0; }
  .col .all-offices .office-list { margin-left: -10px; margin-right: -10px; }
  .col .all-offices .office-list .half { padding-left: 10px; padding-right: 10px; }
  .page-office .detail-section { margin-left: 0; margin-right: 0; }
  .page-office .detail-section .section-col { width: 100%; padding-left: 0; padding-right: 0; }
  .page-office .detail-section .section-col:not(:last-child) { margin-bottom: 30px; }
  .page-office .col .meta dl dd { width: 100%; }
  .page-scr .col .scr-thumb { float: none; margin: 10px auto; }
  .page-recruit { padding-left: 20px; padding-right: 20px; }
  .page-recruit .page-recruit-content { margin-top: 50px; }
  .page-recruit .page-recruit-content .page-recruit-content-col { width: 100%; flex: 1 1 100%; padding-left: 0; padding-right: 0; }
  .page-recruit .page-recruit-content .page-recruit-content-col:first-child { margin-bottom: 40px; }
  .page-recruit-subpage .page-recruit-menu { flex-wrap: wrap; }
  .page-recruit-subpage .page-recruit-menu li { width: 100%; }
  .page-recruit-subpage .page-recruit-menu li:not(:last-child) { margin-bottom: 10px; }
  .page-recruit-subpage .col .jisseki-cols .jisseki-col { width: 100%; }
  .page-recruit-subpage .col .jisseki-cols .jisseki-col:first-child { width: 100%; margin-right: 0; margin-bottom: 30px; }
  .page-recruit-subpage .col .voice-cols .voice-col .content { width: 100%; flex: 1 1 100%; padding-right: 0; order: 2; }
  .page-recruit-subpage .col .voice-cols .voice-col .thumb { width: 100%; order: 1; margin-bottom: 30px; }
  .page-recruit-subpage .col .voice-cols .voice-col .thumb img { min-width: 100%; }
  .page-recruit-subpage .col .torikumi-col .content { width: 100%; flex: 1 1 100%; order: 2; padding-right: 0; }
  .page-recruit-subpage .col .torikumi-col .thumb { width: 100%; flex: 1 1 100%; order: 1; margin-bottom: 30px; }
  .page-recruit-subpage .col .torikumi-col .thumb img { min-width: 100%; }
  .page-recruit-subpage .col .process-col .process-tel { width: 100%; }
  .page-contact .contact-tel { width: 100%; }
  .page-single .col .links li { width: 49.9%; flex: 1 1 49%; }
  .page-service .col .thumbs li { width: 100%; height: auto; flex: 1 1 100%; padding-top: 0; }
  .page-service .col .thumbs li:not(:last-child) { margin-bottom: 10px; }
  .page-service .col .thumbs li img { min-width: 100%; position: relative; top: auto; left: auto; transform: none; } }

@media screen and (max-width: 320px) { .page-service .col .thumbs li { width: 100%; flex: 1 1 100%; }
  .page-service .col .thumbs li:not(:last-child) { margin-bottom: 10px; }
  .page-recruit-subpage .col .process-col .process-tel h4 { font-size: 22rem; }
  .page-contact .contact-tel h4 { font-size: 22rem; } }
/*# sourceMappingURL=maps/style.css.map */


/* --- 3/19 adding --- */
.mg-left{
	margin-left: 15px;
}


/* - - - */
@media screen and (min-width: 769px) {
  .parts-business {
    width: 100vw;
    margin-left: calc(( 100vw - 1000px ) / 2);
  }
}