@charset "UTF-8";
/*!
---- SWDesign Original Stylesheet Template. ----
Thema Name:     model
Description:    model
Version:        1.0.0
Last Update:    2020/2/4
Author:         Naoto Ebitani
Company URL:    https://swdesign.jp
License:        GPL
License URL:    http://www.gnu.org/licenses/gpl.html
*/
/*@mixin tb {
	@media screen and (min-width: 768px) and (max-width: 1299px)  {
		@content;
	}
}*/
html {
  font-display: swap;
}

.kt {
  font-family: "Kaisei Tokumin", serif;
}

select::-ms-expand {
  display: none;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
}

address {
  margin-bottom: 0 !important;
}

ol, ul, dl {
  list-style: none;
  margin-bottom: 0 !important;
  padding-left: 0;
}

dd {
  margin-bottom: 0 !important;
  margin-left: 0 !important;
}

label {
  margin-bottom: 0 !important;
}

a:hover {
  text-decoration: none !important;
}

img {
  display: block;
  /*height: auto;
	margin: auto;
	max-width: 100%;*/
}

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

@-ms-viewport {
  width: device-width;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: "Noto Sans JP", "Hiragino Sans", "メイリオ", "Helvetica Neue", Arial, Meiryo, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  color: #000;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-top: 0;
  margin-bottom: 0;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
}

address {
  margin-bottom: 10px;
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 10px;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 5px;
  margin-bottom: .5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 10px;
  margin: 0 0 1rem;
}

