@charset "UTF-8";
/* ===============================================
  初期設定及び基本設定
=============================================== */
/* --------------------------------------------
   HTML5 display definitions
-------------------------------------------- */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
  margin: 0;
  padding: 0;
}

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

audio:not([controls]) {
  display: none;
  height: 0;
}

/* Addresses styling for `hidden` attribute not present in IE 8/9. */
[hidden] {
  display: none;
}

/* --------------------------------------------
   Reset and Base
-------------------------------------------- */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table th,
tr,
td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
  empty-cells: show;
}

caption,
th {
  text-align: left;
}

img,
a img {
  border: 0;
}

img {
  vertical-align: bottom;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 500;
  line-height: 1.1;
}

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

a:active,
a:hover {
  outline: 0;
}

address {
  display: block;
  font-style: normal;
  line-height: 1.5;
}

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

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

/* ========= Forms ========= */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

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

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

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

/* ========= clear ========= */
.clear {
  clear: both !important;
}

.clearfix:after {
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  display: block;
  content: "[.]";
}

/* clearfix for ie7 */
.clearfix {
  display: inline-block;
}

.clearfix {
  display: block;
}

/* --------------------------------------------
  全ページ共通基本設定
-------------------------------------------- */
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #222;
  background-color: #fff;
}

/* ========= link ========= */
a {
  color: #0075c2;
  text-decoration: none;
  display: inline-block;
}

figure {
  margin: 0;
}

/* ========= img ========= */
.img-rounded {
  border-radius: 6px;
}

.img-circle {
  border-radius: 50%;
}

/* ========= font ========= */
sub,
sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

strong {
  font-weight: bold;
}

h2 {
  margin: 0 auto;
  padding: 40px 0;
  line-height: 1;
  letter-spacing: 0.2em;
}

/* --------------------------------------------
   共通レイアウト
-------------------------------------------- */
.headbox:after,
.head_list_utility:after,
header:after,
nav:after,
.container:after,
footer:after,
footer nav:after,
footer aside:after {
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  content: "[.]";
  overflow: hidden;
}

/* ========= header ========= */
/* ========= i-search 検索 ========= */
/* Search button */
/* ========= contents ========= */
#topic_path {
  width: 100%;
  background-color: #e4e4e4;
  font-size: 12px;
  padding: 8px 0;
}

#topic_path .inside_box {
  padding-bottom: 0;
}

#topic_path li {
  display: inline;
  line-height: 120%;
  margin-left: 5px;
}

#topic_path li a {
  padding-right: 15px;
  background: url(../img/arrow_02.png) no-repeat center right;
}

#contents_title {
  width: 100%;
  border-bottom: 1px solid #ddd;
}

#contents_title > h2 {
  font-size: 28px;
  width: 960px;
  margin: 0 auto;
  padding: 40px 0;
  line-height: 1;
  letter-spacing: 0.2em;
}

.inside_box {
  /*width:990px;
    padding: 0 15px;*/
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

#container {
  width: 960px;
  margin: 0 auto;
  padding: 25px 0 0;
}

#container:after {
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  content: "[.]";
  overflow: hidden;
}

/*
    カスタマーサポート改善のアンケートへのリンク
*/
.survey_link_banner {
  background-color: #0174c2;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.survey_link_banner:not(.is-active) {
  display: none;
}

footer .survey_link_banner {
  position: fixed;
}

.survey_link_banner__text {
  color: #fff;
  text-align: center;
  display: block;
  line-height: 1.2em;
}

.survey_link_banner__link {
  background-color: #fff;
  color: #0174c2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.survey_link_banner__close {
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(40%, -40%);
  background-image: url("/toiawase/img/icon_close_blue.svg");
  background-size: contain;
}

@media (min-width: 769px) {
  .survey_link_banner {
    width: 295px;
    height: 110px;
  }
  footer .survey_link_banner {
    bottom: 10px;
    right: 15px;
  }
  footer .survey_link_banner.js-is-manual {
    bottom: 195px;
  }
  .survey_link_banner.fixed {
    bottom: 10px;
    right: 15px;
  }
  .survey_link_banner__text {
    font-size: 14px;
  }
  .survey_link_banner__link {
    font-size: 16px;
    width: 255px;
    height: 38px;
    margin: 12px auto 0;
    border-radius: 10px;
    column-gap: 6px;
  }
  .survey_link_banner__link_icon {
    width: 12px;
  }
  .survey_link_banner__close {
    width: 26px;
    height: 26px;
  }
}

@media (max-width: 768px) {
  .survey_link_banner {
    width: 280px;
    height: 100px;
  }
  .chat_link .survey_link_banner {
    /* width:100%; */
  }
  footer .survey_link_banner {
    bottom: 5px;
    right: 16px;
  }
  footer .survey_link_banner.js-is-manual {
    bottom: 110px;
  }
  .survey_link_banner.fixed {
    bottom: 5px;
    right: 16px;
  }
  .survey_link_banner__text {
    font-size: 13px;
  }
  .survey_link_banner__link {
    font-size: 13px;
    width: 200px;
    height: 30px;
    margin: 8px auto 0;
    border-radius: 10px;
    column-gap: 6px;
  }
  .survey_link_banner__link_icon {
    width: 10px;
  }
  .survey_link_banner__close {
    width: 20px;
    height: 20px;
  }
}

/*-240323 add-*/
/*-2024.0323.add-*/
footer {
  background-color: #f6f6f6;
}

.footer_main {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 30px;
}

.footer_logo {
  display: block;
  width: 318px;
  margin-left: auto;
  margin-right: auto;
}

.footer_list1 {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  font-size: 16px;
}

.footer_list2 {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  font-size: 14px;
  border-bottom: 1px solid #111;
  padding-bottom: 15px;
}

.footer_list2 li {
  margin: 0 15px;
}

.footer_list2 li a {
  display: flex;
}

.footer_list2 li span {
  width: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px;
}

.footer_sns {
  margin-top: 15px;
}

.footer_sns p {
  text-align: center;
  font-size: 16px;
}

.footer_sns ul {
  max-width: 250px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12px;
}

