@charset "UTF-8";

/* ======================================================
 * icon_index
 * ------------------------------------------------------
 * - Import
 * - Path
 * - Override
 * - PageComponent
 * Print
====================================================== */
/* ------------------------------------------------------
 * Import
------------------------------------------------------ */
/* ======================================================
 * index
 * ------------------------------------------------------
 * Config
 * General
 * Base
 * Layout
 * Module
====================================================== */
/* ======================================================
 * Config
====================================================== */
/* ======================================================
 * basedesign
 * ------------------------------------------------------
 * Path
 * View
 * Color
 * Font
 * Link
 * Animation
 * Position
 * Column
====================================================== */
/* ======================================================
 * Path
====================================================== */
/*----- 背景画像用パス -----*/
/* ======================================================
 * View
====================================================== */
/*----- ブレイクポイント -----*/
/*----- コンテンツ幅 -----*/
/*----- コンテンツ幅左右アキ -----*/
/*----- ヘッダー高さ -----*/
:root {
  --header-height: var(--header-height-base);
  --header-area-height: var(--header-height-base);
}

/* ======================================================
 * Color
====================================================== */
/*----- テーマカラー -----*/
/*----- 背景カラー -----*/
/*----- テキストカラー -----*/
/*----- リンクテキストカラー -----*/
/* ----- アウトラインカラー ----- */
/* ----- スクロールバーカラー ----- */
/* ======================================================
 * Font
====================================================== */
/*----- フォントファミリー -----*/
/*----- フォントサイズ -----*/
/*----- 行間 -----*/
/*----- フォントウェイト -----*/
/* ======================================================
 * Link
====================================================== */
/*----- リンクタイプ -----*/
/*----- リンク矢印アイコン -----*/
/*----- 透過度 -----*/
/*----- アイコンサイズ -----*/
/* ======================================================
 * Heading Margin
====================================================== */
/* ======================================================
 * Animation
====================================================== */
/*----- イージング（変化の度合い） -----*/
/*----- デュレーション（変化の開始から終了までの時間） -----*/
/*----- ディレイ（変化が始まるまでの時間） -----*/
/* ======================================================
 * Position
====================================================== */
/*----- 横方向の指定 -----*/
/*----- 縦方向の指定 -----*/
/* ======================================================
 * Column
====================================================== */
/*----- カラムの最大数の指定 -----*/
/*----- カラム間のアキの指定 -----*/
/* ======================================================
 * General
====================================================== */
/* ----- function ----- */
/* ======================================================
 * function
 * ------------------------------------------------------
 * gen-fetch-breakpoint
====================================================== */
/* ------------------------------------------------------
 * gen-fetch-breakpoint
------------------------------------------------------ */
/* ----- mixin ----- */
/* ======================================================
 * mixin
 * ------------------------------------------------------
 * hover-focus
 * plain-hover-focus
 * hover-focus-active
 * except-hover
 * any-link
 * all-link
====================================================== */
/* ------------------------------------------------------
 * hover-focus
------------------------------------------------------ */
/* ------------------------------------------------------
 * plain-hover-focus
------------------------------------------------------ */
/* ------------------------------------------------------
 * hover-focus-active
------------------------------------------------------ */
/* ------------------------------------------------------
 * except-hover
------------------------------------------------------ */
/* ------------------------------------------------------
 * any-link
------------------------------------------------------ */
/* ------------------------------------------------------
 * all-link
------------------------------------------------------ */
/* ------------------------------------------------------
 * focus-visible-within
------------------------------------------------------ */
/* ======================================================
 * mixin
 * ------------------------------------------------------
 * gen-media-breakpoint-up
 * gen-media-breakpoint-down
 * gen-media-breakpoint-between
====================================================== */
/* ------------------------------------------------------
 * gen-media-breakpoint-up
 * @requires
 * - gen-fetch-breakpoint
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-media-breakpoint-down
 * @requires
 * - gen-fetch-breakpoint
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-media-breakpoint-between
 * @requires
 * - gen-fetch-breakpoint
------------------------------------------------------ */
/* ======================================================
 * mixin
 * ------------------------------------------------------
 * gen-child-margin-top
 * gen-child-margin-bottom
====================================================== */
/* ------------------------------------------------------
 * gen-child-margin-top
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-child-margin-bottom
------------------------------------------------------ */
/* ======================================================
 * mixin
 * ------------------------------------------------------
 * gen-modal-modaal
====================================================== */
/* ------------------------------------------------------
 * gen-modal-modaal
------------------------------------------------------ */
/* ======================================================
 * mixin
 * ------------------------------------------------------
 * gen-clearfix
====================================================== */
/* ------------------------------------------------------
 * gen-clearfix
------------------------------------------------------ */
/* ----- extend ----- */
/* ======================================================
 * icon
 * ------------------------------------------------------
 * gen-icon-arrow
 * gen-icon-arrow-tail
 * gen-icon-arrow-middle
 * gen-icon-sprite
 * gen-icon-sprite-tail
 * gen-icon-sprite-middle
====================================================== */
/* ------------------------------------------------------
 * gen-icon-arrow
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-icon-arrow-tail
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-icon-arrow-middle
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-icon-sprite
------------------------------------------------------ */
.util-link--blank:after, .util-link--pdf:after, .util-link--excel:after, .util-link--word:after, .util-link--powerpoint:after, .util-link--zip:after, .util-link--video:after, .util-link--modal:after, .util-link--rss:after {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: no-repeat center / contain;
  text-indent: 100%;
  vertical-align: middle;
  white-space: nowrap;
  content: "";
  will-change: background;
}

.util-link--blank:after {
  background-image: url("/app-files/img/sprite/icon.svg#blank-usage");
}

.util-link--pdf:after {
  background-image: url("/app-files/img/sprite/icon.svg#pdf-usage");
}

.util-link--excel:after {
  background-image: url("/app-files/img/sprite/icon.svg#excel-usage");
}

.util-link--word:after {
  background-image: url("/app-files/img/sprite/icon.svg#word-usage");
}

.util-link--powerpoint:after {
  background-image: url("/app-files/img/sprite/icon.svg#powerpoint-usage");
}

.util-link--zip:after {
  background-image: url("/app-files/img/sprite/icon.svg#zip-usage");
}

.util-link--video:after {
  background-image: url("/app-files/img/sprite/icon.svg#video-usage");
}

.util-link--modal:after {
  background-image: url("/app-files/img/sprite/icon.svg#modal-usage");
}

.util-link--rss:after {
  background-image: url("/app-files/img/sprite/icon.svg#rss-usage");
}

/* ------------------------------------------------------
 * gen-icon-sprite-tail
------------------------------------------------------ */
/* ------------------------------------------------------
 * gen-icon-sprite-middle
------------------------------------------------------ */
/* ======================================================
 * table
 * ------------------------------------------------------
 * gen-table-align
====================================================== */
/* ------------------------------------------------------
 * gen-table-align
------------------------------------------------------ */
/* ======================================================
 * list
 * ------------------------------------------------------
 * gen-list-default
 * gen-list-margin
====================================================== */
/* ------------------------------------------------------
 * gen-list-margin
------------------------------------------------------ */
/* ======================================================
 * Base
====================================================== */
/* ======================================================
 * variables
 * ------------------------------------------------------
====================================================== */
:root {
  /* ======================================================
* BaseDesign
====================================================== */
  --col__2col: "";
  --col__3col: "";
  --col__4col: "";
  --col__5col: "";
  --col__6col: "";
  --color__badge__high: "";
  --color__badge__low: "";
  --color__badge__middle: "";
  --color__base__accent: "";
  --color__base__black: "";
  --color__base__main: "";
  --color__base__secondary: "";
  --color__base__white: "";
  --color__bg__base: "";
  --color__border__1: "";
  --color__border__2: "";
  --color__font__hover: "";
  --color__font__link: "";
  --color__font__noLink: "";
  --color__font__red: "";
  --color__font__TX1: "";
  --color__font__TX2: "";
  --color__icon__blank: "";
  --color__icon__hover: "";
  --color__icon__link: "";
  --color__icon__noLink: "";
  --color__icon__other: "";
  --color__news__category--1: "";
  --color__news__category--2: "";
  --color__news__category--3: "";
  --color__news__category--4: "";
  --color__news__category--5: "";
  --color__sub__1: "";
  --color__sub__10: "";
  --color__sub__2: "";
  --color__sub__3: "";
  --color__sub__4: "";
  --color__sub__5: "";
  --color__sub__6: "";
  --color__sub__7: "";
  --color__sub__8: "";
  --color__sub__9: "";
  --font__font-family: "";
  --font__font-size--L: "";
  --font__font-size--M: "";
  --font__font-size--S: "";
  --font__font-size--text-field: "";
  --font__font-size--XL: "";
  --font__font-size--XS: "";
  --format__content-W: "";
  --format__viewport-minW: "";
  --format__viewport-W: "";
  --gap__col-gap: "";
  --gap__link-gap: "";
  --icon__arrow-H: "";
  --icon__arrow-W: "";
  --icon__base-size: "";
  --radius__BT-L: "";
  --radius__BT-M: "";
  --radius__L: "";
  --radius__M: "";
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  /* 1 */
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
  /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  margin: 0.67em 0;
  font-size: 2em;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  /* 2 */
  -webkit-text-decoration: underline dotted;
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  /* 1 */
  margin: 0;
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 1 */
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* ======================================================
 * base
 * ------------------------------------------------------
 * Fonts
 * Basic
====================================================== */
/* ======================================================
 * Fonts
====================================================== */
/* ======================================================
 * Basic
====================================================== */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  height: -webkit-fill-available;
  font-size: 62.5%;
}