dfn {
  font-style: italic;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

a {
  color: inherit;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 10px;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 10px;
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 7.5px;
  padding-top: 0.75rem;
  padding-bottom: 7.5px;
  padding-bottom: 0.75rem;
  color: #000;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 5px;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type="radio"],
input[type="checkbox"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 5px;
  margin-bottom: .5rem;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

.item01 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.item01:hover .desc01 {
  display: inline-block;
  top: 120px;
  right: 0px;
  left: 0;
  margin: 0 auto;
}

.item01 .head {
  margin: 0;
  padding: 0;
}

.item02 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.item02:hover .desc02 {
  display: inline-block;
  top: 120px;
  left: -30px;
}

.item02 .head {
  margin: 0;
  padding: 0;
}

.item03 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.item03:hover .desc03 {
  display: inline-block;
  top: 120px;
  right: -30px;
}

.item03 .head {
  margin: 0;
  padding: 0;
}

.item04 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.item04:hover .desc04 {
  display: inline-block;
  top: 120px;
  right: -30px;
}

.item04 .head {
  margin: 0;
  padding: 0;
}

.item05 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.item05:hover .desc05 {
  display: inline-block;
  top: 120px;
  right: -30px;
}

.item05 .head {
  margin: 0;
  padding: 0;
}

.item06 {
  position: relative;
  cursor: pointer;
  display: inline-block;
}

.item06:hover .desc06 {
  display: inline-block;
  top: 120px;
  right: -30px;
}

.item06 .head {
  margin: 0;
  padding: 0;
}

.desc01, .desc02, .desc03, .desc04, .desc05, .desc06 {
  display: none;
  position: absolute;
  border-radius: 14px;
  width: 650px;
  padding: 24px 32px 32px;
  background: #fff;
  color: #000;
  z-index: 20;
  box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.08);
}

.desc01 .tab, .desc02 .tab, .desc03 .tab, .desc04 .tab, .desc05 .tab, .desc06 .tab {
  font-size: 16px;
  color: #fff;
  margin: 24px auto 24px 0;
  padding: 0 32px;
  border-radius: 26px;
  display: table;
}

.desc01 .text, .desc02 .text, .desc03 .text, .desc04 .text, .desc05 .text, .desc06 .text {
  font-size: 16px;
  line-height: 1.8em;
  font-weight: 400;
  text-align: left;
}

.desc01 p, .desc02 p, .desc03 p, .desc04 p, .desc05 p, .desc06 p {
  color: #000 !important;
  text-align: left;
  margin-top: 6px;
}

.desc01 ul, .desc02 ul, .desc03 ul, .desc04 ul, .desc05 ul, .desc06 ul {
  font-weight: 400;
  list-style-type: disc;
  margin-left: 24px;
}

.desc01 ul li, .desc02 ul li, .desc03 ul li, .desc04 ul li, .desc05 ul li, .desc06 ul li {
  text-align: left;
  font-size: 15px;
}

/*.tooltip1 p{
    margin:0;
    padding:0;
}*/
/* スクロールCSS */
.fade-in {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 80px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-80px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  transform: translate(0, 0);
}

a.hov {
  display: inline-block;
  transition: all .4s;
}

a.hov:hover {
  transform: translateX(4px);
}

.icon-titleLine:before {
  position: absolute;
  content: "";
  background-image: url(../image/icon/icon_titleLine.svg);
  width: 25px;
  height: 26px;
  left: 0;
  bottom: 0;
  margin: 0px 0px 0 -24px;
}

.lsAV50 {
  letter-spacing: 0.05em;
}

.lsAV100 {
  letter-spacing: 0.1em;
}

.lhM {
  line-height: 1;
}

.lhL {
  line-height: 1.2;
}

.lhXL {
  line-height: 1.4;
}

.lhXXL {
  line-height: 1.8;
}

.lhXXXL {
  line-height: 2;
}

.normal {
  font-weight: 400;
}

.regular {
  font-weight: 500;
}

.medium {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.black {
  color: #000;
}

.white {
  color: #fff !important;
}

.blue {
  color: #1851A0;
}

.sky {
  color: #E7F0F5;
}

.sea {
  color: #4DA7EC;
}

.lime {
  color: #43CBB6;
}

.green {
  color: #18A075;
}

.whiteBg {
  background-color: #fff;
}

.blackBg {
  background-color: #000;
}

.skyBg {
  background-color: #E7F0F5;
}

.ashBg {
  background-color: #f4f4f4;
}

.blueBg {
  background-color: #1851A0;
}

.greenBg {
  background-color: #18A075;
}

.darkgreenBg {
  background-color: #1883A0;
}

.taL {
  text-align: left !important;
}

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.lb {
  line-break: auto;
}

.indent {
  text-indent: -1em;
  padding-left: 1em;
}

.marker {
  background: linear-gradient(transparent 70%, #ffdcb8 0%);
  display: inline;
  padding: 0 2px 4px;
}

.objectFit {
  -o-object-fit: cover;
  object-fit: cover;
}

/*----------▼▼ centering ▼▼----------*/
.mAuto {
  margin: auto !important;
}

.clearText {
  text-indent: 200%;
  white-space: nowrap;
  overflow: hidden;
}

.autoImg {
  width: 100%;
  height: auto;
}

.autoImg.full {
  width: auto;
  max-width: 100%;
  height: auto;
  display: table;
  margin: 0 auto;
}

.autoImg.lg {
  width: 80%;
  margin: 0 auto;
  display: block;
}

.autoImg.md {
  width: 50%;
  margin: 0 auto;
  display: block;
}

.autoImg.sm {
  width: 30%;
  margin: 0 auto;
  display: block;
}

.hAuto {
  height: auto !important;
}

.icon {
  position: relative;
}

.icon:before, .icon:after {
  background: no-repeat center/contain;
  content: "";
  position: absolute;
}

.logo {
  position: relative;
}

.logo:before, .logo:after {
  background: no-repeat center/contain;
  content: "";
  position: absolute;
}

.detailBtn {
  display: table;
  font-weight: 500;
  border-radius: 6px;
  color: #fff;
  background: #1851A0;
  border: 1px solid #fff;
  padding: 6px 48px;
  position: relative;
  transition: .3s;
}

.detailBtn:hover {
  transform: translateX(6px);
  background: #1851A0;
  border: 1px solid #fff;
  color: #fff;
}

.detailBtn__right {
  margin: 32px 12px 0 auto;
}

.detailBtn__center {
  margin: 32px auto 0;
}

html {
  font-size: 62.5%;
  -webkit-font-smoothing: antialiased;
}

body {
  position: relative;
}

/*----------▼▼ wrapper ▼▼----------*/

/*----------▼▼ section ▼▼----------*/
/*---------- float ----------*/
.fL {
  float: left !important;
}

.fR {
  float: right !important;
}

/*----------▼▼ clearfix ▼▼----------*/
.cf:after {
  clear: both;
  content: "";
  display: block;
}

/*----------▼▼ flex-box ▼▼----------*/
/* common */
.flexBox {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

/* SP */

/* PC */

/*----------grid-box ----------*/
/* common */
.gridBox {
  display: -ms-grid;
  display: grid;
}

/* SP */

/* PC */

/*----------▼▼ content-size ▼▼----------*/
/* SP */

/* PC */

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

.breadcrumb > div > span {
  display: block;
  position: relative;
  padding-right: 24px;
  float: left;
  color: #666;
  font-weight: 400;
}

.breadcrumb > div > span:after {
  content: '';
  width: 8px;
  height: 8px;
  background-size: contain;
  background-image: url(../image/icon/icon_breadcrumb.svg);
  background-repeat: no-repeat;
  position: absolute;
  right: 8px;
  top: 11px;
}

.breadcrumb > div > span:last-child {
  padding-right: 0;
}

.breadcrumb > div > span:last-child:after {
  background-image: none;
}

.breadcrumb span a span {
  font-weight: 500;
  color: #333;
  transition: 0.3s;
}

.breadcrumb span a span:hover {
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  transition: 0.3s;
}

.breadcrumb span[property="name"] {
  display: inline-block;
  padding: 0;
  margin-top: 2px;
  vertical-align: middle;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cmnTtl__type1 {
  font-size: 36px;
  font-weight: 500;
  line-height: 1.3;
  letter-spacing: 0.1em;
}

.cmnTtl__type1 span {
  position: relative;
  font-family: 'Quicksand', sans-serif;
  font-size: 16px;
  font-weight: 500;
  vertical-align: -130%;
  margin: 0 0px 0 12px;
  letter-spacing: 0.1em;
}

.cmnTtl__type1 span:before {
  position: absolute;
  content: "";
  background-image: url(../image/icon/icon_titleLine.svg);
  width: 25px;
  height: 26px;
  left: 0;
  bottom: 0;
  margin: 0px 0px 0 -24px;
}

.cmnTtl__type2 {
  position: relative;
  display: block;
  width: 500px;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 14px;
  padding-left: 18px;
  padding-bottom: 6px;
  border-left: 5px solid #E7F0F5;
  border-bottom: 1px solid #ccc;
}

.cmnTtl__type3 {
  position: relative;
  font-size: 36px;
  letter-spacing: 0.1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
}

.cmnTtl__type3:after {
  content: "";
  background-color: #333;
  width: 30px;
  height: 1px;
  position: absolute;
  left: 0;
  right: 0;
  margin: 26px auto 0;
}

.cmnTtl__type3 span {
  display: block;
  font-family: 'Quicksand', sans-serif;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  right: 0;
  margin: 28px 0 0;
}

.cmnTtl__type4 {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: #333;
  padding: 0 0 14px;
}

.cmnTtl__type4:after {
  content: '';
  position: absolute;
  background-color: #333;
  width: 30px;
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0;
}

.cmnTtl__type5 {
  border-bottom: 1px solid #ccc;
  line-height: 1.5;
}

.cmnTtl__type5 span.head {
  position: relative;
  font-size: 32px;
  font-weight: 500;
}

.cmnTtl__type5 span.head:after {
  content: '';
  position: absolute;
  background-color: #E7F0F5;
  width: 100%;
  height: 3px;
  left: 0;
  bottom: 0;
  margin-bottom: -3px;
}

.cmnTtl__type5 span.tail {
  font-size: 18px;
  font-weight: 500;
  padding-left: 20px;
  padding-right: 20px;
  color: #666;
}

.cmsContents {
  padding-bottom: 96px;
}

.cmsContents .catTag {
  text-align: center;
  font-size: 12px;
  border-radius: 2px;
  color: #fff;
  display: table;
  width: 80px;
}

.cmsContents .catTag.infotag {
  background: #6FC246;
}

.cmsContents .catTag.newstag {
  background: #00AFEC;
}

.cmsContents img {
  width: 100%;
}

.cmsContents strong {
  font-weight: 600;
}

.cmsContents h1 {
  font-size: 32px;
}

.cmsContents h2 {
  color: #fff;
  margin: 32px 0 16px;
  padding: 8px 12px;
  line-height: 1.4;
  font-weight: 500;
  background: #b6b6b6;
  position: relative;
}

.cmsContents h3 {
  color: #333;
  margin: 32px 0 16px;
  line-height: 1.4;
  font-weight: 500;
  position: relative;
}

.cmsContents h3:before {
  content: '';
  background-color: #b6b6b6;
  display: inline-block;
  width: 5px;
  height: 25px;
  vertical-align: middle;
  margin: 0 10px 5px 0;
}

.cmsContents h4 {
  color: #333;
  margin: 32px 0 16px;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}

.cmsContents h4:before {
  content: '';
  background-color: #000;
  display: inline-block;
  width: 14px;
  height: 1px;
  vertical-align: middle;
  margin-right: 10px;
}

.cmsContents h5 {
  margin: 32px 0 16px;
  font-weight: 500;
  line-height: 1.4;
}

.cmsContents h6 {
  margin: 32px 0 16px;
  font-weight: 600;
  line-height: 1.4;
}

.cmsContents p {
  margin: 18px 0;
  color: #333;
  font-weight: 400;
}

.cmsContents p.date {
  text-align: right;
  font-size: 14px;
  margin: 8px;
}

.cmsContents a:hover {
  border-bottom: 2px solid #a6d8f7;
  padding-bottom: 2px;
}

.cmsContents ul {
  margin: 16px 0 16px 1.5em;
}

.cmsContents ul li {
  list-style-type: disc;
  margin-top: 8px;
}

.cmsContents ul li:first-child {
  margin-top: 0;
}

.cmsContents ul.iroha li {
  list-style-type: katakana-iroha;
}

.cmsContents ul.aiueo li {
  list-style-type: katakana;
}

.cmsContents ul.abcde li {
  list-style-type: lower-alpha;
}

.cmsContents ol {
  margin: 16px 0 16px 1.5em;
}

.cmsContents ol > li {
  list-style-type: decimal;
  margin-top: 8px;
}

.cmsContents ol > li:first-child {
  margin-top: 0;
}

.cmsContents ol > li > ol {
  margin: 16px 0;
}

.cmsContents ol > li > ol > li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  margin-top: 8px;
  position: relative;
  padding-left: 3em;
}

.cmsContents ol > li > ol > li:before {
  display: marker;
  content: "（" counter(cnt) "）";
  position: absolute;
  left: 0;
  top: 0;
}

.cmsContents ol > li > ol > li:first-child {
  margin-top: 0;
}

.cmsContents ol.kakko > li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
  margin-top: 8px;
  position: relative;
  padding-left: 3em;
}

.cmsContents ol.kakko > li:before {
  display: marker;
  content: "（" counter(cnt) "）";
  position: absolute;
  left: 0;
  top: 0;
}

.cmsContents ol.kakko > li:first-child {
  margin-top: 0;
}

.cmsContents ol.iroha li {
  list-style-type: katakana-iroha;
}

.cmsContents ol.aiueo li {
  list-style-type: katakana;
}

.cmsContents ol.abcde li {
  list-style-type: lower-alpha;
}

.cmsContents dl {
  margin: 16px 0;
}

.cmsContents dl dt {
  font-weight: bold;
}

.cmsContents dl dd {
  margin-left: 8px;
  padding-left: 8px;
  margin-top: 8px;
  margin-bottom: 16px;
}

.cmsContents blockquote {
  margin: 32px 0 32px 0;
  position: relative;
}

.cmsContents blockquote:before {
  content: '“';
  position: absolute;
  top: -65px;
  left: 0px;
  font-size: 120px;
  z-index: 0;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

.cmsContents table {
  margin: 32px 0 32px 0;
  width: 100%;
}

.cmsContents table th {
  min-width: 120px;
}

.cmsContents table th, .cmsContents table td {
  padding: 8px;
}

.cmsContents table th:first-child, .cmsContents table td:first-child {
  border-left: none;
}

.cmsContents table td > *:first-child {
  margin-top: 0;
}

.cmsContents table td > *:last-child {
  margin-bottom: 0;
}

.nav-below {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 12px 0px;
}

.nav-previous a,
.nav-next a {
  font-family: 'Quicksand', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  background: #333;
  padding: 5px 24px;
  border-radius: 2px;
}

.nav-previous a:hover,
.nav-next a:hover {
  border-bottom: none;
  color: #aaa;
}

.wp-pagenavi {
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
  font-size: 16px;
  font-family: 'Quicksand', sans-serif;
}

.wp-pagenavi a, .wp-pagenavi span {
  height: 44px;
  line-height: 38px;
  padding: 3px 5px;
  vertical-align: top;
  margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border: none;
}

.wp-pagenavi a {
  transition: .3s;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  background-color: #000;
  color: #fff;
}

.wp-pagenavi .first, .wp-pagenavi .page, .wp-pagenavi .last {
  border: 1px solid #ccc;
  background-color: #fff;
  color: #222;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .current, .wp-pagenavi .page, .wp-pagenavi .extend, .wp-pagenavi .nextpostslink {
  width: 40px;
  border-radius: 4px;
}

.wp-pagenavi .first, .wp-pagenavi .previouspostslink, .wp-pagenavi .extend, .wp-pagenavi .nextpostslink, .wp-pagenavi .last {
  position: relative;
}

.wp-pagenavi .first:before, .wp-pagenavi .first:after, .wp-pagenavi .previouspostslink:before, .wp-pagenavi .previouspostslink:after, .wp-pagenavi .extend:before, .wp-pagenavi .extend:after, .wp-pagenavi .nextpostslink:before, .wp-pagenavi .nextpostslink:after, .wp-pagenavi .last:before, .wp-pagenavi .last:after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
}

.wp-pagenavi .pages {
  padding: 3px 8px;
}

.wp-pagenavi .first:before, .wp-pagenavi .previouspostslink:before, .wp-pagenavi .nextpostslink:after, .wp-pagenavi .last:after {
  height: 12px;
  top: calc(50% - 6px);
  width: 12px;
}

.wp-pagenavi .first {
  padding-left: 18px;
  width: 68px;
}

.wp-pagenavi .first:before {
  background-image: url(../image/icon/icon_arrow_pager-double_black.svg);
  left: 8px;
  transform: scale(-1, 1);
}

.wp-pagenavi .previouspostslink:before {
  background-image: url(../image/icon/icon_arrow_pager-single_white.svg);
  left: calc(50% - 6px);
  transform: scale(-1, 1);
}

.wp-pagenavi .extend:before {
  background-image: url(../image/icon/icon_ellipsis_black.svg);
  height: 20px;
  left: calc(50% - 10px);
  top: calc(50% - 10px);
  width: 20px;
}

.wp-pagenavi .nextpostslink:after {
  background-image: url(../image/icon/icon_arrow_pager-single_white.svg);
  left: calc(50% - 6px);
}

.wp-pagenavi .last {
  padding-left: 10px;
  text-align: left;
  width: 68px;
}

.wp-pagenavi .last:after {
  background-image: url(../image/icon/icon_arrow_pager-double_black.svg);
  right: 10px;
}

.wp-pagenavi .pages, .wp-pagenavi .extend {
  background-color: #e6eae8;
  color: #222;
}

.wp-pagenavi .current {
  background: #0097FF;
  color: #fff;
  font-weight: 700;
}

.gmap {
  height: 0;
  overflow: hidden;
  position: relative;
  padding-bottom: 40%;
}

.contactPage table {
  position: relative;
  width: 100%;
  margin: auto;
}

.contactPage tr {
  display: block;
  margin-bottom: 24px;
}

.contactPage th {
  width: 25%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
}

.contactPage td {
  padding: 2px 10px 2px 30px;
  width: 100%;
  height: 70px;
  border: 1px solid #ccc;
  border-radius: 8px;
  color: #bbb;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.contactPage td.textArea {
  height: 250px;
  padding: 10px 10px 10px 30px;
}

.contactPage td span {
  width: 100%;
}

.req .formLbl, .any .formLbl {
  box-sizing: border-box;
  width: 100%;
  display: block;
  position: relative;
  padding-left: 45px;
}

.req .formLbl:before, .any .formLbl:before {
  left: 0;
}

.req .formLbl, .any .formLbl {
  position: relative;
}

.req .formLbl:before, .any .formLbl:before {
  position: absolute;
  color: #fff;
  border-radius: 3px;
  font-size: 13px;
  padding: 2px 5px;
}

.req .formLbl:before {
  content: '必須';
  background-color: #d32f2f;
}

.any .formLbl:before {
  content: '任意';
  background-color: #e7ebf4;
  color: #000;
}

.screen-reader-response {
  display: none;
}

.submitBtn {
  display: table;
  font-size: 16px;
  font-weight: 600;
  margin: 64px auto 0px;
  cursor: pointer;
  padding: 20px 90px;
  color: #fff;
  background: #1851A0;
  border-radius: 6px;
  border: none;
}

textarea,
input[type=text],
input[type=email],
input[type=tel],
input[type=date],
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  font-size: 16px;
  outline: none;
  width: 100%;
}

:-ms-input-placeholder {
  color: #aaa;
}

::placeholder {
  color: #aaa;
}

input[type="radio"] {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  position: absolute;
}

.wpcf7-list-item {
  display: inline-block;
  margin: 10px 10px 0 0 !important;
  margin: 1rem 1rem 0 0 !important;
}

span.wpcf7-list-item-label {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  background: #e2e2e2;
  /* width: 180px; */
  padding: 4px 32px;
  text-align: center;
  border-radius: 26px;
  font-weight: 400;
}

/*span.wpcf7-list-item-label::before {
  display: block;
  content: "";
  border-radius: 50%;
  border: 2px solid green;
  width: 20px;
  height: 20px;
  margin-right: 10px;
}

span.wpcf7-list-item-label::after {
  display: block;
  position: absolute;
  content: "";
  border-radius: 50%;
  width: 12px;
  height: 12px;
  background-color: orange;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}*/
input[type="radio"]:checked + span.wpcf7-list-item-label {
  background: #000;
  color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
  text-align: center;
  border-color: #333 !important;
  padding: 1.5em;
  font-size: 18px;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 24px 1em !important;
  border: 3px solid #333 !important;
  border-radius: 8px;
}

.wpcf7-not-valid-tip {
  font-weight: bold !important;
  margin-top: 6px;
  text-align: right;
}

.dropdown-menu_wrap .wpcf7-form-control {
  width: 100%;
  height: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
  border-radius: 6px;
  border: 1px solid gray;
  font-size: 14px;
  color: #333;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.FixedFt {
  width: 300px;
  height: auto;
  border-radius: 23px;
  z-index: 10;
  background-color: #ffffff;
  padding: 48px;
  font-size: 20px;
  color: #1851A0;
  box-shadow: 3px 6px 20px rgba(0, 0, 0, 0.08);
  position: relative;
}

.FixedFt ul li {
  margin: 18px 0;
}

.Footer {
  background-color: #E7F0F5;
}

.FtSMap {
  position: relative;
  width: 1000px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: auto;
  padding: 64px 0 48px;
  color: #000;
}

.FtSMap__company {
  display: -ms-flexbox;
  display: flex;
  width: 60%;
}

.FtSMap__company--logo {
  width: 45%;
  padding: 0 24px;
  border-right: 1px solid #000;
}

.FtSMap__company--info {
  width: 55%;
  font-size: 14px;
  padding: 0 24px;
}

.FtSMap__menu {
  width: 40%;
  font-size: 16px;
  font-weight: 400;
  color: #1851A0;
}

.FtSMap__menu tr {
  height: 32px;
}

.FtSMap__menu a {
  display: block;
  margin: 0px 24px 14px;
}

.Footer__copyYear {
  font-size: 10px;
  padding-top: 10px;
  color: #000;
  font-weight: 600;
}

#headerTop {
  background: rgba(255, 255, 255, 0.7);
  min-width: 990px;
  max-width: 1100px;
  width: 80%;
  height: 60px;
  border-radius: 30px;
  position: absolute;
  z-index: 5;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.08);
  transition: .3s;
}

#headerTop.fixed {
  position: fixed;
  top: 20px;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 0 auto;
}

