@charset "UTF-8";
/* 株式会社シンプルウェイ：コンテンツ
================================================== */
/* Magnific Popup CSS */
.mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; }

.mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; }

.mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; }

.mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; }

.mfp-align-top .mfp-container:before { display: none; }

.mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }

.mfp-ajax-cur { cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }

.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }

.mfp-auto-cursor .mfp-content { cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }

.mfp-loading.mfp-figure { display: none; }

.mfp-hide { display: none !important; }

.mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; }

.mfp-preloader a { color: #CCC; }

.mfp-preloader a:hover { color: #FFF; }

.mfp-s-ready .mfp-preloader { display: none; }

.mfp-s-error .mfp-content { display: none; }

button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; }

button::-moz-focus-inner { padding: 0; border: 0; }

.mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; }

.mfp-close:hover, .mfp-close:focus { opacity: 1; }

.mfp-close:active { top: 1px; }

.mfp-close-btn-in .mfp-close { color: #333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; }

.mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; }

.mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.mfp-arrow:active { margin-top: -54px; }

.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }

.mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; }

.mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; }

.mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; }

.mfp-arrow-left { left: 0; }

.mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; }

.mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; }

.mfp-arrow-right { right: 0; }

.mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; }

.mfp-arrow-right:before { border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; }

.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; }

.mfp-iframe-holder .mfp-close { top: -40px; }

.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; }

.mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }

/* Main image in popup */
img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure { line-height: 0; }

.mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; }

.mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; }

.mfp-figure figure { margin: 0; }

.mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; }

.mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; }

.mfp-image-holder .mfp-content { max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** Remove all paddings around the image on small screen */
	.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
	.mfp-img-mobile img.mfp-img { padding: 0; }
	.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
	.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
	.mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; }
	.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
	.mfp-img-mobile .mfp-counter { right: 5px; top: 3px; }
	.mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } }

@media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
	.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
	.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
	.mfp-container { padding-left: 6px; padding-right: 6px; } }

.point-list { font-size: 20px; font-size: 1.25rem; font-weight: bold; margin: 0 -30px; padding: 0; text-align: center; }

.point-list > .item { align-items: center; flex-direction: column; line-height: 1.3; padding-bottom: 0; padding-top: 0; }

