@charset "utf-8";
/*
Theme Name: 株式会社日本総合ビジネス 規制
Theme URI:
Author:
Author URI:
Description: 警備員エージェントが紹介する警備会社の採用情報
*/

/* noto-sans-jp-100 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 100;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-100.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-100.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-200 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 200;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-200.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-300 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 300;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 400;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 500;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-600 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 600;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 700;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-800 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 800;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-800.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-sans-jp-900 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Sans JP';
  font-style: normal;
  font-weight: 900;
  src: url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-sans-jp/noto-sans-jp-v52-japanese_latin-900.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* noto-serif-jp-300 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-300.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-regular - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-regular.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-500 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-500.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-600 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-600.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* noto-serif-jp-700 - japanese_latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+ */
       url('./fonts/noto-serif-jp/noto-serif-jp-v21-japanese_latin-700.woff') format('woff'); /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/***
    The new CSS reset - version 1.7.3 (last updated 7.8.2022)
    GitHub page: https://github.com/elad2412/the-new-css-reset
***/

/*
    Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property
    - The "symbol *" part is to solve Firefox SVG sprite bug
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
    all: unset;
    display: revert;
}

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

/* Reapply the pointer cursor for anchor tags */
a, button {
    cursor: revert;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
    list-style: none;
}

/* For images to not be able to exceed their container */
img {
    max-width: 100%;
}

/* removes spacing between cells in tables */
table {
    border-collapse: collapse;
		border-spacing:0;
}

/* Safari - solving issue when using user-select:none on the <body> text input doesn't working */
input, textarea {
    -webkit-user-select: auto;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* minimum style to allow to style meter element */
meter {
    -webkit-appearance: revert;
    appearance: revert;
}

/* reset default text opacity of input placeholder */
::placeholder {
    color: unset;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]) {
    display: none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly.
   - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/
:where([contenteditable]:not([contenteditable="false"])) {
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    -webkit-user-select: auto;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}

/* orignal css */
:root {
	--text-color: #517688;
	/* --grad-left: #6ed8c3; */
	/* --grad-right: #6ebbd8; */
	--grad-right: #6dc9d1;

	--feature1-color: #c98fd0;
	--feature2-color: #8faed0;
	--feature3-color: #8fd0b4;
	--feature4-color: #d0ab8f;

	--explanation-back: #e6f0ef;

	--flow-back: #e6f0ee;
	--flow-wrap: #6ecacd;

	--table-border-color: #cacaca;
	--table-th-color: #f2f7f6;
	--table-required-color: #cf121b;
	--required-color: #d0131d;
	--footer-color: #6ecacd;
}

html { 
	font-size: 62.5%;
	scroll-behavior: smooth; 
}

body {
	color: var( --text-color );
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 1;
	-webkit-text-size-adjust: 100%; 
}

.grade {
	background: rgb(110,216,195);
	background: -moz-linear-gradient(90deg, rgba(110,216,195,1) 0%, rgba(110,187,216,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(110,216,195,1) 0%, rgba(110,187,216,1) 100%);
	background: linear-gradient(90deg, rgba(110,216,195,1) 0%, rgba(110,187,216,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6ed8c3",endColorstr="#6ebbd8",GradientType=1);
}

input[type="text"], input[type="password"], input[type="email"], input[type="submit"], button:not(#drawer-menu-button), textarea, select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px var( --table-border-color ) solid; 
	font-family: inherit;
	font-size: inherit;
	padding: .5em;
}
input[type="text"], input[type="password"], input[type="email"], textarea { width: 100%; }

input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
}

input[type="checkbox"] {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	-webkit-transform:scale(1.5);
	transform:scale(1.5);
}

.submits {
	text-align: center;
	margin: 2em 0 0;
}
input[type="submit"] {
	display: inline-block;
	line-height: 1;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
input[type="submit"]:hover {
	opacity: .5;
}

/* IE text, password */
input::-ms-reveal,
input::-ms-clear {
	visibility: hidden;
}

img { image-rendering: -webkit-optimize-contrast; }