#header {
  min-width: 990px;
  max-width: 1100px;
  width: 80%;
  height: 60px;
  position: fixed;
  z-index: 5;
  margin: 26px auto 0;
  left: 0;
  right: 0;
  top: 0;
}

.Header {
  background: rgba(255, 255, 255, 0.73);
  border-radius: 30px;
  box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.03);
}

.Header__brandName {
  -ms-flex-align: center;
  align-items: center;
  display: -ms-flexbox;
  display: flex;
  height: 90px;
  position: absolute;
}

.Header__brandName a, .Header__brandName p {
  background-image: url(../image/logo/logo.svg);
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  width: 220px;
  height: 42px;
  margin-left: 32px;
}

.GNav__menuOpenBtn {
  position: absolute;
  z-index: 50;
}

.GNav__menuOpenBtn span {
  background: #000;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  transition: .3s ease-in-out;
}

.GNav__menuBtnMenu {
  color: #fff;
}

.GNav__menuOpenBtn.js_gnavMenu-open span {
  background: #000;
}

.GNav__menuOpenBtn.js_gnavMenu-open span:nth-child(1) {
  transform: rotate(315deg);
}

.GNav__menuOpenBtn.js_gnavMenu-open span:nth-child(2) {
  left: 50%;
  width: 0;
}

.GNav__menuOpenBtn.js_gnavMenu-open span:nth-child(3) {
  transform: rotate(-315deg);
}

/*@include sp {
	.toggleContents {
		display: none;
    	background: #e6eae8;
    	margin-top: -5px;
    	width: 250px;
		li {
    		border-bottom: 1px solid #fff;
			a {
				font-size: 14px;
			    display: block;
			    padding: 14px 20px;
			    text-align: center;
			}
			&:last-child {
				border-bottom: none;
			}
		}
	}
	.hoverArea {
		width: 100%;
	}
}*/
/*
.hoverContent {
	@include pc {
	    display: none;
	    position: absolute;
	    background: #e6eae8;
	    border-bottom: 1px solid #ddd;
	    z-index: 5;
	    right: 0;
	    li {
	    	border-top: 1px solid #ddd;
	    	position: relative;
		    a {
		    	height: 70px;
		    	width: 150px;
			    font-size: 13px;
			    text-align: left;
			    background-color: #e6eae8;
			    display: -ms-flexbox;
			    display: flex;
			    -ms-flex-align: center;
			    align-items: center;
			    padding: 20px;
		    	&:hover {
					background-color: $white;
				}
		    }
		}
	};
}
*/
.hoverContent {
  /*@include sp {
	    &__sub {
	    	a {
	    		width: 100%;
				background: $blue;
				color: $white;
	    		font-size: 14px !important;
	    		font-weight: 600 !important;
	    		letter-spacing: 0.1em;
	    		border-bottom: 1px solid rgba(255,255,255,0.17);
			    &:hover {
			    	background: $sky;
			    	color: $white;
			    }
	    	}
	    }
	};*/
}

/*
.video_wrapper {
    position: relative;
    height: calc(100vh - 90px);
    overflow: hidden;
    margin-top: 90px;
    @include sp {
	    height: calc(70vh - 60px);
	    overflow: hidden;
	    margin-top: 60px;
    };
}
.video_wrapper > video {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 177.77777778vh;
    height: 56.25vw;
    min-height: 100%;
    min-width: 100%;
}
.classPageHead {
	position: relative;
    height: calc(100vh - 90px);
    &__title {
    	position: absolute;
		text-align: center;
		color: #fff;
		border: 1px solid #fff;
		border-radius: 14px;
		background: rgba(0, 0, 0, 0.3);
		padding: 80px 114px 64px;
	    top: 0;
	    bottom: 40px;
	    left: 0;
	    right: 0;
	    margin: auto;
	    display: table;
    	p {
    		font-family: "Noto Serif JP", serif;
    		font-size: 36px;
    		font-weight: 300;
    		line-height: 1;
    		margin-bottom: 30px;
    		position: relative;
			&:before {
			    content: "";
			    position: absolute;
			    right: 0;
			    top: 0;
			    background: url(../image/bg/exclamation.svg) center / contain;
			    background-repeat: no-repeat;
			    width: 83px;
			    height: 34px;
			    margin: -32px 48px 0 0;
			}
    	}
    	&--h1 {
    		font-family: "Noto Serif JP", serif;
    		font-size: 80px;
    		font-weight: 400;
    		line-height: 1;
    		position: relative;
    		&:after, &:before {
			    content: "";
			    background: #ddd;
			    width: 160px;
			    height: 1px;
			    position: absolute;
			    left: 0;
			    right: 0;
			    margin: auto;
    		}
    		&:before { top: -8px; }
			&:after { bottom: -16px; }
    	}
    	&--lead {
    		font-size: 20px;
    		font-weight: 300;
    		line-height: 1.4;
    		margin-top: 32px;
    	}
    }
    @include sp {
    	height: calc(70vh - 60px);
		&__title {
	        width: 330px;
			padding: 80px 14px 56px;
			bottom: 0;
			margin: auto;
	    	p {
	    		font-size: 5vw;
	    		margin-bottom: 32px;
				&:before {
				    width: 64px;
				    height: 34px;
				    margin: -36px 70px 0 0;
				}
	    	}
	    	&--h1 {
	    		font-size: 12vw;
	    	}
	    	&--lead {
	    		font-size: 3.6vw;
	    		line-height: 1.6;
	    		margin-top: 28px;
	    	}
    	}
	};
}

.childPageHead {
	margin-top: 90px;
	@include sp {
		margin-top: 60px;
	};
}

.information {
	padding: 64px 80px;
	border: 1px solid #B2B2B2;
	border-radius: 16px;
	&__window {
		margin-top: 48px;
		width: 100%;
		font-size: 24px;
		tbody {
			width: 100%;
		}
		th {
			background: #000;
			color: #fff;
			height: 90px;
        	font-weight: 400;
			text-align: center;
			padding: 0 24px;
			white-space: nowrap;
		}
		td {
			background: #fff;
			width: 100%;
			font-weight: 400;
			padding-left: 24px;
		}
	}
	&__wrap {
		display: flex;
		margin-top: 48px;
	}
	&__detail, &__schedule {
		&--ttl {
			font-size: 18px;
			font-weight: 500;
			margin-bottom: 6px;
		}
		&--head {
			font-size: 18px;
			font-weight: 500;			
		}
		&--list {
			display: flex;
		}
		&--day {
			font-weight: 500;
		}
		&--time {
			font-weight: 300;
		}
	}
	&__detail {
		width: 45%;
	}
	&__schedule {
		width: 55%;
		border-left: 1px solid #aaa;
		padding-left: 24px;
		&--desc {
			font-size: 14px;
			font-weight: 400;
			line-height: 1.6;
			margin-top: 14px;
		}
	}
	@include sp {
		padding: 32px 24px;
        border-radius: 12px;
		&__window {
	        margin-top: 24px;
			th {
		        display: block;
		        height: auto;
		        padding: 8px 14px;
		        font-size: 18px;
			}
			td {
				display: block;
				font-size: 16px;
				padding-left: 0px;
				text-align: center;
				padding: 8px 14px;
			}
		}
		&__wrap {
			flex-direction: column;
			margin-top: 14px;
		}
		&__detail, &__schedule {
			&--ttl {
				font-size: 15px;
				font-weight: 600;
			}
			&--head {
				font-size: 14px;		
			}
			&--list {

			}
			&--day {
				font-size: 14px;
			}
			&--time {
				font-size: 14px;
			}
		}
		&__detail {
			width: 100%;
		}
		&__schedule {
			margin-top: 14px;
			width: 100%;
			border-left: none;
			padding-left: 0px;
			&--desc {
				font-size: 13px;
			}
		}
	};
}

.classroom {
	table {
		margin: 48px auto 0;
		width: 900px;
		border: 1px solid #ccc;
	}
	th, td {border: 1px solid #ccc;}
	th {
		background: #000;
		color: #fff;
		font-weight: 500;
		text-align: center;
		height: 40px;
	}
	td {
		text-align: center;
		font-weight: 400;
		height: 70px;
	}
	&__note {
		font-size: 14px;
		font-weight: 400;
		height: 50px !important;
	}
	&__pay {
		font-weight: 500;
		height: 50px !important;
	}
	@include sp {
		table {
			margin: 48px auto 0;
			width: 100%;
		}
		th {
			background: #000;
			color: #fff;
			font-weight: 500;
			text-align: center;
			height: 40px;
			font-size: 15px;
		}
		td {
			text-align: center;
			font-weight: 400;
			height: 70px;
			font-size: 14px;
		}
		&__note {
			font-size: 13px !important;
			font-weight: 400;
			height: 70px !important;
		}
		&__pay {
			font-weight: 500;
			height: 70px !important;
		}
	};
}

.access {
	background: #e7e7e7;
	padding: 64px 0 0;
	&__wrap {
		display: flex;
		justify-content: space-around;
		margin-top: 48px;
	}
	&__img, &__route {
		width: 40%;
		span {
			display: block;
			height: 300px;
			background-size: cover;
			background-position: center;
		}
	}
    @include sp {
		padding: 32px 0 0;
		&__wrap {
			display: flex;
			flex-direction: column;
			margin-top: 24px;
			padding: 0 24px;
		}
		&__img, &__route {
			width: 100%;
			margin: 14px 0;
			span {
				display: block;
				height: 300px;
				background-size: cover;
				background-position: center;
			}
		}
    };
}

.contact {
	table {
		margin-top: 32px;
		position: relative;
		width: 800px;
		margin: auto;
	}
	th {
		padding: 30px 0px 10px 10px;
		vertical-align: top;
		display: block;
		font-weight: 500;
	}
	td {
		padding: 2px 10px 2px 30px;
		width: 100%;
		height: 70px;
		background: #f0f0f0;
		display: -ms-flexbox;
		display: flex
	}
	.textArea {
		height: 250px;
    	padding: 10px 10px 10px 30px;
	}
    @include sp {
		padding: 24px 14px 32px;
		table {
			position: relative;
			width: 100%;
			margin: auto;
		}
		th {
			padding: 30px 0px 10px 10px;
			vertical-align: top;
			display: block;
			font-weight: 500;
		}
		td {
			padding: 2px 10px 2px 30px;
			width: 100%;
			height: 70px;
			background: #f0f0f0;
			display: -ms-flexbox;
			display: flex
		}
		.textArea {
			height: 250px;
	    	padding: 10px 10px 10px 30px;
		}
    };
}

.policy {
	margin: 48px 0 64px;
	background: #fff;
	padding: 48px;
	border-radius: 6px;
	font-size: 15px;
	font-weight: 400;
	@include sp {
		font-size: 14px;
		margin: 24px 0 32px;
		padding: 32px;
	};
}

.newsPage {
	padding-bottom: 96px;
	dl {
	    padding: 0 64px;
	    margin: 48px 0 0;
	    color: #333;
		div {
		    display: flex;
		    border-bottom: 1px solid #ccc;
		    padding: 32px 0;

	    }
	}
	dt {
	    width: 20%;
	    color: #000;
	    font-family: 'Quicksand', sans-serif;
	    font-weight: 500;
	    text-align: right;
	    margin-right: 14px;		
	}
	&__cat {
	    display: inline-block;
	    width: 80px;
	    text-align: center;
	    font-size: 12px;
	    font-weight: 600;
	    color: #fff;
	    padding: 3px 0;
	    margin: 0 0px 0 20px;
	    border-radius: 2px;
	    &.blogCat {
	    	background: #00AFEC;
	    }
	    &.infoCat {
	    	background: #6FC246;
	    }		
	}
	&__navi {
	    width: 350px;
	    margin: 64px auto 0;
	}
	@include sp {
		margin-bottom: 64px;
		dl {
		    padding: 0 14px;
		    margin: 24px 0 0;
		    color: #333;
			div {
			    display: block;
			    border-bottom: 1px solid #ccc;
			    padding: 14px 0;
		    }
		}
		dt {
		    width: 100%;
		    color: #000;
		    font-family: 'Quicksand', sans-serif;
		    font-weight: 500;
		    text-align: left;
		    margin-right: 14px;		
		}
		dd {
			font-size: 15px;
		}
		&__cat {
		    display: inline-block;
		    width: 80px;
		    text-align: center;
		    font-size: 12px;
		    font-weight: 600;
		    color: #fff;
		    padding: 3px 0;
		    margin: 0 0px 0 20px;
		    border-radius: 2px;
		    &.blog {
		    	background: #00AFEC;
		    }
		    &.info {
		    	background: #6FC246;
		    }		
		}
		&__navi {
		    width: 350px;
		    margin: 64px auto 0;
		}
	};
}

*/
.mainVisual {
  height: 100vh;
  width: 100%;
  position: relative;
}