body {
  word-wrap: break-word;
  min-height: 100vh;
  min-height: -webkit-fill-available;
  background-color: var(--color__bg__base);
  color: var(--color__font__TX1);
  font-size: var(--font__font-size--M);
  word-break: break-word;
}

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

/* ----- img ----- */
figure {
  margin: 0;
}

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

/* ----- a ----- */
a {
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

a:link {
  color: var(--color__font__link);
  text-decoration: none;
}

a:visited {
  color: var(--color__font__link);
  text-decoration: none;
}

a:hover {
  color: var(--color__font__hover);
  text-decoration: none;
}

a:active {
  color: var(--color__font__link);
  text-decoration: none;
}

/* tel */

/* ----- form ----- */
input,
select,
textarea,
button,
pre {
  border-radius: 0;
  box-shadow: none;
  color: var(--color__font__TX1);
  font-size: var(--font__font-size--text-field);
}

input[type="text"],
textarea {
  -webkit-appearance: none;
  appearance: none;
}

input[type="submit"],
button:not([disabled]) {
  cursor: pointer;
}

/* placeholder */
::-webkit-input-placeholder {
  color: var(--color__font__TX2) !important;
}

:-moz-placeholder {
  color: var(--color__font__TX2) !important;
}

::-moz-placeholder {
  color: var(--color__font__TX2) !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--color__font__TX2) !important;
}

:placeholder-shown {
  color: var(--color__font__TX2) !important;
}

/* ======================================================
 * util-device
====================================================== */

.util-visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 0 !important;
  white-space: nowrap !important;
}

/* ======================================================
 * util-text
====================================================== */
/* ----- sup/sub ----- */
.util-sup,
.util-sub {
  position: relative;
  font-size: 60%;
  line-height: 1;
}

.util-sup {
  top: -.6em;
}

.util-sub {
  bottom: -.1em;
}

/* ----- bold ----- */

/* ----- italic ----- */
.util-italic {
  font-style: italic !important;
}

/* ----- underline ----- */
.util-underline {
  text-decoration: underline !important;
}

/* ----- color ----- */
.util-color--main {
  color: var(--color__base__main) !important;
}

.util-color--secondary {
  color: var(--color__base__secondary) !important;
}

.util-color--accent {
  color: var(--color__base__accent) !important;
}

.util-color--white {
  color: var(--color__base__white) !important;
}

.util-color--black {
  color: var(--color__base__black) !important;
}

.util-color--base {
  color: var(--color__font__TX1) !important;
}

.util-color--base2 {
  color: var(--color__font__TX2) !important;
}

.util-color--disable {
  color: var(--color__font__noLink) !important;
}

.util-color--placeholder {
  color: var(--color__font__TX2) !important;
}

.util-color--bright {
  color: var(--color__base__white) !important;
}

.util-color--red {
  color: var(--color__font__red) !important;
}

/* ----- highlight ----- */
.util-highlight--main {
  color: var(--color__base__main) !important;
}

.util-highlight--secondary {
  color: var(--color__base__secondary) !important;
}

.util-highlight--accent {
  color: var(--color__base__accent) !important;
}

.util-highlight--white {
  color: var(--color__base__white) !important;
}

.util-highlight--black {
  color: var(--color__base__black) !important;
}

.util-highlight--base {
  color: var(--color__font__TX1) !important;
}

.util-highlight--base2 {
  color: var(--color__font__TX2) !important;
}

.util-highlight--disable {
  color: var(--color__font__noLink) !important;
}

.util-highlight--placeholder {
  color: var(--color__font__TX2) !important;
}

.util-highlight--bright {
  color: var(--color__base__white) !important;
}

.util-highlight--red {
  color: var(--color__font__red) !important;
}

/* ======================================================
 * util-link
====================================================== */
/* ----- link ----- */
.util-link, .util-link--blank, .util-link--pdf, .util-link--excel, .util-link--word, .util-link--powerpoint, .util-link--zip, .util-link--video, .util-link--modal, .util-link--rss {
  display: inline;
}

.util-link, .util-link--blank, .util-link--pdf, .util-link--excel, .util-link--word, .util-link--powerpoint, .util-link--zip, .util-link--video, .util-link--modal, .util-link--rss, .util-link:link, .util-link--blank:link, .util-link--pdf:link, .util-link--excel:link, .util-link--word:link, .util-link--powerpoint:link, .util-link--zip:link, .util-link--video:link, .util-link--modal:link, .util-link--rss:link, .util-link:hover, .util-link--blank:hover, .util-link--pdf:hover, .util-link--excel:hover, .util-link--word:hover, .util-link--powerpoint:hover, .util-link--zip:hover, .util-link--video:hover, .util-link--modal:hover, .util-link--rss:hover, .util-link:visited, .util-link--blank:visited, .util-link--pdf:visited, .util-link--excel:visited, .util-link--word:visited, .util-link--powerpoint:visited, .util-link--zip:visited, .util-link--video:visited, .util-link--modal:visited, .util-link--rss:visited, .util-link:focus, .util-link--blank:focus, .util-link--pdf:focus, .util-link--excel:focus, .util-link--word:focus, .util-link--powerpoint:focus, .util-link--zip:focus, .util-link--video:focus, .util-link--modal:focus, .util-link--rss:focus, .util-link:active, .util-link--blank:active, .util-link--pdf:active, .util-link--excel:active, .util-link--word:active, .util-link--powerpoint:active, .util-link--zip:active, .util-link--video:active, .util-link--modal:active, .util-link--rss:active {
  color: var(--color__font__link);
  text-decoration: underline;
}

.util-link__filesize {
  font-style: normal;
}

.util-link--blank:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--pdf:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--excel:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--word:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--powerpoint:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--zip:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--video:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--modal:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

.util-link--rss:after {
  position: relative;
  top: -2px;
  margin: 0 .5em;
}

/* ======================================================
 * util-badge
====================================================== */
/* ----- badge ----- */
.util-badge, .util-badge--high, .util-badge--middle, .util-badge--low {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font__font-size--XS);
  font-style: normal;
  text-align: center;
  vertical-align: middle;
}

.util-badge {
  border: 1px solid var(--color__border__1);
  background-color: var(--color__bg__base);
}

.util-badge--high {
  background-color: var(--color__badge__high);
  color: var(--color__font__TX1);
}

.util-badge--middle {
  background-color: var(--color__badge__middle);
  color: var(--color__font__TX1);
}

.util-badge--low {
  background-color: var(--color__badge__low);
  color: var(--color__font__TX1);
}

/* ======================================================
 * util-motion
====================================================== */
.util-motion--slide {
  overflow: hidden;
}

/* ======================================================
 * data-col
 * ------------------------------------------------------
 * data-col-pc
 * data-col-sp
====================================================== */
/* ======================================================
 * vars
====================================================== */
/* ======================================================
 * data-col-pc
====================================================== */

/* ======================================================
 * data-col-sp
====================================================== */

/* ======================================================
 * data-size
 * ------------------------------------------------------
 * data-size-pc
 * data-size-sp
====================================================== */
/* ======================================================
 * vars
====================================================== */
/* ======================================================
 * data-size-pc
====================================================== */

/* ======================================================
 * data-size-sp
====================================================== */

/* ======================================================
 * Layout
====================================================== */
/* ======================================================
 * Header
 * ------------------------------------------------------
 * vars
 * Header__guide
 * Header__head
 * Header__body
 * Header__foot
 * Print
====================================================== */
/* ======================================================
 * extend
====================================================== */
.header-nav__list__type, .header-nav__list__type--blank {
  display: block;
  width: 100%;
  padding: 0.5rem;
  border-bottom: 5px solid var(--color__sub__5);
}

.header-nav__list__type, .header-nav__list__type--blank, .header-nav__list__type:link, .header-nav__list__type--blank:link, .header-nav__list__type:hover, .header-nav__list__type--blank:hover, .header-nav__list__type:visited, .header-nav__list__type--blank:visited, .header-nav__list__type:focus, .header-nav__list__type--blank:focus, .header-nav__list__type:active, .header-nav__list__type--blank:active {
  color: var(--color__font__TX1);
}

/* ======================================================
 * Header
====================================================== */
.Header {
  background-image: url("/app-files/img/cmn_bg01.webp");
  background-position: left bottom;
  background-repeat: repeat-x;
}

