@charset 'UTF-8';

/*normalize: http://necolas.github.io/normalize.css/*/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/* kuroki added */
.planSec .sup-sec {
	margin: 20px 0;
}

.planSec ul.data {
	margin-bottom: 20px;
}

.planSec h4 {
	font-size: 1.8rem;
	font-weight: 500;
	display: flex;
	width: 230px;
	height: 39px;
	margin: 0 auto 25px;
	text-align: center;
	border: 1px solid #00096c;
	border-radius: 19px;
	background: #e9eef4;
	align-items: center;
	justify-content: center;
}

.planSec ol.sup-content {
	margin-bottom: 20px;
}

.planSec ol.sup-content>li:not(:last-child) {
	margin-bottom: 20px;
}

.planSec ol.sup-content ul {
	margin-top: 20px;
	padding-left: 20px;
}

.planSec ol.sup-content ul li {
	margin-bottom: 20px;
}

.planSec .sup-sec h3 {
	font-weight: bold;
	margin-bottom: 15px;
}

.planSec .sup-sec p {
	margin-bottom: 1em;
}

.planSec .sup-sec p.notion {
	/* font-size: 0.75em; */
	margin-bottom: 0;
}

.planSec .sup-content li.notion {
	font-size: 0.8em;
}

a.link-btn-krk {
	width: 100%;
	margin: 20px 0;
	height: 56px;
	color: #fff;
	border-radius: 22px;
	padding: 0px 20px;
	justify-content: center;
	position: relative;
	z-index: 1;
	font-size: 19px;
	font-weight: 500;
}

.planSec section.img {
	margin: 30px 0;
	width: 100%;
}

.planSec section.img img {
	max-width: 100%;
}

.planSec a.link-btn-krk {
	margin-bottom: 4rem;
}

section.planSec#scrollToJIS {
	padding-top: 90px;
	margin-top: 0px;
}

@media only screen and (max-width:767px) {
	section.planSec#scrollToJIS {
		padding-top: 105px;
	}
}

/* ~ kuroki added */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
	display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */

	-webkit-text-size-adjust: 100%;
	/* 2 */
	-ms-text-size-adjust: 100%;
	/* 2 */
}

/**
 * Remove default margin.
 */