.mainVisual__hero {
  background: url(../image/bg/hero.webp) top/cover;
  height: 100vh;
  width: 100%;
}

.mainVisual .entryBtn {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto -62px;
  width: 133px;
  height: 133px;
}

.concept {
  background: url(../image/bg/conceptBg.webp) top/cover;
  padding: 96px 0;
}

.concept__wrap {
  display: -ms-flexbox;
  display: flex;
  width: 900px;
  margin: 96px auto 0;
}

.concept__wrap--text {
  width: 70%;
  padding: 114px 48px 0;
}

.concept__wrap--img {
  width: 30%;
  padding: 12px 48px 0;
  position: relative;
}

.concept__wrap--img p {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0 -24px 64px 0;
  display: block;
  font-weight: normal;
  line-height: 1.4;
  font-size: 14px;
}

.concept__wrap--img p span {
  font-weight: 500;
  font-weight: 15px;
}

.concept__wrap--title {
  font-size: 40px;
  font-weight: 600;
  line-height: 0.8em;
  text-align: right;
}

.concept__wrap--title span {
  font-size: 14px;
  font-weight: 400;
}

.videoWrap {
  background: #000;
}

.videoSec {
  max-width: 1200px;
  width: 100%;
  height: 500px;
  position: relative;
  overflow: hidden;
  margin: auto;
}

.videoSec video {
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.jigu {
  padding: 128px 0 80px;
  position: relative;
  background: url(../image/bg/jiguBg.svg) center/cover;
}

.jigu:before {
  position: absolute;
  content: "";
  background-image: url(../image/bg/jiguImg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  width: 457px;
  height: 225px;
  left: 0;
  top: 0;
  margin: 160px 0 0 0;
}

.jigu:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  bottom: 0;
  left: 0;
  margin: 0 0 -120px 0;
  border-top: 120px solid #e7f0f5;
  border-right: 100vw solid rgba(255, 255, 255, 0);
  z-index: 5;
}

.jigu__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 420px;
  margin: auto;
}

.jigu h2 {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 40px;
  font-weight: 600;
  text-align: center;
}

.jigu p {
  font-weight: 400;
}

.fa {
  padding: 184px 0 114px;
  position: relative;
  background: repeating-linear-gradient(109deg, #fcfbfc, #fcfbfc 45px, #fff 45px, #fff 90px);
}

.fa h2 {
  font-size: 40px;
}

.fa__wrap li {
  display: -ms-flexbox;
  display: flex;
  padding-right: 3%;
}

.fa__wrap {
  margin: 64px 0;
}

.fa__wrap li {
  margin: 114px 0;
}

.fa__wrap--img {
  width: calc(100% - 600px);
  display: -ms-flexbox;
  display: flex;
}

.fa__wrap--item {
  margin-right: 3%;
  width: 50%;
}

.fa__wrap--item img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.fa__wrap--item p {
  font-size: 14px;
  text-align: right;
  color: #1851A0;
}

.fa__wrap--text {
  width: 600px;
  background: #fff;
  border: 1px solid #CBCBCB;
  border-radius: 16px;
  padding: 32px 48px;
  margin: 0 0 0 24px;
}

.fa__wrap--text p {
  font-weight: 400;
}

.fa__wrap--title {
  font-size: 32px;
}

.seinou {
  padding: 24px 0 114px;
  position: relative;
  background: repeating-linear-gradient(109deg, #fcfbfc, #fcfbfc 45px, #fff 45px, #fff 90px);
}

.seinou h2 {
  font-size: 40px;
}

.seinou p {
  font-weight: 400;
}

.seinou__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 211px;
  margin: 48px 0 96px;
  padding: 0 12%;
  position: relative;
}

.seinou__wrap--item {
  width: 32.5%;
}

.seinou__wrap--item img {
  height: 211px;
  width: 100%;
  border-radius: 12px;
  -o-object-fit: cover;
  object-fit: cover;
}

.seinou__wrap--desc {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #fff;
  width: 450px;
  font-weight: 400;
  padding: 24px;
  display: table;
  border-radius: 12px;
}

.project h2 {
  font-size: 40px;
}

.project h3 {
  font-size: 24px;
  font-weight: 500;
  color: #1851A0;
  margin-top: 24px;
}

.project p {
  font-weight: 400;
  margin-top: 14px;
}

.project__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 96px 0;
}

.project__wrap--item {
  width: 30%;
}

.project__wrap--item img {
  width: 100%;
  height: 320px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 10px;
}

.recruit {
  position: relative;
  padding: 114px 0 48px;
  font-weight: 400;
}

.recruit:before {
  position: absolute;
  content: "";
  background: #E7F0F5;
  width: 100%;
  height: 255px;
  bottom: 0;
  margin: 0px 0 0 0;
  z-index: -1;
}

.recruit__wrap {
  display: -ms-flexbox;
  display: flex;
}

.recruit__wrap--img {
  width: 50%;
  padding: 32px 0;
}

.recruit__wrap--text {
  width: 50%;
  padding: 0 48px;
}

.recruit__wrap--text p {
  font-weight: 400;
  margin-top: 48px;
}

.recruit__wrap--title {
  font-size: 24px;
  font-weight: 600;
}

.recruit__wrap--catch {
  font-size: 32px;
  line-height: 1.2;
  margin-top: 14px;
}

.company__wrap {
  display: -ms-flexbox;
  display: flex;
  height: 572px;
  margin: 170px 0 160px;
}

.company__wrap--img {
  width: 50%;
  position: relative;
  background: url(../image/bg/companyImg.webp) center/cover;
  border-radius: 0 24px 24px 0;
}

.company__wrap--text {
  width: 50%;
  padding: 48px 80px 48px 48px;
}

.company__wrap--text h2 {
  font-size: 32px;
}

.company__wrap--text div {
  display: -ms-flexbox;
  display: flex;
  padding: 13px 0;
  border-bottom: 1px solid #B8B8B8;
}

.company__wrap--text dl {
  font-weight: 400;
}

.company__wrap--text dt {
  width: 20%;
  font-weight: 400;
}

.company__wrap--text dd {
  width: 80%;
}

.wireArea {
  position: relative;
  background: url(../image/bg/wire.svg) center/cover;
  background-color: #ccc;
  width: 100%;
  height: 700px;
  margin-bottom: 500px;
}

.mask {
  position: absolute;
  top: 0;
  left: 0;
  margin: 370px 0 0 0;
  width: 100%;
  height: 100px;
  background: #ccc;
  animation: shrink01 forwards;
  animation-timeline: view();
}

.mask2 {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 15px;
  height: 290px;
  background: #ccc;
  animation: shrink02 0.8s 2s 1 forwards;
  animation-timeline: view(20%);
}

@keyframes shrink01 {
  100% {
    width: 0px;
  }
}

@keyframes shrink02 {
  100% {
    height: 0px;
  }
}

.animation01 {
  animation-name: shrink01;
}

.animation02 {
  animation-name: shrink02;
}

.contentBox {
  position: relative;
}

.progress {
  position: absolute;
  top: 0;
  right: 0;
  width: 5px;
  height: 400px;
  background: #333;
  animation: progressBar 0.1s linear;
  animation-timeline: view();
  transform-origin: right;
}

@keyframes progressBar {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(1.1);
  }
}

.progress2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 400px;
  margin-top: 410px;
  height: 5px;
  background: #333;
  animation: progressBar2 0.1s linear;
  animation-timeline: view(20%);
  transform-origin: right;
}

@keyframes progressBar2 {
  0% {
    transform: scaleX(0.1);
  }
  100% {
    transform: scaleX(1.1);
  }
}

.childHead {
  height: calc( 100vh - 90px);
  position: relative;
  background-color: #E7F0F5;
  padding: 0 0 48px 48px;
}

.childHead__hero {
  width: 100%;
  height: 100%;
  position: relative;
}

.childHead__hero.meritHead {
  background: url(../image/bg/meritHead.webp) center/cover;
}

.childHead__hero.organizationHead {
  background: url(../image/bg/organizationHead.webp) center/cover;
}

.childHead__hero.recruitHead {
  background: url(../image/bg/recruitHead.webp) center/cover;
}

.childHead__hero:before {
  content: "";
  background: black;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(0, 0, 0, 0) 40%);
  width: 100%;
  height: 100%;
  display: block;
}

.childHead h1 {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 24px 48px 32px 114px;
  min-width: 763px;
  min-height: 184px;
  font-size: 60px;
  font-weight: 500;
  color: #1851A0;
  background: #fff;
  border-radius: 200px 0 0 0;
  /*z-index: 5;*/
}