.footer_sns a {
  padding-bottom: 4px;
  width: 100%;
}

.footer_terms_list {
  display: flex;
  justify-content: space-between;
}

.footer_terms_list li {
  margin: 0 10px;
}

footer img {
  max-width: 100%;
  height: auto;
}

.sp_show {
  display: none !important;
}

.pc_show {
  display: block !important;
}

@media (max-width: 768px) {
  .sp_show {
    display: block !important;
  }
  .pc_show {
    display: none !important;
  }
}

.l-flex {
  display: flex;
  flex-wrap: wrap;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-c {
  justify-content: center;
}

.ai-c {
  align-items: center;
}

.split-3 .l-flex_element {
  width: 31%;
}

.split-3.over .l-flex_element {
  margin-bottom: 50px;
}

.split-4 .l-flex_element {
  width: 23%;
}

.split-4 .l-flex_element:not(:nth-of-type(4n)) {
  margin-right: calc(7.8% / 3);
}

.split-4 .l-flex_element {
  margin-bottom: calc(12% / 3);
}

.split-5 .l-flex_element {
  width: 16%;
}

.split-5 .l-flex_element:not(:nth-of-type(5n)) {
  margin-right: calc(7.8% / 4);
}

.split-5 .l-flex_element {
  margin-bottom: calc(12% / 4);
}

/* --------------------------------------------
   汎用共通style
-------------------------------------------- */
a:hover img.opa {
  background: none repeat scroll 0 0 #ffffff;
  opacity: 0.8;
}

.wrapbox {
  width: 100%;
}

.wrapbox:after {
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
  content: "[.]";
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.tl {
  text-align: left;
}

.tr {
  text-align: right;
}

.tc {
  text-align: center;
}

.vt {
  vertical-align: top !important;
}

.vm {
  vertical-align: middle !important;
}

.vb {
  vertical-align: bottom !important;
}

.hide {
  display: none;
}

.show {
  display: block;
}

.bd_gray {
  border: 1px solid #ccc;
}

/* -------- font -------- */
.bold {
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.color_red {
  color: #e60012;
}

.color_red2 {
  color: #fd594e;
}

.color_blue {
  color: #0860a8;
}

.color_blue2 {
  color: #007bd0;
}

.color_yellow {
  color: #dcaf00;
}

.txt_12 {
  font-size: 12px;
}

.txt_13 {
  font-size: 13px;
}

.txt_14 {
  font-size: 14px;
}

.txt_15 {
  font-size: 15px;
}

.txt_16 {
  font-size: 16px;
}

.txt_17 {
  font-size: 17px;
}

.txt_18 {
  font-size: 18px;
}

/* -------- margin -------- */
.mt0 {
  margin-top: 0;
}

.mt5 {
  margin-top: 5px;
}

.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mt25 {
  margin-top: 25px;
}

.mt30 {
  margin-top: 30px;
}

.mt35 {
  margin-top: 35px;
}

.mt40 {
  margin-top: 40px;
}

.mt45 {
  margin-top: 45px;
}

.mt50 {
  margin-top: 50px;
}

.mt1em {
  margin-top: 1em;
}

.mb0 {
  margin-bottom: 0;
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb35 {
  margin-bottom: 35px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb1em {
  margin-bottom: 1em;
}

.ml0 {
  margin-left: 0;
}

.ml5 {
  margin-left: 5px;
}

.ml10 {
  margin-left: 10px;
}

.ml15 {
  margin-left: 15px;
}

.ml20 {
  margin-left: 20px;
}

.ml25 {
  margin-left: 25px;
}

.ml30 {
  margin-left: 30px;
}

.ml35 {
  margin-left: 35px;
}

.ml40 {
  margin-left: 40px;
}

.ml45 {
  margin-left: 45px;
}

.ml50 {
  margin-left: 50px;
}

.mr0 {
  margin-right: 0;
}

.mr5 {
  margin-right: 5px;
}

.mr10 {
  margin-right: 10px;
}

.mr15 {
  margin-right: 15px;
}

.mr20 {
  margin-right: 20px;
}

.mr25 {
  margin-right: 25px;
}

.mr30 {
  margin-right: 30px;
}

.mr35 {
  margin-right: 35px;
}

.mr40 {
  margin-right: 40px;
}

.mr45 {
  margin-right: 45px;
}

.mr50 {
  margin-right: 50px;
}

/* -------- padding -------- */
.pt0 {
  padding-top: 0;
}

.pt5 {
  padding-top: 5px;
}

.pt10 {
  padding-top: 10px;
}

.pt15 {
  padding-top: 15px;
}

.pt20 {
  padding-top: 20px;
}

.pt25 {
  padding-top: 25px;
}

.pt30 {
  padding-top: 30px;
}

.pt35 {
  padding-top: 35px;
}

.pt40 {
  padding-top: 40px;
}

.pt45 {
  padding-top: 45px;
}

.pt50 {
  padding-top: 50px;
}

.pb0 {
  padding-bottom: 0;
}

.pb5 {
  padding-bottom: 5px;
}

.pb10 {
  padding-bottom: 10px;
}

.pb15 {
  padding-bottom: 15px;
}

.pb20 {
  padding-bottom: 20px;
}

.pb25 {
  padding-bottom: 25px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb35 {
  padding-bottom: 35px;
}

.pb40 {
  padding-bottom: 40px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb50 {
  padding-bottom: 50px;
}

.pl0 {
  padding-left: 0;
}

.pl5 {
  padding-left: 5px;
}

.pl10 {
  padding-left: 10px;
}

.pl15 {
  padding-left: 15px;
}

.pl20 {
  padding-left: 20px;
}

.pl25 {
  padding-left: 25px;
}

.pl30 {
  padding-left: 30px;
}

.pl35 {
  padding-left: 35px;
}

.pl40 {
  padding-left: 40px;
}

.pl45 {
  padding-left: 45px;
}

.pl50 {
  padding-left: 50px;
}

.pr0 {
  padding-right: 0;
}

.pr5 {
  padding-right: 5px;
}

.pr10 {
  padding-right: 10px;
}

.pr15 {
  padding-right: 15px;
}

.pr20 {
  padding-right: 20px;
}

.pr25 {
  padding-right: 25px;
}

.pr30 {
  padding-right: 30px;
}

.pr35 {
  padding-right: 35px;
}

.pr40 {
  padding-right: 40px;
}

.pr45 {
  padding-right: 45px;
}

.pr50 {
  padding-right: 50px;
}

/* -------- list -------- */
ul.inline,
ol.inline {
  margin-left: 0;
  list-style: none;
}

ul.inline li,
ol.inline li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

ul.arrow_01 li,
ul.arrow_01_float li,
ul.arrow_01_inline li {
  background: url(../img/arrow_01.gif) no-repeat 0 0.5em;
  padding: 0 0 0 12px;
}

ul.arrow_02 li,
ul.arrow_02_float li,
ul.arrow_02_inline li {
  background: url(../img/arrow_02.gif) no-repeat 0 0.5em;
  padding: 0 0 0 12px;
}

ul.arrow_03 li,
ul.arrow_03_float li,
ul.arrow_03_inline li {
  background: url(../img/arrow_03.gif) no-repeat 0 0.5em;
  padding: 0 0 0 12px;
}

ul.arrow_01_float li,
ul.arrow_02_float li,
ul.arrow_03_float li {
  float: left;
  display: block;
  margin-right: 8px;
}

ul.arrow_01_inline li,
ul.arrow_02_inline li,
ul.arrow_03_inline li {
  margin-right: 20px;
  display: inline-block;
  *display: inline;
}

ul.normalstyle,
ol.normalstyle {
  margin-left: 1.8em;
}

.disc {
  list-style-type: disc;
}

.decimal {
  list-style-type: decimal;
}

ul.kome li,
p.kome {
  padding-left: 1em;
  text-indent: -1em;
}

/*--2025.02 リニューアル ヘッダーフッター用 destyle読み込み --*/
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
.header,
.footer {
  /* Reset box-model and set borders */
  /* ============================================ */
  /* Document */
  /* ============================================ */
  /**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
  /* Sections */
  /* ============================================ */
  /**
 * Remove the margin in all browsers.
 */
  /**
 * Render the `main` element consistently in IE.
 */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /* Text-level semantics */
  /* ============================================ */
  /**
 * Remove the gray background on active links in IE 10.
 */
  /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
  /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
  /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
  /**
 * Add the correct font size in all browsers.
 */
  /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
  /* Replaced content */
  /* ============================================ */
  /**
 * Prevent vertical alignment issues.
 */
  /* Forms */
  /* ============================================ */
  /**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
  /**
 * Correct cursors for clickable elements.
 */
  /**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
  /**
 * Remove padding
 */
  /**
 * Reset to invisible
 */
  /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
  /**
 * Remove the default vertical scrollbar in IE 10+.
 */
  /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
  /**
 * Correct the outline style in Safari.
 */
  /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
  /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
  /**
 * Fix appearance for Firefox
 */
  /**
 * Clickable labels
 */
  /* Interactive */
  /* ============================================ */
  /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
  /*
 * Add the correct display in all browsers.
 */
  /*
 * Remove outline for editable content.
 */
  /* Tables */
  /* ============================================ */
  /**
1. Correct table border color inheritance in all Chrome and Safari.
*/
}

.header *,
.header ::before,
.header ::after,
.footer *,
.footer ::before,
.footer ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

.header body,
.footer body {
  margin: 0;
}

.header main,
.footer main {
  display: block;
}

.header p,
.header table,
.header blockquote,
.header address,
.header pre,
.header iframe,
.header form,
.header figure,
.header dl,
.footer p,
.footer table,
.footer blockquote,
.footer address,
.footer pre,
.footer iframe,
.footer form,
.footer figure,
.footer dl {
  margin: 0;
}

.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

.header ul,
.header ol,
.footer ul,
.footer ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

.header dt,
.footer dt {
  font-weight: bold;
}

.header dd,
.footer dd {
  margin-left: 0;
}

.header hr,
.footer hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

.header pre,
.footer pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

.header address,
.footer address {
  font-style: inherit;
}

.header a,
.footer a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

.header abbr[title],
.footer abbr[title] {
  text-decoration: underline dotted;
  /* 2 */
}

.header b,
.header strong,
.footer b,
.footer strong {
  font-weight: bolder;
}

.header code,
.header kbd,
.header samp,
.footer code,
.footer kbd,
.footer samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

.header small,
.footer small {
  font-size: 80%;
}

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

.header sub,
.footer sub {
  bottom: -0.25em;
}

.header sup,
.footer sup {
  top: -0.5em;
}

.header svg,
.header img,
.header embed,
.header object,
.header iframe,
.footer svg,
.footer img,
.footer embed,
.footer object,
.footer iframe {
  vertical-align: bottom;
}

.header button,
.header input,
.header optgroup,
.header select,
.header textarea,
.footer button,
.footer input,
.footer optgroup,
.footer select,
.footer textarea {
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

.header button,
.header [type="button"],
.header [type="reset"],
.header [type="submit"],
.footer button,
.footer [type="button"],
.footer [type="reset"],
.footer [type="submit"] {
  cursor: pointer;
}

.header button:disabled,
.header [type="button"]:disabled,
.header [type="reset"]:disabled,
.header [type="submit"]:disabled,
.footer button:disabled,
.footer [type="button"]:disabled,
.footer [type="reset"]:disabled,
.footer [type="submit"]:disabled {
  cursor: default;
}

.header :-moz-focusring,
.footer :-moz-focusring {
  outline: auto;
}

.header select:disabled,
.footer select:disabled {
  opacity: inherit;
}

.header option,
.footer option {
  padding: 0;
}

.header fieldset,
.footer fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.header legend,
.footer legend {
  padding: 0;
}

.header progress,
.footer progress {
  vertical-align: baseline;
}

.header textarea,
.footer textarea {
  overflow: auto;
}

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

.header [type="search"],
.footer [type="search"] {
  outline-offset: -2px;
  /* 1 */
}

.header [type="search"]::-webkit-search-decoration,
.footer [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

.header ::-webkit-file-upload-button,
.footer ::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

.header [type="number"],
.footer [type="number"] {
  -moz-appearance: textfield;
}

.header label[for],
.footer label[for] {
  cursor: pointer;
}

.header details,
.footer details {
  display: block;
}

.header summary,
.footer summary {
  display: list-item;
}

.header [contenteditable]:focus,
.footer [contenteditable]:focus {
  outline: auto;
}

.header table,
.footer table {
  border-color: inherit;
  /* 1 */
  border-collapse: collapse;
}

.header caption,
.footer caption {
  text-align: left;
}

.header td,
.header th,
.footer td,
.footer th {
  vertical-align: top;
  padding: 0;
}

.header th,
.footer th {
  text-align: left;
  font-weight: bold;
}

/*--2025.02 リニューアル ヘッダーフッター用 style読み込み --*/
@keyframes hoverArrow {
  0% {
    opacity: 1;
    left: 50%;
  }
  50% {
    opacity: 0;
    left: 100%;
  }
  50.01% {
    opacity: 0;
    left: 0%;
  }
  100% {
    opacity: 1;
    left: 50%;
  }
}

.header img,
.footer img {
  max-width: 100%;
  height: auto;
}

@media print, screen and (min-width: 769px) {
  .header .only-pc,
  .footer .only-pc {
    display: block !important;
  }
}

@media screen and (max-width: 768px) {
  .header .only-pc,
  .footer .only-pc {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .header .only-sp,
  .footer .only-sp {
    display: block !important;
  }
}

@media print, screen and (min-width: 769px) {
  .header .only-sp,
  .footer .only-sp {
    display: none !important;
  }
}

@media print, screen and (min-width: 769px) {
  .header .only-pc-flex,
  .footer .only-pc-flex {
    display: flex !important;
  }
}

@media screen and (max-width: 768px) {
  .header .only-pc-flex,
  .footer .only-pc-flex {
    display: none !important;
  }
}

@media screen and (max-width: 768px) {
  .header .only-sp-flex,
  .footer .only-sp-flex {
    display: flex !important;
  }
}

@media print, screen and (min-width: 769px) {
  .header .only-sp-flex,
  .footer .only-sp-flex {
    display: none !important;
  }
}

.header {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10000;
  opacity: 0;
  pointer-events: none;
  transition: transform 0.4s ease, opacity 0.4s ease;
}

@media print, screen and (min-width: 769px) {
  .header {
    height: 110px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .header {
    position: fixed;
    height: calc(120 * 100vw / 768);
  }
}

.header::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10000;
}

.header.is-show {
  opacity: 1;
  pointer-events: all;
}

.header.is-transformed {
  transform: translateY(-101%);
}

.header.is-inverted {
  background-image: none;
  background-color: #fff;
}

@media print, screen and (min-width: 769px) {
  .header.is-inverted {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
}

@media screen and (max-width: 768px) {
  .header.is-inverted {
    box-shadow: 0 calc(4 * 100vw / 768) calc(20 * 100vw / 768) rgba(0, 0, 0, 0.1);
  }
}

.header.is-inverted .header__nav .header__lists {
  color: #000000;
}

.header.is-inverted .header__nav .header__lists .header__list.is-current > a,
.header.is-inverted .header__nav .header__lists .header__list.is-current > button {
  color: #1d87d0;
}

.header.is-inverted .header__nav .header__lists .header__list:hover > a,
.header.is-inverted .header__nav .header__lists .header__list:hover > button {
  color: #1d87d0;
}

.header.is-inverted::after {
  opacity: 1;
}

.header.is-inverted .header__menu__toggle span {
  background-color: #1d87d0;
}

.header img {
  width: 100%;
  height: auto;
}

.header .header__wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 9999;
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .header .header__wrap {
    padding-left: calc(90 * 100vw / 1400);
    padding-right: calc(160 * 100vw / 1400);
    width: 100%;
  }
}

@media screen and (max-width: 768px) {
  .header .header__wrap {
    height: calc(120 * 100vw / 768);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__logo {
    width: calc(200 * 100vw / 1400);
    margin-right: 20px;
  }
  .header .header__logo {
    transition: opacity 0.3s;
  }
  .header .header__logo:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 768px) {
  .header .header__logo {
    width: calc(290 * 100vw / 768);
    margin-left: calc(20 * 100vw / 768);
  }
}

.header .header__menu__toggle {
  position: absolute;
  top: calc(30 * 100vw / 768);
  right: calc(30 * 100vw / 768);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(70 * 100vw / 768);
  height: calc(52 * 100vw / 768);
  z-index: 9999;
}

.header .header__menu__toggle span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: #fff;
  border-radius: calc(99 * 100vw / 768);
}

.header .header__nav .header__lists {
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav .header__lists {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 16px;
    gap: calc(35 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav .header__list > button,
  .header .header__nav .header__list > a {
    transition: opacity 0.3s;
  }
  .header .header__nav .header__list > button:hover,
  .header .header__nav .header__list > a:hover {
    opacity: 0.7;
  }
}

.header .header__nav .header__list .header__list__child__wrap {
  display: none;
}

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

.header .header__nav.header__nav__pc .header__list .header__list__child__wrap {
  display: none;
}

.header .header__nav.header__nav__pc .header__list.is-open .header__list__child__wrap {
  display: block;
  background-color: #fff;
  color: #000;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.is-open .header__list__child__wrap {
    top: 68px;
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat {
  font-weight: bold;
  position: relative;
  white-space: nowrap;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__cat {
    font-size: 18px;
    padding-right: calc(35 * 100vw / 1400);
    border-bottom: 1px solid #ccc;
    padding-bottom: calc(15 * 100vw / 1400);
    width: 100%;
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__wrap {
  position: relative;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__arrow {
  position: absolute;
  top: 50%;
  transform: translate(50%, -50%);
  right: -calc(18 * 100vw / 1400);
  border-radius: 99px;
  border: 1px solid #1d87d0;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__arrow {
    width: calc(24 * 100vw / 1400);
    height: calc(24 * 100vw / 1400);
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__arrow::after {
  content: "";
  display: block;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__arrow::after {
  background-image: url("/share/img/icon-arrow2-blue.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__cat .header__list__child__cat__arrow::after {
  width: calc(10 * 100vw / 1400);
  height: calc(10 * 100vw / 1400);
  background-size: calc(10 * 100vw / 1400) calc(10 * 100vw / 1400);
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__cat:hover .header__list__child__cat__arrow::after {
    animation: hoverArrow 1s ease-in-out;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__inner {
    display: flex;
    align-items: flex-start;
    padding-top: calc(20 * 100vw / 1400);
    padding-bottom: calc(60 * 100vw / 1400);
    max-width: calc(960 * 100vw / 1400);
    margin-left: auto;
    margin-right: auto;
    gap: calc(30 * 100vw / 1400);
    flex-direction: column;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child {
    display: flex;
    gap: calc(20 * 100vw / 1400) calc(40 * 100vw / 1400);
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list {
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__list {
    width: calc(210 * 100vw / 1400);
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list > a {
  display: block;
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__list > a {
    padding-bottom: calc(10 * 100vw / 1400);
    padding-top: calc(10 * 100vw / 1400);
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    padding-right: 10px;
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__hierarchy__label {
  font-weight: bold;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__hierarchy__label {
    padding-bottom: calc(10 * 100vw / 1400);
    padding-top: calc(10 * 100vw / 1400);
    border-bottom: 1px solid #ccc;
    font-size: 14px;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__list:hover .header__list__child__list__arrow::after {
    animation: hoverArrow 1s ease-in-out;
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__list__arrow {
  position: absolute;
  right: 0;
  border-radius: 99px;
  background-color: #1d87d0;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__list__arrow {
    top: 50%;
    transform: translateY(-50%);
    width: calc(18 * 100vw / 1400);
    height: calc(18 * 100vw / 1400);
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__list__arrow::after {
  content: "";
  display: block;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__list__arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__list__arrow::after {
  background-image: url("/share/img/icon-arrow2-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__list .header__list__child__list__arrow::after {
  width: calc(7 * 100vw / 1400);
  height: calc(7 * 100vw / 1400);
  background-size: calc(7 * 100vw / 1400) calc(7 * 100vw / 1400);
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child {
    margin-top: calc(12 * 100vw / 1400);
    font-size: 14px;
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a {
  position: relative;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a .header__list__child__hierarchy__child__list__arrow {
  position: absolute;
  border-radius: 99px;
  background-color: #1d87d0;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a .header__list__child__hierarchy__child__list__arrow {
    top: 50%;
    transform: translateY(-50%);
    right: calc(-25 * 100vw / 1400);
    width: calc(18 * 100vw / 1400);
    height: calc(18 * 100vw / 1400);
  }
}

.header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a .header__list__child__hierarchy__child__list__arrow::after {
  content: "";
  display: block;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a .header__list__child__hierarchy__child__list__arrow::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a .header__list__child__hierarchy__child__list__arrow::after {
  background-image: url("/share/img/icon-arrow2-white.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a .header__list__child__hierarchy__child__list__arrow::after {
  width: calc(7 * 100vw / 1400);
  height: calc(7 * 100vw / 1400);
  background-size: calc(7 * 100vw / 1400) calc(7 * 100vw / 1400);
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list a:hover .header__list__child__hierarchy__child__list__arrow::after {
    animation: hoverArrow 1s ease-in-out;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list .header__list__child__hierarchy__child .header__list__child__hierarchy__child__list + .header__list__child__hierarchy__child__list {
    margin-top: calc(10 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child {
    width: calc(620 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__list {
    width: calc(240 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other {
    width: calc(355 * 100vw / 1400);
    position: relative;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other::after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background-color: #ccc;
    position: absolute;
    left: calc(-50 * 100vw / 1400);
    top: 0;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__hierarchy {
    width: 100%;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__hierarchy + .header__list__child__hierarchy {
    margin-top: calc(30 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__list__banner {
    margin-top: calc(50 * 100vw / 1400);
  }
}

.header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__list__banner a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: #f9f9f9;
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__list__banner a {
    height: calc(58 * 100vw / 1400);
    font-size: 12px;
    padding-left: calc(20 * 100vw / 1400);
    padding-right: calc(20 * 100vw / 1400);
  }
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__list__banner a {
    transition: opacity 0.3s;
  }
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__list__banner a:hover {
    opacity: 0.7;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.support .header__list__child__other .header__list__child__list__banner a img {
    width: calc(150 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.ir .header__list__child__list {
    width: calc(292 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__nav.header__nav__pc .header__list.recruit .header__list__child__list {
    width: calc(292 * 100vw / 1400);
  }
}

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

@media print, screen and (min-width: 769px) {
  .header .header__search {
    position: absolute;
    z-index: 9999;
    top: 40px;
    right: calc(80 * 100vw / 1400);
    width: 29px;
    height: 26px;
  }
}

.header .header__search img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 769px) {
  .header .header__search img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

.header .header__custom__search__wrap {
  display: none;
}

@media print, screen and (min-width: 769px) {
  .header .header__custom__search__wrap {
    position: fixed;
    position: absolute;
    top: 90px;
    right: calc(80 * 100vw / 1400);
    z-index: 9999;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  }
  .header .header__custom__search__wrap.is-active {
    display: block;
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__custom__search__wrap .header__custom__search__close {
    width: 20px;
    height: 20px;
    background-color: #ccc;
    border-radius: 99px;
    position: absolute;
    top: 0;
    transform: translate(50%, -50%);
    right: 0;
  }
  .header .header__custom__search__wrap .header__custom__search__close::after {
    content: "";
    display: block;
    position: absolute;
  }
  .header .header__custom__search__wrap .header__custom__search__close::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header .header__custom__search__wrap .header__custom__search__close::after {
    background-image: url("/share/img/icon-close.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header .header__custom__search__wrap .header__custom__search__close::after {
    width: calc(8 * 100vw / 1400);
    height: calc(8 * 100vw / 1400);
    background-size: calc(8 * 100vw / 1400) calc(8 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__custom__search {
    background-color: #fff;
    border-radius: calc(10 * 100vw / 1400);
    padding: calc(25 * 100vw / 1400);
    width: 610px;
  }
  .header .header__custom__search form {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: calc(10 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__custom__search .header__custom__search__input {
    width: 480px;
    height: 40px;
    font-size: 20px;
    padding-left: calc(16 * 100vw / 1400);
    padding-right: calc(16 * 100vw / 1400);
    border: 1px solid #ccc;
    border-radius: calc(6 * 100vw / 1400);
  }
}

@media print, screen and (min-width: 769px) {
  .header .header__custom__search .header__custom__search__input__trigger {
    color: #fff;
    background-color: #1d87d0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 40px;
    font-size: 14px;
    text-align: center;
    border-radius: 99px;
  }
  .header .header__custom__search .header__custom__search__input__trigger {
    transition: opacity 0.3s;
  }
  .header .header__custom__search .header__custom__search__input__trigger:hover {
    opacity: 0.7;
  }
}

.header .header__nav__sp {
  display: none;
}

.header.is-open-sp .header__wrap {
  background-color: #fff;
}

.header.is-open-sp .header__menu__toggle span {
  transition: 0.4s;
  background-color: #1d87d0;
}

.header.is-open-sp .header__menu__toggle span:nth-of-type(1) {
  transform: rotate(45deg);
  position: absolute;
  top: calc(24 * 100vw / 768);
}

.header.is-open-sp .header__menu__toggle span:nth-of-type(2) {
  opacity: 0;
}

.header.is-open-sp .header__menu__toggle span:nth-of-type(3) {
  transform: rotate(-45deg);
  position: absolute;
  top: calc(24 * 100vw / 768);
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp__wrap {
    width: 100%;
    height: calc(100vh - 15.625vw);
    overflow: scroll;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp {
    position: relative;
    display: block;
    background-color: #fff;
    z-index: 9999;
    padding-left: calc(30 * 100vw / 768);
    padding-right: calc(30 * 100vw / 768);
    padding-bottom: calc(60 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__lists .header__list > button {
    width: 100%;
    font-weight: bold;
    font-size: calc(32 * 100vw / 768);
    padding-top: calc(26 * 100vw / 768);
    padding-bottom: calc(26 * 100vw / 768);
    padding-left: calc(15 * 100vw / 768);
    border-bottom: 1px solid #ccc;
    position: relative;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > button {
    letter-spacing: 0.05em;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > button::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(15 * 100vw / 768);
    top: 50%;
    transform: translateY(-50%);
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > button::after {
    background-image: url("/share/img/icon-plus-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > button::after {
    width: calc(28 * 100vw / 768);
    height: calc(28 * 100vw / 768);
    background-size: calc(28 * 100vw / 768) calc(28 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__lists .header__list > a {
    width: 100%;
    display: block;
    font-weight: bold;
    font-size: calc(32 * 100vw / 768);
    padding-top: calc(26 * 100vw / 768);
    padding-bottom: calc(26 * 100vw / 768);
    padding-left: calc(15 * 100vw / 768);
    border-bottom: 1px solid #ccc;
    position: relative;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > a::before {
    content: "";
    display: block;
    position: absolute;
    right: calc(15 * 100vw / 768);
    top: 50%;
    transform: translateY(-50%);
    background-color: #1d87d0;
    border-radius: 99px;
    width: calc(36 * 100vw / 768);
    height: calc(36 * 100vw / 768);
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > a::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(25 * 100vw / 768);
    top: 50%;
    transform: translateY(-50%);
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > a::after {
    background-image: url("/share/img/icon-arrow2-white.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list > a::after {
    width: calc(14 * 100vw / 768);
    height: calc(14 * 100vw / 768);
    background-size: calc(14 * 100vw / 768) calc(14 * 100vw / 768);
  }
}

.header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child__wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s;
}

.header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child__inner {
  overflow: hidden;
}

.header.is-open-sp .header__nav__sp .header__lists .header__list.is-open .header__list__child__wrap {
  grid-template-rows: 1fr;
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list {
    font-size: calc(28 * 100vw / 768);
    font-weight: bold;
    padding-top: calc(25 * 100vw / 768);
    padding-bottom: calc(25 * 100vw / 768);
    padding-left: calc(85 * 100vw / 768);
    position: relative;
    border-top: 1px solid #ccc;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list:last-of-type {
    border-bottom: 1px solid #ccc;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(20 * 100vw / 768);
    background-color: #1d87d0;
    border-radius: 99px;
    width: calc(36 * 100vw / 768);
    height: calc(36 * 100vw / 768);
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list__arrow::after {
    content: "";
    display: block;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list__arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list__arrow::after {
    background-image: url("/share/img/icon-arrow2-white.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header.is-open-sp .header__nav__sp .header__lists .header__list .header__list__child .header__list__child__list__arrow::after {
    width: calc(14 * 100vw / 768);
    height: calc(14 * 100vw / 768);
    background-size: calc(14 * 100vw / 768) calc(14 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__lists .header__list.is-open > button::after {
    background-image: url("/share/img/icon-minus-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__cat {
    display: block;
    font-weight: bold;
    font-size: calc(28 * 100vw / 768);
    padding-top: calc(25 * 100vw / 768);
    padding-bottom: calc(25 * 100vw / 768);
    padding-left: calc(85 * 100vw / 768);
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__cat__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(15 * 100vw / 768);
    border: 1px solid #1d87d0;
    border-radius: 99px;
    width: calc(48 * 100vw / 768);
    height: calc(48 * 100vw / 768);
  }
  .header.is-open-sp .header__nav__sp .header__list__child__cat__arrow::after {
    content: "";
    display: block;
  }
  .header.is-open-sp .header__nav__sp .header__list__child__cat__arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header.is-open-sp .header__nav__sp .header__list__child__cat__arrow::after {
    background-image: url("/share/img/icon-arrow2-blue.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header.is-open-sp .header__nav__sp .header__list__child__cat__arrow::after {
    width: calc(20 * 100vw / 768);
    height: calc(20 * 100vw / 768);
    background-size: calc(20 * 100vw / 768) calc(20 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__other .header__list__child__hierarchy__label {
    margin-left: calc(84 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__other .header__list__child__hierarchy__child {
    margin-left: calc(84 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__other .header__list__child__hierarchy__child:last-of-type .header__list__child__hierarchy__label {
    border-top: 1px solid #ccc;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__other .header__list__child__hierarchy .border-top-add {
    border-top: 1px solid #ccc;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__label {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding-top: calc(25 * 100vw / 768);
    padding-bottom: calc(25 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list a {
    display: block;
    padding-top: calc(25 * 100vw / 768);
    padding-bottom: calc(25 * 100vw / 768);
    padding-left: calc(85 * 100vw / 768);
    position: relative;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list + .header__list__child__hierarchy__child__list a {
    border-top: 1px solid #ccc;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list .header__list__child__hierarchy__child__list__arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(15 * 100vw / 768);
    background-color: #1d87d0;
    border-radius: 99px;
    width: calc(36 * 100vw / 768);
    height: calc(36 * 100vw / 768);
  }
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list .header__list__child__hierarchy__child__list__arrow::after {
    content: "";
    display: block;
  }
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list .header__list__child__hierarchy__child__list__arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list .header__list__child__hierarchy__child__list__arrow::after {
    background-image: url("/share/img/icon-arrow2-white.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header.is-open-sp .header__nav__sp .header__list__child__hierarchy__child__list .header__list__child__hierarchy__child__list__arrow::after {
    width: calc(16 * 100vw / 768);
    height: calc(16 * 100vw / 768);
    background-size: calc(16 * 100vw / 768) calc(16 * 100vw / 768);
  }
}

.header.is-open-sp .header__nav__sp .header__list__child__list__banner {
  background-color: #f9f9f9;
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__list__child__list__banner a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: calc(120 * 100vw / 768);
    padding: calc(20 * 100vw / 768) calc(50 * 100vw / 768);
    border-radius: calc(20 * 100vw / 768);
    font-size: calc(24 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__custom__search {
    margin-top: calc(60 * 100vw / 768);
  }
}

.header.is-open-sp .header__nav__sp .header__custom__search form {
  display: flex;
  align-items: center;
  gap: calc(20 * 100vw / 768);
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__custom__search__input {
    border: 1px solid #ccc;
    width: calc(475 * 100vw / 768);
    height: calc(90 * 100vw / 768);
    font-size: calc(32 * 100vw / 768);
    padding-left: calc(16 * 100vw / 768);
    padding-right: calc(16 * 100vw / 768);
    border-radius: calc(10 * 100vw / 768);
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__custom__search__input__trigger {
    color: #fff;
    background-color: #1d87d0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(180 * 100vw / 768);
    height: calc(90 * 100vw / 768);
    font-size: calc(28 * 100vw / 768);
    text-align: center;
    border-radius: 99px;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__nav__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(320 * 100vw / 768);
    height: calc(76 * 100vw / 768);
    font-size: calc(26 * 100vw / 768);
    border: 1px solid #000000;
    border-radius: 99px;
    margin-top: calc(60 * 100vw / 768);
    position: relative;
  }
  .header.is-open-sp .header__nav__sp .header__nav__close {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .header.is-open-sp .header__nav__sp .header__nav__close::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(30 * 100vw / 768);
  }
  .header.is-open-sp .header__nav__sp .header__nav__close::after {
    background-image: url("/share/img/icon-close.svg");
    background-repeat: no-repeat;
    background-position: center;
  }
  .header.is-open-sp .header__nav__sp .header__nav__close::after {
    width: calc(22 * 100vw / 768);
    height: calc(22 * 100vw / 768);
    background-size: calc(22 * 100vw / 768) calc(22 * 100vw / 768);
  }
}

.header + .header__nav__pc__overlay {
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 9995;
  pointer-events: none;
  opacity: 0;
}

.header + .header__nav__pc__overlay.is-open {
  opacity: 1;
  pointer-events: all;
}

@media print, screen and (min-width: 769px) {
  #topic_path {
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  #topic_path {
    padding-top: calc(120 * 100vw / 768);
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
  }
}

@media print, screen and (min-width: 769px) {
  .header + .header__nav__pc__overlay + .p-hansel {
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .header + .header__nav__pc__overlay + .p-hansel {
    padding-top: calc(120 * 100vw / 768);
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    max-width: 100%;
  }
  .header + .header__nav__pc__overlay + .p-hansel ul {
    max-width: 100%;
  }
  .header + .header__nav__pc__overlay + .p-hansel ol {
    max-width: 100%;
  }
}

@media print, screen and (min-width: 769px) {
  .header + .header__nav__pc__overlay + .hansel {
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .header + .header__nav__pc__overlay + .hansel {
    padding-top: calc(120 * 100vw / 768);
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
    min-width: 0 !important;
    max-width: 100%;
  }
  .header + .header__nav__pc__overlay + .hansel ul {
    max-width: 100%;
  }
  .header + .header__nav__pc__overlay + .hansel ol {
    max-width: 100%;
  }
}

@media print, screen and (min-width: 769px) {
  .link + .hansel {
    padding-top: 120px;
  }
}

@media screen and (max-width: 768px) {
  .link + .hansel {
    padding-top: calc(120 * 100vw / 768);
    display: block !important;
    height: 0 !important;
    visibility: hidden !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 0 !important;
    padding-right: 0 !important;
  }
}

.footer .footer__top {
  background-color: #f6f6f6;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top {
    padding-top: calc(30 * 100vw / 1400);
    padding-bottom: calc(20 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top {
    padding-bottom: calc(60 * 100vw / 768);
  }
}

.footer .footer__top__wrap {
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__wrap {
    width: 735px;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__wrap {
    width: calc(700 * 100vw / 768);
  }
}

.footer .footer__top__lists__main {
  display: flex;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__lists__main {
    justify-content: center;
    font-size: 17px;
    gap: calc(36 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__lists__main {
    justify-content: center;
    flex-direction: column;
  }
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__lists__main a {
    white-space: nowrap;
  }
  .footer .footer__top__lists__main a {
    transition: opacity 0.3s;
  }
  .footer .footer__top__lists__main a:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__lists__main a {
    padding: calc(16 * 100vw / 768) 0 calc(16 * 100vw / 768) calc(20 * 100vw / 768);
    display: block;
    border-bottom: calc(2 * 100vw / 768) solid #ccc;
  }
}

.footer .footer__top__lists__main a {
  letter-spacing: 0.05em;
}

.footer .footer__top__lists__sub {
  display: flex;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__lists__sub {
    margin-top: calc(20 * 100vw / 1400);
    justify-content: center;
    font-size: 14px;
    gap: calc(25 * 100vw / 1400);
    padding-bottom: calc(15 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__lists__sub {
    margin-top: calc(50 * 100vw / 768);
    justify-content: center;
    flex-direction: column;
    gap: calc(20 * 100vw / 768);
    padding-left: calc(40 * 100vw / 768);
    padding-bottom: calc(40 * 100vw / 768);
  }
}

.footer .footer__top__list__sub a[target="_blank"] {
  position: relative;
}

.footer .footer__top__list__sub a[target="_blank"] {
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__list__sub a[target="_blank"] {
    padding-right: calc(20 * 100vw / 1400);
  }
  .footer .footer__top__list__sub a[target="_blank"] {
    transition: opacity 0.3s;
  }
  .footer .footer__top__list__sub a[target="_blank"]:hover {
    opacity: 0.7;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__list__sub a[target="_blank"] {
    padding-right: calc(40 * 100vw / 768);
  }
}

.footer .footer__top__list__sub a[target="_blank"]::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

.footer .footer__top__list__sub a[target="_blank"]::after {
  background-image: url("/share/img/icon-blank.svg");
  background-repeat: no-repeat;
  background-position: center;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__list__sub a[target="_blank"]::after {
    width: calc(16 * 100vw / 1400);
    height: calc(15 * 100vw / 1400);
    background-size: calc(16 * 100vw / 1400) calc(15 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__list__sub a[target="_blank"]::after {
    width: calc(30 * 100vw / 768);
    height: calc(30 * 100vw / 768);
    background-size: calc(30 * 100vw / 768) calc(30 * 100vw / 768);
  }
}

.footer .footer__top__sns {
  border-top: 1px solid #000000;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns {
    padding-top: calc(15 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__sns {
    padding-top: calc(30 * 100vw / 768);
  }
}

.footer .footer__top__sns .footer__top__sns__title {
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__title {
    font-size: 17px;
  }
}

.footer .footer__top__sns .footer__top__sns__lists {
  display: flex;
  justify-content: center;
  align-items: center;
}

.footer .footer__top__sns .footer__top__sns__lists {
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__lists {
    gap: calc(15 * 100vw / 1400);
    margin-top: calc(15 * 100vw / 1400);
    padding-bottom: calc(20 * 100vw / 1400);
    width: 250px;
    border-bottom: 1px solid #000000;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__sns .footer__top__sns__lists {
    gap: calc(20 * 100vw / 768);
    margin-top: calc(30 * 100vw / 768);
    padding-bottom: calc(30 * 100vw / 768);
    width: calc(465 * 100vw / 768);
    border-bottom: calc(4 * 100vw / 768) solid #000000;
  }
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__list {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__sns .footer__top__sns__list {
    width: calc(70 * 100vw / 768);
    height: calc(70 * 100vw / 768);
  }
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__list.youtube {
    width: calc(55 * 100vw / 1400);
    height: calc(40 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__sns .footer__top__sns__list.youtube {
    width: calc(100 * 100vw / 768);
  }
}

.footer .footer__top__sns .footer__top__sns__list a {
  display: block;
  width: 100%;
  height: 100%;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__list a {
    transition: opacity 0.3s;
  }
  .footer .footer__top__sns .footer__top__sns__list a:hover {
    opacity: 0.7;
  }
}

.footer .footer__top__sns .footer__top__sns__list a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}

.footer .footer__top__sns .footer__top__sns__other {
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__other {
    font-size: 18px;
    margin-top: calc(15 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__top__sns .footer__top__sns__other {
    margin-top: calc(30 * 100vw / 768);
  }
}

.footer .footer__top__sns .footer__top__sns__other a {
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__top__sns .footer__top__sns__other a {
    transition: opacity 0.3s;
  }
  .footer .footer__top__sns .footer__top__sns__other a:hover {
    opacity: 0.7;
  }
}

@media print, screen and (min-width: 769px) {
  .footer .footer__bottom {
    background-color: #dddddd;
    padding-top: calc(20 * 100vw / 1400);
    padding-bottom: calc(10 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__bottom {
    padding-top: calc(60 * 100vw / 768);
    padding-bottom: calc(30 * 100vw / 768);
  }
}

@media print, screen and (min-width: 769px) {
  .footer .footer__bottom .footer__bottom__wrap {
    width: 950px;
    max-width: 100%;
  }
  .footer .footer__bottom .footer__bottom__wrap {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__bottom .footer__bottom__wrap {
    padding-left: calc(30 * 100vw / 768);
    padding-right: calc(30 * 100vw / 768);
  }
}

.footer .footer__bottom .footer__bottom__lists {
  display: flex;
  justify-content: center;
}

.footer .footer__bottom .footer__bottom__lists {
  letter-spacing: 0.05em;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__bottom .footer__bottom__lists {
    flex-wrap: wrap;
    gap: calc(10 * 100vw / 1400) calc(38 * 100vw / 1400);
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__bottom .footer__bottom__lists {
    flex-direction: column;
    gap: calc(20 * 100vw / 768);
    font-size: calc(24 * 100vw / 768);
  }
}

.footer .footer__bottom .footer__copyright {
  text-align: center;
}

@media print, screen and (min-width: 769px) {
  .footer .footer__bottom .footer__copyright {
    font-size: 10px;
    margin-top: calc(15 * 100vw / 1400);
  }
}

@media screen and (max-width: 768px) {
  .footer .footer__bottom .footer__copyright {
    font-size: calc(20 * 100vw / 768);
    margin-top: calc(50 * 100vw / 768);
  }
}

footer nav li {
  padding-left: 0;
  background: none;
}

/*# sourceMappingURL=../../_map/share/css/default.css.map */