body {
	margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background: transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1,
h2,
h3,
h4,
p {
	font-size: 1em;
	font-weight: 400;
	margin: 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong,
.strong {
	font-weight: bold;
}

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	box-sizing: content-box;
	height: 0;
}

/*
 * proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
	-webkit-hyphens: auto;
	hyphens: auto;

	-epub-hyphens: auto;
}

/*
 * Addresses margins set differently in IE6/7.
 */
pre {
	margin: 0;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, serif;
	font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
	quotes: '\201C' '\201D' '\2018' '\2019';
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
q:before,
q:after {
	content: '';
	content: none;
}

small,
.small {
	font-size: 75%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

/* ==========================================================================
  Lists
========================================================================== */
/*
 * Addresses margins set differently in IE6/7.
 */
dl,
menu,
ol,
ul {
	margin: 0;
}

dd {
	margin: 0;
}

/*
 * Addresses paddings set differently in IE6/7.
 */
menu {
	padding: 0 0 0 40px;
}

ol,
ul {
	padding: 0;
	list-style-type: none;
}

/*
 * Corrects list images handled incorrectly in IE7.
 */
nav ul,
nav ol {
	list-style: none;
	list-style-image: none;
}

/* ==========================================================================
  Embedded content
========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
	overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	padding: 0;
	/* 2 */
	border: 0;
	/* 1 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
	font-family: inherit;
	/* 1 */
	font-size: 100%;
	/* 2 */
	margin: 0;
	/* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
	line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type='button'],
/* 1 */
input[type='reset'],
input[type='submit'] {
	cursor: pointer;
	/* 3 */

	-webkit-appearance: button;
	/* 2 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type='checkbox'],
input[type='radio'] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type='search'] {
	box-sizing: content-box;

	-webkit-appearance: textfield;
	/* 1 */
	/* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
	overflow: auto;
	/* 1 */
	vertical-align: top;
	/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-spacing: 0;
	border-collapse: collapse;
}

* {
	box-sizing: border-box;
}

*:before,
*:after {
	box-sizing: border-box;
}

.image-replacement,
.ir {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
}

.clearfix,
.cf {
	zoom: 1;
}

.clearfix:before,
.clearfix:after,
.cf:before,
.cf:after {
	display: table;
	content: '';
}

.clearfix:after,
.cf:after {
	clear: both;
}

/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
	font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif !important;
	font-style: italic;
}

:root {
	--color: #111;
	/*イージング*/
	--easeInOutSine: cubic-bezier(.445, .050, .550, .950);
}

/* ==========================================================================
  アニメーション
========================================================================== */
@keyframes menuFadeIn {
	0% {
		display: block;
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes menuFadeOut {
	0% {
		opacity: 1;
	}

	99% {
		opacity: 0;
	}

	100% {
		display: none;
		opacity: 0;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeOut {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/*左から表示*/
.rollXMV {
	position: relative;
}

.rollXMV .inner {
	position: relative;
	width: 100%;
	height: 100%;
	opacity: 1;
}

.rollXMV .inner::before {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	transform: scaleX(0);
	transform-origin: left top;
	background: #001a66;
}

.rollXMV .inner::after {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	transition: opacity .2s linear, z-index .1s linear;
	transition-delay: .8s, .9s;
	opacity: 1;
	background: #fff;
}

.animeAction.rollXMV {
	opacity: 1;
}

.animeAction.rollXMV .inner::before {
	animation: rollX 1.2s 1 .2s cubic-bezier(.5, 0, 0, 1) forwards;
}

.animeAction.rollXMV .inner::after {
	z-index: -1;
	opacity: 0;
}

.rollX {
	position: relative;
}

.rollX::before {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	transform: scaleX(0);
	transform-origin: left top;
	background: #001a66;
}

.rollX img {
	transition: opacity .2s linear;
	transition-delay: .8s;
	opacity: 0;
}

/*20251113_takeuchi*/
.animeAction.rollX::before {
/*	animation: rollX 1.2s 1 .2s cubic-bezier(.5, 0, 0, 1) forwards;*/
}

.animeAction.rollX img {
	opacity: 1;
}

.rollXAjx {
	position: relative;
}

.rollXAjx::before {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	transform: scaleX(0);
	transform-origin: left top;
	background: #001a66;
}

.rollXAjx img {
	transition: opacity .2s linear;
	transition-delay: .8s;
	opacity: 0;
}

.animeActive.rollXAjx::before {
	animation: rollX 1.2s 1 .2s cubic-bezier(.5, 0, 0, 1) forwards;
}

.animeActive.rollXAjx img {
	opacity: 1;
}

@keyframes rollX {
	0% {
		transform: scaleX(0);
		transform-origin: left top;
	}

	50% {
		transform: scaleX(1);
		transform-origin: left top;
	}

	51% {
		transform: scaleX(1);
		transform-origin: right top;
	}

	100% {
		transform: scaleX(0);
		transform-origin: right top;
	}
}

/*ぺらっと文字*/
/* 20251113_takeuchi */
.textRoll {
	display: inline-flex;
	/* overflow: hidden; */

	justify-content: center;
}

/* 20251113_takeuchi */
.textRoll .wall {
	/* overflow: hidden; */
	transition: transform 1.6s cubic-bezier(.5, 0, 0, 1);
	/* transform: translate3d(-101%, 0, 0); */
}

.textRoll .wall .text {
	transition: transform 1.6s cubic-bezier(.5, 0, 0, 1);
	transform: translate3d(101%, 0, 0);
}

.animeAction.textRoll .wall {
	transform: translate3d(0, 0, 0);
}

.animeAction.textRoll .wall .text {
	transform: translate3d(0, 0, 0);
}

/*上から表示*/
.slideDown {
	transition: transform .8s cubic-bezier(.5, 0, 0, 1), opacity .8s cubic-bezier(.5, 0, 0, 1);
	transform: translate3d(0, -5px, 0);
	opacity: 0;
}

.animeAction.slideDown {
	transform: translate3d(0, 0, 0);
	opacity: 1;
}

@keyframes loader {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.fade-enter-active,
.fade-leave-active {
	transition: opacity .4s;
}

.fade-enter,
.fade-leave-to {
	opacity: 0;
}

.fade2-enter-active,
.fade2-leave-active {
	transition: opacity .2s;
}

.fade2-enter,
.fade2-leave-to {
	opacity: 0;
}

.mode-fade-enter-active,
.mode-fade-leave-active {
	transition: opacity .5s ease;
}

.mode-fade-enter-from,
.mode-fade-leave-to {
	opacity: 0;
}

@keyframes guide {
	0% {
		top: 0;
		opacity: 0;
	}

	19% {
		top: 0;
		opacity: 0;
	}

	20% {
		top: 0;
		opacity: 1;
	}

	100% {
		top: 113px;
		opacity: 1;
	}
}

@media only screen and (max-width: 767px) {
	@keyframes guide {
		0% {
			top: 0;
			opacity: 0;
		}

		19% {
			top: 0;
			opacity: 0;
		}

		20% {
			top: 0;
			opacity: 1;
		}

		100% {
			top: 23.54167vw;
			opacity: 1;
		}
	}
}

.singleEdit {
	line-height: 1.7;
	overflow: hidden;
	color: #111;
}

.singleEdit>*:last-child {
	margin-bottom: 0 !important;
}

.singleEdit>div:not(.wp-block-spacer),
.singleEdit>figure {
	margin-bottom: 2em;
}

.singleEdit .has-normal-font-size {
	font-size: 1.8rem;
}

.singleEdit h2 {
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 45px;
}

.singleEdit h3 {
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 35px;
	padding-bottom: 10px;
	border-bottom: 2px solid #555;
}

.singleEdit h4 {
	font-size: 2.2rem;
	font-weight: bold;
	display: grid;
	margin-bottom: 25px;

	align-items: center;
	grid-template-columns: 26px 1fr;
}

.singleEdit h4::before {
	width: 8px;
	height: 100%;
	min-height: 50px;
	margin-right: 18px;
	content: '';
	background: #001668;

	flex-shrink: 0;
	grid-column: 1;
}

.singleEdit>*+h2,
.singleEdit>*+h3,
.singleEdit>*+h4 {
	margin-top: 40px;
}

.singleEdit p {
	font-size: 1.7rem;
	margin: 0 0 2em;
}

.singleEdit ol,
.singleEdit ul {
	font-size: 1.7rem;
	margin: 0 0 2em;
}

.singleEdit ul li {
	margin-left: 1em;
	text-indent: -1em;
}

.singleEdit ul li::before {
	content: '・';
}

.singleEdit li+li {
	margin-top: 1.5em;
}

.singleEdit a:not(.wp-block-button__link) {
	text-decoration: underline;
}

.singleEdit .wp-block-button__link {
	font-size: 1em;
}

.singleEdit ol {
	padding-left: 2.5em;
	list-style-type: decimal;
}

.singleEdit .wp-block-image {
	margin-bottom: 2em;
}

.singleEdit .wp-block-image figcaption {
	font-size: .8em;
	margin: .5em 0 7px;
	text-align: center;
}

.singleEdit .wp-block-image .alignright {
	margin: .5em 0 .5em 1em;
}

.singleEdit .wp-block-image .alignleft {
	margin: .5em 1em .5em 0;
}

.singleEdit .alignnone,
.singleEdit img.alignnone {
	margin-bottom: 2em;
}

.singleEdit .alignnone,
.singleEdit img.alignnone {
	margin-bottom: 2em;
}

.singleEdit .alignleft,
.singleEdit img.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 2em;
}

.singleEdit .alignright,
.singleEdit img.alignright {
	float: right;
	margin-bottom: 2em;
	margin-left: 1.5;
}

.singleEdit .aligncenter,
.singleEdit img.aligncenter {
	display: block;
	clear: both;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}

.singleEdit .wp-block-table th,
.singleEdit .wp-block-table td {
	padding: .2em .5em;
}

@media only screen and (max-width: 767px) {
	.singleEdit>*:last-child {
		margin-bottom: 0 !important;
	}

	.singleEdit h2 {
		margin-bottom: 9.375vw;
	}

	.singleEdit h3 {
		font-size: 2.2rem;
		font-weight: bold;
		margin-bottom: 7.29167vw;
		padding-bottom: 2.08333vw;
		border-bottom: .20833vw solid #555;
	}

	.singleEdit h4 {
		font-size: 2.2rem;
		font-weight: bold;
		display: grid;
		margin-bottom: 5.20833vw;

		align-items: center;
		grid-template-columns: 5.41667vw 1fr;
	}

	.singleEdit h4::before {
		width: 1.66667vw;
		min-height: 0;
		margin-right: 3.75vw;

		flex-shrink: 0;
	}

	.singleEdit>*+h2,
	.singleEdit>*+h3,
	.singleEdit>*+h4 {
		margin-top: 8.33333vw;
	}

	.singleEdit .alignleft,
	.singleEdit img.alignleft {
		display: block;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}

	.singleEdit .alignright,
	.singleEdit img.alignright {
		display: block;
		float: none;
		margin-right: auto;
		margin-left: auto;
	}

	.singleEdit .aligncenter,
	.singleEdit img.aligncenter {
		display: block;
		clear: both;
		margin-right: auto;
		margin-left: auto;
	}

	.singleEdit .wp-block-media-text {
		grid-template-areas: 'media-text-media' 'media-text-content';
		grid-template-columns: 1fr;
	}

	.singleEdit .wp-block-media-text .wp-block-media-text__media {
		grid-area: media-text-media;
	}

	.singleEdit .wp-block-media-text .wp-block-media-text__content {
		padding: 1.5em 0 0;

		grid-area: media-text-content;
	}

	.singleEdit .wp-block-media-text .wp-block-media-text__content p {
		margin: 0;
	}
}

@media only screen and (max-width: 767px) {
	.singleEdit .wp-block-media-text .wp-block-media-text__media {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

	.singleEdit .wp-block-media-text .wp-block-media-text__content {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}
}

/* ==========================================================================
   共通設定
========================================================================== */
html {
	font-size: 62.5%;
	overflow-y: scroll;

	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック', '游ゴシック体', 'メイリオ', Meiryo, sans-serif;
	font-size: 1.6rem;
	line-height: 1.2;
	overflow: hidden;
	width: 100%;
	min-width: 1120px;
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing: .05em;
	color: #111;
	color: var(--color);

	font-feature-settings: 'pkna';
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;

	backface-visibility: hidden;
}

a {
	text-decoration: none;
	color: #111;
	color: var(--color);
}

a:hover {
	opacity: .8;
}

.spShow {
	display: none;
}

.pcShow {
	display: inline-block;
}

.container {
	display: grid;
	min-height: 100vh;

	grid-template: 'header' 0
		'pageContainer' 1fr
		'footer' auto / 100%;
}

.header {
	position: relative;
	z-index: 3;

	grid-area: header;
	-ms-grid-column: 1;
	-ms-grid-row: 1;
}

.pageContainer {
	position: relative;
	z-index: 2;

	grid-area: pageContainer;
	-ms-grid-column: 1;
	-ms-grid-row: 2;
}

.footer {
	z-index: 3;

	grid-area: footer;
	-ms-grid-column: 1;
	-ms-grid-row: 3;
}

button {
	padding: 0;
	border: none;
	outline: none;
	background: none;
}

button:focus {
	outline: none;
}

button:hover {
	opacity: .8;
}

button:disabled {
	opacity: 1;
}

button:disabled:hover {
	opacity: 1;
}

.anchor {
	display: block;
	margin-top: -90px;
	padding-top: 90px;
}

/* ==========================================================================
   ヘッダー
========================================================================== */
.header {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	display: grid;
	width: 100%;
	min-width: 1120px;
	transition: background .3s;

	grid-template-columns: minmax(50px, 1fr) minmax(123px, 331px) 700px 160px 160px minmax(50px, 1fr);
	grid-template-rows: 90px;
}

.header::before {
	content: '';

	grid-column: 1;
}

.header::after {
	content: '';

	grid-column: 5;
}

.header .logo {
	align-self: center;
	grid-column: 2;
}

.header .gNav {
	grid-column: 3;
}

.header .login {
	align-self: center;
	grid-column: 4;
}

.header .login a {
	font-size: 1.3rem;
	font-weight: bold;
	display: flex;
	width: 100%;
	height: 34px;
	color: #fff;
	background: #08199b;

	align-items: center;
	justify-content: center;
}

.header .login a::after {
	width: 15px;
	height: 17px;
	margin-left: 5px;
	content: '';
	background: url('../../img/login_icon.png') no-repeat center center / contain;
}

.header .download{
	align-self: center;
    grid-column: 5;
	padding-left: 20px;
}
.header .download a{
	font-size: 1.3rem;
    font-weight: bold;
    display: flex;
    width: 100%;
    height: 34px;
    color: #fff;
    background: #FCB400;
    align-items: center;
    justify-content: center;
}
/* ==========================================================================
   gNav
========================================================================== */
.gNav .pageNav {
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1;
	position: relative;
	display: flex;
	/* 	padding-left: 50px; */

	align-items: center;
}

.gNav .parent>a {
	display: flex;
	height: 90px;
	color: #fff;

	align-items: center;
	justify-content: center;
}

.gNav .parent>a span {
	position: relative;
}

.gNav .parent>a span::after {
	position: absolute;
	bottom: -10px;
	left: -6px;
	width: calc(100% + 12px);
	height: 1px;
	content: '';
	opacity: 0;
	background: #fab300;
}

.gNav .parent>a:hover {
	opacity: 1;
}

.gNav .parent>a:hover span::after {
	opacity: 1;
}

.gNav .parent+.parent {
	margin-left: 1.2em;
}

.gNav .child {
	position: absolute;
	top: 90px;
	left: 50px;
	display: none;
	width: 100%;
	width: 100%;
	padding: 25px 0;
}

.gNav .child::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 200vw;
	height: 100%;
	content: '';
	transform: translateX(-50%);
	background: #eee;
}

.gNav .child ul {
	position: relative;
	z-index: 2;
}

.gNav .child ul li {
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 1.4;
}

.gNav .child ul li+li {
	margin-top: 20px;
}

.gNav .childOpen {
	display: block;
	animation: menuFadeIn .4s 1 0s linear forwards;
}

.gNav .childClose {
	animation: menuFadeOut .4s 1 0s ease-out forwards;
}

.gNav .nolink {
	pointer-events: none;
}

.headereFix {
	background: #fff;
}

.headereFix .gNav .parent>a {
	color: #111;
	color: var(--color);
}

/* ==========================================================================
   footer
========================================================================== */
.footer {
	background: #001a66;
}

.footer .top {
	position: relative;
	display: flex;
	height: 400px;

	align-items: center;
	justify-content: space-between;
}

.footer .top::before {
	position: absolute;
	z-index: 1;
	top: 58px;
	left: 50%;
	width: 517px;
	width: 460px;
	aspect-ratio: 820 / 471;
	margin-left: -675px;
	content: '';
	background: url('../../img/footer_logo.png') no-repeat center center / contain;
}

.footer .pageNav {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1;
	display: flex;

	justify-content: flex-end;
}

.footer .pageNav a {
	position: relative;
	padding: 10px 0;
	color: #fff;
}

.footer .pageNav a span::after {
	position: absolute;
	bottom: 0;
	left: -6px;
	width: calc(100% + 12px);
	height: 1px;
	content: '';
	opacity: 0;
	background: #fab300;
}

.footer .pageNav a:hover {
	opacity: 1;
}

.footer .pageNav a:hover span::after {
	opacity: 1;
}

.footer .pageNav li+li {
	margin-left: 2em;
}

.footer .bottom {
	display: grid;
	height: 115px;
	background: #fff;

	grid-template-columns: 1fr 863px 237px 1fr;
}

.footer .bottom::before {
	content: '';

	grid-column: 1;
}

.footer .bottom::after {
	content: '';

	grid-column: 4;
}

.footer .bottom ul {
	display: flex;

	align-items: center;
}

.footer .bottom .pageNav2 {
	gap: 0 2em;
	grid-column: 2;
}

.footer .bottom .pageNav2 li {
	font-size: 1.5rem;
	font-weight: 500;
}

.footer .bottom .pageNav2 a {
	color: #001567;
}

.footer .bottom .mark {
	grid-column: 3;
	justify-content: space-between;
}

.footer .copyright {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0;
	text-align: center;
	color: #fff;
}

.footer .pagetop {
	position: fixed;
	z-index: 900;
	right: 30px;
	bottom: 30px;
	width: 86px;
	height: 86px;
}

.footer .pagetop:hover {
	opacity: 1;
}

.footer .pagetop:focus {
	outline: none;
}

.footer .stopBtn {
	position: absolute;
	top: -42.5px;
}

.footer .fixDownLoad {
	position: fixed;
	z-index: 900;
	top: 50%;
	right: 0;
	width: 70px;
	margin-top: -167px;
}

.footer .fixDownLoadStop {
	position: absolute;
	top: -375px;
	margin-bottom: 0;
}

/* ==========================================================================
   下層共通
========================================================================== */
.subPage .pageMv {
	position: relative;
	width: 100%;
	height: 500px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.subPage .pageHeader {
	display: flex;
	width: 1100px;
	height: 100%;
	margin: 0 auto;

	align-items: center;
}

.subPage .pageTitle {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
}

.subPage .pageTitle::after {
	position: relative;
	display: block;
	margin-top: 17px;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.subPage .pankuzu {
	padding: 10px 0;
	background: #fff;
}

.subPage .pankuzu ul {
	font-size: 1.4rem;
	line-height: 1;
	display: flex;
	max-width: 1100px;
	margin: 0 auto;
}

.subPage .pankuzu ul li+li {
	display: flex;
	margin-left: 5px;
}

.subPage .pankuzu ul li+li::before {
	margin-right: 5px;
	content: '/';
}

.subPage .main {
	max-width: 1100px;
	margin: 0 auto;
	padding: 50px 0 95px;
}

/* ==========================================================================
   企業情報
========================================================================== */
.companyPage .pageMv {
	background-image: url('../../img/company_mv.jpg');
}

.companyPage .pageTitle::after {
	width: 213px;
	height: 15px;
	background-image: url('../../img/title_en_company.png');
}

.companyPage .pankuzu {
	background: #f6f6f6;
}

.companyPage .main {
	max-width: none;
	padding-bottom: 0;
}

.companyPage .secTitle {
	position: relative;
}

.companyPage .secTitle::before {
	position: relative;
	position: absolute;
	z-index: -1;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.companyPage .secTitle h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}

.companyPage .rinen {
	display: flex;
	max-width: 1100px;
	margin: 0 auto;

	flex-flow: row wrap;
	justify-content: space-between;
}

.companyPage .rinen .secTitle {
	margin-bottom: 50px;
	text-align: center;

	flex: 0 0 100%;
	order: 1;
}

.companyPage .rinen .secTitle::before {
	top: -96px;
	right: -64px;
	width: 613px;
	height: 251px;
	background-image: url('../../img/company_rinen_en.png');
}

.companyPage .rinen .text {
	margin-top: 10px;

	flex: 0 1 516px;
	order: 3;
}

.companyPage .rinen .text p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.companyPage .rinen .text p+p {
	margin-top: 1.5em;
}

.companyPage .rinen .img {
	flex: 0 1 530px;
	order: 2;
}

.companyPage .message {
	display: grid;
	margin-top: 98px;
	padding: 60px 0 95px;
	background: #e9eef4;

	grid-template-columns: 1fr 530px 570px 1fr;
	grid-template-rows: auto 1fr;
}

.companyPage .message::before {
	content: '';

	grid-column: 1;
	grid-row: 1 / 3;
}

.companyPage .message::after {
	content: '';

	grid-column: 4;
	grid-row: 1 / 3;
}

.companyPage .message .secTitle {
	margin-bottom: 50px;
	text-align: center;

	grid-column: 2 / 4;
	grid-row: 1;
}

.companyPage .message .secTitle::before {
	z-index: 1;
	top: 12px;
	left: 0;
	width: 535px;
	height: 251px;
	background-image: url('../../img/company_message_en.png');
}

.companyPage .message .text {
	position: relative;
	z-index: 2;

	align-self: center;
	grid-column: 2;
	grid-row: 2;
}

.companyPage .message .text p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.companyPage .message .text p+p {
	margin-top: 1.5em;
}

.companyPage .message .img {
	position: relative;
	margin-left: 40px;

	grid-column: 3;
	grid-row: 2;
}

.companyPage .message .img::before {
	position: absolute;
	z-index: 1;
	top: 73px;
	right: 0;
	width: 276px;
	height: 375px;
	content: '';
	background: url('../../img/company_message2.png') no-repeat center center / contain;
}

.companyPage .message .img figure {
	position: relative;
	z-index: 2;
	max-width: 365px;
}

.companyPage .gaiyou {
	max-width: 1100px;
	margin: 67px auto 0;
}

.companyPage .gaiyou .secTitle {
	margin-bottom: 80px;
	text-align: center;

	order: 1;
}

.companyPage .gaiyou .secTitle::before {
	top: -33px;
	left: 297px;
	width: 503px;
	height: 159px;
	background-image: url('../../img/company_gaiyou_en.png');
}

.companyPage .gaiyou .gaiyouDl {
	font-size: 1.6rem;
	line-height: 2.5;
	display: flex;
	border-bottom: 1px solid #a6bad2;

	flex-flow: row wrap;
}

.companyPage .gaiyou .gaiyouDl>dt {
	font-weight: bold;
	display: flex;
	padding-left: 25px;
	color: #163060;

	align-items: center;
	flex: 0 1 210px;
}

.companyPage .gaiyou .gaiyouDl>dd {
	flex: 0 1 890px;
}

.companyPage .gaiyou .gaiyouDl>dt,
.companyPage .gaiyou .gaiyouDl>dd {
	padding-top: 28px;
	padding-bottom: 28px;
	border-top: 1px solid #a6bad2;
}

.companyPage .gaiyou .gaiyouDl .telDl {
	display: flex;
}

.companyPage .gaiyou .gaiyouDl .telDl dt {
	padding-right: 1em;
}

.companyPage .gaiyou .gaiyouDl .telDl dd:last-child::before {
	padding: 0 .5em;
	content: '/';
}

.companyPage .gaiyou .gaiyouDl .inlineList {
	display: flex;

	flex-flow: row wrap;
	gap: 0 1em;
}

.companyPage .gaiyou .gaiyouDl .group>ul>li+li {
	margin-top: 1.5em;
}

.companyPage .gaiyou .gaiyouDl .group dd {
	padding-left: 1em;
}

.companyPage .gaiyou .gaiyouDl .bankList {
	display: flex;

	gap: 0 1em;
}

.companyPage .history {
	display: grid;
	margin-top: 98px;
	padding: 70px 0 120px;
	background: #f6f6f6;

	grid-template-columns: 1fr 1100px 1fr;
	grid-template-rows: auto 1fr;
}

.companyPage .history::before {
	content: '';

	grid-column: 1;
	grid-row: 1 / 3;
}

.companyPage .history::after {
	content: '';

	grid-column: 3;
	grid-row: 1 / 3;
}

.companyPage .history .secTitle {
	margin-bottom: 75px;
	text-align: center;

	grid-column: 2 / 4;
	grid-row: 1;
}

.companyPage .history .secTitle::before {
	z-index: 1;
	top: -31px;
	left: 50%;
	width: 410px;
	height: 245px;
	transform: translateX(-50%);
	background-image: url('../../img/company_history_en.png');
}

.companyPage .history .secTitle .textRoll {
	position: relative;
	z-index: 2;
}

.companyPage .history ul {
	font-size: 1.6rem;
	position: relative;
	z-index: 2;

	grid-column: 2;
	grid-row: 2;
}

.companyPage .history ul::after {
	position: absolute;
	top: .5em;
	left: 149px;
	width: 1px;
	height: calc(100% - .5em);
	content: '';
	background: #b9bcd9;
}

.companyPage .history li+li {
	margin-top: 25px;
}

.companyPage .history li {
	line-height: 1.4;
	display: flex;

	align-items: center;
}

.companyPage .history li::after {
	width: 19px;
	height: 19px;
	margin-right: 33px;
	content: '';
	border-radius: 50%;
	background: #b9bcd9;

	flex-shrink: 0;
	order: 2;
}

.companyPage .history li .date {
	font-size: 2.1rem;
	font-weight: 900;
	width: 140px;
	color: #133065;

	flex-shrink: 0;
	order: 1;
}

.companyPage .history li span:last-child {
	order: 3;
}

.companyPage .history li:last-child {
	position: relative;
}

.companyPage .history li:last-child::before {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 149px;
	width: 1px;
	height: calc(50% - 9.5px);
	content: '';
	background: #f6f6f6;
}

/* ==========================================================================
   変形枠ボックス
========================================================================== */
.wakuBox::before {
	display: block;
	width: 100%;
	height: 20px;
	content: '';
	background: url('../../img/waku_top.png') no-repeat center center;
}

.wakuBox::after {
	display: block;
	width: 100%;
	height: 21px;
	content: '';
	background: url('../../img/waku_bottom.png') no-repeat center center;
}

.wakuBox .wakuInner {
	position: relative;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #fff;
}

/* 1/3ボックス */
.wakuBoxM {
	display: grid;

	grid-template-rows: auto 1fr auto;
}

.wakuBoxM::before {
	background: url('../../img/waku_top_m.png') no-repeat center center;

	grid-row: 1;
}

.wakuBoxM .wakuInner {
	grid-row: 2;
}

.wakuBoxM::after {
	background: url('../../img/waku_bottom_m.png') no-repeat center center;

	grid-row: 3;
}

/* 1/2ボックス */
.wakuBoxH {
	display: grid;

	grid-template-rows: auto 1fr auto;
}

.wakuBoxH::before {
	background: url('../../img/waku_top_h.png') no-repeat center center;

	grid-row: 1;
}

.wakuBoxH .wakuInner {
	grid-row: 2;
}

.wakuBoxH::after {
	background: url('../../img/waku_bottom_h.png') no-repeat center center;

	grid-row: 3;
}

.imgPath {
	-webkit-clip-path: polygon(4% 0%, 96% 0%, 100% 4%, 100% 96%, 96% 100%, 0px 100%, 0% 4%);
	clip-path: polygon(4% 0%, 96% 0%, 100% 4%, 100% 96%, 96% 100%, 0px 100%, 0% 4%);
}

/* ==========================================================================
   グラデーションボタン共通
========================================================================== */
.gradationBtn {
	display: flex;
	color: #fff;
	background: linear-gradient(90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 0%, rgba(255, 181, 21, 1) 0%, rgba(255, 181, 22, 1) 11%, rgba(255, 132, 1, 1) 100%, rgba(0, 0, 0, 1) 100%);

	align-items: center;
	justify-content: space-between;
}

/* ==========================================================================
   一覧ページ共通
========================================================================== */
.archivePage .topText .wakuInner {
	font-size: 1.6rem;
	line-height: 1.48;
	padding: 25px 55px 20px;
}

.archivePage .catNav {
	margin-top: 50px;
}

.archivePage .catNav h2 {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 35px;
	text-align: center;
}

.archivePage .catNav ul {
	display: flex;

	flex-flow: row wrap;
}

.archivePage .catNav li {
	margin: -1px 0 0 -1px;
	border: 1px solid #ccc;

	flex: 0 1 221px;
}

.archivePage .catNav li a {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1;
	display: flex;
	width: 100%;
	height: 60px;
	padding: 5px;
	text-align: center;
	text-align: center;
	color: #fff;
	outline: none;
	background: #00106a;

	align-items: center;
	justify-content: center;
}

.archivePage .catNav li a:focus {
	outline: none;
}

.archivePage .catNav li .router-link-active {
	background: #333;
}

.archivePage .catNav li .disabledLink {
	pointer-events: none;
}

.archivePage .listRow {
	position: relative;
	display: flex;
	min-height: 300px;
	margin-top: 60px;

	flex-flow: row wrap;
	gap: 66px 31px;
}

.archivePage .listBox {
	flex: 0 1 346px;
}

.archivePage .listBox a {
	display: grid;

	grid-template-columns: 100%;
	grid-template-rows: auto auto 1fr;
}

.archivePage .listBox h2 {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.4;
	display: -webkit-box;
	overflow: hidden;
	margin: 10px 0 12px;

	-webkit-box-orient: vertical;
	grid-column: 1;
	grid-row: 2;
	-webkit-line-clamp: 2;
}

.archivePage .listBox time {
	font-size: 1.5rem;
	font-weight: 900;
	color: #777;

	grid-column: 1;
	grid-row: 3;
}

.archivePage .listBox .tm {
	z-index: 1;

	grid-column: 1;
	grid-row: 1;
}

.archivePage .listBox .cat {
	z-index: 2;
	display: flex;
	min-width: 165px;
	min-height: 34px;
	margin-top: 20px;
	padding: 2px 5px;
	text-align: center;
	color: #fff;
	background: #333;

	align-items: center;
	align-self: start;
	grid-column: 1;
	grid-row: 1;
	justify-content: center;
	justify-self: start;
}

.archivePage .ajaxFadein {
	animation: fadeIn .6s 1 0s ease forwards;
}

.archivePage .loading {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	opacity: .8;
}

.archivePage .loading::before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 52px;
	height: 52px;
	margin: -26px 0 0 -26px;
	content: '';
	animation: loader .8s infinite linear;
	border: 6px solid #000;
	border-top-color: #ddd;
	border-radius: 50%;
}

.archivePage .noPost {
	font-size: 1.7rem;
	margin-top: 2em;
	text-align: center;

	flex: 0 0 100%;
}

.archivePage .pagenation {
	max-width: 374px;
	margin: 80px auto 0;
}

.archivePage .pagenation .morePage {
	height: 49px;
	margin-bottom: 12px;
}

.archivePage .pagenation .morePage button {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	text-align: center;
	color: #fff;
	border-radius: 29px;
}

.archivePage .pagenation .morePage button::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.archivePage .pagenation .morePage button::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.archivePage .pagenation .pageList {
	display: flex;

	justify-content: space-between;
}

.archivePage .pagenation .pageList .next,
.archivePage .pagenation .pageList .prev {
	flex: 0 1 107px;
}

.archivePage .pagenation .pageList .next button,
.archivePage .pagenation .pageList .prev button {
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-flex;
	width: 100%;
	height: 49px;
	color: #fff;

	align-items: center;
	justify-content: center;
}

.archivePage .pagenation .pageList .select {
	position: relative;
	height: 49px;
	margin: 0 1px;

	flex: 0 1 158px;
}

.archivePage .pagenation .pageList .select .label {
	font-size: 1.6rem;
	font-weight: bold;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
	color: #fff;
	background: url('../../img/select_arrow.png') no-repeat 130px center;
	background-color: #ff9500;

	align-items: center;
	justify-content: center;
}

.archivePage .pagenation .pageList .select select {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
}

.archivePage .pagenation .pageList .prev {
	border-radius: 29px 0 0 29px;
	background: #ff7f00;
}

.archivePage .pagenation .pageList .next {
	border-radius: 0 29px 29px 0;
	background: #ff7f00;
}

/* ==========================================================================
   サービス共通
========================================================================== */
.servicePage {
	background: #eee;
}

.servicePage .pageMv {
	background-image: url('../../img/service_mv.jpg');
}

/* ==========================================================================
   サービス詳細
========================================================================== */
.serviceSlingle .pageTitle::after {
	display: none;
}

.serviceSlingle .imgSec .secTitle {
	text-align: center;
}

.serviceSlingle .imgSec .secTitle h2 {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.serviceSlingle .imgSec .innerSec .wakuInner {
	display: flex;
	padding: 8px 35px 14px 30px;

	align-items: center;
	flex-flow: row-reverse;
	justify-content: space-between;
}

.serviceSlingle .imgSec .innerSec .textBox {
	flex: 0 1 540px;
}

.serviceSlingle .imgSec .innerSec .textBox h2 {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #607db7;
}

.serviceSlingle .imgSec .innerSec .textBox .text p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.serviceSlingle .imgSec .innerSec .img {
	flex: 0 1 460px;
}

.serviceSlingle .imgSec .innerSec+.innerSec {
	margin-top: 50px;
}

.serviceSlingle .pointSec .secTitle {
	margin-bottom: 44px;
	text-align: center;
}

.serviceSlingle .pointSec .secTitle h2 {
	font-size: 3.5rem;
	font-weight: bold;
	margin-bottom: 25px;
	text-align: center;
}

.serviceSlingle .pointSec .secTitle p {
	font-size: 1.6rem;
	line-height: 1;
}

.serviceSlingle .pointSec .pointBox>section {
	display: flex;
	padding: 15px 45px 15px 40px;

	align-items: center;
	gap: 0 30px;
}

.serviceSlingle .pointSec .pointBox>section .num {
	flex: 0 0 104px;
}

.serviceSlingle .pointSec .pointBox>section .icon {
	flex-shrink: 0;
}

.serviceSlingle .pointSec .pointBox>section .text_desc h2 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
}

.serviceSlingle .pointSec .pointBox>section .text_desc p {
	font-size: 1.6rem;
	line-height: 1.5;
}

.serviceSlingle .pointSec .pointBox+.pointBox {
	margin-top: 20px;
}

.serviceSlingle .imgSec+.pointSec {
	margin-top: 65px;
}

.serviceSlingle .imgSec+.singleEdit,
.serviceSlingle .pointSec+.singleEdit {
	margin-top: 124px;
}

.serviceSlingle .kanren {
	max-width: 1100px;
	margin: 90px auto 0;
}

.serviceSlingle .kanren>h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 65px;
	text-align: center;
}

.serviceSlingle .kanren .row {
	display: flex;

	gap: 0 40px;
}

.serviceSlingle .kanren .kanrenBox {
	flex: 0 1 245px;
}

.serviceSlingle .kanren .kanrenBox a {
	display: flex;

	flex-flow: column;
}

.serviceSlingle .kanren .kanrenBox .tm {
	margin-bottom: 30px;

	order: 1;
}

.serviceSlingle .kanren .kanrenBox .logo {
	display: flex;
	height: 184px;
	border: 1px solid #eee;
	background: #fff;

	align-items: center;
	justify-content: center;
}

.serviceSlingle .kanren .kanrenBox .logo img {
	height: 86%;

	-o-object-fit: contain;
	object-fit: contain;
}

.serviceSlingle .kanren .kanrenBox time {
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1;
	letter-spacing: .2em;
	color: #153aa0;

	order: 2;
}

.serviceSlingle .kanren .kanrenBox h2 {
	font-size: 1.6rem;
	line-height: 1.5;
	display: -webkit-box;
	overflow: hidden;
	margin-top: 10px;

	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	order: 3;
}

/* ==========================================================================
   サービス一覧
========================================================================== */
.serviceArchive .pageTitle::after {
	width: 102px;
	height: 14px;
	background-image: url('../../img/title_en_service.png');
}

.serviceArchive .serviceBox .wakuInner {
	display: grid;
	padding: 12px 30px 12px 35px;

	grid-gap: 25px;
	grid-template-columns: 1fr 460px;
	grid-template-rows: auot auto 1fr;
}

.serviceArchive .serviceBox .wakuInner h2 {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.4;
	padding-bottom: 25px;
	border-bottom: 1px solid #607db7;

	grid-column: 1;
	grid-row: 1;
}

.serviceArchive .serviceBox .wakuInner p {
	font-size: 1.6rem;
	line-height: 1.5;

	grid-column: 1;
	grid-row: 2;
}

.serviceArchive .serviceBox .wakuInner .more {
	width: 200px;
	height: 44px;
	color: #fff;
	border-radius: 22px;

	gap: 0 14px;
	grid-column: 1;
	grid-row: 3;
	justify-content: center;
}

.serviceArchive .serviceBox .wakuInner .more::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.serviceArchive .serviceBox .wakuInner .more::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.serviceArchive .serviceBox .wakuInner .tm {
	grid-column: 2;
	grid-row: 1 / 4;
}

.serviceArchive .serviceBox+.serviceBox {
	margin-top: 50px;
}

/* ==========================================================================
   詳細ページ共通
========================================================================== */
.shingleHeaderBox {
	margin-bottom: 50px;
}

.shingleHeaderBox .wakuInner {
	padding: 18px 30px 20px;
}

.shingleHeaderBox h1 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
}

.shingleHeaderBox h2 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
}

.shingleHeaderBox time {
	font-size: 1.6rem;
	font-weight: bold;
	display: block;
	color: #545454;
}

.shingleHeaderBox .cat {
	display: flex;
	margin-top: 17px;

	flex-flow: row wrap;
	gap: 20px;
}

.shingleHeaderBox .cat li a {
	font-size: 1.5rem;
	display: flex;
	width: 100%;
	min-width: 178px;
	min-height: 34px;
	padding: 5px 10px;
	color: #fff;
	border: 1px solid #ddd;
	background: #333;

	align-items: center;
	justify-content: center;
}

/* ==========================================================================
   セキュリティ情報共通
========================================================================== */
.securityPage {
	background: #eee;
}

.securityPage .pageMv {
	background-image: url('../../img/security_mv.jpg');
}

/* ==========================================================================
   セキュリティ情報詳細
========================================================================== */
.securitySingle .main {
	padding-bottom: 0;
}

.securitySingle .singleEdit {
	padding-bottom: 115px;
}

.securitySingle .securityFotter {
	display: flex;
}

.securitySingle .securityFotter .prevPost,
.securitySingle .securityFotter .nextPost {
	position: relative;
	display: flex;
	height: 300px;

	align-items: center;
	flex: 0 1 50%;
	flex-flow: column;
	justify-content: center;
}

.securitySingle .securityFotter .prevPost a,
.securitySingle .securityFotter .nextPost a {
	position: relative;
	z-index: 2;
}

.securitySingle .securityFotter .prevPost p,
.securitySingle .securityFotter .nextPost p {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.4;
	text-align: center;
}

.securitySingle .securityFotter .prevPost .more,
.securitySingle .securityFotter .nextPost .more {
	font-size: 1.44rem;
	width: 140px;
	height: 40px;
	margin: 25px auto 0;
	border-radius: 22px;

	gap: 0 9px;
	justify-content: center;
}

.securitySingle .securityFotter .prevPost .nextMore::before,
.securitySingle .securityFotter .nextPost .nextMore::before {
	width: 7px;
	height: 12px;
	content: '';

	flex-shrink: 0;
}

.securitySingle .securityFotter .prevPost .nextMore::after,
.securitySingle .securityFotter .nextPost .nextMore::after {
	width: 7px;
	height: 12px;
	content: '';
	background: url('../../img/security_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.securitySingle .securityFotter .prevPost .prevMore::before,
.securitySingle .securityFotter .nextPost .prevMore::before {
	width: 7px;
	height: 12px;
	content: '';
	transform: rotate(180deg);
	background: url('../../img/security_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.securitySingle .securityFotter .prevPost .prevMore::after,
.securitySingle .securityFotter .nextPost .prevMore::after {
	width: 7px;
	height: 12px;
	content: '';

	flex-shrink: 0;
}

.securitySingle .securityFotter .prevPost::before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100%;
	content: '';
	background: #f3f3f3;
}

.securitySingle .securityFotter .nextPost::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	content: '';
	background: #f9f9f9;
}

/* ==========================================================================
   コラム一覧
========================================================================== */
.columnArchive .pageTitle::after {
	width: 130px;
	height: 15px;
	background-image: url('../../img/title_en_column.png');
}

/* ==========================================================================
   セキュリティ情報一覧
========================================================================== */
.securityArchive .pageTitle::after {
	width: 238px;
	height: 15px;
	background-image: url('../../img/title_en_security.png');
}

/* ==========================================================================
   資料ダウンロード共通
========================================================================== */
.downlodaPage {
	background: #eee;
}

.downlodaPage .pageMv {
	background-image: url('../../img/download_mv.jpg');
}

/* ==========================================================================
   資料ダウンロード詳細
========================================================================== */
.downlodaSingle .pageTitle::after {
	width: 207px;
	height: 15px;
	background-image: url('../../img/title_en_download.png');
}

.downlodaSingle .main {
	padding-bottom: 0;
}

.downlodaSingle .singleEdit {
	padding-bottom: 100px;
}

.downlodaSingle .kanrenService {
	position: relative;
	display: flex;
	height: 300px;

	align-items: center;
	justify-content: center;
}

.downlodaSingle .kanrenService::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 100vw;
	min-width: 1100px;
	height: 300px;
	content: '';
	transform: translateX(-50vw);
	background: url('../../img/download_kanren.jpg') no-repeat center center / cover;
}

.downlodaSingle .kanrenService a {
	font-size: 2rem;
	position: relative;
	z-index: 2;
	width: 436px;
	height: 63px;
	padding: 0 28px;
	border-radius: 35px;
}

.downlodaSingle .kanrenService a::before {
	width: 7px;
	height: 12px;
	content: '';

	flex-shrink: 0;
}

.downlodaSingle .kanrenService a::after {
	width: 7px;
	height: 12px;
	content: '';
	background: url('../../img/security_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

@media only screen and (max-width: 1100px) {
	.downlodaPage .kanrenService::before {
		transform: translateX(-570px);
	}
}

/* ==========================================================================
   資料ダウンロード一覧
========================================================================== */
.downlodaArchive .pageTitle::after {
	width: 241px;
	height: 15px;
	background-image: url('../../img/title_en_download_list.png');
}

/* ==========================================================================
   新着情報共通
========================================================================== */
.newsPage {
	background: #eee;
}

.newsPage .pageMv {
	background-image: url('../../img/news_mv.jpg');
}

/* ==========================================================================
   新着情報詳細
========================================================================== */
.newsSingle .pageTitle::after {
	width: 50px;
	height: 15px;
	background-image: url('../../img/title_en_news.png');
}

.newsSingle .main {
	padding-bottom: 0;
}

.newsSingle .singleEdit {
	padding-bottom: 100px;
}

/* ==========================================================================
   新着情一覧
========================================================================== */
.newsArchive .pageTitle::after {
	width: 85px;
	height: 15px;
	background-image: url('../../img/title_en_news_list.png');
}

.newsArchive .newsTitle {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 50px;
	text-align: center;
}

/* ==========================================================================
   お問い合わせ
========================================================================== */
.contactPage {
	background: #eee;
}

.contactPage .pageMv {
	background-image: url('../../img/contact_mv.jpg');
}

.contactPage .pageTitle::after {
	width: 80px;
	height: 15px;
	background-image: url('../../img/title_en_contact.png');
}

.contactPage .contactHeader {
	margin-bottom: 70px;
	text-align: center;
}

.contactPage .contactHeader h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

.contactPage .contactHeader p {
	font-size: 1.6rem;
	line-height: 1.76;
}

/* ==========================================================================
   お客様の声共通
========================================================================== */
.voicePage {
	background: #eee;
}

/* ==========================================================================
   お客様の声詳細
========================================================================== */
.voiceSingle .pageMv {
	background-image: url('../../img/voice_mv.jpg');
}

.voiceSingle .pageTitle::after {
	display: none;
}

.voiceSingle .main {
	padding-bottom: 0;
}

.voiceSingle .voiceHeaderBox .wakuInner {
	display: flex;

	flex-flow: row-reverse;
	justify-content: space-between;
}

.voiceSingle .voiceHeaderBox .logo {
	display: flex;
	height: 181px;
	border: 1px solid #eee;

	align-items: center;
	flex: 0 1 232px;
	justify-content: center;
}

.voiceSingle .voiceHeaderBox .logo img {
	height: 86%;

	-o-object-fit: contain;
	object-fit: contain;
}

.voiceSingle .voiceHeaderBox .dataBox {
	display: flex;
	padding-left: 20px;
	border-left: 10px solid #e4e4e4;

	flex: 0 1 788px;
	flex-flow: column;
	justify-content: center;
}

.voiceSingle .voiceHeaderBox .dataBox .date {
	margin-bottom: 20px;
}

.voiceSingle .voiceHeaderBox .dataBox .date span {
	font-weight: bold;
	color: #535353;
}

.voiceSingle .voiceHeaderBox .dataBox .cat {
	margin-top: 0;
}

.voiceSingle .profile .wakuInner {
	display: flex;
	padding-top: 9px;
	padding-bottom: 9px;

	justify-content: space-between;
}

.voiceSingle .profile h2 {
	display: flex;
	margin: 0;

	align-items: center;
	flex: 0 1 232px;
}

.voiceSingle .profile ul {
	display: flex;
	padding-left: 20px;
	border-left: 10px solid #e4e4e4;

	flex: 0 1 788px;
	flex-flow: column;
	justify-content: center;
}

.voiceSingle .profile ul li {
	font-size: 1.7;
	line-height: 1.7;
	word-break: break-all;
}

.voiceSingle .profile ul a {
	color: #001466;
}

.voiceSingle .singleEdit {
	padding-bottom: 100px;
}

.voiceSingle .kanrenService {
	position: relative;
	display: flex;
	min-height: 350px;
	padding: 0 50px;

	align-items: center;
	justify-content: center;
}

.voiceSingle .kanrenService::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 100vw;
	min-width: 1100px;
	height: 100%;
	content: '';
	transform: translateX(-50vw);
	background: url('../../img/voice_kanren.jpg') no-repeat center center / cover;
}

.voiceSingle .kanrenService .inner {
	display: flex;

	align-items: center;
	flex-flow: row wrap;
	gap: 45px;
	justify-content: center;
}

.voiceSingle .kanrenService h2 {
	font-size: 3.3rem;
	font-weight: bold;
	line-height: 1;
	position: relative;
	z-index: 2;
	text-align: center;
	color: #fff;

	flex: 0 0 100%;
}

.voiceSingle .kanrenService a {
	font-size: 2rem;
	position: relative;
	z-index: 2;
	width: 336px;
	height: 63px;
	padding: 0 28px;
	border-radius: 35px;

	flex-shrink: 0;
}

.voiceSingle .kanrenService a::before {
	width: 7px;
	height: 12px;
	content: '';

	flex-shrink: 0;
}

.voiceSingle .kanrenService a::after {
	width: 7px;
	height: 12px;
	content: '';
	background: url('../../img/security_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.voiceSingle .kanrenService .text {
	font-size: 2rem;
	line-height: 1.6;
	position: relative;
	z-index: 2;
	color: #fff;

	flex: 0 1 615px;
}

@media only screen and (max-width: 1100px) {
	.voiceSingle .kanrenService::before {
		transform: translateX(-570px);
	}
}

/* ==========================================================================
   お客様の声一覧
========================================================================== */
.voicePage {
	background: #eee;
}

.voicePage .pageMv {
	background-image: url('../../img/voice_list_mv.jpg');
}

.voicePage .pageTitle::after {
	width: 123px;
	height: 15px;
	background-image: url('../../img/title_en_voice.png');
}

.voicePage .catNav label {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.3;
	display: flex;
	width: 100%;
	height: 60px;
	padding: 5px 8px;
	cursor: pointer;
	text-align: center;
	text-align: center;
	color: #fff;
	outline: none;
	background: #00106a;

	align-items: center;
}

.voicePage .catNav label:hover {
	opacity: .8;
}

.voicePage .catNav label .icon {
	display: flex;
	width: 38px;

	align-items: center;
	flex-shrink: 0;
	justify-content: center;
}

.voicePage .catNav label .icon img {
	-o-object-fit: contain;
	object-fit: contain;
}

.voicePage .catNav label .name {
	text-align: center;

	flex: 0 1 100%;
}

.voicePage .catNav input {
	display: none;
}

.voicePage .catNav input[type='checkbox']:checked+label {
	background: #333;
}

.voicePage .rbBox {
	flex: 0 1 346px;
}

.voicePage .rbBox a {
	display: grid;
	height: 100%;

	grid-template-rows: auto auto auto 1fr;
}

.voicePage .rbBox .logo {
	display: flex;
	height: 260px;
	margin-bottom: 10px;
	border: 1px solid #eee;
	background: #fff;

	align-items: center;
	grid-row: 1;
	justify-content: center;
}

.voicePage .rbBox .logo img {
	height: 86%;

	-o-object-fit: contain;
	object-fit: contain;
}

.voicePage .rbBox h2 {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.4;
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 10px;

	-webkit-box-orient: vertical;
	grid-row: 2;
	-webkit-line-clamp: 2;
}

.voicePage .rbBox .companyName {
	font-size: 1.7rem;
	font-weight: bold;

	grid-row: 3;
}

.voicePage .rbBox .industry {
	font-size: 1.5rem;
	font-weight: 500;
	display: flex;
	margin-top: 10px;
	color: #00096c;

	flex-flow: row wrap;
	grid-row: 4;
}

.voicePage .rbBox .industry li:not(:last-child)::after {
	content: ',';
}

.voicePage .rbBox .cat {
	display: flex;
	width: 100%;
	min-height: 34px;
	margin-top: 15px;
	padding: 2px 5px;
	text-align: center;
	color: #fff;
	background: #333;

	align-items: center;
	align-self: end;
	grid-row: 5;
	justify-content: center;
}

/* ==========================================================================
   home
========================================================================== */
.homePage .scrollLine {
	position: relative;
	width: 1px;
	height: 113px;
}

.homePage .scrollLine::before {
	position: absolute;
	top: 0;
	left: -5.5px;
	display: block;
	width: 12px;
	height: 12px;
	content: '';
	animation: guide 2s ease-out infinite;
	opacity: 0;
	border-radius: 50%;
}

.homePage .fv {
	position: relative;
	display: grid;
	overflow: hidden;
	background: url('../../img/top_fv_bk.jpg') no-repeat center center / cover;

	grid-template-columns: 1fr minmax(1100px, 1190px) 1fr;
	grid-template-rows: 100vh;
}

.homePage .fv::before {
	content: '';

	grid-column: 1;
}

.homePage .fv::after {
	content: '';

	grid-column: 3;
}

.homePage .fv .catch {
	align-self: center;
	grid-column: 2;
}

.homePage .fv .imgText {
	line-height: 1;
	margin-bottom: 20px;
}

.homePage .fv .text1 {
	font-size: 3.3rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 15px;
	letter-spacing: .065em;
	color: #fcb400;
}

.homePage .fv .text2 {
	font-size: 2.3rem;
	line-height: 1.4;
	letter-spacing: .16em;
	color: #fff;
}

.homePage .fv .scrollLine {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 50%;
	background: #fff;
}

.homePage .fv .scrollLine::before {
	background: #fff;
}

.homePage .serviceRow {
	padding: 70px 0;
	background: #f9f9f9;
}

.homePage .serviceRow .serviceBox {
	max-width: 1100px;
	margin: 0 auto;
}

.homePage .serviceRow .inner-wrap {
	max-width: 1100px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

@media only screen and (max-width: 767px) {
	.homePage .serviceRow .inner-wrap {
		grid-template-columns: 1fr;
	}
}

.homePage .serviceRow .serviceBox .wakuInner {
	display: grid;
	padding: 12px 30px 12px 35px;

	grid-gap: 25px;
	grid-template-columns: 1fr 460px;
	grid-template-rows: auot auto 1fr;

	display: flex;
	flex-direction: column;
	gap: 25px;
}

.serviceRow .wakuBox::before {
	height: unset;
	display: block;
	width: 100%;
	aspect-ratio: 1100/20;
	content: '';
	background: url(../../img/waku_top.png) no-repeat top center;
	background-size: 100%;
}

.serviceRow .wakuBox::after {
	height: unset;
	display: block;
	width: 100%;
	aspect-ratio: 1100/21;
	content: '';
	background: url(../../img/waku_bottom.png) no-repeat center center;
	background-size: 100%;
}

.homePage .serviceRow .serviceBox .wakuInner h2 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.4;
	/* padding-bottom: 25px;
	border-bottom: 1px solid #607db7;

	grid-column: 1;
	grid-row: 1; */
}

.homePage .serviceRow .serviceBox .wakuInner p {
	font-size: 1.6rem;
	line-height: 1.5;

	grid-column: 1;
	grid-row: 2;
}

.homePage .serviceRow .serviceBox .wakuInner .more {
	width: 200px;
	height: 44px;
	color: #fff;
	border-radius: 22px;

	gap: 0 14px;
	grid-column: 1;
	grid-row: 3;
	justify-content: center;

	margin: 0 auto;
}

.serviceBox .title-wrap {
	display: flex;
	padding-bottom: 25px;
	border-bottom: 1px solid #607db7;
}

.serviceBox .title-wrap .icon {
	width: 70px;
	height: 70px;
	margin-right: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.homePage .serviceRow .serviceBox .wakuInner .more::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.homePage .serviceRow .serviceBox .wakuInner .more::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.homePage .serviceRow .serviceBox .wakuInner .tm {
	grid-column: 2;
	grid-row: 1 / 4;
}

.homePage .serviceRow .serviceBox+.serviceBox {
	margin-top: 50px;
	margin-top: 0;
}

.homePage .tuyomi {
	position: relative;
	overflow: hidden;
	padding: 115px 0 210px;
	background: url('../../img/top_tuyomi_bk.jpg') no-repeat center center / cover;
}

.homePage .tuyomi>header {
	margin-bottom: 35px;
	text-align: center;
}

.homePage .tuyomi>header h2 {
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 8px;
	color: #132e67;
}

.homePage .tuyomi>header .en {
	font-size: 1.6rem;
	font-weight: 900;
	line-height: 1;
	color: #00a6ce;
}

.homePage .tuyomi .mark {
	display: flex;
	max-width: 932px;
	margin: 0 auto;

	justify-content: space-between;
}

.homePage .tuyomi .mark li {
	flex: 0 1 253px;
}

.homePage .tuyomi .text {
	font-size: 2.1rem;
	line-height: 1.7;
	max-width: 932px;
	margin: 20px auto;
}

.homePage .tuyomi .scrollLine {
	position: absolute;
	z-index: 3;
	bottom: 0;
	left: 50%;
	background: #001daf;
}

.homePage .tuyomi .scrollLine::before {
	background: #001daf;
}

.homePage .secHeader h2 {
	font-size: 3.8rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 8px;
	background: linear-gradient(to right, rgba(0, 37, 181, 1) 0%, rgba(0, 37, 181, 1) 50%, rgba(19, 48, 101, 1) 77%, rgba(19, 48, 101, 1) 100%);
	-webkit-background-clip: text;
	background-clip: text;

	-webkit-text-fill-color: transparent;
}

.homePage .secHeader .en {
	font-size: 1.6rem;
	font-weight: 900;
	line-height: 1;
	color: #133065;
}

.homePage .feedBack {
	margin-top: 65px;
}

.homePage .feedBack .secHeader {
	display: flex;
	max-width: 1100px;
	margin: 0 auto 40px;

	align-items: center;
}

.homePage .feedBack .secHeader .textRoll {
	flex-shrink: 0;
}

.homePage .feedBack .secHeader .topText {
	font-size: 1.7rem;
	line-height: 1.48;
	margin-left: 40px;
}

.homePage .feedBack .topBox {
	display: flex;
	max-width: 1100px;
	margin: 0 auto 40px;

	align-items: center;
	justify-content: space-between;
}

.homePage .feedBack .topBox .moreBtn {
	width: 200px;
	height: 44px;
	padding: 0 14px;
	color: #fff;
	border-radius: 22px;

	flex-shrink: 0;
}

.homePage .feedBack .topBox .moreBtn::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.homePage .feedBack .topBox .moreBtn::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.homePage .feedBack .topBox .partRow {
	flex: 0 1 858px;
}

.homePage .feedBack .swiper-button-next,
.homePage .feedBack .swiper-button-prev {
	position: static;
	width: 39px;
	height: 39px;
	margin: 0;
	text-indent: -9999px;
}

.homePage .feedBack .swiper-button-next {
	background: url('../../img/slide_next.png') no-repeat center center / contain;
}

.homePage .feedBack .swiper-button-prev {
	background: url('../../img/slide_prev.png') no-repeat center center / contain;
}

.homePage .feedBack .partRow {
	display: flex;

	align-items: center;
	justify-content: flex-end;
}

.homePage .feedBack .partRow .swiper-button-prev {
	margin-left: 28px;

	flex-shrink: 0;
}

.homePage .feedBack .partRow .swiper-button-next {
	margin-left: 10px;

	flex-shrink: 0;
}

.homePage .feedBack .partRow .swiper-pagination {
	position: static;
	background: #f6f6f6;
}

.homePage .feedBack .partRow .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #00062d;
}

.homePage .feedBack .slideWall {
	max-width: 1310px;
	margin: 35px auto 0;
	padding: 0 10px;
}

.homePage .feedBack .slideWall .swiper-slide {
	height: auto;
}

.homePage .feedBack .fbSlide {
	height: 100%;
}

.homePage .feedBack .fbSlide a {
	display: grid;
	height: 100%;

	grid-template-rows: auto auto 1fr;
}

.homePage .feedBack .fbSlide .logo {
	display: flex;
	height: 225px;
	margin-bottom: 15px;
	border: 1px solid #eee;
	background: #fff;

	align-items: center;
	grid-row: 1;
	justify-content: center;
}

.homePage .feedBack .fbSlide .logo img {
	height: 86%;

	-o-object-fit: contain;
	object-fit: contain;
}

.homePage .feedBack .fbSlide h2 {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.7;
	display: -webkit-box;
	overflow: hidden;
	margin-bottom: 10px;

	-webkit-box-orient: vertical;
	grid-row: 2;
	-webkit-line-clamp: 3;
}

.homePage .feedBack .fbSlide time {
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1;
	display: block;
	letter-spacing: .2em;
	color: #315bb0;

	align-self: end;
	grid-row: 3;
}

.homePage .newsSec {
	display: grid;
	padding: 75px 0;
	background: #fff;

	grid-template-columns: 1fr 1100px 1fr;
	grid-template-rows: auto auto 1fr;
}

.homePage .newsSec::before {
	content: '';

	grid-column: 1;
	grid-row: 1 / 4;
}

.homePage .newsSec::after {
	content: '';

	grid-column: 3;
	grid-row: 1 / 4;
}

.homePage .newsSec .secHeader {
	margin-bottom: 45px;

	grid-column: 2;
	grid-row: 1;
}

.homePage .newsSec .newsRow {
	border-bottom: 1px solid #ddd;

	grid-column: 2;
	grid-row: 2;
}

.homePage .newsSec .newsBox {
	border-top: 1px solid #ddd;
}

.homePage .newsSec .newsBox a {
	display: flex;
	padding: 23px 20px;

	align-items: center;
	justify-content: flex-start;
}

.homePage .newsSec .newsBox time {
	font-size: 1.6rem;
	font-weight: bold;
	color: #00468c;

	flex: 0 0 115px;
}

.homePage .newsSec .newsBox .cat {
	display: flex;
	height: 35px;
	margin-right: 20px;
	text-align: center;
	color: #fff;
	background: #062592;

	align-items: center;
	flex: 0 1 120px;
	justify-content: center;
}

.homePage .newsSec .newsBox h2 {
	font-weight: 500;
}

.homePage .newsSec .moreBtn {
	width: 200px;
	height: 44px;
	margin-top: 50px;
	padding: 0 14px;
	color: #fff;
	border-radius: 22px;

	flex-shrink: 0;
	grid-column: 2;
	grid-row: 3;
}

.homePage .newsSec .moreBtn::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.homePage .newsSec .moreBtn::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.homePage .recruitSec {
	display: grid;
	padding: 75px 0;
	background: url('../../img/top_rec_bk.jpg') no-repeat center center / cover;

	grid-template-columns: 1fr 1100px 1fr;
	grid-template-rows: auto 1fr;
}

.homePage .recruitSec::before {
	content: '';

	grid-column: 1;
	grid-row: 1 / 3;
}

.homePage .recruitSec::after {
	content: '';

	grid-column: 3;
	grid-row: 1 / 3;
}

.homePage .recruitSec .secHeader {
	margin-bottom: 45px;

	grid-column: 2;
	grid-row: 1;
}

.homePage .recruitSec .secInner {
	grid-column: 2;
	grid-row: 2;
}

.homePage .recruitSec .secInner {
	display: grid;

	grid-gap: 0 58px;
	grid-template-columns: 1fr 460px;
	grid-template-rows: auto auto 1fr;
}

.homePage .recruitSec .secInner h2 {
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 25px;
	padding-bottom: 25px;
	border-bottom: 1px solid #607db7;

	grid-column: 1;
	grid-row: 1;
}

.homePage .recruitSec .secInner p {
	font-size: 1.7rem;
	line-height: 1.5;

	grid-column: 1;
	grid-row: 2;
}

.homePage .recruitSec .secInner .img {
	grid-column: 2;
	grid-row: 1 / 4;
}

.homePage .recruitSec .secInner .moreBtn {
	width: 240px;
	height: 44px;
	margin-top: 30px;
	padding: 0 17px;
	color: #fff;
	border-radius: 22px;

	align-self: end;
	flex-shrink: 0;
	grid-column: 1;
	grid-row: 3;
}

.homePage .recruitSec .secInner .moreBtn::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.homePage .recruitSec .secInner .moreBtn::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

/* ==========================================================================
   先輩社員 採用情報共通
========================================================================== */
.staffProfBox {
	display: flex;

	flex-flow: row-reverse;
	justify-content: space-between;
}

.staffProfBox .imgBox {
	display: flex;
	border: 1px solid #ccc;
	background: #fff;

	align-items: center;
	flex: 0 1 195px;
	justify-content: center;
}

.staffProfBox .prof {
	flex: 0 1 897px;
}

.staffProfBox .wakuBoxS::before {
	display: none;
}

.staffProfBox .wakuBoxS::after {
	background: url('../../img/waku_bottom_s.png') no-repeat center center;
}

.staffProfBox .wakuBoxS .wakuInner {
	padding: 30px 35px 5px 40px;
	border-top: 1px solid #ccc;
}

.staffProfBox .wakuBoxS h1 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 15px;
}

.staffProfBox .wakuBoxS h2 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 15px;
}

.staffProfBox .wakuBoxS .data {
	display: flex;
	padding-right: 150px;

	gap: 0 1em;
}

.staffProfBox .wakuBoxS .data p {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 1.51;
	color: #001466;
}

.staffProfBox .wakuBoxS .profile {
	font-size: 1.6;
	font-weight: 500;
	line-height: 1.51;
	padding-right: 150px;
	color: #333;
}

.staffProfBox .wakuBoxS .boxMoreBtn {
	font-size: 1.4rem;
	font-weight: bold;
	position: absolute;
	right: 35px;
	bottom: 10px;
	display: flex;
	width: 119px;
	height: 32px;
	padding: 0 10px;
	color: #fff;
	border-radius: 22px;
	background: linear-gradient(90deg, #0000a1 0%, #001668 100%);

	align-items: center;
	justify-content: space-between;
}

.staffProfBox .wakuBoxS .boxMoreBtn::before {
	width: 7px;
	height: 12px;
	content: '';

	flex-shrink: 0;
}

.staffProfBox .wakuBoxS .boxMoreBtn::after {
	width: 7px;
	height: 12px;
	content: '';
	background: url('../../img/security_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

/* ==========================================================================
   先輩社員インタビュー
========================================================================== */
.interviewSingle {
	background: #eee;
}

.interviewSingle .pageMv {
	background-image: url('../../img/interview_mv.jpg');
}

.interviewSingle .pageTitle::after {
	width: 90px;
	height: 15px;
	background-image: url('../../img/title_en_interview.png');
}

.interviewSingle .staffProfBox {
	margin-bottom: 45px;
}

/* ==========================================================================
   採用情報
========================================================================== */
.recruitPage .pageMv {
	background-image: url('../../img/recruit_mv.jpg');
}

.recruitPage .pageTitle::after {
	width: 66px;
	height: 14px;
	background-image: url('../../img/title_en_recruit.png');
}

.recruitPage .main {
	max-width: none;
	padding: 0;
}

.recruitPage .goRecritListBtn {
	width: 240px;
	height: 44px;
	padding: 0 17px;
	color: #fff;
	border-radius: 22px;
}

.recruitPage .goRecritListBtn::before {
	width: 7px;
	content: '';

	flex-shrink: 0;
}

.recruitPage .goRecritListBtn::after {
	width: 7px;
	height: 13px;
	content: '';
	background: url('../../img/service_more_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.recruitPage .topSec {
	position: relative;
	display: grid;
	padding: 150px 0 100px;
	background: #e9eef4;

	grid-gap: 0 80px;
	grid-template-columns: 1fr 460px 540px 1fr;
	grid-template-rows: auto 1fr auto;
}

.recruitPage .topSec::before {
	content: '';

	grid-column: 1;
	grid-row: 1 / 4;
}

.recruitPage .topSec::after {
	content: '';

	grid-column: 4;
	grid-row: 1 / 4;
}

.recruitPage .topSec .secHeader {
	position: relative;
	z-index: 2;
	z-index: 2;
	padding-top: 38px;

	grid-column: 3;
	grid-row: 1;
}

.recruitPage .topSec .secHeader::before {
	position: absolute;
	z-index: 1;
	top: -112px;
	left: 0;
	width: 508px;
	height: 156px;
	content: '';
	background: url('../../img/recruit_title_en.png') no-repeat center center / contain;
}

.recruitPage .topSec h2 {
	font-size: 2.6rem;
	font-weight: bold;
	line-height: 1.4;
}

.recruitPage .topSec .text {
	font-size: 1.6rem;
	line-height: 1.5;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #607db7;

	grid-column: 3;
	grid-row: 2;
}

.recruitPage .topSec .img {
	position: relative;

	grid-column: 2;
	grid-row: 1 / 3;
}

.recruitPage .topSec .moreBtn {
	margin-top: 70px;

	grid-column: 2 / 4;
	grid-row: 4;
	justify-self: center;
}

.recruitPage .interview {
	padding: 70px 0 80px;
	background: #f9f9f9;
}

.recruitPage .interview .secHeader {
	position: relative;
	z-index: 2;
	display: flex;
	max-width: 1100px;
	margin: 0 auto 55px;
	text-align: center;

	align-items: center;
	flex-flow: column;
}

.recruitPage .interview .secHeader::before {
	position: absolute;
	z-index: -1;
	top: -34px;
	left: 50%;
	width: 481px;
	height: 169px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/recruit_title_en2.png') no-repeat center center / contain;
}

.recruitPage .interview .secHeader h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 80px;
}

.recruitPage .interview .secHeader p {
	font-size: 1.6rem;
	line-height: 1.5;
	text-align: justify;
}

.recruitPage .interview .interviewRow {
	max-width: 1100px;
	margin: 0 auto;
}

.recruitPage .interview .interviewRow .staffProfBox {
	display: block;
}

.recruitPage .interview .interviewRow .staffProfBox a {
	display: flex;

	flex-flow: row-reverse;
	justify-content: space-between;
}

.recruitPage .interview .interviewRow .staffProfBox:nth-child(even) a {
	flex-flow: row;
}

.recruitPage .interview .interviewRow .staffProfBox+.staffProfBox {
	margin-top: 30px;
}

.recruitPage .interview .moreBtn {
	margin: 50px auto 0;
}

/* ==========================================================================
   サービス詳細共通
========================================================================== */
.serviceMain .mewAcquisition {
	position: relative;
	margin-top: 100px;
	padding: 70px 0 95px;
}

.serviceMain .mewAcquisition::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 100vw;
	min-width: 1200px;
	height: 100%;
	content: '';
	transform: translateX(-50%);
	background: #e9eef4;
}

.serviceMain .mewAcquisition>header {
	position: relative;
	z-index: 2;
	margin-bottom: 90px;
	text-align: center;
}

.serviceMain .mewAcquisition>header::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 974px;
	height: 250px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en1.png') no-repeat center center / contain;
}

.serviceMain .mewAcquisition>header>div {
	position: relative;
	z-index: 2;
}

.serviceMain .mewAcquisition>header h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.serviceMain .featureRow {
	position: relative;
	z-index: 2;
	display: flex;

	justify-content: space-between;
}

.serviceMain .featureSec {
	flex: 0 1 346px;
}

.serviceMain .featureSec .wakuInner {
	padding: 20px;
}

.serviceMain .featureSec h2 {
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
}

.serviceMain .featureSec h2::before {
	display: block;
	width: 88px;
	height: 88px;
	margin: 0 auto 20px;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.serviceMain .featureSec p {
	font-size: 1.6rem;
	line-height: 1.7;
}

.serviceMain .featureSec1 h2::before {
	background-image: url('../../img/service_icon1.png');
}

.serviceMain .featureSec2 h2::before {
	background-image: url('../../img/service_icon2.png');
}

.serviceMain .featureSec3 h2::before {
	background-image: url('../../img/service_icon3.png');
}

.serviceMain .borderTitle {
	margin-bottom: 25px;
	padding-bottom: 25px;
	text-align: center;
	border-bottom: 1px solid #00106a;
}

.serviceMain .borderTitle h2 {
	font-size: 3rem;
	font-weight: bold;
	line-height: 1.7;
}

.serviceMain .topText {
	font-size: 1.6rem;
	line-height: 1.7;
	margin-bottom: 45px;

	flex: 0 0 100%;
}

.serviceMain .topText p+p {
	margin-top: 1.5em;
}

.serviceMain .planSec {
	position: relative;
	z-index: 2;
	display: flex;
	margin-top: 95px;

	flex-flow: row wrap;
	justify-content: space-between;
}

.serviceMain .planSec .borderTitle {
	flex: 0 0 100%;
}

.serviceMain .planSec .topText {
	flex: 0 0 100%;
}

.serviceMain .planSec .planBox {
	flex: 0 1 534px;
}

.serviceMain .planSec .planBox .wakuInner {
	padding: 30px 20px;
}

.serviceMain .planSec .planBox .title {
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center;
}

.serviceMain .planSec .planBox .description {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 25px;
	padding: 20px;
	color: #fff;
	background: #00106a;
}

.serviceMain .planSec .planBox .text {
	font-size: 1.6rem;
	line-height: 1.7;
	min-height: 10em;
	margin-bottom: 30px;
}

.serviceMain .planSec .planBox .data {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.7;
}

.serviceMain .planSec .planBox .data strong {
	color: #00086c;
}

.serviceMain .planSec .planBox .img {
	margin-top: 27px;
}

.serviceMain .planSec .planBox .img h2 {
	font-size: 1.8rem;
	font-weight: 500;
	display: flex;
	width: 230px;
	height: 39px;
	margin: 0 auto 25px;
	text-align: center;
	border: 1px solid #00096c;
	border-radius: 19px;
	background: #e9eef4;

	align-items: center;
	justify-content: center;
}

.serviceMain .planSec .planBox .img .zoom {
	position: relative;
	display: block;
}

.serviceMain .planSec .planBox .img .zoom::before {
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 20px;
	width: 45px;
	height: 45px;
	content: '';
	background: url('../../img/zoom_icon.png') no-repeat center center / contain;
}

.serviceMain .toolSec {
	position: relative;
	z-index: 2;
	margin-top: 95px;
}

.serviceMain .toolSec .tabNav {
	display: flex;
	width: 1101px;
}

.serviceMain .toolSec .tabNav li {
	display: flex;
	height: 166px;
	margin-left: -1px;
	padding-top: 14px;
	cursor: pointer;
	background: url('../../img/tab_nav_bk.png') no-repeat right top;

	align-items: flex-start;
	flex: 0 1 368px;
	justify-content: center;
}

.serviceMain .toolSec .tabNav .tOpen {
	background: url('../../img/tab_nav_bk.png') no-repeat left top;
}

.serviceMain .toolSec .tabBox {
	display: none;
	padding-top: 35px;
}

.serviceMain .toolSec .tabBox>p {
	font-size: 1.6rem;
	line-height: 1.7;
}

.serviceMain .toolSec .tabBox>p+p {
	margin-top: 1.5em;
}

.serviceMain .toolSec .defaultOpen {
	display: block;
}

.serviceMain .toolSec .tabOpen {
	position: relative;
	display: block;
	animation: fadeIn .4s 0s 1 ease-in-out forwards;
}

.serviceMain .toolSec .iconList {
	display: flex;
	margin-top: 30px;

	flex-flow: row wrap;
	gap: 28px 0;
	justify-content: space-between;
}

.serviceMain .toolSec .iconList li {
	flex: 0 1 537px;
}

.serviceMain .toolSec .iconList .iconSec {
	height: 100%;
	padding: 20px 20px 20px 130px;
	border: 1px solid #ccc;
	background: #fff;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 88px auto;
}

.serviceMain .toolSec .iconList .iconSec h2 {
	font-size: 1.9rem;
	font-weight: bold;
	margin-bottom: 10px;
}

.serviceMain .toolSec .iconList .iconSec p {
	font-size: 1.6rem;
	line-height: 1.7;
}

.serviceMain .toolSec .iconList1 .iconSec1 {
	background-image: url('../../img/service_tab_icon1.png');
}

.serviceMain .toolSec .iconList1 .iconSec2 {
	background-image: url('../../img/service_tab_icon2.png');
}

.serviceMain .toolSec .iconList1 .iconSec3 {
	background-image: url('../../img/service_tab_icon3.png');
}

.serviceMain .toolSec .iconList1 .iconSec4 {
	background-image: url('../../img/service_tab_icon4.png');
}

.serviceMain .toolSec .iconList1 .iconSec5 {
	background-image: url('../../img/service_tab_icon5.png');
}

.serviceMain .toolSec .iconList1 .iconSec6 {
	background-image: url('../../img/service_tab_icon6.png');
}

.serviceMain .toolSec .iconList2 .iconSec1 {
	background-image: url('../../img/service_tab_icon7.png');
}

.serviceMain .toolSec .iconList2 .iconSec2 {
	background-image: url('../../img/service_tab_icon8.png');
}

.serviceMain .toolSec .iconList2 .iconSec3 {
	background-image: url('../../img/service_tab_icon9.png');
}

.serviceMain .toolSec .iconList2 .iconSec4 {
	background-image: url('../../img/service_tab_icon10.png');
}

.serviceMain .toolSec .iconList2 .iconSec5 {
	background-image: url('../../img/service_tab_icon11.png');
}

.serviceMain .toolSec .iconList2 .iconSec6 {
	background-image: url('../../img/service_tab_icon12.png');
}

.serviceMain .toolSec .tab2Img {
	margin-top: 40px;
}

.serviceMain .operationalSupport {
	max-width: 1100px;
	margin: 65px auto 0;
}

.serviceMain .operationalSupport>header {
	position: relative;
	z-index: 2;
	margin-bottom: 90px;
	text-align: center;
}

.serviceMain .operationalSupport>header::before {
	position: absolute;
	z-index: 1;
	top: 25px;
	left: 50%;
	width: 1046px;
	height: 214px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en2.png') no-repeat center center / contain;
}

.serviceMain .operationalSupport>header>div {
	position: relative;
	z-index: 2;
}

.serviceMain .operationalSupport>header h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.serviceMain .operationalSupport .topText {
	position: relative;
	z-index: 2;
}

.serviceMain .operationalSupport .separateBox {
	display: flex;

	flex-flow: row-reverse;
	justify-content: space-between;
}

.serviceMain .operationalSupport .separateBox .imgBox {
	display: flex;
	border: 1px solid #ccc;
	background: #fff;

	align-items: center;
	flex: 0 1 195px;
	justify-content: center;
}

.serviceMain .operationalSupport .separateBox .textBox {
	flex: 0 1 897px;
}

.serviceMain .operationalSupport .separateBox .wakuBoxS::before {
	display: none;
}

.serviceMain .operationalSupport .separateBox .wakuBoxS::after {
	background: url('../../img/waku_bottom_s.png') no-repeat center center;
}

.serviceMain .operationalSupport .separateBox .wakuBoxS .wakuInner {
	padding: 30px 35px 5px 40px;
	border-top: 1px solid #ccc;
}

.serviceMain .operationalSupport .separateBox .wakuBoxS h2 {
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 10px;
}

.serviceMain .operationalSupport .separateBox .wakuBoxS .text p,
.serviceMain .operationalSupport .separateBox .wakuBoxS .text li {
	font-size: 1.6rem;
	line-height: 1.41;
}

.serviceMain .operationalSupport .separateBox .wakuBoxS .text li {
	margin-left: 1.4em;
	text-indent: -1.4em;
}

.serviceMain .operationalSupport .separateBoxRight {
	flex-flow: row;
}

.serviceMain .operationalSupport .separateBox+.separateBox {
	margin-top: 30px;
}

.serviceMain .operationalSupport .optionSec {
	margin-top: 95px;
}

.serviceMain .operationalSupport .optionSec .optionRow {
	display: flex;
	margin-top: 65px;

	justify-content: space-between;
}

.serviceMain .operationalSupport .optionSec .optionBox {
	flex: 0 1 346px;
}

.serviceMain .operationalSupport .optionSec .optionBox .wakuInner {
	padding: 10px 20px 15px;
}

.serviceMain .operationalSupport .optionSec .optionBox .wakuInner>h2 {
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 20px;
	text-align: center;
}

.serviceMain .operationalSupport .optionSec .optionBox .inner h2 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.5;
	margin-bottom: 15px;
	color: #00106a;
}

.serviceMain .operationalSupport .optionSec .optionBox .inner li {
	font-size: 1.6rem;
	line-height: 1.71;
	margin-left: 1.4em;
	text-indent: -1.4em;
}

.serviceMain .updateSupport {
	position: relative;
	margin-top: 95px;
	padding: 70px 0 95px;
}

.serviceMain .updateSupport::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 100vw;
	min-width: 1200px;
	height: 100%;
	content: '';
	transform: translateX(-50%);
	background: #e9eef4;
}

.serviceMain .updateSupport>header {
	position: relative;
	z-index: 2;
	margin-bottom: 85px;
	text-align: center;
}

.serviceMain .updateSupport>header::before {
	position: absolute;
	z-index: 1;
	top: 12px;
	left: 50%;
	width: 1032px;
	height: 238px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en3.png') no-repeat center center / contain;
}

.serviceMain .updateSupport>header>div {
	position: relative;
	z-index: 2;
}

.serviceMain .updateSupport>header h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.serviceMain .updateSupport .topText {
	position: relative;
	z-index: 3;
}

.serviceMain .updateSupport .zu {
	position: relative;
	z-index: 3;
}

.serviceMain .slideDownBox {
	position: relative;
	z-index: 3;
}

.serviceMain .slideDownBox .wakuInner {
	padding: 0 20px;
}

.serviceMain .slideDownBox .wakuInner>h2 {
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.5;
	display: flex;
	padding: 12px 0;
	cursor: pointer;
	text-align: left;

	align-items: flex-start;
	justify-content: space-between;
}

.serviceMain .slideDownBox .wakuInner>h2::after {
	width: 19px;
	height: 13px;
	margin: .5em 12px 0 20px;
	content: '';
	transition: transform .2s linear;
	transform: rotate(0deg);
	transform-origin: center center;
	background: url('../../img/slidedown_arrow.png') no-repeat center center / contain;

	flex-shrink: 0;
}

.serviceMain .slideDownBox .wakuInner>h2:hover {
	opacity: .7;
}

.serviceMain .slideDownBox .wakuInner .open::after {
	transform: rotate(180deg);
}

.serviceMain .slideDownBox .wakuInner .hideBox {
	display: none;
}

.serviceMain .slideDownBox .wakuInner .hideBox h3 {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.7;
}

.serviceMain .slideDownBox .wakuInner .hideBox p {
	font-size: 1.6rem;
	line-height: 1.7;
	text-align: left;
}

.serviceMain .slideDownBox .wakuInner .hideBox p+h3 {
	margin-top: 1.5em;
	text-align: left;
}

.serviceMain .slideDownBox .wakuInner .hideBox li {
	font-size: 1.6rem;
	line-height: 1.7;
	margin-left: 1em;
	text-align: left;
	text-indent: -1em;
}

.serviceMain .slideDownBox .wakuInner .hideBox li+li {
	margin-top: 1.5em;
}

.serviceMain .slideDownBox .wakuInner .isCheckMark {
	padding-left: 30px;
}

.serviceMain .slideDownBox .wakuInner .isCheckMark h3 {
	position: relative;
}

.serviceMain .slideDownBox .wakuInner .isCheckMark h3::before {
	position: absolute;
	top: .3em;
	left: -30px;
	width: 16px;
	height: 1em;
	content: '';
	background: url('../../img/check_mark.png') no-repeat center center / contain;
}

.serviceMain .slideDownBox+.slideDownBox {
	margin-top: 20px;
}

.serviceMain .slideDownSec {
	margin-top: 95px;
}

.serviceMain .slideDownSec>header {
	position: relative;
	z-index: 2;
	margin-bottom: 95px;
	text-align: center;
}

.serviceMain .slideDownSec>header>div {
	position: relative;
	z-index: 2;
}

.serviceMain .slideDownSec>header h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.serviceMain .overview>header::before {
	position: absolute;
	z-index: 1;
	top: 15px;
	left: 50%;
	width: 438px;
	height: 139px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en4.png') no-repeat center center / contain;
}

.serviceMain .benefits>header::before {
	position: absolute;
	z-index: 1;
	top: 10px;
	left: 50%;
	width: 482px;
	height: 144px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en5.png') no-repeat center center / contain;
}

.serviceMain .damages>header::before {
	position: absolute;
	z-index: 1;
	top: -20px;
	left: 50%;
	width: 515px;
	height: 217px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en6.png') no-repeat center center / contain;
}

.serviceMain .damages .topText {
	position: relative;
	z-index: 3;
}

.serviceMain .damages .topText strong {
	font-weight: normal;
	color: #d80000;
}

.lum-lightbox {
	z-index: 9999;
}

.lum-lightbox .lum-gallery-button {
	display: none;
}

.lum-lightbox .lum-lightbox-inner img {
	max-width: 80vw;
}

/* ==========================================================================
   サービス詳細 プライバシーマーク
========================================================================== */
.servicePrivacyMarkMain .operationalSupport .nayami {
	margin: 55px 0;
}

.servicePrivacyMarkMain .operationalSupport .nayami .wakuInner {
	position: relative;
	height: 588px;
	padding-top: 17px;
}

.servicePrivacyMarkMain .operationalSupport .nayami h2 {
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center;
}

.servicePrivacyMarkMain .operationalSupport .nayami .ilaList {
	position: absolute;
	bottom: -21px;
	left: 50%;
	display: flex;
	width: 978px;
	height: 527px;
	margin-left: -489px;
	background: url('../../img/service_nayami_bk.png') no-repeat center center;

	gap: 0 82px;
	justify-content: center;
}

.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li {
	font-size: 1.9rem;
	font-weight: bold;
	line-height: 1.7;
	text-align: center;

	flex: 0 1 270px;
}

.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li:nth-child(1),
.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li:nth-child(3) {
	margin-top: 210px;
}

.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li:nth-child(2) {
	margin-top: 105px;
}

/* ==========================================================================
   サービス詳細 ISO
========================================================================== */
.serviceIsoMain .planSec .topText {
	margin-bottom: 60px;
}

.serviceIsoMain .planSec .planBox .title {
	margin-bottom: 35px;
}

.serviceIsoMain .operationalSupport .tikamiti {
	margin-bottom: 125px;
}

.serviceIsoMain .operationalSupport .tikamiti .wakuInner {
	padding: 20px 75px 40px;
}

.serviceIsoMain .operationalSupport .tikamiti h2 {
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1.4;
	position: relative;
	margin-bottom: 34px;
	text-align: center;
}

.serviceIsoMain .operationalSupport .tikamiti h2::after {
	position: absolute;
	top: 25px;
	right: 0;
	width: 185px;
	height: 182px;
	content: '';
	background: url('../../img/service_tilamiti_ila.png') no-repeat center center / contain;
}

.serviceIsoMain .operationalSupport .tikamiti p {
	font-size: 1.6rem;
	line-height: 1.7;
}

.serviceIsoMain .operationalSupport .tikamiti figure {
	margin-top: 60px;
}

.serviceIsoMain .operationalSupport .tikamiti figure figcaption {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 35px;
	text-align: center;
	color: #00106a;
}

.serviceIsoMain .operationalSupport .tikamiti figure ol {
	display: grid;

	grid-gap: 0 15px;
	grid-template-columns: 489px 1fr;
}

.serviceIsoMain .operationalSupport .tikamiti figure ol li {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.7;
}

/* ==========================================================================
   サービス詳細 セキュリティ
========================================================================== */
.main:has(.serviceSecurityMain) {
	padding-bottom: 0;
}

.main:has(.serviceSecurityMain) .kanren {
	padding-bottom: 95px;
}

/* 20251113_takeuchi */
.serviceSecurityMain .securityConsulting {
	position: relative;
	margin-top: 70px;
	/* padding: 70px 0 95px; */
}

/*20251113_takeuchi*/
.serviceSecurityMain .securityConsulting::before {
	/* position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 100vw;
	min-width: 1200px;
	height: 100%;
	content: '';
	transform: translateX(-50%);
	background: #e9eef4; */
}

.serviceSecurityMain .securityConsulting>header {
	position: relative;
	z-index: 2;
	margin-bottom: 90px;
	text-align: center;
}

.serviceSecurityMain .securityConsulting>header::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	width: 1182px;
	height: 250px;
	content: '';
	transform: translateX(-50%);
	background: url('../../img/service_pm_title_en7.png') no-repeat center center / contain;
}

.serviceSecurityMain .securityConsulting>header>div {
	position: relative;
	z-index: 2;
}

.serviceSecurityMain .securityConsulting>header h2 {
	font-size: 3.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.serviceSecurityMain .securityConsulting .topText {
	position: relative;
	z-index: 2;
}

.serviceSecurityMain .securityConsulting .img {
	position: relative;
	z-index: 2;
	margin-top: 45px;
}

.serviceSecurityMain .securityConsulting .img .tableSvg {
	position: absolute;
	top: 122px;
	left: 12px;
	width: 1074px;
}

.serviceSecurityMain .securityConsulting .img .tableSvg rect {
	fill: transparent;
}

.serviceSecurityMain .securityConsulting .img .tableSvg .linkBox {
	cursor: pointer;

	fill: transparent;
}

.serviceSecurityMain .securityConsulting .img .tableSvg .linkBox:hover {
	fill: rgba(255, 255, 255, .1);
}

.serviceSecurityMain .securityConsulting .img .tableSvg .nolink {
	cursor: default;
	pointer-events: none;
}

/*20251114_takeuchi*/
.serviceSecurityMain .securityConsulting .linkList {
	position: relative;
	z-index: 2;
	margin-top: 70px;
	padding-bottom: 30px;
}

.serviceSecurityMain .securityConsulting .linkList li {
	font-size: 1.7rem;
	font-weight: 500;
	line-height: 1.5;
}

.serviceSecurityMain .securityConsulting .linkList li+li {
	margin-top: 1.5em;
}

.serviceSecurityMain .securityConsulting .linkList a {
	text-decoration: underline;
}

/* ==========================================================================
   end
========================================================================== */
@media only screen and (max-width: 767px) {
	html {
		font-size: 2.08333vw;
	}

	body {
		width: 100%;
		min-width: 0;
	}

	.spShow {
		display: inline-block;
	}

	.pcShow {
		display: none;
	}

	.container {
		grid-template: 'header' 0
			'pageContainer' 1fr
			'footer' auto /100%;
	}

	.anchor {
		display: block;
		margin-top: -18.75vw;
		padding-top: 18.75vw;
	}

	/* ==========================================================================
   ヘッダー
========================================================================== */
	.header {
		z-index: 999;
		display: grid;
		min-width: 0;

		grid-template-columns: 4.16667vw 25.625vw 1fr 4.79167vw;
		grid-template-rows: 18.75vw;
	}

	.header::before {
		grid-column: 1;
	}

	.header::after {
		grid-column: 4;
	}

	.header .logo {
		align-self: center;
		grid-column: 2;
	}

	.header .login {
		display: none;
	}
	.header .download {
		display: none;
	}

	.header .menuBtn {
		position: relative;
		z-index: 999;
		display: block;

		align-self: center;
		grid-column: 3;
		justify-self: end;
	}

	.header .menuBtn button {
		line-height: 1;
		position: relative;
		display: block;
		width: 8.54167vw;
		height: 3.95833vw;
		transition: transform .6s;
	}

	.header .menuBtn .line {
		width: 8.54167vw;
		height: .20833vw;
		transition: transform .4s, opacity .4s;
		background: #fff;
	}

	.header .menuBtn .line:nth-child(1) {
		position: absolute;
		top: 0;
		left: 0;
	}

	.header .menuBtn .line:nth-child(2) {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -1px;
		transform-origin: center;
	}

	.header .menuBtn .line:nth-child(3) {
		position: absolute;
		top: 50%;
		left: 0;
		margin-top: -1px;
		transform-origin: center;
		opacity: 0;
	}

	.header .menuBtn .line:nth-child(4) {
		position: absolute;
		right: 0;
		bottom: 0;
		width: 4.16667vw;
	}

	.header .btnOpen {
		transform: rotate(360deg);
	}

	.header .btnOpen .line {
		background: #000;
	}

	.header .btnOpen .line:nth-child(1) {
		opacity: 0;
	}

	.header .btnOpen .line:nth-child(2) {
		transform: rotate(-45deg);
		opacity: 1;
	}

	.header .btnOpen .line:nth-child(3) {
		transform: rotate(45deg);
		opacity: 1;
	}

	.header .btnOpen .line:nth-child(4) {
		opacity: 0;
	}

	.headereMenuOpen {
		background: #fff;
	}

	/* ==========================================================================
   gNav
========================================================================== */
	.gNav {
		position: fixed;
		z-index: 999;
		top: 18.75vw;
		left: 0;
		display: none;
		overflow-y: auto;
		width: 100%;
		height: calc(100dvh - 18.75vw);
		padding: 12.5vw 0;
		background: #e9eef4;

		overscroll-behavior-y: none;
	}

	.gNav .pageNav {
		font-size: 1.8rem;
		display: block;
		width: 83.33333vw;
		margin: 0 auto;
		padding: 0;
	}

	.gNav .pageNav>li+li {
		margin-top: 4.58333vw;
	}

	.gNav .parent>a {
		display: block;
		height: auto;
		color: #333;
	}

	.gNav .parent>a span::after {
		display: none;
	}

	.gNav .parent+.parent {
		margin-left: 0;
	}

	.gNav .child {
		position: static;
		display: block;
		margin-top: 4.58333vw;
		padding: 0 0 0 4.58333vw;
	}

	.gNav .child::before {
		display: none;
	}

	.gNav .child ul {
		position: relative;
		z-index: 2;
	}

	.gNav .child ul li {
		font-size: 1.8rem;
		font-weight: 500;
		line-height: 1.4;
	}

	.gNav .child ul li+li {
		margin-top: 4.58333vw;
	}

	.gNav .loginSp {
		margin: 8.33333vw 0 0 4.16667vw;
	}

	.gNav .loginSp a {
		font-size: 1.5rem;
		font-weight: bold;
		display: flex;
		width: 36.66667vw;
		height: 7.08333vw;
		color: #fff;
		background: #08199b;

		align-items: center;
		justify-content: center;
	}

	.gNav .loginSp a::after {
		width: 3.125vw;
		height: 3.54167vw;
		margin-left: 1.04167vw;
		content: '';
		background: url('../../img/login_icon.png') no-repeat center center / contain;
	}

	.navOpen {
		display: block;
		animation: menuFadeIn .4s 1 0s linear forwards;
	}

	.navClose {
		animation: menuFadeOut .4s 1 0s ease-out forwards;
	}

	.headereFix {
		background: #fff;
	}

	.headereFix .gNav .parent>a {
		color: #333;
	}

	.headereFix .menuBtn .line {
		background: #000;
	}

	/* ==========================================================================
   footer
========================================================================== */
	.footer .top {
		display: block;
		height: 113.33333vw;
		padding-top: 6.25vw;
	}

	.footer .top::before {
		position: absolute;
		top: auto;
		bottom: 4.16667vw;
		left: 4.58333vw;
		width: 90vw;
		height: 51.875vw;
		margin-left: 0;
	}

	.footer .pageNav {
		line-height: 1;

		flex-flow: row wrap;
		gap: 4.16667vw 8.54167vw;
		justify-content: center;
	}

	.footer .pageNav a {
		padding: 0;
		color: #fff;
	}

	.footer .pageNav a span::after {
		display: none;
	}

	.footer .pageNav li+li {
		margin-left: 0;
	}

	.footer .bottom {
		display: block;
		height: auto;
		padding: 3.125vw 0 2.08333vw;
	}

	.footer .bottom::before {
		display: none;
	}

	.footer .bottom::after {
		display: none;
	}

	.footer .bottom .pageNav2 {
		gap: 0 1.5em;
		justify-content: center;
	}

	.footer .bottom .mark {
		width: 49.375vw;
		margin: 6.25vw auto 0;

		justify-content: space-between;
	}

	.footer .bottom .mark li:first-child {
		flex: 0 1 18.75vw;
	}

	.footer .bottom .mark li:last-child {
		flex: 0 1 26.875vw;
	}

	.footer .copyright {
		padding: 3.125vw 0;
	}

	.footer .pagetop {
		right: 0;
		bottom: 10px;
		width: 17.70833vw;
		height: 17.70833vw;
	}

	.footer .stopBtn {
		position: absolute;
		top: -8.85417vw;
	}

	/* ==========================================================================
   下層共通
========================================================================== */
	.subPage .pageMv {
		height: 104.16667vw;
	}

	.subPage .pageHeader {
		width: 95.83333vw;

		justify-content: center;
	}

	.subPage .pageTitle {
		font-weight: bold;
		text-align: center;
	}

	.subPage .pageTitle::after {
		margin: 3.54167vw auto 0;
	}

	.subPage .pankuzu {
		padding: 2.08333vw 4.16667vw;
		background: #fff;
	}

	.subPage .pankuzu ul li {
		line-height: 1.3;

		flex-shrink: 0;
	}

	.subPage .pankuzu ul li:last-child {
		flex-shrink: 1;
	}

	.subPage .pankuzu ul li+li {
		display: flex;
		margin-left: 1.04167vw;
	}

	.subPage .pankuzu ul li+li::before {
		margin-right: 1.04167vw;
		content: '/';
	}

	.subPage .main {
		max-width: 91.66667vw;
		margin: 0 auto;
		padding: 20px 0 20px;
	}

	/* ==========================================================================
   企業情報
========================================================================== */
	.companyPage .pageMv {
		background-image: url('../../img/sp_company_mv.jpg');
	}

	.companyPage .pageTitle::after {
		width: 44.375vw;
		height: 3.125vw;
	}

	.companyPage .main {
		max-width: none;
		padding-bottom: 0;
	}

	.companyPage .rinen {
		display: flex;
		max-width: 91.66667vw;
		margin: 0 auto;

		flex-flow: column;
		justify-content: flex-start;
	}

	.companyPage .rinen .secTitle {
		margin-bottom: 13.125vw;

		flex: 1 1 auto;
	}

	.companyPage .rinen .secTitle::before {
		top: -7.08333vw;
		right: 0;
		width: 100vw;
		height: 40.83333vw;
	}

	.companyPage .rinen .text {
		margin-top: 4.58333vw;

		flex: 1 1 auto;
	}

	.companyPage .rinen .img {
		flex: 1 1 auto;
	}

	.companyPage .message {
		display: grid;
		margin-top: 17.70833vw;
		padding: 13.54167vw 0 22.91667vw;
		background: #e9eef4;

		grid-template-columns: 4.16667vw 1fr 4.16667vw;
		grid-template-rows: auto auto 1fr;
	}

	.companyPage .message::before {
		grid-row: 1 / 4;
	}

	.companyPage .message::after {
		content: '';

		grid-column: 3;
		grid-row: 1 / 4;
	}

	.companyPage .message .secTitle {
		margin-bottom: 12.5vw;
		text-align: center;

		grid-column: 2;
		grid-row: 1;
	}

	.companyPage .message .secTitle::before {
		z-index: 1;
		top: -9.375vw;
		left: -2.08333vw;
		width: 97.08333vw;
		height: 45.625vw;
	}

	.companyPage .message .secTitle .textRoll {
		position: relative;
		z-index: 2;
	}

	.companyPage .message .text {
		margin-top: 5.20833vw;

		grid-column: 2;
		grid-row: 3;
	}

	.companyPage .message .img {
		position: relative;
		margin-left: 0;

		grid-column: 2;
		grid-row: 2;
	}

	.companyPage .message .img::before {
		top: 12.91667vw;
		width: 47.91667vw;
		height: 65vw;
	}

	.companyPage .message .img figure {
		width: 63.33333vw;
	}

	.companyPage .gaiyou {
		max-width: 91.66667vw;
		margin: 13.54167vw auto 0;
	}

	.companyPage .gaiyou .secTitle {
		margin-bottom: 12.91667vw;
	}

	.companyPage .gaiyou .secTitle::before {
		top: -8.125vw;
		left: -4.16667vw;
		width: 100vw;
		height: 31.66667vw;
	}

	.companyPage .gaiyou .gaiyouDl>dt {
		padding-left: 4.16667vw;

		flex: 0 1 29.16667vw;
	}

	.companyPage .gaiyou .gaiyouDl>dd {
		flex: 0 1 62.5vw;
	}

	.companyPage .gaiyou .gaiyouDl>dt,
	.companyPage .gaiyou .gaiyouDl>dd {
		padding-top: 5.83333vw;
		padding-bottom: 5.83333vw;
	}

	.companyPage .gaiyou .gaiyouDl .telDl {
		display: block;
	}

	.companyPage .gaiyou .gaiyouDl .telDl dt {
		padding-right: 0;
	}

	.companyPage .gaiyou .gaiyouDl .telDl dd:last-child::before {
		display: none;
	}

	.companyPage .gaiyou .gaiyouDl .telDl dd {
		padding-left: 1em;
	}

	.companyPage .gaiyou .gaiyouDl .inlineList {
		padding-left: 1em;
	}

	.companyPage .gaiyou .gaiyouDl .inlineList li {
		margin-left: 1em;
		text-indent: -1em;
	}

	.companyPage .gaiyou .gaiyouDl .childUl li {
		margin-left: 1em;
		text-indent: -1em;
	}

	.companyPage .gaiyou .gaiyouDl .group dt {
		margin-left: 1em;
		text-indent: -1em;
	}

	.companyPage .gaiyou .gaiyouDl .group dd {
		padding-left: 1em;
		word-break: break-all;
	}

	.companyPage .history {
		margin-top: 18.75vw;
		padding: 13.75vw 0 25vw;

		grid-template-columns: 1fr 91.66667vw 1fr;
		grid-template-rows: auto 1fr;
	}

	.companyPage .history .secTitle {
		margin-bottom: 12.5vw;
	}

	.companyPage .history .secTitle::before {
		z-index: 1;
		top: -13.125vw;
		left: 4.16667vw;
		width: 85.41667vw;
		height: 51.04167vw;
		transform: translateX(0);
	}

	.companyPage .history ul::after {
		position: absolute;
		top: 3.125vw;
		left: 28.75vw;
		width: .20833vw;
		height: calc(100% - 3.125vw);
		content: '';
		background: #b9bcd9;
	}

	.companyPage .history li+li {
		margin-top: 5.20833vw;
	}

	.companyPage .history li::after {
		width: 3.95833vw;
		height: 3.95833vw;
		margin-right: 6.875vw;
	}

	.companyPage .history li .date {
		width: 27.08333vw;
	}

	.companyPage .history li:last-child {
		position: relative;
	}

	.companyPage .history li:last-child::before {
		left: 28.75vw;
		width: .20833vw;
		height: calc(50% - 1.97917vw);
	}

	/* ==========================================================================
   変形枠ボックス
========================================================================== */
	.wakuBox::before {
		width: 91.66667vw;
		height: 4.16667vw;
		background: url('../../img/sp_waku_top.png') no-repeat center center / auto 100%;
	}

	.wakuBox::after {
		width: 91.66667vw;
		height: 4.16667vw;
		background: url('../../img/sp_waku_bottom.png') no-repeat center center / auto 100%;
	}

	.wakuBox .wakuInner {
		position: relative;
		border-right: .20833vw solid #ccc;
		border-left: .20833vw solid #ccc;
		background: #fff;
	}

	/* ==========================================================================
   一覧ページ共通
========================================================================== */
	.archivePage .topText .wakuInner {
		padding: 5.20833vw 4.16667vw 4.16667vw;
	}

	.archivePage .catNav {
		margin-top: 10.41667vw;
	}

	.archivePage .catNav h2 {
		margin-bottom: 7.29167vw;
	}

	.archivePage .catNav li {
		margin: -.20833vw 0 0 -.20833vw;
		border: .20833vw solid #ccc;

		flex: 0 1 45.83333vw;
	}

	.archivePage .catNav li a {
		height: 12.5vw;
		padding: 1.04167vw;
	}

	.archivePage .catNav li a:focus {
		outline: none;
	}

	.archivePage .listRow {
		min-height: 62.5vw;
		margin-top: 10.41667vw;

		gap: 6.45833vw 3.75vw;
	}

	.archivePage .listBox {
		flex: 0 1 43.95833vw;
	}

	.archivePage .listBox h2 {
		margin: 2.08333vw 0 2.5vw;
	}

	.archivePage .listBox .cat {
		min-width: 31.25vw;
		min-height: 6.66667vw;
		margin-top: 2.08333vw;
		padding: .41667vw 1.04167vw;
	}

	.archivePage .loading::before {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 26px;
		height: 26px;
		margin: 0 0 0 -13px;
		content: '';
		animation: loader .8s infinite linear;
		border: 4px solid #000;
		border-top-color: #ddd;
		border-radius: 50%;
	}

	.archivePage .pagenation {
		max-width: 77.91667vw;
		margin: 16.66667vw auto 0;
	}

	.archivePage .pagenation .morePage {
		height: 10.20833vw;
		margin-bottom: 2.5vw;
	}

	.archivePage .pagenation .morePage button {
		padding: 0 4.16667vw;
		border-radius: 6.04167vw;
	}

	.archivePage .pagenation .morePage button::before {
		width: 1.45833vw;
	}

	.archivePage .pagenation .morePage button::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	.archivePage .pagenation .pageList .next,
	.archivePage .pagenation .pageList .prev {
		flex: 0 1 22.29167vw;
	}

	.archivePage .pagenation .pageList .next button,
	.archivePage .pagenation .pageList .prev button {
		height: 10.20833vw;
	}

	.archivePage .pagenation .pageList .select {
		position: relative;
		height: 10.20833vw;
		margin: 0 .20833vw;

		flex: 0 1 32.91667vw;
	}

	.archivePage .pagenation .pageList .select .label {
		background: url('../../img/select_arrow.png') no-repeat 27.08333vw center / 3.125vw auto;
		background-color: #ff9500;
	}

	.archivePage .pagenation .pageList .prev {
		border-radius: 6.04167vw 0 0 6.04167vw;
		background: #ff7f00;
	}

	.archivePage .pagenation .pageList .next {
		border-radius: 0 6.04167vw 6.04167vw 0;
		background: #ff7f00;
	}

	/* ==========================================================================
   サービス共通
========================================================================== */
	.servicePage .pageMv {
		background-image: url('../../img/sp_service_mv.jpg');
	}

	/* ==========================================================================
   サービス詳細
========================================================================== */
/*20251114_takeuchi */
	.serviceSlingle .imgSec .secTitle {
		/* display: none; */
	}

	.serviceSlingle .imgSec .innerSec .wakuInner {
		display: flex;
		padding: 2.91667vw 4.16667vw 4.16667vw;

		align-items: flex-start;
		flex-flow: column-reverse;
		justify-content: flex-start;
	}

	.serviceSlingle .imgSec .innerSec .textBox {
		flex: 1 1 auto;
	}

	.serviceSlingle .imgSec .innerSec .textBox h2 {
		margin-bottom: 5.20833vw;
		padding-bottom: 5.20833vw;
	}

	.serviceSlingle .imgSec .innerSec .img {
		margin-bottom: 5.20833vw;

		flex: 1 1 auto;
	}

	.serviceSlingle .imgSec .innerSec+.innerSec {
		margin-top: 10.41667vw;
	}

	.serviceSlingle .pointSec .secTitle {
		margin-bottom: 9.16667vw;
	}

	.serviceSlingle .pointSec .secTitle h2 {
		margin-bottom: 5.20833vw;
	}

	.serviceSlingle .pointSec .pointBox>section {
		padding: 2.91667vw 4.16667vw 4.16667vw;

		flex-flow: row wrap;
		gap: 0 4.16667vw;
	}

	.serviceSlingle .pointSec .pointBox>section .num {
		flex: 0 0 21.66667vw;
	}

	.serviceSlingle .pointSec .pointBox>section .icon {
		flex: 0 0 18.33333vw;
	}

	.serviceSlingle .pointSec .pointBox>section .text {
		margin-top: 4.16667vw;

		flex: 0 0 100%;
	}

	.serviceSlingle .pointSec .pointBox>section .text h2 {
		margin-bottom: 1.04167vw;
	}

	.serviceSlingle .pointSec .pointBox+.pointBox {
		margin-top: 4.16667vw;
	}

	.serviceSlingle .imgSec+.pointSec {
		margin-top: 13.54167vw;
	}

	.serviceSlingle .imgSec+.singleEdit,
	.serviceSlingle .pointSec+.singleEdit {
		margin-top: 25.83333vw;
	}

	.serviceSlingle .kanren {
		max-width: 91.66667vw;
		margin: 16.66667vw auto 0;
	}

	.serviceSlingle .kanren>h2 {
		margin-bottom: 8.33333vw;
	}

	.serviceSlingle .kanren .row {
		flex-flow: row wrap;
		gap: 6.25vw 3.75vw;
	}

	.serviceSlingle .kanren .kanrenBox {
		flex: 0 1 43.95833vw;
	}

	.serviceSlingle .kanren .kanrenBox .tm {
		margin-bottom: 3.125vw;
	}

	.serviceSlingle .kanren .kanrenBox .logo {
		height: 32.91667vw;
		padding: 0 4.16667vw;
	}

	.serviceSlingle .kanren .kanrenBox h2 {
		margin-top: 2.08333vw;
	}

	/* ==========================================================================
   サービス一覧
========================================================================== */
	.serviceArchive .pageTitle::after {
		width: 21.25vw;
		height: 2.91667vw;
	}

	.serviceArchive .serviceBox .wakuInner {
		display: grid;
		padding: 2.91667vw 4.16667vw 4.16667vw;

		grid-gap: 4.58333vw 0;
		grid-template-columns: 100%;
		grid-template-rows: auot auot auto 1fr;
	}

	.serviceArchive .serviceBox .wakuInner h2 {
		padding-bottom: 5.20833vw;

		grid-column: 1;
		grid-row: 1;
	}

	.serviceArchive .serviceBox .wakuInner p {
		grid-column: 1;
		grid-row: 2;
	}

	.serviceArchive .serviceBox .wakuInner .more {
		width: 41.66667vw;
		height: 9.16667vw;
		border-radius: 4.58333vw;

		gap: 0 2.91667vw;
		grid-column: 1;
		grid-row: 4;
	}

	.serviceArchive .serviceBox .wakuInner .more::before {
		width: 1.45833vw;
	}

	.serviceArchive .serviceBox .wakuInner .more::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	.serviceArchive .serviceBox .wakuInner .tm {
		grid-column: 1;
		grid-row: 3;
	}

	.serviceArchive .serviceBox+.serviceBox {
		margin-top: 7.29167vw;
	}

	/* ==========================================================================
   詳細ページ共通
========================================================================== */
	.shingleHeaderBox {
		margin-bottom: 10.41667vw;
	}

	.shingleHeaderBox .wakuInner {
		padding: 2.91667vw 3.75vw 2.91667vw;
	}

	.shingleHeaderBox h2 {
		font-size: 2.2rem;
		margin-bottom: 3.125vw;
	}

	.shingleHeaderBox .cat {
		margin-top: 3.54167vw;

		gap: 4.16667vw;
	}

	.shingleHeaderBox .cat li a {
		min-width: 37.08333vw;
		min-height: 7.08333vw;
		padding: 1.04167vw 2.08333vw;
	}

	/* ==========================================================================
   セキュリティ情報共通
========================================================================== */
	.securityPage .pageMv {
		background-image: url('../../img/sp_security_mv.jpg');
	}

	/* ==========================================================================
   セキュリティ情報詳細
========================================================================== */
	.securitySingle .main {
		padding-bottom: 0;
	}

	.securitySingle .singleEdit {
		padding-bottom: 20.83333vw;
	}

	.securitySingle .securityFotter {
		display: flex;
	}

	.securitySingle .securityFotter .prevPost,
	.securitySingle .securityFotter .nextPost {
		height: 41.66667vw;
		padding: 0 2.08333vw;
	}

	.securitySingle .securityFotter .prevPost .more,
	.securitySingle .securityFotter .nextPost .more {
		width: 29.16667vw;
		height: 8.33333vw;
		margin: 5.20833vw auto 0;
		border-radius: 4.58333vw;
	}

	.securitySingle .securityFotter .prevPost .nextMore::before,
	.securitySingle .securityFotter .nextPost .nextMore::before {
		width: 1.45833vw;
		height: 2.5vw;
	}

	.securitySingle .securityFotter .prevPost .nextMore::after,
	.securitySingle .securityFotter .nextPost .nextMore::after {
		width: 1.45833vw;
		height: 2.5vw;
		background: url('../../img/security_more_arrow.png') no-repeat center center / contain;
	}

	.securitySingle .securityFotter .prevPost .prevMore::before,
	.securitySingle .securityFotter .nextPost .prevMore::before {
		width: 1.45833vw;
		height: 2.5vw;
		background: url('../../img/security_more_arrow.png') no-repeat center center / contain;
	}

	.securitySingle .securityFotter .prevPost .prevMore::after,
	.securitySingle .securityFotter .nextPost .prevMore::after {
		width: 1.45833vw;
		height: 2.5vw;
	}

	/* ==========================================================================
   セキュリティ情報一覧
========================================================================== */
	.securityArchive .pageTitle::after {
		width: 49.58333vw;
		height: 3.125vw;
	}

	/* ==========================================================================
   資料ダウンロード共通
========================================================================== */
	.downlodaPage .pageMv {
		background-image: url('../../img/sp_download_mv.jpg');
	}

	/* ==========================================================================
   資料ダウンロード詳細
========================================================================== */
	.downlodaSingle .pageTitle::after {
		width: 43.125vw;
		height: 3.125vw;
	}

	.downlodaSingle .main {
		padding-bottom: 0;
	}

	.downlodaSingle .singleEdit {
		padding-bottom: 20.83333vw;
	}

	.downlodaSingle .kanrenService {
		height: 62.5vw;
	}

	.downlodaSingle .kanrenService::before {
		left: 0;
		width: 100vw;
		min-width: 0;
		height: 62.5vw;
		margin-left: -4.16667vw;
		transform: translateX(0);
		background: url('../../img/sp_download_kanren.jpg') no-repeat center center / cover;
	}

	.downlodaSingle .kanrenService a {
		width: 90.83333vw;
		height: 13.125vw;
		padding: 0 5.83333vw;
		border-radius: 7.29167vw;
	}

	.downlodaSingle .kanrenService a::before {
		width: 1.45833vw;
		height: 2.5vw;
	}

	.downlodaSingle .kanrenService a::after {
		width: 1.45833vw;
		height: 2.5vw;
	}

	/* ==========================================================================
   資料ダウンロード一覧
========================================================================== */
	.downlodaArchive .pageTitle::after {
		width: 50.20833vw;
		height: 3.125vw;
	}

	/* ==========================================================================
   新着情報共通
========================================================================== */
	.newsPage {
		background: #eee;
	}

	.newsPage .pageMv {
		background-image: url('../../img/sp_news_mv.jpg');
	}

	/* ==========================================================================
   新着情報詳細
========================================================================== */
	.newsSingle .pageTitle::after {
		width: 10.41667vw;
		height: 3.125vw;
	}

	.newsSingle .main {
		padding-bottom: 0;
	}

	.newsSingle .singleEdit {
		padding-bottom: 20.83333vw;
	}

	/* ==========================================================================
   お問い合わせ
========================================================================== */
	.contactPage .pageMv {
		background-image: url('../../img/sp_contact_mv.jpg');
	}

	.contactPage .pageTitle::after {
		width: 16.66667vw;
		height: 3.125vw;
	}

	.contactPage .contactHeader {
		margin-bottom: 14.58333vw;
		text-align: center;
	}

	.contactPage .contactHeader h2 {
		margin-bottom: 6.25vw;
	}

	/* ==========================================================================
   お客様の声詳細
========================================================================== */
	.voiceSingle .pageMv {
		background-image: url('../../img/sp_voice_mv.jpg');
	}

	.voiceSingle .pageTitle::after {
		display: none;
	}

	.voiceSingle .main {
		padding-bottom: 0;
	}

	.voiceSingle .voiceHeaderBox .wakuInner {
		display: flex;

		flex-flow: column-reverse;
		justify-content: flex-start;
	}

	.voiceSingle .voiceHeaderBox .logo {
		width: 47.91667vw;
		height: 37.70833vw;
		margin: 0 auto 4.16667vw;

		flex: 1 1 auto;
	}

	.voiceSingle .voiceHeaderBox .logo img {
		width: 41.66667vw;
	}

	.voiceSingle .voiceHeaderBox .dataBox {
		display: block;
		padding-left: 0;
		border-left: none;

		flex: 1 1 auto;
	}

	.voiceSingle .voiceHeaderBox .dataBox .date {
		margin-bottom: 4.16667vw;
	}

	.voiceSingle .voiceHeaderBox .dataBox .date span {
		font-weight: bold;
		color: #535353;
	}

	.voiceSingle .voiceHeaderBox .dataBox .cat {
		margin-top: 0;
	}

	.voiceSingle .profile {
		margin-top: 4.16667vw;
		margin-bottom: 6.25vw;
	}

	.voiceSingle .profile .wakuInner {
		display: block;
		padding-top: 6.25vw;
		padding-bottom: 6.25vw;
	}

	.voiceSingle .profile h2 {
		display: block;
		width: 48.33333vw;
		margin-bottom: 5.20833vw;
	}

	.voiceSingle .profile ul {
		padding-left: 4.16667vw;
		border-left: 2.08333vw solid #e4e4e4;
	}

	.voiceSingle .singleEdit {
		padding-bottom: 62.5vw;
	}

	.voiceSingle .kanrenService {
		min-height: 62.5vw;
		padding: 0;
	}

	.voiceSingle .kanrenService::before {
		left: 0;
		width: 100vw;
		min-width: 0;
		height: 72.91667vw;
		margin-left: -4.16667vw;
		transform: translateX(0);
		background: url('../../img/sp_voice_kanren.jpg') no-repeat center center / cover;
	}

	.voiceSingle .kanrenService .inner {
		display: flex;

		align-items: center;
		flex-flow: row wrap;
		gap: 45px;
		justify-content: center;
	}

	.voiceSingle .kanrenService h2 {
		display: none;
	}

	.voiceSingle .kanrenService a {
		width: 90.83333vw;
		height: 13.125vw;
		padding: 0 5.83333vw;
		border-radius: 7.29167vw;
	}

	.voiceSingle .kanrenService a::before {
		width: 1.45833vw;
		height: 2.5vw;
	}

	.voiceSingle .kanrenService a::after {
		width: 1.45833vw;
		height: 2.5vw;
	}

	.voiceSingle .kanrenService .text {
		display: none;
	}

	/* ==========================================================================
   お客様の声一覧
========================================================================== */
	.voicePage .pageMv {
		background-image: url('../../img/sp_voice_list_mv.jpg');
	}

	.voicePage .pageTitle::after {
		width: 25.625vw;
		height: 3.125vw;
	}

	.voicePage .catNav label {
		height: 12.5vw;
		padding: 1.04167vw 1.66667vw;
	}

	.voicePage .catNav label:hover {
		opacity: 1;
	}

	.voicePage .catNav label .icon {
		width: 7.91667vw;
	}

	.voicePage .rbBox {
		flex: 0 1 43.95833vw;
	}

	.voicePage .rbBox .logo {
		height: 32.91667vw;
		margin-bottom: 3.125vw;
	}

	.voicePage .rbBox .logo img {
		max-width: 86%;
	}

	.voicePage .rbBox h2 {
		margin-bottom: 3.125vw;

		-webkit-line-clamp: 3;
	}

	.voicePage .rbBox .industry {
		margin-top: 3.125vw;
	}

	.voicePage .rbBox .cat {
		min-height: 12.5vw;
		margin-top: 3.125vw;
		padding: 1.04167vw 2.08333vw;
	}

	/* ==========================================================================
   home
========================================================================== */
	.homePage .scrollLine {
		width: .20833vw;
		height: 23.54167vw;
	}

	.homePage .scrollLine::before {
		left: -1.14583vw;
		width: 2.5vw;
		height: 2.5vw;
		animation: guide 2s ease-out infinite;
	}

	.homePage .fv {
		display: grid;
		background: url('../../img/sp_top_fv_bk.jpg') no-repeat center center / cover;

		grid-template-columns: 100%;
		grid-template-rows: 100dvh;
	}

	.homePage .fv::before {
		display: none;
	}

	.homePage .fv::after {
		display: none;
	}

	.homePage .fv .catch {
		grid-column: 1;
	}

	.homePage .fv .imgText {
		width: 95.625vw;
		margin: 0 auto 3.54167vw;
	}

	.homePage .fv .text1 {
		font-size: 2.5rem;
		font-weight: bold;
		width: 95.625vw;
		margin: 0 auto 2.08333vw;
		margin-bottom: 15px;
		letter-spacing: .065em;
		color: #fcb400;
	}

	.homePage .fv .text2 {
		font-size: 1.75rem;
		width: 95.625vw;
		margin: 0 auto;
	}

	.homePage .serviceRow {
		padding: 14.58333vw 0;
	}

	.homePage .serviceRow .serviceBox {
		max-width: 91.66667vw;
	}

	.homePage .serviceRow .serviceBox .wakuInner {
		display: grid;
		padding: 2.91667vw 4.16667vw 4.16667vw;

		grid-gap: 4.58333vw 0;
		grid-template-columns: 100%;
		grid-template-rows: auot auot auto 1fr;
	}

	.homePage .serviceRow .serviceBox .wakuInner h2 {
		padding-bottom: 5.20833vw;

		grid-column: 1;
		grid-row: 1;
	}

	.homePage .serviceRow .serviceBox .wakuInner p {
		grid-column: 1;
		grid-row: 2;
	}

	.homePage .serviceRow .serviceBox .wakuInner .more {
		width: 41.66667vw;
		height: 9.16667vw;
		border-radius: 4.58333vw;

		gap: 0 2.91667vw;
		grid-column: 1;
		grid-row: 4;
	}

	.homePage .serviceRow .serviceBox .wakuInner .more::before {
		width: 1.45833vw;
	}

	.homePage .serviceRow .serviceBox .wakuInner .more::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	.homePage .serviceRow .serviceBox .wakuInner .tm {
		grid-column: 1;
		grid-row: 3;
	}

	.homePage .serviceRow .serviceBox+.serviceBox {
		margin-top: 7.29167vw;
	}

	.homePage .tuyomi {
		position: relative;
		padding: 14.58333vw 0 34.375vw;
		background: url('../../img/sp_top_tuyomi_bk.jpg') no-repeat center center / cover;
	}

	.homePage .tuyomi>header {
		margin-bottom: 7.29167vw;
	}

	.homePage .tuyomi>header h2 {
		margin-bottom: 1.66667vw;
	}

	.homePage .tuyomi .mark {
		max-width: 96.25vw;
		margin: 0 auto;

		flex-flow: row wrap;
		gap: 0 6.45833vw;
		justify-content: center;
	}

	.homePage .tuyomi .mark li {
		flex: 0 1 44.79167vw;
	}

	.homePage .tuyomi .text {
		max-width: 91.66667vw;
		margin: 5.20833vw auto;
	}

	.homePage .secHeader h2 {
		margin-bottom: 1.66667vw;
	}

	.homePage .feedBack {
		margin-top: 18.75vw;
	}

	.homePage .feedBack .secHeader {
		display: block;
		max-width: 91.66667vw;
		margin: 0 auto 8.33333vw;
	}

	.homePage .feedBack .secHeader .topText {
		margin: 5.20833vw 0 0 0;
	}

	.homePage .feedBack .topBox {
		display: block;
		max-width: 91.66667vw;
		margin: 0 auto 7.29167vw;
	}

	.homePage .feedBack .topBox .moreBtn {
		width: 41.66667vw;
		height: 9.16667vw;
		margin-bottom: 5.20833vw;
		padding: 0 2.91667vw;
		color: #fff;
		border-radius: 4.58333vw;

		flex-shrink: 0;
	}

	.homePage .feedBack .topBox .moreBtn::before {
		width: 1.45833vw;
	}

	.homePage .feedBack .topBox .moreBtn::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	.homePage .feedBack .swiper-button-next,
	.homePage .feedBack .swiper-button-prev {
		width: 7.70833vw;
		height: 7.70833vw;
	}

	.homePage .feedBack .partRow .swiper-button-prev {
		margin-left: 5.83333vw;
	}

	.homePage .feedBack .partRow .swiper-button-next {
		margin-left: 2.08333vw;
	}

	.homePage .feedBack .slideWall {
		max-width: 91.66667vw;
		margin: 8.33333vw auto 0;
		padding: 0;
	}

	.homePage .feedBack .fbSlide .logo {
		height: 32.70833vw;
		margin-bottom: 3.125vw;
	}

	.homePage .feedBack .fbSlide .logo img {
		max-width: 86%;
	}

	.homePage .feedBack .fbSlide h2 {
		margin-bottom: 2.08333vw;
	}

	.homePage .newsSec {
		margin-top: 17.70833vw;
		padding: 14.58333vw 0;

		grid-template-columns: 1fr 91.66667vw 1fr;
	}

	.homePage .newsSec .secHeader {
		margin-bottom: 9.375vw;
	}

	.homePage .newsSec .newsBox a {
		padding: 4.58333vw 0;

		flex-flow: row wrap;
	}

	.homePage .newsSec .newsBox time {
		flex: 0 0 22.91667vw;
	}

	.homePage .newsSec .newsBox .cat {
		height: 7.29167vw;
		margin-right: 4.16667vw;

		flex: 0 1 25vw;
	}

	.homePage .newsSec .newsBox h2 {
		margin-top: 4.16667vw;

		flex: 0 0 100%;
	}

	.homePage .newsSec .moreBtn {
		width: 41.66667vw;
		height: 9.16667vw;
		margin-top: 10.41667vw;
		margin-bottom: 5.20833vw;
		padding: 0 2.91667vw;
		color: #fff;
		border-radius: 4.58333vw;

		flex-shrink: 0;
	}

	.homePage .newsSec .moreBtn::before {
		width: 1.45833vw;
	}

	.homePage .newsSec .moreBtn::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	.homePage .recruitSec {
		display: grid;
		padding: 14.58333vw 0 19.79167vw;
		background: url('../../img/sp_top_rec_bk.jpg') no-repeat center center / cover;

		grid-template-columns: 1fr 91.66667vw 1fr;
	}

	.homePage .recruitSec .secHeader {
		margin-bottom: 9.375vw;
	}

	.homePage .recruitSec .secInner {
		display: grid;

		grid-gap: 0;
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto 1fr;
	}

	.homePage .recruitSec .secInner h2 {
		font-weight: bold;
		line-height: 1.4;
		margin-bottom: 5.20833vw;
		padding-bottom: 0;
		border-bottom: none;

		grid-column: 1;
		grid-row: 2;
	}

	.homePage .recruitSec .secInner p {
		font-size: 1.7rem;
		line-height: 1.5;

		grid-column: 1;
		grid-row: 3;
	}

	.homePage .recruitSec .secInner .img {
		margin-bottom: 7.29167vw;

		grid-column: 1;
		grid-row: 1;
	}

	.homePage .recruitSec .secInner .moreBtn {
		width: 50vw;
		height: 9.16667vw;
		margin-top: 10.41667vw;
		margin-bottom: 5.20833vw;
		padding: 0 2.91667vw;
		color: #fff;
		border-radius: 4.58333vw;

		flex-shrink: 0;
		grid-column: 1;
		grid-row: 4;
	}

	.homePage .recruitSec .secInner .moreBtn::before {
		width: 1.45833vw;
	}

	.homePage .recruitSec .secInner .moreBtn::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	/* ==========================================================================
   先輩社員 採用情報共通
========================================================================== */
	.staffProfBox {
		display: flex;

		flex-flow: column-reverse;
		justify-content: flex-start;
	}

	.staffProfBox .imgBox {
		display: flex;
		padding: 4.16667vw 0;
		border: .20833vw solid #ccc;
		border-bottom: none;
		background: #fff;

		align-items: center;
		flex: 1 1 auto;
		justify-content: center;
	}

	.staffProfBox .imgBox img {
		width: 32.29167vw;
	}

	.staffProfBox .prof {
		flex: 1 1 auto;
	}

	.staffProfBox .wakuBoxS::before {
		display: none;
	}

	.staffProfBox .wakuBoxS::after {
		background: url('../../img/sp_waku_bottom.png') no-repeat center center / auto 100%;
	}

	.staffProfBox .wakuBoxS .wakuInner {
		padding: 0 4.16667vw 1.04167vw;
		border-top: none;
	}

	.staffProfBox .wakuBoxS h2 {
		margin-bottom: 3.125vw;
	}

	.staffProfBox .wakuBoxS .data {
		padding-right: 0;

		flex-flow: row wrap;
		gap: 0 .5em;
	}

	.staffProfBox .wakuBoxS .profile {
		padding-right: 0;
	}

	.staffProfBox .wakuBoxS .boxMoreBtn {
		position: static;
		width: 24.79167vw;
		height: 6.66667vw;
		margin: 3.125vw auto 0;
		padding: 0 2.08333vw;
		border-radius: 4.58333vw;
		background: linear-gradient(90deg, #0000a1 0%, #001668 100%);
	}

	.staffProfBox .wakuBoxS .boxMoreBtn::before {
		width: 1.45833vw;
		height: 2.5vw;
	}

	.staffProfBox .wakuBoxS .boxMoreBtn::after {
		width: 1.45833vw;
		height: 2.5vw;
	}

	/* ==========================================================================
   先輩社員インタビュー
========================================================================== */
	.interviewSingle .pageMv {
		background-image: url('../../img/sp_interview_mv.jpg');
	}

	.interviewSingle .pageTitle::after {
		width: 18.75vw;
		height: 3.125vw;
	}

	.interviewSingle .staffProfBox {
		margin-bottom: 10.41667vw;
	}

	/* ==========================================================================
   採用情報
========================================================================== */
	.recruitPage .pageMv {
		background-image: url('../../img/sp_recruit_mv.jpg');
	}

	.recruitPage .pageTitle::after {
		width: 13.75vw;
		height: 2.91667vw;
	}

	.recruitPage .main {
		max-width: none;
		padding: 0;
	}

	.recruitPage .goRecritListBtn {
		width: 50vw;
		height: 9.16667vw;
		padding: 0 3.54167vw;
		color: #fff;
		border-radius: 4.58333vw;
	}

	.recruitPage .goRecritListBtn::before {
		width: 1.45833vw;
	}

	.recruitPage .goRecritListBtn::after {
		width: 1.45833vw;
		height: 2.70833vw;
	}

	.recruitPage .topSec {
		display: grid;
		padding: 33.33333vw 0 20.83333vw;

		grid-gap: 0;
		grid-template-columns: 1fr 91.66667vw 1fr;
		grid-template-rows: auto auto auto 1fr;
	}

	.recruitPage .topSec::before {
		content: '';

		grid-column: 1;
		grid-row: 1 / 5;
	}

	.recruitPage .topSec::after {
		content: '';

		grid-column: 3;
		grid-row: 1 / 5;
	}

	.recruitPage .topSec .secHeader {
		padding-top: 7.29167vw;

		grid-column: 2;
		grid-row: 2;
	}

	.recruitPage .topSec .secHeader::before {
		top: -84.79167vw;
		left: -2.91667vw;
		width: 96.66667vw;
		height: 29.79167vw;
	}

	.recruitPage .topSec .text {
		margin-top: 5.20833vw;
		padding-top: 5.20833vw;

		grid-column: 2;
		grid-row: 3;
	}

	.recruitPage .topSec .img {
		grid-column: 2;
		grid-row: 1;
	}

	.recruitPage .topSec .moreBtn {
		margin-top: 12.5vw;

		grid-column: 2;
		grid-row: 5;
	}

	.recruitPage .interview {
		padding: 14.58333vw 0 20.83333vw;
	}

	.recruitPage .interview .secHeader {
		max-width: 91.66667vw;
		margin: 0 auto 10.41667vw;
	}

	.recruitPage .interview .secHeader::before {
		top: -4.375vw;
		left: -1.875vw;
		width: 96.25vw;
		height: 33.75vw;
		transform: translateX(0%);
	}

	.recruitPage .interview .secHeader h2 {
		margin-bottom: 17.70833vw;
	}

	.recruitPage .interview .interviewRow {
		max-width: 91.66667vw;
		margin: 0 auto;
	}

	.recruitPage .interview .interviewRow .staffProfBox {
		display: block;
	}

	.recruitPage .interview .interviewRow .staffProfBox a {
		display: flex;

		flex-flow: column-reverse;
		justify-content: flex-start;
	}

	.recruitPage .interview .interviewRow .staffProfBox:nth-child(even) a {
		flex-flow: column-reverse;
	}

	.recruitPage .interview .interviewRow .staffProfBox+.staffProfBox {
		margin-top: 6.25vw;
	}

	.recruitPage .interview .moreBtn {
		margin: 10.41667vw auto 0;
	}

	/* ==========================================================================
   サービス詳細共通
========================================================================== */
	.serviceMain .mewAcquisition {
		margin-top: 20.83333vw;
		padding: 14.58333vw 0;
	}

	.serviceMain .mewAcquisition::before {
		min-width: 0;
	}

	.serviceMain .mewAcquisition>header {
		margin-bottom: 14.58333vw;
	}

	.serviceMain .mewAcquisition>header::before {
		top: 13.54167vw;
		width: 97.29167vw;
		height: 25vw;
		background: url('../../img/sp_service_pm_title_en1.png') no-repeat center center / contain;
	}

	.serviceMain .featureRow {
		display: block;
	}

	.serviceMain .featureSec .wakuInner {
		padding: 4.16667vw;
	}

	.serviceMain .featureSec h2 {
		margin-bottom: 4.16667vw;
	}

	.serviceMain .featureSec h2::before {
		width: 18.33333vw;
		height: 18.33333vw;
		margin: 0 auto 4.16667vw;
	}

	.serviceMain .featureSec+.featureSec {
		margin-top: 6.25vw;
	}

	.serviceMain .borderTitle {
		margin-bottom: 5.20833vw;
		padding-bottom: 4.16667vw;
		text-align: center;
	}

	.serviceMain .borderTitle h2 {
		font-size: 2.7rem;
	}

	.serviceMain .topText {
		margin-bottom: 9.375vw;
	}

	.serviceMain .planSec {
		display: block;
		margin-top: 19.79167vw;
	}

	.serviceMain .planSec .planBox .wakuInner {
		padding: 6.25vw 4.16667vw;
	}

	.serviceMain .planSec .planBox .title {
		margin-bottom: 6.25vw;
	}

	.serviceMain .planSec .planBox .description {
		margin-bottom: 5.20833vw;
		padding: 4.16667vw;
	}

	.serviceMain .planSec .planBox .text {
		min-height: 0;
		margin-bottom: 6.25vw;
	}

	.serviceMain .planSec .planBox .img {
		margin-top: 5.625vw;
	}

	.serviceMain .planSec .planBox .img h2 {
		width: 47.91667vw;
		height: 8.125vw;
		margin: 0 auto 5.20833vw;
		border-radius: 3.95833vw;
	}

	.serviceMain .planSec .planBox .img .zoom::before {
		top: 4.16667vw;
		right: 4.16667vw;
		width: 9.375vw;
		height: 9.375vw;
	}

	.serviceMain .planSec .planBox+.planBox {
		margin-top: 6.25vw;
	}

	.serviceMain .toolSec {
		margin-top: 14.58333vw;
	}

	.serviceMain .toolSec .tabNav {
		display: flex;
		width: 100vw;
		margin-left: -4.16667vw;
	}

	.serviceMain .toolSec .tabNav li {
		height: 24.16667vw;
		margin-left: -.20833vw;
		padding-top: 2.08333vw;
		background: url('../../img/sp_tab_nav_bk.png') no-repeat right top / auto 100%;

		flex: 0 1 34.16667vw;
	}

	.serviceMain .toolSec .tabNav li img {
		width: 28.125vw;
	}

	.serviceMain .toolSec .tabNav .tOpen {
		background: url('../../img/sp_tab_nav_bk.png') no-repeat left top / auto 100%;
	}

	.serviceMain .toolSec .tabBox {
		padding-top: 6.25vw;
	}

	.serviceMain .toolSec .iconList {
		display: block;
		margin-top: 6.25vw;
	}

	.serviceMain .toolSec .iconList li+li {
		margin-top: 3.54167vw;
	}

	.serviceMain .toolSec .iconList .iconSec {
		padding: 4.16667vw 4.16667vw 4.16667vw 27.08333vw;
		background-repeat: no-repeat;
		background-position: 4.16667vw center;
		background-size: 18.33333vw auto;
	}

	.serviceMain .toolSec .iconList .iconSec h2 {
		margin-bottom: 2.08333vw;
	}

	.serviceMain .toolSec .tab2Img {
		margin-top: 8.33333vw;
	}

	.serviceMain .mewAcquisition {
		margin-top: 20.83333vw;
		padding: 14.58333vw 0;
	}

	.serviceMain .mewAcquisition::before {
		min-width: 0;
	}

	.serviceMain .mewAcquisition>header {
		margin-bottom: 14.58333vw;
	}

	.serviceMain .mewAcquisition>header::before {
		top: 13.54167vw;
		width: 97.29167vw;
		height: 25vw;
		background: url('../../img/sp_service_pm_title_en1.png') no-repeat center center / contain;
	}

	.serviceMain .operationalSupport {
		max-width: 91.66667vw;
		margin: 15.625vw auto 0;
	}

	.serviceMain .operationalSupport>header {
		margin-bottom: 14.58333vw;
	}

	.serviceMain .operationalSupport>header::before {
		top: 13.54167vw;
		width: 101.04167vw;
		height: 20.625vw;
		background: url('../../img/sp_service_pm_title_en2.png') no-repeat center center / contain;
	}

	.serviceMain .operationalSupport>header h2 {
		font-size: 3.0rem;
	}

	.serviceMain .operationalSupport .separateBox {
		position: relative;
		display: block;
	}

	.serviceMain .operationalSupport .separateBox .imgBox {
		position: absolute;
		top: 5.20833vw;
		left: 4.375vw;
		display: flex;
		width: 32.29167vw;
		padding: 0;
		border: none;
		border-bottom: none;
		background: none;

		align-items: center;
		flex: 1 1 auto;
		justify-content: center;
	}

	.serviceMain .operationalSupport .separateBox .prof {
		flex: 1 1 auto;
	}

	.serviceMain .operationalSupport .separateBox .wakuBoxS::before {
		display: none;
	}

	.serviceMain .operationalSupport .separateBox .wakuBoxS::after {
		background: url('../../img/sp_waku_bottom.png') no-repeat center center / auto 100%;
	}

	.serviceMain .operationalSupport .separateBox .wakuBoxS .wakuInner {
		padding: 4.16667vw 4.16667vw 1.04167vw;
	}

	.serviceMain .operationalSupport .separateBox .wakuBoxS h2 {
		display: flex;
		height: 32.29167vw;
		margin-bottom: 4.16667vw;
		padding-left: 37.5vw;

		align-items: center;
	}

	.serviceMain .operationalSupport .separateBoxRight {
		display: block;
	}

	.serviceMain .operationalSupport .separateBox+.separateBox {
		margin-top: 4.16667vw;
	}

	.serviceMain .operationalSupport .optionSec {
		margin-top: 14.58333vw;
	}

	.serviceMain .operationalSupport .optionSec .optionRow {
		display: block;
		margin-top: 8.33333vw;
	}

	.serviceMain .operationalSupport .optionSec .optionBox .wakuInner {
		padding: 2.08333vw 4.16667vw 3.125vw;
	}

	.serviceMain .operationalSupport .optionSec .optionBox .wakuInner>h2 {
		margin-bottom: 4.16667vw;
	}

	.serviceMain .operationalSupport .optionSec .optionBox .inner h2 {
		margin-bottom: 3.125vw;
	}

	.serviceMain .operationalSupport .optionSec .optionBox+.optionBox {
		margin-top: 4.16667vw;
	}

	.serviceMain .updateSupport {
		position: relative;
		margin-top: 14.58333vw;
		padding: 12.5vw 0 14.58333vw;
	}

	.serviceMain .updateSupport::before {
		min-width: 0;
	}

	.serviceMain .updateSupport>header {
		margin-bottom: 13.125vw;
	}

	.serviceMain .updateSupport>header::before {
		top: 11.45833vw;
		width: 100.625vw;
		height: 23.75vw;
		background: url('../../img/sp_service_pm_title_en3.png') no-repeat center center / contain;
	}

	.serviceMain .updateSupport .topText {
		margin-bottom: 0;
	}

	.serviceMain .updateSupport .zu {
		margin-top: 5.20833vw;
	}

	.serviceMain .slideDownBox .wakuInner {
		padding: 0 4.16667vw;
	}

	.serviceMain .slideDownBox .wakuInner>h2 {
		padding: 2.5vw 0;
	}

	.serviceMain .slideDownBox .wakuInner>h2::after {
		width: 3.95833vw;
		height: 2.70833vw;
		margin: .5em 2.5vw 0 6.25vw;
	}

	.serviceMain .slideDownBox .wakuInner>h2:hover {
		opacity: 1;
	}

	.serviceMain .slideDownBox .wakuInner .isCheckMark {
		padding-left: 6.25vw;
	}

	.serviceMain .slideDownBox .wakuInner .isCheckMark h3::before {
		left: -6.25vw;
		width: 3.33333vw;
	}

	.serviceMain .slideDownBox+.slideDownBox {
		margin-top: 4.16667vw;
	}

	.serviceMain .slideDownSec {
		margin-top: 13.54167vw;
	}

	.serviceMain .slideDownSec>header {
		margin-bottom: 16.66667vw;
	}

	.serviceMain .overview>header::before {
		width: 91.25vw;
		height: 28.95833vw;
	}

	.serviceMain .benefits>header::before {
		width: 100.41667vw;
		height: 30vw;
	}

	.serviceMain .damages>header::before {
		top: clac(-1 * 6.25)vw;
		width: 107.29167vw;
		height: 45.20833vw;
	}

	.serviceMain .damages .topText {
		position: relative;
		z-index: 3;
	}

	.serviceMain .damages .topText strong {
		font-weight: normal;
		color: #d80000;
	}

	.lum-lightbox .lum-lightbox-inner img {
		max-width: 95vw;
	}

	/* ==========================================================================
   サービス詳細 プライバシーマーク
========================================================================== */
	.servicePrivacyMarkMain .operationalSupport .nayami {
		margin-top: 9.375vw;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .wakuInner {
		position: relative;
		height: auto;
		padding-top: 4.16667vw;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami h2 {
		font-size: 2.5rem;
		margin-bottom: 6.25vw;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .ilaList {
		position: relative;
		bottom: auto;
		left: auto;
		display: block;
		width: 83.33333vw;
		height: auto;
		margin: 0 auto;
		padding-bottom: 38.54167vw;
		background: none;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .ilaList::before {
		position: absolute;
		bottom: -4.375vw;
		left: 50%;
		width: 36.45833vw;
		height: 37.70833vw;
		content: '';
		transform: translateX(-50%);
		background: url('../../img/sp_service_nayami_bk.png') no-repeat center center / contain;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li {
		font-size: 2rem;
		line-height: 1.3;
		display: flex;
		height: 14.375vw;
		border: 1px solid #ccc;
		border-radius: 7.08333vw;
		background: #e9eef4;

		align-items: center;
		justify-content: center;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li:nth-child(1) {
		margin-top: 0;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li:nth-child(3) {
		margin-top: 4.16667vw;
	}

	.servicePrivacyMarkMain .operationalSupport .nayami .ilaList li:nth-child(2) {
		margin-top: 4.16667vw;
	}

	/* ==========================================================================
   サービス詳細 ISO
========================================================================== */
	.serviceIsoMain .planSec .topText {
		margin-bottom: 9.375vw;
	}

	.serviceIsoMain .planSec .planBox .title {
		margin-bottom: 7.29167vw;
	}

	.serviceIsoMain .operationalSupport .tikamiti {
		margin-bottom: 10.41667vw;
	}

	.serviceIsoMain .operationalSupport .tikamiti .wakuInner {
		padding: 3.125vw 4.16667vw 4.16667vw;
	}

	.serviceIsoMain .operationalSupport .tikamiti h2 {
		margin-bottom: 4.16667vw;
	}

	.serviceIsoMain .operationalSupport .tikamiti h2::after {
		position: static;
		display: block;
		width: 38.54167vw;
		height: 37.91667vw;
		margin: 2.29167vw auto 0;
	}

	.serviceIsoMain .operationalSupport .tikamiti p {
		font-size: 1.6rem;
		line-height: 1.7;
	}

	.serviceIsoMain .operationalSupport .tikamiti figure {
		margin-top: 12.5vw;
	}

	.serviceIsoMain .operationalSupport .tikamiti figure figcaption {
		line-height: 1.2;
		margin-bottom: 7.29167vw;
		text-align: left;
	}

	.serviceIsoMain .operationalSupport .tikamiti figure ol {
		display: block;
	}

	.serviceIsoMain .operationalSupport .tikamiti figure ol li {
		margin-left: 1.1em;
		text-indent: -1.1em;
	}

	/* ==========================================================================
   サービス詳細 セキュリティ
========================================================================== */
	.main:has(.serviceSecurityMain) {
		padding-bottom: 0;
	}

	.main:has(.serviceSecurityMain) .kanren {
		padding-bottom: 23.95833vw;
	}

	/*20251114_takeuchi*/
	.serviceSecurityMain .securityConsulting {
		position: relative;
		margin-top: 10px;
		padding: 10px 0 10px;
	}

	.serviceSecurityMain .securityConsulting::before {
		min-width: 0;
	}

	.serviceSecurityMain .securityConsulting>header {
		margin-bottom: 12.5vw;
	}

	.serviceSecurityMain .securityConsulting>header::before {
		position: absolute;
		top: 13.54167vw;
		width: 99.16667vw;
		height: 21.45833vw;
		background: url('../../img/sp_service_pm_title_en7.png') no-repeat center center / contain;
	}

	.serviceSecurityMain .securityConsulting>header h2 {
		font-size: 3rem;
	}

	.serviceSecurityMain .securityConsulting .topText {
		position: relative;
		z-index: 2;
	}

	.serviceSecurityMain .securityConsulting .img {
		position: relative;
		z-index: 2;
		margin-top: 9.375vw;
	}

	.serviceSecurityMain .securityConsulting .img .tableSvg {
		position: absolute;
		top: 10vw;
		left: 1.04167vw;
		width: 89.5vw;
	}

	.serviceSecurityMain .securityConsulting .linkList {
		margin-top: 16.04167vw;
	}

	/*end*/
	.header {
		-ms-grid-column: 1;
		-ms-grid-row: 1;
	}

	.pageContainer {
		-ms-grid-column: 1;
		-ms-grid-row: 2;
	}

	.footer {
		-ms-grid-column: 1;
		-ms-grid-row: 3;
	}
}

@media only screen and (max-width: 481px) {}
/* 7/10　追加　フッター関連 */
.footer .top .inner{
	width: 100%;
	max-width: 1108px;
	margin: 0 auto;
}
.navs-wrap{
	width: fit-content;

	display: flex;
	flex-direction: column;
	gap: 20px;
	margin-left: auto;
}
.serviceNav{
	color: white;
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.serviceNav li a{
	color: inherit;
}
@media only screen and (max-width: 767px){
	.footer .top .inner{
		max-width: 87.5vw;
	}
	.navs-wrap{
		margin: 0;
	}
}7.5vw;
	}
	.navs-wrap{
		margin: 0;
	}
}