.childHead h1 span {
  font-family: initial;
  font-size: 24px;
  color: #000;
}

.childHead h1 span.upper {
  font-size: 42px;
  font-family: "Kaisei Tokumin", serif;
  color: #1851A0;
}

.childHead h1 span.lower {
  font-size: 60px;
  font-family: "Kaisei Tokumin", serif;
  color: #1851A0;
}

.childHead h1 span.merit {
  padding: 24px 48px 32px 114px;
}

.childHead h1 span.systemPage {
  font-size: 52px;
  line-height: 1.5;
}

.childHead h1 span.recruitPage {
  font-size: 36px;
}

.meritPage {
  position: relative;
}

.meritPage__fixed {
  padding: 32px 48px;
  background: #fff;
  border-radius: 20px;
  display: table;
  position: fixed;
  bottom: 300px;
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.08);
}

.meritPage__fixed li {
  margin: 14px 0;
}

.meritPage__fixed a {
  font-size: 20px;
  font-weight: 400;
}

.meritPage__fixed a:hover {
  font-weight: 600;
  color: #1851A0;
}

.meritPage h2 {
  font-size: 32px;
  line-height: 2.4em;
  color: #1851A0;
  display: block;
  position: relative;
}

.meritPage h2:after {
  position: absolute;
  content: "";
  background-image: url(../image/icon/titLine.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 4px;
  left: 0;
  bottom: 0;
}

.meritPage h3 {
  font-size: 24px;
  margin: 24px 0;
}

.meritPage__taio {
  background: #f4f4f4;
  padding: 80px 0;
}

.meritPage__taio--text {
  margin-top: 48px;
  width: 640px;
  font-weight: 400;
}

.meritPage__taio--img {
  width: 95%;
  margin-top: 48px;
}

.meritPage__table {
  width: 95%;
  background: #fff;
  border-radius: 12px;
  margin: 32px 0;
  padding: 32px 48px 48px;
  color: #fff;
  text-align: center;
}

.meritPage__table .title {
  color: #000;
  font-size: 26px;
  font-weight: 500;
}

.meritPage__table .desc {
  color: #000;
  font-size: 22px;
  margin-top: 24px;
}

.meritPage__table .arrow {
  position: relative;
  width: 100%;
  border-bottom: 3px solid #1851A0;
}

.meritPage__table .arrow:before {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  left: 0;
  margin: -7px 0;
  border-left: 3px solid #1851A0;
  border-bottom: 3px solid #1851A0;
  transform: rotate(45deg);
}

.meritPage__table .arrow:after {
  content: "";
  position: absolute;
  width: 18px;
  height: 18px;
  top: 0;
  right: 0;
  margin: -7px 0;
  border-left: 3px solid #1851A0;
  border-bottom: 3px solid #1851A0;
  transform: rotate(-135deg);
}

.meritPage__table--wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: center;
  align-content: center;
  margin: 32px 0;
}

.meritPage__table--wrap .item01, .meritPage__table--wrap .item02, .meritPage__table--wrap .item03, .meritPage__table--wrap .item04, .meritPage__table--wrap .item05, .meritPage__table--wrap .item06 {
  font-size: 1.4vw;
  font-weight: 600;
  width: 15%;
  aspect-ratio: 1/1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 12px;
  border-radius: 50%;
}

.meritPage__table--wrap .item01 img, .meritPage__table--wrap .item02 img, .meritPage__table--wrap .item03 img, .meritPage__table--wrap .item04 img, .meritPage__table--wrap .item05 img, .meritPage__table--wrap .item06 img {
  border-radius: 12px;
}

.meritPage__table--wrap p {
  width: 49%;
  display: block;
  border-radius: 20px;
  padding: 4px;
  color: #fff;
}

.meritPage__jiseki {
  background: #f4f4f4;
  padding: 0 0 80px;
}

.meritPage__jiseki--text {
  margin-top: 48px;
  width: 640px;
  font-weight: 400;
}

.meritPage__jiseki h3 {
  margin: 24px 0 14px;
}

.meritPage__jiseki--img {
  width: 95%;
  margin-top: 48px;
}

.meritPage__jiseki--wrap {
  display: -ms-flexbox;
  display: flex;
  width: 95%;
}

.meritPage__jiseki--item {
  width: 25%;
  height: 285px;
  margin: 0 10px 0 0;
}

.meritPage__jiseki--item img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

.meritPage__jiseki--item.wide {
  width: 50%;
}

.meritPage__jiseki--desc {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: center;
  align-items: center;
  width: 95%;
  margin: 48px 0;
}

.meritPage__jiseki--name {
  width: 35%;
  font-size: 24px;
  font-weight: 600;
  color: #1851A0;
  text-align: right;
  padding: 0 24px 0 0;
}

.meritPage__jiseki--spec {
  width: 65%;
  font-weight: 400;
  border-left: 2px solid #1851A0;
  padding: 0 0 0 24px;
}

