@charset "UTF-8";
/* 設定
******************************************************************************************** */
/* txt-maker */
/* btn */
/* $width-pc: 1281px; */
/* $width-smartphone: 600px; */
/* $width-scrollbar: 20px; */
/* 基本設定
******************************************************************************************** */
html { position: relative; -webkit-overflow-scrolling: touch; width: 100%; overflow: visible; }

body { position: relative; width: 100%; min-width: 100%; overflow: visible; }

img { width: 100%; height: auto; }

/* 🍔
******************************************************************************************** */
.drawer--navbarTopGutter { padding-top: 5rem !important; }

.drawer-navbar-header { height: 5rem !important; }

.drawer-navbar .drawer-nav { padding-top: 5rem !important; padding-left: 15px; padding-right: 15px; }
.drawer-navbar .drawer-nav a { font-size: 16px; font-size: 1.6rem; }

.drawer-dropdown-menu { padding-top: 20px !important; }
.drawer-dropdown-menu > li { border-bottom: 0 !important; }
.drawer-dropdown-menu > li::before { display: none; }

.drawer-hamburger { width: 3rem !important; padding-top: 12px !important; }

.drawer-brand { width: 50%; margin-top: 5px; }

.drawer-menu li { font-size: 14px; font-size: 1.4rem; text-align: left; border-bottom: 1px solid #dcdcdc; padding: 5px 5px 5px 20px; position: relative; }
.drawer-menu li::before { width: 0; height: 0; border: 6px solid transparent; border-left-color: #dcdcdc; text-align: center; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); top: 2em; content: ""; position: absolute; left: 2%; }
.drawer-menu li span { font-size: 12px; font-size: 1.2rem; margin-left: 20px; }
.drawer-menu li.info { padding: 0; padding-top: 20px; border: 0; }
.drawer-menu li.info::before { display: none; }
.drawer-menu li .btn { color: #fff; background: #ffa800; display: inline-block; padding: 3px 20px; text-shadow: none; position: relative; text-align: center; margin: 0; width: 100%; }
.drawer-menu li .btn i { margin-right: 1em; }
.drawer-menu li .btn:hover { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; opacity: 0.8; filter: alpha(opacity=80); text-decoration: none; }
.drawer-menu li .btn:hover i { -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -ms-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5); }
.drawer-menu li .btn a { color: #fff !important; }

.drawer-navbar .drawer-hamburger-icon, .drawer-navbar .drawer-hamburger-icon::after, .drawer-navbar .drawer-hamburger-icon::before { background-color: #dcdcdc; }

.drawer--top.drawer-open .drawer-nav { top: 0; overflow: auto; -webkit-overflow-scrolling: touch; }

.drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger { left: 0; overflow: auto; -webkit-overflow-scrolling: touch; }

.drawer--right.drawer-open .drawer-nav, .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger { right: 0; overflow: auto; -webkit-overflow-scrolling: touch; }

/* レイアウト設定
******************************************************************************************** */
body { padding: 0; }

html:before, html:after, body:before, body:after { display: none; }

.header { display: none; }

.footer { border-top: 0; }
.footer .fnav { display: none !important; }
.footer .fnav__out { display: none; }
.footer__logo { width: 60%; margin: 0 auto; margin-top: 30px; padding: 0 5%; }
.footer__catch { width: 100%; text-align: center; padding: 0 5%; }
.footer__add { width: 100%; text-align: center; padding: 0 5%; }
.footer__list { width: 100%; padding: 0 5%; }
.footer__list li { width: 100%; display: block; margin-bottom: 10px; }

.gotop img { width: 20%; }

.copyright { font-size: 2vw; }

/* トップページ設定
******************************************************************************************** */
.home .slider .swiper-pagination { margin-bottom: 0; }
.home .slider__comment { position: relative; top: inherit; margin: 30px 0; width: 100%; }
.home .slider__spell { font-size: 3vw; }
.home .slider__catch { font-size: 7vw; }
.home .infoarea { padding: 0 5%; }
.home .info { width: 100%; margin-bottom: 40px; }
.home .info__datearea { line-height: 1.5; width: 100%; }
.home .info__date { line-height: 1.5; }
.home .info__label { margin: 0; line-height: 1.5; vertical-align: top; }
.home .info__name { line-height: 1.5; width: 100%; }
.home .info__more { width: 100%; }
.home .company__in { padding: 0 5%; }
.home .field { width: 100%; margin-bottom: 40px; }
.home .field__in { padding: 0 5%; }
.home .products { width: 100%; }
.home .products__in { padding: 0 5%; }
.home .products__double { margin: 30px 0; }
.home .products__more { margin: 10px auto; }
.home .recruit { width: 100%; }
.home .recruit__in { padding: 0 5%; }
.home .business__in { padding: 0 5%; }
.home .number { width: 100%; padding: 40px 5%; }
.home .number__double { display: block; width: 100%; }
.home .number__item { width: 100%; margin-bottom: 10px; }
.home .link__list { padding: 0 5%; }
.home .link__list li { width: 100%; margin-bottom: 30px; }
.home .link__more { padding: 0 5%; width: 100%; }

/* single詳細ページ設定
******************************************************************************************** */
.single .entry { padding: 0 5%; }
.single .entry__body { padding: 0; font-size: 3.5vw; line-height: 1.5; }

/* category一覧ページページ設定
******************************************************************************************** */
.category .info { padding: 0 5%; margin-bottom: 40px; }
.category .info__datearea { line-height: 1.5; }
.category .info__date { line-height: 1.5; }
.category .info__label { margin: 0; line-height: 1.5; vertical-align: top; }
.category .info__name { line-height: 1.5; }

/* 会社概要 CONFIG
******************************************************************************************** */
.company .upper__list { width: 100%; left: 0; top: 10%; }
.company .upper__list li { margin: 0; margin-bottom: 20px; width: 100%; }
.company .upper__list li a { position: absolute; width: 100%; }
.company .square { padding: 0 5%; }
.company .square__read { text-align: left; }
.company .square__item { width: 100%; }
.company .square__ttl { font-size: 5vw; }
.company .square__txt { font-size: 3.5vw; }
.company .square__more { font-size: 5vw; }

/* トップメッセージ CONFIG
******************************************************************************************** */
.message .block { padding: 0 5%; }
.message__img { width: 100%; }
.message .greetin__ttl { margin-bottom: 20px; }
.message .greetin__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }

/* 会社概要 CONFIG
******************************************************************************************** */
.overview .block { padding: 0 5%; }
.overview .block__in { padding: 0; }
.overview .detail__table { border-bottom: 1px solid #dcdcdc; }
.overview .detail__table th { display: block; width: 100%; text-align: left; border-bottom: 0; background: rgba(0, 159, 198, 0.1); padding: 10px; }
.overview .detail__table td { display: block; width: 100%; border-bottom: 0; padding: 10px; }

/* 沿革 CONFIG
******************************************************************************************** */
.history .block { padding: 0 5%; }
.history .block__in { padding: 0; }
.history__table { border-bottom: 1px solid #dcdcdc; }
.history__table th { display: block; width: 100%; text-align: left; border-bottom: 0; background: rgba(0, 159, 198, 0.1); padding: 10px; }
.history__table td { display: block; width: 100%; border-bottom: 0; padding: 10px; }

/* 採用情報 CONFIG
******************************************************************************************** */
.recruit .detail { padding: 0 5%; }
.recruit .detail__txt { text-align: left; }
.recruit .read { padding: 0 5%; text-align: left; }
.recruit .read__txt { font-size: 4vw; }
.recruit .read__txt br { display: none; }
.recruit .nav { padding: 0 5%; }
.recruit .nav__read { text-align: left; }
.recruit .nav__item { width: 100%; }
.recruit .nav__ttl { font-size: 7vw; }
.recruit .nav__txt { font-size: 3.5vw; }
.recruit .nav__more { font-size: 5vw; }

/* 新卒採用 CONFIG
******************************************************************************************** */
.newgraduate .block { padding: 0 5%; }
.newgraduate .block__ttl { margin-bottom: 20px; }
.newgraduate .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.newgraduate .block__table { border-bottom: 1px solid #dcdcdc; }
.newgraduate .block__table th { display: block; width: 100%; text-align: left; border-bottom: 0; background: rgba(0, 159, 198, 0.1); padding: 10px; }
.newgraduate .block__table td { display: block; width: 100%; border-bottom: 0; padding: 10px; }
.newgraduate .block__btn { width: 100%; }

/* 中途採用 CONFIG
******************************************************************************************** */
.career .block { padding: 0 5%; }
.career .block__ttl { margin-bottom: 20px; }
.career .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.career .block__table { border-bottom: 1px solid #dcdcdc; }
.career .block__table th { display: block; width: 100%; text-align: left; border-bottom: 0; background: rgba(0, 159, 198, 0.1); padding: 10px; }
.career .block__table td { display: block; width: 100%; border-bottom: 0; padding: 10px; }

/* 採用トップメッセージ CONFIG
******************************************************************************************** */
.topmessage .block { padding: 0 5%; }
.topmessage .block__img { width: 100%; }
.topmessage .block__ttl { margin-bottom: 20px; }
.topmessage .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }

/* 取扱内容 CONFIG
******************************************************************************************** */
.service .upper__in { padding: 100px; }
.service .upper__list { width: 100%; left: 0; top: 10%; }
.service .upper__list li { margin: 0; margin-bottom: 20px; width: 100%; }
.service .upper__list li a { position: absolute; width: 100%; }
.service .square__read { text-align: left; }
.service .square__item { width: 100%; }
.service .square__ttl { font-size: 7vw; }
.service .square__txt { font-size: 3.5vw; }
.service .square__more { font-size: 5vw; }
.service .send__in { padding: 200px 0; }
.service .send__list { top: 20%; }
.service .send__bnr { width: 100%; }
.service .send__bnr a { letter-spacing: normal; }

/* プライバシーポリシー CONFIG
******************************************************************************************** */
.privacy .block { padding: 0 5%; }
.privacy .block__ttl { margin-bottom: 30px; }
.privacy .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }

/* このサイトについて CONFIG
******************************************************************************************** */
.guide .block { padding: 0 5%; }
.guide .block__ttl { margin-bottom: 30px; }
.guide .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.guide .block__btn { width: 100%; }

/* サイトマップ CONFIG
******************************************************************************************** */
.sitemap .block { padding: 0 5%; }

/* アクセス CONFIG
******************************************************************************************** */
.access .block { padding: 0 5%; }
.access .block__ttl { margin-bottom: 30px; }
.access .block__img { float: none; width: 100%; }
.access .block__map iframe { height: 300px; }
.access .block__in { display: block; }
.access .block__btn { width: 100%; }

/* お問い合せ CONFIG
******************************************************************************************** */
.contact .block { padding: 0 5%; }
.contact .block__ttl { margin-bottom: 30px; }
.contact .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.contact .block__tel { width: 100%; }
.contact .block__table th { width: 100%; display: block; border-bottom: 0; background: rgba(0, 159, 198, 0.1); }
.contact .block__table td { width: 100%; display: block; }
.contact .block__table td input.short { width: 100%; }
.contact .block .submit input { width: 100%; }

/* 確認画面 CONFIG
******************************************************************************************** */
.confirm .block { padding: 0 5%; }
.confirm .block__ttl { margin-bottom: 30px; }
.confirm .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.confirm .block__tel { width: 100%; }
.confirm .block__table th { width: 100%; display: block; border-bottom: 0; background: rgba(0, 159, 198, 0.1); }
.confirm .block__table td { width: 100%; display: block; }
.confirm .block__table td input.short { width: 100%; }
.confirm .block .submit input { width: 100%; }

/* 送信完了ページ CONFIG
******************************************************************************************** */
.thanks .block { padding: 0 5%; }
.thanks .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }

/* 取扱メーカー CONFIG
******************************************************************************************** */
.products .block { padding: 0 5%; }
.products .block__ttl { margin-bottom: 30px; }
.products .block__list li { width: 48%; }
.products .block__flex { display: block; }
.products .block__btn { margin: 10px 0; width: 100%; }
.products .refine__list li { width: 48%; }
.products .refine__box { width: 48%; }
.products .refine__menu { display: none; }
.products .refine__sub { margin: 0; }

/* エントリー CONFIG
******************************************************************************************** */
.entry .block { padding: 0 5%; }
.entry .block__ttl { margin-bottom: 30px; }
.entry .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.entry .block__table th { width: 100%; display: block; border-bottom: 0; background: rgba(0, 159, 198, 0.1); }
.entry .block__table td { width: 100%; display: block; }
.entry .block__table td input.short { width: 100%; }
.entry .block .submit input { width: 100%; }

/* 職業内容 CONFIG
******************************************************************************************** */
.work .block { padding: 0 5%; }
.work .block__txt { font-size: 3.5vw; padding: 0; line-height: 1.5; }
.work .block__list li { width: 100%; margin-bottom: 10px; }
.work .set__prof { width: 100%; }
.work .set__detail { width: 100%; }
.work .set__name { font-size: 5vw; }
.work .set__span { font-size: 3.5vw; }
.work .set__txt { font-size: 3.5vw; line-height: 1.5; }
.work .set__table th { padding: 10px; }
.work .set__table th::after { font-size: 4vw; top: 1.7em; }
.work .set__table td { padding: 10px; font-size: 3.5vw; line-height: 1.5; }

/* 研修内容・スキルアップ CONFIG
******************************************************************************************** */
.education .description { padding: 0 5%; }
.education .description__ttl { font-size: 4.5vw; }
.education .description__txt { text-align: left; line-height: 1.5; margin: 30px 0; }

/* イベント CONFIG
******************************************************************************************** */
.event .pagenav { padding: 0 5%; }
.event .pagenav__list li { width: 100%; margin-bottom: 10px; }
.event .internship { padding: 0 5%; margin-bottom: 50px; }
.event .internship__table th, .event .internship__table td { width: 100%; display: block; width: 100%; text-align: left; }
.event .entry { padding: 0 5%; margin-bottom: 50px; }
.event .entry__table th, .event .entry__table td { width: 100%; display: block; width: 100%; text-align: left; }
.event .detail { padding: 0 5%; margin-bottom: 50px; }
.event .detail__table th, .event .detail__table td { width: 100%; display: block; width: 100%; text-align: left; }
.event .information { padding: 0 5%; }
.event .information__table { margin-bottom: 50px; }
.event .information__table th, .event .information__table td { width: 100%; display: block; width: 100%; text-align: left; }

/* 事業紹介 CONFIG
******************************************************************************************** */
.business .set { padding: 0 5%; }
.business .set__ttl--center { font-size: 16px; font-size: 1.6rem; position: relative; display: block; text-align: left; letter-spacing: normal; }
.business .set__txt { text-align: left; }
.business .set__txt br { display: none; }

.breadcrumb { padding: 0 5%; }

.page-description { padding: 0 5%; text-align: left; }

.pager { padding: 0 5%; }
.pager__single li { width: 100%; margin-bottom: 15px; }
.pager__single li a { border: 1px solid #dcdcdc; width: 100%; padding: 10px; }
.pager__prev { text-align: left; }
.pager__next { text-align: right; }

.comp__ttl { font-size: 5vw; }
.comp__description { font-size: 3.5vw; line-height: 1.5; }
.comp__more { margin: 30px auto; width: 100%; }
.comp__more a { font-size: 3.5vw; width: 100%; letter-spacing: 0.1em; background-size: 20px; }

/* 404 CONFIG
******************************************************************************************** */
.notfound .block { padding: 0 5%; }

/* べんりねっと CONFIG
******************************************************************************************** */
.benri .block { padding: 0 5%; }
.benri .block__btn { width: 100%; }

.pc-mode { display: none; }

.sp-mode { display: block; }