@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@900&family=Noto+Sans+JP:wght@400;500;700&display=swap");

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/
/* Let's default this puppy out
-------------------------------------------------------------------------------*/
html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: baseline; background: transparent; }

article, aside, figure, footer, header, nav, section, details, summary { display: block; }

/* Handle box-sizing while better addressing child elements: http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html { -webkit-box-sizing: border-box; box-sizing: border-box; }

*, *:before, *:after { -webkit-box-sizing: inherit; box-sizing: inherit; }

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */
/* Responsive images and other embedded objects */
/* if you don't have full control over `img` tags (if you have to overcome attributes), consider adding height: auto */
img, object, embed { max-width: 100%; }

/* Note: keeping IMG here will cause problems if you're using foreground images as sprites. In fact, it *will* cause problems with Google Maps' controls at small size. If this is the case for you, try uncommenting the following: #map img { max-width: none; } */
/* force a vertical scrollbar to prevent a jumpy page */
html { overflow-y: scroll; }

/* we use a lot of ULs that aren't bulleted. you'll have to restore the bullets within content, which is fine because they're probably customized anyway */
ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted #000; cursor: help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse: collapse; border-spacing: 0; }

th { font-weight: bold; vertical-align: bottom; }

td { font-weight: normal; vertical-align: top; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

pre { white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ }

input[type="radio"] { vertical-align: text-bottom; }

input[type="checkbox"] { vertical-align: bottom; }

.ie7 input[type="checkbox"] { vertical-align: baseline; }

.ie6 input { vertical-align: text-bottom; }

select, input, textarea { font: 99% sans-serif; }

table { font-size: inherit; font: 100%; }

small { font-size: 85%; }

strong { font-weight: bold; }

td, td img { vertical-align: top; }

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* standardize any monospaced elements */
pre, code, kbd, samp { font-family: monospace, sans-serif; }

/* hand cursor on clickable elements */
.clickable, label, input[type=button], input[type=submit], input[type=file], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* make buttons play nice in IE */
button, input[type=button] { width: auto; overflow: visible; }

/* scale images in IE7 more attractively */
.ie7 img { -ms-interpolation-mode: bicubic; }

/* prevent BG image flicker upon hover (commented out as usage is rare, and the filter syntax messes with some pre-processors) .ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));} */
/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

/* Slider */
.slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

@-webkit-keyframes slidein { 0% { opacity: 0; }
  1% { -webkit-transform: translateX(160px); transform: translateX(160px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

@keyframes slidein { 0% { opacity: 0; }
  1% { -webkit-transform: translateX(160px); transform: translateX(160px); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0); } }

html { font-size: 62.5%; }

body { color: #333; font-family: "Noto Sans JP", sans-serif; font-size: 1.4rem; line-height: 1.5; overflow-y: hidden; word-break: break-word; }

@media screen and (max-width: 768px) { body { font-size: 1.6rem; line-height: 1.4; min-width: 320px; } }

a { color: inherit; text-decoration: none; -webkit-transition: 350ms; transition: 350ms; }

a:hover { opacity: 0.6; }

img { display: block; }

.container { margin: 0 auto; padding: 0 40px; max-width: 1330px; width: 100%; }

.header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 85px; left: 0; position: fixed; top: 0; -webkit-transition: opacity 350ms 350ms, visibility 350ms 350ms; transition: opacity 350ms 350ms, visibility 350ms 350ms; width: 100%; z-index: 100; }

@media screen and (max-width: 768px) { .header { height: 84px; } }

@media screen and (max-width: 768px) { .header::before { background: #fff; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 350ms, visibility 350ms; transition: opacity 350ms, visibility 350ms; visibility: hidden; width: 100%; } }

.header_inActive { opacity: 0; -webkit-transition: opacity 350ms, visibility 350ms; transition: opacity 350ms, visibility 350ms; visibility: hidden; }

@media screen and (max-width: 768px) { .header_open { opacity: 1; visibility: visible; } }

@media screen and (max-width: 768px) { .header_open::before { opacity: 1; visibility: visible; } }

.header__container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; max-width: none; }

@media screen and (max-width: 768px) { .header__container { padding: 0 5px 0 15px; } }

.header__bars { display: none; }

@media screen and (max-width: 768px) { .header__bars { background: center/39px 26px no-repeat url(../images/icon_bars_01.svg); display: block; height: 60px; width: 60px; } }

.header__times { display: none; }

@media screen and (max-width: 768px) { .header__times { background: center/36px 36px no-repeat url(../images/icon_times_01.svg) #000; cursor: pointer; display: block; height: 76px; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: opacity 350ms, visibility 350ms; transition: opacity 350ms, visibility 350ms; visibility: hidden; width: 92.5px; } }

@media screen and (max-width: 768px) { .header_open .header__times { opacity: 1; visibility: visible; } }

@media screen and (max-width: 768px) { .header__img { height: 48px; width: auto; } }

.header__mbsd2 { display: none; }

@media screen and (max-width: 768px) { .header__mbsd2 { display: block; opacity: 0; position: absolute; right: 20px; top: 10px; -webkit-transition: opacity 350ms, visibility 350ms; transition: opacity 350ms, visibility 350ms; visibility: hidden; } }

@media screen and (max-width: 768px) { .header_open .header__mbsd2 { opacity: 1; visibility: visible; } }

@media screen and (max-width: 768px) { .header__img2 { height: 56px; width: auto; } }

.header__nav { position: absolute; right: 0; top: 30.5px; }

@media screen and (max-width: 768px) { .header__nav { background: #000; border-top: 1px solid #fff; height: calc(100vh - 76px); opacity: 0; overflow: auto; -webkit-overflow-scrolling: touch; top: 76px; -webkit-transition: opacity 350ms, visibility 350ms; transition: opacity 350ms, visibility 350ms; visibility: hidden; width: 100%; } }

@media screen and (max-width: 768px) { .header_open .header__nav { opacity: 1; visibility: visible; } }

.header__navList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .header__navList { display: block; padding: 70px 30px; } }

.header__navItem { padding: 0 40px; }

@media screen and (max-width: 768px) { .header__navItem { border-bottom: 1px solid #595959; padding: 0; } }

.header__navLink { color: #7f7f7f; display: block; font-size: 1.6rem; }

@media screen and (max-width: 768px) { .header__navLink { color: #fff; font-family: "Ropa Sans"; font-size: 3rem; line-height: 6rem; padding: 20px 20px 0; position: relative; } }

@media screen and (max-width: 768px) { .header__navLink::before { background: center/13px 24px no-repeat url(../images/icon_arrow_01.svg); bottom: 0; content: ""; height: 24px; margin: auto 0; position: absolute; right: 15px; top: 20px; width: 13px; } }

.main { display: block; margin: 135px 0 0; }

@media screen and (max-width: 768px) { .main { margin: 41px 0 0; } }

.main_pages_top { margin: 0; -ms-overflow-style: none; }

.main_rec { margin: 101px 0 0; }

@media screen and (max-width: 768px) { .main_rec { margin: 51px 0 0; } }

.main_pages_news { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_news { margin: 41px 0 0; } }

.main_pages_advantage { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_advantage { margin: 41px 0 0; } }

.main_pages_research { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_research { margin: 41px 0 0; } }

.main_pages_researchDetail { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_researchDetail { margin: 41px 0 0; } }

.main_pages_researchAuthor { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_researchAuthor { margin: 41px 0 0; } }

.main_pages_customers { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_customers { margin: 41px 0 0; } }

.main_pages_terms { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_terms { margin: 41px 0 0; } }

.main_pages_partners { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_partners { margin: 41px 0 0; } }

.main_pages_ms { margin: 81px 0 0; }

@media screen and (max-width: 768px) { .main_pages_ms { margin: 41px 0 0; } }

.main_themes_blue { background: #f6f9fb; }

@media screen and (max-width: 768px) { .main_themes_blue { background: none; } }

.parts { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 0 auto; }

@media screen and (max-width: 768px) { .parts__item:nth-child(1) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } }

@media screen and (max-width: 768px) { .parts__item:nth-child(2) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } }

@media screen and (max-width: 768px) { .parts__item:nth-child(3) { -webkit-box-ordinal-group: 1; -webkit-order: 0; -ms-flex-order: 0; order: 0; } }

.parts__item_color_blue { background: #f6f9fb; }

.parts__item_color_green { background: #2e5e03; }

.parts__item_color_orange { background: #df7b00; }

.parts__item_color_purple { background: #2c1520; }

.parts__item_color_deepblue { background: #005386; }

@media screen and (max-width: 768px) { .parts__item_researchDetail { background: #fff; } }

.nav { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; left: 0; top: 76px; overflow: auto; -ms-overflow-style: none; padding: 0 40px; position: fixed; width: 100%; z-index: 15; }

.nav::-webkit-scrollbar { display: none; }

@media screen and (max-width: 768px) { .nav { display: block; padding: 0; position: static; } }

@media screen and (max-width: 768px) { .nav_only_pc { display: none; } }

.nav__container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; max-width: none; }

.nav__wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .nav__wrap { display: none; } }

.nav__list { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; margin: 0 auto; padding: 12px 0; padding: 12px 40px; max-width: 1200px; }

@media screen and (max-width: 1400px) { .nav__list { max-width: 1000px; } }

@media screen and (max-width: 1200px) { .nav__list { max-width: 800px; } }

@media screen and (max-width: 1024px) { .nav__list { max-width: 550px; padding: 12px 20px; } }

@media screen and (max-width: 768px) { .nav__list { max-width: none; padding: 0; } }

.nav__wrap + .nav__list_inActive { margin: 0; }

.nav__item { padding: 0 20px; }

@media screen and (max-width: 768px) { .nav__item { min-width: auto; padding: 0; } }

.nav__item:focus { outline: none; }

.nav__item_recruit:nth-last-child(-n + 2) { min-width: auto; }

.nav__first { border-right: 1px dotted #e3e3e3; padding: 0 45px 0 30px; }

@media screen and (max-width: 768px) { .nav__first { display: none; } }

.nav__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #a4a4a4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 40px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0.02em; line-height: 2rem; min-width: 100px; padding: 0 5px; text-align: center; white-space: nowrap; }

@media screen and (max-width: 768px) { .nav__link { border-bottom: 4px solid #c4c4c4; color: #000; font-size: 1.9rem; height: 68px; letter-spacing: 0.05em; min-width: 0; padding: 0 2em; } }

.nav__link:hover { color: #000; opacity: 1; }

.nav__link:focus { outline: none; }

.nav__link_current { color: #000; }

@media screen and (max-width: 768px) { .nav__link_current { border-bottom-color: #6897bc; } }

.nav__arrow { position: relative; height: 30px; min-width: 30px; }

.nav__arrow:before { border: 1px solid #ccc; border-radius: 50%; content: ""; display: block; height: 30px; position: absolute; width: 30px; }

.nav__arrow:after { border-right: 1px solid #ccc; border-top: 1px solid #ccc; content: ""; display: block; height: 6px; left: 50%; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); width: 6px; z-index: 1; }

.nav__first { color: #a4a4a4; font-size: 1.5rem; min-width: 150px; padding: 0 15px 0 20px; }

.nav__first_upper { background-image: none; }

.nav__item:first-child .nav__link_upper { background-image: none; background-position: center left 10px; background-repeat: no-repeat; background-size: 30px 30px; font-size: 1.1rem; padding: 0 5px 0 0px; }

@media screen and (max-width: 768px) { .nav__item:first-child .nav__link_upper { border-bottom: 4px solid #c4c4c4; color: #000; font-size: 1.9rem; height: 68px; letter-spacing: 0.05em; min-width: 0; padding: 0 1em; } }

.nav__svg { height: 30px; width: 30px; }

.nav__text { margin: 0 0 0 10px; }

.next { cursor: pointer; font-size: 1.5rem; height: 30px; margin: 0 10px; position: relative; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 30px; }

.next:after { border-right: 1px solid #a4a4a4; border-top: 1px solid #a4a4a4; content: ""; display: block; height: 10px; left: 50%; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); width: 10px; z-index: 1; }

.prev { cursor: pointer; font-size: 1.5rem; height: 30px; margin: 0 10px; position: relative; width: 30px; }

.prev:after { border-right: 1px solid #a4a4a4; border-top: 1px solid #a4a4a4; content: ""; display: block; height: 10px; left: 50%; position: absolute; top: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: translate(-50%, -50%) rotate(-135deg); transform: translate(-50%, -50%) rotate(-135deg); width: 10px; z-index: 1; }

.slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

.breadcrumb { overflow: auto; }

@media screen and (max-width: 768px) { .breadcrumb__container { padding: 0 15px; } }

.breadcrumb__list { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: start; -ms-flex-pack: start; justify-content: start; padding: 14px 0 11px; }

.breadcrumb__item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.4rem; letter-spacing: 0.1em; line-height: 2.8rem; white-space: nowrap; }

@media screen and (max-width: 768px) { .breadcrumb__item { font-size: 1.5rem; } }

.breadcrumb__item:not(:first-child)::before { content: "\03e"; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0 0.5em; }

.breadcrumb__link { display: block; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: inherit; letter-spacing: inherit; line-height: inherit; text-decoration: underline; }

.keyVisual { background-color: #a2a2a2; background-position: center; background-repeat: no-repeat; background-size: cover; height: calc(100vh - 202px); min-height: 600px; overflow: hidden; position: relative; }

@media screen and (max-width: 768px) { .keyVisual { height: calc(100vh - 84px); min-height: 400px; } }

.keyVisual_pages_recruit { background-image: url(../images/img_recruit_01.jpg); background-position: bottom center; }

@media screen and (max-width: 768px) { .keyVisual_pages_recruit { background-image: url(../images/img_recruit_01_sp.jpg); } }

.keyVisual_pages_news { background-image: url(../images/img_news_01.jpg); height: calc(100vh - 138px); }

@media screen and (max-width: 768px) { .keyVisual_pages_news { background-image: url(../images/img_news_01_sp.jpg); height: calc(100vh - 84px); } }

.keyVisual_pages_advantage { background-image: url(../images/img_advantage_01.jpg); height: calc(100vh - 138px); }

@media screen and (max-width: 768px) { .keyVisual_pages_advantage { background-image: url(../images/img_advantage_01_sp.jpg); height: calc(100vh - 84px); } }

.keyVisual_pages_research { background-image: url(../images/img_research_01.jpg); height: calc(100vh - 138px); }

@media screen and (max-width: 768px) { .keyVisual_pages_research { background-image: url(../images/img_research_01_sp.jpg); height: calc(100vh - 84px); } }

.keyVisual_pages_customers { background-image: url(../images/img_customers_01.jpg); background-position: bottom center; height: calc(100vh - 138px); }

@media screen and (max-width: 768px) { .keyVisual_pages_customers { background-image: url(../images/img_customers_01_sp.jpg); height: calc(100vh - 84px); } }

.keyVisual_pages_company { background-image: url(../images/img_company_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_company { background-image: url(../images/img_company_01_sp.jpg); } }

.keyVisual_pages_partners { background-image: url(../images/img_partners_01.jpg); background-position: bottom center; height: calc(100vh - 138px); }

@media screen and (max-width: 768px) { .keyVisual_pages_partners { background-image: url(../images/img_partners_01_sp.jpg); height: calc(100vh - 84px); } }

.keyVisual_pages_ms { background-image: url(../images/img_ms_01.jpg); background-position: bottom center; height: calc(100vh - 138px); }

@media screen and (max-width: 768px) { .keyVisual_pages_ms { background-image: url(../images/img_ms_01_sp.jpg); height: calc(100vh - 84px); } }

.keyVisual_pages_solutions { position: relative; }

.keyVisual_pages_solutions:before { -webkit-animation: keyVisual 60s linear; animation: keyVisual 60s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-image: url(../images/img_solutions_01.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

@-webkit-keyframes keyVisual { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5); } }

@keyframes keyVisual { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5); } }

@media screen and (max-width: 768px) { .keyVisual_pages_solutions { background-image: url(../images/img_solutions_01_sp.jpg); } }

.keyVisual_pages { position: relative; }

.keyVisual_pages:before { -webkit-animation: keyVisual 60s linear; animation: keyVisual 60s linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

@keyframes keyVisual { 0% { -webkit-transform: scale(1); transform: scale(1); }
  100% { -webkit-transform: scale(2.5); transform: scale(2.5); } }

.keyVisual_pages_ir:before { background-image: url(../images/img_ir_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_ir { background-image: url(../images/img_ir_01_sp.jpg); } }

.keyVisual_pages_sa:before { background-image: url(../images/img_sa_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_sa { background-image: url(../images/img_sa_01_sp.jpg); } }

.keyVisual_pages_ma:before { background-image: url(../images/img_ma_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_ma { background-image: url(../images/img_ma_01_sp.jpg); } }

.keyVisual_pages_mss:before { background-image: url(../images/img_mss_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_mss { background-image: url(../images/img_mss_01_sp.jpg); } }

.keyVisual_pages_ist:before { background-image: url(../images/img_ist_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_ist { background-image: url(../images/img_ist_01_sp.jpg); } }

.keyVisual_pages_sc:before { background-image: url(../images/img_sc_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_sc { background-image: url(../images/img_sc_01_sp.jpg); } }

.keyVisual_pages_tse:before { background-image: url(../images/img_tse_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_tse { background-image: url(../images/img_tse_01_sp.jpg); } }

.keyVisual_pages_mgsp:before { background-image: url(../images/img_mgsp_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_mgsp { background-image: url(../images/img_mgsp_01_sp.jpg); } }

.keyVisual_pages_mrd:before { background-image: url(../images/img_rd_01.jpg); }

@media screen and (max-width: 768px) { .keyVisual_pages_mrd { background-image: url(../images/img_rd_01_sp.jpg); } }

.keyVisual_pages_nokv_green { background: #2e5e03; height: 200px; min-height: auto; }

@media screen and (max-width: 768px) { .keyVisual_pages_nokv_green { height: 150px; } }

.keyVisual_pages_nokv_orange { background: #df7b00; height: 200px; min-height: auto; }

@media screen and (max-width: 768px) { .keyVisual_pages_nokv_orange { height: 150px; } }

.keyVisual_pages_nokv_purple { background: #2c1520; height: 200px; min-height: auto; }

@media screen and (max-width: 768px) { .keyVisual_pages_nokv_purple { height: 150px; } }

.keyVisual_pages_nokv_deepblue { background: #005386; height: 200px; min-height: auto; }

@media screen and (max-width: 768px) { .keyVisual_pages_nokv_deepblue { height: 150px; } }

.keyVisual__large { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: rgba(227, 227, 227, 0.35); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "Six Caps"; font-size: 37rem; letter-spacing: 0.025em; height: 100%; left: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; width: 100%; }

@media screen and (max-width: 768px) { .keyVisual__large { font-size: 16.5rem; letter-spacing: 0.018em; } }

.keyVisual_pages_news .keyVisual__large { text-indent: .075em; }

.keyVisual__box { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; left: 0; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; width: 100%; }

.keyVisual__box_nokv { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding: 0 40px; }

@media screen and (max-width: 768px) { .keyVisual__box_nokv { padding: 0 30px; } }

.keyVisual__mideum { color: #fff; display: block; font-size: 2.5rem; margin: 4em 0 0; }

@media screen and (max-width: 768px) { .keyVisual__mideum { margin: 1em 0 0; } }

.keyVisual__mideum_lang_en { font-family: "Ropa Sans"; font-size: 4.5rem; margin: 2em 0 0; }

@media screen and (max-width: 768px) { .keyVisual__mideum_lang_en { line-height: 1; margin: 0; text-align: center; } }

.keyVisual__mideum_lang_en_nokv { margin: 0; }

@media screen and (max-width: 768px) { .keyVisual__mideum_lang_en_nokv { display: block; font-size: 3.5rem; line-height: 1.2; text-align: left; } }

.keyVisual_pages_news .keyVisual__mideum { margin: 1em 0 0; }

@media screen and (max-width: 768px) { .keyVisual_pages_news .keyVisual__mideum { margin: 0; } }

.keyVisual_pages_ms .keyVisual__mideum { margin: 0; }

.keyVisual__small { color: #fff; display: block; font-size: 1.4rem; }

@media screen and (max-width: 768px) { .keyVisual__small { margin: 0; text-align: center; } }

.keyVisual__small_nokv { margin: 0.5em 0 0; }

@media screen and (max-width: 768px) { .keyVisual__small_nokv { font-size: 1.4rem; text-align: left; } }

.keyVisual__small_noEn { font-family: "Ropa Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 3.6rem; font-weight: bold; margin: 0; }

@media screen and (max-width: 768px) { .keyVisual__small_noEn { font-size: 3rem; text-align: left; } }

.keyVisual__span { font-size: 4rem; }

@media screen and (max-width: 768px) { .keyVisual__span { font-size: 3.5rem; } }

.keyVisual__scroll { background: bottom 30px center/39px auto no-repeat url(../images/icon_arrow_03.png); bottom: 0; color: #fff; cursor: pointer; font-family: "Modern Antiqua"; font-size: 1.3rem; letter-spacing: 0.17em; left: 50%; line-height: 1; padding: 0 0 60px; position: absolute; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

@media screen and (max-width: 768px) { .keyVisual__scroll { display: none; } }

.footer { padding: 60px 0 30px; background: center/cover no-repeat url(../images/img_footer_01.jpg); }

@media screen and (max-width: 768px) { .footer { padding: 60px 0 30px; } }

.footer__container { max-width: 954px; }

@media screen and (max-width: 768px) { .footer__container { padding: 0 15px; } }

@media screen and (max-width: 768px) { .footer__container:nth-child(1) { border-bottom: 1px solid rgba(255, 255, 255, 0.35); margin: 0 0 35px; } }

.footer__contact { margin: 0 0 74px; }

@media screen and (max-width: 768px) { .footer__contact { display: none; } }

.footer__contactTitle { color: #fff; font-size: 2.2rem; line-height: 3.5rem; margin: 0 0 36px; text-align: center; }

.footer__contactList { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 925px) { .footer__contactList { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.footer__contactLink { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 120px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 380px; }

@media screen and (max-width: 899px) { .footer__contactItem { margin-bottom: 30px; }
  .footer__contactItem:last-of-type { margin: 0; } }

.footer__contactItem:first-child .footer__contactLink { width: 440px; }

.footer__contactImg { margin: 0 9px 0 0; }

.footer__contactImg_kind_mail { margin: 0 22px 0 0; }

.footer__contactText { color: #fff; font-size: 2rem; letter-spacing: 0.1em; line-height: 3.5rem; text-align: center; }

.footer__contactTel { font-size: 2.4rem; font-weight: normal; }

.footer__menu { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 90px; padding: 0 30px; }

@media screen and (max-width: 768px) { .footer__menu { display: block; margin: 0 0 35px; padding: 0; } }

.footer__menuItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

@media screen and (max-width: 768px) { .footer__menuItem { display: block; } }

.footer__menuItem:nth-child(2) { padding: 0 90px 0 0; }

@media screen and (max-width: 768px) { .footer__menuItem:nth-child(2) { padding: 0; } }

.footer__menuItem:nth-child(3) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

.footer__subMenu { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }

.footer__subMenuItem { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 768px) { .footer__subMenuItem { display: block; } }

.footer__subMenuLink { color: #fff; display: block; font-family: "Ropa Sans"; font-size: 2.6rem; line-height: 5rem; }

@media screen and (max-width: 768px) { .footer__subMenuLink { border-bottom: 1px solid rgba(255, 255, 255, 0.35); font-size: 2.25rem; line-height: 3.85rem; margin: 0 0 15.5px; position: relative; } }

@media screen and (max-width: 768px) { .footer__subMenuLink::before { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 3px 0 3px 5px; bottom: 0; content: ""; margin: auto 0; position: absolute; right: 10px; top: 0; height: 0; width: 0; } }

.footer__subSubMenu { -webkit-box-align: start; -webkit-align-items: start; -ms-flex-align: start; align-items: start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

@media screen and (max-width: 768px) { .footer__subSubMenu { display: block; margin: -3px 0 12.5px; padding: 0 0 0 10px; } }

.footer__subSubMenuLink { color: #fff; display: block; font-size: 1.3rem; line-height: 3rem; }

@media screen and (max-width: 768px) { .footer__subSubMenuLink { font-size: 1.15rem; line-height: 3.1rem; position: relative; } }

@media screen and (max-width: 768px) { .footer__subSubMenuLink::before { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 3px 0 3px 5px; bottom: 0; content: ""; margin: auto 0; position: absolute; right: 10px; top: 0; height: 0; width: 0; } }

.footer__list { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 15px; }

@media screen and (max-width: 768px) { .footer__list { border-top: 1px solid rgba(255, 255, 255, 0.35); display: block; } }

.footer__item { padding: 0 20px; }

@media screen and (max-width: 768px) { .footer__item { border-bottom: 1px solid rgba(255, 255, 255, 0.35); padding: 0; } }

.footer__link { color: #fff; font-size: 1.3rem; line-height: 3rem; }

@media screen and (max-width: 768px) { .footer__link { display: block; font-size: 1rem; line-height: 3.6rem; padding: 0 10px; position: relative; } }

@media screen and (max-width: 768px) { .footer__link::before { border-color: transparent transparent transparent #fff; border-style: solid; border-width: 3px 0 3px 5px; bottom: 0; content: ""; margin: auto 0; position: absolute; right: 10px; top: 0; height: 0; width: 0; } }

.footer__copy { color: #fff; display: block; font-size: 1.3rem; line-height: 3rem; text-align: center; }

@media screen and (max-width: 768px) { .footer__copy { font-size: 1rem; line-height: 1.75rem; } }

.lower { padding: 170px 40px 200px; }

@media screen and (max-width: 768px) { .lower { padding: 85px 40px 200px; } }

.lower_recruit { padding: 100px 40px 200px; }

@media screen and (max-width: 768px) { .lower_recruit { padding: 85px 40px 200px; } }

.lower__noKv { padding: 85px 40px 100px; }

@media screen and (max-width: 768px) { .lower__noKv { padding: 85px 25px 200px; } }

.lower__pc { display: block; }

@media screen and (max-width: 768px) { .lower__pc { display: none; } }

.lower__sp { display: none; }

@media screen and (max-width: 768px) { .lower__sp { display: block; } }

@media screen and (max-width: 768px) { .lower__wrap:first-of-type { padding: 0; } }

.lower__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 85px; letter-spacing: 0.12em; padding: 0 20%; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .lower__ttlSmall { font-size: 2.85rem; margin-bottom: 40px; padding: 0 5%; } }

@media screen and (max-width: 425px) { .lower__ttlSmall { font-size: 2.5rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .lower__ttlSmall { font-size: 2.2rem; } }

.lower__ttlSmall:before, .lower__ttlSmall:after { bottom: 0; content: ""; display: block; position: absolute; left: 0; margin: auto 0; top: 0; width: 100%; z-index: -1; }

.lower__ttlSmall:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 10%, #fff 20%, #fff 80%, #000 100%); height: 8px; }

@media screen and (max-width: 768px) { .lower__ttlSmall:before { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.lower__ttlSmall:after { background: #fff; height: 4px; }

.lower__about { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; margin-bottom: 80px; padding-left: 45px; }

@media screen and (max-width: 768px) { .lower__about { font-size: 1.9rem; line-height: 1.8; margin-bottom: 55px; padding: 0px; } }

.lower__introWrap { margin: 0px auto 150px; }

.lower__introWrap_voice { margin: 0px auto 70px; }

@media screen and (max-width: 768px) { .lower__introWrap { margin: 0px auto 85px; } }

.lower__intro { font-size: 1.8rem; letter-spacing: 0.1em; line-height: 2.3; text-align: center; }

@media screen and (max-width: 768px) { .lower__intro { display: block; font-size: 1.9rem; line-height: 1.8; } }

@media screen and (max-width: 425px) { .lower__intro { padding: 0px; } }

.lower__unit { margin-bottom: 105px; }

@media screen and (max-width: 768px) { .lower__unit { margin-bottom: 90px; } }

.lower__unit:nth-of-type(2) { margin-bottom: 145px; }

@media screen and (max-width: 768px) { .lower__unit:nth-of-type(2) { margin-bottom: 130px; } }

.lower__unit:last-child { margin-bottom: 100px; }

.lower__unit_voice { display: none; }

.lower__unit_voice.active { display: block; }

.lower__unit_requirements { margin-bottom: 80px !important; }

.lower__secTtl { display: block; font-size: 2.5rem; letter-spacing: 0.025em; margin-bottom: 30px; position: relative; }

.lower__secTtl:after { background: #b6b6b6; bottom: 18px; content: ""; display: block; height: 1px; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .lower__secTtl:after { bottom: 15px; } }

@media screen and (max-width: 425px) { .lower__secTtl:after { bottom: 12px; } }

@media screen and (max-width: 768px) { .lower__secTtl { font-size: 2.5rem; line-height: 1.3; } }

@media screen and (max-width: 425px) { .lower__secTtl { font-size: 2.1rem; } }

@media screen and (max-width: 425px) { .lower__secTtl_border_small:after { width: 50%; } }

.lower__secInner { background: #fff; display: inline; padding-right: .5em; position: relative; z-index: 1; }

.lower__txtWrap { margin-bottom: 35px; }

.lower__txtWrap_voice { margin-bottom: 55px; }

.lower__txtWrap_malware { width: 80%; }

@media screen and (max-width: 768px) { .lower__txtWrap_malware { width: 100%; } }

.lower__txtWrap_splunk { width: 70%; }

@media screen and (max-width: 768px) { .lower__txtWrap_splunk { width: 100%; } }

.lower__txtWrap_req { margin-bottom: 60px; }

@media screen and (max-width: 768px) { .lower__txtWrap_voice_list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.lower__cont { margin-bottom: 30px; }

.lower__cont_requirements { border-bottom: 1px solid #000; margin-bottom: 0; }

.lower__cont_requirements:first-of-type { border-top: 1px solid #000; }

.lower__lTxt { font-size: 2.3rem; font-weight: bold; line-height: 1.5; margin-bottom: 10px; padding: 0.25em 0em; background: transparent; }

.lower__boldTxt { font-size: 1.6rem; font-weight: bold; line-height: 1.5; display: inline; }

.lower__mTxt { font-size: 2rem; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }

.lower__mTxt_req { margin-bottom: 30px; }

.lower__mTxt_requirements { font-size: 2.3rem; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .lower__mTxt_requirements { font-size: 2rem; } }

.lower__bTxt { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff)); background: linear-gradient(transparent 70%, #a7d6ff 70%); display: inline; font-size: 2.2rem; font-weight: bold; line-height: 1.5; }

.lower__txt { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; word-wrap: break-word; }

@media screen and (max-width: 768px) { .lower__txt { font-size: 1.9rem; line-height: 1.8; } }

.lower__txt_right { text-align: right; }

.lower__txt_indent { text-indent: -1.25em; padding: 0 0 0 1.25em; }

.lower__txt_malware_report { text-align: center; }

.lower__txt_voice { color: #fff; bottom: 10px; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; position: absolute; left: 50%; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; z-index: 2; }

@media screen and (max-width: 768px) { .lower__txt_voice { font-size: 1.8rem; } }

.lower__txt_requirements { font-size: 2.3rem; padding: 20px 0; position: relative; }

@media screen and (max-width: 768px) { .lower__txt_requirements { font-size: 2rem; padding: 20px 60px 20px 0px; } }

.lower__txt_requirements:before { background: #000; content: ""; display: block; position: absolute; right: 35px; height: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; }

@media screen and (max-width: 768px) { .lower__txt_requirements:before { right: 20px; width: 25px; } }

.lower__txt_requirements:after { background: #000; content: ""; display: block; position: absolute; right: 35px; height: 2px; top: 50%; -webkit-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotate(90deg); width: 30px; }

@media screen and (max-width: 768px) { .lower__txt_requirements:after { right: 20px; width: 25px; } }

.lower__txt_requirements.active:after { content: none; }

.lower__smallTxt { font-size: 1.6rem; letter-spacing: 0.025em; }

.lower__smallTxt_bcp { text-indent: 0em; }

.lower__groupArea_malware { width: 20%; }

@media screen and (max-width: 768px) { .lower__groupArea_malware { display: none; } }

.lower__groupArea_splunk { width: 30%; }

@media screen and (max-width: 768px) { .lower__groupArea_splunk { width: 100%; } }

.lower__group { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 80px 0; max-width: 100%; }

@media screen and (max-width: 768px) { .lower__group { margin: 50px 0; } }

.lower__group_malware { margin: 0; }

.lower__group_malware_report { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 1200px) { .lower__group_malware_report { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.lower__group_splunk { margin: 0; }

.lower__figure_voice { display: inline-block; height: 260px; overflow: hidden; position: relative; width: 350px; }

.lower__figure_voice:before { content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(60%, rgba(255, 255, 255, 0)), to(#000)); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 60%, #000 100%); display: block; height: 100%; position: absolute; top: 0; width: 100%; z-index: 1; }

@media screen and (max-width: 768px) { .lower__figure_voice { margin: 40px 0 0px; height: auto; padding-top: 75%; width: 100%; } }

.lower__flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

.lower__flex_voice { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 70px; }

@media screen and (max-width: 768px) { .lower__flex_voice { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.lower__flex_mrd { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 30px 0; -webkit-box-pack: left; -webkit-justify-content: left; -ms-flex-pack: left; justify-content: left; }

@media screen and (max-width: 768px) { .lower__flex_mrd { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.lower__flex_malware { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

@media screen and (max-width: 768px) { .lower__flex_malware { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.lower__flex_splunk { margin-bottom: 50px; }

@media screen and (max-width: 768px) { .lower__flex_splunk { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.lower__col_voice { width: 65%; }

@media screen and (max-width: 768px) { .lower__col_voice { width: 100%; } }

.lower__imgArea_voice { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 30px; -webkit-box-pack: space-evenly; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; position: relative; }

@media screen and (max-width: 768px) { .lower__imgArea_voice { margin-bottom: 30px; margin-right: 0; width: 100%; } }

.lower__img_kind_mail { display: inline; vertical-align: middle; }

.lower__img_voice { position: absolute; width: auto; height: auto; top: 60%; left: 50%; min-height: 100%; min-width: 100%; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); -webkit-transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1); }

@media screen and (max-width: 768px) { .lower__img_voice { width: 100%; } }

.lower__img_rec { display: inline; vertical-align: text-bottom; width: 190px; }

.lower__img_intern { display: inline; vertical-align: middle; width: 150px; }

.lower__img_requirements { display: inline; vertical-align: baseline; width: 190px; }

.lower__list { margin: 20px 0; }

.lower__list_req { margin: 5px 0 20px; }

.lower__list_voice { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: calc(140 / 1500 * 100vw); }

@media screen and (max-width: 1090px) { .lower__list_voice { padding-left: calc(80 / 1500 * 100vw); } }

@media screen and (max-width: 1024px) { .lower__list_voice { padding: 0; } }

@media screen and (max-width: 768px) { .lower__list_voice { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.lower__numList { padding-left: 1.5em; }

.lower__smallList { margin: 10px 0; padding-left: 1.5em; }

.lower__item { font-size: 1.6rem; margin-bottom: 10px; text-indent: -1em; padding-left: 1em; }

.lower__item:last-child { margin-bottom: 0; }

.lower__item:before { content: "・"; }

.lower__item_mal { margin-bottom: 30px; }

.lower__item_voice { color: #a4a4a4; text-indent: 0em; margin-bottom: 30px; padding-left: 0em; width: 33.3333%; }

.lower__item_voice:nth-child(3n) { margin-right: 0; }

.lower__item_voice:before { content: ""; }

@media screen and (max-width: 1024px) { .lower__item_voice { margin: 0px 10px 30px; width: calc(33.3333% - 20px); } }

@media screen and (max-width: 768px) { .lower__item_voice { padding-left: 20px; position: relative; width: auto; }
  .lower__item_voice:before { content: ""; left: 0; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; -webkit-transform: translateY(-50%) rotate(135deg); transform: translateY(-50%) rotate(135deg); width: 7px; } }

.lower__numItem { font-size: 1.6rem; margin-bottom: 10px; text-indent: -1em; padding-left: 1em; }

.lower__numItem:last-child { margin-bottom: 0; }

.lower__smallItem { font-size: 1.6rem; margin-bottom: 10px; text-indent: -1em; padding-left: 1em; }

.lower__smallItem:before { content: "- "; }

.lower__smallItem:last-child { margin-bottom: 0; }

.lower__link_mrd { word-break: break-all; }

.lower__link_ul { text-decoration: underline; }

.lower__link_voice { display: inline-block; padding: 0 0 0 1em; text-indent: -1em; }

.lower__link_voice:hover { color: #000; opacity: 1; }

.lower__flowWrap { margin-bottom: 35px; position: relative; padding: 2em; border-bottom: 1px solid #bccffa; }

.lower__flowWrap_color_none { border: none; }

.lower__flowWrap_color_none::before { border: none; }

.lower__flowWrap_color_none::after { border: none; }

.lower__flowTxt { font-size: 2.2rem; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }

.lower__span_color_red { color: red; }

.lower__table_mss { border: 1px solid #000; width: 100%; }

.lower__table_smartphone { border: 1px solid #000; width: 100%; }

@media screen and (max-width: 768px) { .lower__table_smartphone { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }

.lower__table_themes_vulnerability th:nth-of-type(1), .lower__table_themes_vulnerability th:nth-of-type(2) { width: 260px; }

.lower__table_iot { border: 1px solid #000; width: 100%; }

@media screen and (max-width: 768px) { .lower__table_iot { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }

.lower__table_penetration { border: 1px solid #000; width: 100%; }

@media screen and (max-width: 768px) { .lower__table_penetration { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }

.lower__table_network { border: 1px solid #000; width: 100%; }

@media screen and (max-width: 768px) { .lower__table_network { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }

.lower__table_tlpt { border: 1px solid #000; width: 100%; }

@media screen and (max-width: 768px) { .lower__table_tlpt { display: block; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; } }

.lower__tr_mss:not(:last-of-type) { border-bottom: 1px solid #000; }

@media screen and (max-width: 768px) { .lower__tr_smartphone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.lower__tr_smartphone:not(:last-of-type) { border-bottom: 1px solid #000; }

.lower__tr_iot:not(:last-of-type) { border-bottom: 1px solid #000; }

.lower__tr_penetration:not(:last-of-type) { border-bottom: 1px solid #000; }

.lower__tr_network:not(:last-of-type) { border-bottom: 1px solid #000; }

.lower__tr_tlpt:not(:last-of-type) { border-bottom: 1px solid #000; }

.lower__th_mss { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; padding: 10px 20px; text-align: left; vertical-align: top; width: 280px; }

@media screen and (max-width: 768px) { .lower__th_mss { border-bottom: 1px solid #000; border-right: none; display: block; width: 100%; } }

.lower__th_smartphone { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; padding: 10px 20px; text-align: left; vertical-align: top; width: 260px; }

@media screen and (max-width: 768px) { .lower__th_smartphone { border-bottom: 1px solid #000; font-size: 1.2rem; width: 100%; } }

.lower__th_iot { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; padding: 10px 20px; text-align: left; vertical-align: top; width: 33.3333%; }

@media screen and (max-width: 768px) { .lower__th_iot { border-bottom: 1px solid #000; font-size: 1.2rem; } }

.lower__th_penetration { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; padding: 10px 20px; text-align: left; vertical-align: top; }

@media screen and (max-width: 768px) { .lower__th_penetration { border-bottom: 1px solid #000; font-size: 1.2rem; } }

.lower__th_penetration:not(:first-of-type) { width: 40%; }

.lower__th_network { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; padding: 10px 20px; text-align: left; vertical-align: top; }

@media screen and (max-width: 768px) { .lower__th_network { border-bottom: 1px solid #000; font-size: 1.2rem; } }

.lower__th_network:not(:first-of-type) { width: 50%; }

.lower__th_tlpt { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; padding: 10px 20px; text-align: left; vertical-align: top; }

@media screen and (max-width: 768px) { .lower__th_tlpt { border-bottom: 1px solid #000; font-size: 1.2rem; } }

.lower__th_tlpt:not(:first-of-type) { width: 40%; }

.lower__td_mss { font-size: 1.8rem; padding: 10px 20px; }

.lower__td_mss:first-of-type { border-right: 1px solid #000; }

@media screen and (max-width: 768px) { .lower__td_mss:first-of-type { border-bottom: 1px solid #000; border-right: none; } }

@media screen and (max-width: 768px) { .lower__td_mss { display: block; width: 100%; } }

.lower__td_smartphone { font-size: 1.8rem; padding: 10px 20px; }

.lower__td_smartphone:not(:last-of-type) { border-right: 1px solid #000; }

@media screen and (max-width: 768px) { .lower__td_smartphone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; font-size: 1.2rem; width: 100%; } }

.lower__td_iot { font-size: 1.8rem; padding: 10px 20px; width: 33.3333%; }

.lower__td_iot:not(:last-of-type) { border-right: 1px solid #000; }

@media screen and (max-width: 768px) { .lower__td_iot { font-size: 1.2rem; } }

.lower__td_penetration { font-size: 1.8rem; padding: 10px 20px; }

.lower__td_penetration:not(:last-of-type) { border-right: 1px solid #000; }

.lower__td_penetration:not(:first-of-type) { width: 40%; }

@media screen and (max-width: 768px) { .lower__td_penetration { font-size: 1.2rem; } }

.lower__td_network { font-size: 1.8rem; padding: 10px 20px; }

.lower__td_network:first-of-type { text-align: center; white-space: nowrap; }

.lower__td_network:not(:last-of-type) { border-right: 1px solid #000; }

.lower__td_network:not(:first-of-type) { width: 50%; }

@media screen and (max-width: 768px) { .lower__td_network { font-size: 1.2rem; } }

.lower__td_tlpt { font-size: 1.8rem; padding: 10px 20px; }

.lower__td_tlpt:not(:last-of-type) { border-right: 1px solid #000; }

.lower__td_tlpt:not(:first-of-type) { width: 40%; }

@media screen and (max-width: 768px) { .lower__td_tlpt { font-size: 1.2rem; } }

.lower__td_bg_gray { background: gray; color: #fff; }

@media screen and (max-width: 768px) { .lower__td_width_sp { width: 260px; } }

.lower__txtBoxWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 50px; }

@media screen and (max-width: 900px) { .lower__txtBoxWrap { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } }

@media screen and (max-width: 768px) { .lower__txtBoxWrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 25px; } }

.lower__txtBoxLeft { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; margin: 0; padding-top: 5px; width: 160px; height: 100px; background: #006400; position: relative; }

@media screen and (max-width: 768px) { .lower__txtBoxLeft { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 1.9rem; line-height: normal; padding-top: 0; width: 100%; height: 50px; } }

.lower__txtBoxLeft::after { border-left: 35px solid #006400; border-top: 50px solid transparent; border-bottom: 50px solid transparent; content: ""; position: absolute; left: 50%; top: 0; margin-left: 80px; }

@media screen and (max-width: 768px) { .lower__txtBoxLeft::after { display: none; } }

.lower__txtBoxRight { background-color: #fff; font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; width: 70%; }

@media screen and (max-width: 768px) { .lower__txtBoxRight { background-color: #f2f2f2; font-size: 1.9rem; line-height: 1.8; padding: 15px; width: 100%; } }

.lower__txtBoxSpan { color: #fff; position: relative; z-index: 3; font-weight: bold; top: 10px; left: 20px; line-height: 1.4; }

@media screen and (max-width: 768px) { .lower__txtBoxSpan { display: block; text-align: center; top: 0px; left: 0px; } }

.lower__recType { border-top: 1px solid #000; display: none; padding-top: 30px; }

.lower__cList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px -60px; }

@media screen and (max-width: 768px) { .lower__cList { display: block; margin: 0 0 -30px; } }

.lower__cList_themes_vertical { display: block; margin: 0 0 -20px; }

.lower__cItem { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0 0 60px; padding: 0 30px; width: 25%; }

@media screen and (max-width: 1024px) { .lower__cItem { width: 33.3333%; } }

@media screen and (max-width: 768px) { .lower__cItem { padding: 0; margin: 0 0 30px; width: auto; } }

.lower__cList_themes_vertical .lower__cItem { padding: 0; margin: 0 0 20px; width: auto; }

.lower__cLink { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 1px 1px 9px 0 #a6afb4; box-shadow: 1px 1px 9px 0 #a6afb4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: 0.04em; padding: 22.5px 1em; }

@media screen and (max-width: 768px) { .lower__cLink { font-size: 1.6rem; padding: 20px 1em; } }

.lower__cList_themes_vertical .lower__cLink { letter-spacing: normal; padding: 0; width: 150px; }

.lower__flex_themes_ics { -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; text-align: center; }

@media screen and (max-width: 768px) { .lower__flex_themes_ics { display: block; } }

@media screen and (max-width: 768px) { .lower__flex_themes_ics .lower__groupArea { margin: 0 0 20px; } }

.lower__flex_themes_ics .lower__group { margin: 0 0 10px; }

.mtContent { font-size: 1.8rem; letter-spacing: .025em; line-height: 1.7; margin: 90px 0; }

@media screen and (max-width: 768px) { .mtContent { font-size: 1.9rem; line-height: 1.8; margin: 30px 0 60px; } }

@media screen and (max-width: 768px) { .mtContent__container { padding: 0 30px; } }

.mtContent__cat { border: 1px solid #000; background: #fff; border-radius: 12.5px; display: inline-block; font-size: 1.2rem; min-width: 96px; padding: 2.5px 1em; text-align: center; }

@media screen and (max-width: 768px) { .mtContent__cat { border-radius: 16.5px; font-size: 1.6rem; min-width: 138px; padding: 3.5px 1em; } }

.mtContent p { margin: 1.5em 0; }

.lower > .mtContent { margin: 0; }

.lower .mtContent__container { padding: 0; }

/* PrismJS 1.21.0
https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+abap+abnf+actionscript+ada+agda+al+antlr4+apacheconf+apl+applescript+aql+arduino+arff+asciidoc+aspnet+asm6502+autohotkey+autoit+bash+basic+batch+bbcode+bison+bnf+brainfuck+brightscript+bro+bsl+c+csharp+cpp+cil+clojure+cmake+coffeescript+concurnas+csp+crystal+css-extras+cypher+d+dart+dax+dhall+diff+django+dns-zone-file+docker+ebnf+editorconfig+eiffel+ejs+elixir+elm+etlua+erb+erlang+excel-formula+fsharp+factor+firestore-security-rules+flow+fortran+ftl+gml+gcode+gdscript+gedcom+gherkin+git+glsl+go+graphql+groovy+haml+handlebars+haskell+haxe+hcl+hlsl+http+hpkp+hsts+ichigojam+icon+ignore+inform7+ini+io+j+java+javadoc+javadoclike+javastacktrace+jolie+jq+jsdoc+js-extras+json+json5+jsonp+jsstacktrace+js-templates+julia+keyman+kotlin+latex+latte+less+lilypond+liquid+lisp+livescript+llvm+lolcode+lua+makefile+markdown+markup-templating+matlab+mel+mizar+mongodb+monkey+moonscript+n1ql+n4js+nand2tetris-hdl+naniscript+nasm+neon+nginx+nim+nix+nsis+objectivec+ocaml+opencl+oz+parigp+parser+pascal+pascaligo+pcaxis+peoplecode+perl+php+phpdoc+php-extras+plsql+powerquery+powershell+processing+prolog+properties+protobuf+pug+puppet+pure+purebasic+purescript+python+q+qml+qore+r+racket+jsx+tsx+reason+regex+renpy+rest+rip+roboconf+robotframework+ruby+rust+sas+sass+scss+scala+scheme+shell-session+smali+smalltalk+smarty+solidity+solution-file+soy+sparql+splunk-spl+sqf+sql+stan+iecst+stylus+swift+t4-templating+t4-cs+t4-vb+tap+tcl+tt2+textile+toml+turtle+twig+typescript+typoscript+unrealscript+vala+vbnet+velocity+verilog+vhdl+vim+visual-basic+warpscript+wasm+wiki+xeora+xml-doc+xojo+xquery+yaml+yang+zig&plugins=line-numbers */
/** prism.js default theme for JavaScript, CSS and HTML Based on dabblet (http://dabblet.com) @author Lea Verou */
code[class*="language-"], pre[class*="language-"] { color: black; background: none; text-shadow: 0 1px white; font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; font-size: 1em; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; }

pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection { text-shadow: none; background: #b3d4fc; }

pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection { text-shadow: none; background: #b3d4fc; }

@media print { code[class*="language-"], pre[class*="language-"] { text-shadow: none; } }

/* Code blocks */
pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; }

:not(pre) > code[class*="language-"], pre[class*="language-"] { background: #f5f2f0; }

/* Inline code */
:not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; }

.token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; }

.token.punctuation { color: #999; }

.token.namespace { opacity: .7; }

.token.property, .token.tag, .token.boolean, .token.number, .token.constant, .token.symbol, .token.deleted { color: #905; }

.token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #690; }

.token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string { color: #9a6e3a; /* This background color was intended by the author of this theme. */ background: rgba(255, 255, 255, 0.5); }

.token.atrule, .token.attr-value, .token.keyword { color: #07a; }

.token.function, .token.class-name { color: #DD4A68; }

.token.regex, .token.important, .token.variable { color: #e90; }

.token.important, .token.bold { font-weight: bold; }

.token.italic { font-style: italic; }

.token.entity { cursor: help; }

pre[class*="language-"].line-numbers { position: relative; padding-left: 3.8em; counter-reset: linenumber; }

pre[class*="language-"].line-numbers > code { position: relative; white-space: inherit; }

.line-numbers .line-numbers-rows { position: absolute; pointer-events: none; top: 0; font-size: 100%; left: -3.8em; width: 3em; /* works for line-numbers below 1000 lines */ letter-spacing: -1px; border-right: 1px solid #999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.line-numbers-rows > span { display: block; counter-increment: linenumber; }

.line-numbers-rows > span:before { content: counter(linenumber); color: #999; display: block; padding-right: 0.8em; text-align: right; }

.mainVisual { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: center/cover no-repeat url(../images/pages/img_mbsd_01.jpg); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-height: 569px; position: relative; }

@media screen and (max-width: 768px) { .mainVisual { background-image: url(../images/pages/img_mbsd_01_sp.jpg); min-height: 484px; } }

.mainVisual__title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.mainVisual__en { color: #fff; font-family: "Ropa Sans"; font-size: 12rem; letter-spacing: 0.3em; }

.mainVisual__ja { color: #fff; font-size: 1.8rem; }

.mainVisual__bars { display: none; }

@media screen and (max-width: 768px) { .mainVisual__bars { background: center/50px 33px no-repeat url(../images/icon_bars_01.svg); display: block; height: 33px; left: 30px; position: absolute; top: 65px; width: 50px; } }

.mainVisual__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; right: 0; top: 22px; background-color: black; opacity: 0.85; }

@media screen and (max-width: 768px) { .mainVisual__list { display: none; } }

.mainVisual__item { padding: 0 40px; }

.mainVisual__link { color: white; display: block; font-size: 1.6rem; }

.topNews { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; padding: 170px 0; }

@media screen and (max-width: 768px) { .topNews { display: block; padding: 80px 0; } }

.topNews__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: none; padding: 0; position: relative; width: 100%; }

@media screen and (max-width: 768px) { .topNews__container { display: block; } }

.topNews__container::before { background: #e5e5e5; bottom: 50px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .topNews__container::before { bottom: -45px; } }

.topNews__header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 50px 0 0; position: relative; width: 250px; }

@media screen and (max-width: 768px) { .topNews__header { margin: 0 0 175px; width: auto; } }

.topNews__heading { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 200px; position: relative; }

@media screen and (max-width: 768px) { .topNews__heading { margin: 0; } }

.topNews__num { color: #e3e3e3; font-family: "Six Caps"; font-size: 37rem; line-height: 1; }

@media screen and (max-width: 768px) { .topNews__num { font-size: 20rem; } }

.topNews__en { font-family: "Ropa Sans"; font-size: 8rem; margin: -200px 0 0; }

@media screen and (max-width: 768px) { .topNews__en { font-size: 4.25rem; margin: -110px 0 0; } }

.topNews__button { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; bottom: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-family: "Ropa Sans"; font-size: 1.8rem; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px; z-index: 10; }

@media screen and (max-width: 768px) { .topNews__button { bottom: -60px; font-size: 2.25rem; width: 130px; } }

@media screen and (max-width: 768px) { .topNews__button_display_pc { display: none; } }

.topNews__button_display_sp { display: none; }

@media screen and (max-width: 768px) { .topNews__button_display_sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.topNews__list { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 0; max-width: 1200px; position: relative; visibility: hidden; width: calc(100vw - 300px); }

@media screen and (max-width: 768px) { .topNews__list { width: 100%; } }

.topNews__list.slick-initialized { height: auto; visibility: visible; }

@media screen and (max-width: 768px) { .topNews__list .slick-list { padding: 0 0 0 44px; } }

.topNews__list .slick-arrow { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: center/45px 45px no-repeat url(../images/icon_arrow_02.svg); border: none; height: 45px; padding: 0; position: absolute; top: -75px; width: 45px; }

@media screen and (max-width: 768px) { .topNews__list .slick-arrow { background-size: 34px 34px; height: 34px; width: 34px; } }

.topNews__list .slick-arrow:focus { outline: none; }

.topNews__list .slick-arrow.slick-prev { left: 0; }

@media screen and (max-width: 768px) { .topNews__list .slick-arrow.slick-prev { left: 44px; } }

.topNews__list .slick-arrow.slick-next { right: 46px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

@media screen and (max-width: 768px) { .topNews__list .slick-arrow.slick-next { right: 44px; } }

.topNews__item { margin: 0 30px; width: 310px; }

@media screen and (max-width: 768px) { .topNews__item { margin: 0 22px; width: calc(100vw - 88px); } }

.topNews__item:focus { outline: none; }

.topNews__link { display: block; }

.topNews__link:hover { opacity: 1; }

.topNews__link:focus { outline: none; }

.topNews__time { border-bottom: 1px solid #e3e3e3; color: #a4a4a4; line-height: 1; display: block; margin: 0 0 16px; padding: 0 0 13px; }

@media screen and (max-width: 768px) { .topNews__time { font-size: 1.25rem; margin: 0 0 13px; padding: 0 0 10px; } }

.topNews__title { font-size: 2.2rem; line-height: 3rem; margin: 0 0 12px; min-height: 62px; height: 62px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (max-width: 768px) { .topNews__title { font-size: 2rem; line-height: 2.75rem; margin: 0 0 9px; min-height: auto; } }

.topNews__text { margin: 0 0 20px; min-height: 63px; height: 63px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

@media screen and (max-width: 768px) { .topNews__text { min-height: auto; } }

.topNews__thumbnail { position: relative; height: 400px; overflow: hidden; }

@media screen and (max-width: 768px) { .topNews__thumbnail { height: calc(400 / 398 * 100vw); } }

.topNews__category { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 12.5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 10px; padding: 0 12px; position: absolute; top: 10px; z-index: 10; }

@media screen and (max-width: 768px) { .topNews__category { border-radius: 1.365px; height: 28px; font-size: 1.25rem; left: 7.5px; padding: 0 8px; top: 7.5px; } }

.topNews__img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .topNews__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.topNews__link:hover .topNews__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .topNews__link:hover .topNews__img { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.topSolutions { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: center/100% auto repeat-x url(../images/pages/img_solutions_02.png), right/auto 1001px no-repeat url(../images/pages/img_solutions_01.png); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 100px 0; }

@media screen and (max-width: 768px) { .topSolutions { background: right/auto 501px no-repeat url(../images/pages/img_solutions_01_sp.png), center/auto 210px repeat-x url(../images/pages/img_solutions_02_sp.png); } }

.topSolutions__container { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.topSolutions__title { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 250px; position: relative; }

@media screen and (max-width: 768px) { .topSolutions__title { margin: 0 0 140px; } }

.topSolutions__num { color: #e3e3e3; font-family: "Six Caps"; font-size: 37rem; line-height: 1; }

@media screen and (max-width: 768px) { .topSolutions__num { font-size: 20rem; } }

.topSolutions__en { font-family: "Ropa Sans"; font-size: 8rem; margin: -200px 0 0; }

@media screen and (max-width: 768px) { .topSolutions__en { font-size: 4.25rem; margin: -110px 0 0; } }

.topSection { background-color: #a2a2a2; display: block; overflow: hidden; position: relative; }

.topSection::before, .topSection::after { background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.topSection::before { -webkit-transition: -webkit-transform 60s linear; transition: -webkit-transform 60s linear; transition: transform 60s linear; transition: transform 60s linear, -webkit-transform 60s linear; }

@media screen and (max-width: 768px) { .topSection::after { content: none; } }

.topSection_themes_ir::before { background-image: url(../images/pages/img_ir_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_ir::before { background-image: url(../images/pages/img_ir_01_sp.jpg); } }

.topSection_themes_ir::after { background-image: url(../images/pages/img_ir_04.png); }

.topSection_themes_sa::before { background-image: url(../images/pages/img_sa_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_sa::before { background-image: url(../images/pages/img_sa_01_sp.jpg); } }

.topSection_themes_sa::after { background-image: url(../images/pages/img_sa_04.png); }

.topSection_themes_ma::before { background-image: url(../images/pages/img_ma_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_ma::before { background-image: url(../images/pages/img_ma_01_sp.jpg); } }

.topSection_themes_ma::after { background-image: url(../images/pages/img_ma_04.png); }

.topSection_themes_mss::before { background-image: url(../images/pages/img_mss_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_mss::before { background-image: url(../images/pages/img_mss_01_sp.jpg); } }

.topSection_themes_mss::after { background-image: url(../images/pages/img_mss_04.png); }

.topSection_themes_ist::before { background-image: url(../images/pages/img_ist_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_ist::before { background-image: url(../images/pages/img_ist_01_sp.jpg); } }

.topSection_themes_ist::after { background-image: url(../images/pages/img_ist_04.png); }

.topSection_themes_sc::before { background-image: url(../images/pages/img_sc_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_sc::before { background-image: url(../images/pages/img_sc_01_sp.jpg); } }

.topSection_themes_sc::after { background-image: url(../images/pages/img_sc_04.png); }

.topSection_themes_tse::before { background-image: url(../images/pages/img_tse_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_tse::before { background-image: url(../images/pages/img_tse_01_sp.jpg); } }

.topSection_themes_tse::after { background-image: url(../images/pages/img_tse_04.png); }

.topSection_themes_mgsp::before { background-image: url(../images/pages/img_mgsp_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_mgsp::before { background-image: url(../images/pages/img_mgsp_01_sp.jpg); } }

.topSection_themes_mgsp::after { background-image: url(../images/pages/img_mgsp_04.png); }

.topSection_themes_rd::before { background-image: url(../images/pages/img_rd_01.jpg); }

@media screen and (max-width: 768px) { .topSection_themes_rd::before { background-image: url(../images/pages/img_rd_01_sp.jpg); } }

.topSection_themes_rd::after { background-image: url(../images/pages/img_rd_04.png); }

.topSection_active::before { -webkit-transform: scale(2.5) rotate(0.001deg); transform: scale(2.5) rotate(0.001deg); }

.topSection__rhombus::before, .topSection__rhombus::after { background-position: center; background-repeat: no-repeat; background-size: cover; content: ""; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: 350ms 1100ms; transition: 350ms 1100ms; width: 100%; z-index: 10; }

@media screen and (max-width: 768px) { .topSection__rhombus::before, .topSection__rhombus::after { content: none; } }

.topSection__rhombus::after { -webkit-transition: 350ms 1000ms; transition: 350ms 1000ms; }

.topSection_themes_ir .topSection__rhombus::before { background-image: url(../images/pages/img_ir_02.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_ir .topSection__rhombus::after { background-image: url(../images/pages/img_ir_03.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_sa .topSection__rhombus::before { background-image: url(../images/pages/img_sa_02.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_themes_sa .topSection__rhombus::after { background-image: url(../images/pages/img_sa_03.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_themes_ma .topSection__rhombus::before { background-image: url(../images/pages/img_ma_02.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_ma .topSection__rhombus::after { background-image: url(../images/pages/img_ma_03.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_mss .topSection__rhombus::before { background-image: url(../images/pages/img_mss_02.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_themes_mss .topSection__rhombus::after { background-image: url(../images/pages/img_mss_03.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_ist .topSection__rhombus::before { background-image: url(../images/pages/img_ist_02.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_ist .topSection__rhombus::after { background-image: url(../images/pages/img_ist_03.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_themes_sc .topSection__rhombus::before { background-image: url(../images/pages/img_sc_02.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_themes_sc .topSection__rhombus::after { background-image: url(../images/pages/img_sc_03.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_themes_tse .topSection__rhombus::before { background-image: url(../images/pages/img_tse_02.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_tse .topSection__rhombus::after { background-image: url(../images/pages/img_tse_03.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_mgsp .topSection__rhombus::before { background-image: url(../images/pages/img_mgsp_02.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_mgsp .topSection__rhombus::after { background-image: url(../images/pages/img_mgsp_03.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_rd .topSection__rhombus::before { background-image: url(../images/pages/img_rd_02.png); -webkit-transform: translateX(-20px); transform: translateX(-20px); }

.topSection_themes_rd .topSection__rhombus::after { background-image: url(../images/pages/img_rd_03.png); -webkit-transform: translateX(20px); transform: translateX(20px); }

.topSection_active .topSection__rhombus::before, .topSection_active .topSection__rhombus::after { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); }

.topSection__link { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; padding: 80px 0; position: relative; width: 50%; z-index: 10; }

@media screen and (max-width: 768px) { .topSection__link { padding: 100px 0; width: 100%; } }

.topSection__link:hover { opacity: 1; }

.topSection:nth-child(even) .topSection__link { margin: 0 0 0 auto; }

.topSection__container { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: none; }

.topSection__title { margin: 0 0 20px; position: relative; -webkit-transition: opacity 350ms; transition: opacity 350ms; }

.topSection__link:hover .topSection__title { opacity: 1; }

.topSection__num { color: rgba(227, 227, 227, 0.35); display: block; font-family: "Six Caps"; font-size: 37rem; line-height: 1; text-align: center; }

@media screen and (max-width: 768px) { .topSection__num { font-size: 27.5rem; } }

@media screen and (max-width: 360px) { .topSection__num_mgsp { margin-left: -15px; } }

.topSection__box { bottom: 80px; left: 0; margin: 0 auto; position: absolute; right: 0; }

@media screen and (max-width: 768px) { .topSection__box { bottom: 50px; } }

.topSection__en { color: #fff; display: block; font-family: "Ropa Sans"; font-size: 4.5rem; line-height: 1; margin: 0 0 20px; text-align: center; }

@media screen and (max-width: 768px) { .topSection__en { font-size: 4.75rem; margin: 0 0 5px; } }

@media screen and (max-width: 768px) { .topSection_themes_mss .topSection__en { font-size: 4.25rem; } }

@media screen and (max-width: 768px) { .topSection_themes_ist .topSection__en { font-size: 4rem; } }

@media screen and (max-width: 768px) { .topSection_themes_tse .topSection__en { font-size: 3.75rem; } }

@media screen and (max-width: 768px) { .topSection_themes_rd .topSection__en { font-size: 3.75rem; } }

.topSection__ja { color: #fff; display: block; text-align: center; }

@media screen and (max-width: 768px) { .topSection__ja { font-size: 2.1rem; } }

.topSection__content { margin: 0 auto; max-width: 356px; -webkit-transition: opacity 350ms; transition: opacity 350ms; }

@media screen and (max-width: 768px) { .topSection__content { max-width: none; } }

.topSection__link:hover .topSection__content { opacity: 1; }

.topSection__text { color: #fff; font-size: 1.3rem; line-height: 2.1rem; }

.topSection__text:not(:last-child) { margin: 0 0 2.1rem; }

@media screen and (max-width: 768px) { .topSection__text { font-size: 1.9rem; line-height: 3.4rem; } }

.topSection__button { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; bottom: 0; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-family: "Ropa Sans"; font-size: 2rem; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; opacity: 0; position: absolute; top: 0; -webkit-transition: 350ms; transition: 350ms; visibility: hidden; width: 100%; }

@media screen and (max-width: 768px) { .topSection__button { font-size: 2.5rem; } }

.topSection__button::before { border: 1px solid #fff; bottom: 0; content: ""; height: 300px; left: 0; margin: auto; position: absolute; right: 0; top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 300px; }

@media screen and (max-width: 768px) { .topSection__button::before { height: 240px; width: 240px; } }

.topSection__link:hover .topSection__button { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); visibility: visible; }

.topAdvantage { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: center/cover no-repeat url(../images/pages/img_advantage_01.jpg); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; min-height: 100vh; padding: 40px 0; }

@media screen and (max-width: 768px) { .topAdvantage { background: center/cover no-repeat url(../images/pages/img_advantage_01_sp.jpg); padding: 100px 0; } }

.topAdvantage__container { margin: 0 0 0 auto; max-width: none; width: 50%; }

@media screen and (max-width: 768px) { .topAdvantage__container { width: 100%; } }

.topAdvantage__title { margin: 0 0 100px; position: relative; }

@media screen and (max-width: 768px) { .topAdvantage__title { margin: 0 0 200px; } }

.topAdvantage__num { color: rgba(227, 227, 227, 0.35); display: block; font-family: "Six Caps"; font-size: 37rem; line-height: 1; text-align: center; }

@media screen and (max-width: 768px) { .topAdvantage__num { font-size: 27.5rem; } }

.topAdvantage__box { bottom: 80px; left: 0; margin: 0 auto; position: absolute; right: 0; }

@media screen and (max-width: 768px) { .topAdvantage__box { bottom: 50px; } }

.topAdvantage__en { color: #fff; display: block; font-family: "Ropa Sans"; font-size: 8rem; line-height: 1; text-align: center; }

@media screen and (max-width: 768px) { .topAdvantage__en { font-size: 4.75rem; } }

.topAdvantage__button { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-family: "Ropa Sans"; font-size: 1.8rem; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; position: relative; width: 100px; z-index: 10; }

@media screen and (max-width: 768px) { .topAdvantage__button { font-size: 2.5rem; width: 130px; } }

.topResearch { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #f7f7f7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 130px 0; }

@media screen and (max-width: 768px) { .topResearch { background: #fff; display: block; padding: 110px 0 230px; } }

.topResearch__container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; max-width: none; position: relative; width: 100%; }

@media screen and (max-width: 768px) { .topResearch__container { display: block; } }

.topResearch__container::before { background: #e5e5e5; bottom: 50px; content: ""; height: 1px; left: 0; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .topResearch__container::before { bottom: 0; } }

.topResearch__header { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 250px; }

@media screen and (max-width: 768px) { .topResearch__header { margin: 0 0 185px; width: auto; } }

.topResearch__heading { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 200px; position: relative; }

@media screen and (max-width: 768px) { .topResearch__heading { margin: 0; } }

.topResearch__num { color: #e3e3e3; font-family: "Six Caps"; font-size: 37rem; line-height: 1; }

@media screen and (max-width: 768px) { .topResearch__num { font-size: 27.5rem; } }

.topResearch__en { font-family: "Ropa Sans"; font-size: 4.7rem; margin: -200px 0 0; }

@media screen and (max-width: 768px) { .topResearch__en { font-size: 4.75rem; margin: -120px 0 0; } }

.topResearch__button { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #f7f7f7; bottom: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-family: "Ropa Sans"; font-size: 1.8rem; height: 30px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 0; margin: 0 auto; position: absolute; right: 0; width: 100px; z-index: 10; }

@media screen and (max-width: 768px) { .topResearch__button { background: #fff; bottom: -15px; font-size: 2.5rem; width: 130px; } }

@media screen and (max-width: 768px) { .topResearch__button_display_pc { display: none; } }

.topResearch__button_display_sp { display: none; }

@media screen and (max-width: 768px) { .topResearch__button_display_sp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } }

.topResearch__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .topResearch__list { background: bottom 60px center/5px 50px no-repeat url(../images/icon_dots_01.svg); display: block; padding: 0 0 100px; } }

.topResearch__item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; max-width: 390px; padding: 0 30px; position: relative; width: 33.3333%; z-index: 10; }

@media screen and (max-width: 768px) { .topResearch__item { margin: 0 0 50px; max-width: none; padding: 0; width: 100%; } }

@media screen and (max-width: 768px) { .topResearch__item:last-child { display: none; } }

.topResearch__link { background: #fff; display: block; }

@media screen and (max-width: 768px) { .topResearch__link { background: none; } }

.topResearch__link:hover { opacity: 1; }

.topResearch__card { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 40px; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding: 0 19px; }

@media screen and (max-width: 768px) { .topResearch__card { height: auto; margin: 0 0 10px; padding: 0; } }

.topResearch__time { color: #a4a4a4; }

@media screen and (max-width: 768px) { .topResearch__time { font-size: 1.25rem; } }

.topResearch__user { background: left/auto 15px no-repeat url(../images/icon_user_01.png); color: #a4a4a4; padding: 0 0 0 20px; }

@media screen and (max-width: 768px) { .topResearch__user { background-size: auto 12px; font-size: 1.25rem; padding: 0 0 0 16px; } }

.topResearch__thumbnail { height: 248px; overflow: hidden; position: relative; }

@media screen and (max-width: 768px) { .topResearch__thumbnail { height: calc(248 / 410 * 100vw); } }

.topResearch__img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .topResearch__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.topResearch__link:hover .topResearch__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .topResearch__link:hover .topResearch__img { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.topResearch__category { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 12.5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 10px; padding: 0 12px; position: absolute; top: 10px; z-index: 10; }

@media screen and (max-width: 768px) { .topResearch__category { border-radius: 1.365px; height: 28px; font-size: 1.25rem; left: 7.5px; padding: 0 8px; top: 7.5px; } }

.topResearch__content { padding: 18px 19px 28px; }

@media screen and (max-width: 768px) { .topResearch__content { padding: 20px 0 0; } }

.topResearch__title { font-size: 2.2rem; line-height: 3rem;  height: 62px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

@media screen and (max-width: 768px) { .topResearch__title { font-size: 2rem; line-height: 2.75rem; } }

.topResearch__text { margin: 1em 0 0; height: 105px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.customers__pagenation, .partners__pagenation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 425px) { .customers__pagenation, .partners__pagenation { margin: 0 -30px; } }

.customers__pagerBtn, .partners__pagerBtn { font-size: 2rem; -webkit-transition: 350ms; transition: 350ms; }

.customers__pagerBtn:hover, .partners__pagerBtn:hover { opacity: .6; }

.customers__pagerBtn.active, .partners__pagerBtn.active { background-color: #031828; color: #fff; }

.customers__pagerBtn_first, .customers__pagerBtn_last, .customers__pagerBtn_prev, .customers__pagerBtn_next, .customers__pagerBtn .link_last, .customers__pagerBtn .link_first, .customers__pagerBtn .link_before, .customers__pagerBtn .link_next, .partners__pagerBtn_first, .partners__pagerBtn_last, .partners__pagerBtn_prev, .partners__pagerBtn_next, .partners__pagerBtn .link_last, .partners__pagerBtn .link_first, .partners__pagerBtn .link_before, .partners__pagerBtn .link_next { background-position: center; background-repeat: no-repeat; border-bottom-color: transparent; }

.customers__pagerBtn_first, .customers__pagerBtn .link_first, .partners__pagerBtn_first, .partners__pagerBtn .link_first { background-image: url(../images/page_first.png); background-size: 17px; text-indent: -9999px; }

.customers__pagerBtn_last, .customers__pagerBtn .link_last, .partners__pagerBtn_last, .partners__pagerBtn .link_last { background-image: url(../images/page_first.png); background-size: 17px; text-indent: -9999px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.customers__pagerBtn_prev, .customers__pagerBtn .link_before, .partners__pagerBtn_prev, .partners__pagerBtn .link_before { background-image: url(../images/page_prev.png); background-size: 17px; text-indent: -9999px; }

.customers__pagerBtn_next, .customers__pagerBtn .link_next, .partners__pagerBtn_next, .partners__pagerBtn .link_next { background-image: url(../images/page_prev.png); background-size: 17px; text-indent: -9999px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.customers__pagerBtn_pages, .partners__pagerBtn_pages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; }

.customers__pagerLink, .partners__pagerLink { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 45px; padding: 0 15px; width: inherit; }

@media screen and (max-width: 425px) { .customers__pagerLink, .partners__pagerLink { height: 35px; min-width: 35px; padding: 0 5px; } }

.customers__pagerLink:hover, .partners__pagerLink:hover { opacity: 1; }

.customers .current_page, .customers .link_page, .customers .link_last, .customers .link_first, .customers .link_before, .customers .link_next, .partners .current_page, .partners .link_page, .partners .link_last, .partners .link_first, .partners .link_before, .partners .link_next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 2rem; height: 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*padding: 8px 15px;*/ width: 45px; }

.customers .current_page, .partners .current_page { background-color: #000; color: #fff; }

.company__lower { padding: 170px 0 0; }

@media screen and (max-width: 768px) { .company__lower { padding: 85px 0 0; } }

.history { overflow: hidden; margin: 0 0 160px; }

@media screen and (max-width: 768px) { .history { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .history__container { padding: 0 30px; } }

.history .lower__ttlSmall { margin: 0 0 40px; }

@media screen and (max-width: 768px) { .history .lower__ttlSmall { margin: 0 0 20px; } }

.history__tabGroup { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 0 0 60px; }

@media screen and (max-width: 768px) { .history__tabGroup { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto 20px; max-width: 500px; } }

@media screen and (max-width: 425px) { .history__tabGroup { margin: 0 -10px 20px; } }

.history__tab { color: #808080; cursor: pointer; font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 35px; }

@media screen and (max-width: 768px) { .history__tab { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.9rem; line-height: 3.4rem; margin: 0 15px; width: 8em; } }

@media screen and (max-width: 425px) { .history__tab { font-size: 1.8rem; margin: 0 10px; white-space: nowrap; } }

.history__tab_isActive { color: inherit; }

.history__panel { display: none; }

.history__panel_isShow { -webkit-animation: slidein .35s backwards; animation: slidein .35s backwards; display: block; }

.history__year { color: #4b4948; font-size: 2.5rem; letter-spacing: .025em; line-height: 3rem; margin: 3rem 0; }

@media screen and (max-width: 768px) { .history__year { font-size: 2.25rem; margin: 10px 0; } }

.history__list { border-left: 2px solid #b6b6b6; margin: 0 0 0 39px; padding: 0 0 0 39px; }

@media screen and (max-width: 768px) { .history__list { margin: 0 0 0 19px; padding: 10px 0 0 19px; } }

.history__month { color: #4b4948; font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 0 5px; }

@media screen and (max-width: 768px) { .history__month { font-size: 1.9rem; line-height: 3.4rem; } }

.history__text { color: #4b4948; font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 0 20px; }

@media screen and (max-width: 768px) { .history__text { font-size: 1.9rem; line-height: 3.4rem; } }

.greeting { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .greeting { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .greeting__container { padding: 0 30px; } }

.greeting__img { width: 100%; }

.greeting__img_only_pc { display: block; }

@media screen and (max-width: 768px) { .greeting__img_only_pc { display: none; } }

.greeting__img_only_sp { display: none; }

@media screen and (max-width: 768px) { .greeting__img_only_sp { display: block; } }

.greeting__content { font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 3rem 0 0; }

@media screen and (max-width: 768px) { .greeting__content { font-size: 1.9rem; line-height: 3.4rem; margin: 3.4rem 0 0; } }

.greeting__content > * { margin: 0 0 3rem; }

@media screen and (max-width: 768px) { .greeting__content > * { margin: 0 0 3.4rem; } }

.greeting__content > *:last-child { margin: 6rem 0 0; text-align: right; }

@media screen and (max-width: 768px) { .greeting__content > *:last-child { margin: 6.8rem 0 0; } }

.greeting__content img { display: inline; }

.career { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .career { margin: 0 0 80px; } }

.career__overflow { position: relative; }

.career__scrollable { overflow: auto; -ms-overflow-style: none; scrollbar-width: none; }

.career__scrollable::-webkit-scrollbar { display: none; }

.career__adjustment { margin: 0 0 5px; width: 2765px; }

@media screen and (max-width: 768px) { .career__adjustment { width: 2286px; } }

.career__scrollbar { background: #c4c4c4; bottom: 0; height: 5px; left: 0; position: absolute; right: 0; }

.career__scrollbarTrack { background: #6897bc; height: 5px; width: 0; }

.career__scrollbarThumb { background: rgba(7, 73, 125, 0.2); border-radius: 50%; bottom: 0; cursor: pointer; height: 40px; left: -20px; margin: auto 0; position: absolute; top: 0; width: 40px; }

.career__scrollbarThumb::before { background: #07497d; border-radius: 50%; bottom: 0; content: ""; height: 15px; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 15px; }

.career__list { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 28px 40px; }

.career__item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; position: relative; width: 369px; }

@media screen and (max-width: 768px) { .career__item { width: 320px; } }

.career__item:not(:last-child) { margin: 0 99px 0 0; }

@media screen and (max-width: 768px) { .career__item:not(:last-child) { margin: 0 62px 0 0; } }

.career__item:not(:last-child)::after { background: url(../images/pages/company/company_career_arrow.png) no-repeat center; bottom: 0; content: ""; height: 43px; position: absolute; right: -55px; top: 99px; width: 21px; }

@media screen and (max-width: 768px) { .career__item:not(:last-child)::after { right: -41.5px; top: 75.5px; } }

.career__date { font-size: 1.8rem; letter-spacing: .12em; line-height: 3rem; }

@media screen and (max-width: 768px) { .career__date { font-size: 1.9rem; line-height: 3.4rem; } }

.career__text { font-size: 1.8rem; letter-spacing: .12em; line-height: 3rem; text-align: justify; }

@media screen and (max-width: 768px) { .career__text { font-size: 1.9rem; line-height: 3.4rem; } }

.career__item:first-child .career__text { font-size: 1.6rem; white-space: nowrap; }

@media screen and (max-width: 768px) { .career__item:first-child .career__text { font-size: 1.9rem; white-space: normal; } }

.mvv { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .mvv { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .mvv__container { padding: 0 30px; } }

.mvv__description { font-size: 1.8rem; letter-spacing: .12em; line-height: 3rem; margin: 0 0 6rem; text-align: center; }

@media screen and (max-width: 768px) { .mvv__description { font-size: 1.9rem; line-height: 3.4rem; margin: 3.4rem 0 0; margin: 0 0 3.4rem; } }

.mvv__item { margin: 0 0 110px; position: relative; }

@media screen and (max-width: 768px) { .mvv__item { margin: 0 0 100px; } }

.mvv__item:nth-child(2) { margin: 0 0 270px; }

@media screen and (max-width: 768px) { .mvv__item:nth-child(2) { margin: 0 0 100px; } }

.mvv__container02 { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 0 auto; max-width: none; padding: 0; width: calc((100vw - 1310px) / 2 + 1310px); }

@media screen and (max-width: 1310px) { .mvv__container02 { width: 100%; } }

@media screen and (max-width: 768px) { .mvv__container02 { display: block; width: 100%; } }

.mvv__item:nth-child(even) .mvv__container02 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; margin: 0 auto 0 0; }

.mvv__content { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0 60px 0; width: calc(770 / 1405 * 100%); }

@media screen and (max-width: 768px) { .mvv__content { padding: 0 30px 3.4rem; position: relative; width: 100%; } }

.mvv__content::before { background: rgba(104, 151, 188, 0.3); content: ""; height: 245px; left: 0; position: absolute; top: 3rem; width: calc(1140 / 1500 * 100vw); z-index: -10; }

@media screen and (max-width: 768px) { .mvv__content::before { top: 2.5rem; height: 100%; width: 100%; } }

.mvv__item:nth-child(2) .mvv__content { width: calc(800 / 1405 * 100%); }

@media screen and (max-width: 768px) { .mvv__item:nth-child(2) .mvv__content { width: 100%; } }

.mvv__item:nth-child(2) .mvv__content::before { background: #9db3c4; left: auto; height: 100%; right: 0; width: calc(1175 / 1500 * 100vw); }

@media screen and (max-width: 768px) { .mvv__item:nth-child(2) .mvv__content::before { width: 100%; } }

.mvv__item:nth-child(3) .mvv__content { width: calc(880 / 1405 * 100%); }

@media screen and (max-width: 768px) { .mvv__item:nth-child(3) .mvv__content { width: 100%; } }

.mvv__item:nth-child(3) .mvv__content::before { background: rgba(104, 151, 188, 0.3); height: 100%; width: calc(1290 / 1500 * 100vw); }

@media screen and (max-width: 768px) { .mvv__item:nth-child(3) .mvv__content::before { width: 100%; } }

.mvv__thumbnail { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 317px; margin: 6rem 0 0; overflow: hidden; position: relative; width: calc(635 / 1405 * 100%); }

@media screen and (max-width: 768px) { .mvv__thumbnail { height: auto; margin: 0 0 0 auto; width: calc(800 / 1080 * 100vw); } }

.mvv__item:nth-child(2) .mvv__thumbnail { margin: 0; width: calc(605 / 1405 * 100%); }

@media screen and (max-width: 768px) { .mvv__item:nth-child(2) .mvv__thumbnail { width: calc(800 / 1080 * 100vw); } }

.mvv__item:nth-child(3) .mvv__thumbnail { margin: -9rem 0 0; width: calc(525 / 1405 * 100%); }

@media screen and (max-width: 768px) { .mvv__item:nth-child(3) .mvv__thumbnail { margin: 0 0 0 auto; width: calc(800 / 1080 * 100vw); } }

.mvv__img { height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; }

@media screen and (max-width: 768px) { .mvv__img { height: auto; -o-object-fit: fill; object-fit: fill; } }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .mvv__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

@media screen and (-ms-high-contrast: none) and (max-width: 768px), screen and (-ms-high-contrast: active) and (max-width: 768px) { .mvv__img { position: static; -webkit-transform: none; transform: none; width: 100%; } }

.mvv__title { font-size: 6rem; letter-spacing: .12em; line-height: 1; }

@media screen and (max-width: 768px) { .mvv__title { font-size: 5rem; } }

.mvv__item:nth-child(even) .mvv__title { text-align: right; }

.mvv__text { font-size: 1.8rem; letter-spacing: .12em; line-height: 3.2rem; margin: 3.2rem 0 0; }

@media screen and (max-width: 768px) { .mvv__text { font-size: 1.9rem; line-height: 3.4rem; margin: 1rem 0 0; } }

.mvv__subTitle { color: #031828; font-size: 2.5rem; letter-spacing: .12em; line-height: 1; margin: 2.5rem 0; }

@media screen and (max-width: 768px) { .mvv__subTitle { font-size: 2.25rem; margin: 2.25rem 0; } }

.mvv__ol { counter-reset: number; list-style: none; }

.mvv__li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; letter-spacing: .12em; line-height: 3.5rem; }

@media screen and (max-width: 768px) { .mvv__li { font-size: 1.9rem; line-height: 3.4rem; } }

.mvv__li::before { color: #031828; content: counter(number); counter-increment: number; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-weight: bold; margin: 0 1em 0 0; }

.csr { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .csr { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .csr__container { padding: 0 30px; } }

.csr__item:not(:last-child) { margin: 0 0 80px; }

.csr__title { border-bottom: 1px solid rgba(25, 51, 78, 0.3); font-size: 2.5rem; letter-spacing: .12em; line-height: 1; margin: 0 0 1.8rem; padding: 0 60px 1.8rem; }

@media screen and (max-width: 768px) { .csr__title { font-size: 2.25rem; line-height: 3rem; margin: 0 -30px 1.9rem; padding: 0 30px .75rem; } }

.csr__content { padding: 0 60px; }

@media screen and (max-width: 768px) { .csr__content { padding: 0; } }

.csr__ol { counter-reset: number; list-style: none; }

.csr__li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; letter-spacing: .12em; line-height: 3rem; }

@media screen and (max-width: 768px) { .csr__li { font-size: 1.9rem; line-height: 3.4rem; } }

.csr__li:not(:last-child) { margin: 0 0 3rem; }

@media screen and (max-width: 768px) { .csr__li:not(:last-child) { margin: 0 0 3.4rem; } }

.csr__li::before { color: #031828; content: counter(number); counter-increment: number; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-weight: bold; margin: 0 1em 0 0; }

.csr__text { font-size: 1.8rem; letter-spacing: .12em; line-height: 3rem; }

@media screen and (max-width: 768px) { .csr__text { font-size: 1.9rem; line-height: 3.4rem; } }

.about { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .about { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .about__container { padding: 0 30px; } }

.about__overflow { margin: 0 auto; max-width: 957px; width: 100%; }

.about__table { width: 100%; }

.about__th, .about__td { font-size: 1.8rem; letter-spacing: .12em; line-height: 2.5rem; vertical-align: middle; }

@media screen and (max-width: 768px) { .about__th, .about__td { font-size: 1.9rem; line-height: 3.4rem; } }

.about__th { background: #f0f2f2; font-weight: bold; height: 50px; padding: 0 2.5rem; text-align: left; }

@media screen and (max-width: 768px) { .about__th { height: 40px; padding: 0 .85rem; } }

.about__td { padding: 2.5rem; }

@media screen and (max-width: 768px) { .about__td { padding: .95rem .85rem 1.9rem; } }

.about__td img { display: inline; }

.access { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .access { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .access__container { padding: 0 30px; } }

.access__title { border-bottom: 1px solid rgba(25, 51, 78, 0.3); font-size: 2.5rem; letter-spacing: .12em; line-height: 1; margin: 0 0 3.2rem; padding: 0 60px 1.8rem; }

@media screen and (max-width: 768px) { .access__title { font-size: 2.25rem; line-height: 3rem; margin: 0 -30px 1.9rem; padding: 0 30px .75rem; } }

.access__box { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0 0 40px; padding: 0 60px; max-width: 1120px; }

@media screen and (max-width: 768px) { .access__box { display: block; padding: 0; } }

.access__content { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1.8rem; letter-spacing: .12em; line-height: 3.2rem; margin: 0 100px 0 0; width: 400px; }

@media screen and (max-width: 768px) { .access__content { font-size: 1.9rem; line-height: 3.4rem; margin: 0 0 3.4rem; width: 100%; } }

.access__content > *:not(:last-child) { margin: 0 0 1.8rem; }

@media screen and (max-width: 768px) { .access__content > *:not(:last-child) { margin: 0 0 1.9rem; } }

.access__content h4 { font-size: 2rem; font-weight: bold; letter-spacing: .12em; }

@media screen and (max-width: 768px) { .access__content h4 { font-size: 1.9rem; margin: 0 !important; } }

.access__content strong { font-weight: bold; }

.access__overflow { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; height: 320px; margin: 50px 0 0; overflow: hidden; position: relative; width: 500px; }

@media screen and (max-width: 768px) { .access__overflow { height: 225px; margin: 0; width: 100%; } }

.access__overflow iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.other { margin: 0 0 160px; }

@media screen and (max-width: 768px) { .other { margin: 0 0 80px; } }

@media screen and (max-width: 768px) { .other__container { padding: 0 30px; } }

.other__list { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .other__list { display: block; } }

.other__item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0 20px; width: 33.3333%; }

@media screen and (max-width: 768px) { .other__item { padding: 0; width: auto; } }

@media screen and (max-width: 768px) { .other__item:not(:last-child) { margin: 0 0 45px; } }

.other__thumbnail { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; height: 224px; }

@media screen and (max-width: 768px) { .other__thumbnail { height: auto; } }

.other__img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; height: 100%; max-width: none; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; }

@media screen and (max-width: 768px) { .other__img { height: auto; width: 100%; } }

.other__link:hover .other__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

.other__text { font-size: 1.8rem; letter-spacing: .12em; line-height: 3rem; margin: .5em 0 0; text-align: center; }

@media screen and (max-width: 768px) { .other__text { font-size: 1.9rem; } }

.partners { padding: 85px 0 100px; }

@media screen and (max-width: 768px) { .partners { padding: 85px 0 200px; } }

.partners__lower { padding: 0; }

.partners .lower__ttlSmall { margin: 0 0 40px; }

@media screen and (max-width: 768px) { .partners .lower__ttlSmall { margin: 0 0 20px; } }

.partners__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 80px -37.5px 0; }

@media screen and (max-width: 768px) { .partners__list { display: block; } }

.partners__item { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; padding: 0 37.5px; width: 33.3333%; }

@media screen and (max-width: 768px) { .partners__item { margin: 0 0 80px; width: auto; } }

.partners__item:not(:nth-last-child(-n+3)) { margin: 0 0 80px; }

@media screen and (max-width: 768px) { .partners__item:last-child { margin: 0; } }

.partners__thumbnail { border: 1px solid #797979; position: relative; overflow: hidden; height: 150px; }

.pertners__txt { font-size: 1.6rem; letter-spacing: 0.025em; line-height: 1.7; word-wrap: break-word; margin-top: 15px; }

.partners__img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .partners__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.partners__title { font-size: 2.2rem; line-height: 3rem; margin-bottom: 15px; }

.partnersDetail { padding: 60px 0 240px; }

@media screen and (max-width: 768px) { .partnersDetail { padding: 30px 0 120px; } }

.partnersDetail__lower { padding: 0; }

@media screen and (max-width: 768px) { .partnersDetail__container { padding: 0 30px; } }

.partnersDetail .lower__ttlSmall { margin: 0 0 60px; }

@media screen and (max-width: 768px) { .partnersDetail .lower__ttlSmall { margin: 0 0 30px; } }

.partnersDetail__block { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 768px) { .partnersDetail__block { display: block; } }

.partnersDetail__content { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 0 0 50px; }

@media screen and (max-width: 768px) { .partnersDetail__content { font-size: 1.9rem; letter-spacing: .12em; line-height: 2.9rem; margin: 0 0 120px; } }

.partnersDetail__content > *:not(:last-child) { margin: 0 0 3rem; }

@media screen and (max-width: 768px) { .partnersDetail__content > *:not(:last-child) { margin: 0 0 2.9rem; } }

.partnersDetail__content h1, .partnersDetail__content h2, .partnersDetail__content h3, .partnersDetail__content h4, .partnersDetail__content h5, .partnersDetail__content h6 { font-size: 2.5rem; font-weight: normal; letter-spacing: .025em; line-height: 4.5rem; }

@media screen and (max-width: 768px) { .partnersDetail__content h1, .partnersDetail__content h2, .partnersDetail__content h3, .partnersDetail__content h4, .partnersDetail__content h5, .partnersDetail__content h6 { font-size: 2.25rem; line-height: 3.4rem; } }

.partnersDetail__sidebar { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 300px; }

@media screen and (max-width: 768px) { .partnersDetail__sidebar { width: auto; } }

.partnersDetail__thumbnail { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #e9e9e9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 225px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }

.partnersDetail__img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; }

.partnersDetail__list { margin: 14px 0 0; }

@media screen and (max-width: 768px) { .partnersDetail__list { margin: 50px 0 0; } }

.partnersDetail__item { font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 0 3rem; }

@media screen and (max-width: 768px) { .partnersDetail__item { font-size: 1.9rem; } }

.partnersDetail__title { border-bottom: 1px dotted #7f7f7f; font-weight: bold; margin: 0 0 14px; padding: 0 0 3px; }

@media screen and (max-width: 768px) { .partnersDetail__title { font-size: 2rem; } }

.customers { padding: 110px 0; }

@media screen and (max-width: 768px) { .customers { padding: 55px 0 110px; } }

.customers__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 768px) { .customers__list { display: block; } }

.customers__list:after { content: ""; display: block; height: 0px; width: calc(33.3333% - 50px); }

@media screen and (max-width: 768px) { .customers__list:after { content: none; } }

.customers__item { width: calc(33.3333% - 50px); }

@media screen and (max-width: 768px) { .customers__item { margin: 0 0 80px; width: auto; } }

.customers__item:not(:nth-last-child(-n+3)) { margin: 0 0 80px; }

@media screen and (max-width: 768px) { .customers__item:last-child { margin: 0; } }

.customers__thumbnail { position: relative; overflow: hidden; height: 300px; }

.customers__img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .customers__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.customers__link:hover .customers__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .customers__link:hover .customers__img { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.customers__title { font-size: 2.2rem; line-height: 3rem; margin-bottom: 15px; }

.customersDetail { padding: 60px 0 240px; }

@media screen and (max-width: 768px) { .customersDetail { padding: 30px 0 120px; } }

.customersDetail__lower { padding: 0; }

@media screen and (max-width: 768px) { .customersDetail__container { padding: 0 30px; } }

.customersDetail .lower__ttlSmall { margin: 0 0 60px; }

@media screen and (max-width: 768px) { .customersDetail .lower__ttlSmall { margin: 0 0 30px; } }

.customersDetail__block { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }

@media screen and (max-width: 768px) { .customersDetail__block { display: block; } }

.customersDetail__content { -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 0 0 50px; }

@media screen and (max-width: 768px) { .customersDetail__content { font-size: 1.9rem; letter-spacing: .12em; line-height: 2.9rem; margin: 0 0 120px; } }

.customersDetail__content > *:not(:last-child) { margin: 0 0 3rem; }

@media screen and (max-width: 768px) { .customersDetail__content > *:not(:last-child) { margin: 0 0 2.9rem; } }

.customersDetail__content h1, .customersDetail__content h2, .customersDetail__content h3, .customersDetail__content h4, .customersDetail__content h5, .customersDetail__content h6 { font-size: 2.5rem; font-weight: normal; letter-spacing: .025em; line-height: 4.5rem; }

@media screen and (max-width: 768px) { .customersDetail__content h1, .customersDetail__content h2, .customersDetail__content h3, .customersDetail__content h4, .customersDetail__content h5, .customersDetail__content h6 { font-size: 2.25rem; line-height: 3.4rem; } }

.customersDetail__sidebar { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 300px; }

@media screen and (max-width: 768px) { .customersDetail__sidebar { width: auto; } }

.customersDetail__thumbnail { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #e9e9e9; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 225px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; }

.customersDetail__img { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; width: 100%; }

.customersDetail__list { margin: 14px 0 0; }

@media screen and (max-width: 768px) { .customersDetail__list { margin: 50px 0 0; } }

.customersDetail__item { font-size: 1.8rem; letter-spacing: .025em; line-height: 3rem; margin: 0 0 3rem; }

@media screen and (max-width: 768px) { .customersDetail__item { font-size: 1.9rem; } }

.customersDetail__title { border-bottom: 1px dotted #7f7f7f; font-weight: bold; margin: 0 0 14px; padding: 0 0 3px; }

@media screen and (max-width: 768px) { .customersDetail__title { font-size: 2rem; } }

.customers__title { height: 60px; overflow: hidden; position: relative; text-align: justify; }

@media screen and (max-width: 768px) { .customers__title { height: auto; overflow: auto; } }

.customers__title:before { background: #fff; bottom: 0; content: "..."; position: absolute; right: 0; width: 1em; }

@media screen and (max-width: 768px) { .customers__title:before { content: none; } }

.customers__title:after { background: #fff; height: 100%; content: ""; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .customers__title:after { content: none; } }

.main_pages_customers .breadcrumb__list { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; }

.main_pages_customers .breadcrumb__item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; white-space: normal; }

.news { padding-top: 175px; padding: 90px 40px; }

@media screen and (max-width: 768px) { .news { padding: 10px 30px 60px; } }

.news__wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 44px; }

@media screen and (max-width: 768px) { .news__wrap { display: none; } }

.news__catList { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.news__catItem { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.6rem; }

.news__catItem:not(:last-child) { margin: 0 4em 0 0; }

.news__catLink { color: #a4a4a4; font-size: inherit; }

.news__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px 50px; }

@media screen and (max-width: 768px) { .news__list { display: block; margin: 0 0 50px; } }

.news__item { margin: 0 0 60px; padding: 0 30px; width: 33.3333%; }

@media screen and (max-width: 768px) { .news__item { padding: 0; width: auto; } }

.news__item:nth-child(3n) { margin-right: 0; }

.news__thumbnail { position: relative; overflow: hidden; }

.news__category { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 12.5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 10px; min-width: 96px; padding: 0 12px; position: absolute; top: 10px; z-index: 10; }

@media screen and (max-width: 768px) { .news__category { border-radius: 16.5px; height: 33px; font-size: 1.6rem; min-width: 138px; top: 15px; } }

.news__imgArea { position: relative; overflow: hidden; height: calc(230 / 1250 * 100vw); max-height: 248px; }

@media screen and (max-width: 768px) { .news__imgArea { height: calc(404 / 750 * 100vw); } }

.news__img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .news__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.news__link:hover .news__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .news__link:hover .news__img { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.news__date { color: #a4a4a4; display: block; font-size: 1.6rem; line-height: 3rem; margin: 0 0 2px; }

@media screen and (max-width: 768px) { .news__date { font-size: 1.9rem; margin: 0 0 10px; } }

.news__title { font-size: 2.2rem; line-height: 3rem; margin-bottom: 10px; }

.news__text { font-size: 1.4rem; line-height: 1.6; }

@media screen and (max-width: 768px) { .news__text { font-size: 1.9rem; line-height: 3.4rem; } }

.news__txtArea { padding: 15px 20px; }

@media screen and (max-width: 768px) { .news__txtArea { padding: 15px 0 0; } }

.news__pagenation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 425px) { .news__pagenation { margin: 0 -30px; } }

.news__pagerBtn { font-size: 2rem; -webkit-transition: 350ms; transition: 350ms; }

.news__pagerBtn:hover { opacity: .6; }

.news__pagerBtn.active { background-color: #031828; color: #fff; }

.news__pagerBtn_first, .news__pagerBtn_last, .news__pagerBtn_prev, .news__pagerBtn_next, .news__pagerBtn .link_last, .news__pagerBtn .link_first, .news__pagerBtn .link_before, .news__pagerBtn .link_next { background-position: center; background-repeat: no-repeat; border-bottom-color: transparent; }

.news__pagerBtn_first, .news__pagerBtn .link_first { background-image: url(../images/page_first.png); background-size: 17px; text-indent: -9999px; }

.news__pagerBtn_last, .news__pagerBtn .link_last { background-image: url(../images/page_first.png); background-size: 17px; text-indent: -9999px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.news__pagerBtn_prev, .news__pagerBtn .link_before { background-image: url(../images/page_prev.png); background-size: 17px; text-indent: -9999px; }

.news__pagerBtn_next, .news__pagerBtn .link_next { background-image: url(../images/page_prev.png); background-size: 17px; text-indent: -9999px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.news__pagerBtn_pages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; }

.news__pagerLink { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 45px; padding: 0 15px; width: inherit; }

@media screen and (max-width: 425px) { .news__pagerLink { height: 35px; min-width: 35px; padding: 0 5px; } }

.news__pagerLink:hover { opacity: 1; }

.news .current_page, .news .link_page, .news .link_last, .news .link_first, .news .link_before, .news .link_next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 2rem; height: 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*padding: 8px 15px;*/ width: 45px; }

.news .current_page { background-color: #000; color: #fff; }

.mtContent, .researchDetail__entry { width: 100%; overflow: hidden; word-break: break-word; }

.mtContent h2, .mtContent h3, .mtContent h4, .mtContent h5, .mtContent h6, .researchDetail__entry h2, .researchDetail__entry h3, .researchDetail__entry h4, .researchDetail__entry h5, .researchDetail__entry h6 { font-weight: normal; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .mtContent h2, .mtContent h3, .mtContent h4, .mtContent h5, .mtContent h6, .researchDetail__entry h2, .researchDetail__entry h3, .researchDetail__entry h4, .researchDetail__entry h5, .researchDetail__entry h6 { margin-bottom: 24px; } }

.mtContent h2, .researchDetail__entry h2 { font-size: 2.5rem; }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent h2, .researchDetail__entry h2 { font-size: 2.3rem; } }

.mtContent h3, .researchDetail__entry h3 { font-size: 2.2rem; }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent h3, .researchDetail__entry h3 { font-size: 2rem; } }

.mtContent h4, .researchDetail__entry h4 { font-size: 2rem; }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent h4, .researchDetail__entry h4 { font-size: 1.7rem; } }

.mtContent h5, .researchDetail__entry h5 { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .mtContent h5, .researchDetail__entry h5 { font-size: 1.9rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent h5, .researchDetail__entry h5 { font-size: 1.7rem; } }

.mtContent h6, .researchDetail__entry h6 { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .mtContent h6, .researchDetail__entry h6 { font-size: 1.9rem; } }

.mtContent ul li, .researchDetail__entry ul li { font-size: 1.8rem; margin-bottom: 10px; padding-left: 1em; text-indent: -1em; }

@media screen and (max-width: 768px) { .mtContent ul li, .researchDetail__entry ul li { font-size: 1.9rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent ul li, .researchDetail__entry ul li { font-size: 1.6rem; } }

.mtContent ul li:last-child, .researchDetail__entry ul li:last-child { margin-bottom: 0; }

.mtContent ul li:before, .researchDetail__entry ul li:before { content: "・"; }

.mtContent ol, .researchDetail__entry ol { padding-left: 1.5em; }

.mtContent ol li, .researchDetail__entry ol li { font-size: 1.8rem; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .mtContent ol li, .researchDetail__entry ol li { font-size: 1.9rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent ol li, .researchDetail__entry ol li { font-size: 1.6rem; } }

.mtContent ol li:last-child, .researchDetail__entry ol li:last-child { margin-bottom: 0; }

.mtContent blockquote, .researchDetail__entry blockquote { display: block; -webkit-margin-before: 1em; margin-block-start: 1em; -webkit-margin-after: 1em; margin-block-end: 1em; -webkit-margin-start: 40px; margin-inline-start: 40px; -webkit-margin-end: 40px; margin-inline-end: 40px; }

@media screen and (max-width: 768px) { .mtContent blockquote, .researchDetail__entry blockquote { -webkit-margin-start: 30px; margin-inline-start: 30px; -webkit-margin-end: 30px; margin-inline-end: 30px; } }

@media screen and (max-width: 768px) { .mtContent img, .researchDetail__entry img { height: auto; width: 100%; } }

.mtContent pre, .researchDetail__entry pre { background: #f5f2f0; padding: 0.5em 2em 2em; }

.mtContent pre, .mtContent code, .researchDetail__entry pre, .researchDetail__entry code { font-size: 1.8rem; }

@media screen and (max-width: 768px) { .mtContent pre, .mtContent code, .researchDetail__entry pre, .researchDetail__entry code { font-size: 1.6rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent pre, .mtContent code, .researchDetail__entry pre, .researchDetail__entry code { font-size: 1.5rem; } }

.mtContent .prism, .researchDetail__entry .prism { width: 100%; }

.mtContent p, .researchDetail__entry p { min-height: 1px; }

@media screen and (max-width: 670px) { .mtContent p div.media, .researchDetail__entry p div.media { position: relative; padding-top: 56.25%; height: 0; } }

@media screen and (max-width: 670px) { .mtContent div.media iframe[src^="https://www.youtube.com/"], .researchDetail__entry div.media iframe[src^="https://www.youtube.com/"] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } }

.mtContent p.bgGray, .researchDetail__entry p.bgGray { background: #f0f2f2; font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; margin: 30px 0; padding: 2.5rem; }

@media screen and (max-width: 768px) { .mtContent p.bgGray, .researchDetail__entry p.bgGray { font-size: 1.6rem; line-height: 1.8; margin: 24px 0; padding: 2rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent p.bgGray, .researchDetail__entry p.bgGray { font-size: 1.5rem; } }

.mtContent p.olGray, .researchDetail__entry p.olGray { border: 1px solid #ccc; font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; margin: 30px 0; padding: 2.5rem; }

@media screen and (max-width: 768px) { .mtContent p.olGray, .researchDetail__entry p.olGray { font-size: 1.6rem; line-height: 1.8; margin: 24px 0; padding: 2rem; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent p.olGray, .researchDetail__entry p.olGray { font-size: 1.5rem; } }

.mtContent p.caption, .researchDetail__entry p.caption { color: #555; font-size: 1.7rem; margin: -30px 0 45px; }

@media screen and (max-width: 768px) { .mtContent p.caption, .researchDetail__entry p.caption { font-size: 1.5rem; } }

@media screen and (max-width: 768px) { .mtContent .scroll, .researchDetail__entry .scroll { overflow-x: scroll; } }

.mtContent table, .researchDetail__entry table { border: 1px solid #000; margin: 30px 0; width: 100%; }

@media screen and (max-width: 768px) { .mtContent table, .researchDetail__entry table { margin: 24px 0; } }

.mtContent tr:not(:last-of-type), .researchDetail__entry tr:not(:last-of-type) { border-bottom: 1px solid #000; }

.mtContent th, .researchDetail__entry th { background: #000; border-right: 1px solid #000; color: #fff; font-size: 1.8rem; min-width: 260px; padding: 10px 20px; text-align: left; vertical-align: top; }

@media screen and (max-width: 768px) { .mtContent th, .researchDetail__entry th { border-bottom: 1px solid #000; font-size: 1.4rem; min-width: 100px; } }

.mtContent td, .researchDetail__entry td { font-size: 1.8rem; padding: 10px 20px; }

.mtContent td:not(:last-of-type), .researchDetail__entry td:not(:last-of-type) { border-right: 1px solid #000; }

@media screen and (max-width: 768px) { .mtContent td, .researchDetail__entry td { font-size: 1.4rem; min-width: 100px; } }

.mtContent strong span, .researchDetail__entry strong span { font-weight: bold; }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .mtContent p, .researchDetail__entry p { font-size: 1.6rem; } }

.news__time { color: #a4a4a4; display: inline-block; font-size: 1.6rem; line-height: 3rem; margin: 0 16px 0 0; -webkit-transform: translateY(2px); transform: translateY(2px); }

@media screen and (max-width: 768px) { .news__time { font-size: 1.9rem; display: block; margin: 0 0 10px; } }

.rec { padding-bottom: 100px; }

@media screen and (max-width: 768px) { .rec { padding-bottom: 180px; } }

.rec__pc { display: block; }

@media screen and (max-width: 768px) { .rec__pc { display: none; } }

.rec__wrap { margin: 120px auto 70px; padding: 100px 0 30px; }

@media screen and (max-width: 768px) { .rec__wrap { margin: 75px auto 85px; padding: 60px 40px 30px; } }

.rec__aboutWrap { margin: 120px auto 70px; padding: 170px 0 30px; }

@media screen and (max-width: 768px) { .rec__aboutWrap { margin: 75px auto 85px; padding: 60px 40px 30px; } }

.rec__about { font-size: 1.8rem; letter-spacing: 0.1em; line-height: 2.3; text-align: center; }

@media screen and (max-width: 768px) { .rec__about { display: block; font-size: 1.9rem; line-height: 1.8; margin: 0px 0 35px; } }

@media screen and (max-width: 425px) { .rec__about { padding: 0px; } }

.rec__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 110px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .rec__ttlSmall { font-size: 2.85rem; margin-bottom: 100px; padding: 0 20px; } }

@media screen and (max-width: 425px) { .rec__ttlSmall { font-size: 2.5rem; margin-bottom: 70px; } }

.rec__ttlSmall:before, .rec__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 10%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .rec__ttlSmall:before, .rec__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.rec__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .rec__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .rec__ttlSmall:before { top: 15px; } }

.rec__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .rec__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .rec__ttlSmall:after { top: 21px; } }

.rec__contents { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 768px) { .rec__contents { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } }

.rec__contWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 50%; }

@media screen and (max-width: 768px) { .rec__contWrap { width: 100%; } }

.rec__article { margin: 0px 50px 100px; position: relative; }

.rec__txtArea { bottom: 0; padding: 50px 25px; position: absolute; width: 100%; }

@media screen and (max-width: 870px) { .rec__txtArea { padding: 30px 20px; } }

@media screen and (max-width: 375px) { .rec__txtArea { padding: 20px 7px; } }

.rec__name { color: #fff; font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-size: 5rem; }

@media screen and (max-width: 870px) { .rec__name { font-size: 4.6rem; } }

.rec__txt { color: #fff; font-size: 1.8rem; line-height: 2; }

@media screen and (max-width: 870px) { .rec__txt { font-size: 1.5rem; } }

.intern { padding-top: 150px; }

@media screen and (max-width: 425px) { .intern { padding: 84px 30px 0; } }

.intern__sp { display: none; }

@media screen and (max-width: 768px) { .intern__sp { display: block; } }

.intern__unit { margin-bottom: 100px; }

.intern__ttl { display: block; font-size: 2.5rem; letter-spacing: 0.025em; margin-bottom: 30px; position: relative; }

.intern__ttl:after { background: #b6b6b6; bottom: 1.5rem; content: ""; display: block; height: 2px; position: absolute; width: 100%; }

.intern__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 85px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .intern__ttlSmall { font-size: 2.85rem; margin-bottom: 40px; padding: 0 20px; } }

@media screen and (max-width: 425px) { .intern__ttlSmall { font-size: 2.5rem; } }

.intern__ttlSmall:before, .intern__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 10%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .intern__ttlSmall:before, .intern__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.intern__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .intern__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .intern__ttlSmall:before { top: 15px; } }

.intern__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .intern__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .intern__ttlSmall:after { top: 21px; } }

.intern__secInner { background: #fff; display: inline; padding-right: 20px; position: relative; z-index: 1; }

.intern__list { padding-left: 45px; }

@media screen and (max-width: 768px) { .intern__list { padding: 0; } }

.intern__group { margin-bottom: 40px; }

.intern__dt { font-size: 2rem; font-weight: bold; letter-spacing: 0.1em; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .intern__dt { font-size: 2.1rem; } }

.intern__dd { font-size: 1.8rem; letter-spacing: 0.1em; line-height: 1.5; margin-bottom: 10px; }

@media screen and (max-width: 768px) { .intern__dd { font-size: 1.9rem; } }

.intern__txt { font-size: 1.8rem; line-height: 1.75; padding-left: 45px; }

@media screen and (max-width: 768px) { .intern__txt { padding: 0; }
  .intern__txt:first-of-type { margin-bottom: 30px; } }

.value { padding-bottom: 100px; }

@media screen and (max-width: 768px) { .value { padding-bottom: 180px; } }

.value__noKv { padding: 85px 40px 100px; }

.value__pc { display: block; }

@media screen and (max-width: 768px) { .value__pc { display: none; } }

.value__sp { display: none; }

@media screen and (max-width: 768px) { .value__sp { display: block; } }

.value__wrap { padding: 0 30px; margin: 120px auto 150px; }

@media screen and (max-width: 768px) { .value__wrap { margin: 75px auto 85px; } }

.value__aboutWrap { padding: 0px 0 30px; margin: 120px auto 150px; }

@media screen and (max-width: 768px) { .value__aboutWrap { margin: 75px auto 85px; padding: 150px 40px 30px 40px; } }

.value__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 85px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .value__ttlSmall { font-size: 2.85rem; margin-bottom: 40px; padding: 0 20px; } }

@media screen and (max-width: 425px) { .value__ttlSmall { font-size: 2.5rem; } }

.value__ttlSmall:before, .value__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 10%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .value__ttlSmall:before, .value__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.value__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .value__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .value__ttlSmall:before { top: 15px; } }

.value__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .value__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .value__ttlSmall:after { top: 21px; } }

.value__about { font-size: 1.8rem; letter-spacing: 0.1em; line-height: 2.3; text-align: center; }

@media screen and (max-width: 768px) { .value__about { display: block; font-size: 1.9rem; line-height: 1.8; } }

@media screen and (max-width: 425px) { .value__about { padding: 0px; } }

.value__unit { margin-bottom: 105px; }

@media screen and (max-width: 768px) { .value__unit { margin-bottom: 90px; } }

.value__unit:nth-of-type(2) { margin-bottom: 145px; }

@media screen and (max-width: 768px) { .value__unit:nth-of-type(2) { margin-bottom: 130px; } }

.value__unit:last-child { margin-bottom: 100px; }

.value__secTtl { display: block; font-size: 2.5rem; letter-spacing: 0.025em; margin-bottom: 30px; position: relative; }

.value__secTtl:after { background: #b6b6b6; bottom: 1.8rem; content: ""; display: block; height: 1px; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .value__secTtl:after { bottom: 1.6rem; } }

@media screen and (max-width: 768px) { .value__secTtl { font-size: 2.5rem; line-height: 1.3; } }

@media screen and (max-width: 425px) { .value__secTtl { font-size: 2.2rem; } }

.value__secInner { background: #fff; display: inline; padding-right: 20px; position: relative; z-index: 1; }

.value__txtWrap { margin-bottom: 35px; }

.value__mTxt { font-size: 2rem; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }

.value__bTxt { background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #a7d6ff)); background: linear-gradient(transparent 70%, #a7d6ff 70%); display: inline; font-size: 2.2rem; font-weight: bold; line-height: 1.5; margin-bottom: 10px; }

.value__txt { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; }

@media screen and (max-width: 768px) { .value__txt { font-size: 1.9rem; line-height: 1.8; } }

.value__group { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 80px 0; }

@media screen and (max-width: 768px) { .value__group { margin: 50px 0; } }

.value__figure { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 135px 0 150px; }

@media screen and (max-width: 768px) { .value__figure { margin: 40px 0 45px; } }

.value__list { margin: 20px 0; }

.value__numList { padding-left: 1.5em; }

.value__item { font-size: 1.6rem; margin-bottom: 10px; }

.value__item:last-child { margin-bottom: 0; }

.value__item:before { content: "・"; }

.value__numItem { font-size: 1.6rem; margin-bottom: 10px; }

.value__numItem:last-child { margin-bottom: 0; }

.author { padding: 0 40px 158px; }

@media screen and (max-width: 768px) { .author { padding: 0 20px; } }

@media screen and (max-width: 768px) { .author .container { padding: 0; } }

.author__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin: 52px 0 18px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .author__ttlSmall { font-size: 2.85rem; margin-bottom: 40px; padding: 0 20px; } }

@media screen and (max-width: 425px) { .author__ttlSmall { font-size: 2.2rem; } }

.author__ttlSmall:before, .author__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .author__ttlSmall:before, .author__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.author__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .author__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .author__ttlSmall:before { top: 10px; } }

.author__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .author__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .author__ttlSmall:after { top: 16px; } }

.author__unit { margin-bottom: 65px; }

.author__txt { font-size: 1.8rem; line-height: 1.7; }

@media screen and (max-width: 768px) { .author__txt { font-size: 1.9rem; } }

.lower__entryItem { margin-bottom: 32px; }

.lower__entryInfo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.lower__entryTime { color: #a4a4a4; font-size: 1.4rem; }

@media screen and (max-width: 768px) { .lower__entryTime { font-size: 1.6rem; line-height: 1; } }

.lower__entryTtl { color: #4b4948; display: inline-block; font-size: 1.8rem; }

@media screen and (max-width: 768px) { .lower__entryTtl { font-size: 1.9rem; text-align: justify; } }

.lower__entryIcon { margin: 0 9px 11px 0; }

.lower__entryLink { text-decoration: underline; }

.research { padding-top: 175px; padding: 90px 40px; }

@media screen and (max-width: 768px) { .research { padding: 10px 30px 60px; } }

.research__wrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 60px; }

@media screen and (max-width: 768px) { .research__wrap { display: none; } }

.research__catList { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex: auto; -ms-flex: auto; flex: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; }

.research__catItem { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; font-size: 1.6rem; line-height: 2.9rem; margin: 0 4em 8px 0; }

.research__catLink { color: #a4a4a4; font-size: inherit; }

.research__rss { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; }

.research__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px 50px; }

@media screen and (max-width: 768px) { .research__list { display: block; margin: 0 0 50px; } }

.research__item { margin: 0 0 60px; padding: 0 30px; width: 33.3333%; }

@media screen and (max-width: 768px) { .research__item { padding: 0; width: auto; } }

.research__card { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0 10px; }

@media screen and (max-width: 768px) { .research__card { height: auto; padding: 0; } }

.research__time { color: #a4a4a4; font-size: 1.4rem; margin: 0 19px; }

@media screen and (max-width: 768px) { .research__time { font-size: 1.5rem; margin: 0 1em 0 0; } }

.research__users { background: left/auto 15px no-repeat url(../images/icon_user_01.png); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 0 0 20px; }

.research__user { color: #a4a4a4; font-size: 1.4rem; }

@media screen and (max-width: 768px) { .research__user { background-size: auto 12px; font-size: 1.5rem; } }

.research__user:not(:last-child)::after { content: "/"; margin: 0 .25em; }

.research__thumbnail { position: relative; overflow: hidden; }

.research__categories { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; left: 0; padding: 6.5px; position: absolute; top: 0; width: 100%; z-index: 10; }

@media screen and (max-width: 768px) { .research__categories { padding: 6.5px 11.5px; } }

.research__category { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 12.5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 3.5px; min-width: 96px; padding: 0 12px; }

@media screen and (max-width: 768px) { .research__category { border-radius: 16.5px; height: 33px; font-size: 1.6rem; min-width: 138px; } }

.research__category:nth-of-type(n+3) { display: none; }

.research__imgArea { position: relative; overflow: hidden; height: calc(230 / 1250 * 100vw); max-height: 248px; }

@media screen and (max-width: 768px) { .research__imgArea { height: calc(404 / 750 * 100vw); } }

.research__img { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .research__img { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.research__link:hover .research__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .research__link:hover .research__img { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.research__title { font-size: 2.2rem; line-height: 3rem; margin-bottom: 10px; }

.research__text { font-size: 1.4rem; line-height: 1.6; }

@media screen and (max-width: 768px) { .research__text { font-size: 1.9rem; line-height: 3.4rem; } }

.research__txtArea { padding: 15px 20px; }

@media screen and (max-width: 768px) { .research__txtArea { padding: 15px 0 0; } }

.research__pagenation, .research__pagerBtns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

@media screen and (max-width: 425px) { .research__pagenation, .research__pagerBtns { margin: 0 -30px; } }

.research__pagerBtn, .research__pagerBtns { font-size: 2rem; -webkit-transition: 350ms; transition: 350ms; }

.research__pagerBtn:hover, .research__pagerBtns:hover { opacity: .6; }

.research__pagerBtn.active, .research__pagerBtns.active { background-color: #031828; color: #fff; }

.research__pagerBtn_first, .research__pagerBtn_last, .research__pagerBtn_prev, .research__pagerBtn_next, .research__pagerBtn .link_last, .research__pagerBtn .link_first, .research__pagerBtn .link_before, .research__pagerBtn .link_next, .research__pagerBtns_first, .research__pagerBtns_last, .research__pagerBtns_prev, .research__pagerBtns_next, .research__pagerBtns .link_last, .research__pagerBtns .link_first, .research__pagerBtns .link_before, .research__pagerBtns .link_next { background-position: center; background-repeat: no-repeat; border-bottom-color: transparent; }

.research__pagerBtn_first, .research__pagerBtn .link_first, .research__pagerBtns_first, .research__pagerBtns .link_first { background-image: url(../images/page_first.png); background-size: 17px; text-indent: -9999px; }

.research__pagerBtn_last, .research__pagerBtn .link_last, .research__pagerBtns_last, .research__pagerBtns .link_last { background-image: url(../images/page_first.png); background-size: 17px; text-indent: -9999px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.research__pagerBtn_prev, .research__pagerBtn .link_before, .research__pagerBtns_prev, .research__pagerBtns .link_before { background-image: url(../images/page_prev.png); background-size: 17px; text-indent: -9999px; }

.research__pagerBtn_next, .research__pagerBtn .link_next, .research__pagerBtns_next, .research__pagerBtns .link_next { background-image: url(../images/page_prev.png); background-size: 17px; text-indent: -9999px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.research__pagerBtn_pages, .research__pagerBtns_pages { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: auto; }

.research__pagerLink, .research .link_page, .research .link_next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; height: 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 45px; padding: 0 15px; width: inherit; }

@media screen and (max-width: 425px) { .research__pagerLink, .research .link_page, .research .link_next { height: 35px; min-width: 35px; padding: 0 5px; } }

.research__pagerLink:hover, .research .link_page:hover, .research .link_next:hover { opacity: 1; }

.research .current_page, .research .link_page, .research .link_last, .research .link_first, .research .link_before, .research .link_next { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 2rem; height: 45px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; /*padding: 8px 15px;*/ width: 45px; }

.research .current_page { background-color: #000; color: #fff; }

.researchDetail { padding-bottom: 140px; }

.researchDetail__sp { display: none; }

@media screen and (max-width: 768px) { .researchDetail__sp { display: block; } }

.researchDetail__content { margin-bottom: 85px; }

.researchDetail__topWrap { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 0 40px; }

@media screen and (max-width: 768px) { .researchDetail__topWrap { background-color: #fff; padding: 15px 0 30px; } }

.researchDetail__time { color: #a4a4a4; margin-right: 20px; padding-left: 25px; position: relative; }

.researchDetail__time:before { background: url(../images/icon_clock.png) no-repeat center/cover; content: ""; height: 18px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; }

.researchDetail__person { color: #a4a4a4; display: block; margin-right: 50px; padding-left: 25px; position: relative; }

.researchDetail__person:before { background: url(../images/icon_user_01.png) no-repeat center/cover; content: ""; height: 18px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 18px; }

.researchDetail__catArea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; }

@media screen and (max-width: 768px) { .researchDetail__catArea { margin-top: 10px; } }

.researchDetail__cat { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 12.5px; -webkit-box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.2); box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.2); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; min-width: 96px; padding: 0 12px; z-index: 10; }

.researchDetail__cat:not(:last-child) { margin-right: 15px; }

@media screen and (max-width: 768px) { .researchDetail__cat { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; border-radius: 16.5px; font-size: 1.6rem; height: 33px; min-width: 100px; width: 100px; } }

.researchDetail__wrap { padding: 50px 40px 50px; }

@media screen and (max-width: 768px) { .researchDetail__wrap { padding: 50px 30px 50px; } }

@media screen and (max-width: 768px) { .researchDetail__color { background-color: #fff; } }

@media screen and (max-width: 768px) { .researchDetail__color_gray { background-color: #fff; } }

.researchDetail__imgArea { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 60px; }

.researchDetail__first { padding-bottom: 50px; }

.researchDetail__nameArea { margin-bottom: 22px; text-align: right; }

.researchDetail__belongs { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; word-wrap: break-word; }

@media screen and (max-width: 768px) { .researchDetail__belongs { font-size: 1.9rem; } }

@media screen and (max-width: 425px) { .researchDetail__belongs { font-size: 1.4rem; } }

.researchDetail__name { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; word-wrap: break-word; }

@media screen and (max-width: 768px) { .researchDetail__name { font-size: 1.9rem; } }

@media screen and (max-width: 425px) { .researchDetail__name { font-size: 1.4rem; } }

.researchDetail__snsArea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; }

@media screen and (max-width: 425px) { .researchDetail__snsArea { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } }

.researchDetail__sns { display: inline-block; }

.researchDetail__sns:first-child { margin-right: 14px; }

.researchDetail__backArea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.researchDetail__backBtn { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 2px solid #031828; color: #031828; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; height: 55px; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 0 50px; width: 280px; position: relative; }

@media screen and (max-width: 425px) { .researchDetail__backBtn { padding: 0 40px; } }

.researchDetail__backBtn:before { background: url(../images/icon_arrow_04.png) no-repeat center/contain; content: ""; height: 20px; left: 44px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 28px; }

@media screen and (max-width: 425px) { .researchDetail__backBtn:before { left: 30px; } }

@media screen and (max-width: 768px) { .researchDetail__cont { padding: 0 25px; } }

.researchDetail__info { padding: 50px 40px 0; }

@media screen and (max-width: 768px) { .researchDetail__info { padding: 50px 25px; } }

.researchDetail__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 50px; width: 100%; }

@media screen and (max-width: 768px) { .researchDetail__list { display: block; } }

.researchDetail__list:after { content: ""; display: block; height: 1px; }

@media screen and (max-width: 768px) { .researchDetail__list:after { content: none; } }

.researchDetail__list:after, .researchDetail__item { margin-bottom: 60px; width: 375px; width: calc(33.3333% - 40px); }

@media screen and (max-width: 768px) { .researchDetail__list:after, .researchDetail__item { width: auto; } }

.researchDetail__list:after:nth-child(3n), .researchDetail__item:nth-child(3n) { margin-right: 0; }

.researchDetail__link:hover .researchDetail__img { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .researchDetail__link:hover .researchDetail__img { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.researchDetail__thumbnail { position: relative; height: 250px; overflow: hidden; }

.researchDetail__category { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; border-radius: 12.5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.2rem; height: 25px; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; left: 10px; margin: 3.5px; min-width: 96px; padding: 0 12px; position: absolute; top: 10px; z-index: 1; }

@media screen and (max-width: 768px) { .researchDetail__category { border-radius: 16.5px; height: 33px; font-size: 1.6rem; left: 18px; min-width: 138px; top: 18px; } }

@media screen and (max-width: 425px) { .researchDetail__category { left: 10px; top: 10px; } }

.researchDetail__listimgArea { position: relative; overflow: hidden; height: calc(230 / 1250 * 100vw); max-height: 248px; }

@media screen and (max-width: 768px) { .researchDetail__listimgArea { height: calc(404 / 750 * 100vw); } }

.researchDetail__listImg { -o-object-fit: cover; object-fit: cover; height: 100%; -webkit-transition: -webkit-transform 350ms; transition: -webkit-transform 350ms; transition: transform 350ms; transition: transform 350ms, -webkit-transform 350ms; width: 100%; }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .researchDetail__listImg { height: auto; left: 50%; min-height: 100%; min-width: 100%; position: absolute; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; width: auto; } }

.researchDetail__link:hover .researchDetail__listImg { -webkit-transform: scale(1.125); transform: scale(1.125); }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .researchDetail__link:hover .researchDetail__listImg { -webkit-transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); transform: scale(1.125) translateX(-47.25%) translateY(-47.25%); } }

.researchDetail__txtArea { padding: 15px 20px; }

@media screen and (max-width: 768px) { .researchDetail__txtArea { padding: 15px 0 0; } }

.researchDetail__title { font-size: 2.2rem; line-height: 3rem; margin-bottom: 10px; }

.researchDetail__text { font-size: 1.4rem; line-height: 1.6; }

@media screen and (max-width: 768px) { .researchDetail__text { font-size: 1.9rem; line-height: 3.4rem; } }

@media screen and (max-width: 768px) { .researchDetail__entry.container { padding: 0 25px; } }

@media screen and (max-width: 768px) { .researchDetail__entry .mtContent__container { padding: 0; } }

.researchDetail__entry h2 { background: #fff; display: inline-block; font-size: 2.5rem; letter-spacing: 0.025em; margin: 40px 0 30px; padding-right: .5em; position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .researchDetail__entry h2 { margin: 30px 0 24px; } }

.researchDetail__entry h2:before { background: #fff; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: -1; }

.researchDetail__entry h2:after { background: #b6b6b6; bottom: .75em; content: ""; display: block; height: 1px; position: absolute; width: calc(100vw - 80px); z-index: -2; }

.researchDetail__entry p { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .researchDetail__entry p { font-size: 1.9rem; line-height: 1.8; margin-bottom: 24px; } }

@media only screen and (min-width: 375px) and (max-width: 480px) and (min-height: 668px) and (max-height: 896px) and (orientation: portrait) { .researchDetail__entry p { font-size: 1.6rem; } }

.researchDetail__entry img { height: auto; margin-top: 55px !important; margin-bottom: 60px !important; }

@media screen and (max-width: 768px) { .researchDetail__entry img { height: auto; width: 100%; } }

.researchDetail__entry ul, .researchDetail__entry ol { margin-bottom: 30px; }

@media screen and (max-width: 768px) { .researchDetail__entry ul, .researchDetail__entry ol { margin-bottom: 24px; } }

.researchDetail__entry a { text-decoration: underline; }

.researchDetail__entry div p:last-of-type { margin-bottom: 0; }

.researchDetail .lower__ttlSmall:before { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 10%, #fff 20%, #fff 80%, #000 100%); }

@media screen and (max-width: 768px) { .researchDetail .lower__ttlSmall:before { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.researchDetail__color .lower__ttlSmall { margin-bottom: 35px; }

.researchDetail__list .lower__ttlArea { width: 100%; }

.researchDetail__list .lower__ttlSmall { margin-bottom: 45px; }

.researchDetail__color .lower__about { margin-bottom: 55px; }

@media screen and (max-width: 768px) { .researchDetail__color .lower__secInner { background: #fff; } }

.solutions { padding: 234px 40px 105px; }

@media screen and (max-width: 768px) { .solutions { padding: 85px 30px 100px; } }

.solutions__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 85px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .solutions__ttlSmall { font-size: 2.85rem; margin-bottom: 40px; padding: 0 20px; } }

@media screen and (max-width: 425px) { .solutions__ttlSmall { font-size: 2.2rem; } }

.solutions__ttlSmall:before, .solutions__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .solutions__ttlSmall:before, .solutions__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.solutions__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .solutions__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .solutions__ttlSmall:before { top: 10px; } }

.solutions__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .solutions__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .solutions__ttlSmall:after { top: 16px; } }

.solutions__txt { font-size: 1.8rem; line-height: 1.6; padding-left: 45px; }

@media screen and (max-width: 768px) { .solutions__txt { padding: 0; } }

.assessment { padding: 234px 40px 100px; }

@media screen and (max-width: 768px) { .assessment { padding: 85px 0px 100px; } }

.assessment__sp { display: none; }

@media screen and (max-width: 768px) { .assessment__sp { display: block; } }

@media screen and (max-width: 425px) { .assessment__wrap { padding: 0 30px; } }

.assessment__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 85px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .assessment__ttlSmall { padding: 0 20px; font-size: 2.85rem; } }

@media screen and (max-width: 425px) { .assessment__ttlSmall { font-size: 2.5rem; } }

.assessment__ttlSmall:before, .assessment__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .assessment__ttlSmall:before, .assessment__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.assessment__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .assessment__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .assessment__ttlSmall:before { top: 15px; } }

.assessment__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .assessment__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .assessment__ttlSmall:after { top: 21px; } }

.assessment__about { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; margin-bottom: 90px; padding-left: 45px; }

@media screen and (max-width: 768px) { .assessment__about { font-size: 1.9rem; line-height: 1.8; padding: 0; } }

.assessment__secTtl { display: block; font-size: 2.5rem; letter-spacing: 0.025em; margin-bottom: 30px; position: relative; }

.assessment__secTtl:after { background: #b6b6b6; bottom: 1.8rem; content: ""; display: block; height: 1px; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .assessment__secTtl:after { bottom: 1.6rem; } }

@media screen and (max-width: 768px) { .assessment__secTtl { font-size: 2.5rem; line-height: 1.3; } }

@media screen and (max-width: 425px) { .assessment__secTtl { font-size: 2.2rem; } }

.assessment__secInner { background: #fff; display: inline; padding-right: 20px; position: relative; z-index: 1; }

@media screen and (max-width: 768px) { .assessment__secInner { background: #fff; } }

.assessment__txt { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; }

@media screen and (max-width: 768px) { .assessment__txt { font-size: 1.9rem; line-height: 1.8; } }

.assessment__unit { margin-bottom: 70px; }

.assessment__unit:nth-of-type(3), .assessment__unit:nth-of-type(4) { margin-bottom: 90px; }

.assessment__unit:last-child { margin-bottom: 0px; }

.assessment__group { margin-bottom: 75px; min-width: 700px; text-align: center; }

@media screen and (max-width: 768px) { .assessment__group { min-width: auto; width: 100%; } }

.assessment__group:nth-child(2) { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.assessment__group:last-child { margin-bottom: 0; }

.assessment__groupArea { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-top: 60px; }

.assessment__contents { font-size: 2.2rem; letter-spacing: 0.025em; line-height: 1.4; margin-bottom: 30px; }

@media screen and (max-width: 768px) { .assessment__contents { font-size: 1.75rem; line-height: 1.3; } }

.assessment__item { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }

@media screen and (max-width: 768px) { .assessment__item { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } }

.assessment__service { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; }

@media screen and (max-width: 768px) { .assessment__service { font-size: 1.9rem; } }

.assessment__per { color: #4b4948; font-size: 2.5rem; font-weight: bold; letter-spacing: 0.025em; }

.assessment__per_num_2 { margin-right: 116px; }

@media screen and (max-width: 768px) { .assessment__per { font-size: 2.25rem; } }

.assessment__img { margin-left: -40px; margin-top: 15px; }

@media screen and (max-width: 768px) { .assessment__img { margin-left: 0; } }

.web { padding: 85px 40px 200px; }

@media screen and (max-width: 768px) { .web { padding: 85px 25px 200px; } }

.web__sp { display: none; }

@media screen and (max-width: 768px) { .web__sp { display: block; } }

@media screen and (max-width: 768px) { .web__wrap:first-of-type { padding: 0; } }

.web__ttlSmall { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 3rem; margin-bottom: 85px; letter-spacing: 0.12em; position: relative; text-align: center; z-index: 0; }

@media screen and (max-width: 768px) { .web__ttlSmall { font-size: 2.85rem; margin-bottom: 40px; padding: 0 20px; } }

@media screen and (max-width: 425px) { .web__ttlSmall { font-size: 2.5rem; } }

.web__ttlSmall:before, .web__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, color-stop(10%, #000), color-stop(20%, #fff), color-stop(80%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 10%, #fff 20%, #fff 80%, #000 100%); content: ""; display: inline-block; position: absolute; height: 2px; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; z-index: -1; }

@media screen and (max-width: 768px) { .web__ttlSmall:before, .web__ttlSmall:after { background-image: -webkit-gradient(linear, left top, right top, from(#000), color-stop(5%, #fff), color-stop(95%, #fff), to(#000)); background-image: linear-gradient(90deg, #000 0%, #fff 5%, #fff 95%, #000 100%); } }

.web__ttlSmall:before { top: 20px; }

@media screen and (max-width: 768px) { .web__ttlSmall:before { top: 17px; } }

@media screen and (max-width: 425px) { .web__ttlSmall:before { top: 15px; } }

.web__ttlSmall:after { top: 26px; }

@media screen and (max-width: 768px) { .web__ttlSmall:after { top: 23px; } }

@media screen and (max-width: 425px) { .web__ttlSmall:after { top: 21px; } }

.web__about { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; margin-bottom: 80px; padding-left: 45px; }

@media screen and (max-width: 768px) { .web__about { font-size: 1.9rem; line-height: 1.8; margin-bottom: 55px; padding: 0px; } }

.web__unit { margin-bottom: 105px; }

@media screen and (max-width: 768px) { .web__unit { margin-bottom: 90px; } }

.web__unit:nth-of-type(2) { margin-bottom: 145px; }

@media screen and (max-width: 768px) { .web__unit:nth-of-type(2) { margin-bottom: 130px; } }

.web__unit:last-child { margin-bottom: 100px; }

.web__secTtl { display: block; font-size: 2.5rem; letter-spacing: 0.025em; margin-bottom: 30px; position: relative; }

.web__secTtl:after { background: #b6b6b6; bottom: 1.8rem; content: ""; display: block; height: 1px; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .web__secTtl:after { bottom: 1.6rem; } }

@media screen and (max-width: 768px) { .web__secTtl { font-size: 2.5rem; line-height: 1.3; } }

@media screen and (max-width: 425px) { .web__secTtl { font-size: 2.2rem; } }

.web__secInner { background: #fff; display: inline; padding-right: 20px; position: relative; z-index: 1; }

.web__txt { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; }

@media screen and (max-width: 768px) { .web__txt { font-size: 1.9rem; line-height: 1.8; } }

.web__link { text-decoration: underline; }

.web__figure { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: 135px 0 150px; }

@media screen and (max-width: 768px) { .web__figure { margin: 40px 0 45px; } }

.web__list { margin: 130px 0 100px; }

@media screen and (max-width: 768px) { .web__list { margin: 60px 0 100px; } }

.web__item { margin-bottom: 60px; }

.web__item:last-child { margin-bottom: 0; }

.web__topic { display: block; font-size: 2.5rem; letter-spacing: 0.025em; margin-bottom: 30px; position: relative; z-index: 1; }

.web__topic:after { background: #b6b6b6; bottom: 1.8rem; content: ""; display: block; height: 1px; position: absolute; width: 100%; }

@media screen and (max-width: 768px) { .web__topic:after { bottom: 1.5rem; } }

@media screen and (max-width: 768px) { .web__scroll { overflow-x: scroll; }
  .web__scroll::-webkit-scrollbar { height: 3px; }
  .web__scroll::-webkit-scrollbar-thumb { background: #727272; }
  .web__scroll::-webkit-scrollbar-track-piece:start { background: #c4c4c4; }
  .web__scroll::-webkit-scrollbar-track-piece:end { background: #c4c4c4; } }

.web__tableWrap { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin: 30px auto 0; width: 960px; }

@media screen and (max-width: 1050px) { .web__tableWrap { margin: 40px auto 0; width: 100%; } }

.web__table { margin-top: 10px; table-layout: fixed; width: 100%; }

@media screen and (max-width: 1050px) { .web__table { margin: 40px auto 0; } }

@media screen and (max-width: 768px) { .web__table { margin-top: 0px; width: 740px; } }

.web__table_themes_vulnerability th:nth-of-type(1) { width: 25%; }

@media screen and (max-width: 768px) { .web__table_themes_vulnerability th:nth-of-type(1) { width: 30%; } }

.web__table_themes_vulnerability th:nth-of-type(2) { width: 25%; }

.web__table_themes_diagnosis th:nth-of-type(1) { width: 25%; }

.web__tableTxt { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.7; }

@media screen and (max-width: 768px) { .web__tableTxt { font-size: 1.9rem; line-height: 1.8; } }

.web__tr:first-of-type { background: #f0f2f2; height: 45px; }

@media screen and (max-width: 768px) { .web__tr:first-of-type { height: 40px; } }

.web__tr:not(:first-of-type) { border-bottom: 1px solid #d5d5d5; }

.web__th { font-size: 1.8rem; font-weight: normal; line-height: 1.7; padding: 0 40px; text-align: left; vertical-align: middle; }

@media screen and (max-width: 768px) { .web__th { font-size: 2rem; padding: 0 20px; } }

.web__td { font-size: 1.5rem; line-height: 2; padding: 20px 40px; }

@media screen and (max-width: 768px) { .web__td { font-size: 1.9rem; padding: 10px 20px; } }

.web__group { max-width: 760px; margin: 60px auto; }

@media screen and (max-width: 768px) { .web__group { margin: 50px auto 130px; padding: 0 20px; } }

.web__gWrap { border-bottom: 1px solid #bccffa; padding: 30px 0px 30px 80px; }

@media screen and (max-width: 1050px) { .web__gWrap { padding: 30px 0px 30px 50px; } }

@media screen and (max-width: 768px) { .web__gWrap { padding: 30px 0px 70px 0px; } }

.web__gWrap:first-child { padding: 0px 0px 30px 80px; }

@media screen and (max-width: 1050px) { .web__gWrap:first-child { padding: 0px 0px 30px 50px; } }

@media screen and (max-width: 768px) { .web__gWrap:first-child { padding: 0px 0px 70px 0px; } }

.web__gWrap:last-child { border: none; }

@media screen and (max-width: 768px) { .web__gWrap:last-child { border-bottom: 1px solid #bccffa; } }

.web__gTtl { font-size: 1.8rem; font-weight: bold; letter-spacing: 0.025em; line-height: 1.6; margin-bottom: 20px; }

@media screen and (max-width: 768px) { .web__gTtl { font-size: 1.9rem; } }

.web__gTxt { font-size: 1.8rem; letter-spacing: 0.025em; line-height: 1.6; }

@media screen and (max-width: 768px) { .web__gTxt { font-size: 1.9rem; line-height: 1.8; } }

.web__cList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -30px -60px; }

@media screen and (max-width: 768px) { .web__cList { display: block; margin: 0 0 -30px; } }

.web__cItem { -webkit-box-flex: 0; -webkit-flex: none; -ms-flex: none; flex: none; margin: 0 0 60px; padding: 0 30px; width: 25%; }

@media screen and (max-width: 1024px) { .web__cItem { width: 33.3333%; } }

@media screen and (max-width: 768px) { .web__cItem { padding: 0; margin: 0 0 30px; width: auto; } }

.web__cLink { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 1px 1px 9px 0 #a6afb4; box-shadow: 1px 1px 9px 0 #a6afb4; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; font-size: 1.8rem; height: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; letter-spacing: .04em; padding: 22.5px 1em; }

@media screen and (max-width: 768px) { .web__cLink { font-size: 1.6rem; padding: 20px 1em; } }

/* custom */
.text-indent { text-indent: 1em; }
.margin-bottom-harf { margin-bottom: 0.5em;}
.text-indent-minus { margin-left: 1.5em; text-indent: -1.5em;}
.indent { margin-left: 2em; }
.solutions_view_more { font-size: 1.5rem; font-family: Ropa Sans; margin-left: 10px; }

.researchDetail__entry table.rs {border:solid gray 1px; border-collapse: collapse; margin: auto; width: auto;}
.researchDetail__entry table.rs tr {vertical-align: text-top;}
.researchDetail__entry table.rs td {border:solid gray 1px; padding:10px; font-size:1.8rem;}
/*.researchDetail__entry ul.rs {margin-left:30px; font-size:1.8rem;}*/
.researchDetail__entry h2::before {background: white;}
.researchDetail__entry pre[class*=language-],code[class*=language-] {font-size:1.7rem;}
.researchDetail__entry a {text-decoration: underline;}
.researchDetail__entry div:first-of-type {background: white;}
.researchDetail__entry .toolbar {display: none;}
.researchDetail__entry ol.rs {margin-left:30px; font-size:1.8rem;}