.Header__inner {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.Header__inner > *:first-child,
.Header__inner > section:first-child > *:first-child,
.Header__inner > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.Header__body__inner {
  display: flex;
  width: 100%;
}

.header-nav__list {
  gap: 0 5px;
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.header-nav__list > li {
  width: 158px;
  text-align: center;
}

/* ------------------------------------------------------
 * Print
------------------------------------------------------ */
/* ======================================================
 * Main
 * ------------------------------------------------------
 * Main__guide
 * Main__head
 * Main__body
 * Main__foot
 * Print
====================================================== */
/* ------------------------------------------------------
 * Main__body
------------------------------------------------------ */
.Main__content {
  width: 100%;
  margin: 0 auto;
}

.Main__content > *:first-child,
.Main__content > section:first-child > *:first-child,
.Main__content > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

/* ------------------------------------------------------
 * Print
------------------------------------------------------ */
/* ======================================================
 * Assist
 * ------------------------------------------------------
 * Assist__body
 * Print
====================================================== */
/* ======================================================
 * Assist
====================================================== */
.assist-service {
  background-color: var(--color__sub__4);
}

.assist-service__inner {
  margin: 0 auto;
}

.assist-service-link-list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assist-service-link-list > *:first-child,
.assist-service-link-list > section:first-child > *:first-child,
.assist-service-link-list > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.assist-service-link-list > li {
  position: relative;
  font-size: var(--font__font-size--S);
}

.assist-service-link-list > li > *:first-child,
.assist-service-link-list > li > section:first-child > *:first-child,
.assist-service-link-list > li > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.assist-service-link-list__type--blank {
  display: inline-block;
  position: relative;
  padding-left: 1.9rem;
}

.assist-service-link-list__type--blank, .assist-service-link-list__type--blank:link, .assist-service-link-list__type--blank:hover, .assist-service-link-list__type--blank:visited, .assist-service-link-list__type--blank:focus, .assist-service-link-list__type--blank:active {
  color: var(--color__font__TX1);
}

.assist-service-link-list__type--blank:before {
  position: absolute;
  left: 0;
  width: 14px;
  height: 14px;
  background-image: url(/app-files/img/cmn_ic03.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}

.assist-featured-service {
  display: flex;
}

.assist-featured-service__title {
  font-size: var(--font__font-size--S);
}

.assist-featured-service__title__label {
  margin-right: 2px;
}

.assist-featured-service-link-list {
  display: flex;
  flex-flow: row wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.assist-featured-service-link-list > *:first-child,
.assist-featured-service-link-list > section:first-child > *:first-child,
.assist-featured-service-link-list > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.assist-featured-service-link-list > li {
  position: relative;
}

.assist-featured-service-link-list > li > *:first-child,
.assist-featured-service-link-list > li > section:first-child > *:first-child,
.assist-featured-service-link-list > li > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.assist-featured-service-link-list__type--blank {
  position: relative;
}

.assist-featured-service-link-list__type--blank, .assist-featured-service-link-list__type--blank:link, .assist-featured-service-link-list__type--blank:hover, .assist-featured-service-link-list__type--blank:visited, .assist-featured-service-link-list__type--blank:focus, .assist-featured-service-link-list__type--blank:active {
  color: var(--color__font__TX1);
}

.assist-featured-service-link-list__type--blank:before {
  position: absolute;
  background-image: url(/app-files/img/cmn_ic04.svg);
  background-repeat: no-repeat;
  background-size: contain;
  vertical-align: middle;
  content: "";
}

.assist-featured-service-link-list__type--blank:after {
  display: inline-block;
  align-self: center;
  width: 14px;
  height: 14px;
  margin-top: -3px;
  margin-left: 2px;
  background-image: url(/app-files/img/cmn_ic01_01.webp);
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}

/* ------------------------------------------------------
 * Print
------------------------------------------------------ */
/* ======================================================
 * Footer
 * ------------------------------------------------------
 * Footer__guide
 * Footer__head
 * Footer__body
 * Print
====================================================== */
/* ======================================================
 * Footer
====================================================== */
.Footer {
  display: block;
  position: relative;
  width: 100%;
}

.Footer > *:first-child,
.Footer > section:first-child > *:first-child,
.Footer > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.Footer__inner > *:first-child,
.Footer__inner > section:first-child > *:first-child,
.Footer__inner > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.Footer__inner > *:first-child,
.Footer__inner > section:first-child > *:first-child,
.Footer__inner > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

/* ------------------------------------------------------
 * Footer__guide
------------------------------------------------------ */
.footer-pagetop {
  aspect-ratio: 1 / 1;
  z-index: 997;
  position: fixed;
}

.footer-pagetop > *:first-child,
.footer-pagetop > section:first-child > *:first-child,
.footer-pagetop > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.footer-pagetop > a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  text-indent: -100vw;
  white-space: nowrap;
}

.footer-pagetop > a > *:first-child,
.footer-pagetop > a > section:first-child > *:first-child,
.footer-pagetop > a > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.footer-pagetop > a:after {
  display: block;
  position: absolute;
  right: 0;
  background-image: url(/app-files/img/cmn_ic02.svg);
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

/* ------------------------------------------------------
 * Footer__head
------------------------------------------------------ */
.footer__image > img {
  display: block;
}

/* ------------------------------------------------------
 * Footer__body
------------------------------------------------------ */

.Footer__body > *:first-child,
.Footer__body > section:first-child > *:first-child,
.Footer__body > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

/* ----- footer-subnav ----- */

.footer-subnav__link-list {
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-subnav__link-list > *:first-child,
.footer-subnav__link-list > section:first-child > *:first-child,
.footer-subnav__link-list > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.footer-subnav__link-list > li {
  position: relative;
  font-size: 1.3rem;
}

.footer-subnav__link-list > li > *:first-child,
.footer-subnav__link-list > li > section:first-child > *:first-child,
.footer-subnav__link-list > li > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

.footer-subnav__link-list__type--blank {
  display: inline-block;
  position: relative;
}

.footer-subnav__link-list__type--blank, .footer-subnav__link-list__type--blank:link, .footer-subnav__link-list__type--blank:hover, .footer-subnav__link-list__type--blank:visited, .footer-subnav__link-list__type--blank:focus, .footer-subnav__link-list__type--blank:active {
  color: var(--color__font__TX1);
}

.footer-subnav__link-list__type--blank:after {
  display: inline-block;
  align-self: center;
  width: 14px;
  height: 14px;
  margin-top: -3px;
  margin-left: 2px;
  background-image: url(/app-files/img/cmn_ic01_01.webp);
  background-repeat: no-repeat;
  vertical-align: middle;
  content: "";
}

.footer-subnav__link-list__type--blank > *:first-child,
.footer-subnav__link-list__type--blank > section:first-child > *:first-child,
.footer-subnav__link-list__type--blank > [class^="list-wrap"] > *:first-child {
  margin-top: 0 !important;
}

/* ----- footer-copyright ----- */
.footer-copyright {
  background-color: #DFD9B5;
  text-align: center;
}

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

.footer-copyright__label {
  color: #71A127;
  font-size: 1.2rem;
  line-height: 40px;
}

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

/* ------------------------------------------------------
 * Print
------------------------------------------------------ */

/* ------------------------------------------------------
 * Path
------------------------------------------------------ */
/*----- 背景画像用パス -----*/
/* ------------------------------------------------------
 * Override
------------------------------------------------------ */

/* ------------------------------------------------------
 * PageComponent
------------------------------------------------------ */
button {
  -webkit-appearance: none;
          appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background-color: transparent;
  cursor: pointer;
}

/* ----- home-layout ----- */
.icon-index-layout {
  max-width: 990px;
  margin: 0 auto;
  padding: 40px 15px 60px;
}

/* ----- icon-index-heading1 ----- */
.icon-index-heading1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 5px solid #97cc67;
}

.icon-index-heading1__title {
  margin: 0;
  font-size: 20px;
  font-weight: bold;
}

.icon-index-heading1__close {
  margin: 0;
  text-align: right;
}

.icon-index-heading1__close__button {
  padding-left: 19px;
  background-image: url(/app-files/img/cmn_ic03.svg);
  background-position: left center;
  background-repeat: no-repeat;
  background-size: 14px auto;
  font-size: 14px;
}

/* ----- icon-index-list ----- */
.icon-index-list {
  margin: 0;
  margin-top: 20px;
  padding: 0;
  list-style: none;
}

.icon-index-list__item {
  margin-right: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #ccc;
}

.icon-index-list__item__inner {
  display: flex;
}

.icon-index-list__item:nth-child(2n) {
  margin-right: 0;
}

.icon-index-list__image {
  width: 50px;
  margin-right: 10px;
  white-space: nowrap;
}

.icon-index-list__body {
  flex: 1 1;
  font-size: 14px;
}

.icon-index-list__title {
  font-weight: bold;
}

/* ----- icon-index-link ----- */
.icon-index-list__description > .icon-index-link {
  color: #333;
  text-decoration: underline;
}

.icon-index-list__description > .icon-index-link:hover {
  color: #f66622;
  transition: all .3s;
}

/* ------------------------------------------------------
 * Print
------------------------------------------------------ */

@media print, screen and (min-width: 768px) {
  .util-link--blank:after, .util-link--pdf:after, .util-link--excel:after, .util-link--word:after, .util-link--powerpoint:after, .util-link--zip:after, .util-link--video:after, .util-link--modal:after, .util-link--rss:after {
    width: 14px;
    height: 14px;
  }
  :root {
    --col__2col: 58.2rem;
    --col__3col: 37.6rem;
    --col__4col: 27.3rem;
    --col__5col: 21.12rem;
    --col__6col: 17rem;
    --color__badge__high: #eec2c2;
    --color__badge__low: #dedede;
    --color__badge__middle: #c0ddee;
    --color__base__accent: #f66622;
    --color__base__black: #333333;
    --color__base__main: #97cc67;
    --color__base__secondary: #b8a070;
    --color__base__white: white;
    --color__bg__base: var(--color__base__white);
    --color__border__1: #999999;
    --color__border__2: #cccccc;
    --color__font__hover: var(--color__base__accent);
    --color__font__link: #d45500;
    --color__font__noLink: var(--color__font__TX1);
    --color__font__red: #e60505;
    --color__font__TX1: #333333;
    --color__font__TX2: #666666;
    --color__icon__blank: #666666;
    --color__icon__hover: var(--color__base__secondary);
    --color__icon__link: var(--color__base__main);
    --color__icon__noLink: var(--color__font__noLink);
    --color__icon__other: #666666;
    --color__news__category--1: #c6cddd;
    --color__news__category--2: #ddc6c6;
    --color__news__category--3: #dddcc6;
    --color__news__category--4: #c6ddcc;
    --color__news__category--5: #d8c6dd;
    --color__sub__1: #db8938;
    --color__sub__10: var(--color__font__red);
    --color__sub__2: #583a1c;
    --color__sub__3: #fbf8ec;
    --color__sub__4: #fcfaf2;
    --color__sub__5: #6eb92c;
    --color__sub__6: #f2e4d6;
    --color__sub__7: #1ab900;
    --color__sub__8: #1bc755;
    --color__sub__9: #aaaaaa;
    --font__font-family: 'Yu Gothic';
    --font__font-size--L: 1.8rem;
    --font__font-size--M: 1.6rem;
    --font__font-size--S: 1.4rem;
    --font__font-size--text-field: 1.6rem;
    --font__font-size--XL: 2rem;
    --font__font-size--XS: 1.3rem;
    --format__content-W: 96rem;
    --format__viewport-minW: 99rem;
    --format__viewport-W: 192rem;
    --gap__col-gap: 3.6rem;
    --gap__link-gap: 0.5rem;
    --icon__arrow-H: 1.4rem;
    --icon__arrow-W: 0.8rem;
    --icon__base-size: 1.4rem;
    --radius__BT-L: 3rem;
    --radius__BT-M: var(--radius__M);
    --radius__L: 1rem;
    --radius__M: 0.8rem;
  }
  body {
    max-width: 1920px;
    margin: 0 auto;
    font-family: var(--font__font-family), "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif;
    font-weight: 500;
    line-height: 1.6;
  }
  a[href^="tel:"] {
    display: inline-block !important;
    outline: none;
    color: var(--color__font__TX1);
    text-decoration: none;
    cursor: default;
    pointer-events: none;
  }
  input,
  select,
  textarea,
  button,
  pre {
    font-family: var(--font__font-family), "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif;
    line-height: 1.6;
  }
  .util-pc-hidden {
    display: none !important;
  }
  .util-bold {
    font-weight: 700 !important;
  }
  .util-highlight--main {
    font-weight: 700 !important;
  }
  .util-highlight--secondary {
    font-weight: 700 !important;
  }
  .util-highlight--accent {
    font-weight: 700 !important;
  }
  .util-highlight--white {
    font-weight: 700 !important;
  }
  .util-highlight--black {
    font-weight: 700 !important;
  }
  .util-highlight--base {
    font-weight: 700 !important;
  }
  .util-highlight--base2 {
    font-weight: 700 !important;
  }
  .util-highlight--disable {
    font-weight: 700 !important;
  }
  .util-highlight--placeholder {
    font-weight: 700 !important;
  }
  .util-highlight--bright {
    font-weight: 700 !important;
  }
  .util-highlight--red {
    font-weight: 700 !important;
  }
  .util-link:hover, .util-link--blank:hover, .util-link--pdf:hover, .util-link--excel:hover, .util-link--word:hover, .util-link--powerpoint:hover, .util-link--zip:hover, .util-link--video:hover, .util-link--modal:hover, .util-link--rss:hover {
    -webkit-text-decoration-style: dashed;
    text-decoration-thickness: 1px;
    color: var(--color__font__hover);
            text-decoration-style: dashed;
  }
  .util-badge, .util-badge--high, .util-badge--middle, .util-badge--low {
    min-width: 104px;
    height: 25px;
    padding: 3px 10px 0;
    font-weight: 700;
  }
  [data-col-pc] {
    gap: 2rem 36px;
  }
  [data-col-pc][data-col-pc="1"] {
    display: grid;
    grid-template-columns: auto;
  }
  [data-col-pc]:not([data-col-pc="1"]) {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  [data-col-pc="1"] > * {
    width: 100%;
  }
  [data-col-pc="2"] > * {
    width: calc((100% - (36px)) / 2);
  }
  [data-col-pc="3"] > * {
    width: calc((100% - (72px)) / 3);
  }
  [data-col-pc="4"] > * {
    width: calc((100% - (108px)) / 4);
  }
  [data-col-pc="5"] > * {
    width: calc((100% - (144px)) / 5);
  }
  [data-col-pc="6"] > * {
    width: calc((100% - (180px)) / 6);
  }
  [data-size-pc="1col"] {
    width: 100%;
  }
  [data-size-pc="1col"] > * {
    width: 100%;
  }
  [data-size-pc="2col"] {
    width: calc((100% - (36px * (2 - 1))) / 2);
  }
  [data-size-pc="1/2col"] {
    width: calc(100% - ((100% - (36px * (2 - 1))) / 2) - 36px) !important;
  }
  [data-size-pc="2col"] > * {
    width: 100%;
  }
  [data-size-pc="3col"] {
    width: calc((100% - (36px * (3 - 1))) / 3);
  }
  [data-size-pc="2/3col"] {
    width: calc(100% - ((100% - (36px * (3 - 1))) / 3) - 36px) !important;
  }
  [data-size-pc="3col"] > * {
    width: 100%;
  }
  [data-size-pc="4col"] {
    width: calc((100% - (36px * (4 - 1))) / 4);
  }
  [data-size-pc="3/4col"] {
    width: calc(100% - ((100% - (36px * (4 - 1))) / 4) - 36px) !important;
  }
  [data-size-pc="4col"] > * {
    width: 100%;
  }
  [data-size-pc="5col"] {
    width: calc((100% - (36px * (5 - 1))) / 5);
  }
  [data-size-pc="4/5col"] {
    width: calc(100% - ((100% - (36px * (5 - 1))) / 5) - 36px) !important;
  }
  [data-size-pc="5col"] > * {
    width: 100%;
  }
  [data-size-pc="6col"] {
    width: calc((100% - (36px * (6 - 1))) / 6);
  }
  [data-size-pc="5/6col"] {
    width: calc(100% - ((100% - (36px * (6 - 1))) / 6) - 36px) !important;
  }
  [data-size-pc="6col"] > * {
    width: 100%;
  }
  [data-size-pc="1per"] {
    width: 1% !important;
  }
  [data-size-pc="1per"] > * {
    width: 100%;
  }
  [data-size-pc="2per"] {
    width: 2% !important;
  }
  [data-size-pc="2per"] > * {
    width: 100%;
  }
  [data-size-pc="3per"] {
    width: 3% !important;
  }
  [data-size-pc="3per"] > * {
    width: 100%;
  }
  [data-size-pc="4per"] {
    width: 4% !important;
  }
  [data-size-pc="4per"] > * {
    width: 100%;
  }
  [data-size-pc="5per"] {
    width: 5% !important;
  }
  [data-size-pc="5per"] > * {
    width: 100%;
  }
  [data-size-pc="6per"] {
    width: 6% !important;
  }
  [data-size-pc="6per"] > * {
    width: 100%;
  }
  [data-size-pc="7per"] {
    width: 7% !important;
  }
  [data-size-pc="7per"] > * {
    width: 100%;
  }
  [data-size-pc="8per"] {
    width: 8% !important;
  }
  [data-size-pc="8per"] > * {
    width: 100%;
  }
  [data-size-pc="9per"] {
    width: 9% !important;
  }
  [data-size-pc="9per"] > * {
    width: 100%;
  }
  [data-size-pc="10per"] {
    width: 10% !important;
  }
  [data-size-pc="10per"] > * {
    width: 100%;
  }
  [data-size-pc="11per"] {
    width: 11% !important;
  }
  [data-size-pc="11per"] > * {
    width: 100%;
  }
  [data-size-pc="12per"] {
    width: 12% !important;
  }
  [data-size-pc="12per"] > * {
    width: 100%;
  }
  [data-size-pc="13per"] {
    width: 13% !important;
  }
  [data-size-pc="13per"] > * {
    width: 100%;
  }
  [data-size-pc="14per"] {
    width: 14% !important;
  }
  [data-size-pc="14per"] > * {
    width: 100%;
  }
  [data-size-pc="15per"] {
    width: 15% !important;
  }
  [data-size-pc="15per"] > * {
    width: 100%;
  }
  [data-size-pc="16per"] {
    width: 16% !important;
  }
  [data-size-pc="16per"] > * {
    width: 100%;
  }
  [data-size-pc="17per"] {
    width: 17% !important;
  }
  [data-size-pc="17per"] > * {
    width: 100%;
  }
  [data-size-pc="18per"] {
    width: 18% !important;
  }
  [data-size-pc="18per"] > * {
    width: 100%;
  }
  [data-size-pc="19per"] {
    width: 19% !important;
  }
  [data-size-pc="19per"] > * {
    width: 100%;
  }
  [data-size-pc="20per"] {
    width: 20% !important;
  }
  [data-size-pc="20per"] > * {
    width: 100%;
  }
  [data-size-pc="21per"] {
    width: 21% !important;
  }
  [data-size-pc="21per"] > * {
    width: 100%;
  }
  [data-size-pc="22per"] {
    width: 22% !important;
  }
  [data-size-pc="22per"] > * {
    width: 100%;
  }
  [data-size-pc="23per"] {
    width: 23% !important;
  }
  [data-size-pc="23per"] > * {
    width: 100%;
  }
  [data-size-pc="24per"] {
    width: 24% !important;
  }
  [data-size-pc="24per"] > * {
    width: 100%;
  }
  [data-size-pc="25per"] {
    width: 25% !important;
  }
  [data-size-pc="25per"] > * {
    width: 100%;
  }
  [data-size-pc="26per"] {
    width: 26% !important;
  }
  [data-size-pc="26per"] > * {
    width: 100%;
  }
  [data-size-pc="27per"] {
    width: 27% !important;
  }
  [data-size-pc="27per"] > * {
    width: 100%;
  }
  [data-size-pc="28per"] {
    width: 28% !important;
  }
  [data-size-pc="28per"] > * {
    width: 100%;
  }
  [data-size-pc="29per"] {
    width: 29% !important;
  }
  [data-size-pc="29per"] > * {
    width: 100%;
  }
  [data-size-pc="30per"] {
    width: 30% !important;
  }
  [data-size-pc="30per"] > * {
    width: 100%;
  }
  [data-size-pc="31per"] {
    width: 31% !important;
  }
  [data-size-pc="31per"] > * {
    width: 100%;
  }
  [data-size-pc="32per"] {
    width: 32% !important;
  }
  [data-size-pc="32per"] > * {
    width: 100%;
  }
  [data-size-pc="33per"] {
    width: 33% !important;
  }
  [data-size-pc="33per"] > * {
    width: 100%;
  }
  [data-size-pc="34per"] {
    width: 34% !important;
  }
  [data-size-pc="34per"] > * {
    width: 100%;
  }
  [data-size-pc="35per"] {
    width: 35% !important;
  }
  [data-size-pc="35per"] > * {
    width: 100%;
  }
  [data-size-pc="36per"] {
    width: 36% !important;
  }
  [data-size-pc="36per"] > * {
    width: 100%;
  }
  [data-size-pc="37per"] {
    width: 37% !important;
  }
  [data-size-pc="37per"] > * {
    width: 100%;
  }
  [data-size-pc="38per"] {
    width: 38% !important;
  }
  [data-size-pc="38per"] > * {
    width: 100%;
  }
  [data-size-pc="39per"] {
    width: 39% !important;
  }
  [data-size-pc="39per"] > * {
    width: 100%;
  }
  [data-size-pc="40per"] {
    width: 40% !important;
  }
  [data-size-pc="40per"] > * {
    width: 100%;
  }
  [data-size-pc="41per"] {
    width: 41% !important;
  }
  [data-size-pc="41per"] > * {
    width: 100%;
  }
  [data-size-pc="42per"] {
    width: 42% !important;
  }
  [data-size-pc="42per"] > * {
    width: 100%;
  }
  [data-size-pc="43per"] {
    width: 43% !important;
  }
  [data-size-pc="43per"] > * {
    width: 100%;
  }
  [data-size-pc="44per"] {
    width: 44% !important;
  }
  [data-size-pc="44per"] > * {
    width: 100%;
  }
  [data-size-pc="45per"] {
    width: 45% !important;
  }
  [data-size-pc="45per"] > * {
    width: 100%;
  }
  [data-size-pc="46per"] {
    width: 46% !important;
  }
  [data-size-pc="46per"] > * {
    width: 100%;
  }
  [data-size-pc="47per"] {
    width: 47% !important;
  }
  [data-size-pc="47per"] > * {
    width: 100%;
  }
  [data-size-pc="48per"] {
    width: 48% !important;
  }
  [data-size-pc="48per"] > * {
    width: 100%;
  }
  [data-size-pc="49per"] {
    width: 49% !important;
  }
  [data-size-pc="49per"] > * {
    width: 100%;
  }
  [data-size-pc="50per"] {
    width: 50% !important;
  }
  [data-size-pc="50per"] > * {
    width: 100%;
  }
  [data-size-pc="51per"] {
    width: 51% !important;
  }
  [data-size-pc="51per"] > * {
    width: 100%;
  }
  [data-size-pc="52per"] {
    width: 52% !important;
  }
  [data-size-pc="52per"] > * {
    width: 100%;
  }
  [data-size-pc="53per"] {
    width: 53% !important;
  }
  [data-size-pc="53per"] > * {
    width: 100%;
  }
  [data-size-pc="54per"] {
    width: 54% !important;
  }
  [data-size-pc="54per"] > * {
    width: 100%;
  }
  [data-size-pc="55per"] {
    width: 55% !important;
  }
  [data-size-pc="55per"] > * {
    width: 100%;
  }
  [data-size-pc="56per"] {
    width: 56% !important;
  }
  [data-size-pc="56per"] > * {
    width: 100%;
  }
  [data-size-pc="57per"] {
    width: 57% !important;
  }
  [data-size-pc="57per"] > * {
    width: 100%;
  }
  [data-size-pc="58per"] {
    width: 58% !important;
  }
  [data-size-pc="58per"] > * {
    width: 100%;
  }
  [data-size-pc="59per"] {
    width: 59% !important;
  }
  [data-size-pc="59per"] > * {
    width: 100%;
  }
  [data-size-pc="60per"] {
    width: 60% !important;
  }
  [data-size-pc="60per"] > * {
    width: 100%;
  }
  [data-size-pc="61per"] {
    width: 61% !important;
  }
  [data-size-pc="61per"] > * {
    width: 100%;
  }
  [data-size-pc="62per"] {
    width: 62% !important;
  }
  [data-size-pc="62per"] > * {
    width: 100%;
  }
  [data-size-pc="63per"] {
    width: 63% !important;
  }
  [data-size-pc="63per"] > * {
    width: 100%;
  }
  [data-size-pc="64per"] {
    width: 64% !important;
  }
  [data-size-pc="64per"] > * {
    width: 100%;
  }
  [data-size-pc="65per"] {
    width: 65% !important;
  }
  [data-size-pc="65per"] > * {
    width: 100%;
  }
  [data-size-pc="66per"] {
    width: 66% !important;
  }
  [data-size-pc="66per"] > * {
    width: 100%;
  }
  [data-size-pc="67per"] {
    width: 67% !important;
  }
  [data-size-pc="67per"] > * {
    width: 100%;
  }
  [data-size-pc="68per"] {
    width: 68% !important;
  }
  [data-size-pc="68per"] > * {
    width: 100%;
  }
  [data-size-pc="69per"] {
    width: 69% !important;
  }
  [data-size-pc="69per"] > * {
    width: 100%;
  }
  [data-size-pc="70per"] {
    width: 70% !important;
  }
  [data-size-pc="70per"] > * {
    width: 100%;
  }
  [data-size-pc="71per"] {
    width: 71% !important;
  }
  [data-size-pc="71per"] > * {
    width: 100%;
  }
  [data-size-pc="72per"] {
    width: 72% !important;
  }
  [data-size-pc="72per"] > * {
    width: 100%;
  }
  [data-size-pc="73per"] {
    width: 73% !important;
  }
  [data-size-pc="73per"] > * {
    width: 100%;
  }
  [data-size-pc="74per"] {
    width: 74% !important;
  }
  [data-size-pc="74per"] > * {
    width: 100%;
  }
  [data-size-pc="75per"] {
    width: 75% !important;
  }
  [data-size-pc="75per"] > * {
    width: 100%;
  }
  [data-size-pc="76per"] {
    width: 76% !important;
  }
  [data-size-pc="76per"] > * {
    width: 100%;
  }
  [data-size-pc="77per"] {
    width: 77% !important;
  }
  [data-size-pc="77per"] > * {
    width: 100%;
  }
  [data-size-pc="78per"] {
    width: 78% !important;
  }
  [data-size-pc="78per"] > * {
    width: 100%;
  }
  [data-size-pc="79per"] {
    width: 79% !important;
  }
  [data-size-pc="79per"] > * {
    width: 100%;
  }
  [data-size-pc="80per"] {
    width: 80% !important;
  }
  [data-size-pc="80per"] > * {
    width: 100%;
  }
  [data-size-pc="81per"] {
    width: 81% !important;
  }
  [data-size-pc="81per"] > * {
    width: 100%;
  }
  [data-size-pc="82per"] {
    width: 82% !important;
  }
  [data-size-pc="82per"] > * {
    width: 100%;
  }
  [data-size-pc="83per"] {
    width: 83% !important;
  }
  [data-size-pc="83per"] > * {
    width: 100%;
  }
  [data-size-pc="84per"] {
    width: 84% !important;
  }
  [data-size-pc="84per"] > * {
    width: 100%;
  }
  [data-size-pc="85per"] {
    width: 85% !important;
  }
  [data-size-pc="85per"] > * {
    width: 100%;
  }
  [data-size-pc="86per"] {
    width: 86% !important;
  }
  [data-size-pc="86per"] > * {
    width: 100%;
  }
  [data-size-pc="87per"] {
    width: 87% !important;
  }
  [data-size-pc="87per"] > * {
    width: 100%;
  }
  [data-size-pc="88per"] {
    width: 88% !important;
  }
  [data-size-pc="88per"] > * {
    width: 100%;
  }
  [data-size-pc="89per"] {
    width: 89% !important;
  }
  [data-size-pc="89per"] > * {
    width: 100%;
  }
  [data-size-pc="90per"] {
    width: 90% !important;
  }
  [data-size-pc="90per"] > * {
    width: 100%;
  }
  [data-size-pc="91per"] {
    width: 91% !important;
  }
  [data-size-pc="91per"] > * {
    width: 100%;
  }
  [data-size-pc="92per"] {
    width: 92% !important;
  }
  [data-size-pc="92per"] > * {
    width: 100%;
  }
  [data-size-pc="93per"] {
    width: 93% !important;
  }
  [data-size-pc="93per"] > * {
    width: 100%;
  }
  [data-size-pc="94per"] {
    width: 94% !important;
  }
  [data-size-pc="94per"] > * {
    width: 100%;
  }
  [data-size-pc="95per"] {
    width: 95% !important;
  }
  [data-size-pc="95per"] > * {
    width: 100%;
  }
  [data-size-pc="96per"] {
    width: 96% !important;
  }
  [data-size-pc="96per"] > * {
    width: 100%;
  }
  [data-size-pc="97per"] {
    width: 97% !important;
  }
  [data-size-pc="97per"] > * {
    width: 100%;
  }
  [data-size-pc="98per"] {
    width: 98% !important;
  }
  [data-size-pc="98per"] > * {
    width: 100%;
  }
  [data-size-pc="99per"] {
    width: 99% !important;
  }
  [data-size-pc="99per"] > * {
    width: 100%;
  }
  [data-size-pc="100per"] {
    width: 100% !important;
  }
  [data-size-pc="100per"] > * {
    width: 100%;
  }
  .header-nav__list__type, .header-nav__list__type--blank {
    font-size: 1.4rem;
    font-weight: 700;
  }
  .header-nav__list__type:hover, .header-nav__list__type--blank:hover {
    border-bottom: 5px solid var(--color__base__accent);
    color: var(--color__base__accent);
  }
  .Header {
    background-size: auto 10px;
  }
  .Header__inner {
    max-width: 1020px;
    padding: 1rem 30px 3rem;
  }
  .header-description {
    color: var(--color__font__TX1);
    font-size: 1.3rem;
  }
  .Header__body {
    margin: 1.0rem 0 0;
  }
  .Header__body__inner {
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .header-logo {
    width: 163px;
    height: 50px;
  }
  .header-nav {
    margin: 0.6rem 0 0;
  }
  .Main__content {
    max-width: calc(960px + 30px * 2);
    padding: 3.5rem 30px 6rem;
  }
  .assist-service__inner {
    max-width: calc(960px + 30px * 2);
    padding: 3.0rem;
  }
  .assist-service-link-list {
    gap: 0 2rem;
    flex-flow: row wrap;
  }
  .assist-service-link-list__type--blank:hover {
    color: var(--color__base__accent);
    text-decoration: underline;
  }
  .assist-service-link-list__type--blank:before {
    top: .3em;
  }
  .assist-featured-service {
    padding-inline: 30px;
    gap: 0 2.0rem;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    max-width: calc(960px + 30px * 2);
    margin: 3.0rem auto 0;
  }
  .assist-featured-service__head {
    flex-shrink: 0;
    width: auto;
  }
  .assist-featured-service-link-list {
    gap: 1rem 2rem;
  }
  .assist-featured-service-link-list > li {
    width: auto;
    font-size: 1.3rem;
  }
  .assist-featured-service-link-list__type--blank {
    display: inline-block;
    padding-left: 1.9rem;
  }
  .assist-featured-service-link-list__type--blank:hover {
    color: var(--color__base__accent);
    text-decoration: underline;
  }
  .assist-featured-service-link-list__type--blank:before {
    top: .2em;
    left: 0;
    width: 14px;
    height: 14px;
  }
  .Footer {
    margin: 1.4rem 0 0;
  }
  .footer-pagetop {
    right: 0;
    bottom: 0;
    width: 40px;
  }
  .footer-pagetop > a:after {
    width: 40px;
    height: 40px;
  }
  .Footer__body {
    margin: 3.1rem 0 0;
  }
  .footer-subnav {
    padding-inline: 30px;
  }
  .footer-subnav__link-list {
    gap: 0 2rem;
    flex-flow: row wrap;
  }
  .footer-subnav__link-list__type--blank:hover {
    color: var(--color__base__accent);
    text-decoration: underline;
  }
  .footer-copyright {
    padding-inline: 30px;
    margin: 1.5rem 0 0;
  }
  .Main__content {
    max-width: none;
    padding: 0;
  }
  .icon-index-heading1 {
    max-width: 990px;
    margin: 0 auto;
  }
  .icon-index-heading1__close__button:hover {
    color: var(--color__font__link);
    text-decoration: underline;
    transition: all .3s;
  }
  .icon-index-list {
    display: flex;
    flex-wrap: wrap;
  }
  .icon-index-list__item {
    width: calc((100% - 20px) / 2);
  }
}

@media only screen and (max-width: 767.98px) {
  .util-link--blank:after, .util-link--pdf:after, .util-link--excel:after, .util-link--word:after, .util-link--powerpoint:after, .util-link--zip:after, .util-link--video:after, .util-link--modal:after, .util-link--rss:after {
    width: 14px;
    height: 14px;
  }
  :root {
    --col__2col: 16.5rem;
    --col__3col: 10.5rem;
    --col__4col: 7.5rem;
    --col__5col: 5.7rem;
    --col__6col: 4.5rem;
    --color__badge__high: #eec2c2;
    --color__badge__low: #dedede;
    --color__badge__middle: #c0ddee;
    --color__base__accent: #f66622;
    --color__base__black: #333333;
    --color__base__main: #97cc67;
    --color__base__secondary: #b8a070;
    --color__base__white: white;
    --color__bg__base: var(--color__base__white);
    --color__border__1: #999999;
    --color__border__2: #cccccc;
    --color__font__hover: var(--color__base__accent);
    --color__font__link: #d45500;
    --color__font__noLink: var(--color__font__TX1);
    --color__font__red: #e60505;
    --color__font__TX1: #333333;
    --color__font__TX2: #666666;
    --color__icon__blank: #666666;
    --color__icon__hover: var(--color__base__secondary);
    --color__icon__link: var(--color__base__main);
    --color__icon__noLink: var(--color__font__noLink);
    --color__icon__other: #666666;
    --color__news__category--1: #c6cddd;
    --color__news__category--2: #ddc6c6;
    --color__news__category--3: #dddcc6;
    --color__news__category--4: #c6ddcc;
    --color__news__category--5: #d8c6dd;
    --color__sub__1: #db8938;
    --color__sub__10: var(--color__font__red);
    --color__sub__2: #583a1c;
    --color__sub__3: #fbf8ec;
    --color__sub__4: #fcfaf2;
    --color__sub__5: #6eb92c;
    --color__sub__6: #f2e4d6;
    --color__sub__7: #1ab900;
    --color__sub__8: #1bc755;
    --color__sub__9: #aaaaaa;
    --font__font-family: 'Hiragino Kaku Gothic ProN';
    --font__font-size--L: 1.8rem;
    --font__font-size--M: 1.6rem;
    --font__font-size--S: 1.4rem;
    --font__font-size--text-field: 1.6rem;
    --font__font-size--XL: 2rem;
    --font__font-size--XS: 1.3rem;
    --format__content-W: 34.5rem;
    --format__viewport-minW: 37.5rem;
    --format__viewport-W: 37.5rem;
    --gap__col-gap: 1.5rem;
    --gap__link-gap: 0.5rem;
    --icon__arrow-H: 1.4rem;
    --icon__arrow-W: 0.8rem;
    --icon__base-size: 1.4rem;
    --radius__BT-L: 3rem;
    --radius__BT-M: var(--radius__M);
    --radius__L: 1rem;
    --radius__M: 0.8rem;
  }
  body {
    font-family: var(--font__font-family), "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif;
    font-weight: 400;
    line-height: 1.6;
  }
  input,
  select,
  textarea,
  button,
  pre {
    font-family: var(--font__font-family), "Hiragino Kaku Gothic Pro", "Hiragino Sans", Meiryo, Osaka, Arial, "MS PGothic", sans-serif;
    line-height: 1.6;
  }
  .util-sp-hidden {
    display: none !important;
  }
  .util-bold {
    font-weight: 700 !important;
  }
  .util-highlight--main {
    font-weight: 700 !important;
  }
  .util-highlight--secondary {
    font-weight: 700 !important;
  }
  .util-highlight--accent {
    font-weight: 700 !important;
  }
  .util-highlight--white {
    font-weight: 700 !important;
  }
  .util-highlight--black {
    font-weight: 700 !important;
  }
  .util-highlight--base {
    font-weight: 700 !important;
  }
  .util-highlight--base2 {
    font-weight: 700 !important;
  }
  .util-highlight--disable {
    font-weight: 700 !important;
  }
  .util-highlight--placeholder {
    font-weight: 700 !important;
  }
  .util-highlight--bright {
    font-weight: 700 !important;
  }
  .util-highlight--red {
    font-weight: 700 !important;
  }
  .util-badge, .util-badge--high, .util-badge--middle, .util-badge--low {
    min-width: 104px;
    height: 22px;
    padding: 3px 11px;
    font-weight: 700;
  }
  [data-col-sp] {
    gap: 2rem 15px;
  }
  [data-col-sp][data-col-sp="1"] {
    display: grid;
    grid-template-columns: auto;
  }
  [data-col-sp]:not([data-col-sp="1"]) {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
  }
  [data-col-sp="1"] > * {
    width: 100%;
  }
  [data-col-sp="2"] > * {
    width: calc((100% - (15px)) / 2);
  }
  [data-col-sp="3"] > * {
    width: calc((100% - (30px)) / 3);
  }
  [data-size-sp="1col"] {
    width: 100%;
  }
  [data-size-sp="1col"] > * {
    width: 100%;
  }
  [data-size-sp="2col"] {
    width: calc((100% - (15px * (2 - 1))) / 2);
  }
  [data-size-sp="1/2col"] {
    width: calc(100% - ((100% - (15px * (2 - 1))) / 2) - 15px) !important;
  }
  [data-size-sp="2col"] > * {
    width: 100%;
  }
  [data-size-sp="3col"] {
    width: calc((100% - (15px * (3 - 1))) / 3);
  }
  [data-size-sp="2/3col"] {
    width: calc(100% - ((100% - (15px * (3 - 1))) / 3) - 15px) !important;
  }
  [data-size-sp="3col"] > * {
    width: 100%;
  }
  [data-size-sp="1per"] {
    width: 1% !important;
  }
  [data-size-sp="1per"] > * {
    width: 100%;
  }
  [data-size-sp="2per"] {
    width: 2% !important;
  }
  [data-size-sp="2per"] > * {
    width: 100%;
  }
  [data-size-sp="3per"] {
    width: 3% !important;
  }
  [data-size-sp="3per"] > * {
    width: 100%;
  }
  [data-size-sp="4per"] {
    width: 4% !important;
  }
  [data-size-sp="4per"] > * {
    width: 100%;
  }
  [data-size-sp="5per"] {
    width: 5% !important;
  }
  [data-size-sp="5per"] > * {
    width: 100%;
  }
  [data-size-sp="6per"] {
    width: 6% !important;
  }
  [data-size-sp="6per"] > * {
    width: 100%;
  }
  [data-size-sp="7per"] {
    width: 7% !important;
  }
  [data-size-sp="7per"] > * {
    width: 100%;
  }
  [data-size-sp="8per"] {
    width: 8% !important;
  }
  [data-size-sp="8per"] > * {
    width: 100%;
  }
  [data-size-sp="9per"] {
    width: 9% !important;
  }
  [data-size-sp="9per"] > * {
    width: 100%;
  }
  [data-size-sp="10per"] {
    width: 10% !important;
  }
  [data-size-sp="10per"] > * {
    width: 100%;
  }
  [data-size-sp="11per"] {
    width: 11% !important;
  }
  [data-size-sp="11per"] > * {
    width: 100%;
  }
  [data-size-sp="12per"] {
    width: 12% !important;
  }
  [data-size-sp="12per"] > * {
    width: 100%;
  }
  [data-size-sp="13per"] {
    width: 13% !important;
  }
  [data-size-sp="13per"] > * {
    width: 100%;
  }
  [data-size-sp="14per"] {
    width: 14% !important;
  }
  [data-size-sp="14per"] > * {
    width: 100%;
  }
  [data-size-sp="15per"] {
    width: 15% !important;
  }
  [data-size-sp="15per"] > * {
    width: 100%;
  }
  [data-size-sp="16per"] {
    width: 16% !important;
  }
  [data-size-sp="16per"] > * {
    width: 100%;
  }
  [data-size-sp="17per"] {
    width: 17% !important;
  }
  [data-size-sp="17per"] > * {
    width: 100%;
  }
  [data-size-sp="18per"] {
    width: 18% !important;
  }
  [data-size-sp="18per"] > * {
    width: 100%;
  }
  [data-size-sp="19per"] {
    width: 19% !important;
  }
  [data-size-sp="19per"] > * {
    width: 100%;
  }
  [data-size-sp="20per"] {
    width: 20% !important;
  }
  [data-size-sp="20per"] > * {
    width: 100%;
  }
  [data-size-sp="21per"] {
    width: 21% !important;
  }
  [data-size-sp="21per"] > * {
    width: 100%;
  }
  [data-size-sp="22per"] {
    width: 22% !important;
  }
  [data-size-sp="22per"] > * {
    width: 100%;
  }
  [data-size-sp="23per"] {
    width: 23% !important;
  }
  [data-size-sp="23per"] > * {
    width: 100%;
  }
  [data-size-sp="24per"] {
    width: 24% !important;
  }
  [data-size-sp="24per"] > * {
    width: 100%;
  }
  [data-size-sp="25per"] {
    width: 25% !important;
  }
  [data-size-sp="25per"] > * {
    width: 100%;
  }
  [data-size-sp="26per"] {
    width: 26% !important;
  }
  [data-size-sp="26per"] > * {
    width: 100%;
  }
  [data-size-sp="27per"] {
    width: 27% !important;
  }
  [data-size-sp="27per"] > * {
    width: 100%;
  }
  [data-size-sp="28per"] {
    width: 28% !important;
  }
  [data-size-sp="28per"] > * {
    width: 100%;
  }
  [data-size-sp="29per"] {
    width: 29% !important;
  }
  [data-size-sp="29per"] > * {
    width: 100%;
  }
  [data-size-sp="30per"] {
    width: 30% !important;
  }
  [data-size-sp="30per"] > * {
    width: 100%;
  }
  [data-size-sp="31per"] {
    width: 31% !important;
  }
  [data-size-sp="31per"] > * {
    width: 100%;
  }
  [data-size-sp="32per"] {
    width: 32% !important;
  }
  [data-size-sp="32per"] > * {
    width: 100%;
  }
  [data-size-sp="33per"] {
    width: 33% !important;
  }
  [data-size-sp="33per"] > * {
    width: 100%;
  }
  [data-size-sp="34per"] {
    width: 34% !important;
  }
  [data-size-sp="34per"] > * {
    width: 100%;
  }
  [data-size-sp="35per"] {
    width: 35% !important;
  }
  [data-size-sp="35per"] > * {
    width: 100%;
  }
  [data-size-sp="36per"] {
    width: 36% !important;
  }
  [data-size-sp="36per"] > * {
    width: 100%;
  }
  [data-size-sp="37per"] {
    width: 37% !important;
  }
  [data-size-sp="37per"] > * {
    width: 100%;
  }
  [data-size-sp="38per"] {
    width: 38% !important;
  }
  [data-size-sp="38per"] > * {
    width: 100%;
  }
  [data-size-sp="39per"] {
    width: 39% !important;
  }
  [data-size-sp="39per"] > * {
    width: 100%;
  }
  [data-size-sp="40per"] {
    width: 40% !important;
  }
  [data-size-sp="40per"] > * {
    width: 100%;
  }
  [data-size-sp="41per"] {
    width: 41% !important;
  }
  [data-size-sp="41per"] > * {
    width: 100%;
  }
  [data-size-sp="42per"] {
    width: 42% !important;
  }
  [data-size-sp="42per"] > * {
    width: 100%;
  }
  [data-size-sp="43per"] {
    width: 43% !important;
  }
  [data-size-sp="43per"] > * {
    width: 100%;
  }
  [data-size-sp="44per"] {
    width: 44% !important;
  }
  [data-size-sp="44per"] > * {
    width: 100%;
  }
  [data-size-sp="45per"] {
    width: 45% !important;
  }
  [data-size-sp="45per"] > * {
    width: 100%;
  }
  [data-size-sp="46per"] {
    width: 46% !important;
  }
  [data-size-sp="46per"] > * {
    width: 100%;
  }
  [data-size-sp="47per"] {
    width: 47% !important;
  }
  [data-size-sp="47per"] > * {
    width: 100%;
  }
  [data-size-sp="48per"] {
    width: 48% !important;
  }
  [data-size-sp="48per"] > * {
    width: 100%;
  }
  [data-size-sp="49per"] {
    width: 49% !important;
  }
  [data-size-sp="49per"] > * {
    width: 100%;
  }
  [data-size-sp="50per"] {
    width: 50% !important;
  }
  [data-size-sp="50per"] > * {
    width: 100%;
  }
  [data-size-sp="51per"] {
    width: 51% !important;
  }
  [data-size-sp="51per"] > * {
    width: 100%;
  }
  [data-size-sp="52per"] {
    width: 52% !important;
  }
  [data-size-sp="52per"] > * {
    width: 100%;
  }
  [data-size-sp="53per"] {
    width: 53% !important;
  }
  [data-size-sp="53per"] > * {
    width: 100%;
  }
  [data-size-sp="54per"] {
    width: 54% !important;
  }
  [data-size-sp="54per"] > * {
    width: 100%;
  }
  [data-size-sp="55per"] {
    width: 55% !important;
  }
  [data-size-sp="55per"] > * {
    width: 100%;
  }
  [data-size-sp="56per"] {
    width: 56% !important;
  }
  [data-size-sp="56per"] > * {
    width: 100%;
  }
  [data-size-sp="57per"] {
    width: 57% !important;
  }
  [data-size-sp="57per"] > * {
    width: 100%;
  }
  [data-size-sp="58per"] {
    width: 58% !important;
  }
  [data-size-sp="58per"] > * {
    width: 100%;
  }
  [data-size-sp="59per"] {
    width: 59% !important;
  }
  [data-size-sp="59per"] > * {
    width: 100%;
  }
  [data-size-sp="60per"] {
    width: 60% !important;
  }
  [data-size-sp="60per"] > * {
    width: 100%;
  }
  [data-size-sp="61per"] {
    width: 61% !important;
  }
  [data-size-sp="61per"] > * {
    width: 100%;
  }
  [data-size-sp="62per"] {
    width: 62% !important;
  }
  [data-size-sp="62per"] > * {
    width: 100%;
  }
  [data-size-sp="63per"] {
    width: 63% !important;
  }
  [data-size-sp="63per"] > * {
    width: 100%;
  }
  [data-size-sp="64per"] {
    width: 64% !important;
  }
  [data-size-sp="64per"] > * {
    width: 100%;
  }
  [data-size-sp="65per"] {
    width: 65% !important;
  }
  [data-size-sp="65per"] > * {
    width: 100%;
  }
  [data-size-sp="66per"] {
    width: 66% !important;
  }
  [data-size-sp="66per"] > * {
    width: 100%;
  }
  [data-size-sp="67per"] {
    width: 67% !important;
  }
  [data-size-sp="67per"] > * {
    width: 100%;
  }
  [data-size-sp="68per"] {
    width: 68% !important;
  }
  [data-size-sp="68per"] > * {
    width: 100%;
  }
  [data-size-sp="69per"] {
    width: 69% !important;
  }
  [data-size-sp="69per"] > * {
    width: 100%;
  }
  [data-size-sp="70per"] {
    width: 70% !important;
  }
  [data-size-sp="70per"] > * {
    width: 100%;
  }
  [data-size-sp="71per"] {
    width: 71% !important;
  }
  [data-size-sp="71per"] > * {
    width: 100%;
  }
  [data-size-sp="72per"] {
    width: 72% !important;
  }
  [data-size-sp="72per"] > * {
    width: 100%;
  }
  [data-size-sp="73per"] {
    width: 73% !important;
  }
  [data-size-sp="73per"] > * {
    width: 100%;
  }
  [data-size-sp="74per"] {
    width: 74% !important;
  }
  [data-size-sp="74per"] > * {
    width: 100%;
  }
  [data-size-sp="75per"] {
    width: 75% !important;
  }
  [data-size-sp="75per"] > * {
    width: 100%;
  }
  [data-size-sp="76per"] {
    width: 76% !important;
  }
  [data-size-sp="76per"] > * {
    width: 100%;
  }
  [data-size-sp="77per"] {
    width: 77% !important;
  }
  [data-size-sp="77per"] > * {
    width: 100%;
  }
  [data-size-sp="78per"] {
    width: 78% !important;
  }
  [data-size-sp="78per"] > * {
    width: 100%;
  }
  [data-size-sp="79per"] {
    width: 79% !important;
  }
  [data-size-sp="79per"] > * {
    width: 100%;
  }
  [data-size-sp="80per"] {
    width: 80% !important;
  }
  [data-size-sp="80per"] > * {
    width: 100%;
  }
  [data-size-sp="81per"] {
    width: 81% !important;
  }
  [data-size-sp="81per"] > * {
    width: 100%;
  }
  [data-size-sp="82per"] {
    width: 82% !important;
  }
  [data-size-sp="82per"] > * {
    width: 100%;
  }
  [data-size-sp="83per"] {
    width: 83% !important;
  }
  [data-size-sp="83per"] > * {
    width: 100%;
  }
  [data-size-sp="84per"] {
    width: 84% !important;
  }
  [data-size-sp="84per"] > * {
    width: 100%;
  }
  [data-size-sp="85per"] {
    width: 85% !important;
  }
  [data-size-sp="85per"] > * {
    width: 100%;
  }
  [data-size-sp="86per"] {
    width: 86% !important;
  }
  [data-size-sp="86per"] > * {
    width: 100%;
  }
  [data-size-sp="87per"] {
    width: 87% !important;
  }
  [data-size-sp="87per"] > * {
    width: 100%;
  }
  [data-size-sp="88per"] {
    width: 88% !important;
  }
  [data-size-sp="88per"] > * {
    width: 100%;
  }
  [data-size-sp="89per"] {
    width: 89% !important;
  }
  [data-size-sp="89per"] > * {
    width: 100%;
  }
  [data-size-sp="90per"] {
    width: 90% !important;
  }
  [data-size-sp="90per"] > * {
    width: 100%;
  }
  [data-size-sp="91per"] {
    width: 91% !important;
  }
  [data-size-sp="91per"] > * {
    width: 100%;
  }
  [data-size-sp="92per"] {
    width: 92% !important;
  }
  [data-size-sp="92per"] > * {
    width: 100%;
  }
  [data-size-sp="93per"] {
    width: 93% !important;
  }
  [data-size-sp="93per"] > * {
    width: 100%;
  }
  [data-size-sp="94per"] {
    width: 94% !important;
  }
  [data-size-sp="94per"] > * {
    width: 100%;
  }
  [data-size-sp="95per"] {
    width: 95% !important;
  }
  [data-size-sp="95per"] > * {
    width: 100%;
  }
  [data-size-sp="96per"] {
    width: 96% !important;
  }
  [data-size-sp="96per"] > * {
    width: 100%;
  }
  [data-size-sp="97per"] {
    width: 97% !important;
  }
  [data-size-sp="97per"] > * {
    width: 100%;
  }
  [data-size-sp="98per"] {
    width: 98% !important;
  }
  [data-size-sp="98per"] > * {
    width: 100%;
  }
  [data-size-sp="99per"] {
    width: 99% !important;
  }
  [data-size-sp="99per"] > * {
    width: 100%;
  }
  [data-size-sp="100per"] {
    width: 100% !important;
  }
  [data-size-sp="100per"] > * {
    width: 100%;
  }
  .header-nav__list__type, .header-nav__list__type--blank {
    font-size: 1.3rem;
    font-weight: 700;
  }
  .Header {
    background-size: auto 5px;
  }
  .Header__inner {
    padding: 1rem 15px 2rem;
  }
  .Header__head {
    display: none;
  }
  .Header__body__inner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .header-logo {
    width: 130px;
    height: 40px;
  }
  .header-nav {
    margin: 1rem 0 0;
  }
  .Main__content {
    padding: 2.2rem 15px 4rem;
  }
  .assist-service__inner {
    padding: 3rem 15px;
  }
  .assist-service-link-list {
    gap: 1.5rem 0;
    flex-direction: column;
  }
  .assist-service-link-list__type--blank:before {
    top: .2em;
  }
  .assist-featured-service {
    flex-direction: column;
    margin: 2.0rem auto 0;
  }
  .assist-featured-service__title {
    text-align: center;
  }
  .assist-featured-service__body {
    border-top: 1px solid #DFD9B5;
  }
  .assist-featured-service-link-list > li {
    display: flex;
    align-items: center;
    width: 50%;
    border-bottom: 1px solid #DFD9B5;
    font-size: 1.2rem;
  }
  .assist-featured-service-link-list > li:nth-of-type(2n) {
    border-left: 1px solid #DFD9B5;
  }
  .assist-featured-service-link-list__type--blank {
    display: block;
    width: 100%;
    padding: 1.0rem 0.5rem 1.0rem 2.2rem;
  }
  .assist-featured-service-link-list__type--blank:before {
    -webkit-transform: translateY(-50%);
    top: 50%;
    left: 5px;
    width: 12px;
    height: 12px;
            transform: translateY(-50%);
  }
  .assist-sp-hidden {
    display: none;
  }
  .Footer {
    margin: 1.5rem 0 0;
  }
  .footer-pagetop {
    right: 0;
    bottom: 0;
    width: 40px;
  }
  .footer-pagetop > a:after {
    width: 40px;
    height: 40px;
  }
  .Footer__body {
    margin: 3.2rem 0 0;
  }
  .footer-subnav {
    padding-inline: 15px;
    display: flex;
    justify-content: center;
  }
  .footer-subnav__link-list {
    gap: 1rem 0;
    flex-direction: column;
  }
  .footer-subnav__link-list > li {
    text-align: center;
  }
  .footer-copyright {
    padding-inline: 15px;
    margin: 1.5rem 0 0;
  }
  .Main__content {
    padding: 0;
  }
  .Main__head {
    max-width: 990px;
    margin: 0 auto;
    padding: 40px 15px 0;
  }
  .icon-index-heading1 {
    max-width: 990px;
    margin: 0 auto;
  }
  .icon-index-heading1__title {
    font-size: 16px;
  }
  .icon-index-list__item {
    max-width: 100%;
  }
}

@media print, screen and (min-width: 1020px) {
  body.is-liquid {
    min-width: auto !important;
  }
  body.is-liquid .Main__content {
    max-width: 100% !important;
  }
}

@media print {
  body {
    page: print-width;
    width: 1260px !important;
    margin: 0 auto !important;
  }
  body[data-browser^="ie"] {
    zoom: 1.9 !important;
    -webkit-transform: scale(0.45) !important;
    -webkit-transform-origin: 0 0 !important;
            transform: scale(0.45) !important;
            transform-origin: 0 0 !important;
  }
  body[data-browser="chrome"] {
    zoom: .85;
  }
  .footer__image img {
    display: block;
    width: 100% !important;
  }
}

@media only screen and (max-width: 1019.98px) {
  .Main__content {
    max-width: 100%;
  }
}