.point-list > .item:nth-child(1) [class^="ti-"] { background: #90bdce; }

.point-list > .item:nth-child(2) [class^="ti-"] { background: #90a8ce; }

.point-list > .item:nth-child(3) [class^="ti-"] { background: #9094ce; }

.point-list > .item:nth-child(4) [class^="ti-"] { background: #a190ce; }

.point-list > .item:nth-child(5) [class^="ti-"] { background: #b690ce; }

.point-list > .item:nth-child(6) [class^="ti-"] { background: #ca90ce; }

.point-list > .item:nth-child(7) [class^="ti-"] { background: #ce90bd; }

.point-list > .item:nth-child(8) [class^="ti-"] { background: #ce90a8; }

.point-list > .item:nth-child(9) [class^="ti-"] { background: #ce9094; }

@media (max-width: 1000px) { .point-list > .item br { display: none; } }

.point-list [class^="ti-"] { font-size: 60px; font-size: 3.75rem; background: #80c4de; border-radius: 4px; color: #fff; display: inline-block; margin-bottom: 15px; padding: 45px 30px; width: 100%; }

.flow-list { font-size: 16px; font-size: 1rem; color: #fff; font-weight: bold; line-height: 1.3; margin: 0; padding: 0; text-align: center; }

.flow-list > li { align-items: center; display: flex; justify-content: center; list-style-type: none; margin-bottom: 2rem; padding: 15px 0; position: relative; }

.flow-list > li:not(:last-child):before { content: ""; display: block; height: 100%; position: absolute; width: 1px; background: #fff; right: 0; top: 0; }

.flow-list > li:not(:last-child):after { content: ""; display: block; height: 0; position: absolute; width: 0; border: 0.5em solid transparent; border-left-color: #fff; border-right-width: 0; top: 50%; transform: translateY(-50%); right: -0.5em; z-index: 1; }

.flow-list > li:first-child { border-radius: 4px 0 0 4px; }

.flow-list > li:last-child { border-radius: 0 4px 4px 0; }

.flow-list > li:nth-child(1) { background: #90bdce; }

.flow-list > li:nth-child(2) { background: #90a8ce; }

.flow-list > li:nth-child(3) { background: #9094ce; }

.flow-list > li:nth-child(4) { background: #a190ce; }

.flow-list > li:nth-child(5) { background: #b690ce; }

.flow-list > li:nth-child(6) { background: #ca90ce; }

.flow-list > li:nth-child(7) { background: #ce90bd; }

.flow-list > li:nth-child(8) { background: #ce90a8; }

.flow-list > li:nth-child(9) { background: #ce9094; }

.step-list > .step { counter-increment: step; padding-left: 4em; position: relative; }

.step-list > .step:not(:last-child) { margin-bottom: 3rem; }

.step-list > .step:after { font-size: 20px; font-size: 1.25rem; content: ""; display: block; height: 2.3em; position: absolute; width: 2.3em; align-items: center; border-radius: 4px; color: #fff; content: counter(step); display: flex; font-weight: bold; justify-content: center; left: 0; line-height: 1; top: -0.45em; }

.step-list > .step:nth-child(1):after { background: #90bdce; }

.step-list > .step:nth-child(2):after { background: #90a8ce; }

.step-list > .step:nth-child(3):after { background: #9094ce; }

.step-list > .step:nth-child(4):after { background: #a190ce; }

.step-list > .step:nth-child(5):after { background: #b690ce; }

.step-list > .step:nth-child(6):after { background: #ca90ce; }

.step-list > .step:nth-child(7):after { background: #ce90bd; }

.step-list > .step:nth-child(8):after { background: #ce90a8; }

.step-list > .step:nth-child(9):after { background: #ce9094; }

.step-list > .step > *:last-child { margin-bottom: 0; }

.step-list .main__title { font-size: 20px; font-size: 1.25rem; border-left: 0; color: #525252; font-weight: bold; margin-bottom: 15px; padding: 0; }

.photo-list .photo { margin-bottom: 30px; }

.photo-list .photo:active, .photo-list .photo:focus, .photo-list .photo:hover { opacity: 0.6 !important; }

.photo-list .photo:active .photo__img img, .photo-list .photo:focus .photo__img img, .photo-list .photo:hover .photo__img img { transform: scale(1.1, 1.1); }

.photo-list .photo__img { display: block; overflow: hidden; }

.photo-list .photo__img img { transition: .3s; }

.pagination { display: inline-block; padding-left: 0; margin-top: 2rem; margin-bottom: 2rem; border-radius: 0.25rem; }

.page-item { display: inline; }

.page-item:first-child .page-link { margin-left: 0; border-bottom-left-radius: 0.25rem; border-top-left-radius: 0.25rem; }

.page-item:last-child .page-link { border-bottom-right-radius: 0.25rem; border-top-right-radius: 0.25rem; }

.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover, .page-item.fs-current .page-link, .page-item.fs-current .page-link:focus, .page-item.fs-current .page-link:hover { z-index: 2; color: #fff; cursor: default; background-color: #0089be; border-color: #0089be; }

.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover { color: #818a91; pointer-events: none; cursor: not-allowed; background-color: #fff; border-color: #ddd; }

.page-link { position: relative; float: left; padding: 0.2667em 1em; margin-left: -1px; color: #525252; text-decoration: none; background-color: #fff; border: 1px solid #ccc; }

.page-link:focus, .page-link:hover { color: #525252; background-color: #e6e6e6; border-color: #adadad; }

.pager { font-size: 15px; font-size: 0.9375rem; margin: 0 0 2rem; text-align: center; }

.pager .pagination { margin: 0; }

.main__inner + .pager { margin-top: 2rem; }

/* ページ
================================================== */
.page { margin-bottom: 120px; margin-top: -120px; padding-top: 120px; }

.page__head { margin-bottom: 60px; }

/* メイン
================================================== */
.main { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 0 0 75%; max-width: 75%; font-size: 15px; font-size: 0.9375rem; }

.main .container { min-width: 0; padding-left: 0; padding-right: 0; }

.main__inner p { margin-bottom: 2rem; }

.main__inner > * { margin-bottom: 2rem; }

.main__inner > *:last-child { margin-bottom: 0; }

.main__inner > [id]:not([id^="js-"]) { margin-top: -120px; padding-top: 120px; }

.main__title { font-size: 24px; font-size: 1.5rem; border-left: 5px solid #0089be; color: #0089be; display: block; font-weight: normal; line-height: 1.3; margin: 0 0 30px; padding: 4px 0 4px 10px; }

/* サイド
================================================== */
.row > .side { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 0 0 25%; max-width: 25%; margin-top: 69px; padding-left: 45px; }

.side__title { font-size: 16px; font-size: 1rem; background: #0089be; border-bottom: 6px solid #525252; color: #fff; font-weight: normal; margin-bottom: 0; overflow: hidden; padding: 0.4688em 0.9375em; text-overflow: ellipsis; white-space: nowrap; }

.side > [class^="side__"]:not(:last-child) { margin: 0 0 15px; }

/* 関連ページ
================================================== */
.relation-page { border: 1px solid #cccccc; border-radius: 0.25rem; padding: 15px; text-align: left; }

.relation-page > *:last-child { margin-bottom: 0; }

.relation-page .main__title { font-size: 19px; font-size: 1.1875rem; border-bottom: 1px solid #cccccc; border-left: 0; color: #525252; margin-bottom: 5px; padding: 0 15px 15px; }

.relation-page .main__title + *:not(.list-inline) { margin-top: 10px; }

.relation-page .list-inline { font-size: 0; margin-bottom: 0; }

.relation-page .list-inline-item { margin-top: 10px; }

.relation-page + .relation-page { margin-top: 1rem; }

.contact-page { margin-top: 60px; }

.contact-page .main__title { margin-bottom: 15px; }

.contact-page dl { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; }

.contact-page dd { margin-bottom: 0; }

.contact-page .telephone { font-size: 32px; font-size: 2rem; font-weight: bold; line-height: 1.3; text-align: center; }

.contact-page .telephone br { display: none; }

.contact-page .telephone__time { font-size: 14px; font-size: 0.875rem; display: block; font-weight: normal; }

.contact-page .fax { font-size: 32px; font-size: 2rem; font-weight: bold; line-height: 1.3; text-align: center; }

@media (min-width: 1140px) { .container > .contact-page .telephone__time { display: inline-block; } }

.side .contact-page:first-child { margin-top: 0; }

.side .contact-page .main__title { padding-left: 5px; padding-right: 5px; }

.side .contact-page .telephone { font-size: 24px; font-size: 1.5rem; text-align: justify; }

.side .contact-page .telephone__time { font-size: 12px; font-size: 0.75rem; }

.side .contact-page .email { margin-top: 15px; }

/* サイドメニュー
================================================== */
.side-menu .btn { font-size: 14px; font-size: 0.875rem; }

.side-menu .list-group-item > .btn { position: relative; }

.side-menu .list-group-item > .btn::after { content: ""; display: block; height: 100%; position: absolute; width: 0.4em; background: rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.05); border-top: 1px solid rgba(255, 255, 255, 0.5); left: 0; top: 0; }

.side-menu .list-group-item.active > .btn::before { font-size: 10px; font-size: 0.625rem; content: ""; display: block; height: 1em; position: absolute; width: 1em; color: #aba651; content: "\e649"; font-family: 'themify'; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 0.5em; }

.side-menu .list-group-item.active > .btn::after { background: rgba(171, 166, 81, 0.8); }

/* ヘッダー
================================================== */
.header { background: #0089be; margin: 0 0 30px; }

.header__menu { background: #0089be; }

.header__menu .navbar-nav .nav-item.active { position: relative; }

.header__menu .navbar-nav .nav-item.active .nav-link::after { content: ""; display: block; height: 0.5385em; position: absolute; width: 0.5385em; background: #80c4df; bottom: 10px; left: 33px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.header__menu .navbar-nav .nav-link:link, .header__menu .navbar-nav .nav-link:visited, .header__menu .navbar-nav .nav-link:active, .header__menu .navbar-nav .nav-link:focus, .header__menu .navbar-nav .nav-link:hover { color: #fff; }

.header__menu .navbar-nav .nav-link i { color: rgba(255, 255, 255, 0.5); }

.header__logo .type { fill: #fff; }

.header__logo .diamond { fill: #fff; }

.header__logo .mark { fill: #fff; }

.header__line { background: #404040; line-height: 1; }

.header__line > .container { padding: 4px 15px; }

.header__line [class^="row-"] > * { margin-bottom: 0; }

.header__breadcrumb { font-size: 11px; font-size: 0.6875rem; color: #fff; margin: 6px 0 0; -webkit-flex-basis: 0; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; }

.header__breadcrumb .breadcrumb-item + .breadcrumb-item::before { font-size: 9px; font-size: 0.5625rem; font-family: 'themify'; }

.header__breadcrumb a:link, .header__breadcrumb a:visited { color: #fff; text-decoration: none; }

.header__breadcrumb a:active, .header__breadcrumb a:focus, .header__breadcrumb a:hover { color: #fff; text-decoration: underline; }

.header__search { flex: 0 0 25%; max-width: 25%; }

.header__search .search-form__title { font-size: 11px; font-size: 0.6875rem; color: #999999; }

.header__search label { left: 0.5rem; top: 0.25rem; }

.header__search .form-control { font-size: 11px; font-size: 0.6875rem; color: #999999; padding-left: 1.5312rem; }

.header__search .btn { font-size: 11px; font-size: 0.6875rem; }

/* システム開発
================================================== */
[class*="page-system-"] .table th { width: 25%; }

[class*="page-system-"] #js-relation-works .container { margin-top: 120px; }

.page-system-asp_job .table th { width: 24%; }

.page-system-develop .main__inner > section { margin-bottom: 6rem; }

/* ウェブサイト制作
================================================== */
[class*="page-website-"] #js-relation-works .container { margin-top: 60px; }

/* 保守・コンサルティング
================================================== */
.page-consulting-consulting .point-list { font-size: 18px; font-size: 1.125rem; margin: 0 0 2rem; text-align: justify; }

.page-consulting-consulting .point-list > .item { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; align-items: flex-start; justify-content: center; margin: 0; min-height: 60px; padding-left: 75px; position: relative; }

.page-consulting-consulting .point-list > .item:not(:last-child) { margin-bottom: 15px; }

.page-consulting-consulting .point-list [class^="ti-"] { font-size: 30px; font-size: 1.875rem; left: 0; margin-bottom: 0; padding: 15px; position: absolute; top: 0; width: auto; }

/* 企業情報
================================================== */
.page-company-overview .logo { margin: 60px; }

.page-company-overview .logo svg { display: block; }

.page-company-overview .logo .type { fill: #3f3b3a; }

.page-company-overview .logo .diamond { fill: #0086d1; }

.page-company-overview .logo .mark { fill: #0086d1; }

.page-company-overview .table th { white-space: nowrap; }

.page-company-overview .table td:not(:last-child) { white-space: nowrap; }

[class*="page-company-staff"] .index-list .item__img { border-radius: 91.2px; display: block; height: 15.6701vw; min-height: 152px; margin: 0 0 1rem; text-align: center; }

@media (min-width: 1200px) { [class*="page-company-staff"] .index-list .item__img { max-height: 161px; } }

[class*="page-company-staff"] .index-list .item__img img { height: auto; max-width: 100%; }

[class*="page-company-staff"] .index-list .item__title { font-size: 18px; font-size: 1.125rem; margin-bottom: 1rem; text-align: center; }

[class*="page-company-staff"] .index-list .item__comment { text-align: center; }

[class*="page-company-staff"] .staff__inner { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }

[class*="page-company-staff"] .staff__img { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 0 0 240px; max-width: 240px; text-align: center; }

[class*="page-company-staff"] .staff__contents { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 1 0 0; padding-top: 15px; }

[class*="page-company-staff"] .staff__name { font-size: 32px; font-size: 2rem; margin-bottom: 15px; }

[class*="page-company-staff"] .staff__name i { font-size: 16px; font-size: 1rem; color: #80c4de; font-weight: normal; }

[class*="page-company-staff"] .staff__position { font-size: 16px; font-size: 1rem; font-weight: normal; margin-bottom: 20px; }

[class*="page-company-staff"] .staff__link { margin: 0 0 15px -.5em; }

[class*="page-company-staff"] .staff__link > li { margin-left: 0.5em; margin-right: 0.5em; }

[class*="page-company-staff"] .staff__link a:link, [class*="page-company-staff"] .staff__link a:visited, [class*="page-company-staff"] .staff__link a:active, [class*="page-company-staff"] .staff__link a:focus, [class*="page-company-staff"] .staff__link a:hover { text-decoration: none; }

[class*="page-company-staff"] .staff__link a [class^="ti-"] { font-size: 13px; font-size: 0.8125rem; }

[class*="page-company-staff"] .staff__sns { font-size: 17px; font-size: 1.0625rem; margin: 0 0 15px -.25em; }

[class*="page-company-staff"] .staff__sns > li { margin-left: .25em; margin-right: .25em; vertical-align: middle; }

[class*="page-company-staff"] .staff__sns > li.facebook a, [class*="page-company-staff"] .staff__sns > li.instagram a, [class*="page-company-staff"] .staff__sns > li.twitter a, [class*="page-company-staff"] .staff__sns > li.linkedin a { border-radius: 1em; color: #fff !important; display: block; height: 2em; position: relative; width: 2em; }

[class*="page-company-staff"] .staff__sns > li.facebook a:active, [class*="page-company-staff"] .staff__sns > li.facebook a:focus, [class*="page-company-staff"] .staff__sns > li.facebook a:hover, [class*="page-company-staff"] .staff__sns > li.instagram a:active, [class*="page-company-staff"] .staff__sns > li.instagram a:focus, [class*="page-company-staff"] .staff__sns > li.instagram a:hover, [class*="page-company-staff"] .staff__sns > li.twitter a:active, [class*="page-company-staff"] .staff__sns > li.twitter a:focus, [class*="page-company-staff"] .staff__sns > li.twitter a:hover, [class*="page-company-staff"] .staff__sns > li.linkedin a:active, [class*="page-company-staff"] .staff__sns > li.linkedin a:focus, [class*="page-company-staff"] .staff__sns > li.linkedin a:hover { opacity: 0.6; }

[class*="page-company-staff"] .staff__sns > li.facebook a [class^="ti-"], [class*="page-company-staff"] .staff__sns > li.instagram a [class^="ti-"], [class*="page-company-staff"] .staff__sns > li.twitter a [class^="ti-"], [class*="page-company-staff"] .staff__sns > li.linkedin a [class^="ti-"] { left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

[class*="page-company-staff"] .staff__sns > li.facebook a { background: #3b5998; }

[class*="page-company-staff"] .staff__sns > li.instagram a { background: #d93175 url(/company/staff/res/images/instagram.jpg) no-repeat 50% 50%; background-size: cover; }

[class*="page-company-staff"] .staff__sns > li.twitter a { background: #55acee; }

[class*="page-company-staff"] .staff__sns > li.linkedin a { background: #0a66c2; }

[class*="page-company-staff"] .staff__sns a { text-align: center; }

[class*="page-company-staff"] .staff__sns a:link, [class*="page-company-staff"] .staff__sns a:visited { color: #525252; text-decoration: none; }

[class*="page-company-staff"] .staff__sns a:active, [class*="page-company-staff"] .staff__sns a:focus, [class*="page-company-staff"] .staff__sns a:hover { color: #be3500; text-decoration: none; }

[class*="page-company-staff"] .staff__profile { border: 1px solid #e6e6e6; border-radius: 6px; margin: 2rem 0 4rem; padding: calc(30px - 0.5em) 30px; }

[class*="page-company-staff"] .staff__works { margin: 4rem 0; }

[class*="page-company-staff"] .staff__works .row-4 .entry__category__color { flex: 0 0 50%; max-width: 50%; }

[class*="page-company-staff"] .staff__recommend { margin: 4rem 0; }

[class*="page-company-staff"] .staff .table th { width: 20%; }

[class*="page-company-staff"] #js-personality { margin: 4rem 0; }

[class*="page-company-staff"] #js-personality .entry-list__category { flex-basis: 30%; max-width: 30%; }

.recommend-item { margin-bottom: 30px; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; }

.recommend-item:not(:last-child) { margin-bottom: 30px; }

.recommend-item__img { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 0 0 33.3333%; max-width: 33.3333%; text-align: center; }

.recommend-item__img a { display: block; }

.recommend-item__img img { max-width: 100%; }

.recommend-item__img + .recommend-item__description { flex: 0 0 66.6667%; max-width: 66.6667%; }

.recommend-item__description { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 0 0 100%; max-width: 100%; }

.recommend-item__title { font-size: 18px; font-size: 1.125rem; margin-bottom: 2rem; }

.recommend-item__comment > *:last-child { margin-bottom: 0; }

.page-company-officer .officer { display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; margin-bottom: 6rem; }

.page-company-officer .officer__img { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 0 0 240px; max-width: 240px; }

.page-company-officer .officer__contents { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; flex: 1 0 0; padding-top: 15px; }

.page-company-officer .officer__contents h2 { font-size: 32px; font-size: 2rem; margin-bottom: 15px; }

.page-company-officer .officer__contents h2 i { font-size: 16px; font-size: 1rem; color: #80c4de; font-weight: normal; }

.page-company-officer .officer__contents h3 { font-size: 16px; font-size: 1rem; font-weight: normal; }

.page-company-access .access-title { font-size: 16px; font-size: 1rem; background: #0089be; color: #fff; font-weight: normal; margin: 0; padding: 0.5rem 1rem; }

.page-company-access [id^="js-map-"] { border: 1px solid #d9d9d9; height: 500px; margin-bottom: 1rem; }

/* 採用情報
================================================== */
/* ニュース
================================================== */
[class*="page-info"] .entry-list__category.news, [class*="page-info"] .entry__category.news { border-left-color: #e3758c; }

[class*="page-info"] .entry-list__category.pr, [class*="page-info"] .entry__category.pr { border-left-color: #80c4de; }

[class*="page-info"] .entry-list__category.update, [class*="page-info"] .entry__category.update { border-left-color: #aba651; }

[class*="page-info"] .badge { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; width: 100%; font-size: 13px; font-size: 0.8125rem; background: #f2f2f2; border-radius: 0.25rem; color: #525252; display: inline-block; font-weight: normal; overflow: hidden; padding: .6em 1em; text-align: center; text-decoration: none; vertical-align: text-bottom; white-space: nowrap; width: auto; }

[class*="page-info"] .badge:hover { opacity: .6; }

[class*="page-info"] .badge-primary { border-left: 5px solid #818a91; padding: 9px 15px 8px 10px; }

[class*="page-info"] .badge.news { border-left-color: #e3758c; }

[class*="page-info"] .badge.pr { border-left-color: #80c4de; }

[class*="page-info"] .badge.update { border-left-color: #aba651; }

.info__tag > ul.list-inline { display: inline-flex; flex-wrap: wrap; margin-bottom: 0; }

.info__tag > ul.list-inline li:not(:last-child) { margin-right: .3em; }

.page-info-individual .main__title { margin-bottom: 1rem; }

.page-info-individual .main__inner { margin-bottom: 4rem; }

/* 制作実績
================================================== */
.page__head__works > [class^="row-"] { align-items: flex-end; }

.page__head__works .head { flex: 0 0 16.6667%; max-width: 16.6667%; }

.page__head__works .head > i { margin-bottom: 0; }

.page__head__works .head-btn { font-size: 14px; font-size: 0.875rem; display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px; flex: 0 0 83.3333%; max-width: 83.3333%; align-items: center; justify-content: flex-end; margin-left: 0; margin-right: 0; }

.page__head__works .list-inline { margin-bottom: 0; }

.page__head__works .list-inline > li { padding-left: 2.1em; position: relative; }

.page__head__works .list-inline > li:not(:last-child) { margin-right: 10px; }

.page__head__works .list-inline > li.system [class^="ti-"] { background: #b589e5; }

.page__head__works .list-inline > li.website [class^="ti-"] { background: #80c4de; }

.page__head__works .list-inline > li.cms [class^="ti-"] { background: #f77069; }

.page__head__works .list-inline > li.carrier [class^="ti-"] { background: #f7cc69; }

.page__head__works .list-inline > li.printing [class^="ti-"] { background: #9fe572; }

.page__head__works .list-inline a:link, .page__head__works .list-inline a:visited { color: #525252; text-decoration: none; }

.page__head__works .list-inline a:active, .page__head__works .list-inline a:focus, .page__head__works .list-inline a:hover { color: #be3500; text-decoration: none; }

.page__head__works .list-inline [class^="ti-"] { border-radius: 0.9em; color: #fff; display: block; height: 1.8em; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 1.8em; }

.page__head__works .list-inline [class^="ti-"]:before { display: block; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); }

.page__head__works .btn { margin-left: 30px; }

[class^="page-works-"] { background: #f7f7f7; margin: 0 0 60px; padding: 45px 0 30px; }

#js-relation-works .fs-result-msg, #js-relation-works .fs-paginate { display: none; }

.page-works-individual .works { font-size: 15px; font-size: 0.9375rem; margin-bottom: 60px; text-align: center; }

.page-works-individual .works > [class^="works__"]:last-of-type { margin-bottom: 60px; }

.page-works-individual .works__header { margin-bottom: 75px; }

.page-works-individual .works__title { font-size: 32px; font-size: 2rem; margin: 0; }

.page-works-individual .works__client { font-size: 15px; font-size: 0.9375rem; font-weight: normal; margin: 15px 0 0; }

.page-works-individual .works__url { font-size: 13px; font-size: 0.8125rem; display: block; line-height: 1.3; margin: 5px 0 0; }

.page-works-individual .works__url:link, .page-works-individual .works__url:visited, .page-works-individual .works__url:active, .page-works-individual .works__url:focus, .page-works-individual .works__url:hover { text-decoration: none; }

.page-works-individual .works__url i { font-size: 11px; font-size: 0.6875rem; }

.page-works-individual .works__cover { background: #f4cf97 url(/res/images/ver3/works/cover_bg.jpg) 50% 0; font-size: 0; line-height: 0; padding: 0 0 30px; }

.page-works-individual .works__cover__img { box-shadow: 0 6px 4px rgba(0, 0, 0, 0.05); display: inline-block; margin: -30px 0 0; max-height: 581px; overflow: hidden; }

.page-works-individual .works__overview { background: #fff; padding: 45px 0; }

.page-works-individual .works__overview > .container { max-width: 750px; min-width: auto; text-align: justify; }

.page-works-individual .works__overview p { margin-bottom: 2rem; }

.page-works-individual .works__overview .row-2 { border-bottom: 1px solid #e6e6e6; margin-left: 0; margin-right: 0; }

.page-works-individual .works__overview .row-2 > * { border-top: 1px solid #e6e6e6; margin-bottom: 0; padding: 1em 0; }

.page-works-individual .works__overview .row-2 > dt { flex: 0 0 25%; max-width: 25%; }

.page-works-individual .works__overview .row-2 > dd { flex: 0 0 75%; max-width: 75%; }

.page-works-individual .works__category { font-size: 0; margin-bottom: 0; text-align: left; }

.page-works-individual .works__category .list-inline-item { margin-bottom: 5px; }

.page-works-individual .works__category .btn { font-size: 13px; font-size: 0.8125rem; }

.page-works-individual .works__img { padding: 45px 0; }

.page-works-individual .works__img > .container { max-width: 970px; }

.page-works-individual .works__img .row-2 > * { margin-bottom: 0; }

.page-works-individual .works__img__wrapper { box-shadow: 0 6px 4px rgba(0, 0, 0, 0.05); display: inline-block; }

.page-works-individual .works__illust, .page-works-individual .works__logo { background: #fff; padding: 45px 0; }

.page-works-individual .works__smart { background: url(/res/images/ver3/works/smart_bg.png) no-repeat 50% 0; margin: 45px 0 0; min-height: 752px; padding: 109px 0 0; }

.page-works-individual .works__smart__img { display: block; height: 549px; overflow-y: scroll; margin: 0 auto; width: 320px; }

.page-works-individual .pager { background: #fff; display: flex; justify-content: center; margin-bottom: 60px; padding: 60px 0; }

.page-works-individual #js-relation-works .btn-block { display: inline-block; width: auto; }

.works-category { margin-top: -120px; padding-top: 120px; }

.works-category h4 { border-bottom: 1px solid #0089be; color: #0089be; margin-bottom: 15px; padding: 0 0 15px 1.3em; position: relative; }

.works-category h4 a { display: block; }

.works-category h4 a:link, .works-category h4 a:visited { color: #0089be; text-decoration: none; }

.works-category h4 a:active, .works-category h4 a:focus, .works-category h4 a:hover { color: #be3500; text-decoration: none; }

.works-category h4 [class^="ti-"] { left: 0; position: absolute; top: calc(50% - 0.4em); transform: translateY(-50%); }

.works-category .list-inline { font-size: 14px; font-size: 0.875rem; margin: 0 0 0 1.4857em; text-align: left; }

.works-category .list-inline a:link, .works-category .list-inline a:visited { color: #525252; text-decoration: none; }

.works-category .list-inline a:active, .works-category .list-inline a:focus, .works-category .list-inline a:hover { color: #be3500; text-decoration: none; }

/* お問い合わせ
================================================== */
[class*="page-contact-"] .form-group { margin: 0; text-align: left; }

[class*="page-contact-"] .form-group > * { border-bottom: 1px solid #e6e6e6; padding: 1em; }

[class*="page-contact-"] .form-group > .col-form-label, [class*="page-contact-"] .form-group > .col-form-legend { background: #e6f3f9; border-color: #fff; }

[class*="page-contact-"] .form-group:first-of-type > * { border-top: 3px solid #e6e6e6; }

[class*="page-contact-"] .form-group:first-of-type > .col-form-label, [class*="page-contact-"] .form-group:first-of-type > .col-form-legend { border-top-color: #0089be; }

[class*="page-contact-"] .form-check { margin-bottom: 0; }

[class*="page-contact-"] .form-check + .form-check { margin-top: 0.25em; }

[class*="page-contact-"] .form-check-inline { margin-right: 1rem; padding-left: 0; }

[class*="page-contact-"] .form-check-inline + .form-check-inline { margin-left: 0; margin-top: 0; }

[class*="page-contact-"] select.form-control { width: auto; }

[class*="page-contact-"] .input-group { width: 40%; }

[class*="page-contact-"] [name^="address-level"] { margin-top: 1em; width: 40%; }

[class*="page-contact-"] .p-street-address { margin-top: 1em; }

[class*="page-contact-"] .form-submit-btn { margin-top: 2rem; text-align: center; }

[class*="page-contact-"] .form-control-static { margin-bottom: 0; min-height: 0; padding-bottom: 0; padding-top: 0; }

.privacy-scroll { font-size: 14px; font-size: 0.875rem; border: 1px solid #ccc; height: 300px; margin: 0 0 2rem; overflow: hidden; overflow-y: scroll; }

.privacy-scroll h2 { font-size: 18px; font-size: 1.125rem; background: #ccc; margin: 20px; padding: 0 10px; }

.privacy-scroll section { margin: 0 30px 30px; }

.privacy-scroll section h3 { font-size: 16px; font-size: 1rem; border-bottom: 1px dotted #ccc; margin: 0 -10px 10px; padding: 0 10px 10px; }

.privacy-scroll__contact { border: 1px solid #ccc; border-radius: 6px; margin: 0 60px; padding: 20px; text-align: center; }

.privacy-scroll__contact h3 { margin-bottom: 20px; }

.privacy-scroll__contact p { margin-bottom: 10px; }

.privacy-scroll__contact dl { margin-bottom: 0; }

.privacy-scroll__contact dt { text-align: right; }

.privacy-scroll__contact dd { margin-bottom: 0; text-align: left; }

/* サイトマップ
================================================== */
[class*="page-sitemap-"] .row-2 > * { margin-bottom: 0; }

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

.sitemap-item__title { font-size: 18px; font-size: 1.125rem; border-bottom: 1px solid #e6e6e6; display: block; font-weight: bold; margin: 0 0 15px; padding: 0 0 15px; }

.sitemap-item__title a { display: block; }

.sitemap-item__title a:link, .sitemap-item__title a:visited, .sitemap-item__title a:active, .sitemap-item__title a:focus, .sitemap-item__title a:hover { color: #525252; text-decoration: none; }

.sitemap-item__title a:link [class^="ti-"], .sitemap-item__title a:visited [class^="ti-"], .sitemap-item__title a:active [class^="ti-"], .sitemap-item__title a:focus [class^="ti-"], .sitemap-item__title a:hover [class^="ti-"] { color: #0089be; }

.sitemap-item__title a:active, .sitemap-item__title a:focus, .sitemap-item__title a:hover { opacity: 0.6; }

.sitemap-item__title [class^="ti-"] { font-size: 16px; font-size: 1rem; }

.sitemap-item__list { list-style-type: none; margin: 0 0 0 1.5em; padding: 0; text-align: left; }

/* プライバシーポリシー
================================================== */
.page-privacy-policy .lower-alpha > li:not(:last-child) { margin-bottom: 2rem; }

.page-privacy-personal h2.main__title { font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #e6e6e6; border-left: 0; color: #525252; font-weight: bold; padding: 0 0 15px; }

.page-privacy-personal .main__inner > section { margin-bottom: 90px; }

.page-privacy-personal .main__inner > section > *:last-child { margin-bottom: 0; }

.page-privacy-personal .main__inner > section > ol > li:not(:last-child) { margin-bottom: 2rem; }

.page-privacy-personal ul:not([class]) { list-style-type: disc; }

.page-privacy-security h2.main__title { font-size: 20px; font-size: 1.25rem; border-bottom: 1px solid #e6e6e6; border-left: 0; color: #525252; font-weight: bold; padding: 0 0 15px; }

.page-privacy-security .main__inner > section { margin-bottom: 90px; }

.page-privacy-security .main__inner > section > *:last-child { margin-bottom: 0; }

.page-privacy-security .main__inner > section > ol > li:not(:last-child) { margin-bottom: 2rem; }

.page-privacy-security ul:not([class]) { list-style-type: disc; }

/* サイト内検索
================================================== */
.search-result { display: block; padding: 20px 0; }

.search-result:link, .search-result:visited, .search-result:active, .search-result:focus, .search-result:hover { color: #525252; text-decoration: none; }

.search-result:link .search-result__title, .search-result:visited .search-result__title, .search-result:active .search-result__title, .search-result:focus .search-result__title, .search-result:hover .search-result__title { color: #0089be; }

.search-result:link .search-result__url, .search-result:visited .search-result__url, .search-result:active .search-result__url, .search-result:focus .search-result__url, .search-result:hover .search-result__url { color: #aba651; }

.search-result:active, .search-result:focus, .search-result:hover { opacity: 0.6; }

.search-result__title { font-size: 18px; font-size: 1.125rem; margin: 0; }

.search-result p { font-size: 14px; font-size: 0.875rem; margin: 0; }

.search-result__url { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.search-result__img { min-height: 100px; padding-left: 120px; position: relative; }

.search-result__img img { left: 0; position: absolute; top: 0; }

.search-result + .pager { margin-top: 60px; }