.meritPage__gijyutu {
  padding: 80px 0;
  background: repeating-linear-gradient(109deg, #fcfbfc, #fcfbfc 45px, #fff 45px, #fff 90px);
}

.meritPage__gijyutu--text {
  margin-top: 48px;
  width: 640px;
  font-weight: 400;
}

.meritPage__gijyutu--wrap {
  margin-top: 48px;
  max-width: 780px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}

.meritPage__gijyutu--wrap img {
  width: 100%;
  height: 219px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 12px;
}

.meritPage__sinrai {
  padding: 80px 0;
}

.meritPage__sinrai--text {
  margin-top: 48px;
  width: 640px;
  font-weight: 400;
}

.meritPage__sinrai--img {
  width: 95%;
  margin-top: 48px;
}

.meritPage__saiteki {
  padding: 0 0 114px;
}

.meritPage__saiteki--text {
  margin-top: 48px;
  width: 640px;
  font-weight: 400;
}

.department {
  padding: 54px 0 96px;
  background: repeating-linear-gradient(109deg, #fcfbfc, #fcfbfc 45px, #fff 45px, #fff 90px);
}

.department__content {
  margin: 48px 0;
}

.department h2 {
  font-size: 32px;
}

.department ul {
  margin: 48px 0;
}

.department__wrap {
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 64px;
}

.department__wrap--img {
  width: 35%;
}

.department__wrap--img img {
  border-radius: 16px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.department__wrap--text {
  width: 65%;
  font-size: 16px;
  padding: 0 24px;
}

.department__wrap--text h3 {
  font-weight: 500;
  color: #fff;
  display: inline-block;
  padding: 0 48px;
  margin-bottom: 24px;
  border-radius: 20px;
}

.department__wrap--text h4 {
  margin: 8px 0;
}

.department__wrap--text p {
  font-weight: 400;
}

.department__wrap--text ul {
  margin-top: 14px;
  font-weight: 400;
  list-style-type: disc;
  padding-left: 24px;
}

.department__imgWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 1000px;
  margin: auto;
}

.department__imgWrap img {
  width: 49%;
  border-radius: 16px;
}

.facilities {
  display: -ms-flexbox;
  display: flex;
  padding: 0 5% 0 0;
}

.facilities__img {
  width: 52%;
}

.facilities__img--wrap {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  -ms-grid-columns: 1fr [2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: 1fr [3];
  grid-template-rows: repeat(3, 1fr);
}

.facilities__img--wrap img {
  aspect-ratio: 1 / 1;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.facilities__img--wrap img.half {
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row: 2;
  grid-row-start: 2;
}

.facilities__img--wrap img.half2 {
  -ms-grid-column: 2;
  grid-column-start: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.facilities__img--wrap img.long {
  -ms-grid-column-span: 2;
  -ms-grid-column: span 2;
  grid-column: span 2 / span 2;
  aspect-ratio: 2/1;
}

.facilities__img--wrap img.long2 {
  -ms-grid-column-span: 2;
  -ms-grid-column: span 2;
  grid-column: span 2 / span 2;
  -ms-grid-row: 5;
  grid-row-start: 5;
  aspect-ratio: 2/1;
}

.facilities__text {
  width: 48%;
  padding: 32px 80px;
}

.facilities__text h2 {
  font-size: 32px;
  border-bottom: 1px solid #000;
  margin-bottom: 14px;
  padding-bottom: 24px;
}

.facilities__text--card {
  margin-bottom: 48px;
}

.facilities__text--card h3 {
  font-size: 12px;
}

.facilities__text--card h3 span {
  font-size: 20px;
}

.facilities__text--card h3 span.tab, .facilities__text--card h3 span.tab2 {
  float: right;
  font-size: 12px;
  color: #fff;
  background: #1851A0;
  padding: 4px 40px;
  border-radius: 20px;
}

.facilities__text--card h3 span.tab {
  background: #1851A0;
}

.facilities__text--card h3 span.tab2 {
  background: #1883A0;
}

.facilities__text--card ul {
  font-size: 14px;
  font-weight: 400;
  margin: 14px 0 0 18px;
  list-style-type: decimal;
}

.facilities__text--card ul li {
  margin-bottom: 4px;
}

.recruitPage__workWrap {
  margin: 200px 0 0 0;
}

.recruitPage__card {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 80px;
  border-bottom: 1px solid #eee;
  padding: 0 5% 0 0;
}

.recruitPage__card.righty {
  padding: 0 0 0 5%;
}

.recruitPage__card--img {
  position: relative;
  width: 47%;
  height: 430px;
}

.recruitPage__card--img img {
  position: absolute;
  width: 100%;
  height: 95%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 26px 26px 26px 260px;
  right: 0;
  top: 0;
  margin: -48px -48px auto auto;
}

.recruitPage__card--img img.righty {
  border-radius: 26px 26px 260px 26px;
  left: 0;
  top: 0;
  margin: -48px auto auto  -48px;
}

.recruitPage__card--text {
  width: 50%;
  padding: 0 0 0 114px;
  font-weight: 400;
}

.recruitPage__card--text.righty {
  padding: 0 114px 0 0;
}

.recruitPage__card--text h2 {
  font-size: 32px;
  margin-bottom: 24px;
}

.recruitWorker {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 80px 0;
  padding: 0 24px;
}

.recruitWorker__img {
  width: 50%;
}

.recruitWorker__text {
  width: 50%;
  padding: 0 0 0 48px;
  font-weight: 400;
}

.recruitWorker__text h2 {
  font-size: 32px;
  margin-bottom: 24px;
}

.recruitHistory {
  position: relative;
  background: url(../image/bg/historyBg.webp) center/cover;
}

.recruitHistory__wrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 64px 0;
}

.recruitHistory__wrap--title {
  width: 35%;
  font-size: 32px;
  line-height: 1.2;
}

.recruitHistory__wrap--history {
  width: 65%;
}

.recruitHistory__wrap--history dl {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.recruitHistory__wrap--history dt {
  width: 15%;
  margin-bottom: 24px;
}

.recruitHistory__wrap--history dd {
  width: 85%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding-bottom: 24px;
}

.recruitHistory__wrap--history img {
  border-radius: 12px;
  margin-top: 14px;
}

.recruitHistory__wrap--history p {
  text-align: right;
  margin-top: 6px;
  color: #aaa;
}

.recruitPoint {
  padding: 114px 0 48px;
  background: repeating-linear-gradient(109deg, #fcfbfc, #fcfbfc 45px, #fff 45px, #fff 90px);
}

.recruitPoint h2 {
  font-size: 32px;
  text-align: center;
}

.recruitPoint .tab-area {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  margin: 64px 0;
}

.recruitPoint .tab {
  text-align: center;
  display: block;
  width: 170px;
  padding: 4px;
  margin: 0 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 20px;
  font-weight: 400;
}

.recruitPoint .tab.active {
  background: #4DA7EC;
  border: 1px solid #4DA7EC;
  color: #fff;
}

.recruitPoint .tab.first:first-child {
  background: #4DA7EC;
  border: 1px solid #4DA7EC;
  color: #fff;
}

.recruitPoint__wrap {
  width: 934px;
  margin: 48px auto;
  padding: 32px 96px 64px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 14px;
}

.recruitPoint__wrap .panel-area h3 {
  margin: 32px;
  font-size: 20px;
}

.recruitPoint__wrap .panel-area p {
  font-weight: 400;
  text-align: left;
}

.recruitPoint__wrap .panel-area.first:not(:first-child) {
  display: none;
}

.recruitPoint__wrap .panel {
  display: none;
  text-align: center;
}

.recruitPoint__wrap .panel dl {
  margin: 32px 0;
  width: 100%;
  padding-bottom: 24px;
}

.recruitPoint__wrap .panel div {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  padding: 24px 14px;
}

.recruitPoint__wrap .panel div:last-child {
  border-bottom: 1px solid #ccc;
}

.recruitPoint__wrap .panel dt {
  width: 35%;
  font-weight: 400;
  text-align: left;
}

.recruitPoint__wrap .panel dd {
  width: 65%;
  font-weight: 400;
  text-align: left;
}

.recruitPoint__wrap .panel.active {
  display: block;
}

.recruitPoint__wrap .panel.first {
  display: block;
}

.contactPage {
  background: #f5f5f5;
  padding: 170px 0 64px;
}

.contactPage h1 {
  font-size: 32px;
  text-align: center;
}

.contactPage__sheet {
  background: #fff;
  width: 934px;
  border: 1px solid #ddd;
  border-radius: 16px;
  margin: 64px auto;
  padding: 64px 96px;
}

.contactPage__sheet ul {
  display: -ms-grid;
  display: grid;
  gap: 14px;
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 14px;
}

.contactPage__sheet ul li a {
  display: block;
  background: #e2e2e2;
  width: 180px;
  padding: 4px 0;
  text-align: center;
  border-radius: 26px;
  font-weight: 400;
}

#float {
  position: absolute;
  top: 0;
  left: 0;
  margin: 100px auto auto 100px;
  background: #fff;
  padding: 32px;
  border-radius: 14px;
  box-shadow: 3px 6px 10px rgba(0, 0, 0, 0.08);
}

#float li {
  margin: 14px 0;
}

#float a {
  color: #1851A0;
  font-size: 20px;
  font-weight: 400;
}

#float a:hover {
  font-weight: 600;
}

#float.m_fixed {
  position: fixed;
}

@media screen and (max-width: 767px) {
  .mtXS, .mtXSSp {
    margin-top: 4px !important;
  }
  .mtS, .mtSSp {
    margin-top: 8px !important;
  }
  .mtM, .mtMSp {
    margin-top: 16px !important;
  }
  .mtL, .mtLSp {
    margin-top: 32px !important;
  }
  .mtXL, .mtXLSp {
    margin-top: 48px !important;
  }
  .mtXXL, .mtXXLSp {
    margin-top: 64px !important;
  }
  .mbXS, .mbXSSp {
    margin-bottom: 4px !important;
  }
  .mbS, .mbSSp {
    margin-bottom: 8px !important;
  }
  .mbM, .mbMSp {
    margin-bottom: 16px !important;
  }
  .mbL, .mbLSp {
    margin-bottom: 32px !important;
  }
  .mbXL, .mbXLSp {
    margin-bottom: 48px !important;
  }
  .mbXXL, .mbXXLSp {
    margin-bottom: 64px !important;
  }
  .mlXS, .mlXSSp {
    margin-left: 4px !important;
  }
  .mlS, .mlSSp {
    margin-left: 8px !important;
  }
  .mlM, .mlMSp {
    margin-left: 16px !important;
  }
  .mlL, .mlLSp {
    margin-left: 32px !important;
  }
  .mlXL, .mlXLSp {
    margin-left: 48px !important;
  }
  .mrXS, .mrXSSp {
    margin-right: 4px !important;
  }
  .mrS, .mrSSp {
    margin-right: 8px !important;
  }
  .mrM, .mrMSp {
    margin-right: 16px !important;
  }
  .mrL, .mrLSp {
    margin-right: 32px !important;
  }
  .mrXL, .mrXLSp {
    margin-right: 48px !important;
  }
  .ptXS, .ptXSSp {
    padding-top: 4px !important;
  }
  .ptS, .ptSSp {
    padding-top: 8px !important;
  }
  .ptM, .ptMSp {
    padding-top: 16px !important;
  }
  .ptL, .ptLSp {
    padding-top: 32px !important;
  }
  .ptXL, .ptXLSp {
    padding-top: 48px !important;
  }
  .pbXS, .pbXSSp {
    padding-bottom: 4px !important;
  }
  .pbS, .pbSSp {
    padding-bottom: 8px !important;
  }
  .pbM, .pbMSp {
    padding-bottom: 16px !important;
  }
  .pbL, .pbLSp {
    padding-bottom: 32px !important;
  }
  .pbXL, .pbXLSp {
    padding-bottom: 48px !important;
  }
  .pbXXL, .pbXXLSp {
    padding-bottom: 64px !important;
  }
  .hideSp {
    display: none !important;
  }
  .textXS, .textXSSp {
    font-size: 1rem;
  }
  .textS, .textSSp {
    font-size: 1.2rem;
  }
  .textM, .textMSp {
    font-size: 1.4rem;
  }
  .textL, .textLSp {
    font-size: 1.8rem;
  }
  .textXL, .textXLSp {
    font-size: 2.2rem;
  }
  .textXXL, .textXXLSp {
    font-size: 3.2rem;
  }
  .taLSp {
    text-align: left !important;
  }
  .taCSp {
    text-align: center !important;
  }
  .taRSp {
    text-align: right !important;
  }
  .detailBtn {
    font-size: 15px;
    color: #fff;
  }
  .detailBtn__right, .detailBtn__center {
    margin: 24px auto 0;
  }
  .fLSp {
    float: left;
  }
  .fRSp {
    float: right;
  }
  .flexBoxSp {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .gridBoxSp {
    display: -ms-grid;
    display: grid;
  }
  .contentBox, .contentBoxSp,
  .contentBoxS, .contentBoxSSp,
  .contentBoxM, .contentBoxMSp,
  .contentBoxL, .contentBoxLSp {
    margin-left: 3.5% !important;
    margin-right: 3.5% !important;
  }
  .breadcrumb {
    display: none;
  }
  .cmnTtl__type1 {
    font-size: 24px;
  }
  .cmnTtl__type1 span {
    font-size: 12px;
  }
  .cmnTtl__type2 {
    font-size: 18px;
    width: 100%;
    padding-left: 10px;
  }
  .cmnTtl__type3 {
    font-size: 20px;
  }
  .cmnTtl__type4 {
    font-size: 18px;
    padding: 0 0 14px;
  }
  .cmnTtl__type4:after {
    width: 40px;
  }
  .cmnTtl__type5 {
    font-size: 18px;
    padding: 0 0 14px;
  }
  .cmnTtl__type5:after {
    width: 40px;
  }
  .cmsContents {
    padding-bottom: 48px;
  }
  .cmsContents .catTag {
    font-size: 10px;
    margin-bottom: 8px;
  }
  .cmsContents h1 {
    font-size: 2.2rem;
  }
  .cmsContents h2 {
    font-size: 1.8rem;
  }
  .cmsContents h3 {
    font-size: 1.8rem;
  }
  .cmsContents h4 {
    font-size: 1.6rem;
  }
  .cmsContents h5 {
    font-size: 16px;
  }
  .cmsContents h6 {
    font-size: 1.4rem;
  }
  .cmsContents p {
    font-size: 15px;
  }
  .cmsContents ul {
    font-size: 1.4rem;
  }
  .cmsContents ol {
    font-size: 1.4rem;
  }
  .cmsContents dl {
    font-size: 1.4rem;
  }
  .cmsContents blockquote {
    padding: 24px 16px;
  }
  .cmsContents table {
    font-size: 1.4rem;
  }
  .nav-below {
    padding: 0;
    margin-bottom: 16px;
  }
  .nav-next {
    text-align: right;
  }
  .wp-pagenavi {
    margin-top: 32px;
  }
  .wp-pagenavi a, .wp-pagenavi span {
    height: 36px;
    line-height: 28px;
  }
  .wp-pagenavi .current {
    line-height: 27px;
  }
  .gmap {
    padding-bottom: 75%;
  }
  .contactPage table {
    width: 100%;
  }
  .contactPage tr {
    display: block;
    margin-bottom: 24px;
  }
  .contactPage th {
    width: 100%;
    padding: 0px;
  }
  .contactPage td {
    width: 100%;
    font-size: 14px;
    padding: 0px;
    height: 60px;
    margin-top: 6px;
  }
  .contactPage td.textArea {
    height: 200px;
    padding: 10px 10px 10px 20px;
  }
  .submitBtn {
    margin: 0px auto;
    padding: 15px 64px;
  }
  .Footer {
    padding-top: 48px;
  }
  .FtSMap {
    width: 100%;
    padding: 0px 5% 32px;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .FtSMap__company {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
  }
  .FtSMap__company--logo {
    width: 70%;
    padding: 0 24px 20px;
    border-right: none;
  }
  .FtSMap__company--info {
    width: auto;
    padding: 24px 0;
    margin: 0 24px;
    border-top: 2px solid #1851A0;
  }
  .FtSMap__menu {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    color: #1851A0;
  }
  .FtSMap__menu tr, .FtSMap__menu td {
    display: block;
  }
  .FtSMap__menu tr {
    height: initial;
  }
  .FtSMap__menu a {
    display: block;
    margin: 0px 24px 12px;
  }
  #headerTop {
    top: 0;
    background: none;
    height: 60px;
    width: 100%;
    min-width: initial;
    bottom: auto;
    right: auto;
    box-shadow: initial;
  }
  #headerTop.fixed {
    position: fixed;
    top: 0px;
    left: 0;
    right: 0;
    z-index: 10;
    margin: 0 auto;
  }
  #header {
    width: 100%;
    height: 60px;
    min-width: initial;
    margin: auto;
  }
  .Header {
    background: initial;
    box-shadow: initial;
  }
  .Header__brandName {
    height: 60px;
    width: 100%;
    opacity: 0.8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    z-index: 10;
  }
  .Header__brandName a, .Header__brandName p {
    width: 200px;
    height: 38px;
  }
  .GNav__menuOpenBtn {
    height: 60px;
    right: 0;
    top: 0;
    width: 60px;
    background: #fff;
  }
  .GNav__menuOpenBtn span {
    height: 2px;
    left: calc(50% - 12px);
  }
  .GNav__menuOpenBtn span:nth-child(1) {
    top: 22px;
    width: 24px;
  }
  .GNav__menuOpenBtn span:nth-child(2) {
    top: 28px;
    width: 24px;
  }
  .GNav__menuOpenBtn span:nth-child(3) {
    top: 34px;
    width: 24px;
  }
  .GNav__menuBtnMenu {
    bottom: 4px;
    font-size: 10px;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  .GNav__menuOpenBtn.js_gnavMenu-open span:nth-child(1) {
    top: 28px;
    width: 24px;
    left: 18px;
  }
  .GNav__menuOpenBtn.js_gnavMenu-open span:nth-child(3) {
    top: 28px;
    width: 24px;
    left: 18px;
  }
  .GNav__menuCloseBtn {
    height: 60px;
    right: 0;
    top: 0;
    width: 60px;
    position: absolute;
    z-index: 50;
  }
  .GNav__menu {
    display: none;
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
  }
  .GNav__menu .mainMenu {
    width: 100%;
    margin-top: 64px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -ms-flex-direction: column;
    flex-direction: column;
    align-items: center;
  }
  .GNav__menu .mainMenu__list:after {
    background-color: #ccc;
    width: 30px;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 14px auto 0px;
  }
  .GNav__menu .mainMenu__list > a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    padding: 14px 14px;
    width: 330px;
  }
  .GNav__menu .mainMenu__list > a span {
    font-size: 12px;
    color: #333;
    font-family: 'Quicksand';
    padding-left: 8px;
    font-weight: 400;
  }
  .GNav__menu .mainMenu__list > a.nonEvent {
    pointer-events: none;
  }
  .GNav__menu .mainMenu .topMenu > .toggleBtn {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    right: 35px;
    top: 24px;
    background: #1851A0;
  }
  .GNav__menu .mainMenu .topMenu > .toggleBtn:before {
    content: '';
    width: 15px;
    height: 10px;
    background-image: url(../image/icon/icon_arrow-down-w.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    transition: 0.3s;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }
  .GNav__menu .mainMenu .topMenu > .toggleBtn.active:before {
    background-image: url(../image/icon/icon_arrow-down-w.svg);
    transform: rotate(180deg);
    transition: 0.3s;
  }
  .GNav__menuLink {
    font-size: 12px;
    font-weight: 500;
    padding-top: 48px;
    display: block;
  }
  .toggleContents {
    display: none;
    background: #e6eae8;
    margin-top: -5px;
  }
  .toggleContents li {
    border-bottom: 1px solid #fff;
  }
  .toggleContents li a {
    font-size: 14px;
    display: block;
    padding: 14px 20px;
  }
  .toggleContents li:last-child {
    border-bottom: none;
  }
  .mainVisual__hero {
    background: url(../image/bg/heroSp.webp) top/cover;
    min-width: initial;
  }
  .mainVisual:before {
    display: none;
  }
  .mainVisual:after {
    display: none;
  }
  .concept {
    background: url(../image/bg/conceptBgSp.webp) top/cover;
    width: 100%;
    padding: 0 0 64px;
  }
  .concept__wrap {
    width: 100%;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
  }
  .concept__wrap--text {
    width: 100%;
    padding: 64px 14px 0 64px;
    -ms-flex-order: 2;
    order: 2;
  }
  .concept__wrap--img {
    width: 100%;
    padding: 32px 20% 0 52%;
    position: relative;
    -ms-flex-order: 1;
    order: 1;
  }
  .concept__wrap--img p {
    position: absolute;
    left: 0;
    bottom: 0;
    margin: 0 0px 64px 128px;
    display: block;
    font-weight: normal;
    line-height: 1.4;
    font-size: 14px;
  }
  .concept__wrap--img p span {
    font-weight: 500;
    font-weight: 15px;
  }
  .concept__wrap--title {
    font-size: 24px;
  }
  .concept__wrap--title span {
    font-size: 10px;
    font-weight: 400;
  }
  .videoWrap {
    padding: 14px 0;
  }
  .videoSec {
    height: 250px;
    width: 100%;
  }
  .jigu {
    background: url(../image/bg/jiguBg.webp) center/cover;
    padding: 64px 0 0;
  }
  .jigu__wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 0 15% 100px 7%;
  }
  .jigu h2 {
    font-size: 32px;
    letter-spacing: 0.2em;
    margin-bottom: 114px;
  }
  .jigu:before {
    width: 48%;
    height: 100px;
    margin: 260px 0 0 0;
  }
  .jigu:after {
    margin: 0 0 -50px 0;
    border-top: 50px solid #e7f0f5;
  }
  .fa {
    padding: 96px 3% 64px;
  }
  .fa h2 {
    font-size: 32px;
  }
  .fa__wrap li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-right: 0;
  }
  .fa__wrap {
    margin: 48px 0;
  }
  .fa__wrap li {
    margin: 0;
  }
  .fa__wrap--img {
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .fa__wrap--item {
    margin: 6px;
  }
  .fa__wrap--item p {
    font-size: 14px;
    text-align: right;
    color: #1851A0;
  }
  .fa__wrap--text {
    width: initial;
    padding: 32px;
    margin: 48px 6px;
  }
  .fa__wrap--text p {
    font-weight: 400;
  }
  .fa__wrap--title {
    font-size: 24px;
  }
  .seinou {
    padding: 0 0 80px;
  }
  .seinou h2 {
    font-size: 24px;
    line-height: 1.4;
  }
  .seinou__wrap {
    margin: 48px 0;
    padding: 0 14px;
  }
  .seinou__wrap--desc {
    width: 70%;
    padding: 14px;
    font-size: 10px;
  }
  .project h2 {
    font-size: 24px;
  }
  .project h3 {
    font-size: 24px;
    font-weight: 600;
    color: #1851A0;
    margin-top: 24px;
  }
  .project__wrap {
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 48px 0 0;
  }
  .project__wrap--item {
    width: 100%;
    margin-bottom: 48px;
  }
  .project__wrap--item img {
    width: 100%;
    height: 200px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
  }
  .recruit {
    padding: 32px 0 48px;
  }
  .recruit__wrap {
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .recruit__wrap--img {
    width: 100%;
    padding: 32px 0;
    -ms-flex-order: 2;
    order: 2;
  }
  .recruit__wrap--text {
    width: 100%;
    padding: 0 24px;
    text-align: center;
    -ms-flex-order: 1;
    order: 1;
  }
  .recruit__wrap--text p {
    font-weight: 400;
    margin-top: 48px;
  }
  .recruit__wrap--title {
    font-size: 24px;
    text-align: center;
  }
  .recruit__wrap--catch {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.4;
  }
  .recruit:before {
    height: 355px;
  }
  .company {
    padding: 64px 0 48px;
  }
  .company__wrap {
    display: block;
    height: auto;
    margin: 0;
  }
  .company__wrap--img {
    width: 90%;
    height: 262px;
  }
  .company__wrap--text {
    width: 100%;
    padding: 48px 24px 0;
  }
  .company__wrap--text dt {
    width: 25%;
    font-weight: 400;
  }
  .company__wrap--text dd {
    width: 75%;
  }
  .company__wrap--text h2 {
    font-size: 24px;
  }
  .childHead {
    padding-left: 14px;
  }
  .childHead h1 {
    padding: 0px;
    min-width: initial;
    min-height: initial;
    padding: 24px 14px 0 54px;
    white-space: nowrap;
  }
  .childHead h1.merit {
    font-size: 36px;
  }
  .childHead h1.systemPage {
    font-size: clamp(16px, 28px, 32px);
  }
  .childHead h1.recruitPage {
    font-size: 30px;
  }
  .childHead h1 span.upper {
    font-size: 24px;
  }
  .childHead h1 span.lower {
    font-size: 34px;
  }
  .meritPage h2 {
    font-size: 24px;
    line-height: 2.4em;
    color: #1851A0;
    display: block;
    position: relative;
  }
  .meritPage h2:after {
    position: absolute;
    content: "";
    background-image: url(../image/icon/titLine.svg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 4px;
    left: 0;
    bottom: 0;
  }
  .meritPage h3 {
    font-size: 20px;
    margin: 24px 0;
  }
  .meritPage__taio {
    padding: 32px 3% 0;
  }
  .meritPage__taio--text {
    width: 100%;
    margin-top: 24px;
  }
  .meritPage__taio--img {
    width: 100%;
    margin-top: 24px;
  }
  .meritPage__table {
    width: 100%;
    padding: 24px 14px 32px;
    margin: 32px 0 0;
  }
  .meritPage__table .title {
    font-size: 20px;
  }
  .meritPage__table .desc {
    font-size: 14px;
  }
  .meritPage__table--wrap {
    margin: 24px 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }
  .meritPage__table--wrap .item01, .meritPage__table--wrap .item02, .meritPage__table--wrap .item03, .meritPage__table--wrap .item04, .meritPage__table--wrap .item05, .meritPage__table--wrap .item06 {
    font-size: 14px;
    width: 25%;
    margin: 0 12px 14px;
    display: -ms-flexbox;
    -ms-flex-pack: center;
    -ms-flex-align: center;
    border-radius: 50%;
  }
  .meritPage__table--wrap p {
    width: 49%;
    display: block;
    border-radius: 20px;
    padding: 4px;
    color: #fff;
  }
  .meritPage__table--wrap a {
    font-size: 1.4vw;
    font-weight: 600;
    width: 15%;
    aspect-ratio: 1/1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12px;
    /*padding: 24px;*/
    border-radius: 50%;
  }
  .meritPage__jiseki {
    padding: 32px 3%;
  }
  .meritPage__jiseki--text {
    width: 100%;
    margin-top: 24px;
  }
  .meritPage__jiseki--wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr [2];
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 8px;
    width: 100%;
  }
  .meritPage__jiseki--item {
    width: initial;
    margin: 0;
  }
  .meritPage__jiseki--item.half {
    -ms-grid-row: 2;
    grid-row-start: 2;
    background: #aaa;
    height: 200px;
  }
  .meritPage__jiseki--item.wide {
    -ms-grid-column-span: 2;
    -ms-grid-column: span 2;
    grid-column: span 2 / span 2;
    width: 100%;
  }
  .meritPage__jiseki--desc {
    display: block;
    width: 100%;
    margin: 32px 3%;
  }
  .meritPage__jiseki--name {
    width: 100%;
    text-align: left;
    padding: 0 0 24px 0;
  }
  .meritPage__jiseki--spec {
    width: 100%;
    padding: 0 24px;
  }
  .meritPage__gijyutu {
    padding: 32px 3%;
  }
  .meritPage__gijyutu--text {
    width: 100%;
    margin-top: 24px;
  }
  .meritPage__gijyutu--wrap {
    margin-top: 32px;
    width: 100%;
    gap: 8px;
  }
  .meritPage__gijyutu--wrap img {
    width: 100%;
    height: 200px;
  }
  .meritPage__sinrai {
    padding: 32px 3%;
  }
  .meritPage__sinrai--text {
    width: 100%;
    margin-top: 24px;
  }
  .meritPage__sinrai--img {
    width: 100%;
  }
  .meritPage__saiteki {
    padding: 32px 3%;
  }
  .meritPage__saiteki--text {
    width: 100%;
    margin-top: 24px;
  }
  .department {
    padding: 24px 0 24px;
  }
  .department h2 {
    font-size: 24px;
  }
  .department ul {
    margin: 24px 0;
  }
  .department__content {
    margin: 24px 0;
  }
  .department__wrap {
    display: block;
    margin-bottom: 24px;
  }
  .department__wrap--img {
    width: 100%;
  }
  .department__wrap--text {
    width: 100%;
    padding: 24px 0;
  }
  .department__wrap--text h3 {
    margin-bottom: 24px;
    border-radius: 20px;
  }
  .department__wrap--text h4 {
    margin: 8px 0;
  }
  .department__wrap--text p {
    font-weight: 400;
  }
  .department__wrap--text ul {
    margin-top: 14px;
    font-weight: 400;
    list-style-type: disc;
    padding-left: 24px;
  }
  .department__imgWrap {
    width: 100%;
    padding: 0 3%;
  }
  .facilities {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 3%;
  }
  .facilities__img {
    width: 100%;
    -ms-flex-order: 2;
    order: 2;
  }
  .facilities__img--wrap {
    display: -ms-grid;
    display: grid;
    gap: 14px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .facilities__text {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    padding: 32px 0;
  }
  .facilities__text h2 {
    font-size: 32px;
    border-bottom: 1px solid #000;
    margin-bottom: 14px;
    padding-bottom: 24px;
  }
  .facilities__text--card h3 {
    font-size: 12px;
  }
  .facilities__text--card h3 span {
    font-size: 20px;
  }
  .facilities__text--card h3 span.tab, .facilities__text--card h3 span.tab2 {
    float: right;
    font-size: 12px;
    color: #fff;
    background: #1851A0;
    padding: 4px 40px;
    border-radius: 20px;
  }
  .facilities__text--card h3 span.tab {
    background: #1851A0;
  }
  .facilities__text--card h3 span.tab2 {
    background: #1883A0;
  }
  .facilities__text--card ul {
    font-size: 14px;
    font-weight: 400;
    margin: 14px 0 0 18px;
    list-style-type: decimal;
  }
  .facilities__text--card ul li {
    margin-bottom: 4px;
  }
  .recruitPage__workWrap {
    margin: 120px 0 0 0;
  }
  .recruitPage__card {
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 80px;
    border-bottom: initial;
    padding: 0 0 0 0;
  }
  .recruitPage__card.righty {
    padding: 0 0 0 0;
  }
  .recruitPage__card--img {
    position: relative;
    width: 85%;
    height: 250px;
    margin-bottom: 14px;
  }
  .recruitPage__card--img.righty {
    margin: 0 0 14px auto;
  }
  .recruitPage__card--img img {
    width: 100%;
    margin: -48px -24px auto auto;
  }
  .recruitPage__card--img img.righty {
    margin: -48px auto auto  -24px;
    -ms-flex-order: 1;
    order: 1;
  }
  .recruitPage__card--text {
    width: 100%;
    padding: 0 3%;
  }
  .recruitPage__card--text.righty {
    -ms-flex-order: 2;
    order: 2;
    padding: 0 3%;
  }
  .recruitPage__card--text h2 {
    font-size: 24px;
  }
  .recruitWorker {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 64px 0;
    padding: 0 3%;
  }
  .recruitWorker__img {
    width: 100%;
  }
  .recruitWorker__text {
    width: 100%;
    padding: 0 24px;
  }
  .recruitWorker__text h2 {
    font-size: 24px;
  }
  .recruitHistory {
    position: relative;
    background: url(../image/bg/historyBg.webp) center/cover;
  }
  .recruitHistory__wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 32px 0;
  }
  .recruitHistory__wrap--title {
    width: 100%;
    font-size: 24px;
    margin-bottom: 14px;
  }
  .recruitHistory__wrap--history {
    width: 100%;
  }
  .recruitHistory__wrap--history dl {
    display: block;
  }
  .recruitHistory__wrap--history dt {
    width: 100%;
    margin-bottom: 0px;
  }
  .recruitHistory__wrap--history dd {
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 14px;
  }
  .recruitHistory__wrap--history img {
    border-radius: 12px;
    margin-top: 14px;
  }
  .recruitHistory__wrap--history p {
    font-size: 14px;
  }
  .recruitPoint {
    padding: 48px 0 0;
  }
  .recruitPoint h2 {
    font-size: 24px;
    text-align: center;
  }
  .recruitPoint .tab-area {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 32px 0;
  }
  .recruitPoint .tab {
    width: 160px;
    margin: 6px 2%;
  }
  .recruitPoint__wrap {
    width: 100%;
    margin: 32px 0;
    padding: 14px 14px 30px;
  }
  .recruitPoint__wrap .panel-area h3 {
    margin: 24px;
    font-size: 18px;
  }
  .recruitPoint__wrap .panel dl {
    margin: 24px 0 0;
    padding-bottom: 0;
  }
  .recruitPoint__wrap .panel div {
    display: block;
  }
  .recruitPoint__wrap .panel dt {
    width: 100%;
  }
  .recruitPoint__wrap .panel dd {
    width: 100%;
    font-size: 14px;
  }
  .contactPage {
    padding: 80px 3% 24px;
  }
  .contactPage h1 {
    font-size: 24px;
    text-align: center;
  }
  .contactPage__sheet {
    width: 100%;
    margin: 24px auto 0;
    padding: 24px;
  }
  .contactPage__sheet ul {
    display: -ms-grid;
    display: grid;
    gap: 14px;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    margin-top: 14px;
  }
  .contactPage__sheet ul li a {
    font-size: 14px;
    width: auto;
    padding: 2px 0;
  }
}

@media screen and (min-width: 768px) {
  .mtXS, .mtXSPc {
    margin-top: 8px !important;
  }
  .mtS, .mtSPc {
    margin-top: 16px !important;
  }
  .mtM, .mtMPc {
    margin-top: 32px !important;
  }
  .mtL, .mtLPc {
    margin-top: 48px !important;
  }
  .mtXL, .mtXLPc {
    margin-top: 64px !important;
  }
  .mtXXL, .mtXXLPc {
    margin-top: 80px !important;
  }
  .mtXXXLPc {
    margin-top: 128px !important;
  }
  .mbXS, .mbXSPc {
    margin-bottom: 8px !important;
  }
  .mbS, .mbSPc {
    margin-bottom: 16px !important;
  }
  .mbM, .mbMPc {
    margin-bottom: 32px !important;
  }
  .mbL, .mbLPc {
    margin-bottom: 48px !important;
  }
  .mbXL, .mbXLPc {
    margin-bottom: 64px !important;
  }
  .mbXXL, .mbXXLPc {
    margin-bottom: 80px !important;
  }
  .mlXS, .mlXSPc {
    margin-left: 8px !important;
  }
  .mlS, .mlSPc {
    margin-left: 16px !important;
  }
  .mlM, .mlMPc {
    margin-left: 32px !important;
  }
  .mlL, .mtlPc {
    margin-left: 48px !important;
  }
  .mlXL, .mlXLPc {
    margin-left: 64px !important;
  }
  .mrXS, .mrXSSPc {
    margin-right: 8px !important;
  }
  .mrS, .mrSPc {
    margin-right: 16px !important;
  }
  .mrM, .mrMPc {
    margin-right: 32px !important;
  }
  .mrL, .mrLPc {
    margin-right: 48px !important;
  }
  .mrXL, .mrXLPc {
    margin-right: 64px !important;
  }
  .ptXS, .ptXSPc {
    padding-top: 8px !important;
  }
  .ptS, .ptSPc {
    padding-top: 16px !important;
  }
  .ptM, .ptMPc {
    padding-top: 32px !important;
  }
  .ptL, .ptLPc {
    padding-top: 48px !important;
  }
  .ptXL, .ptXLPc {
    padding-top: 64px !important;
  }
  .pbXS, .pbXSPc {
    padding-bottom: 8px !important;
  }
  .pbS, .pbSPc {
    padding-bottom: 16px !important;
  }
  .pbM, .pbMPc {
    padding-bottom: 32px !important;
  }
  .pbL, .pbLPc {
    padding-bottom: 48px !important;
  }
  .pbXL, .pbXLPc {
    padding-bottom: 64px !important;
  }
  .pbXXL, .pbXXLPc {
    padding-bottom: 80px !important;
  }
  .hidePc {
    display: none !important;
  }
  .textXS, .textXSPc {
    font-size: 1.2rem;
  }
  .textS, .textSPc {
    font-size: 1.4rem;
  }
  .textM, .textMPc {
    font-size: 1.6rem;
  }
  .textL, .textLPc {
    font-size: 2.4rem;
  }
  .textXL, .textXLPc {
    font-size: 3.2rem;
  }
  .textXXL, .textXXLPc {
    font-size: 4rem;
  }
  .taLPc {
    text-align: left !important;
  }
  .taCPc {
    text-align: center !important;
  }
  .taRPc {
    text-align: right !important;
  }
  .wrapper {
    min-width: 1000px;
    letter-spacing: 0.05em;
  }
  .fLPc {
    float: left;
  }
  .fRPc {
    float: right !important;
  }
  .flexBoxPc {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .gridBoxPc {
    display: -ms-grid;
    display: grid;
  }
  .contentBox, .contentBoxPc {
    max-width: 1440px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .contentBoxS, .contentBoxSPc {
    width: 800px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 0;
  }
  .contentBoxM, .contentBoxMPc {
    width: 1000px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2.5%;
    padding-right: 2.5%;
  }
  .contentBoxL, .contentBoxLPc {
    max-width: 1200px;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 2%;
    padding-right: 2%;
  }
  .childContents {
    padding-left: 35%;
  }
  .breadcrumb {
    height: 25px;
    font-size: 12px;
    padding: 4px 0 0 90px;
  }
  .cmsContents h2 {
    font-size: 2.4rem;
  }
  .cmsContents h3 {
    font-size: 2.2rem;
  }
  .cmsContents h4 {
    font-size: 2.0rem;
  }
  .cmsContents h5 {
    font-size: 18px;
  }
  .cmsContents h6 {
    font-size: 16px;
  }
  .cmsContents ul {
    font-size: 1.6rem;
  }
  .cmsContents ol {
    font-size: 1.6rem;
  }
  .cmsContents dl {
    font-size: 1.6rem;
  }
  .cmsContents blockquote {
    padding: 24px 32px;
  }
  .cmsContents blockquote p {
    font-size: 16px;
  }
  .cmsContents table {
    font-size: 1.6rem;
  }
  .GNav__menuOpenBtn {
    display: none;
  }
  .GNav__menu {
    display: block;
    width: 100%;
    min-width: 1000px;
  }
  .GNav__menu .mainMenu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin: auto;
  }
  .GNav__menu .mainMenu__list--logo {
    margin: 0 48px;
  }
  .GNav__menu .mainMenu__list a {
    position: relative;
    height: 60px;
    font-size: 16px;
    font-weight: 600;
    color: #1851A0;
    padding: 0 14px;
    letter-spacing: 0.05em;
    line-height: 1.6;
    white-space: nowrap;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .GNav__menu .mainMenu__list a span {
    font-size: 12px;
    font-weight: 500;
  }
  .GNav__menu .mainMenu__list:hover {
    background: #fff;
    color: #fff;
  }
  .hoverContent {
    display: none;
    position: absolute;
    z-index: 5;
    right: 0;
  }
  .hoverContent__sub a {
    width: 330px;
    background: #1851A0;
    color: #fff;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.1em;
    border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  }
  .hoverContent__sub a:hover {
    background: #E7F0F5;
    color: #fff;
  }
  .topMenu:before {
    content: '';
    width: 11px;
    height: 7px;
    background-image: url(../image/icon/icon_arrow-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    bottom: 8px;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s;
    z-index: 10;
  }
  .topMenu:hover:before {
    background-image: url(../image/icon/icon_arrow-down-w.svg);
    transform: rotate(180deg);
  }
}

@media (hover: hover) {
  a:hover {
    color: inherit;
    text-decoration: none;
  }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]) :hover {
    color: inherit;
    text-decoration: none;
  }
}

/*# sourceMappingURL=style.css.map */