@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;500;700&family=Noto+Sans+JP:wght@400;500;700&display=swap");
/* resset.dev • v5.0.2 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-text-size-adjust: 100%;
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
  height: 0;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}

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

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

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

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

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

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

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

pre {
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}

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

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  /* Remove text indentation in Chrome, Edge, and Safari */
}

iframe {
  border-style: none;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

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

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

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

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Apply cursor pointer to button elements */
button,
[type=button],
[type=reset],
[type=submit],
[role=button] {
  cursor: pointer;
}

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

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

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

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
}

a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
  outline-width: 0;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge 18- and IE */
}

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

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

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

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Specify the progress cursor of updating elements */
[aria-busy=true] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled=true] {
  cursor: default;
}

/*---------------------------------------------------------
color 設定
---------------------------------------------------------*/
/*---------------------------------------------------------
font 設定
---------------------------------------------------------*/
/*---------------------------------------------------------
 ・メディアクエリ（ブレークポイント）
 ・~767px：タブレットサイズ(基本的にはここで分岐させる)
 ・768px~992px pcサイズ
 ・992px~1280px pcサイズ(中)
 ・1280px~ pcサイズ(大)
---------------------------------------------------------*/
/*---------------------------------------------------------
フォントサイズ・line-height 設定
---------------------------------------------------------*/
/*---------------------------------------------------------
汎用mixin設定
---------------------------------------------------------*/
/*---------------------------------------------------------
基本の設定
---------------------------------------------------------*/
body {
  font-family: "Lato", "Noto Sans JP", sans-serif;
  font-size: 1rem;
  letter-spacing: ls(0);
  line-height: 1.6;
  background-color: #f5f9fa;
  position: relative;
  padding-top: 60px;
}
@media print, screen and (min-width: 1200px) {
  body {
    font-size: 1rem;
    letter-spacing: ls(0);
    line-height: 1.5;
    padding-top: 0;
  }
}

main {
  display: block;
  overflow: hidden;
}

section {
  position: relative;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 1200px) {
  section {
    margin-bottom: 40px;
  }
}

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

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

a {
  text-decoration: none;
  word-break: break-all;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

/*---------------------------------------------------------
lazyload 読み込み時のアニメーション
+ js/lazysizes.min.js
+ js/lazyload.js
---------------------------------------------------------*/
img.lazyload {
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
img.loaded {
  opacity: 1;
}

/*---------------------------------------------------------
innerの設定(メインコンテンツの幅・位置の設定)
---------------------------------------------------------*/
.minInner {
  padding: 0 15px;
  max-width: 1060px;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
@media print, screen and (min-width: 1200px) {
  .minInner {
    padding: 0 9%;
  }
}

.maxInner {
  padding: 0 15px;
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 90%;
}
@media print, screen and (min-width: 1200px) {
  .maxInner {
    padding: 0 6%;
  }
}

.inner-rgba {
  padding: 0 37px;
  margin: 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  background-color: rgba(255, 255, 255, 0.8);
}
@media print, screen and (min-width: 1200px) {
  .inner-rgba {
    padding: 0% 138px;
  }
}

.rgba {
  background-color: rgba(255, 255, 255, 0.8);
}

/*---------------------------------------------------------
アイキャッチ
---------------------------------------------------------*/
#eyecatch {
  padding: 60px 10px 40px 10px;
  background-image: url("../img/common/eyecatch_bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-color: #d7f2fd;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 1199px) {
  #eyecatch {
    padding: 30px 10px 30px 10px;
  }
}
@media print, screen and (max-width: 768px) {
  #eyecatch {
    background-position: center right;
    padding: 15px 10px 15px 10px;
  }
}
#eyecatch h1 {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 25px;
  color: #284db4;
  background-color: rgb(255, 255, 255);
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  margin-top: 60px;
}
@media print, screen and (max-width: 1199px) {
  #eyecatch h1 {
    margin-top: 0;
    font-size: 1.25rem;
    background-color: rgb(255, 255, 255);
    padding: 15px;
  }
}
#eyecatch .h1-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

/*---------------------------------------------------------
パンくず
---------------------------------------------------------*/
#breadcrumbs .breadcrumbs-wrap {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 1200px) {
  #breadcrumbs .breadcrumbs-wrap {
    padding: 0;
    margin-bottom: 60px;
  }
}
#breadcrumbs .breadcrumbs-wrap ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (max-width: 768px) {
  #breadcrumbs .breadcrumbs-wrap ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#breadcrumbs .breadcrumbs-wrap ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 0.75rem;
}
#breadcrumbs .breadcrumbs-wrap ul li a {
  color: #f08d00;
}
@media print, screen and (min-width: 1200px) {
  #breadcrumbs .breadcrumbs-wrap ul li a:hover {
    opacity: 0.7;
  }
}
#breadcrumbs .breadcrumbs-wrap ul li::after {
  content: "";
  display: block;
  padding: 0 15px;
  background-image: url("../img/common/icon/arrow_black_right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 11px;
}
#breadcrumbs .breadcrumbs-wrap ul li:last-child::after {
  display: none;
}

/*---------------------------------------------------------
コンテンツボックス
---------------------------------------------------------*/
.content-box {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
}
@media print, screen and (min-width: 1200px) {
  .content-box {
    padding: 40px;
  }
}
@media print, screen and (max-width: 1199px) {
  .content-box {
    width: 95%;
  }
}
@media print, screen and (max-width: 768px) {
  .content-box {
    padding: 14px;
  }
}

/*---------------------------------------------------------
TOPへ戻るボタンの設定 + js/common.js
---------------------------------------------------------*/
#pagetop {
  position: fixed;
  font-size: 0;
  bottom: 20px;
  right: 20px;
  z-index: 5;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 768px) {
  #pagetop {
    bottom: 14px;
    right: 14px;
  }
}
#pagetop i {
  padding-top: 9px;
}
#pagetop a {
  display: block;
  z-index: 999;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #284db4;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#pagetop .arrowtop {
  position: relative;
  display: inline-block;
  padding-left: 21px;
  color: #ffffff;
  text-decoration: none;
}
#pagetop .arrowtop:after {
  content: "";
  width: 9px;
  height: 9px;
  border: 0;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  position: absolute;
  top: 15px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media print, screen and (min-width: 1200px) {
  #pagetop:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: 15px;
    opacity: 0.7;
  }
}
#pagetop.hidden {
  display: none !important;
}

/*---------------------------------------------------------
モーダル + js/common.js
---------------------------------------------------------*/
/*モーダル展開時
 --------------------------------------------------*/
header.modal_on {
  z-index: 999999;
}

/*モーダル本体の指定 + モーダル外側の背景の指定
 --------------------------------------------------*/
.modal_container {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  z-index: 99999;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 1199px) {
  .modal_container {
    background: #ffffff;
    padding: 0;
    overflow-y: auto;
  }
}
.modal_container::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal_container.active {
  opacity: 1;
  visibility: visible;
}
@media print, screen and (min-width: 1200px) {
  .modal_container.active .modal_body {
    -webkit-animation: modal_popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
            animation: modal_popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  }
  @-webkit-keyframes modal_popup {
    0% {
      -webkit-transform: translateY(50px) scale(1);
              transform: translateY(50px) scale(1);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
    }
    80%, 100% {
      opacity: 1;
    }
  }
  @keyframes modal_popup {
    0% {
      -webkit-transform: translateY(50px) scale(1);
              transform: translateY(50px) scale(1);
      opacity: 0;
    }
    100% {
      -webkit-transform: translateY(0) scale(1);
              transform: translateY(0) scale(1);
    }
    80%, 100% {
      opacity: 1;
    }
  }
}
@media print, screen and (max-width: 1199px) {
  .modal_container.active .modal_body {
    -webkit-animation: modal_popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
            animation: modal_popup 0.6s cubic-bezier(0.22, 1, 0.36, 1) 1 forwards;
  }
  @-webkit-keyframes modal_popup {
    0% {
      opacity: 0;
    }
    80%, 100% {
      opacity: 1;
    }
  }
  @keyframes modal_popup {
    0% {
      opacity: 0;
    }
    80%, 100% {
      opacity: 1;
    }
  }
}
.modal_container .modal_body {
  max-height: 90vh;
  width: 90%;
  max-width: 1200px;
  background-color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 40px;
  background-color: #ffffff;
  border-radius: 6px;
}
.modal_container .modal_body .modal_close {
  cursor: pointer;
}
.modal_container .modal_body .modal_close.close_button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 58px;
  height: 58px;
  font-size: 1.25rem;
  line-height: 20px;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  border-radius: 50px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.modal_container .modal_body .modal_close.close_button::after {
  position: absolute;
  content: "";
  display: block;
  width: 58px;
  height: 58px;
  background-image: url("../img/common/icon/icon_close.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px;
}
@media print, screen and (max-width: 1199px) {
  .modal_container .modal_body .modal_close.close_button::after {
    width: 38px;
    height: 38px;
  }
}
@media print, screen and (min-width: 1200px) {
  .modal_container .modal_body .modal_close.close_button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    top: 20px;
  }
}
.modal_container .modal_body .modal_content {
  overflow-y: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 0;
}

/*---------------------------------------------------------
アコーディオン + js/common.js
---------------------------------------------------------*/
.accordion-wrap .accordion {
  /*アコーディオンボタン
   --------------------------------------------------*/
  /*アコーディオン コンテンツ
   --------------------------------------------------*/
  /*QA用 レイアウト
   --------------------------------------------------*/
  /*normal用 レイアウト
   --------------------------------------------------*/
}
.accordion-wrap .accordion .table-wrap table {
  min-width: 840px;
}
.accordion-wrap .accordion .acBtn {
  position: relative;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  padding-right: 40px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.accordion-wrap .accordion .acBtn::before, .accordion-wrap .accordion .acBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 5px;
  width: 14px;
  height: 2px;
  background-color: #284db4;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  .accordion-wrap .accordion .acBtn::before, .accordion-wrap .accordion .acBtn::after {
    top: 25%;
  }
}
.accordion-wrap .accordion .acBtn::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.accordion-wrap .accordion .acBtn.active::after {
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  opacity: 0;
}
.accordion-wrap .accordion .ac_content {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.accordion-wrap .accordion .qaAccItem {
  padding: 30px;
  border: 1px solid #b0b0b0;
  font-weight: 500;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap .accordion .qaAccItem {
    padding: 20px;
  }
}
.accordion-wrap .accordion .qaAccItem .acBtn {
  font-size: 1.125rem;
  background-image: url("../img/common/icon/icon_qa_q.svg");
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 35px;
  background-size: 23px auto;
}
.accordion-wrap .accordion .qaAccItem .acBtn::before, .accordion-wrap .accordion .qaAccItem .acBtn::after {
  width: 20px;
  height: 3px;
  top: 14px;
}
.accordion-wrap .accordion .qaAccItem .acBtn:hover {
  color: #f08d00;
}
.accordion-wrap .accordion .qaAccItem .ac_content {
  font-weight: 300;
  display: block;
  font-size: 1rem;
  position: relative;
  padding-left: 35px;
  background-image: url("../img/common/icon/icon_qa_a.svg");
  background-repeat: no-repeat;
  background-position: 0 30px;
  background-size: 23px auto;
}
.accordion-wrap .accordion .qaAccItem .ac_content > *:first-child {
  margin-top: 30px;
}
.accordion-wrap .accordion .accNormItem {
  padding: 30px;
  border: 1px solid #b0b0b0;
  font-weight: 500;
  margin-bottom: 20px;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap .accordion .accNormItem {
    padding: 20px;
  }
}
.accordion-wrap .accordion .accNormItem .acBtn {
  font-size: 1.125rem;
  background-image: url("../img/common/icon/icon_norm.svg");
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 35px;
  background-size: 23px auto;
}
.accordion-wrap .accordion .accNormItem .acBtn::before, .accordion-wrap .accordion .accNormItem .acBtn::after {
  width: 20px;
  height: 3px;
  top: 14px;
}
.accordion-wrap .accordion .accNormItem .acBtn:hover {
  color: #f08d00;
}
.accordion-wrap .accordion .accNormItem .ac_content {
  font-weight: 300;
  display: block;
  font-size: 1rem;
  position: relative;
}
.accordion-wrap .accordion .accNormItem .ac_content > *:first-child {
  margin-top: 30px;
}
@media print, screen and (min-width: 769px) {
  .accordion-wrap .accordion.disable-pc .acBtn::before, .accordion-wrap .accordion.disable-pc .acBtn::after {
    display: none !important;
  }
}
@media print, screen and (min-width: 769px) {
  .accordion-wrap .accordion.disable-pc .ac_content {
    height: auto;
    overflow: auto;
  }
}

.accContainer {
  border-radius: 10px;
  border: 1px solid #284db4;
  width: 100%;
  padding: 0 30px 30px 30px;
}
@media print, screen and (max-width: 768px) {
  .accContainer {
    padding: 0 15px 15px 15px;
  }
}
.accContainer .accTtl {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background-color: #284db4;
  border-radius: 8px 8px 0 0;
  color: #ffffff;
  position: relative;
  max-width: 1020px;
  margin: 0 -30px 20px -30px;
}
@media print, screen and (max-width: 768px) {
  .accContainer .accTtl {
    font-size: 18px;
    margin: 0 -15px 15px -15px;
  }
}
.accContainer .accLead {
  width: 100%;
  background-color: #f5f9fa;
  border-radius: 10px;
  padding: 15px;
  text-align: center;
  margin-bottom: 20px;
}
.accContainer .accLead p:first-child {
  font-size: 18px;
  font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  .accContainer .accLead p:first-child {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 1199px) {
  .accContainer .accLead p:first-child {
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 1199px) and (max-width: 768px) {
  .accContainer .accLead p:first-child {
    margin-bottom: 10px;
  }
}
.accContainer .accLead .accLead-strong {
  font-size: 30px;
  color: #c32525;
  font-weight: bold;
  display: inline-block;
}
@media print, screen and (max-width: 768px) {
  .accContainer .accLead .accLead-strong {
    font-size: 18px;
  }
}
.accContainer .accLead .accLead-strong span {
  font-size: 70px;
}
@media print, screen and (max-width: 768px) {
  .accContainer .accLead .accLead-strong span {
    font-size: 30px;
  }
}
.accContainer .accordion-wrap .accordion .accContainerItem .acBtn {
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141));
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%);
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%);
  padding: 10px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-weight: bold;
  z-index: 1;
  overflow: hidden;
  position: relative;
  bottom: 0;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media print, screen and (min-width: 1200px) {
  .accContainer .accordion-wrap .accordion .accContainerItem .acBtn:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -2px;
  }
}
.accContainer .accordion-wrap .accordion .accContainerItem .acBtn:before, .accContainer .accordion-wrap .accordion .accContainerItem .acBtn:after {
  left: calc(50% + 4rem);
  top: 50%;
  background-color: #ffffff;
}
.accContainer .accordion-wrap .accordion .accContainerItem .ac_content h4 {
  margin-top: 20px;
}
.accContainer .accordion-wrap .accordion .accContainerItem .ac_content .tableType_03 p, .accContainer .accordion-wrap .accordion .accContainerItem .ac_content .tableType_03 li {
  font-size: 14px !important;
}
@media print, screen and (max-width: 768px) {
  .accContainer .accordion-wrap .accordion .accContainerItem .ac_content .tableType_03 table {
    min-width: auto;
  }
}
@media print, screen and (max-width: 768px) {
  .accContainer .accordion-wrap .accordion .accContainerItem .ac_content .tableType_03 tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .accContainer .accordion-wrap .accordion .accContainerItem .ac_content .tableType_03 td:first-child {
    width: 100%;
    text-align: center;
    border-right: none;
    border-bottom: 1px solid #dadada;
    padding: 10px;
    font-size: 14px;
  }
  .accContainer .accordion-wrap .accordion .accContainerItem .ac_content .tableType_03 td {
    padding: 10px;
    font-size: 12px;
  }
}

/*---------------------------------------------------------
関連ページ + inc/related_pages.js 読み込み
---------------------------------------------------------*/
.related_pages {
  display: grid;
  gap: 25px;
}
@media print, screen and (min-width: 992px) {
  .related_pages {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1200px) {
  .related_pages {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (max-width: 991px) {
  .related_pages {
    gap: 5px;
  }
}
.related_pages li {
  border-bottom: 2px solid #dadada;
}
.related_pages li a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.accordion-wrap:has(h3.acBtn) h3.acBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #eef5ff !important;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap:has(h3.acBtn) h3.acBtn {
    padding-right: 20px;
  }
}
.accordion-wrap:has(h3.acBtn) h3.acBtn span {
  display: inline-block;
  background-image: url(../img/common/acbtn_open.svg);
  background-size: contain;
  background-position: center;
  width: 121px;
  height: 37px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: 10px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap:has(h3.acBtn) h3.acBtn span {
    width: 30%;
  }
}
.accordion-wrap:has(h3.acBtn) h3.acBtn:before {
  content: none;
}
.accordion-wrap:has(h3.acBtn) h3.acBtn::after {
  content: none;
}
.accordion-wrap:has(h3.acBtn) h3.acBtn:hover {
  opacity: 0.7;
}
.accordion-wrap:has(h3.acBtn) h3.acBtn.active span {
  background-image: url(../img/common/acbtn_close.svg);
  background-size: contain;
  width: 121px;
  height: 37px;
  background-color: transparent;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap:has(h3.acBtn) h3.acBtn.active span {
    width: 30%;
  }
}

.accordion-wrap:has(h2.acBtn) h2.acBtn {
  margin-bottom: 0px;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap:has(h2.acBtn) h2.acBtn {
    padding-right: 20px;
  }
}
.accordion-wrap:has(h2.acBtn) h2.acBtn span {
  display: inline-block;
  background-image: url(../img/common/acbtn_open.svg);
  background-size: contain;
  background-position: center;
  width: 121px;
  height: 37px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-left: auto;
  margin-right: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap:has(h2.acBtn) h2.acBtn span {
    width: 30%;
  }
}
.accordion-wrap:has(h2.acBtn) h2.acBtn:before {
  content: "";
  background-image: url(../img/common/icon/icon_h2.svg);
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  background-color: transparent;
  position: static;
  -webkit-transform: none;
          transform: none;
}
.accordion-wrap:has(h2.acBtn) h2.acBtn::after {
  content: none;
}
.accordion-wrap:has(h2.acBtn) h2.acBtn:hover {
  opacity: 0.7;
}
.accordion-wrap:has(h2.acBtn) h2.acBtn.active span {
  background-image: url(../img/common/acbtn_close.svg);
  background-size: contain;
  width: 121px;
  height: 37px;
  background-color: transparent;
  border-radius: 100px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media print, screen and (max-width: 768px) {
  .accordion-wrap:has(h2.acBtn) h2.acBtn.active span {
    width: 30%;
  }
}

/*---------------------------------------------------------
注釈
---------------------------------------------------------*/
.notes-box {
  margin: -10px auto 30px auto;
  padding: 0;
  width: 95%;
  color: #c32525;
}

/*---------------------------------------------------------
タブ切り替え
---------------------------------------------------------*/
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (max-width: 768px) {
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    margin-bottom: 4%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 {
  width: 100%;
  margin: 0 2% 2% 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media print, screen and (max-width: 768px) {
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem,
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner,
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 {
    width: 100%;
    margin: 0 0 2% 0;
  }
}
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a {
  padding: 15px;
  display: block;
  width: 100%;
  text-align: center;
  color: #000000;
  background-color: #dadada;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a,
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a,
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a {
    padding: 10px;
  }
}
@media print, screen and (min-width: 1200px) {
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a:hover,
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a:hover,
  .tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a:hover,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a:hover,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a:hover,
  .tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a:hover,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem a:hover,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner a:hover,
  .tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2 a:hover {
    color: #ffffff;
    background-color: #f08d00;
  }
}
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem.active a,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner.active a,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2.active a,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem.active a,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner.active a,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2.active a,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem.active a,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner.active a,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2.active a {
  color: #ffffff;
  background-color: #f08d00;
}
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem:last-child,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner:last-child,
.tabSwitching-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2:last-child,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem:last-child,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner:last-child,
.tabSwitchingInner-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2:last-child,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItem:last-child,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner:last-child,
.tabSwitchingInner_2-wrap.subTabSwitchingList .tabSwitchingBtn .tabBtnItemInner_2:last-child {
  margin-right: 0;
}
/*---------------------------------------------------------
ニュースリスト
---------------------------------------------------------*/
#newsList .tabSwitchingBtn {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (max-width: 768px) {
  #newsList .tabSwitchingBtn {
    margin-bottom: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
  }
}
#newsList .tabSwitchingBtn li {
  margin-right: 5%;
}
@media print, screen and (max-width: 768px) {
  #newsList .tabSwitchingBtn li {
    margin-bottom: 5%;
  }
}
#newsList .tabSwitchingBtn li:last-child {
  margin-right: 0;
}
#newsList .tabSwitchingBtn li a {
  color: #000000;
  line-height: 1;
  display: block;
  border-bottom: 1px solid #284db4;
  padding-bottom: 8px;
  padding-left: 18px;
  background-image: url("../img/common/icon/arrow_blue_down.svg");
  background-repeat: no-repeat;
  background-size: 12px 7px;
  background-position: top 5px left;
  white-space: nowrap;
}
@media print, screen and (min-width: 1200px) {
  #newsList .tabSwitchingBtn li a:hover {
    color: #f08d00;
    border-bottom: 1px solid #f08d00;
    background-image: url("../img/common/icon/arrow_orange_down.svg");
  }
}
#newsList .tabSwitchingBtn li.active a {
  color: #f08d00;
  border-bottom: 1px solid #f08d00;
  background-image: url("../img/common/icon/arrow_orange_down.svg");
}
#newsList .tabSwitchinContent .tabContentItem ul {
  border-top: 1px solid #dadada;
}
#newsList .tabSwitchinContent .tabContentItem ul li {
  border-bottom: 1px solid #dadada;
}
#newsList .tabSwitchinContent .tabContentItem ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000000;
  padding: 20px 40px 20px 15px;
  background-image: url("../img/common/icon/arrow_blue_right.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 8px 13px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  #newsList .tabSwitchinContent .tabContentItem ul li a:hover {
    background-image: url("../img/common/icon/arrow_orange_right.svg");
  }
  #newsList .tabSwitchinContent .tabContentItem ul li a:hover .date-box {
    color: #000000;
  }
  #newsList .tabSwitchinContent .tabContentItem ul li a:hover .articleTitle-box {
    color: #f08d00;
  }
}
@media print, screen and (min-width: 992px) {
  #newsList .tabSwitchinContent .tabContentItem ul li a {
    padding: 20px 50px 20px 20px;
  }
}
@media print, screen and (max-width: 768px) {
  #newsList .tabSwitchinContent .tabContentItem ul li a {
    background-position: center right 15px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
#newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 768px) {
  #newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box {
    padding-top: 15px;
  }
}
#newsList .tabSwitchinContent .tabContentItem ul li a .date-box {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 40px;
  line-height: 1;
  white-space: nowrap;
}
@media print, screen and (max-width: 768px) {
  #newsList .tabSwitchinContent .tabContentItem ul li a .date-box {
    margin-right: 10px;
  }
}
#newsList .tabSwitchinContent .tabContentItem ul li a .tag-box {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-right: 15px;
}
@media print, screen and (max-width: 768px) {
  #newsList .tabSwitchinContent .tabContentItem ul li a .tag-box {
    margin-right: auto;
  }
}

/*---------------------------------------------------------
画像（オリジナルサイズ保持）
---------------------------------------------------------*/
.auto {
  height: auto;
  display: inline-block;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: 100%;
}

.tdfit {
  width: auto;
  max-width: none;
  height: auto;
  display: inline-block;
}

.spfit {
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .spfit {
    width: 80%;
  }
}

.planContainer {
  padding: 20px 30px 30px 30px;
  border-radius: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media print, screen and (max-width: 768px) {
  .planContainer {
    padding: 20px 10px 10px 10px;
  }
}
.planContainer .planTtl {
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  border-radius: 8px 8px 0 0;
  margin: -20px -30px 0px -30px;
  margin-bottom: 20px;
  color: #ffffff;
}
@media print, screen and (max-width: 768px) {
  .planContainer .planTtl {
    margin: -20px -10px -10px -10px;
  }
}
.planContainer.orange {
  border: 1px solid #f08d00;
  max-width: 477px;
}
.planContainer.orange .planTtl {
  background-color: #f08d00;
}
.planContainer.blue {
  border: 1px solid #284db4;
  max-width: 477px;
}
.planContainer.blue .planTtl {
  background-color: #284db4;
}
.planContainer .planLabel {
  font-size: 18px;
  padding: 8px 14px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 768px) {
  .planContainer .planLabel {
    margin-top: 20px;
    font-size: 14px;
    padding: 5px 10px;
  }
}
.planContainer .planLabel.both {
  background-color: #ffe7be;
  color: #b76500;
}
.planContainer .planLabel.both span {
  display: inline-block;
  background-image: url(../img/common/planlabel_both.png);
  width: 80px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer .planLabel.both span {
    width: 40px;
    height: 20px;
  }
}
.planContainer .planLabel.apart {
  background-color: #beddff;
  color: #1e4fa2;
}
.planContainer .planLabel.apart span {
  display: inline-block;
  background-image: url(../img/common/planlabel_apart.png);
  width: 38px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer .planLabel.apart span {
    width: 20px;
    height: 20px;
  }
}
.planContainer .planLabel.home {
  background-color: #beddff;
  color: #1e4fa2;
}
.planContainer .planLabel.home span {
  display: inline-block;
  background-image: url(../img/common/planlabel_home.png);
  width: 38px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer .planLabel.home span {
    width: 20px;
    height: 20px;
  }
}
.planContainer .planPrice {
  color: #c32525;
  font-size: clamp(1.125rem, 1.038rem + 0.44vw, 1.563rem);
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
@media print, screen and (max-width: 768px) {
  .planContainer .planPrice {
    margin-bottom: 20px !important;
  }
}
.planContainer .planPrice strong {
  font-size: clamp(1.875rem, 1.518rem + 1.79vw, 3.125rem);
}
.planContainer .flex-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.planContainer .flex-box img {
  height: 55px;
}

.planContainer-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 100%;
  max-width: 477px;
  margin-inline: auto;
  border-radius: 10px;
}
.planContainer-center .planTtl {
  font-size: 1.75rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  margin-bottom: 0;
  border-radius: 8px 8px 0 0;
  color: #ffffff;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planTtl {
    font-size: 1.25rem;
  }
}
.planContainer-center.orange {
  border: 1px solid #f08d00;
}
.planContainer-center.orange .planTtl {
  background-color: #f08d00;
}
.planContainer-center.orange .planLabel.house {
  background-color: #ffe7be;
  color: #b76500;
}
.planContainer-center.orange .planLabel.house span {
  display: inline-block;
  background-image: url(../img/common/planlabel_home--orange.png);
  width: 38px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center.orange .planLabel.house span {
    width: 20px;
    height: 20px;
  }
}
.planContainer-center.blue {
  border: 1px solid #284db4;
}
.planContainer-center.blue .planTtl {
  background-color: #284db4;
}
.planContainer-center .planContent {
  width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planContent {
    height: 86%;
    padding: 20px 10px;
  }
}
.planContainer-center .planLabel {
  width: 100%;
  font-size: 18px;
  padding: 8px 14px;
  margin-bottom: 15px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planLabel {
    font-size: 14px;
    padding: 5px 10px;
  }
}
.planContainer-center .planLabel.both {
  background-color: #ffe7be;
  color: #b76500;
}
.planContainer-center .planLabel.both span {
  display: inline-block;
  background-image: url(../img/common/planlabel_both.png);
  width: 80px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planLabel.both span {
    width: 40px;
    height: 20px;
  }
}
.planContainer-center .planLabel.apart {
  background-color: #beddff;
  color: #1e4fa2;
}
.planContainer-center .planLabel.apart span {
  display: inline-block;
  background-image: url(../img/common/planlabel_apart.png);
  width: 38px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planLabel.apart span {
    width: 20px;
    height: 20px;
  }
}
.planContainer-center .planLabel.home {
  background-color: #beddff;
  color: #1e4fa2;
}
.planContainer-center .planLabel.home span {
  display: inline-block;
  background-image: url(../img/common/planlabel_home.png);
  width: 38px;
  height: 40px;
  background-size: contain;
  margin-right: 10px;
  background-position: center;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planLabel.home span {
    width: 20px;
    height: 20px;
  }
}
.planContainer-center .planName {
  font-weight: 700;
  font-size: 1.25rem;
}
@media print, screen and (max-width: 991px) {
  .planContainer-center .planName {
    font-size: 1.125rem;
  }
}
.planContainer-center .planPrice {
  color: #c32525;
  font-size: clamp(1.125rem, 1.038rem + 0.44vw, 1.563rem);
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.planContainer-center .planPrice strong {
  font-size: clamp(1.875rem, 1.518rem + 1.79vw, 3.125rem);
}
.planContainer-center .planName + .planPrice {
  margin-top: 5px;
}
.planContainer-center .planPrice + .planLabel {
  margin-top: 40px;
}
@media print, screen and (max-width: 768px) {
  .planContainer-center .planPrice + .planLabel {
    margin-top: 10px;
  }
}
.planContainer-center .flex-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.planContainer-center .flex-box img {
  height: 55px;
}

.supportbtn_container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 60px !important;
  text-align: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (max-width: 991px) {
  .supportbtn_container {
    gap: 1em !important;
  }
}
.supportbtn_container div p {
  color: #284db4;
  font-weight: bold;
  margin-bottom: 10px;
}
.supportbtn_container div a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.supportbtn_container div a:hover {
  opacity: 0.6;
}
.supportbtn_container div a img {
  max-width: 400px;
  width: 100%;
}

/* 固定目次を非表示 */
#toc-wrap .content-box {
  display: none;
}

/* フロート目次を常に表示 */
#toc_sab,
.toc_sab-wrap {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

a:has(.subscriptionTxt) {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
a:has(.subscriptionTxt):hover {
  opacity: 0.6;
}

.subscriptionTxt {
  width: 100%;
  font-size: 24px;
  color: #284db4;
  background-color: #ffdd00;
  padding: 20px;
  border-radius: 100px;
  font-weight: bold;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  .subscriptionTxt {
    font-size: 1.125rem;
  }
}

.annotation {
  font-size: 12px;
}
@media print, screen and (max-width: 768px) {
  .annotation {
    font-size: 10px;
  }
}

.accContainer-2 .accordion-wrap .accordion .accContainerItem .acBtn {
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141));
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%);
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%);
  padding: 10px;
  border-radius: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-weight: bold;
  z-index: 1;
  overflow: hidden;
  position: relative;
  bottom: 0;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 1200px) {
  .accContainer-2 .accordion-wrap .accordion .accContainerItem .acBtn:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -2px;
  }
}
.accContainer-2 .accordion-wrap .accordion .accContainerItem .acBtn:before, .accContainer-2 .accordion-wrap .accordion .accContainerItem .acBtn:after {
  left: calc(50% + 4rem);
  top: 50%;
  background-color: #ffffff;
}

/*---------------------------------------------------------
目次エリア 目次ポップアップ + js/common.js
---------------------------------------------------------*/
#toc-wrap a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-left: 30px;
  padding-bottom: 10px;
  color: #000000;
  border-bottom: 1px solid #dadada;
  height: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 1200px) {
  #toc-wrap a:hover {
    border-bottom: 1px solid #f08d00;
    color: #f08d00;
  }
}
@media print, screen and (max-width: 1199px) {
  #toc-wrap a {
    padding-bottom: 10px;
  }
}
#toc-wrap a::before {
  content: "";
  background-image: url(../img/common/icon/arrow_circleOrangeG_down.svg);
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
}
#toc-wrap #toc {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media print, screen and (max-width: 768px) {
  #toc-wrap #toc {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}
#toc-wrap #toc li {
  width: 100%;
}
#toc-wrap #toc_sab {
  position: fixed;
  z-index: 10001;
  bottom: 0;
  right: 0;
  pointer-events: none;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  max-height: 100vh;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  #toc-wrap #toc_sab {
    max-height: 98vh;
  }
}
#toc-wrap #toc_sab.visible {
  opacity: 1;
  visibility: visible;
}
#toc-wrap #toc_sab .toc_sab_button {
  width: 50px;
  height: 50px;
  position: absolute;
  right: 40px;
  bottom: 30px;
  z-index: 9999;
  opacity: 1;
  overflow: hidden;
  pointer-events: auto;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 50%;
  background: -webkit-gradient(linear, right top, left top, from(#2ec0e8), to(#0073ff));
  background: -webkit-linear-gradient(right, #2ec0e8 0%, #0073ff 100%);
  background: linear-gradient(270deg, #2ec0e8 0%, #0073ff 100%);
}
@media print, screen and (max-width: 1199px) {
  #toc-wrap #toc_sab .toc_sab_button {
    right: 15px;
    bottom: 15px;
    width: 35px;
    height: 35px;
  }
}
@media print, screen and (min-width: 1200px) {
  #toc-wrap #toc_sab .toc_sab_button:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: 25px;
  }
  #toc-wrap #toc_sab .toc_sab_button:hover::before {
    opacity: 0;
  }
}
#toc-wrap #toc_sab .toc_sab_button::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#2EC0E8), to(#0073FF));
  background: -webkit-linear-gradient(left, #2EC0E8 0%, #0073FF 100%);
  background: linear-gradient(90deg, #2EC0E8 0%, #0073FF 100%);
  z-index: -1;
}
#toc-wrap #toc_sab .toc_sab_button::after {
  content: "";
  display: block;
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px 50px;
  cursor: pointer;
  z-index: 1;
  background-image: url(../img/common/icon/toc_sab_open_button.svg);
}
@media print, screen and (max-width: 1199px) {
  #toc-wrap #toc_sab .toc_sab_button::after {
    width: 35px;
    height: 35px;
    background-size: 35px 35px;
  }
}
#toc-wrap #toc_sab .toc_sabInner {
  position: relative;
  margin-left: auto;
  width: 450px;
  background-color: #ffffff;
  padding: 35px;
  opacity: 0;
  visibility: hidden;
  margin-right: 15px;
  pointer-events: auto;
  max-height: 100vh;
  overflow-y: auto;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  #toc-wrap #toc_sab .toc_sabInner {
    max-height: 95vh;
    margin-bottom: 15px;
    border-radius: 10px;
  }
}
@media print, screen and (max-width: 1199px) {
  #toc-wrap #toc_sab .toc_sabInner {
    width: 100%;
    padding: 20px;
    margin-right: 0;
  }
}
#toc-wrap #toc_sab .toc_sabInner h3 {
  border-bottom: none;
  margin-bottom: 20px;
}
#toc-wrap #toc_sab .toc_sabInner ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 768px) {
  #toc-wrap #toc_sab .toc_sabInner ul {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
  }
}
#toc-wrap #toc_sab .toc_sabInner ul li a {
  border-bottom: 2px solid #dadada;
  padding-bottom: 10px;
}
#toc-wrap #toc_sab .toc_sabInner ul li.active a {
  border-bottom: 2px solid #f08d00 !important;
  color: #f08d00 !important;
}
#toc-wrap #toc_sab.active {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#toc-wrap #toc_sab.active .toc_sab_button::after {
  background-image: url(../img/common/icon/toc_sab_close_button.svg);
}
#toc-wrap #toc_sab.active .toc_sabInner {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#toc-wrap .toc_sab-wrap {
  position: fixed;
  top: 0;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 40px 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  z-index: 10000;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#toc-wrap .toc_sab-wrap.active {
  opacity: 1;
  visibility: visible;
}

/*---------------------------------------------------------
ヘッダー 設定
---------------------------------------------------------*/
header {
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
  top: 0;
}
@media print, screen and (min-width: 1200px) {
  header {
    top: 30px;
    background-color: transparent;
  }
}
header .headerInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 60px;
}
@media print, screen and (min-width: 1200px) {
  header .headerInner {
    padding: 0;
  }
}
@media print, screen and (max-width: 1199px) {
  header .headerInner {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(100% - 30px);
    padding: 0;
  }
}
header .headerInner h1 {
  display: block;
  font-size: initial;
  max-width: 140px;
}
@media print, screen and (min-width: 1200px) {
  header .headerInner h1 {
    max-width: 173px;
    margin-right: 10px;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
  header .headerInner h1:hover {
    opacity: 0.5;
  }
}

.mainMenu-wrap {
  background-color: #ffffff;
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 990px;
    width: 100%;
    margin-right: 12px;
    -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
            box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
    border-radius: 30px;
  }
}
.mainMenu-wrap .mainMenu ul {
  display: none;
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li {
    height: 60px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 0.875rem;
  }
}
.mainMenu-wrap .mainMenu ul li .linkItem {
  font-weight: bold;
  padding: 0 10px;
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li .linkItem {
    color: #000000;
  }
  .mainMenu-wrap .mainMenu ul li .linkItem:hover {
    color: #f08d00;
  }
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li .displayToggleBtn {
    padding: 0 18px 0 0;
    background-image: url("../img/common/icon/arrow_blue_down.svg");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 12px auto;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
  }
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  z-index: 100;
  top: 65px;
  left: 0;
  width: 100%;
  padding-top: 20px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 1199px) {
  .mainMenu-wrap .mainMenu ul li .inContentLinks-wrap {
    position: static;
    opacity: 1;
    visibility: visible;
    display: none;
    -webkit-transition: none;
    transition: none;
  }
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner {
  background-color: #ffffff;
  padding: 20px 37px 5px;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  border-radius: 6px;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 20px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dadada;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner dl dt {
  font-size: 1.5rem;
  color: #284db4;
  font-weight: bold;
  line-height: 1;
  margin-right: 30px;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner .list-title {
  font-size: 1rem;
  color: #5E5E5E;
  margin: 12px 0 4px;
  line-height: 1.4;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner ul {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0;
  /* gap を使わず margin で調整 */
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner ul li {
  width: 30%;
  height: auto;
  padding-bottom: 10px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 5%;
  /* 基本の間隔 */
  margin-bottom: 5px;
  margin-top: 5px;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner ul li:nth-child(3n) {
  margin-right: 0;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner ul li a {
  color: #5E5E5E;
  font-size: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  pointer-events: none;
}
.mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner ul li a::before {
  content: "‐";
  margin-right: 0.5em;
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li .inContentLinks-wrap .inContentLinks-inner ul li a:hover {
    color: #f08d00;
  }
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li.active .displayToggleBtn {
    background-image: url("../img/common/icon/arrow_orange_down.svg");
  }
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li.active .displayToggleBtn .linkItem {
    color: #f08d00;
  }
}
.mainMenu-wrap .mainMenu ul li.active .inContentLinks-wrap {
  visibility: visible;
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li.active .inContentLinks-wrap {
    -webkit-box-shadow: none;
            box-shadow: none;
    top: 60px;
    opacity: 1;
  }
}
@media print, screen and (min-width: 1200px) {
  .mainMenu-wrap .mainMenu ul li.active .inContentLinks-wrap .inContentLinks-inner a {
    pointer-events: auto;
    line-height: 160%;
  }
}
@media print, screen and (max-width: 1199px) {
  .mainMenu-wrap .mainMenu ul li.active .inContentLinks-wrap {
    display: block;
  }
}

.memberMenu-wrap {
  margin-left: auto;
  margin-right: 12px;
}
@media print, screen and (max-width: 1199px) {
  .memberMenu-wrap .modal_container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.memberMenu-wrap .modal_open {
  width: 130px;
  height: 50px;
  font-size: 0.875rem;
  padding: 0 0 0 20px;
  border-radius: 50px;
}
@media print, screen and (min-width: 1200px) {
  .memberMenu-wrap .modal_open:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -3px;
  }
}
@media print, screen and (max-width: 1199px) {
  .memberMenu-wrap .modal_open {
    height: 38px;
  }
}
.memberMenu-wrap .modal_open::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url(../img/common/icon/icon_member.svg);
  background-repeat: no-repeat;
  background-position: center left 10px;
  background-size: 15px 15px;
}
@media print, screen and (min-width: 1200px) {
  .memberMenu-wrap .modal_body {
    position: relative;
  }
}
@media print, screen and (max-width: 1199px) {
  .memberMenu-wrap .modal_body {
    padding: 0;
    width: calc(100% - 30px);
    max-height: 100vh;
  }
}
@media print, screen and (max-width: 1199px) {
  .memberMenu-wrap .modal_body .modal_header {
    padding-top: 30px;
  }
}
.memberMenu-wrap .modal_body .modal_header .EdionNetLogo {
  width: 230px;
  text-align: center;
  margin: 0 auto 20px auto;
}
.memberMenu-wrap .modal_body .modal_header .EdionNetLogo span {
  display: block;
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 1;
  padding-top: 10px;
}
.memberMenu-wrap .modal_body .modal_header .close_button {
  right: 40px;
  top: 25px;
  padding: 0;
  position: absolute;
}
@media print, screen and (min-width: 1200px) {
  .memberMenu-wrap .modal_body .modal_header .close_button:hover {
    top: 30px;
  }
}
@media print, screen and (max-width: 1199px) {
  .memberMenu-wrap .modal_body .modal_header .close_button {
    width: 38px;
    height: 38px;
    right: 15px;
    top: 10px;
  }
}
.memberMenu-wrap .modal_body .modal_content .memberSupportLinkbtn {
  width: 280px;
  margin: 0 auto 40px auto;
}
.memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.mGreenbtn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  /* ←ここがキモ */
  gap: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 980px;
  margin: 0 auto 40px;
  padding: 0;
}
@media print, screen and (max-width: 768px) {
  .memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.mGreenbtn {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
.memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.mGreenbtn li {
  max-width: 100%;
}
@media print, screen and (max-width: 768px) {
  .memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.mGreenbtn li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.subbtn {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  /* ←ここがキモ */
  gap: 29px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 980px;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.subbtn {
    margin-bottom: 15px;
  }
}
@media print, screen and (max-width: 1199px) {
  .memberMenu-wrap .modal_body .modal_content .memberMenu_btnList.subbtn {
    padding-bottom: 20px;
    gap: 20px;
  }
}

@media print, screen and (min-width: 1200px) {
  .subMenu-wrap {
    margin-left: auto;
  }
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.subMenu-wrap .modal_open {
  width: 38px;
  height: 38px;
  padding: 0;
  font-size: 0rem;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_open {
    width: 58px;
    height: 58px;
  }
  .subMenu-wrap .modal_open:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -3px;
  }
}
.subMenu-wrap .modal_open::after {
  position: absolute;
  content: "";
  display: block;
  width: 38px;
  height: 38px;
  background-image: url("../img/common/icon/icon_hamburger.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 25px 25px;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_open::after {
    width: 58px;
    height: 58px;
  }
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_body {
    position: relative;
  }
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body {
    padding: 0;
    width: calc(100% - 30px);
    max-height: 100vh;
  }
}
.subMenu-wrap .modal_body .modal_header {
  border-bottom: 1px solid #dadada;
  padding-bottom: 35px;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .modal_header {
    padding-bottom: 20px;
    padding-top: 18px;
  }
}
.subMenu-wrap .modal_body .modal_header .EdionNetLogo {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_body .modal_header .EdionNetLogo {
    width: 230px;
  }
  .subMenu-wrap .modal_body .modal_header .EdionNetLogo:hover {
    opacity: 0.5;
  }
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .modal_header .EdionNetLogo {
    width: 140px;
  }
}
.subMenu-wrap .modal_body .modal_header .close_button {
  right: 40px;
  top: 25px;
  padding: 0;
  position: absolute;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_body .modal_header .close_button:hover {
    top: 30px;
  }
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .modal_header .close_button {
    width: 38px;
    height: 38px;
    right: 15px;
    top: 10px;
  }
}
.subMenu-wrap .modal_body .linkItem,
.subMenu-wrap .modal_body .acBtn {
  border-bottom: 1px solid #A9A9A9;
  margin-bottom: 20px;
  padding-bottom: 10px;
  line-height: 1;
  width: 100%;
  display: block;
  color: #284db4;
  font-weight: bold;
  font-size: 1rem;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_body .linkItem,
  .subMenu-wrap .modal_body .acBtn {
    font-size: 1.125rem;
    padding-bottom: 20px;
  }
  .subMenu-wrap .modal_body .linkItem:hover,
  .subMenu-wrap .modal_body .acBtn:hover {
    color: #f08d00;
  }
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .linkItem,
  .subMenu-wrap .modal_body .acBtn {
    margin-bottom: 0;
    padding-top: 10px;
  }
}
.subMenu-wrap .modal_body .linkItem.inquiry,
.subMenu-wrap .modal_body .acBtn.inquiry {
  display: none !important;
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content {
  background-color: #EEF6FF;
  padding: 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 10px;
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content.active {
  padding: 10px 30px 0 30px;
  margin-bottom: 15px;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content.active {
    margin-top: 15px;
  }
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content .list-title {
  color: #5E5E5E;
  margin: 6px 0;
  line-height: 1.4;
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: block;
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content li {
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-right: 5%;
  width: 30%;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content li {
    width: 100%;
  }
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content li:nth-child(3n) {
  margin-right: 0;
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content li a {
  color: #5E5E5E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content li a::before {
  content: "‐";
  margin-right: 0.5em;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_body .accordion-wrap .accordion .ac_content li a:hover {
    color: #f08d00;
  }
}
.subMenu-wrap .modal_body .subMenu_02 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding-top: 20px;
  padding-bottom: 10px;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .subMenu_02 {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.subMenu-wrap .modal_body .subMenu_02 li {
  margin-right: 100px;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .subMenu_02 li {
    width: 48%;
    margin-right: 0;
    font-size: 0.875rem;
  }
}
.subMenu-wrap .modal_body .subMenu_03 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .subMenu_03 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.subMenu-wrap .modal_body .subMenu_03 li {
  border-right: 1px solid #333333;
  line-height: 1;
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .subMenu_03 li {
    width: 45%;
    margin-right: 0;
    border-right: none;
    margin-bottom: 15px;
  }
}
.subMenu-wrap .modal_body .subMenu_03 li a {
  color: #333333;
  padding: 0 25px;
}
@media print, screen and (min-width: 1200px) {
  .subMenu-wrap .modal_body .subMenu_03 li a {
    font-size: 0.9375rem;
  }
  .subMenu-wrap .modal_body .subMenu_03 li a:hover {
    color: #f08d00;
  }
}
@media print, screen and (max-width: 1199px) {
  .subMenu-wrap .modal_body .subMenu_03 li a {
    padding: 0;
    line-height: 1.3;
    font-size: 0.875rem;
  }
}
.subMenu-wrap .modal_body .subMenu_03 li:first-child a {
  padding-left: 0;
}
.subMenu-wrap .modal_body .subMenu_03 li:last-child {
  border-right: none;
}
.subMenu-wrap .modal_body .subMenu_03 li:last-child a {
  padding-right: 0;
}

/*---------------------------------------------------------
フッター 設定
---------------------------------------------------------*/
footer {
  margin-top: 80px;
  background-color: #ffffff;
}
@media print, screen and (max-width: 768px) {
  footer {
    margin-top: 40px;
  }
}
footer .maxInner {
  max-width: 1195px;
  padding: 0;
}
footer .siteMap {
  padding: 40px 0 100px 0;
}
@media print, screen and (max-width: 768px) {
  footer .siteMap {
    padding: 30px 0 30px 0;
  }
}
footer .siteMap .accordion-wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
}
@media print, screen and (max-width: 768px) {
  footer .siteMap .accordion-wrap {
    display: block;
  }
}
footer .siteMap .accordion-wrap li {
  margin-bottom: 20px;
}
@media print, screen and (max-width: 768px) {
  footer .siteMap .accordion-wrap li {
    margin-bottom: 0;
    width: 100%;
  }
}
footer .siteMap .accordion-wrap .accordion .linkItem {
  border-bottom: 1px solid #284db4;
  display: block;
  font-weight: bold;
  font-size: 1rem;
  color: #284db4;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 769px) {
  footer .siteMap .accordion-wrap .accordion .linkItem {
    font-size: 1.125rem;
  }
  footer .siteMap .accordion-wrap .accordion .linkItem:hover {
    color: #f08d00;
  }
}
footer .siteMap .accordion-wrap .accordion .ac_content li {
  margin-bottom: 0;
  padding: 0 5px;
}
footer .siteMap .accordion-wrap .accordion .ac_content li a {
  color: #5E5E5E;
  font-size: 0.875rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
footer .siteMap .accordion-wrap .accordion .ac_content li a::before {
  content: "‐";
  margin-right: 0.5em;
}
@media print, screen and (min-width: 769px) {
  footer .siteMap .accordion-wrap .accordion .ac_content li a:hover {
    color: #f08d00;
  }
}
@media print, screen and (max-width: 768px) {
  footer .siteMap .accordion-wrap .accordion .ac_content li:last-child {
    margin-bottom: 20px;
  }
}
footer .siteMap .accordion-wrap .accordion .ac_content .list-title {
  font-size: 0.875rem;
  color: #5E5E5E;
  line-height: 1.4;
  margin: 8px 0 3px;
  padding-left: 5px;
  width: 100%;
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
@media print, screen and (min-width: 769px) {
  footer .siteMap .accordion-wrap .accordion.disable-pc .ac_content {
    height: auto !important;
    overflow: visible;
  }
  footer .siteMap .accordion-wrap .accordion.disable-pc .ac_content > li:first-child {
    display: none;
  }
}
footer .policy {
  margin-bottom: 12px;
}
footer .policy ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media screen and (max-width: 1094px) {
  footer .policy ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.2;
  }
}
footer .policy ul li {
  padding-bottom: 12px;
}
@media print, screen and (min-width: 992px) {
  footer .policy ul li {
    border-right: 1px solid #333333;
    padding: 0 15px;
  }
  footer .policy ul li:last-child {
    border-right: none;
  }
}
@media screen and (max-width: 1094px) {
  footer .policy ul li {
    border-right: none;
    width: 33%;
    padding-bottom: 12px !important;
  }
}
@media print, screen and (max-width: 768px) {
  footer .policy ul li {
    width: 45%;
  }
}
footer .policy ul li a {
  font-size: 0.875rem;
  color: #333333;
}
@media print, screen and (min-width: 1200px) {
  footer .policy ul li a:hover {
    color: #f08d00;
  }
}
footer .relatedServices {
  background-color: #284db4;
  padding: 24px 0;
}
@media print, screen and (max-width: 991px) {
  footer .relatedServices {
    padding: 24px 0 12px 0;
  }
}
footer .relatedServices ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media print, screen and (max-width: 991px) {
  footer .relatedServices ul {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1.2;
  }
}
footer .relatedServices ul li {
  padding-bottom: 12px;
}
@media print, screen and (min-width: 992px) {
  footer .relatedServices ul li {
    border-right: 1px solid #ffffff;
    padding: 0 15px;
  }
  footer .relatedServices ul li:first-child {
    border-right: none;
  }
  footer .relatedServices ul li:last-child {
    border-right: none;
  }
}
@media print, screen and (max-width: 991px) {
  footer .relatedServices ul li {
    width: 33%;
  }
  footer .relatedServices ul li:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 8px;
  }
}
@media print, screen and (max-width: 768px) {
  footer .relatedServices ul li {
    width: 45%;
  }
  footer .relatedServices ul li:first-child {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin-bottom: 8px;
  }
}
footer .relatedServices ul li img {
  max-width: 100px;
  font-size: initial;
}
footer .relatedServices ul li a {
  font-size: 0.875rem;
  color: #ffffff;
}
@media print, screen and (min-width: 1200px) {
  footer .relatedServices ul li a:hover {
    color: #f08d00;
  }
}
footer .copyright {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  background-color: #f08d00;
  color: #ffffff;
  height: 60px;
}

/*---------------------------------------------------------
見出し
---------------------------------------------------------*/
/*h2タイトル
--------------------------------------------------*/
h2 {
  font-size: 1.375rem;
  line-height: 1.3;
  color: #284db4;
  padding-bottom: 15px;
  margin-bottom: 25px;
  border-bottom: 2px solid #b6bfcf;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
h2::before {
  content: "";
  background-image: url(../img/common/icon/icon_h2.svg);
  display: block;
  width: 26px;
  height: 26px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 15px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media print, screen and (min-width: 1200px) {
  h2 {
    font-size: 2.25rem;
    margin-bottom: 60px;
  }
  h2::before {
    width: 26px;
    height: 26px;
    margin-right: 10px;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

/*h3タイトル
--------------------------------------------------*/
h3 {
  font-size: 1.125rem;
  line-height: 1.3;
  padding: 10px 20px;
  margin-bottom: 20px;
  background-color: #EEF5FF;
  border-left: 5px solid #284db4;
}
@media print, screen and (min-width: 1200px) {
  h3 {
    font-size: 1.5rem;
    padding: 15px 25px;
    margin-bottom: 40px;
    margin-top: 20px;
    background-color: #EEF5FF;
    border-left: 10px solid #284db4;
  }
}

/*h4タイトル
--------------------------------------------------*/
h4 {
  line-height: 1.2;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 1200px) {
  h4 {
    font-size: 1.25rem;
    margin-bottom: 20px;
  }
}

/*h5タイトル
--------------------------------------------------*/
h5 {
  line-height: 1.2;
  margin-bottom: 10px;
}
@media print, screen and (min-width: 1200px) {
  h5 {
    font-size: 1rem;
    margin-bottom: 10px;
  }
}

/*---------------------------------------------------------
@mixin btnHoverAnimation
---------------------------------------------------------*/
/*---------------------------------------------------------
ボタン
---------------------------------------------------------*/
/*btn1
--------------------------------------------------*/
.btn1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff !important;
  font-weight: bold;
  z-index: 1;
  overflow: hidden;
  padding: 15px 46px 15px 24px;
  position: relative;
  bottom: 0;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 5px;
}
@media print, screen and (min-width: 1200px) {
  .btn1:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -2px;
  }
}
.btn1::before, .btn1::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn1::before {
  z-index: -1;
}
.btn1::after {
  position: absolute;
  content: "";
  display: block;
  background-image: url("../img/common/icon/arrow_white_right.svg");
  background-repeat: no-repeat;
  background-position: center right 15px;
  background-size: 8px 13px;
}
@media print, screen and (min-width: 1200px) {
  .btn1:hover::before {
    opacity: 0;
  }
}
.btn1.blue {
  background: -webkit-gradient(linear, right top, left top, from(#2ec0e8), to(#0073ff)) !important;
  background: -webkit-linear-gradient(right, #2ec0e8 0%, #0073ff 100%) !important;
  background: linear-gradient(270deg, #2ec0e8 0%, #0073ff 100%) !important;
}
.btn1.blue::before {
  background: -webkit-gradient(linear, left top, right top, from(#2ec0e8), to(#0073ff));
  background: -webkit-linear-gradient(left, #2ec0e8 0%, #0073ff 100%);
  background: linear-gradient(90deg, #2ec0e8 0%, #0073ff 100%);
}
.btn1.green {
  background: -webkit-gradient(linear, left top, right top, from(#0f9280), to(#18b68a)) !important;
  background: -webkit-linear-gradient(left, #0f9280 0%, #18b68a 100%) !important;
  background: linear-gradient(90deg, #0f9280 0%, #18b68a 100%) !important;
}
.btn1.green::before {
  background: -webkit-gradient(linear, left top, right top, from(#18b68a), to(#0f9280));
  background: -webkit-linear-gradient(left, #18b68a 0%, #0f9280 100%);
  background: linear-gradient(90deg, #18b68a 0%, #0f9280 100%);
}
.btn1.orange {
  border-radius: 100px;
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141)) !important;
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%) !important;
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%) !important;
}
.btn1.orange::before {
  background: -webkit-gradient(linear, left top, right top, from(#ffb141), to(#ff6200));
  background: -webkit-linear-gradient(left, #ffb141 0%, #ff6200 100%);
  background: linear-gradient(90deg, #ffb141 0%, #ff6200 100%);
}
.btn1.orange2 {
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141)) !important;
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%) !important;
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%) !important;
}
.btn1.orange2::before {
  background: -webkit-gradient(linear, left top, right top, from(#ffb141), to(#ff6200));
  background: -webkit-linear-gradient(left, #ffb141 0%, #ff6200 100%);
  background: linear-gradient(90deg, #ffb141 0%, #ff6200 100%);
}

/*btn2
--------------------------------------------------*/
.btn2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000 !important;
  padding-left: 30px;
  position: relative;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn2::before {
  content: "";
  background-image: url("../img/common/icon/arrow_circleBlue_right.svg");
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media print, screen and (min-width: 1200px) {
  .btn2:hover {
    color: #f08d00 !important;
  }
}
.btn2[target=_blank]::after {
  content: "";
  background-image: url("../img/common/icon/icon_new_window.svg");
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 5px;
}
.btn2[href$=".pdf"]::after {
  content: "";
  background-image: url("../img/common/icon/icon_pdf.svg");
  display: block;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-left: 5px;
}
@media print, screen and (max-width: 768px) {
  .btn2 {
    padding-right: 20px;
  }
  .btn2[target=_blank]::after {
    position: static;
    -webkit-transform: none;
            transform: none;
    display: inline-block;
    vertical-align: middle;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}

/*btn3
--------------------------------------------------*/
.btn3 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000 !important;
  border-bottom: 1px solid #284db4 !important;
  margin: 0 5px 10px;
  position: relative;
  top: 2.2px;
  line-height: 1.4;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn3::before {
  content: "";
  background-image: url("../img/common/icon/arrow_blue_down.svg");
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 10px;
  -webkit-filter: invert(27%) sepia(89%) saturate(1410%) hue-rotate(208deg) brightness(81%) contrast(94%);
          filter: invert(27%) sepia(89%) saturate(1410%) hue-rotate(208deg) brightness(81%) contrast(94%);
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
@media print, screen and (min-width: 1200px) {
  .btn3:hover {
    color: #f08d00 !important;
    border-bottom: 1px solid #f08d00;
    -webkit-filter: invert(54%) sepia(97%) saturate(1498%) hue-rotate(3deg) brightness(97%) contrast(101%);
            filter: invert(54%) sepia(97%) saturate(1498%) hue-rotate(3deg) brightness(97%) contrast(101%);
  }
}

/*btn4
--------------------------------------------------*/
.btn4 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #284db4 !important;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.btn4::after {
  content: "";
  background-image: url("../img/common/icon/arrow_blue_right.svg");
  display: block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center right;
  margin-left: 15px;
  -webkit-filter: invert(27%) sepia(89%) saturate(1410%) hue-rotate(208deg) brightness(81%) contrast(94%);
          filter: invert(27%) sepia(89%) saturate(1410%) hue-rotate(208deg) brightness(81%) contrast(94%);
}
@media print, screen and (min-width: 1200px) {
  .btn4:hover {
    color: #f08d00 !important;
    -webkit-filter: invert(54%) sepia(97%) saturate(1498%) hue-rotate(3deg) brightness(97%) contrast(101%);
            filter: invert(54%) sepia(97%) saturate(1498%) hue-rotate(3deg) brightness(97%) contrast(101%);
  }
}

/*会員メニューボタン
--------------------------------------------------*/
@media print, screen and (min-width: 769px) {
  .memberMenu_btnList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
  .memberMenu_btnList.mGreenbtn li, .memberMenu_btnList.mOrangebtn li {
    max-width: 160px;
    width: 100%;
  }
  .memberMenu_btnList.subbtn li {
    width: 100%;
  }
  .memberMenu_btnList.newsbtn li {
    max-width: 350px;
    width: 100%;
  }
}
@media print, screen and (max-width: 768px) {
  .memberMenu_btnList {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .memberMenu_btnList li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
.memberMenu_btnList li a {
  position: relative;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background-color: #ffffff !important;
  color: #000000 !important;
  padding: 9px;
  width: 100%;
  aspect-ratio: 1/1;
  font-size: min(3.5vw, 14px);
  line-height: 1.4;
  position: relative;
  bottom: 0;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 8px;
}
@media print, screen and (min-width: 1200px) {
  .memberMenu_btnList li a:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -2px;
  }
}
.memberMenu_btnList li a span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
  height: 60%;
}
.memberMenu_btnList li a::after {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 18px;
  height: 18px;
}
.memberMenu_btnList li a::before {
  width: 35%;
  height: auto;
  position: absolute;
  top: 17%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
.memberMenu_btnList.green li a {
  border: solid 1px #2bbc94 !important;
}
@media print, screen and (min-width: 1200px) {
  .memberMenu_btnList.green li a:hover {
    background-color: #edfcfa;
  }
}
.memberMenu_btnList.green li a::after {
  content: url("../img/common/icon/arrow_circleGreen_right.svg");
}
.memberMenu_btnList.green li a.mgbtn01::before {
  content: url("../img/common/icon/icon_mgbtn01.svg");
}
.memberMenu_btnList.green li a.mgbtn02::before {
  content: url("../img/common/icon/icon_mgbtn02.svg");
}
.memberMenu_btnList.green li a.mgbtn03::before {
  content: url("../img/common/icon/icon_mgbtn03.svg");
}
.memberMenu_btnList.green li a.mgbtn04::before {
  content: url("../img/common/icon/icon_mgbtn04.svg");
}
.memberMenu_btnList.green li a.mgbtn05::before {
  content: url("../img/common/icon/icon_mgbtn05.svg");
}
.memberMenu_btnList.green li a.mgbtn06::before {
  content: url("../img/common/icon/icon_mgbtn06.svg");
}
.memberMenu_btnList.green li a.mgbtn07::before {
  content: url("../img/common/icon/icon_mgbtn07.svg");
}
.memberMenu_btnList.green li a.mgbtn08::before {
  content: url("../img/common/icon/icon_mgbtn08.svg");
}
.memberMenu_btnList.green li a.mgbtn09::before {
  content: url("../img/common/icon/icon_mgbtn09.svg");
}
.memberMenu_btnList.green li a.mgbtn10::before {
  content: url("../img/common/icon/icon_mgbtn10.svg");
}
.memberMenu_btnList.green li a.mgbtn11::before {
  content: url("../img/common/icon/icon_mgbtn11.svg");
}
.memberMenu_btnList.green li a.mgbtn12::before {
  content: url("../img/common/icon/icon_mgbtn12.svg");
}
.memberMenu_btnList.green li a.mgbtn13::before {
  content: url("../img/common/icon/icon_mgbtn13.svg");
}
.memberMenu_btnList.green li a.mgbtn14::before {
  content: url("../img/common/icon/icon_mgbtn14.svg");
}
.memberMenu_btnList.green li a.mgbtn15::before {
  content: url("../img/common/icon/icon_mgbtn15.svg");
}
.memberMenu_btnList.green li a.mgbtn16::before {
  content: url("../img/common/icon/icon_mgbtn16.svg");
}
.memberMenu_btnList.green li a.mgbtn17::before {
  content: url("../img/common/icon/icon_mgbtn17.svg");
}
.memberMenu_btnList.green li a.mgbtn18::before {
  content: url("../img/common/icon/icon_mgbtn18.svg");
}
.memberMenu_btnList.green li a.mgbtn19::before {
  content: url("../img/common/icon/icon_mgbtn19.svg");
}
.memberMenu_btnList.green li a.mgbtn20::before {
  content: url("../img/common/icon/icon_mgbtn20.svg");
}
.memberMenu_btnList.orange li a {
  border: solid 1px #f08d00 !important;
}
@media print, screen and (min-width: 1200px) {
  .memberMenu_btnList.orange li a:hover {
    background-color: #fff4e3;
  }
}
.memberMenu_btnList.orange li a::after {
  content: url("../img/common/icon/arrow_circleOrange_down.svg");
}
.memberMenu_btnList.orange li a.mobtn01::before {
  content: url("../img/common/icon/icon_mobtn01.svg");
}
.memberMenu_btnList.orange li a.mobtn02::before {
  content: url("../img/common/icon/icon_mobtn02.svg");
}
.memberMenu_btnList.orange li a.mobtn03::before {
  content: url("../img/common/icon/icon_mobtn03.svg");
}
.memberMenu_btnList.orange li a.mobtn04::before {
  content: url("../img/common/icon/icon_mobtn04.svg");
}
.memberMenu_btnList.subbtn li a, .memberMenu_btnList.newsbtn li a {
  aspect-ratio: unset;
  background-position: right 10px center;
  padding-right: 30px;
}
@media print, screen and (max-width: 1199px) {
  .memberMenu_btnList.subbtn li a, .memberMenu_btnList.newsbtn li a {
    max-height: 100% !important;
    height: 100%;
  }
}
.memberMenu_btnList.subbtn li a span, .memberMenu_btnList.newsbtn li a span {
  height: auto;
  margin-top: 0;
  max-inline-size: -webkit-max-content;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto;
  text-align: justify;
}
.memberMenu_btnList.subbtn li a::after, .memberMenu_btnList.newsbtn li a::after {
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.memberMenu_btnList.subbtn li a {
  height: 65px;
}
.memberMenu_btnList.newsbtn li {
  max-width: 350px;
}
.memberMenu_btnList.newsbtn li a {
  height: 50px;
}
.memberMenu_btnList.newsbtn li a span {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: center left;
  padding: 5px 0 5px 40px;
}
.memberMenu_btnList.newsbtn li .newsbtn01 span {
  background-image: url("../img/common/icon/icon_newsbtn01.svg");
}
.memberMenu_btnList.newsbtn li .newsbtn02 span {
  background-image: url("../img/common/icon/icon_newsbtn02.svg");
}
.memberMenu_btnList.newsbtn li .newsbtn03 span {
  background-image: url("../img/common/icon/icon_newsbtn03.svg");
}

/*テキストリンク
--------------------------------------------------*/
.txt_link {
  color: #f08d00 !important;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  .txt_link:hover {
    opacity: 0.7;
  }
}
.txt_link[target=_blank]::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-left: 1px;
  margin-right: 1px;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("../img/common/icon/icon_new_window.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.txt_link--black {
  color: #000000 !important;
  text-decoration: underline;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  .txt_link--black:hover {
    opacity: 0.7;
  }
}

/*横並び
--------------------------------------------------*/
.category-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1em 2em;
  padding: 0;
  list-style: none;
}

.category-list li {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*---------------------------------------------------------
テーブル
---------------------------------------------------------*/
.table-wrap {
  border: 1px solid #dadada;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  /*テーブルタイプ 設定
  --------------------------------------------------*/
  /*テーブル内各種設定
  --------------------------------------------------*/
}
.table-wrap table {
  border-collapse: collapse;
  border: none;
  width: 100%;
  min-width: 978px;
}
.table-wrap table tr {
  border-bottom: 1px solid #dadada;
}
.table-wrap table tr:last-child {
  border-bottom: none;
}
.table-wrap table tr th,
.table-wrap table tr td {
  border-right: 1px solid #dadada;
  position: relative;
}
.table-wrap table tr th:last-child,
.table-wrap table tr td:last-child {
  border-right: none;
}
.table-wrap table tr th span,
.table-wrap table tr td span {
  display: inline-block;
}
.table-wrap table tr th {
  color: #ffffff;
  background-color: #284db4;
  text-align: center;
  padding: 10px;
}
.table-wrap table tr th a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}
.table-wrap table tr th a:hover {
  color: #f08d00;
  border-color: #f08d00;
}
.table-wrap table tr td {
  padding: 20px;
}
.table-wrap table tr .border-t {
  border-top: 1px solid #dadada !important;
}
.table-wrap.tableType_01 table tr th {
  background: #f5f9fa;
  color: #000000;
}
.table-wrap.tableType_01 table tr:first-child th {
  background-color: #284db4;
  color: #ffffff;
}
.table-wrap.tableType_01 table tr:first-child td:first-child {
  background-color: #284db4;
  color: #ffffff;
}
.table-wrap.tableType_01 table tr:first-child td.bg-none {
  background-color: transparent !important;
}
.table-wrap.tableType_03 {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.table-wrap.tableType_03 table {
  table-layout: auto;
}
.table-wrap.tableType_03 table tr td:first-child {
  background-color: #f5f9fa;
  width: 20%;
}
.table-wrap.tableType_03 table tr td.no-width {
  width: auto;
}
.table-wrap.tableType_03 table tr td.bg-none {
  background-color: transparent !important;
}
.table-wrap.tableType_03-b {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.table-wrap.tableType_03-b table {
  table-layout: auto;
}
.table-wrap.tableType_03-d {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: none;
  border-radius: 0;
}
.table-wrap.tableType_03-d table {
  table-layout: auto;
  border: none;
}
.table-wrap.tableType_03-d table tr {
  border: none !important;
}
.table-wrap.tableType_03-d table tr th,
.table-wrap.tableType_03-d table tr td {
  border: none !important;
}
.table-wrap.tableType_04 tbody tr:first-child {
  background-color: #f5f9fa;
  text-align: center;
}
.table-wrap.tableType_04 tbody tr.bg-none {
  background-color: transparent !important;
}
.table-wrap.table-fixed table {
  table-layout: fixed;
}
.table-wrap.table-align-right table td:nth-child(1) {
  text-align: left;
}
.table-wrap.table-align-right table td:not(:nth-child(1)) {
  text-align: right;
}
.table-wrap .align_left {
  text-align: left;
}
.table-wrap .align_center {
  text-align: center;
}
.table-wrap .align_right {
  text-align: right;
}
.table-wrap .align_top {
  vertical-align: top !important;
}
.table-wrap .align_middle {
  vertical-align: middle !important;
}
.table-wrap .align_justify {
  max-inline-size: -webkit-max-content;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto;
  text-align: justify;
}
.table-wrap .inline-left {
  display: inline-block;
  text-align: left;
  /* 中身は左寄せ */
}

.border-b {
  border-bottom: 1px solid #dadada !important;
}

.border-r {
  border-right: 1px solid #dadada !important;
}

.border-l {
  border-left: 1px solid #dadada !important;
}

.border-no table,
.border-no th,
.border-no td {
  border: none !important;
}

.border-no-t {
  border-top: none !important;
}

.border-no-b {
  border-bottom: none !important;
}

.border-no-r {
  border-right: none !important;
}

.border-no-l {
  border-left: none !important;
}

.border-b2 {
  border-bottom: 3px solid #dadada !important;
}

.bg-no th,
.bg-no td {
  background: none !important;
}

.fw-no th {
  font-weight: normal !important;
}

.tableType_03-c table,
.table-wrap .tableType_03-c table {
  table-layout: fixed;
  border-collapse: collapse;
  border: none;
}
.tableType_03-c.tbfull table,
.table-wrap .tableType_03-c.tbfull table {
  width: 100%;
}
.tableType_03-c th,
.tableType_03-c td,
.table-wrap .tableType_03-c th,
.table-wrap .tableType_03-c td {
  width: auto;
  border: 1px solid #dadada;
  padding: 1rem;
}
@media print, screen and (max-width: 768px) {
  .tableType_03-c th,
  .tableType_03-c td,
  .table-wrap .tableType_03-c th,
  .table-wrap .tableType_03-c td {
    word-break: break-word;
    overflow-wrap: anywhere;
  }
}
.tableType_03-c tr td:first-child,
.table-wrap .tableType_03-c tr td:first-child {
  width: auto;
  padding: 1rem;
  border: 1px solid #dadada;
}
.tableType_03-c tr td.bccolor-6:first-child,
.table-wrap .tableType_03-c tr td.bccolor-6:first-child {
  width: auto;
  padding: 1rem;
  border: 1px solid #dadada;
  background: #fff;
}
.tableType_03-c td:last-child,
.table-wrap .tableType_03-c td:last-child {
  border: 1px solid #dadada;
}
.tableType_03-c th,
.table-wrap .tableType_03-c th {
  text-align: left;
  background: #f5f9fa;
  color: #000000;
}
.tableType_03-c .bccolor-6,
.table-wrap .tableType_03-c .bccolor-6 {
  background: #fff !important;
}
@media screen and (max-width: 1200px) {
  .tableType_03-c,
  .table-wrap .tableType_03-c {
    /* ここにスタイルを書く */
  }
}
.tableType_03-c .align_left,
.table-wrap .tableType_03-c .align_left {
  text-align: left;
}
.tableType_03-c .align_center,
.table-wrap .tableType_03-c .align_center {
  text-align: center;
}
.tableType_03-c .align_right,
.table-wrap .tableType_03-c .align_right {
  text-align: right;
}
.tableType_03-c .align_top,
.table-wrap .tableType_03-c .align_top {
  vertical-align: top !important;
}
.tableType_03-c .align_middle,
.table-wrap .tableType_03-c .align_middle {
  vertical-align: middle !important;
}
.tableType_03-c .align_justify,
.table-wrap .tableType_03-c .align_justify {
  max-inline-size: -webkit-max-content;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto;
  text-align: justify;
}
.tableType_03-c .inline-left,
.table-wrap .tableType_03-c .inline-left {
  display: inline-block;
  text-align: left;
  /* 中身は左寄せ */
}

.tableType_03-c.spfit {
  width: 100%;
}

.tableType_03-c.spfit table {
  width: 100%;
  max-width: 100%;
}
.tableType_03-c.spfit table td,
.tableType_03-c.spfit table th {
  word-break: break-word;
  overflow-wrap: anywhere;
}
@media print, screen and (max-width: 768px) {
  .tableType_03-c.spfit table {
    table-layout: fixed;
  }
}
@media print, screen and (min-width: 769px) {
  .tableType_03-c.spfit table {
    table-layout: auto;
  }
}
@media print, screen and (min-width: 769px) {
  .tableType_03-c.spfit table th:first-child,
  .tableType_03-c.spfit table td:first-child {
    white-space: nowrap;
  }
}

@media print, screen and (min-width: 769px) {
  .tableType_03-c.spfit.nowrap-off table th:first-child,
  .tableType_03-c.spfit.nowrap-off table td:first-child {
    white-space: normal !important;
  }
}

/*ピックアップセルの設定
--------------------------------------------------*/
.pickup_01.color_01 table tr th:nth-child(1) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_01.color_01 table tr td:nth-child(1) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_01.color_01 table tr:last-child td:nth-child(1) {
  border-bottom: 4px solid #f08d00;
}

.pickup_01.color_02 table tr th:nth-child(1) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_01.color_02 table tr td:nth-child(1) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_01.color_02 table tr:last-child td:nth-child(1) {
  border-bottom: 4px solid #66cc66;
}

.pickup_01.color_03 table tr th:nth-child(1) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_01.color_03 table tr td:nth-child(1) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_01.color_03 table tr:last-child td:nth-child(1) {
  border-bottom: 4px solid #6699ff;
}

.pickup_01.color_04 table tr th:nth-child(1) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_01.color_04 table tr td:nth-child(1) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_01.color_04 table tr:last-child td:nth-child(1) {
  border-bottom: 4px solid #f74e97;
}

.pickup_01.color_05 table tr th:nth-child(1) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_01.color_05 table tr td:nth-child(1) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_01.color_05 table tr:last-child td:nth-child(1) {
  border-bottom: 4px solid #8567e8;
}

.pickup_01.color_06 table tr th:nth-child(1) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_01.color_06 table tr td:nth-child(1) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_01.color_06 table tr:last-child td:nth-child(1) {
  border-bottom: 4px solid #f08d00;
}

.pickup_02.color_01 table tr th:nth-child(2) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_02.color_01 table tr td:nth-child(2) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_02.color_01 table tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #f08d00;
}

.pickup_02.color_02 table tr th:nth-child(2) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_02.color_02 table tr td:nth-child(2) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_02.color_02 table tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #66cc66;
}

.pickup_02.color_03 table tr th:nth-child(2) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_02.color_03 table tr td:nth-child(2) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_02.color_03 table tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #6699ff;
}

.pickup_02.color_04 table tr th:nth-child(2) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_02.color_04 table tr td:nth-child(2) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_02.color_04 table tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #f74e97;
}

.pickup_02.color_05 table tr th:nth-child(2) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_02.color_05 table tr td:nth-child(2) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_02.color_05 table tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #8567e8;
}

.pickup_02.color_06 table tr th:nth-child(2) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_02.color_06 table tr td:nth-child(2) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_02.color_06 table tr:last-child td:nth-child(2) {
  border-bottom: 4px solid #f08d00;
}

.pickup_03.color_01 table tr th:nth-child(3) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_03.color_01 table tr td:nth-child(3) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_03.color_01 table tr:last-child td:nth-child(3) {
  border-bottom: 4px solid #f08d00;
}

.pickup_03.color_02 table tr th:nth-child(3) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_03.color_02 table tr td:nth-child(3) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_03.color_02 table tr:last-child td:nth-child(3) {
  border-bottom: 4px solid #66cc66;
}

.pickup_03.color_03 table tr th:nth-child(3) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_03.color_03 table tr td:nth-child(3) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_03.color_03 table tr:last-child td:nth-child(3) {
  border-bottom: 4px solid #6699ff;
}

.pickup_03.color_04 table tr th:nth-child(3) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_03.color_04 table tr td:nth-child(3) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_03.color_04 table tr:last-child td:nth-child(3) {
  border-bottom: 4px solid #f74e97;
}

.pickup_03.color_05 table tr th:nth-child(3) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_03.color_05 table tr td:nth-child(3) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_03.color_05 table tr:last-child td:nth-child(3) {
  border-bottom: 4px solid #8567e8;
}

.pickup_03.color_06 table tr th:nth-child(3) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_03.color_06 table tr td:nth-child(3) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_03.color_06 table tr:last-child td:nth-child(3) {
  border-bottom: 4px solid #f08d00;
}

.pickup_04.color_01 table tr th:nth-child(4) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_04.color_01 table tr td:nth-child(4) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_04.color_01 table tr:last-child td:nth-child(4) {
  border-bottom: 4px solid #f08d00;
}

.pickup_04.color_02 table tr th:nth-child(4) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_04.color_02 table tr td:nth-child(4) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_04.color_02 table tr:last-child td:nth-child(4) {
  border-bottom: 4px solid #66cc66;
}

.pickup_04.color_03 table tr th:nth-child(4) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_04.color_03 table tr td:nth-child(4) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_04.color_03 table tr:last-child td:nth-child(4) {
  border-bottom: 4px solid #6699ff;
}

.pickup_04.color_04 table tr th:nth-child(4) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_04.color_04 table tr td:nth-child(4) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_04.color_04 table tr:last-child td:nth-child(4) {
  border-bottom: 4px solid #f74e97;
}

.pickup_04.color_05 table tr th:nth-child(4) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_04.color_05 table tr td:nth-child(4) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_04.color_05 table tr:last-child td:nth-child(4) {
  border-bottom: 4px solid #8567e8;
}

.pickup_04.color_06 table tr th:nth-child(4) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_04.color_06 table tr td:nth-child(4) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_04.color_06 table tr:last-child td:nth-child(4) {
  border-bottom: 4px solid #f08d00;
}

.pickup_05.color_01 table tr th:nth-child(5) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_05.color_01 table tr td:nth-child(5) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_05.color_01 table tr:last-child td:nth-child(5) {
  border-bottom: 4px solid #f08d00;
}

.pickup_05.color_02 table tr th:nth-child(5) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_05.color_02 table tr td:nth-child(5) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_05.color_02 table tr:last-child td:nth-child(5) {
  border-bottom: 4px solid #66cc66;
}

.pickup_05.color_03 table tr th:nth-child(5) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_05.color_03 table tr td:nth-child(5) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_05.color_03 table tr:last-child td:nth-child(5) {
  border-bottom: 4px solid #6699ff;
}

.pickup_05.color_04 table tr th:nth-child(5) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_05.color_04 table tr td:nth-child(5) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_05.color_04 table tr:last-child td:nth-child(5) {
  border-bottom: 4px solid #f74e97;
}

.pickup_05.color_05 table tr th:nth-child(5) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_05.color_05 table tr td:nth-child(5) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_05.color_05 table tr:last-child td:nth-child(5) {
  border-bottom: 4px solid #8567e8;
}

.pickup_05.color_06 table tr th:nth-child(5) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_05.color_06 table tr td:nth-child(5) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_05.color_06 table tr:last-child td:nth-child(5) {
  border-bottom: 4px solid #f08d00;
}

.pickup_06.color_01 table tr th:nth-child(6) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_06.color_01 table tr td:nth-child(6) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_06.color_01 table tr:last-child td:nth-child(6) {
  border-bottom: 4px solid #f08d00;
}

.pickup_06.color_02 table tr th:nth-child(6) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_06.color_02 table tr td:nth-child(6) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_06.color_02 table tr:last-child td:nth-child(6) {
  border-bottom: 4px solid #66cc66;
}

.pickup_06.color_03 table tr th:nth-child(6) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_06.color_03 table tr td:nth-child(6) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_06.color_03 table tr:last-child td:nth-child(6) {
  border-bottom: 4px solid #6699ff;
}

.pickup_06.color_04 table tr th:nth-child(6) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_06.color_04 table tr td:nth-child(6) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_06.color_04 table tr:last-child td:nth-child(6) {
  border-bottom: 4px solid #f74e97;
}

.pickup_06.color_05 table tr th:nth-child(6) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_06.color_05 table tr td:nth-child(6) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_06.color_05 table tr:last-child td:nth-child(6) {
  border-bottom: 4px solid #8567e8;
}

.pickup_06.color_06 table tr th:nth-child(6) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_06.color_06 table tr td:nth-child(6) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_06.color_06 table tr:last-child td:nth-child(6) {
  border-bottom: 4px solid #f08d00;
}

.pickup_07.color_01 table tr th:nth-child(7) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_07.color_01 table tr td:nth-child(7) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_07.color_01 table tr:last-child td:nth-child(7) {
  border-bottom: 4px solid #f08d00;
}

.pickup_07.color_02 table tr th:nth-child(7) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_07.color_02 table tr td:nth-child(7) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_07.color_02 table tr:last-child td:nth-child(7) {
  border-bottom: 4px solid #66cc66;
}

.pickup_07.color_03 table tr th:nth-child(7) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_07.color_03 table tr td:nth-child(7) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_07.color_03 table tr:last-child td:nth-child(7) {
  border-bottom: 4px solid #6699ff;
}

.pickup_07.color_04 table tr th:nth-child(7) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_07.color_04 table tr td:nth-child(7) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_07.color_04 table tr:last-child td:nth-child(7) {
  border-bottom: 4px solid #f74e97;
}

.pickup_07.color_05 table tr th:nth-child(7) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_07.color_05 table tr td:nth-child(7) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_07.color_05 table tr:last-child td:nth-child(7) {
  border-bottom: 4px solid #8567e8;
}

.pickup_07.color_06 table tr th:nth-child(7) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_07.color_06 table tr td:nth-child(7) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_07.color_06 table tr:last-child td:nth-child(7) {
  border-bottom: 4px solid #f08d00;
}

.pickup_08.color_01 table tr th:nth-child(8) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_08.color_01 table tr td:nth-child(8) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_08.color_01 table tr:last-child td:nth-child(8) {
  border-bottom: 4px solid #f08d00;
}

.pickup_08.color_02 table tr th:nth-child(8) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_08.color_02 table tr td:nth-child(8) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_08.color_02 table tr:last-child td:nth-child(8) {
  border-bottom: 4px solid #66cc66;
}

.pickup_08.color_03 table tr th:nth-child(8) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_08.color_03 table tr td:nth-child(8) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_08.color_03 table tr:last-child td:nth-child(8) {
  border-bottom: 4px solid #6699ff;
}

.pickup_08.color_04 table tr th:nth-child(8) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_08.color_04 table tr td:nth-child(8) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_08.color_04 table tr:last-child td:nth-child(8) {
  border-bottom: 4px solid #f74e97;
}

.pickup_08.color_05 table tr th:nth-child(8) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_08.color_05 table tr td:nth-child(8) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_08.color_05 table tr:last-child td:nth-child(8) {
  border-bottom: 4px solid #8567e8;
}

.pickup_08.color_06 table tr th:nth-child(8) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_08.color_06 table tr td:nth-child(8) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_08.color_06 table tr:last-child td:nth-child(8) {
  border-bottom: 4px solid #f08d00;
}

.pickup_09.color_01 table tr th:nth-child(9) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_09.color_01 table tr td:nth-child(9) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_09.color_01 table tr:last-child td:nth-child(9) {
  border-bottom: 4px solid #f08d00;
}

.pickup_09.color_02 table tr th:nth-child(9) {
  background-color: #66cc66;
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
}
.pickup_09.color_02 table tr td:nth-child(9) {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-bottom: 1px solid #66cc66;
}
.pickup_09.color_02 table tr:last-child td:nth-child(9) {
  border-bottom: 4px solid #66cc66;
}

.pickup_09.color_03 table tr th:nth-child(9) {
  background-color: #6699ff;
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
}
.pickup_09.color_03 table tr td:nth-child(9) {
  border-left: 4px solid #6699ff;
  border-right: 4px solid #6699ff;
  border-bottom: 1px solid #6699ff;
}
.pickup_09.color_03 table tr:last-child td:nth-child(9) {
  border-bottom: 4px solid #6699ff;
}

.pickup_09.color_04 table tr th:nth-child(9) {
  background-color: #f74e97;
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
}
.pickup_09.color_04 table tr td:nth-child(9) {
  border-left: 4px solid #f74e97;
  border-right: 4px solid #f74e97;
  border-bottom: 1px solid #f74e97;
}
.pickup_09.color_04 table tr:last-child td:nth-child(9) {
  border-bottom: 4px solid #f74e97;
}

.pickup_09.color_05 table tr th:nth-child(9) {
  background-color: #8567e8;
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
}
.pickup_09.color_05 table tr td:nth-child(9) {
  border-left: 4px solid #8567e8;
  border-right: 4px solid #8567e8;
  border-bottom: 1px solid #8567e8;
}
.pickup_09.color_05 table tr:last-child td:nth-child(9) {
  border-bottom: 4px solid #8567e8;
}

.pickup_09.color_06 table tr th:nth-child(9) {
  background-color: #f08d00;
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
}
.pickup_09.color_06 table tr td:nth-child(9) {
  border-left: 4px solid #f08d00;
  border-right: 4px solid #f08d00;
  border-bottom: 1px solid #f08d00;
}
.pickup_09.color_06 table tr:last-child td:nth-child(9) {
  border-bottom: 4px solid #f08d00;
}

/*背景色の設定
--------------------------------------------------*/
.bccolor-1,
.bccolor-1 td {
  background-color: #f5f9fa !important;
}

.bccolor-2,
.bccolor-2 td {
  background-color: #ffefef !important;
}

.bccolor-3,
.bccolor-3 td {
  background-color: #dfefff !important;
}

.bccolor-4,
.bccolor-4 td {
  background-color: #fff9df !important;
}

.bccolor-5,
.bccolor-5 td {
  background-color: #e7ffdf !important;
}

.bccolor-6,
.bccolor-6 td {
  background-color: #fff !important;
}

.smalltable table {
  width: 100%;
  max-width: 700px !important;
  min-width: 0px !important;
  font-size: 14px !important;
  border: 1px solid #dadada !important;
}
@media print, screen and (max-width: 768px) {
  .smalltable tr {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
.smalltable th {
  text-align: center;
  width: 20%;
}
.smalltable td {
  padding: 5px !important;
  text-align: center;
  width: 20%;
}

/*---------------------------------------------------------
タグ
---------------------------------------------------------*/
.tag_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media print, screen and (max-width: 768px) {
  .tag_list {
    gap: 10px;
  }
}

.tagItem {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000000;
  color: #ffffff;
  margin-right: 35px;
  height: 20px;
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1;
  width: 115px;
  border-radius: 100px;
}
.tagItem:last-child {
  margin-right: 0;
}
.tagItem.tag01 {
  background-color: #f08d00;
}
.tagItem.tag02 {
  background-color: #2bbc94;
}
.tagItem.tag03 {
  background-color: #284db4;
}
.tagItem.tag04 {
  background-color: #e56cbb;
}
.tagItem.tag05 {
  background-color: #7b7b7b;
}
.tagItem.general01 {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background-color: #8567e8;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general01 {
    font-size: 12px;
  }
}
.tagItem.general02 {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background-color: #f74e97;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general02 {
    font-size: 12px;
  }
}
.tagItem.general03 {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background-color: #2bbc94;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general03 {
    font-size: 12px;
  }
}
.tagItem.general04 {
  color: #284db4;
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  border: 1px solid #284db4;
  background-color: #ffffff;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general04 {
    font-size: 12px;
  }
}
.tagItem.general05 {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background-color: #284db4;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general05 {
    font-size: 12px;
  }
}
.tagItem.general06 {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background-color: #f08d00;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general06 {
    font-size: 12px;
  }
}
.tagItem.general07 {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 15px;
  background-color: #000;
}
@media print, screen and (max-width: 768px) {
  .tagItem.general07 {
    font-size: 12px;
  }
}

.tag_block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
}

.label-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  margin-top: -1em;
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 1200px) {
  .label-wrap {
    position: absolute;
    top: 0;
    right: 0;
    width: auto;
    -webkit-box-ordinal-group: initial;
    -webkit-order: initial;
        -ms-flex-order: initial;
            order: initial;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.status-label {
  color: #c32525;
  white-space: normal;
  font-weight: bold;
  word-break: break-word;
}
@media print, screen and (min-width: 1200px) {
  .status-label {
    max-width: 380px;
  }
}

/*---------------------------------------------------------
タグ
---------------------------------------------------------*/
.card_list {
  display: grid;
  gap: 25px;
}
@media print, screen and (max-width: 768px) {
  .card_list {
    display: grid !important;
    grid-template-columns: 1fr;
  }
}
@media print, screen and (min-width: 992px) {
  .card_list.col3 {
    grid-template-columns: repeat(2, 1fr);
  }
  .card_list.col2 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (min-width: 1200px) {
  .card_list.col3 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media print, screen and (max-width: 768px) {
  .card_list {
    display: block;
  }
}

@media print, screen and (min-width: 992px) {
  #plan_index .card_list.col2 {
    grid-template-columns: repeat(3, 1fr);
  }
}

/*カード (リンク付き)
 --------------------------------------------------*/
.card {
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 10px;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  color: #000000;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  /*影なしカード
  --------------------------------------------------*/
  /*プランカード
  --------------------------------------------------*/
}
@media print, screen and (min-width: 1200px) {
  .card:hover {
    background-color: #f5f9fa;
  }
  .card:hover .btn-box .btn2 {
    color: #f08d00;
  }
}
.card .img-box {
  display: block;
  width: 100%;
}
.card .cardInner {
  display: block;
  padding: 20px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.card .cardInner h4 {
  text-align: center;
  font-size: 1.25rem;
}
.card .cardInner .text-box {
  display: block;
  padding-bottom: 15px;
}
.card .cardInner .btn-box {
  margin-top: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
}
.card.no_shadow {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #dadada;
}
.card.no_shadow:hover {
  background-color: #ffffff;
}
.card.no_shadow .img-box {
  text-align: center;
}
.card.no_shadow .label-wrap {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  margin-bottom: 5px;
  display: block;
  position: relative;
}
.card.no_shadow .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}
.card.no_shadow .cardInner {
  padding: 30px;
}
.card.no_shadow .cardInner .text-box {
  padding-bottom: 0;
}
.card.plan {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#2ec0e8), to(#0073ff));
  background: -webkit-linear-gradient(left, #2ec0e8 0%, #0073ff 100%);
  background: linear-gradient(90deg, #2ec0e8 0%, #0073ff 100%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  .card.plan:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .card.plan:hover::before {
    opacity: 0;
  }
  .card.plan:hover .cardInner {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.card.plan::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(#2ec0e8), to(#0073ff));
  background: -webkit-linear-gradient(right, #2ec0e8 0%, #0073ff 100%);
  background: linear-gradient(270deg, #2ec0e8 0%, #0073ff 100%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.card.plan .cardInner {
  position: relative;
  z-index: 1;
  padding: 20px 30px;
  margin: 2px;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-radius: 10px;
}
.card.plan .cardInner h4 {
  text-align: left;
  color: #284db4;
}
.card.plan .cardInner .text-box {
  padding-bottom: 0;
  margin-bottom: 15px;
}
.card.plan .cardInner .label_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.card.plan .cardInner .label_list li {
  color: #284db4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 0.75rem;
  padding: 5px 15px;
  white-space: nowrap;
  line-height: 1;
  margin: 0 10px 10px 0;
  font-weight: 500;
  border: 1px solid #284db4;
  background-color: #ffffff;
  border-radius: 20px;
}
.card.plan .cardInner .label_list li.label_01, .card.plan .cardInner .label_list li.label_02, .card.plan .cardInner .label_list li.label_03 {
  color: #ffffff;
  border: none;
}
.card.plan .cardInner .label_list li.label_01 {
  background-color: #284db4;
}
.card.plan .cardInner .label_list li.label_02 {
  background-color: #f08d00;
}
.card.plan .cardInner .label_list li.label_03 {
  background-color: #48c3ce;
}

/*---------------------------------------------------------
ボックス
---------------------------------------------------------*/
/*box-pink
--------------------------------------------------*/
.box-pink {
  background-color: #ffefef;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
}

/*---------------------------------------------------------
/*box-blue
--------------------------------------------------*/
.box-blue {
  background-color: #f5f9fa;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
}

/*---------------------------------------------------------
/*box-frame
--------------------------------------------------*/
.box-frame {
  position: relative;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
  border: 1px solid #dadada;
}
.box-frame.border-blue {
  border: 4px solid #284db4;
}
.box-frame.border-orange {
  border: 4px solid #f08d00;
}
.box-frame.border-bold {
  border: 4px solid #000;
}
.box-frame.border-red {
  border: 1px solid #c32525;
}
.box-frame .on-frame {
  display: inline-block;
  padding: 0 8px;
  position: absolute;
  width: 90%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  top: -17px;
  left: 4%;
  background: #fff;
  z-index: 1;
}
@media print, screen and (max-width: 768px) {
  .box-frame .on-frame {
    padding: 0 3%;
  }
}

.no-mb {
  margin-bottom: 0 !important;
}

.box_vcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*---------------------------------------------------------
/*flex-box
--------------------------------------------------*/
.flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1em;
}
@media print, screen and (min-width: 769px) {
  .flex-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    gap: 1em;
  }
}
.flex-box.ai-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media print, screen and (min-width: 769px) {
  .column-fill .column {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    min-width: 0;
  }
}

.column {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.column > *:not(img) {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

@media print, screen and (min-width: 769px) {
  .column.no-wrap {
    display: inline-block;
    width: auto;
    white-space: nowrap;
  }
}

.column.inline {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}

.vcenter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  /* ← これが「縦並び」にさせる */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* ← これが「縦中央揃え」にさせる */
  height: 100%;
  /* 親が高さを持っていない場合に必要 */
}

.column-fit {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.column-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  min-width: 0;
}

.nowrap-all {
  display: block;
  width: 100%;
}
.nowrap-all > * {
  display: inline-block;
  white-space: nowrap;
  max-width: 100%;
}

.column > img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
@media print, screen and (min-width: 769px) {
  .column > img {
    width: auto;
    max-width: unset;
  }
}

.center-align {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.column-frame {
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
  border: 1px solid #dadada;
}
.column-frame.border-bold {
  border: 4px solid #000;
}

@media print, screen and (min-width: 769px) {
  .vcenter-text {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    line-height: 1.5;
  }
}
.vcenter-text * {
  margin: 0;
}

@media print, screen and (min-width: 992px) {
  .column > img {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
  .column:has(> img) {
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }
}
/*---------------------------------------------------------
/*プラスマーク付きフレックスBOX（2つ用）
--------------------------------------------------*/
.box-flex--plus {
  max-width: 100%;
  padding-top: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  gap: 20px 20px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media print, screen and (max-width: 768px) {
  .box-flex--plus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (max-width: 768px) {
  .box-flex--plus:has(.plusmark) {
    gap: 60px 20px;
  }
}
.box-flex--plus img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -o-object-fit: contain;
     object-fit: contain;
}
.box-flex--plus .box-frame {
  position: relative;
  margin: 0 auto;
  width: 50%;
}
@media print, screen and (max-width: 768px) {
  .box-flex--plus .box-frame {
    width: 100%;
  }
}
.box-flex--plus .plusmark-wrap {
  position: relative;
}
.box-flex--plus .plusmark-wrap .plusmark {
  position: absolute;
  top: 50%;
  right: -35px;
  z-index: 10;
  width: 40px;
  height: 40px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
@media print, screen and (max-width: 768px) {
  .box-flex--plus .plusmark-wrap .plusmark {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -49px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}
.box-flex--plus .plusmark-wrap .plusmark img {
  width: 100%;
  height: 100%;
}
@media print, screen and (max-width: 768px) {
  .box-flex--plus.fd-row .box-frame {
    padding: 15px;
  }
}

@media print, screen and (max-width: 768px) {
  .box-flex--plus.fd-row .plusmark-wrap .plusmark {
    top: 50%;
    right: -34px;
    left: auto;
    bottom: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}

.box-flex--plus.fd-column .box-frame {
  width: 100%;
  max-width: 100%;
}

@media print, screen and (min-width: 769px) {
  .box-flex--plus.fd-column .plusmark-wrap .plusmark {
    top: auto;
    right: auto;
    left: 50%;
    bottom: -34px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

.box-flex--plus.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}

.fd-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fd-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.fd-column.ai-center,
.fd-row.ai-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.fd-column.jcai-center,
.fd-row.jcai-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.min-w-80 {
  min-width: 80px;
  margin-inline: auto;
}

@media print, screen and (max-width: 768px) {
  .arrow-sp-bottom {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}

/*---------------------------------------------------------
リスト
---------------------------------------------------------*/
.list-disc {
  list-style-type: disc !important;
  padding-left: 1.35rem;
}

.list-square {
  list-style-type: square !important;
  padding-left: 1.35rem;
}

.list-square-big {
  list-style: none;
  padding-left: 0;
}

.list-square-big > li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1em;
}

.list-square-big > li::before {
  content: "■";
  position: absolute;
  left: 0;
}

.list-ast {
  list-style: none;
  padding-left: 0;
}

.list-ast > li {
  position: relative;
  padding-left: 1.2em;
}

.list-ast > li::before {
  content: "※";
  position: absolute;
  left: 0;
}

.list-num {
  list-style: none;
  padding-left: 0;
}

.list-num > li {
  position: relative;
  padding-left: 1.2em;
}

.list-num > li:first-of-type:before {
  content: "①";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(2):before {
  content: "②";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(3):before {
  content: "③";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(4):before {
  content: "④";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(5):before {
  content: "⑤";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(6):before {
  content: "⑥";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(7):before {
  content: "⑦";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(8):before {
  content: "⑧";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(9):before {
  content: "⑨";
  position: absolute;
  left: 0;
}

.list-num > li:nth-of-type(10):before {
  content: "⑩";
  position: absolute;
  left: 0;
}

.list-spaced li {
  margin-bottom: 0.5em;
}

.list-decimal {
  list-style-type: decimal !important;
  padding-left: 1.35rem;
}

.list-decimal > li {
  margin-bottom: 1.5em;
  line-height: 1.8;
}

.list-right {
  padding-left: 1.5rem;
}

.list-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.5em 3em;
  padding-left: 1.35rem;
}

.list-flex-disc {
  list-style-type: disc !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.5em 3em;
  padding-left: 1.35rem;
}

.list-astnum {
  list-style: none;
  padding-left: 0;
}

.list-astnum > li {
  position: relative;
  padding-left: 2.2em;
}

.list-astnum > li:first-of-type:before {
  content: "※1";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(2):before {
  content: "※2";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(3):before {
  content: "※3";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(4):before {
  content: "※4";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(5):before {
  content: "※5";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(6):before {
  content: "※6";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(7):before {
  content: "※7";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(8):before {
  content: "※8";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(9):before {
  content: "※9";
  position: absolute;
  left: 0;
}

.list-astnum > li:nth-of-type(10):before {
  content: "※10";
  position: absolute;
  left: 0;
}

/*---------------------------------------------------------
フォント設定
---------------------------------------------------------*/
.fz-1 {
  font-size: 1rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-1 {
    font-size: 1.125rem;
  }
}

.fz-2 {
  font-size: 1.0625rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-2 {
    font-size: 1.25rem;
  }
}

.fz-3 {
  font-size: 1.0625rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-3 {
    font-size: 1.375rem;
  }
}

.fz-4 {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-4 {
    font-size: 1.5rem;
  }
}

.fz-5 {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-5 {
    font-size: 1.625rem;
  }
}

.fz-6 {
  font-size: 1.125rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-6 {
    font-size: 1.75rem;
  }
}

.fz-7 {
  font-size: 0.75rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-7 {
    font-size: 0.875rem;
  }
}

.fz-8 {
  font-size: 0.75rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-8 {
    font-size: 0.75rem;
  }
}

.fz-9 {
  font-size: 1.25rem;
}
@media print, screen and (min-width: 1200px) {
  .fz-9 {
    font-size: 1.875rem;
  }
}

.clr-red {
  color: #c32525;
}

.clr-blue {
  color: #284db4;
}

.clr-bk {
  color: #333333;
}

.clr-green {
  color: #0f9280;
}

.clr-orange {
  color: #f08d00;
}

.clr-purple {
  color: #8567e8;
}

.clr-pink {
  color: #f74e97;
}

.clr-white {
  color: #ffffff;
}

.emphasis-red {
  width: 100%;
  background: #dc0000;
  color: #f6ff00;
  border-radius: 10px;
  padding: 10px 4px;
  font-size: 1.25rem;
  font-weight: 700;
}
@media print, screen and (max-width: 991px) {
  .emphasis-red {
    font-size: 1rem;
  }
}

p + .emphasis-red {
  margin-top: 20px;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.scroll-container {
  position: relative;
  width: 100%;
  overflow-x: auto;
  -webkit-animation: scroll-container 0.5s linear;
          animation: scroll-container 0.5s linear;
  /*ヒントボックス*/
}
@-webkit-keyframes scroll-container {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes scroll-container {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.scroll-container .scroll-hint {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 14px;
  border-radius: 5px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 0;
  /*矢印*/
  /*テキスト*/
}
.scroll-container .scroll-hint::before {
  content: "";
  width: 34px;
  height: 14px;
  margin-bottom: 5px;
  display: block;
  background-repeat: no-repeat;
  background-image: url("../js/scroll_hint/scroll-hint_arrow.svg");
  opacity: 1;
  -webkit-transition-delay: 2.4s;
          transition-delay: 2.4s;
}
.scroll-container .scroll-hint::after {
  font-size: 10px;
  line-height: 10px;
  content: "Scroll";
}
.scroll-container .scroll-hint div {
  width: 100%;
  text-align: center;
  /*指のポインター*/
}
.scroll-container .scroll-hint div::after, .scroll-container .scroll-hint div::before {
  display: block;
}
.scroll-container .scroll-hint div::after {
  width: 40px;
  height: 40px;
  margin: 0 auto 5px auto;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../js/scroll_hint/scroll-hint_finger_pointer.svg");
  -webkit-animation: scroll-hint-finger_pointer 1.2s linear;
          animation: scroll-hint-finger_pointer 1.2s linear;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
@-webkit-keyframes scroll-hint-finger_pointer {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}
@keyframes scroll-hint-finger_pointer {
  0% {
    -webkit-transform: translateX(40px);
            transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    -webkit-transform: translateX(-40px);
            transform: translateX(-40px);
    opacity: 0;
  }
}

/*---------------------------------------------------------
flexの設定(親要素)
---------------------------------------------------------*/
.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.flex-start-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-start-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-start-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.flex-center-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-center-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-center-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex-between-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-between-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-around {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
.flex-around-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-around-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-around-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.flex-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.flex-end-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.flex-end-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.flex-end-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.flex-pc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc-start-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-start-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc-start-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-start-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc-start-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-start-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc-center-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-center-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc-center-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-center-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc-center-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-center-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-between {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc-between-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-between-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc-between-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-between-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-between-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc-around {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-around {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc-around-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-around-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc-around-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-around-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc-around-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-around-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc-end-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-end-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc-end-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-end-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc-end-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-pc-end-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.flex-pc2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc2-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc2-start-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-start-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc2-start-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-start-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc2-start-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-start-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc2-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc2-center-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-center-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc2-center-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-center-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc2-center-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-center-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc2-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-between {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc2-between-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-between-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc2-between-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-between-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc2-between-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-between-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc2-around {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-around {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc2-around-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-around-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc2-around-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-around-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc2-around-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-around-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
            justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.flex-pc2-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}
.flex-pc2-end-start {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-end-start {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.flex-pc2-end-end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-end-end {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.flex-pc2-end-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 992px) {
  .flex-pc2-end-center {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.wrap {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.flex-sp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (min-width: 769px) {
  .flex-sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

/*---------------------------------------------------------
flexの設定(子要素)
---------------------------------------------------------*/
.flex-w10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 10%;
      -ms-flex: 0 1 10%;
          flex: 0 1 10%;
}

.flex-w11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 11%;
      -ms-flex: 0 1 11%;
          flex: 0 1 11%;
}

.flex-w12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 12%;
      -ms-flex: 0 1 12%;
          flex: 0 1 12%;
}

.flex-w13 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 13%;
      -ms-flex: 0 1 13%;
          flex: 0 1 13%;
}

.flex-w14 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 14%;
      -ms-flex: 0 1 14%;
          flex: 0 1 14%;
}

.flex-w15 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 15%;
      -ms-flex: 0 1 15%;
          flex: 0 1 15%;
}

.flex-w16 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 16%;
      -ms-flex: 0 1 16%;
          flex: 0 1 16%;
}

.flex-w17 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 17%;
      -ms-flex: 0 1 17%;
          flex: 0 1 17%;
}

.flex-w18 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 18%;
      -ms-flex: 0 1 18%;
          flex: 0 1 18%;
}

.flex-w19 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 19%;
      -ms-flex: 0 1 19%;
          flex: 0 1 19%;
}

.flex-w20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 20%;
      -ms-flex: 0 1 20%;
          flex: 0 1 20%;
}

.flex-w21 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 21%;
      -ms-flex: 0 1 21%;
          flex: 0 1 21%;
}

.flex-w22 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 22%;
      -ms-flex: 0 1 22%;
          flex: 0 1 22%;
}

.flex-w23 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 23%;
      -ms-flex: 0 1 23%;
          flex: 0 1 23%;
}

.flex-w24 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 24%;
      -ms-flex: 0 1 24%;
          flex: 0 1 24%;
}

.flex-w25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 25%;
      -ms-flex: 0 1 25%;
          flex: 0 1 25%;
}

.flex-w26 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 26%;
      -ms-flex: 0 1 26%;
          flex: 0 1 26%;
}

.flex-w27 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 27%;
      -ms-flex: 0 1 27%;
          flex: 0 1 27%;
}

.flex-w28 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 28%;
      -ms-flex: 0 1 28%;
          flex: 0 1 28%;
}

.flex-w29 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 29%;
      -ms-flex: 0 1 29%;
          flex: 0 1 29%;
}

.flex-w30 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 30%;
      -ms-flex: 0 1 30%;
          flex: 0 1 30%;
}

.flex-w31 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 31%;
      -ms-flex: 0 1 31%;
          flex: 0 1 31%;
}

.flex-w32 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 32%;
      -ms-flex: 0 1 32%;
          flex: 0 1 32%;
}

.flex-w33 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 33%;
      -ms-flex: 0 1 33%;
          flex: 0 1 33%;
}

.flex-w34 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 34%;
      -ms-flex: 0 1 34%;
          flex: 0 1 34%;
}

.flex-w35 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 35%;
      -ms-flex: 0 1 35%;
          flex: 0 1 35%;
}

.flex-w36 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 36%;
      -ms-flex: 0 1 36%;
          flex: 0 1 36%;
}

.flex-w37 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 37%;
      -ms-flex: 0 1 37%;
          flex: 0 1 37%;
}

.flex-w38 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 38%;
      -ms-flex: 0 1 38%;
          flex: 0 1 38%;
}

.flex-w39 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 39%;
      -ms-flex: 0 1 39%;
          flex: 0 1 39%;
}

.flex-w40 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 40%;
      -ms-flex: 0 1 40%;
          flex: 0 1 40%;
}

.flex-w41 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 41%;
      -ms-flex: 0 1 41%;
          flex: 0 1 41%;
}

.flex-w42 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 42%;
      -ms-flex: 0 1 42%;
          flex: 0 1 42%;
}

.flex-w43 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 43%;
      -ms-flex: 0 1 43%;
          flex: 0 1 43%;
}

.flex-w44 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 44%;
      -ms-flex: 0 1 44%;
          flex: 0 1 44%;
}

.flex-w45 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 45%;
      -ms-flex: 0 1 45%;
          flex: 0 1 45%;
}

.flex-w46 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 46%;
      -ms-flex: 0 1 46%;
          flex: 0 1 46%;
}

.flex-w47 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 47%;
      -ms-flex: 0 1 47%;
          flex: 0 1 47%;
}

.flex-w48 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 48%;
      -ms-flex: 0 1 48%;
          flex: 0 1 48%;
}

.flex-w49 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 49%;
      -ms-flex: 0 1 49%;
          flex: 0 1 49%;
}

.flex-w50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 50%;
      -ms-flex: 0 1 50%;
          flex: 0 1 50%;
}

.flex-w51 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 51%;
      -ms-flex: 0 1 51%;
          flex: 0 1 51%;
}

.flex-w52 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 52%;
      -ms-flex: 0 1 52%;
          flex: 0 1 52%;
}

.flex-w53 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 53%;
      -ms-flex: 0 1 53%;
          flex: 0 1 53%;
}

.flex-w54 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 54%;
      -ms-flex: 0 1 54%;
          flex: 0 1 54%;
}

.flex-w55 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 55%;
      -ms-flex: 0 1 55%;
          flex: 0 1 55%;
}

.flex-w56 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 56%;
      -ms-flex: 0 1 56%;
          flex: 0 1 56%;
}

.flex-w57 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 57%;
      -ms-flex: 0 1 57%;
          flex: 0 1 57%;
}

.flex-w58 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 58%;
      -ms-flex: 0 1 58%;
          flex: 0 1 58%;
}

.flex-w59 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 59%;
      -ms-flex: 0 1 59%;
          flex: 0 1 59%;
}

.flex-w60 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 60%;
      -ms-flex: 0 1 60%;
          flex: 0 1 60%;
}

.flex-w61 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 61%;
      -ms-flex: 0 1 61%;
          flex: 0 1 61%;
}

.flex-w62 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 62%;
      -ms-flex: 0 1 62%;
          flex: 0 1 62%;
}

.flex-w63 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 63%;
      -ms-flex: 0 1 63%;
          flex: 0 1 63%;
}

.flex-w64 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 64%;
      -ms-flex: 0 1 64%;
          flex: 0 1 64%;
}

.flex-w65 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 65%;
      -ms-flex: 0 1 65%;
          flex: 0 1 65%;
}

.flex-w66 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 66%;
      -ms-flex: 0 1 66%;
          flex: 0 1 66%;
}

.flex-w67 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 67%;
      -ms-flex: 0 1 67%;
          flex: 0 1 67%;
}

.flex-w68 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 68%;
      -ms-flex: 0 1 68%;
          flex: 0 1 68%;
}

.flex-w69 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 69%;
      -ms-flex: 0 1 69%;
          flex: 0 1 69%;
}

.flex-w70 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 70%;
      -ms-flex: 0 1 70%;
          flex: 0 1 70%;
}

.flex-w71 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 71%;
      -ms-flex: 0 1 71%;
          flex: 0 1 71%;
}

.flex-w72 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 72%;
      -ms-flex: 0 1 72%;
          flex: 0 1 72%;
}

.flex-w73 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 73%;
      -ms-flex: 0 1 73%;
          flex: 0 1 73%;
}

.flex-w74 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 74%;
      -ms-flex: 0 1 74%;
          flex: 0 1 74%;
}

.flex-w75 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 75%;
      -ms-flex: 0 1 75%;
          flex: 0 1 75%;
}

.flex-w76 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 76%;
      -ms-flex: 0 1 76%;
          flex: 0 1 76%;
}

.flex-w77 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 77%;
      -ms-flex: 0 1 77%;
          flex: 0 1 77%;
}

.flex-w78 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 78%;
      -ms-flex: 0 1 78%;
          flex: 0 1 78%;
}

.flex-w79 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 79%;
      -ms-flex: 0 1 79%;
          flex: 0 1 79%;
}

.flex-w80 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 80%;
      -ms-flex: 0 1 80%;
          flex: 0 1 80%;
}

.flex-w81 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 81%;
      -ms-flex: 0 1 81%;
          flex: 0 1 81%;
}

.flex-w82 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 82%;
      -ms-flex: 0 1 82%;
          flex: 0 1 82%;
}

.flex-w83 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 83%;
      -ms-flex: 0 1 83%;
          flex: 0 1 83%;
}

.flex-w84 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 84%;
      -ms-flex: 0 1 84%;
          flex: 0 1 84%;
}

.flex-w85 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 85%;
      -ms-flex: 0 1 85%;
          flex: 0 1 85%;
}

.flex-w86 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 86%;
      -ms-flex: 0 1 86%;
          flex: 0 1 86%;
}

.flex-w87 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 87%;
      -ms-flex: 0 1 87%;
          flex: 0 1 87%;
}

.flex-w88 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 88%;
      -ms-flex: 0 1 88%;
          flex: 0 1 88%;
}

.flex-w89 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 89%;
      -ms-flex: 0 1 89%;
          flex: 0 1 89%;
}

.flex-w90 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 90%;
      -ms-flex: 0 1 90%;
          flex: 0 1 90%;
}

.flex-w91 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 91%;
      -ms-flex: 0 1 91%;
          flex: 0 1 91%;
}

.flex-w92 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 92%;
      -ms-flex: 0 1 92%;
          flex: 0 1 92%;
}

.flex-w93 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 93%;
      -ms-flex: 0 1 93%;
          flex: 0 1 93%;
}

.flex-w94 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 94%;
      -ms-flex: 0 1 94%;
          flex: 0 1 94%;
}

.flex-w95 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 95%;
      -ms-flex: 0 1 95%;
          flex: 0 1 95%;
}

.flex-w96 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 96%;
      -ms-flex: 0 1 96%;
          flex: 0 1 96%;
}

.flex-w97 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 97%;
      -ms-flex: 0 1 97%;
          flex: 0 1 97%;
}

.flex-w98 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 98%;
      -ms-flex: 0 1 98%;
          flex: 0 1 98%;
}

.flex-w99 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 99%;
      -ms-flex: 0 1 99%;
          flex: 0 1 99%;
}

.flex-w100 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 100%;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
}

.as-start {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}
.as-center {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
.as-end {
  -webkit-align-self: end;
      -ms-flex-item-align: end;
          align-self: end;
}

/*---------------------------------------------------------
gapの設定
---------------------------------------------------------*/
.gap5 {
  gap: 5px;
}

.gap6 {
  gap: 6px;
}

.gap7 {
  gap: 7px;
}

.gap8 {
  gap: 8px;
}

.gap9 {
  gap: 9px;
}

.gap10 {
  gap: 10px;
}

.gap11 {
  gap: 11px;
}

.gap12 {
  gap: 12px;
}

.gap13 {
  gap: 13px;
}

.gap14 {
  gap: 14px;
}

.gap15 {
  gap: 15px;
}

.gap16 {
  gap: 16px;
}

.gap17 {
  gap: 17px;
}

.gap18 {
  gap: 18px;
}

.gap19 {
  gap: 19px;
}

.gap20 {
  gap: 20px;
}

.gap21 {
  gap: 21px;
}

.gap22 {
  gap: 22px;
}

.gap23 {
  gap: 23px;
}

.gap24 {
  gap: 24px;
}

.gap25 {
  gap: 25px;
}

.gap26 {
  gap: 26px;
}

.gap27 {
  gap: 27px;
}

.gap28 {
  gap: 28px;
}

.gap29 {
  gap: 29px;
}

.gap30 {
  gap: 30px;
}

.gap31 {
  gap: 31px;
}

.gap32 {
  gap: 32px;
}

.gap33 {
  gap: 33px;
}

.gap34 {
  gap: 34px;
}

.gap35 {
  gap: 35px;
}

.gap36 {
  gap: 36px;
}

.gap37 {
  gap: 37px;
}

.gap38 {
  gap: 38px;
}

.gap39 {
  gap: 39px;
}

.gap40 {
  gap: 40px;
}

.gap41 {
  gap: 41px;
}

.gap42 {
  gap: 42px;
}

.gap43 {
  gap: 43px;
}

.gap44 {
  gap: 44px;
}

.gap45 {
  gap: 45px;
}

.gap46 {
  gap: 46px;
}

.gap47 {
  gap: 47px;
}

.gap48 {
  gap: 48px;
}

.gap49 {
  gap: 49px;
}

.gap50 {
  gap: 50px;
}

.gap51 {
  gap: 51px;
}

.gap52 {
  gap: 52px;
}

.gap53 {
  gap: 53px;
}

.gap54 {
  gap: 54px;
}

.gap55 {
  gap: 55px;
}

.gap56 {
  gap: 56px;
}

.gap57 {
  gap: 57px;
}

.gap58 {
  gap: 58px;
}

.gap59 {
  gap: 59px;
}

.gap60 {
  gap: 60px;
}

.gap61 {
  gap: 61px;
}

.gap62 {
  gap: 62px;
}

.gap63 {
  gap: 63px;
}

.gap64 {
  gap: 64px;
}

.gap65 {
  gap: 65px;
}

.gap66 {
  gap: 66px;
}

.gap67 {
  gap: 67px;
}

.gap68 {
  gap: 68px;
}

.gap69 {
  gap: 69px;
}

.gap70 {
  gap: 70px;
}

.gap71 {
  gap: 71px;
}

.gap72 {
  gap: 72px;
}

.gap73 {
  gap: 73px;
}

.gap74 {
  gap: 74px;
}

.gap75 {
  gap: 75px;
}

.gap76 {
  gap: 76px;
}

.gap77 {
  gap: 77px;
}

.gap78 {
  gap: 78px;
}

.gap79 {
  gap: 79px;
}

.gap80 {
  gap: 80px;
}

.gap81 {
  gap: 81px;
}

.gap82 {
  gap: 82px;
}

.gap83 {
  gap: 83px;
}

.gap84 {
  gap: 84px;
}

.gap85 {
  gap: 85px;
}

.gap86 {
  gap: 86px;
}

.gap87 {
  gap: 87px;
}

.gap88 {
  gap: 88px;
}

.gap89 {
  gap: 89px;
}

.gap90 {
  gap: 90px;
}

.gap91 {
  gap: 91px;
}

.gap92 {
  gap: 92px;
}

.gap93 {
  gap: 93px;
}

.gap94 {
  gap: 94px;
}

.gap95 {
  gap: 95px;
}

.gap96 {
  gap: 96px;
}

.gap97 {
  gap: 97px;
}

.gap98 {
  gap: 98px;
}

.gap99 {
  gap: 99px;
}

.gap100 {
  gap: 100px;
}

/*---------------------------------------------------------
iframeの設定(googlemapやyoutubeのレスポンシブ対応)
---------------------------------------------------------*/
.iframe {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}
.iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube {
  width: 100%;
  aspect-ratio: 16/9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}

.map {
  position: relative;
  height: 0;
  width: 50%;
  padding-top: 30%;
}
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map2 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  height: 300px;
}
@media print, screen and (min-width: 769px) {
  .map2 {
    height: 300px;
  }
}
.map2__in {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 15px;
}
@media print, screen and (min-width: 769px) {
  .map2__in {
    height: 300px;
  }
}
.map2__in iframe {
  width: 100%;
  height: 600px;
  margin-top: -150px;
}
@media print, screen and (min-width: 769px) {
  .map2__in iframe {
    height: 600px;
  }
}

/*---------------------------------------------------------
子要素を親要素からはみ出させる
---------------------------------------------------------*/
.hami {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

/*---------------------------------------------------------
font-familyの設定
---------------------------------------------------------*/
.ff-1 {
  font-family: "Noto Sans JP", sans-serif;
}

.ff-2 {
  font-family: "Lato", sans-serif;
}

/*---------------------------------------------------------
font-weightの設定
---------------------------------------------------------*/
.fw-r {
  font-weight: 400;
}

.fw-m {
  font-weight: 500;
}

.fw-b {
  font-weight: 700;
}

/*---------------------------------------------------------
スマホ限定表示・PC限定表示
---------------------------------------------------------*/
.sp-only {
  display: block !important;
}
@media print, screen and (min-width: 769px) {
  .sp-only {
    display: none !important;
  }
}

.sp2-only {
  display: block !important;
}
@media print, screen and (min-width: 992px) {
  .sp2-only {
    display: none !important;
  }
}

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

.pc2-only {
  display: none !important;
}
@media print, screen and (min-width: 992px) {
  .pc2-only {
    display: block !important;
  }
}

/*---------------------------------------------------------
インデント(2行目ずらし)
---------------------------------------------------------*/
.ind1 {
  margin-left: 1rem;
  text-indent: -1rem;
}

.ind2 {
  margin-left: 2rem;
  text-indent: -2rem;
}

.ind3 {
  margin-left: 3rem;
  text-indent: -3rem;
}

.no-ind {
  margin-left: 0;
  text-indent: 0;
}

[class^=ind] a[class^=btn] {
  text-indent: 0;
}

[class^=ind] a.btn2 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

/*---------------------------------------------------------
改行回避
---------------------------------------------------------*/
.inline {
  display: inline !important;
}

img.inline {
  display: inline !important;
  vertical-align: middle;
}

/*---------------------------------------------------------
ハッシュタグのヘッダー高さ確保
---------------------------------------------------------*/
/*---------------------------------------------------------
文字の設定(位置)
---------------------------------------------------------*/
.tac {
  text-align: center;
}
.tac-pc {
  text-align: left;
}
@media print, screen and (min-width: 769px) {
  .tac-pc {
    text-align: center;
  }
}
.tac-sp {
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .tac-sp {
    text-align: left;
  }
}
.tac-all {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.tac-w {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.tac-h {
  position: absolute;
  top: 50%;
  left: 0%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.vat {
  vertical-align: top;
}

.vab {
  vertical-align: bottom;
}

/*---------------------------------------------------------
文字を縦書きに
---------------------------------------------------------*/
.tate-mixed {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: mixed;
}

.tate-upright {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}

@media print, screen and (min-width: 769px) {
  .tate-upright-pc {
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
  }
}

.tate-upright-sp {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  text-orientation: upright;
}
@media print, screen and (min-width: 769px) {
  .tate-upright-sp {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    text-orientation: upright;
  }
}

.tate-sideways {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}

/*---------------------------------------------------------
.stickyの設定（スクロール追尾）
---------------------------------------------------------*/
.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  /* 上端から0pxのところで固定 */
}

/*---------------------------------------------------------
marginの設定

//?  marginもろもろの設定(0~100pxまで5px刻みで対応)
// ?  throughの値を増やすとさらに増加
---------------------------------------------------------*/
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}

.ml65 {
  margin-left: 65px !important;
}

.ml70 {
  margin-left: 70px !important;
}

.ml75 {
  margin-left: 75px !important;
}

.ml80 {
  margin-left: 80px !important;
}

.ml85 {
  margin-left: 85px !important;
}

.ml90 {
  margin-left: 90px !important;
}

.ml95 {
  margin-left: 95px !important;
}

.ml100 {
  margin-left: 100px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr65 {
  margin-right: 65px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr75 {
  margin-right: 75px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr85 {
  margin-right: 85px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr95 {
  margin-right: 95px !important;
}

.mr100 {
  margin-right: 100px !important;
}

.mla {
  margin-left: auto;
}

.mra {
  margin-right: auto;
}

.m0a {
  width: auto;
  margin: 0 auto;
}

.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pr65 {
  padding-right: 65px !important;
}

.pr70 {
  padding-right: 70px !important;
}

.pr75 {
  padding-right: 75px !important;
}

.pr80 {
  padding-right: 80px !important;
}

.pr85 {
  padding-right: 85px !important;
}

.pr90 {
  padding-right: 90px !important;
}

.pr95 {
  padding-right: 95px !important;
}

.pr100 {
  padding-right: 100px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}

.pl65 {
  padding-left: 65px !important;
}

.pl70 {
  padding-left: 70px !important;
}

.pl75 {
  padding-left: 75px !important;
}

.pl80 {
  padding-left: 80px !important;
}

.pl85 {
  padding-left: 85px !important;
}

.pl90 {
  padding-left: 90px !important;
}

.pl95 {
  padding-left: 95px !important;
}

.pl100 {
  padding-left: 100px !important;
}

/*---------------------------------------------------------
テキストを初期は中央揃え、折り返しで左揃え
---------------------------------------------------------*/
.autoTextAlign {
  max-inline-size: -webkit-max-content;
  max-inline-size: -moz-max-content;
  max-inline-size: max-content;
  margin-inline: auto;
  text-align: justify;
}

/*---------------------------------------------------------
検索枠のスタイル(イメージは/plan/ipoe/を参照）
---------------------------------------------------------*/
.search-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  margin-bottom: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 初期状態では縦に並べる（スマホ用） */
}

.search-input-frame {
  position: relative;
  /* 「✕」ボタンを絶対位置で配置 */
  background-color: #fff;
  padding: 0;
  /* パディングは削減 */
  border-radius: 10px;
  border: 1px solid #ccc;
  width: 100%;
  /* 横幅を100%に設定 */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* 中央揃え */
  margin-bottom: 10px;
}

.search-input-frame input {
  width: 100%;
  border: none;
  outline: none;
  /* デフォルトのアウトラインを無効化 */
  padding: 12px 15px;
  /* 上下の余白を増やす */
  height: 50px;
  /* 高さをさらに広げる */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* パディングを含むサイズ計算 */
  border-radius: 10px;
  /* 角を丸くする（inputの角も丸く） */
}

.clear-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  display: none;
}

/* PCの場合のスタイル（現状の設定を維持） */
@media print, screen and (min-width: 992px) {
  .search-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    /* PCでは横並び */
  }
  .search-input-frame {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    /* PC表示では現状の設定を使用 */
  }
  .clear-btn {
    display: inline-block;
    /* PCでは通常表示 */
  }
}
#search-result__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  /* アイテムが折り返し表示される */
  gap: 10px;
  /* アイテム間にスペースを追加 */
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* アイテムを左寄せに配置 */
}

#search-result__list span {
  width: 100%;
  /* 1列表示 */
  padding: 10px;
  background-color: #f9f9f9;
  border-radius: 5px;
  border: 1px solid #ddd;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 14px;
}

/* PC表示時（4列表示） */
@media print, screen and (min-width: 992px) {
  #search-result__list span {
    width: calc(20% - 20px);
    /* 5列表示 */
  }
  #search-result__list {
    gap: 10px 20px;
  }
}
/*---------------------------------------------------------
印刷ボタン
---------------------------------------------------------*/
.btn1.gray {
  width: auto;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  background: #bbb !important;
}
.btn1.gray::before {
  background: -webkit-gradient(linear, left top, right top, from(#ccc), to(#999)) !important;
  background: -webkit-linear-gradient(left, #ccc 0%, #999 100%) !important;
  background: linear-gradient(90deg, #ccc 0%, #999 100%) !important;
}

/*---------------------------------------------------------
印刷対象エリアのスタイル(イメージは/plan/ipoe/を参照）
---------------------------------------------------------*/
@media print {
  body {
    font-size: 14px;
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    background-color: #fff;
  }
  section {
    width: 90%;
    margin: 0px auto 0px;
  }
  /* 親要素の設定 */
  #print_box {
    width: 100%;
    max-width: 100%;
    margin: 10px auto;
    padding: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: none;
    background-color: transparent;
    border-radius: 0 !important;
    height: auto;
  }
  .print-off {
    display: none;
  }
  /* 印刷時に非表示にする検索ボックス */
  #search-box,
  #search-box .title,
  #search-box input[type=text] {
    display: none;
  }
  /* 印刷時に表示するバナーと線 */
  #print_banner,
  #line {
    display: block;
  }
  /* スクロールバーを無効化して、テーブルを非表示にしない */
  .scroll-container {
    overflow: hidden !important;
    /* スクロールを非表示 */
  }
  /* table-wrapのスタイルを無効にしてシンプルなテーブルにする */
  .table-wrap {
    border: none !important;
    border-radius: 0 !important;
    overflow: visible !important;
    width: 100% !important;
    /* 印刷時に幅を100%にして収める */
  }
  /* テーブルの設定 */
  .table-wrap table {
    width: 100% !important;
    table-layout: auto !important;
    min-width: auto !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    border: 1px solid #000 !important;
    /* テーブル全体にボーダー */
  }
  /* テーブル内の各セルのスタイル */
  .table-wrap table th,
  .table-wrap table td {
    border: 1px solid #000 !important;
    /* 黒い線 */
    padding: 5px !important;
    text-align: center !important;
  }
  /* テーブルの最終行のボーダーをなくす */
  .table-wrap table tr:last-child td {
    border-bottom: none !important;
  }
  /* 他の余計なスタイルをクリア */
  .table-wrap table tr,
  .table-wrap table td {
    visibility: visible !important;
    /* 確実にテーブル内容を表示 */
  }
  .bccolor-1,
  .bccolor-2,
  .bccolor-3,
  .bccolor-4,
  .bccolor-5,
  .bccolor-6 {
    border: 1px solid #000 !important;
    /* ボーダーのみ適用 */
    background-color: transparent !important;
    /* 背景色を透明に設定（場合によっては無効にする） */
  }
}
/*---------------------------------------------------------
ページレイアウト
---------------------------------------------------------*/
/*---------------------------------------------------------
キャンペーン用 テンプレート
---------------------------------------------------------*/
#campaign {
  padding-top: 0;
  background-color: #ffffff;
  /*アイキャッチ
   --------------------------------------------------*/
  /*キャンペーンタイトル
   --------------------------------------------------*/
  /*キャンペーンポイント
   --------------------------------------------------*/
  /*キャンペーンヘッダー
   --------------------------------------------------*/
  /*キャンペーン詳細
   --------------------------------------------------*/
  /*店舗詳細
   --------------------------------------------------*/
  /*その他のキャンペーン
   --------------------------------------------------*/
  /*ホームボタン
   --------------------------------------------------*/
}
#campaign .content-box {
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  width: 95%;
}
#campaign #campaign_eyecatch {
  background-color: #FFF7D5;
  margin-bottom: 80px;
}
@media print, screen and (max-width: 768px) {
  #campaign #campaign_eyecatch {
    margin-bottom: 50px;
  }
}
#campaign #campaign_eyecatch .minInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 90%;
}
@media print, screen and (max-width: 768px) {
  #campaign #campaign_eyecatch .minInner {
    width: 100%;
  }
}
#campaign #campaign_eyecatch h1 {
  font-size: 0;
  padding: 0;
  position: relative;
  padding: 50px 0;
}
@media print, screen and (max-width: 768px) {
  #campaign #campaign_eyecatch h1 {
    padding: 30px 0;
  }
}
#campaign .campaignTitle {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 5px;
  font-size: 3rem;
  color: #284db4;
  text-align: center;
  margin-bottom: 110px;
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignTitle {
    font-size: 1.5625rem;
    margin-bottom: 60px;
  }
}
#campaign .campaignTitle::after {
  content: "";
  width: 110px;
  height: 8px;
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141));
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%);
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%);
  margin: 0 auto;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignTitle::after {
    height: 5px;
  }
}
#campaign .campaignPoint ul li {
  margin-bottom: 80px;
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignPoint ul li {
    margin-bottom: 40px;
  }
}
#campaign .campaignPoint ul li .detail-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#campaign .campaignPoint ul li .detail-wrap .detail,
#campaign .campaignPoint ul li .detail-wrap .img-box {
  width: 48%;
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignPoint ul li .detail-wrap .detail,
  #campaign .campaignPoint ul li .detail-wrap .img-box {
    width: 100%;
  }
}
#campaign .campaignPoint ul li .detail-wrap .detail .pointLabel {
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141));
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%);
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%);
  color: #ffffff;
  line-height: 1;
  font-size: 1.25rem;
  font-weight: bold;
  padding: 5px 20px;
  position: relative;
  top: -30px;
  border-radius: 20px;
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignPoint ul li .detail-wrap .detail .pointLabel {
    font-size: 0.75rem;
    top: 0;
    margin-bottom: 10px;
    display: inline-block;
  }
}
#campaign .campaignPoint ul li .detail-wrap .detail strong {
  display: block;
  font-size: 2.25rem;
  color: #284db4;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignPoint ul li .detail-wrap .detail strong {
    font-size: 1.5rem;
    margin-bottom: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  #campaign .campaignPoint ul li .detail-wrap .detail p {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  #campaign .campaignPoint ul li:nth-child(2n) .detail-wrap .detail {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
  #campaign .campaignPoint ul li:nth-child(2n) .detail-wrap .img-box {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
#campaign .campaignHeader {
  margin-bottom: 60px;
}
#campaign .campaignDetails .desc {
  margin-bottom: 40px;
}
#campaign .campaignDetails .desc:last-child {
  margin-bottom: 80px;
}
#campaign .storeInformation {
  margin-bottom: 100px;
}
#campaign .storeInformation strong {
  display: block;
  text-align: center;
  color: #284db4;
  font-size: 1.25rem;
  margin-bottom: 20px;
}
#campaign .storeInformation .btn-wrap {
  display: block;
  width: 430px;
  margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
  #campaign .storeInformation .btn-wrap {
    width: 100%;
  }
}
#campaign .storeInformation .btn-wrap a {
  font-size: 1.9375rem;
}
@media print, screen and (max-width: 768px) {
  #campaign .storeInformation .btn-wrap a {
    font-size: 1.5rem;
  }
}
#campaign #otherCampaigns ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 80px;
}
@media print, screen and (max-width: 768px) {
  #campaign #otherCampaigns ul {
    grid-template-columns: repeat(1, 1fr);
  }
}
#campaign #otherCampaigns ul li {
  margin-bottom: 10px;
}
@media print, screen and (min-width: 769px) {
  #campaign #otherCampaigns ul li a:hover {
    opacity: 0.6;
  }
}
#campaign .backHome {
  display: block;
  width: 250px;
  margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
  #campaign .backHome {
    max-width: 250px;
    width: 100%;
    margin-bottom: 80px;
  }
}

/*---------------------------------------------------------
HOME
---------------------------------------------------------*/
#home {
  /*共通
  --------------------------------------------------*/
  /*アイキャッチ
  --------------------------------------------------*/
  /*重要なお知らせ
  --------------------------------------------------*/
  /*ネットサービス
  --------------------------------------------------*/
  /*アプリケーション・オプション紹介
  --------------------------------------------------*/
  /*サポート
  --------------------------------------------------*/
  /*ご利用中のお客様
  --------------------------------------------------*/
  /*お知らせ
  --------------------------------------------------*/
}
#home h2 {
  font-size: 2.5rem;
  text-align: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
  margin-bottom: 60px;
  border-bottom: none;
}
@media print, screen and (max-width: 768px) {
  #home h2 {
    font-size: 1.875rem;
    margin-bottom: 40px;
  }
}
#home h2::before {
  display: none !important;
}
#home h2 span {
  padding-top: 8px;
  width: 100%;
  display: block;
  font-size: 1rem;
  color: #000000;
}
#home #eyecatch {
  background-color: #ccf0fe;
  height: 744px;
  background-image: url(../img/home/eyecatch_bg.jpg);
  background-size: cover;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 60px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 1199px) {
  #home #eyecatch {
    height: auto;
    padding: 60px 0;
  }
}
@media print, screen and (max-width: 768px) {
  #home #eyecatch {
    background-position: center right 42%;
    background-size: auto 120%;
  }
}
#home #eyecatch .campaignSlider-wrap {
  width: 100%;
}
@media print, screen and (min-width: 992px) {
  #home #eyecatch .campaignSlider-wrap {
    margin-top: 40px;
  }
}
@media print, screen and (max-width: 1199px) {
  #home #eyecatch .campaignSlider-wrap {
    margin-top: 0;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider {
  width: 100%;
  position: inherit;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list {
  overflow: inherit;
  /* ▼ SP/タブレット幅：オーバーレイは slick-list に付与（ズレ防止） */
}
@media print, screen and (max-width: 991px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list {
    overflow: hidden;
    position: relative;
    /* 左端：0〜30%まではしっかり黒、そこから透明へ */
    /* 右端：同じ考え方（反転） */
    /* 初期チラつき防止 */
    /* スライド開始：速めに消す */
    /* スライド停止（直前から戻し始める想定）：ゆっくり戻す */
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list::before, #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 5%;
    pointer-events: none;
    z-index: 2;
    opacity: 1;
    -webkit-transition: opacity 0.8s ease;
    transition: opacity 0.8s ease;
    will-change: opacity;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list::before {
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0.4)), color-stop(85%, rgba(0, 0, 0, 0.3)), color-stop(95%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%);
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list::after {
    right: 0;
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), color-stop(40%, rgba(0, 0, 0, 0.4)), color-stop(85%, rgba(0, 0, 0, 0.3)), color-stop(95%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.3) 85%, rgba(0, 0, 0, 0.2) 95%, rgba(0, 0, 0, 0.1) 100%);
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list.overlay--noanim::before, #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list.overlay--noanim::after {
    -webkit-transition: none;
    transition: none;
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list.overlay--fadeOut::before, #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list.overlay--fadeOut::after {
    -webkit-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list.overlay--fadeIn::before, #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list.overlay--fadeIn::after {
    -webkit-transition: opacity 1s ease 0.3s;
    transition: opacity 1s ease 0.3s;
    opacity: 1;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-track {
  margin-left: 30px;
}
@media print, screen and (max-width: 991px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-track {
    margin-left: 0;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slide-item {
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 992px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slide-item {
    margin-right: 75px;
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slide-item:hover {
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
            box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  }
}
@media print, screen and (max-width: 991px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slide-item {
    margin-right: 0;
    height: auto;
    padding: 0;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slide-item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media print, screen and (max-width: 991px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-slide {
    float: left !important;
  }
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-list {
    overflow: hidden;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev,
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ffffff;
  font-weight: bold;
  z-index: 10;
  overflow: hidden;
  width: 35px;
  height: 35px;
  font-size: 0;
  line-height: 0;
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141));
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%);
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%);
  position: absolute !important;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  border-radius: 35px;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev::before, #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev::after,
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next::before,
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
  top: 0;
  left: 0;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev::before,
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next::before {
  z-index: -1;
  background: -webkit-gradient(linear, left top, right top, from(#ffb141), to(#ff6200));
  background: -webkit-linear-gradient(left, #ffb141 0%, #ff6200 100%);
  background: linear-gradient(90deg, #ffb141 0%, #ff6200 100%);
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev::after,
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: 8px 13px;
}
@media print, screen and (min-width: 992px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev:hover::before,
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next:hover::before {
    opacity: 0;
  }
}
@media print, screen and (max-width: 991px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev,
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next {
    display: none !important;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev {
  margin-right: 355px;
  right: 50%;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev::after {
  background-position: center right 15px;
  background-image: url("../img/common/icon/arrow_white_left.svg");
}
@media print, screen and (min-width: 992px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-prev:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    right: 50.2%;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next {
  margin-left: 375px;
  left: 50%;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next::after {
  background-position: center right 13px;
  background-image: url("../img/common/icon/arrow_white_right.svg");
}
@media print, screen and (min-width: 992px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-next:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    left: 50.2%;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 95%;
  width: 100%;
}
@media print, screen and (max-width: 991px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots {
    bottom: -30px;
  }
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots li {
  max-width: 87px;
  width: 100%;
  margin-right: 10px;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots li:last-child {
  margin-right: 0;
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots li.slick-active button {
  background: -webkit-gradient(linear, left top, right top, from(#ff6200), to(#ffb141));
  background: -webkit-linear-gradient(left, #ff6200 0%, #ffb141 100%);
  background: linear-gradient(90deg, #ff6200 0%, #ffb141 100%);
}
#home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots li button {
  font-size: 0;
  width: 100%;
  height: 6px;
  background-color: #d9d9d9;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 992px) {
  #home #eyecatch .campaignSlider-wrap .campaignSlider .slick-dots li button:hover {
    opacity: 0.5;
  }
}
#home #importantNotice {
  margin-bottom: 100px;
}
@media print, screen and (max-width: 1199px) {
  #home #importantNotice {
    margin-bottom: 50px;
  }
}
#home #importantNotice .content-box {
  padding: 0;
  background-color: transparent;
}
@media print, screen and (max-width: 1199px) {
  #home #importantNotice .content-box {
    max-width: 95%;
  }
}
#home #importantNotice dl {
  background-color: #ffefef;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  border: 2px solid #c32525;
  padding: 0 15px 0 15px;
  border-radius: 10px;
}
#home #importantNotice dl dt span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c32525;
  padding-right: 15px;
  margin-right: 15px;
  margin-top: 15px;
  border-right: 1px solid #c32525;
  white-space: nowrap;
}
@media print, screen and (max-width: 1199px) {
  #home #importantNotice dl dt span {
    font-size: 0;
    line-height: 0;
    border-right: none;
    padding-right: 0;
  }
}
#home #importantNotice dl dt span::before {
  content: "";
  background-image: url(../img/common/icon/importantNotice_icon.svg);
  display: block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  margin-right: 5px;
}
@media print, screen and (max-width: 1199px) {
  #home #importantNotice dl dt span::before {
    margin-right: 0;
  }
}
#home #importantNotice dl dd {
  width: 100%;
}
#home #importantNotice dl dd ul li {
  border-bottom: 1px solid #c32525;
  background-image: url("../img/common/icon/arrow_red_right.svg");
  background-size: 10px 17px;
  background-repeat: no-repeat;
  background-position: center right;
}
#home #importantNotice dl dd ul li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
#home #importantNotice dl dd ul li a {
  color: #000000;
  display: block;
  padding-right: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media print, screen and (min-width: 1200px) {
  #home #importantNotice dl dd ul li a:hover {
    color: #c32525;
  }
}
#home #netService .content-box {
  padding: 0;
  background-color: transparent;
  max-width: 960px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media print, screen and (max-width: 1199px) {
  #home #netService .content-box {
    width: 95%;
  }
}
#home #netService .read {
  text-align: left;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 769px) {
  #home #netService .read {
    text-align: center;
    margin-bottom: 40px;
    white-space: nowrap;
  }
}
#home #netService .lineDetail {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 60px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 769px) {
  #home #netService .lineDetail {
    gap: 40px;
  }
}
@media print, screen and (min-width: 1200px) {
  #home #netService .lineDetail {
    gap: 100px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #netService .lineDetail {
    display: block;
    margin-bottom: 40px;
  }
}
#home #netService .lineDetail li dl dt {
  display: inline-block;
  padding: 10px 20px;
  font-size: 1.25rem;
  background-color: #ff6145;
  color: #ffffff;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  line-height: 1;
  font-weight: bold;
}
#home #netService .lineDetail li dl dd {
  background-color: #ffffff;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
}
#home #netService .lineDetail li dl dd strong {
  background: -webkit-gradient(linear, left top, right top, from(#e3e3e3), to(#f8f8f8));
  background: -webkit-linear-gradient(left, #e3e3e3 0%, #f8f8f8 100%);
  background: linear-gradient(90deg, #e3e3e3 0%, #f8f8f8 100%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.125rem;
  padding: 10px 0;
  text-align: center;
}
#home #netService .lineDetail li dl dd .detail-wrap {
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}
@media print, screen and (min-width: 769px) {
  #home #netService .lineDetail li dl dd .detail-wrap {
    max-width: 290px;
  }
}
#home #netService .lineDetail li dl dd .detail-wrap .bnr-box {
  margin-bottom: 10px;
  display: block;
}
#home #netService .lineDetail li dl dd .detail-wrap .bnr-box a:hover {
  opacity: 0.6;
}
#home #netService .lineDetail li dl dd .detail-wrap .price-box {
  margin-bottom: 20px;
  display: block;
}
#home #netService .lineDetail li dl dd .detail-wrap .btn-wrap {
  margin: 0 auto !important;
}
@media print, screen and (min-width: 769px) {
  #home #netService .lineDetail li dl dd .detail-wrap .btn-wrap {
    max-width: 235px !important;
  }
}
@media print, screen and (max-width: 768px) {
  #home #netService .lineDetail li dl dd .detail-wrap .btn-wrap {
    width: 80%;
    margin: 0 auto;
  }
}
#home #netService .lineDetail li dl dd .detail-wrap .btn-wrap a {
  padding-right: 35px;
}
#home #netService .lineDetail li:last-child dl dt {
  background-color: #eb378e;
}
@media print, screen and (max-width: 768px) {
  #home #netService .lineDetail li:last-child {
    margin-top: 60px;
  }
}
#home #netService .opticalLine {
  margin-bottom: 40px;
}
#home #netService .opticalLine strong {
  text-align: center;
  display: block;
  font-size: 1.5rem;
  margin-bottom: 40px;
}
#home #netService .opticalLine ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
@media print, screen and (max-width: 768px) {
  #home #netService .opticalLine ul {
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
  }
}
#home #netService .opticalLine ul li {
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: relative;
  bottom: 0;
  box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  #home #netService .opticalLine ul li:hover {
    -webkit-box-shadow: none;
            box-shadow: none;
    bottom: -2px;
  }
}
@media print, screen and (min-width: 1200px) {
  #home #netService .opticalLine ul li a:hover {
    opacity: 0.6;
  }
}
#home #netService .btn-wrap {
  display: block;
  margin: 0 auto 60px auto;
}
@media print, screen and (min-width: 769px) {
  #home #netService .btn-wrap {
    max-width: 280px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #netService .btn-wrap {
    width: 90%;
    margin: 0 auto 30px auto;
  }
}
#home #netService .bnr-wrap {
  display: block;
  margin: 0 auto 100px auto;
  max-width: 710px;
  width: 100%;
}
@media print, screen and (max-width: 768px) {
  #home #netService .bnr-wrap {
    margin: 0 auto 30px auto;
  }
}
@media print, screen and (min-width: 1200px) {
  #home #netService .bnr-wrap a:hover {
    opacity: 0.6;
  }
}
#home #applicationsAndOptions .content-box {
  position: relative;
  width: 95%;
}
#home #applicationsAndOptions .content-box.title {
  max-width: 800px;
  margin: 0 auto 60px auto;
}
@media print, screen and (max-width: 991px) {
  #home #applicationsAndOptions .content-box.title {
    padding: 25px;
    margin: 0 auto 40px auto;
  }
}
#home #applicationsAndOptions .content-box.title::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 20px solid #ffffff;
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
#home #applicationsAndOptions .content-box.title h2 {
  margin-bottom: 0;
}
@media print, screen and (max-width: 991px) {
  #home #applicationsAndOptions .content-box.title h2 {
    font-size: 1.875rem;
    line-height: 1.2;
  }
}
#home #applicationsAndOptions .content-box.title h2 span {
  padding-top: 15px;
  font-size: 1.5625rem;
  color: #284db4;
}
@media print, screen and (max-width: 991px) {
  #home #applicationsAndOptions .content-box.title h2 span {
    font-size: 0.875rem;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap h2 {
  text-align: left;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: 20px;
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap h2 {
    border-right: 1px solid #dadada;
  }
}
@media print, screen and (min-width: 769px) {
  #home #applicationsAndOptions .tabSwitching-wrap h2 {
    margin-left: -20px;
    padding-left: 20px;
    width: calc(100% + 40px);
  }
}
@media print, screen and (max-width: 768px) {
  #home #applicationsAndOptions .tabSwitching-wrap h2 {
    margin-left: -14px;
    padding-left: 14px;
    width: calc(100% + 28px);
  }
}
@media print, screen and (max-width: 1199px) {
  #home #applicationsAndOptions .tabSwitching-wrap h2 {
    padding-bottom: 15px;
    border-bottom: 1px solid #dadada;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .title_tab {
  margin-bottom: 30px;
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab {
    margin-left: -40px;
    width: calc(100% + 80px);
    border-bottom: 1px solid #dadada;
  }
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 980px;
    margin: 0 auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn {
    width: 210%;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li a {
  color: #555555;
  font-weight: bold;
  white-space: nowrap;
  font-size: 1.25rem;
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li a:hover {
    color: #f08d00;
  }
}
@media print, screen and (max-width: 1199px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li a {
    font-size: 1rem;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li.active a {
  color: #f08d00;
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li.active a {
    text-decoration: underline;
  }
}
@media print, screen and (min-width: 1200px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    border-right: 1px solid #dadada;
  }
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li:last-child {
    border-right: none;
  }
}
@media print, screen and (max-width: 1199px) {
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li {
    width: 50%;
    padding: 5px 0;
  }
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li a {
    display: block;
    text-align: center;
    padding: 5px;
    margin-bottom: 0;
    border-bottom: 3px solid #555555;
  }
  #home #applicationsAndOptions .tabSwitching-wrap .title_tab .title_tabInner .tabSwitchingBtn li.active a {
    border-bottom: 3px solid #f08d00;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions {
  margin-bottom: 55px;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list {
  margin-bottom: 40px;
}
@media print, screen and (min-width: 769px) {
  #home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media print, screen and (max-width: 768px) {
  #home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li {
    margin-bottom: 20px;
  }
  #home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li:last-child {
    margin-bottom: 0;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li .card {
  padding: 20px 40px;
  border-radius: 4px;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li .card:hover {
  background-color: #f5f9fa;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li .card .img-box {
  border: 1px solid #dadada;
  max-width: 324px;
  margin: 0 auto 20px auto;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li .card .cardInner {
  padding: 0;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li .card .cardInner h4 {
  font-size: 1.25rem;
  line-height: 1.2;
  display: block;
  color: #284db4;
  font-weight: bold;
  width: 100%;
  margin-bottom: 10px;
  text-align: left;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .applicationOptions .card_list li .card .cardInner .text-box {
  margin-bottom: 10px;
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .btn-wrap {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  #home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .btn-wrap {
    max-width: 300px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .btn-wrap {
    width: 95%;
  }
  #home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent .btn-wrap a {
    padding: 15px 30px 15px 20px;
  }
}
#home #applicationsAndOptions .tabSwitching-wrap .tabSwitchinContent #option .applicationOptions .card_list li .card .img-box {
  border: none;
}
@media print, screen and (max-width: 1199px) {
  #home #support .content-box {
    width: 95%;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #support h2 {
    margin-bottom: 20px;
    line-height: 1.2;
  }
}
#home #support .read {
  text-align: center;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 768px) {
  #home #support .read {
    font-size: 0.9375rem;
    margin-bottom: 0;
  }
}
#home #support .support-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media print, screen and (max-width: 768px) {
  #home #support .support-section {
    display: block;
  }
}
#home #support .support-section .support-list {
  -webkit-box-flex: 1.5;
  -webkit-flex: 1.5;
      -ms-flex: 1.5;
          flex: 1.5;
}
@media print, screen and (min-width: 769px) {
  #home #support .support-section .support-list {
    margin-right: 5%;
  }
}
@media print, screen and (max-width: 768px) {
  #home #support .support-section .support-list ul li {
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #dadada;
  }
  #home #support .support-section .support-list ul li:last-child {
    border-bottom: none;
    padding-bottom: 0;
  }
}
#home #support .support-section .support-list ul li a.support-item {
  display: block;
  color: inherit;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  #home #support .support-section .support-list ul li a.support-item {
    padding: 20px 20px;
    border-bottom: 1px solid #dadada;
  }
}
#home #support .support-section .support-list ul li a.support-item h3 {
  font-size: 1.4375rem;
  color: #284db4;
  padding: 0;
  margin: 0;
  border-bottom: 0;
  line-height: 1.4;
  display: block;
  background-image: url("../img/common/icon/arrow_circleLineBlue_right.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 30px auto;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  border-left: none;
  background-color: #fff;
}
#home #support .support-section .support-list ul li a.support-item h3::before {
  display: none;
}
#home #support .support-section .support-list ul li a.support-item .desc {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding-left: 15px;
  margin-bottom: 0;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
#home #support .support-section .support-list ul li a.support-item .desc::before {
  content: "　";
  display: block;
  line-height: 1;
}
@media print, screen and (max-width: 768px) {
  #home #support .support-section .support-list ul li a.support-item .desc {
    max-height: none;
    opacity: 1;
    overflow: visible;
    padding-left: 0;
    margin-bottom: 15px;
    font-size: 0.875rem;
  }
}
#home #support .support-section .support-list ul li a.support-item .desc.is-show {
  max-height: 400px;
  /* 十分な高さに調整してください */
  opacity: 1;
}
#home #support .support-section .support-list ul li a.support-item .img-box {
  display: block;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
          box-shadow: 0px 5px 18.2px rgba(97, 134, 228, 0.24);
  border-radius: 15px;
}
@media print, screen and (min-width: 769px) {
  #home #support .support-section .support-list ul li a.support-item .img-box {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #home #support .support-section .support-list ul li a.support-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  #home #support .support-section .support-list ul li a.support-item .text-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  #home #support .support-section .support-list ul li a.support-item .img-box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    max-width: 40%;
    display: block;
  }
  #home #support .support-section .support-list ul li a.support-item .desc {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-height: none;
    opacity: 1;
    overflow: visible;
    padding-left: 0;
    margin-bottom: 0;
  }
  #home #support .support-section .support-list ul li a.support-item h3 {
    margin-bottom: 10px;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media print, screen and (min-width: 769px) {
  #home #support .support-section .support-list ul li a:hover h3 {
    color: #f08d00;
    background-image: url("../img/common/icon/arrow_circleOrange_right.svg");
  }
}
#home #support .support-section .support-list .btn-wrap {
  margin-top: 30px;
  display: block;
  width: 230px;
}
@media print, screen and (max-width: 768px) {
  #home #support .support-section .support-list .btn-wrap {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
}
#home #support .support-section .support-image {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-radius: 15px;
}
@media print, screen and (max-width: 768px) {
  #home #support .support-section .support-image {
    display: none;
  }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
  #home #support .support-section .support-image {
    display: none;
  }
}
#home #support .support-section .support-image img {
  width: 100%;
  height: auto;
  opacity: 1;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}
#home #support .support-section .support-image img.is-fading {
  opacity: 0;
}
#home #member {
  background-color: #ffffff;
}
@media print, screen and (max-width: 768px) {
  #home #member {
    padding: 30px 0;
  }
}
#home #member .content-box {
  max-width: 865px;
  width: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#home #member .memberSite {
  margin-bottom: 40px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 769px) {
  #home #member .memberSite {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(345px, 1fr));
    gap: 39px;
  }
}
@media print, screen and (min-width: 992px) {
  #home #member .memberSite {
    gap: 80px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #member .memberSite {
    margin-bottom: 60px;
  }
}
#home #member .memberSite li {
  padding: 20px;
  border: 1px solid #2bbc94;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  #home #member .memberSite li {
    margin-bottom: 60px;
  }
  #home #member .memberSite li:last-child {
    margin-bottom: 0;
  }
}
#home #member .memberSite li p {
  font-size: 0.9375rem;
  display: block;
  text-align: center;
  margin-bottom: 20px;
}
#home #member .memberSite li .img-box {
  display: block;
  margin: 0 auto 20px auto;
  max-width: 210px;
  width: 100%;
}
#home #member .memberMenu_btnList {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 62px;
  margin-bottom: 50px;
}
@media print, screen and (max-width: 768px) {
  #home #member .memberMenu_btnList {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  #home #member .memberMenu_btnList li {
    max-width: 160px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #member .memberMenu_btnList li {
    width: 100%;
  }
}
#home #member .blog h2 {
  text-align: left;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
      -ms-flex-pack: left;
          justify-content: left;
  margin-bottom: 40px;
}
@media print, screen and (min-width: 769px) {
  #home #member .blog h2 {
    margin-left: -20px;
    padding-left: 20px;
    width: calc(100% + 40px);
  }
}
@media print, screen and (max-width: 768px) {
  #home #member .blog h2 {
    margin-left: -14px;
    padding-left: 14px;
    width: calc(100% + 28px);
  }
}
@media print, screen and (max-width: 1199px) {
  #home #member .blog h2 {
    padding-bottom: 15px;
  }
}
#home #member .blog .article_list {
  margin-bottom: 20px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 6%;
}
#home #member .blog .article_list .new_article_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 47%;
  margin-bottom: 3%;
}
#home #member .blog .article_list .new_article_box a {
  color: #284db4;
}
#home #member .blog .article_list .new_article_box:nth-child(n+6) {
  display: none;
}
@media print, screen and (max-width: 768px) {
  #home #member .blog .article_list .new_article_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
#home #member .blog .article_list .new_article_box .article_photo_area {
  width: 80px;
  margin-right: 4%;
  margin-bottom: 0;
}
#home #member .blog .article_list .new_article_box .article_photo_area .image_url {
  display: block;
  overflow: hidden;
  margin-bottom: 10px;
  width: 80px;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  #home #member .blog .article_list .new_article_box .article_photo_area .image_url {
    margin-bottom: 0;
  }
}
#home #member .blog .article_list .new_article_box .article_text_area {
  width: calc(100% - 90px);
}
#home #member .blog .article_list .new_article_box .article_text_area .article_title {
  font-size: 1.25rem;
  line-height: 1;
  display: block;
  color: #284db4;
  font-weight: bold;
  width: 100%;
  margin-bottom: 10px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media print, screen and (max-width: 1199px) {
  #home #member .blog .article_list .new_article_box .article_text_area .article_title {
    line-height: 1.4;
    margin-right: 5%;
    font-size: 1rem;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}
#home #member .blog .article_list .new_article_box .article_text_area .article_date {
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}
@media print, screen and (max-width: 1199px) {
  #home #member .blog .article_list .new_article_box .article_text_area .article_date {
    font-size: 0.875rem;
  }
}
#home #member .blog .article_list .new_article_box .article_text_area .blog_title {
  display: block;
  font-weight: bold;
  color: #284db4;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media print, screen and (max-width: 1199px) {
  #home #member .blog .article_list .new_article_box .article_text_area .blog_title {
    font-size: 0.875rem;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
  }
}
#home #member .btn-wrap {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  #home #member .btn-wrap {
    max-width: 300px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #member .btn-wrap {
    width: 95%;
  }
  #home #member .btn-wrap a {
    padding: 15px 30px 15px 20px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #news {
    margin-bottom: 90px;
  }
}
@media print, screen and (max-width: 1199px) {
  #home #news .content-box {
    width: 95%;
  }
}
#home #news h2 {
  margin-bottom: 40px;
}
@media print, screen and (max-width: 768px) {
  #home #news h2 {
    -webkit-box-pack: left;
    -webkit-justify-content: left;
        -ms-flex-pack: left;
            justify-content: left;
    padding-bottom: 10px;
    padding-left: 18px;
    border-bottom: 1px solid #dadada;
    margin-bottom: 15px;
    margin-left: -15px;
    width: calc(100% + 20px);
  }
}
@media print, screen and (max-width: 768px) {
  #home #news h2 span {
    text-align: left;
  }
}
#home #news .newsLink {
  position: absolute;
  top: 40px;
}
@media print, screen and (min-width: 769px) {
  #home #news .newsLink {
    right: 40px;
  }
}
@media print, screen and (min-width: 1200px) {
  #home #news .newsLink {
    right: 60px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #news .newsLink {
    position: relative;
    right: 0;
    top: 0;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-bottom: 15px;
  }
}
#home #news .newsLink li {
  margin-bottom: 10px;
}
#home #news .newsLink li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#home #news .newsLink li a::after {
  width: 8px;
  height: 13px;
}
#home #news #newsList {
  margin-bottom: 30px;
}
#home #news #newsList .tabContentItem {
  display: block !important;
}
@media print, screen and (max-width: 768px) {
  #home #news #newsList .tabContentItem ul li a {
    background-image: none;
    padding-left: 0;
    padding-right: 0;
  }
}
#home #news .btn-wrap {
  display: block;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  #home #news .btn-wrap {
    max-width: 215px;
  }
}
@media print, screen and (max-width: 768px) {
  #home #news .btn-wrap {
    width: 80%;
  }
}

#change_collabo .collabo__container {
  border-radius: 10px;
  border: 1px solid #dadada;
  padding: 0 20px 20px 20px;
}
#change_collabo .collabo__container .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  padding: 10px 20px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: -20px;
  border-radius: 9px 0 20px 0;
  margin-bottom: 20px;
}
#change_collabo .collabo__container .title p {
  font-size: 23px;
  font-weight: bold;
  color: #fff;
}
@media print, screen and (max-width: 768px) {
  #change_collabo .collabo__container .title {
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0;
    border-radius: 9px 9px 0 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #change_collabo .collabo__container .title p {
    font-size: 18px;
  }
}
#change_collabo .flex-box {
  gap: 54px;
  margin-bottom: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#change_collabo .flex-box .btnbox {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  text-align: center;
}
#change_collabo .flex-box .btnbox p {
  font-weight: bold;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
#change_collabo .flex-box .btnbox img {
  margin-bottom: 20px;
  max-width: 181px;
}
#change_collabo .flex-box .btnbox a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
#change_collabo .flex-box .contentbox img {
  margin-bottom: 10px;
}
#change_collabo .flex-box .contentbox p {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  padding: 5px auto !important;
  width: 100%;
  color: #fff;
}
@media print, screen and (max-width: 768px) {
  #change_collabo .flex-box .contentbox p {
    font-size: 20px;
  }
}
#change_collabo .collabo__container:first-of-type .title {
  background-color: #FA8918;
}
#change_collabo .collabo__container:first-of-type .flex-box .btnbox p {
  background-color: #FFF0D2;
}
#change_collabo .collabo__container:first-of-type .flex-box .contentbox p {
  background-color: #FA8918;
  padding: 5px;
}
#change_collabo .collabo__container:nth-of-type(2) .title {
  background-color: #E70000;
}
#change_collabo .collabo__container:nth-of-type(2) .flex-box .btnbox p {
  background-color: #FFEFEF;
}
#change_collabo .collabo__container:nth-of-type(2) .flex-box .contentbox p {
  background-color: #E70000;
  padding: 5px;
}
#change_collabo .collabo__container:nth-of-type(3) .title {
  background-color: #6AB0D9;
}
#change_collabo .collabo__container:nth-of-type(3) .flex-box .btnbox p {
  background-color: #EDFBFF;
}
#change_collabo .collabo__container:nth-of-type(3) .flex-box .contentbox {
  width: 100%;
}
#change_collabo .collabo__container:nth-of-type(3) .flex-box .contentbox p {
  background-color: #6AB0D9;
  padding: 5px;
}
#change_collabo .collabo__container:nth-of-type(3) .flex-box .contentbox img {
  max-width: 380px;
  margin-inline: auto;
}

#cs .bnrbox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}
@media print, screen and (max-width: 768px) {
  #cs .bnrbox {
    grid-template-columns: 1fr;
  }
}
#cs .bnrbox.single-item {
  place-items: center;
  grid-template-columns: 1fr;
}
#cs .memberMenu_btnList.green.mGreenbtn {
  margin-bottom: 20px;
}
@media print, screen and (min-width: 769px) {
  #cs .memberMenu_btnList.green.mGreenbtn {
    gap: 45px;
    margin-bottom: 40px;
  }
  #cs .memberMenu_btnList.green.subbtn {
    gap: 40px;
  }
}
#cs .memberMenu_btnList.green.newsbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media print, screen and (max-width: 768px) {
  #cs .memberMenu_btnList.green.newsbtn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: column !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
  #cs .memberMenu_btnList.green.newsbtn li {
    width: 100%;
  }
}
#cs .support-list {
  display: grid;
  grid-template-columns: 12ch 1fr;
}
#cs .support-list dt {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}
#cs .support-list dd {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}

#info_index .newsList .tabSwitchinContent .tabContentItem ul,
#trouble_index .newsList .tabSwitchinContent .tabContentItem ul,
#maintenance_index .newsList .tabSwitchinContent .tabContentItem ul {
  border-top: 1px solid #dadada;
}
#info_index .newsList .tabSwitchinContent .tabContentItem ul li,
#trouble_index .newsList .tabSwitchinContent .tabContentItem ul li,
#maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li {
  border-bottom: 1px solid #dadada;
}
#info_index .newsList .tabSwitchinContent .tabContentItem ul li a,
#trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a,
#maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000000;
  padding: 20px 40px 20px 15px;
  background-image: url("../img/common/icon/arrow_blue_right.svg");
  background-repeat: no-repeat;
  background-position: center right 20px;
  background-size: 8px 13px;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (min-width: 1200px) {
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover {
    background-image: url("../img/common/icon/arrow_orange_right.svg");
  }
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover .date-box,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover .date-box,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover .date-box {
    color: #000000;
  }
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover .articleTitle-box,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover .articleTitle-box,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a:hover .articleTitle-box {
    color: #f08d00;
  }
}
@media print, screen and (min-width: 992px) {
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a {
    padding: 20px 50px 20px 20px;
  }
}
@media print, screen and (max-width: 768px) {
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a {
    background-position: center right 15px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
#info_index .newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box,
#trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box,
#maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  width: 100%;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
@media print, screen and (max-width: 768px) {
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a .articleTitle-box {
    padding-top: 15px;
  }
}
#info_index .newsList .tabSwitchinContent .tabContentItem ul li a .date-box,
#trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a .date-box,
#maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a .date-box {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-right: 40px;
  line-height: 1;
  white-space: nowrap;
}
@media print, screen and (max-width: 768px) {
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a .date-box,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a .date-box,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a .date-box {
    margin-right: 10px;
  }
}
#info_index .newsList .tabSwitchinContent .tabContentItem ul li a .tag-box,
#trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a .tag-box,
#maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a .tag-box {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  margin-right: 15px;
}
@media print, screen and (max-width: 768px) {
  #info_index .newsList .tabSwitchinContent .tabContentItem ul li a .tag-box,
  #trouble_index .newsList .tabSwitchinContent .tabContentItem ul li a .tag-box,
  #maintenance_index .newsList .tabSwitchinContent .tabContentItem ul li a .tag-box {
    margin-right: auto;
  }
}
#info_index .memberMenu_btnList,
#trouble_index .memberMenu_btnList,
#maintenance_index .memberMenu_btnList {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px 50px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media print, screen and (max-width: 768px) {
  #info_index .memberMenu_btnList li,
  #trouble_index .memberMenu_btnList li,
  #maintenance_index .memberMenu_btnList li {
    width: 100%;
  }
}
#info_index .no-maintenance-info,
#trouble_index .no-maintenance-info,
#maintenance_index .no-maintenance-info {
  padding: 20px 40px;
}
#info_index .article-detail dl,
#trouble_index .article-detail dl,
#maintenance_index .article-detail dl {
  display: grid;
  grid-template-columns: minmax(80px, 10%) 1fr;
  gap: 5px 20px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 768px) {
  #info_index .article-detail dl,
  #trouble_index .article-detail dl,
  #maintenance_index .article-detail dl {
    display: block;
  }
}
#info_index .article-detail dl dt,
#info_index .article-detail dl dd,
#trouble_index .article-detail dl dt,
#trouble_index .article-detail dl dd,
#maintenance_index .article-detail dl dt,
#maintenance_index .article-detail dl dd {
  padding: 1rem 0;
}
@media print, screen and (max-width: 768px) {
  #info_index .article-detail dl dt,
  #info_index .article-detail dl dd,
  #trouble_index .article-detail dl dt,
  #trouble_index .article-detail dl dd,
  #maintenance_index .article-detail dl dt,
  #maintenance_index .article-detail dl dd {
    display: block;
    width: 100%;
    padding: 0;
  }
}
#info_index .article-detail dl dt,
#trouble_index .article-detail dl dt,
#maintenance_index .article-detail dl dt {
  font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  #info_index .article-detail dl dt,
  #trouble_index .article-detail dl dt,
  #maintenance_index .article-detail dl dt {
    padding-top: 1rem;
  }
}
#info_index .article-detail dl dt:first-of-type,
#trouble_index .article-detail dl dt:first-of-type,
#maintenance_index .article-detail dl dt:first-of-type {
  padding-top: 0;
}
#info_index .article-detail dl dd,
#trouble_index .article-detail dl dd,
#maintenance_index .article-detail dl dd {
  margin: 0;
  border-bottom: 1px #cccccc dotted;
}
@media print, screen and (max-width: 768px) {
  #info_index .article-detail dl dd,
  #trouble_index .article-detail dl dd,
  #maintenance_index .article-detail dl dd {
    padding-bottom: 1rem;
  }
}
#info_index .article-detail dl dd:first-of-type,
#trouble_index .article-detail dl dd:first-of-type,
#maintenance_index .article-detail dl dd:first-of-type {
  padding-top: 0;
}

#info_page img,
#maintenance_index img,
#maintenance_page img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

#info_page .table-normal table th,
#info_page .table-normal table td {
  padding: 2px 20px;
}
#info_page .table-normal.align_left table th,
#info_page .table-normal.align_left table td {
  text-align: left;
}
#info_page .table-wrap.tableType_01 table tr td:first-child.bccolor-6 {
  background: #fff;
}
#info_page .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#info_page .thType_01 table tbody td {
  background: transparent;
}
#info_page .th-left th {
  text-align: left;
}
#info_page .dl-flex dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1.6;
}
#info_page .dl-flex dl dd span {
  display: inline-block;
}
#info_page .box-gray {
  padding: 20px;
  border-radius: 10px;
  background: #f5f5f5;
}
#info_page .accordion-wrap .ac_content p {
  margin-top: initial;
}
#info_page .accordion-wrap .ac_content > p, #info_page .accordion-wrap .ac_content > div {
  margin-top: 20px;
}
#info_page .accordion-wrap .ac_content li + li {
  margin-top: 5px;
}
#info_page .accordion-wrap + .accordion-wrap {
  margin-top: 20px;
}
#info_page .tag03--type2 {
  display: inline-block;
  padding: 2px 4px 3px;
  margin: 0;
  border: 1px solid #284db4;
  border-radius: 0;
  text-align: center;
  vertical-align: baseline;
  background: transparent;
  line-height: 1.4;
  color: #284db4;
}
#info_page .tag03--type2.tagclr-orange {
  border: 1px solid #f08d00;
  color: #f08d00;
}
#info_page .info_page_20201026 .fd-row {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#info_page table.cell-border {
  border-collapse: collapse;
  /* セルの罫線をまとめる */
  border-top: 4px solid #284db4;
  /* 1行目の colspan=2 の th に左右の太枠を付ける */
  /* 2行目以降：1列目に左の太枠を付ける */
  /* 必要に応じて上下にも枠線を出したい場合は以下を追加 */
}
#info_page table.cell-border th[colspan="2"] {
  border-left: 4px solid #66cc66;
  border-right: 4px solid #66cc66;
  border-top: 4px solid #66cc66;
  background: #66cc66;
  border-bottom: none;
}
#info_page table.cell-border thead th:first-child {
  border-left: 4px solid #66cc66;
}
#info_page table.cell-border tbody {
  /* 2行目以降：2列目に右の太枠を付ける */
}
#info_page table.cell-border tbody td:first-child {
  border-left: 4px solid #66cc66;
}
#info_page table.cell-border tbody td:nth-child(2) {
  border-right: 4px solid #66cc66;
}
#info_page table.cell-border tbody tr:nth-child(2) td:first-child {
  border-bottom: 4px solid #66cc66;
}
#info_page table.cell-border tbody tr:nth-child(2) td:nth-child(2) {
  border-bottom: 4px solid #66cc66;
}
#info_page .scam_mail .mail-box {
  width: 100%;
  max-width: 640px;
  position: relative;
  border: 3px solid #ffa500;
  border-radius: 10px;
  margin-inline: auto;
  padding: 20px;
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.3;
}
@media print, screen and (max-width: 768px) {
  #info_page .scam_mail .mail-box {
    padding: 15px 8px;
  }
}
#info_page .scam_mail .mail-box p {
  overflow-wrap: anywhere;
}
#info_page .scam_mail .mail-box__img {
  width: 100%;
  max-width: 100%;
}
#info_page .scam_mail .mail-box__number {
  position: absolute;
  background-color: #ffffff;
  padding: 0px 8px;
  top: -12px;
  right: 10px;
  font-size: 0.75rem;
}
#info_page .scam_mail .mail-box__title {
  position: relative;
  padding-left: 56px;
  font-size: 0.875rem;
}
@media print, screen and (max-width: 768px) {
  #info_page .scam_mail .mail-box__title {
    padding-left: 50px;
    font-size: 0.75rem;
  }
}
#info_page .scam_mail .mail-box__title::before {
  content: "件名";
  position: absolute;
  display: inline-block;
  width: 40px;
  padding: 4px;
  top: 0;
  left: 1%;
  background-color: #0f9280;
  border-radius: 4px;
  color: #fff;
  line-height: 1;
  font-size: 0.75rem;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #info_page .scam_mail .mail-box__title::before {
    font-size: 0.6875rem;
  }
}
#info_page .scam_mail .mail-box__caution {
  margin-top: 8px;
  padding-left: 50px;
  text-align: right;
  font-size: 0.75rem;
}
@media print, screen and (max-width: 768px) {
  #info_page .scam_mail .mail-box__caution {
    text-align: left;
    font-size: 0.6875rem;
  }
}
#info_page .scam_mail .mail-box hr {
  margin: 15px 0;
}
#info_page .scam_mail .mail-box + .mail-box {
  margin-top: 20px;
}

#trouble_index .text-box + .text-box {
  margin-top: 40px;
}

#maintenance_index .text-box + .text-box {
  margin-top: 40px;
}

#info_page,
#maintenance_page,
#trouble_page {
  /* 共通スタイル */
}
#info_page .article-detail dl,
#maintenance_page .article-detail dl,
#trouble_page .article-detail dl {
  display: grid;
  grid-template-columns: minmax(80px, 10%) 1fr;
  gap: 5px 20px;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  margin: 0;
  padding: 0;
}
@media print, screen and (max-width: 768px) {
  #info_page .article-detail dl,
  #maintenance_page .article-detail dl,
  #trouble_page .article-detail dl {
    display: block;
  }
}
#info_page .article-detail dl dt,
#info_page .article-detail dl dd,
#maintenance_page .article-detail dl dt,
#maintenance_page .article-detail dl dd,
#trouble_page .article-detail dl dt,
#trouble_page .article-detail dl dd {
  padding: 1rem 0;
}
@media print, screen and (max-width: 768px) {
  #info_page .article-detail dl dt,
  #info_page .article-detail dl dd,
  #maintenance_page .article-detail dl dt,
  #maintenance_page .article-detail dl dd,
  #trouble_page .article-detail dl dt,
  #trouble_page .article-detail dl dd {
    display: block;
    width: 100%;
    padding: 0;
  }
}
#info_page .article-detail dl dt,
#maintenance_page .article-detail dl dt,
#trouble_page .article-detail dl dt {
  font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  #info_page .article-detail dl dt,
  #maintenance_page .article-detail dl dt,
  #trouble_page .article-detail dl dt {
    padding-top: 1rem;
  }
}
#info_page .article-detail dl dt:first-of-type,
#maintenance_page .article-detail dl dt:first-of-type,
#trouble_page .article-detail dl dt:first-of-type {
  padding-top: 0;
}
#info_page .article-detail dl dd,
#maintenance_page .article-detail dl dd,
#trouble_page .article-detail dl dd {
  margin: 0;
  border-bottom: 1px #cccccc dotted;
}
@media print, screen and (max-width: 768px) {
  #info_page .article-detail dl dd,
  #maintenance_page .article-detail dl dd,
  #trouble_page .article-detail dl dd {
    padding-bottom: 1rem;
  }
}
#info_page .article-detail dl dd:first-of-type,
#maintenance_page .article-detail dl dd:first-of-type,
#trouble_page .article-detail dl dd:first-of-type {
  padding-top: 0;
}
#info_page .updated-area,
#maintenance_page .updated-area,
#trouble_page .updated-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 28px;
  gap: 8px 20px;
}
#info_page .updated-area .updated-date,
#maintenance_page .updated-area .updated-date,
#trouble_page .updated-area .updated-date {
  font-weight: 700;
}
#info_page .btn-area,
#maintenance_page .btn-area,
#trouble_page .btn-area {
  max-width: 150px;
  margin-inline: auto;
  margin-top: 80px;
  padding-bottom: 24px;
}

@media print, screen and (min-width: 769px) {
  #inquiry .memberMenu_btnList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
  }
}
#inquiry .contact_address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#inquiry .contact_address a {
  font-size: 36px;
  font-weight: bold;
  color: #f08d00;
  letter-spacing: 0.1rem;
}
@media print, screen and (max-width: 768px) {
  #inquiry .contact_address a {
    font-size: 20px;
  }
}
#inquiry .contact_address p {
  font-size: 36px;
  font-weight: bold;
  color: #f08d00;
  letter-spacing: 0.1rem;
}
@media print, screen and (max-width: 768px) {
  #inquiry .contact_address p {
    font-size: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  #inquiry a[href="tel:0825535523"] {
    color: #333333;
    -webkit-transition: none;
    transition: none;
    border-bottom: none;
    text-decoration: none;
  }
  #inquiry a[href="tel:0825535523"]:hover {
    opacity: 1;
  }
}

#overview .btn-wrap {
  display: block;
}
@media print, screen and (min-width: 769px) {
  #overview .btn-wrap {
    max-width: 300px;
  }
}
@media print, screen and (max-width: 768px) {
  #overview .btn-wrap {
    width: 95%;
  }
  #overview .btn-wrap a {
    padding: 15px 30px 15px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  #overview .column-mr {
    margin-right: 80px;
  }
}
#overview .list-disc li {
  margin-bottom: 0.5em;
}

#plan_index h3,
#asp_index h3,
#opt_index h3 {
  margin-bottom: 20px;
}
#plan_index h4,
#asp_index h4,
#opt_index h4 {
  margin-bottom: 15px;
}
#plan_index ul li h4,
#asp_index ul li h4,
#opt_index ul li h4 {
  line-height: 1.3;
}
#plan_index .btn2,
#asp_index .btn2,
#opt_index .btn2 {
  font-weight: 500;
}
#plan_index .fw-r,
#asp_index .fw-r,
#opt_index .fw-r {
  font-weight: 400;
}
#plan_index .fw-b,
#asp_index .fw-b,
#opt_index .fw-b {
  font-weight: 700;
}
#plan_index .fz-30b,
#asp_index .fz-30b,
#opt_index .fz-30b {
  display: inline;
  font-size: 1.875rem;
  line-height: 1.7;
  font-weight: 700;
}
#plan_index .text--small,
#asp_index .text--small,
#opt_index .text--small {
  display: inline;
  font-size: 1rem;
  font-weight: 700;
}
#plan_index .text--blue-small,
#asp_index .text--blue-small,
#opt_index .text--blue-small {
  display: block;
  font-size: 1rem;
  line-height: 1.5;
  color: #284db4;
  font-weight: 500;
}
#plan_index .text--red-bg,
#asp_index .text--red-bg,
#opt_index .text--red-bg {
  display: inline-block;
  background: #c32525;
  color: #ffffff;
  font-weight: 500;
  padding: 10px;
  border-radius: 100px;
}
@media print, screen and (max-width: 991px) {
  #plan_index .card_list.col2,
  #asp_index .card_list.col2,
  #opt_index .card_list.col2 {
    display: grid;
  }
}
@media print, screen and (max-width: 991px) {
  #plan_index .card_list.col3,
  #asp_index .card_list.col3,
  #opt_index .card_list.col3 {
    display: grid;
  }
}

#plan_index .txt_link {
  font-weight: 700;
}
#plan_index .table-wrap table th:nth-child(2) {
  width: 45%;
}

#asp_index .label-wrap {
  position: initial;
  font-weight: 700;
  margin-bottom: 5px;
  display: block;
}
#asp_index .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}

/*---------------------------------------------------------
タイトル下 バッチ右横の新規受付終了表示
---------------------------------------------------------*/
.box-top {
  position: relative;
  top: -6em;
  /* 必要に応じて調整 */
  float: right;
  white-space: nowrap;
  color: #c32525;
  font-weight: 700;
  height: 0;
}
@media print, screen and (min-width: 769px) {
  .box-top {
    top: -7em;
  }
}
@media print, screen and (min-width: 992px) {
  .box-top {
    top: -7em;
  }
}
@media print, screen and (min-width: 1200px) {
  .box-top {
    top: -9em;
  }
}

/*---------------------------------------------------------
アコーディオン内　タイトル下 バッチ右横の新規受付終了表示
--------------------------------------------------*/
.box-top-accordion {
  display: block;
  float: right;
  height: 0;
  color: #c32525;
  font-weight: 700;
  white-space: nowrap;
  position: relative;
  top: 0.8em;
}
@media print, screen and (min-width: 769px) {
  .box-top-accordion {
    top: 2em;
  }
}

.media-block {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 20px;
}
.media-block .image img {
  max-width: 100px;
  height: auto;
  display: block;
}
.media-block .text {
  text-align: left;
}

@media print, screen and (min-width: 769px) {
  .column-ml20 {
    margin-left: 20px;
  }
}

/*---------------------------------------------------------
アコーディオン開きっぱなし設定、一時的後で消す
--------------------------------------------------*/
body.open-all-accordion .accordion .ac_content,
section.open-all-accordion .accordion .ac_content,
div.open-all-accordion .accordion .ac_content {
  height: auto !important;
  overflow: visible !important;
}

body.open-all-accordion .accordion .acBtn::after,
section.open-all-accordion .accordion .acBtn::after,
div.open-all-accordion .accordion .acBtn::after {
  -webkit-transform: translateY(-50%) rotate(0deg) !important;
          transform: translateY(-50%) rotate(0deg) !important;
  opacity: 0 !important;
}

.accNormItem.open-accordion .ac_content {
  height: auto !important;
  overflow: visible !important;
}
.accNormItem.open-accordion .acBtn::after {
  -webkit-transform: translateY(-50%) rotate(0deg) !important;
          transform: translateY(-50%) rotate(0deg) !important;
  opacity: 0 !important;
}

#plan_index .cardInner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media print, screen and (max-width: 1199px) {
  #plan_index .cardInner {
    gap: 5px;
    padding: 7px;
  }
}
#plan_index .cardInner .logobox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 30px;
}
@media print, screen and (max-width: 1199px) {
  #plan_index .cardInner .logobox {
    gap: 7px;
  }
}
#plan_index .cardInner .logo {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#plan_index .cardInner .logo img {
  width: revert-layer;
}
@media print, screen and (max-width: 1199px) {
  #plan_index .cardInner .logo img {
    width: 150px;
  }
}
#plan_index .cardInner h4 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 18px;
}
@media print, screen and (max-width: 1199px) {
  #plan_index .cardInner h4 {
    margin-bottom: 6px;
    font-size: 16px;
  }
}
@media print, screen and (min-width: 1200px) {
  #plan_index .card_list li:nth-child(1) a span div .logo {
    margin-top: 40px;
  }
  #plan_index .card_list li:nth-child(2) a span div .logo {
    margin-top: 50px;
  }
  #plan_index .card_list li:nth-child(4) a span div .logo {
    margin-top: 20px;
  }
  #plan_index .card_list li:nth-child(5) a span div .logo {
    margin-top: 20px;
  }
  #plan_index .card_list li:nth-child(5) a span div h4 {
    margin-top: 15px;
  }
  #plan_index .card_list li:nth-child(6) a span div h4 {
    margin-top: 17px;
  }
}
@media print, screen and (max-width: 768px) {
  #plan_index .card_list li a span .btn-box {
    text-align: left;
    margin-right: 0;
    margin-left: auto;
  }
  #plan_index .card_list li a span .btn-box .btn2 {
    font-size: 12px;
    margin-right: 0;
    margin-left: auto;
    text-align: right;
    margin-bottom: 0;
  }
  #plan_index .card_list li a span .btn-box .btn2::before {
    width: 14px;
    height: 14px;
    left: 7%;
  }
}

@media print, screen and (min-width: 769px) {
  #safetymeasure .column-half {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
}
#safetymeasure .column-half > img {
  display: block;
  margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
  #safetymeasure .card_list li + li {
    margin-top: 20px;
  }
}

#sitemap .list-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 8px 20px;
  padding-left: 0;
  list-style: none;
}
#sitemap .list-grid > li {
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  #sitemap .list-grid > li {
    width: calc((100% - 40px) / 3);
  }
}

#withhome .cardbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 40px;
}
#withhome .cardbox .card {
  max-width: 469px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: auto;
}
#withhome .cardbox .card .cardInner {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media print, screen and (max-width: 768px) {
  #withhome .cardbox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#withhome #anshin .flex-box {
  gap: 40px;
}
@media print, screen and (max-width: 768px) {
  #withhome #anshin .flex-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#withhome #anshin .orange {
  border: 2px solid #f08d00;
}
#withhome #anshin .orange th, #withhome #anshin .orange td {
  color: #f08d00;
  border-color: #f08d00;
}
@media print, screen and (max-width: 768px) {
  #withhome #arakaruto .tag99 {
    margin-bottom: 20px;
  }
}
#withhome #arakaruto .cardbox {
  gap: 20px;
}
#withhome #arakaruto .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#withhome .tag99 {
  background-color: #FF6145;
  font-size: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 13px 22px;
}
#withhome .img_link {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#withhome .img_link:hover {
  opacity: 0.6;
}
@media print, screen and (max-width: 768px) {
  #withhome .flex-box:last-of-type .column:nth-of-type(2) {
    margin-top: 50px;
  }
}
#withhome .btn1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 20px 50px;
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #withhome .btn1 {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 769px) {
  #i-fillter .flex-100 {
    width: 100%;
    max-width: 100%;
  }
  #i-fillter .img-align-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  #i-fillter .img-align-right img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
  }
}

#asp_kaspersky {
  /*---------------------------------------------------------
  flex-box
  --------------------------------------------------*/
  /*---------------------------------------------------------
  grid
  --------------------------------------------------*/
}
#asp_kaspersky .box-frame {
  margin-bottom: initial;
}
#asp_kaspersky h5 {
  margin-bottom: 5px;
  line-height: 1.4;
}
#asp_kaspersky ol {
  list-style: decimal;
  padding-inline: 1rem;
}
#asp_kaspersky ol li + li {
  margin-top: 40px;
}
#asp_kaspersky ol li > p:has(img) {
  margin-top: 10px;
}
#asp_kaspersky ol * > img {
  max-width: 600px;
}
#asp_kaspersky img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
}
#asp_kaspersky .flex-box-type1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky .flex-box-type1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#asp_kaspersky .flex-box-type1 .column-type1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_kaspersky .flex-box-type2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1em;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky .flex-box-type2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_kaspersky .flex-box-type2 > p:has(> img) {
    min-width: 221px;
  }
  #asp_kaspersky .flex-box-type2 > p:has(> img) img {
    max-width: 221px;
  }
}
#asp_kaspersky .flex-box-type2 + .flex-box-type2 {
  margin-top: 20px;
}
#asp_kaspersky .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(47%, 1fr));
  gap: 20px;
  justify-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
  }
}
#asp_kaspersky .grid-wrap .grid-box {
  max-width: 100%;
}
#asp_kaspersky .grid-wrap .grid-box .flex-box .img-box {
  min-width: 112px;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky .grid-wrap .grid-box .flex-box .img-box {
    min-width: 80px;
  }
}
#asp_kaspersky .grid-wrap .grid-box h4 {
  margin-bottom: 20px;
}
#asp_kaspersky .max-w-700 {
  max-width: 700px;
  margin-inline: auto;
}
#asp_kaspersky .max-w-700 p {
  margin-top: 20px;
}
#asp_kaspersky table {
  font-size: 0.875rem;
}
#asp_kaspersky .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#asp_kaspersky .thType_01 table tbody td {
  background: #fff;
}
#asp_kaspersky p:has(img):not(.flex-box p, p:has(.icon_tri)) {
  margin-top: 20px;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky p:has(img) {
    text-align: center;
  }
}
#asp_kaspersky p:has(.icon_tri) {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
#asp_kaspersky p:has(.icon_tri) .icon_tri {
  vertical-align: middle;
}
#asp_kaspersky .version ol img {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#asp_kaspersky .version ol div:has(img) {
  margin-top: 20px;
}
#asp_kaspersky #uninstall ol img {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#asp_kaspersky #uninstall ol div:has(img) {
  margin-top: 20px;
}
#asp_kaspersky #uninstall .flow-list {
  list-style-type: decimal;
  padding-inline: 1rem;
}
#asp_kaspersky #uninstall .flow-list li + li {
  margin-top: 40px;
}
#asp_kaspersky #uninstall .flow-list li > p:has(img) {
  margin-top: 10px;
}
#asp_kaspersky #uninstall .flow-list * > img {
  max-width: 600px;
}
#asp_kaspersky #uninstall .flow-list .flex-box-type2 p:first-child {
  width: 60%;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky #uninstall .flow-list .flex-box-type2 p:first-child {
    width: 100%;
  }
}
#asp_kaspersky #uninstall .flow-list .flex-box-type2 p:nth-child(2) {
  width: 40%;
}
@media print, screen and (max-width: 768px) {
  #asp_kaspersky #uninstall .flow-list .flex-box-type2 p:nth-child(2) {
    width: 100%;
  }
}
#asp_kaspersky #uninstall .flow-list .flex-box-type2 img {
  max-width: 300px;
}
@media print, screen and (min-width: 769px) {
  #asp_kaspersky #uninstall .flow-list .flex-box-type2 img {
    max-width: 221px;
  }
}

#asp_norton_idadvisor {
  --color-gray: #f6f6f6;
  --color-dark-gray: #2e3a46;
  --color-black: #242e38;
  --color-yellow: #fdbb30;
  /*---------------------------------------------------------
  grid
  --------------------------------------------------*/
}
#asp_norton_idadvisor img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
}
#asp_norton_idadvisor a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_norton_idadvisor a:hover img {
  opacity: 0.5;
}
#asp_norton_idadvisor .fz-7 {
  line-height: 1.6;
}
#asp_norton_idadvisor .box-frame {
  margin-bottom: initial;
}
#asp_norton_idadvisor .border-bold .border-bold {
  border: 3px solid #000;
}
#asp_norton_idadvisor .max-w-700 {
  max-width: 700px;
}
#asp_norton_idadvisor .max-w-700 img {
  margin-inline: auto;
}
#asp_norton_idadvisor .w-430px {
  width: 430px;
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .w-430px {
    width: 100%;
  }
}
#asp_norton_idadvisor .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
  gap: 20px 30px;
  place-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
  }
}
#asp_norton_idadvisor .grid-wrap .grid-box {
  max-width: 100%;
}
#asp_norton_idadvisor .grid-wrap .grid-box .flex-box .img-box {
  min-width: 112px;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .grid-wrap .grid-box .flex-box .img-box {
    min-width: 80px;
  }
}
#asp_norton_idadvisor .grid-wrap .grid-box h4 {
  margin-bottom: 20px;
}
#asp_norton_idadvisor .bg-wrap--gray {
  width: 100%;
  padding: 20px;
  background: var(--color-gray);
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .bg-wrap--gray {
    padding: 15px 10px;
  }
}
#asp_norton_idadvisor .bg-wrap--black {
  width: 100%;
  padding: 20px;
  background: var(--color-black);
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .bg-wrap--black {
    padding: 15px;
  }
}
#asp_norton_idadvisor .bg-wrap--dark-gray {
  width: 100%;
  padding: 20px;
  background-color: var(--color-dark-gray);
}
#asp_norton_idadvisor .bg-wrap--yellow {
  width: 100%;
  padding: 20px;
  background-color: var(--color-yellow);
}
#asp_norton_idadvisor .bg-clear {
  background: transparent;
}
#asp_norton_idadvisor .point-listx {
  position: relative;
  background: var(--color-black);
  margin-top: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 4px solid var(--color-yellow);
  padding: 20px 20px 10px;
  color: #fff;
  font-size: 0.9375rem;
  display: grid;
  place-items: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#asp_norton_idadvisor .point-listx .number {
  content: "";
  position: absolute;
  background: var(--color-yellow);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  line-height: 44px;
  left: 15px;
  top: -30px;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#asp_norton_idadvisor .point-listx p + img {
  max-width: 130px;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
#asp_norton_idadvisor .txt-bg-yellow {
  display: inline-block;
  margin-bottom: 10px;
  padding: 8px 5px 6px;
  font-weight: 700;
  color: var(--color-black);
  background: var(--color-yellow);
  font-size: 1.625rem;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .txt-bg-yellow {
    font-size: 1.125rem;
  }
}
#asp_norton_idadvisor .darkweb {
  color: #fff;
}
#asp_norton_idadvisor .darkweb .flex-box {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
  -webkit-align-items: initial;
      -ms-flex-align: initial;
          align-items: initial;
  gap: 10px;
}
#asp_norton_idadvisor .darkweb .darkweb_cap {
  max-width: 304px;
  padding: 11px;
  font-size: 0.875rem;
  line-height: 1.3;
  background: -webkit-gradient(linear, left top, left bottom, from(#05fbff), to(#1d62f0));
  background: -webkit-linear-gradient(#05fbff, #1d62f0);
  background: linear-gradient(#05fbff, #1d62f0);
}
#asp_norton_idadvisor .darkweb p + span {
  display: inline-block;
  margin-top: 5px;
}
#asp_norton_idadvisor .darkweb .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  gap: 20px 10px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .darkweb .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
  }
}
#asp_norton_idadvisor .darkweb .grid-wrap .attention_list {
  margin-top: 10px;
}
#asp_norton_idadvisor .marker1 {
  background: var(--color-yellow);
  color: #ffffff;
}
#asp_norton_idadvisor .marker2 {
  background-color: #e70012;
  color: #ffffff;
}
#asp_norton_idadvisor .marker3 {
  background-color: #000000;
  color: #ffffff;
}
#asp_norton_idadvisor .capbox_1 {
  width: 100%;
  display: inline-block;
  padding: 8px;
  border: none;
}
#asp_norton_idadvisor .capbox_1 .buy_and_sell {
  width: 100%;
}
#asp_norton_idadvisor .capbox_1 .buy_and_sell th {
  width: 20%;
  height: 80px;
  text-align: center;
}
#asp_norton_idadvisor .capbox_1 .buy_and_sell td {
  width: 40%;
  padding: 0px 0px 0px 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .capbox_1 .buy_and_sell td {
    padding: 0 0 0 10px;
  }
}
#asp_norton_idadvisor .capbox_1 img {
  max-width: 69px;
}
#asp_norton_idadvisor .attention_list li {
  color: #fff;
  line-height: 1.3;
  background: url(../../asp/img/icon_list.png) left 0.2vw no-repeat;
  background-size: 1rem;
  padding-left: 1.5rem;
  min-height: 22px;
}
#asp_norton_idadvisor .attention_list li::before {
  content: "";
}
#asp_norton_idadvisor .function .grid-wrap {
  gap: 4px 20px;
}
#asp_norton_idadvisor .function .grid-wrap .point-list3x {
  position: relative;
  background: #fff;
  margin-top: 30px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 4px solid var(--color-yellow);
  padding: 20px 20px 10px;
  color: var(--color-black);
  font-size: 0.9375rem;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
#asp_norton_idadvisor .function .grid-wrap .point-list3x .number {
  content: "";
  position: absolute;
  background: var(--color-yellow);
  width: 44px;
  height: 44px;
  border-radius: 50%;
  line-height: 44px;
  left: 15px;
  top: -30px;
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}
#asp_norton_idadvisor .function .tag_list {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
#asp_norton_idadvisor .function .tag_list .tagItem {
  width: 49px;
  margin-right: 4px;
}
#asp_norton_idadvisor .function .tag_list .tagItem:last-of-type {
  margin-right: 0;
}
#asp_norton_idadvisor .function .attention_list li {
  color: var(--color-black);
  background: url(../../asp/norton_idadvisor/img/icon-dot.png) left 0.2vw no-repeat;
  background-size: 1rem;
}
#asp_norton_idadvisor .function .function_table1 {
  width: 100%;
}
#asp_norton_idadvisor .function .function_table1 img {
  width: 80%;
}
#asp_norton_idadvisor .function .function_table1 td:has(img) {
  padding: 10px 0;
  text-align: center;
}
#asp_norton_idadvisor .function .function_table1 td:has(img) img {
  width: 60px;
}
#asp_norton_idadvisor .modal_btn_wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  place-content: center;
  place-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .modal_btn_wrap {
    grid-template-columns: repeat(auto-fit, minmax(29%, 1fr));
  }
}
#asp_norton_idadvisor .modal_btn_wrap button[type=submit] img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_norton_idadvisor .modal_btn_wrap button[type=submit]:hover img {
  opacity: 0.5;
}
#asp_norton_idadvisor .modal {
  position: fixed;
  padding: 1rem;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#asp_norton_idadvisor .modal.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#asp_norton_idadvisor .modal .modal-dialog {
  background: #fff;
  border-radius: 4px;
  max-width: 500px;
  max-height: 90%;
  overflow: auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.modal.is-active #asp_norton_idadvisor .modal .modal-dialog {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#asp_norton_idadvisor .modal .modal-dialog .modal-header {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 1rem 0;
}
#asp_norton_idadvisor .modal .modal-dialog .modal-header h3 {
  margin: 0;
  font-size: 1.25rem;
}
#asp_norton_idadvisor .modal .modal-dialog .modal-header button {
  position: absolute;
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: var(--color-black);
  cursor: pointer;
  top: 10px;
  right: 15px;
}
#asp_norton_idadvisor .modal .modal-dialog .modal-body {
  padding: 1rem;
  font-size: 0.875rem;
}
#asp_norton_idadvisor .modal .modal-dialog .modal-body p {
  margin: 0;
  line-height: 1.5;
}
#asp_norton_idadvisor .card-type-1 {
  color: var(--color-black);
}
#asp_norton_idadvisor .card-type-1 h4 {
  margin-bottom: initial;
}
#asp_norton_idadvisor .card-type-1 + .card-type-1 {
  margin-top: 20px;
}
#asp_norton_idadvisor .card-type-1 .card-type-1-header {
  padding: 12px 20px;
  background: var(--color-yellow);
  color: var(--color-black);
  font-size: 1.25rem;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 5px 5px 0 0;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .card-type-1 .card-type-1-header {
    font-size: 1.125rem;
  }
}
#asp_norton_idadvisor .card-type-1 .card-type-1-body {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#asp_norton_idadvisor .card-type-2 .card-type-2-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_norton_idadvisor .card-type-2 .card-type-2-body.icon_function-wrap {
  padding: 0;
}
#asp_norton_idadvisor .card-type-2 .card-type-2-header {
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .card-type-2 .card-type-2-header {
    font-size: 1.25rem;
  }
}
#asp_norton_idadvisor .card-type-2 h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: initial;
}
#asp_norton_idadvisor .grid-wrap:has(.card-type-3) {
  gap: 10px 20px;
}
#asp_norton_idadvisor .card-type-3 {
  padding: 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .card-type-3 {
    padding: 15px 10px;
  }
}
#asp_norton_idadvisor .card-type-3 .card-type-3-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_norton_idadvisor .card-type-3 .card-type-3-body.icon_function-wrap {
  padding: 0;
}
#asp_norton_idadvisor .card-type-3 .card-type-3-header {
  font-size: 1rem;
}
#asp_norton_idadvisor .card-type-3 p {
  font-size: 0.875rem;
}
#asp_norton_idadvisor .icon_function-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  background: #fff;
  gap: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .icon_function-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#asp_norton_idadvisor .icon_function-wrap .icon_function {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#asp_norton_idadvisor .icon_function-wrap .icon_function::before {
  display: block;
  width: 60px;
  height: 60px;
  /* margin-right: .5em; */
  content: "";
  -webkit-flex-basis: 60px;
      -ms-flex-preferred-size: 60px;
          flex-basis: 60px;
  background-image: url(../../asp/norton_idadvisor/img/icon_function.png);
  background-repeat: no-repeat;
}
#asp_norton_idadvisor .icon_function-wrap .item-ida_9::before {
  background-position: -130px -650px;
}
#asp_norton_idadvisor .icon_function-wrap .item-ida_11:before {
  background-position: -260px -650px;
}
#asp_norton_idadvisor .icon_function-wrap .item-ida_13:before {
  background-position: 0px -715px;
}
#asp_norton_idadvisor .icon_function-wrap .item-ida_14:before {
  background-position: -65px -715px;
}
#asp_norton_idadvisor .icon_function-wrap .item-ida_15:before {
  background-position: -130px -715px;
}
#asp_norton_idadvisor .icon_function-wrap .item-ida_16:before {
  background-position: -195px -715px;
}
#asp_norton_idadvisor .environment table {
  line-height: 1.5;
}
#asp_norton_idadvisor .environment .set-waribiki {
  padding: 30px 20px;
}
#asp_norton_idadvisor .environment .set-waribiki .miyabull-area {
  max-width: 470px;
  margin-inline: auto;
}
#asp_norton_idadvisor .environment .set-waribiki .miyabull-area .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#asp_norton_idadvisor .environment .set-waribiki .max-w-700 {
  margin-inline: auto;
}
#asp_norton_idadvisor .environment .set-waribiki .bg-clear {
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
#asp_norton_idadvisor .environment .set-waribiki .box-frame .on-frame {
  top: -10px;
  left: 4%;
}
#asp_norton_idadvisor .environment .set-waribiki .box-frame table td {
  padding-right: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .environment .set-waribiki .box-frame table td {
    padding-right: 4px;
  }
}
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 {
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  gap: 5px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 {
    font-size: 0.875rem;
  }
}
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame {
  padding: 10px 5px;
  background: #fff9df;
}
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table {
  width: 100%;
  margin-inline: auto;
  text-align: left;
}
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table th,
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table td {
  padding-right: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table th,
  #asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table td {
    padding-right: 4px;
  }
}
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table th {
  width: 50%;
}
#asp_norton_idadvisor .environment .set-waribiki .flex-box.bccolor-4 .box-frame table td:not(:first-child) {
  text-align: right;
}
#asp_norton_idadvisor .flow .flow-list {
  list-style-type: decimal;
  padding-left: 1rem;
}
#asp_norton_idadvisor .flow .flow-list li + li {
  margin-top: 40px;
}
#asp_norton_idadvisor .flow .flow-list li > p:has(img) {
  margin-top: 10px;
}
#asp_norton_idadvisor .flow .flow-list * > img {
  max-width: 600px;
}
#asp_norton_idadvisor .flow .flow-account {
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  gap: 4px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_idadvisor .flow .flow-account {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
    font-size: 0.875rem;
  }
}
#asp_norton_idadvisor .flow .flow-account .grid-child {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 20px;
  background: #faebd7;
  gap: 15px;
}
#asp_norton_idadvisor .flow .flow-account .grid-child div:has(img) {
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_norton_idadvisor .flow .flow-account .grid-child p:has(.number) {
  position: relative;
  padding-left: 30px;
}
#asp_norton_idadvisor .flow .flow-account .grid-child p:has(.number) .number {
  content: "";
  position: absolute;
  border: none;
  background-color: #edbe3f;
  color: white;
  width: 24px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  top: 0;
  left: 0;
  text-align: center;
}

#asp_norton_security img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
}
#asp_norton_security a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_norton_security a:hover img {
  opacity: 0.5;
}
#asp_norton_security .fz-7 {
  line-height: 1.6;
}
#asp_norton_security .box-frame {
  margin-bottom: initial;
}
#asp_norton_security .border-bold .border-bold {
  border: 3px solid #000;
}
#asp_norton_security .max-w-700 {
  max-width: 700px;
}
#asp_norton_security .max-w-700 img {
  margin-inline: auto;
}
#asp_norton_security .w-430px {
  width: 430px;
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .w-430px {
    width: 100%;
  }
}
#asp_norton_security .label-wrap {
  position: initial;
  font-weight: 700;
  margin-bottom: initial;
  display: block;
}
#asp_norton_security .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}
#asp_norton_security .norton_security_header {
  margin-top: 60px;
  margin-bottom: 40px;
  display: grid;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
#asp_norton_security .norton_security_header span {
  font-size: 1.375rem;
  font-weight: 700;
  display: inline-block;
  padding: 0.5em;
  border-bottom: 4px solid #e6f3ff;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .norton_security_header span {
    font-size: 1.125rem;
  }
}
#asp_norton_security .card-type-1 h4 {
  margin-bottom: initial;
}
#asp_norton_security .card-type-1 + .card-type-1 {
  margin-top: 20px;
}
#asp_norton_security .card-type-1 .card-type-1-header,
#asp_norton_security .card-type-1 .card-type-1-footer {
  padding: 12px 20px;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#asp_norton_security .card-type-1 .card-type-1-header {
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .card-type-1 .card-type-1-header {
    font-size: 1.125rem;
  }
}
#asp_norton_security .card-type-1 .card-type-1-body {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#asp_norton_security .card-type-1 .card-type-1-footer {
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
#asp_norton_security .icon_function-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  background: #fff;
  gap: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .icon_function-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#asp_norton_security .icon_function-wrap .icon_function {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#asp_norton_security .icon_function-wrap .icon_function::before {
  display: block;
  width: 60px;
  height: 60px;
  /* margin-right: .5em; */
  content: "";
  -webkit-flex-basis: 60px;
      -ms-flex-preferred-size: 60px;
          flex-basis: 60px;
  background-image: url(../../asp/norton_idadvisor/img/icon_function.png);
  background-repeat: no-repeat;
}
#asp_norton_security .icon_function-wrap .item1_1:before {
  background-position: 0 0;
}
#asp_norton_security .icon_function-wrap .item1_2:before {
  background-position: -65px 0;
}
#asp_norton_security .icon_function-wrap .item1_3:before {
  background-position: -130px 0;
}
#asp_norton_security .icon_function-wrap .item1_4:before {
  background-position: -195px 0;
}
#asp_norton_security .icon_function-wrap .item3_1:before {
  background-position: 0 -130px;
}
#asp_norton_security .icon_function-wrap .item3_2:before {
  background-position: -65px -130px;
}
#asp_norton_security .icon_function-wrap .item3_3:before {
  background-position: -130px -130px;
}
#asp_norton_security .icon_function-wrap .item3_7:before {
  background-position: 0px -455px;
}
#asp_norton_security .icon_function-wrap .item4_1:before {
  background-position: 0 -195px;
}
#asp_norton_security .icon_function-wrap .item4_2:before {
  background-position: -65px -195px;
}
#asp_norton_security .icon_function-wrap .item4_4:before {
  background-position: -195px -195px;
}
#asp_norton_security .icon_function-wrap .item5_7:before {
  background-position: -65px -455px;
}
#asp_norton_security .icon_function-wrap .item5_2:before {
  background-position: -65px -260px;
}
#asp_norton_security .icon_function-wrap .item6_1:before {
  background-position: 0 -325px;
}
#asp_norton_security .icon_function-wrap .item6_2:before {
  background-position: -65px -325px;
}
#asp_norton_security .icon_function-wrap .item6_3:before {
  background-position: -130px -325px;
}
#asp_norton_security .icon_function-wrap .item6_4:before {
  background-position: -195px -325px;
}
#asp_norton_security .icon_function-wrap .item8_1:before {
  background-position: -130px -455px;
}
#asp_norton_security .icon_function-wrap .item8_2:before {
  background-position: -195px -455px;
}
#asp_norton_security .icon_function-wrap .item8_3:before {
  background-position: -260px -455px;
}
#asp_norton_security .icon_function-wrap .item8_4:before {
  background-position: -325px -455px;
}
#asp_norton_security .icon_function-wrap .item8_5:before {
  background-position: 0px -520px;
}
#asp_norton_security .icon_function-wrap .item8_6:before {
  background-position: -65px -520px;
}
#asp_norton_security .icon_function-wrap .item2_1:before {
  background-position: 0 -65px;
}
#asp_norton_security .icon_function-wrap .item2_2:before {
  background-position: -65px -65px;
}
#asp_norton_security .icon_function-wrap .item3_4:before {
  background-position: -195px -130px;
}
#asp_norton_security .icon_function-wrap .item3_5:before {
  background-position: -260px -130px;
}
#asp_norton_security .icon_function-wrap .item2_6:before {
  background-position: -325px -65px;
}
#asp_norton_security .icon_function-wrap .item2_3:before {
  background-position: -130px -65px;
}
#asp_norton_security .icon_function-wrap .item2_4:before {
  background-position: -195px -65px;
}
#asp_norton_security .icon_function-wrap .item5_3:before {
  background-position: -130px -260px;
}
#asp_norton_security .icon_function-wrap .item5_4:before {
  background-position: -195px -260px;
}
#asp_norton_security .icon_function-wrap .item5_5:before {
  background-position: -130px -520px;
}
#asp_norton_security #feature .flex-box {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#asp_norton_security #feature .flex-box .column {
  display: grid;
  justify-items: center;
  width: 48%;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security #feature .flex-box .column {
    width: 100%;
  }
}
#asp_norton_security #feature .flex-box .column:has(p) {
  padding: 10px;
}
#asp_norton_security #feature .flex-box .column img {
  max-width: 360px;
}
#asp_norton_security #feature .flex-box .column .ind1 {
  padding-left: 1em;
}
#asp_norton_security .set-waribiki {
  padding: 30px 20px;
}
#asp_norton_security .set-waribiki .miyabull-area {
  max-width: 470px;
  margin-inline: auto;
}
#asp_norton_security .set-waribiki .miyabull-area .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#asp_norton_security .set-waribiki .max-w-700 {
  margin-inline: auto;
}
#asp_norton_security .set-waribiki .bg-clear {
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
#asp_norton_security .set-waribiki .box-frame .on-frame {
  top: -10px;
  left: 4%;
}
#asp_norton_security .set-waribiki .box-frame table td {
  padding-right: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .set-waribiki .box-frame table td {
    padding-right: 4px;
  }
}
#asp_norton_security .set-waribiki .flex-box.bccolor-4 {
  padding: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  gap: 5px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .set-waribiki .flex-box.bccolor-4 {
    font-size: 0.875rem;
  }
}
#asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame {
  padding: 10px 5px;
  background: #fff9df;
}
#asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table {
  width: 100%;
  margin-inline: auto;
  text-align: left;
}
#asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table th,
#asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table td {
  padding-right: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table th,
  #asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table td {
    padding-right: 4px;
  }
}
#asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table th {
  width: 50%;
}
#asp_norton_security .set-waribiki .flex-box.bccolor-4 .box-frame table td:not(:first-child) {
  text-align: right;
}
#asp_norton_security .flow .flow-list {
  list-style-type: decimal;
  padding-left: 1rem;
}
#asp_norton_security .flow .flow-list li + li {
  margin-top: 40px;
}
#asp_norton_security .flow .flow-list li > p:has(img) {
  margin-top: 10px;
}
#asp_norton_security .flow .flow-list * > img {
  max-width: 600px;
}
#asp_norton_security .flow .flow-account {
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  gap: 4px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_security .flow .flow-account {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
    font-size: 0.875rem;
  }
}
#asp_norton_security .flow .flow-account .grid-child {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 20px;
  background: #faebd7;
  gap: 15px;
}
#asp_norton_security .flow .flow-account .grid-child div:has(img) {
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_norton_security .flow .flow-account .grid-child p:has(.number) {
  position: relative;
  padding-left: 30px;
}
#asp_norton_security .flow .flow-account .grid-child p:has(.number) .number {
  content: "";
  position: absolute;
  border: none;
  background-color: #edbe3f;
  color: white;
  width: 24px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  top: 0;
  left: 0;
  text-align: center;
}
#asp_norton_security .under_triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 10px 0 10px;
  border-color: #007bff transparent transparent transparent;
}

#asp_norton_niso {
  --color-red: #c32525;
  --color-gray: #f5f5f5;
  --color-black: #2e3a46;
  --color-yellow: #ffce00;
  /* ---------------------------- flex-box
  ------------------------------*/
  /*--------------------------------------------------
    grid
  --------------------------------------------------*/
}
#asp_norton_niso img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#asp_norton_niso a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_norton_niso a:hover img {
  opacity: 0.5;
}
#asp_norton_niso .fz-7 {
  line-height: 1.6;
}
#asp_norton_niso .box-frame {
  margin-bottom: initial;
}
#asp_norton_niso .border-bold .border-bold {
  border: 3px solid #000;
}
#asp_norton_niso .max-w-700 {
  max-width: 700px;
}
#asp_norton_niso .max-w-700 img {
  margin-inline: auto;
}
#asp_norton_niso div:has(.label-wrap) {
  line-height: 2;
}
#asp_norton_niso .label-wrap {
  display: block;
  position: relative;
  font-weight: 700;
  margin-bottom: initial;
}
#asp_norton_niso .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}
#asp_norton_niso .tac--sp-tal {
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .tac--sp-tal {
    text-align: left;
  }
}
#asp_norton_niso .fz-18 {
  font-size: 1rem;
}
#asp_norton_niso .fz-20 {
  font-size: 1.25rem;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .fz-20 {
    font-size: 1.125rem;
  }
}
#asp_norton_niso .fz-24 {
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .fz-24 {
    font-size: 1.25rem;
  }
}
#asp_norton_niso .card-type-1 h4 {
  margin-bottom: initial;
}
#asp_norton_niso .card-type-1 + .card-type-1 {
  margin-top: 20px;
}
#asp_norton_niso .card-type-1 .card-type-1-header,
#asp_norton_niso .card-type-1 .card-type-1-footer {
  padding: 12px 20px;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#asp_norton_niso .card-type-1 .card-type-1-header {
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .card-type-1 .card-type-1-header {
    font-size: 1.125rem;
  }
}
#asp_norton_niso .card-type-1 .card-type-1-body {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#asp_norton_niso .card-type-1 .card-type-1-footer {
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
#asp_norton_niso .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_norton_niso .flex-box .column {
  width: 38%;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box .column {
    width: 100%;
  }
}
#asp_norton_niso .flex-box .column:first-child {
  width: 60%;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box .column:first-child {
    width: 100%;
  }
}
#asp_norton_niso .flex-box .column div:has(img) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#asp_norton_niso .flex-box .column div:has(img) img {
  max-width: 178px;
}
#asp_norton_niso .flex-box-type-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type-reverse {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#asp_norton_niso .flex-box-type-reverse .flex-box-child:first-child {
  width: 70%;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type-reverse .flex-box-child:first-child {
    width: 100%;
  }
}
#asp_norton_niso .flex-box-type-reverse-2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type-reverse-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#asp_norton_niso .flex-box-type-reverse-2 .flex-box-child:first-child {
  width: 300px;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type-reverse-2 .flex-box-child:first-child {
    width: 100%;
  }
}
#asp_norton_niso .flex-box-type-reverse-2 .flex-box-child:nth-child(2) {
  width: 70%;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type-reverse-2 .flex-box-child:nth-child(2) {
    width: 100%;
  }
}
#asp_norton_niso .flex-box-type2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 1em;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#asp_norton_niso .flex-box-type2 + .flex-box-type2 {
  margin-top: 20px;
}
#asp_norton_niso .flex-box-type2.under_triangle {
  width: 100%;
}
#asp_norton_niso .flex-box-type2 div:first-child {
  width: 60%;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type2 div:first-child {
    width: 100%;
  }
}
#asp_norton_niso .flex-box-type2 div:nth-child(2) {
  width: 40%;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flex-box-type2 div:nth-child(2) {
    width: 100%;
  }
}
#asp_norton_niso .flex-box-type2 img {
  max-width: 300px;
}
@media print, screen and (min-width: 769px) {
  #asp_norton_niso .flex-box-type2 img {
    max-width: 221px;
  }
}
#asp_norton_niso .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
  gap: 15px;
  place-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
#asp_norton_niso .grid-wrap .grid-box {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .grid-wrap .grid-box {
    padding: 0;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .grid-wrap .grid-box .vbm_header_3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_norton_niso .grid-wrap.column-1 {
  grid-template-columns: 1fr;
  place-content: start;
}
@media print, screen and (min-width: 769px) {
  #asp_norton_niso .grid-wrap.column-2 {
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
  }
}
@media print, screen and (min-width: 769px) {
  #asp_norton_niso .grid-wrap.column-2--type1 {
    grid-template-columns: 3fr 2fr;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_norton_niso .grid-wrap.column-2--type2 {
    grid-template-columns: 2fr 3fr;
  }
}
#asp_norton_niso table {
  font-size: 0.875rem;
}
#asp_norton_niso .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#asp_norton_niso .thType_01 table tbody td {
  background: #fff;
}
#asp_norton_niso .icon_function-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 20px;
  background: #fff;
  gap: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .icon_function-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#asp_norton_niso .icon_function-wrap .icon_function {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#asp_norton_niso .icon_function-wrap .icon_function::before {
  display: block;
  width: 60px;
  height: 60px;
  /* margin-right: .5em; */
  content: "";
  -webkit-flex-basis: 60px;
      -ms-flex-preferred-size: 60px;
          flex-basis: 60px;
  background-image: url(../../asp/norton_idadvisor/img/icon_function.png);
  background-repeat: no-repeat;
}
#asp_norton_niso .icon_function-wrap .item1_1:before {
  background-position: 0 0;
}
#asp_norton_niso .icon_function-wrap .item1_2:before {
  background-position: -65px 0;
}
#asp_norton_niso .icon_function-wrap .item1_3:before {
  background-position: -130px 0;
}
#asp_norton_niso .icon_function-wrap .item1_4:before {
  background-position: -195px 0;
}
#asp_norton_niso .icon_function-wrap .item3_1:before {
  background-position: 0 -130px;
}
#asp_norton_niso .icon_function-wrap .item3_2:before {
  background-position: -65px -130px;
}
#asp_norton_niso .icon_function-wrap .item3_3:before {
  background-position: -130px -130px;
}
#asp_norton_niso .icon_function-wrap .item3_7:before {
  background-position: 0px -455px;
}
#asp_norton_niso .icon_function-wrap .item4_1:before {
  background-position: 0 -195px;
}
#asp_norton_niso .icon_function-wrap .item4_2:before {
  background-position: -65px -195px;
}
#asp_norton_niso .icon_function-wrap .item4_4:before {
  background-position: -195px -195px;
}
#asp_norton_niso .icon_function-wrap .item5_7:before {
  background-position: -65px -455px;
}
#asp_norton_niso .icon_function-wrap .item5_2:before {
  background-position: -65px -260px;
}
#asp_norton_niso .icon_function-wrap .item6_1:before {
  background-position: 0 -325px;
}
#asp_norton_niso .icon_function-wrap .item6_2:before {
  background-position: -65px -325px;
}
#asp_norton_niso .icon_function-wrap .item6_3:before {
  background-position: -130px -325px;
}
#asp_norton_niso .icon_function-wrap .item6_4:before {
  background-position: -195px -325px;
}
#asp_norton_niso .icon_function-wrap .item8_1:before {
  background-position: -130px -455px;
}
#asp_norton_niso .icon_function-wrap .item8_2:before {
  background-position: -195px -455px;
}
#asp_norton_niso .icon_function-wrap .item8_3:before {
  background-position: -260px -455px;
}
#asp_norton_niso .icon_function-wrap .item8_4:before {
  background-position: -325px -455px;
}
#asp_norton_niso .icon_function-wrap .item8_5:before {
  background-position: 0px -520px;
}
#asp_norton_niso .icon_function-wrap .item8_6:before {
  background-position: -65px -520px;
}
#asp_norton_niso .icon_function-wrap .item2_1:before {
  background-position: 0 -65px;
}
#asp_norton_niso .icon_function-wrap .item2_2:before {
  background-position: -65px -65px;
}
#asp_norton_niso .icon_function-wrap .item3_4:before {
  background-position: -195px -130px;
}
#asp_norton_niso .icon_function-wrap .item3_5:before {
  background-position: -260px -130px;
}
#asp_norton_niso .icon_function-wrap .item2_6:before {
  background-position: -325px -65px;
}
#asp_norton_niso .icon_function-wrap .item2_3:before {
  background-position: -130px -65px;
}
#asp_norton_niso .icon_function-wrap .item2_4:before {
  background-position: -195px -65px;
}
#asp_norton_niso .icon_function-wrap .item5_3:before {
  background-position: -130px -260px;
}
#asp_norton_niso .icon_function-wrap .item5_4:before {
  background-position: -195px -260px;
}
#asp_norton_niso .icon_function-wrap .item5_5:before {
  background-position: -130px -520px;
}
#asp_norton_niso .under_triangle {
  position: relative;
  padding-bottom: 52px;
}
#asp_norton_niso .under_triangle::before {
  position: absolute;
  content: "";
  background: url(../../asp/norton/img/img_arrow_b_blue.png) no-repeat;
  background-size: contain;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  width: 20px;
  height: 12px;
}
#asp_norton_niso .box-pink-link {
  display: inline-block;
  width: 100%;
  border-radius: 10px;
  border: 1px solid #c32525;
  padding: 20px;
  background: #ffefef;
  color: #c32525;
  font-weight: 700;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_norton_niso .box-pink-link:hover {
  opacity: 0.5;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .kizuna h4 {
    text-align: center;
  }
}
#asp_norton_niso .flow div:has(img) {
  margin-top: 20px;
}
#asp_norton_niso .flow .flow-list {
  list-style-type: decimal;
  padding-inline: 1rem;
}
#asp_norton_niso .flow .flow-list li + li {
  margin-top: 40px;
}
#asp_norton_niso .flow .flow-list li > p:has(img) {
  margin-top: 10px;
}
#asp_norton_niso .flow .flow-list * > img {
  max-width: 600px;
}
#asp_norton_niso .flow .flow-account {
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  gap: 4px;
}
@media print, screen and (max-width: 768px) {
  #asp_norton_niso .flow .flow-account {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    gap: 20px;
    font-size: 0.875rem;
  }
}
#asp_norton_niso .flow .flow-account .grid-child {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 30px 20px;
  background: #faebd7;
  gap: 15px;
}
#asp_norton_niso .flow .flow-account .grid-child div:has(img) {
  display: grid;
  justify-items: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_norton_niso .flow .flow-account .grid-child p:has(.number) {
  position: relative;
  padding-left: 30px;
}
#asp_norton_niso .flow .flow-account .grid-child p:has(.number) .number {
  content: "";
  position: absolute;
  border: none;
  background-color: #edbe3f;
  color: white;
  width: 24px;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  top: 0;
  left: 0;
  text-align: center;
}

#asp_pass_manager {
  --color-red: #c32525;
  --color-gray: #f5f5f5;
  /* ---------------------------- flex-box
  ------------------------------*/
  /*--------------------------------------------------
    grid
  --------------------------------------------------*/
}
#asp_pass_manager img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#asp_pass_manager a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_pass_manager a:hover img {
  opacity: 0.5;
}
#asp_pass_manager h5 {
  margin-bottom: initial;
}
#asp_pass_manager .fz-7 {
  line-height: 1.6;
}
#asp_pass_manager .box-frame {
  margin-bottom: initial;
}
#asp_pass_manager .tag_block {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
#asp_pass_manager .label-wrap .status-label {
  width: 100%;
  max-width: 100%;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .label-wrap .status-label {
    display: inline-block;
    margin-left: auto;
  }
}
#asp_pass_manager .tac--sp-tal {
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .tac--sp-tal {
    text-align: left;
  }
}
#asp_pass_manager .fz-20 {
  font-size: 1.25rem;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .fz-20 {
    font-size: 1.125rem;
  }
}
#asp_pass_manager .fz-24 {
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .fz-24 {
    font-size: 1.25rem;
  }
}
#asp_pass_manager .fz-28 {
  font-size: 1.75rem;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .fz-28 {
    font-size: 1.375rem;
  }
}
#asp_pass_manager .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .flex-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_pass_manager .flex-box .column {
  width: 38%;
}
#asp_pass_manager .flex-box .column:first-child {
  width: 60%;
}
#asp_pass_manager .flex-box .column div:has(img) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#asp_pass_manager .flex-box .column div:has(img) img {
  max-width: 178px;
}
#asp_pass_manager .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(26%, 1fr));
  gap: 40px;
  place-content: center;
  grid-template-rows: subgrid;
  grid-row: span 3;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
#asp_pass_manager .grid-wrap .grid-box {
  display: grid;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: start;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .grid-wrap .grid-box {
    justify-items: center;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .grid-wrap .grid-box .vbm_header_3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_pass_manager .grid-wrap.column-1 {
  grid-template-columns: 1fr;
  place-content: start;
  gap: 15px 40px;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .grid-wrap.column-1 {
    gap: 10px 40px;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_pass_manager .grid-wrap.column-2 {
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  }
}
@media print, screen and (min-width: 769px) {
  #asp_pass_manager .grid-wrap.column-2--type1 {
    grid-template-columns: 3fr 2fr;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_pass_manager .grid-wrap.column-2--type2 {
    grid-template-columns: 1fr 4fr;
  }
}
#asp_pass_manager .pm_header_1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: initial;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.375rem;
  font-weight: 700;
  color: var(--color-red);
  text-align: center;
  line-height: 1.5;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_pass_manager .pm_header_1 {
    font-size: 1.25rem;
  }
}
#asp_pass_manager .box-frame.coution_box {
  border: 8px solid var(--color-gray);
}
#asp_pass_manager table {
  font-size: 0.875rem;
}
#asp_pass_manager .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#asp_pass_manager .thType_01 table tbody td {
  background: #fff;
}

#asp_miyabull {
  --color-red: #c32525;
  --color-gray: #f5f5f5;
  --color-black: #2e3a46;
  --color-yellow: #ffce00;
  --bc01: #ffc300;
  --bc02: #fdf501;
  --bc03: #d90000;
  --bc04: #defff1;
  --bc05: #ffdee4;
  --bc06: #f7f7f7;
  /* ボタン共通 */
  --arrow: url("../../asp/miyabull/img/icon-arrow01.svg");
  --hover-arrow: url("../../asp/miyabull/img/icon-arrow01.svg");
  /* 黄色ボタン */
  --line-color: var(--bc01);
  --pad: 0;
  --pad-sp: 0;
  --hover-color: var(--bc02);
  --hover-text-color: #000;
  /* ベージュボタン */
  --line-color: #fbe2b3;
  --hover-color: #fccc73;
  /* ---------------------------- flex-box
  ------------------------------*/
  /*--------------------------------------------------
    grid
  --------------------------------------------------*/
}
#asp_miyabull img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#asp_miyabull a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_miyabull a:hover img {
  opacity: 0.5;
}
#asp_miyabull .fz-7 {
  line-height: 1.6;
}
#asp_miyabull .box-frame {
  margin-bottom: initial;
}
#asp_miyabull .border-bold .border-bold {
  border: 3px solid #000;
}
#asp_miyabull .max-w-700 {
  max-width: 700px;
}
#asp_miyabull .max-w-700 img {
  margin-inline: auto;
}
#asp_miyabull .max-w-600 {
  max-width: 600px;
}
#asp_miyabull .max-w-600 img {
  margin-inline: auto;
}
#asp_miyabull .w-430px {
  width: 430px;
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .w-430px {
    width: 100%;
  }
}
#asp_miyabull div:has(.label-wrap) {
  line-height: 2;
}
#asp_miyabull .label-wrap {
  display: block;
  position: relative;
  font-weight: 700;
  margin-bottom: initial;
}
#asp_miyabull .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}
#asp_miyabull .tac--sp-tal {
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .tac--sp-tal {
    text-align: left;
  }
}
#asp_miyabull .fz-20 {
  font-size: 1.25rem;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .fz-20 {
    font-size: 1.125rem;
  }
}
#asp_miyabull .fz-24 {
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .fz-24 {
    font-size: 1.25rem;
  }
}
#asp_miyabull .card-type-1 h4 {
  margin-bottom: initial;
}
#asp_miyabull .card-type-1 + .card-type-1 {
  margin-top: 20px;
}
#asp_miyabull .card-type-1 .card-type-1-header,
#asp_miyabull .card-type-1 .card-type-1-footer {
  padding: 12px 20px;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#asp_miyabull .card-type-1 .card-type-1-header {
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .card-type-1 .card-type-1-header {
    font-size: 1.125rem;
  }
}
#asp_miyabull .card-type-1 .card-type-1-body {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#asp_miyabull .card-type-1 .card-type-1-footer {
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
#asp_miyabull .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .flex-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_miyabull .flex-box .column {
  width: 38%;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .flex-box .column {
    width: 100%;
  }
}
#asp_miyabull .flex-box .column:first-child {
  width: 60%;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .flex-box .column:first-child {
    width: 100%;
  }
}
#asp_miyabull .flex-box .column div:has(img) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#asp_miyabull .flex-box .column div:has(img) img {
  max-width: 178px;
}
#asp_miyabull .flex-box-type-reverse {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .flex-box-type-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#asp_miyabull .flex-box-type-reverse .flex-box-child:first-child {
  width: 70%;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .flex-box-type-reverse .flex-box-child:first-child {
    width: 100%;
  }
}
#asp_miyabull .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
  gap: 15px;
  place-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
#asp_miyabull .grid-wrap .grid-box {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .grid-wrap .grid-box {
    padding: 0;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull .grid-wrap .grid-box .vbm_header_3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_miyabull .grid-wrap.column-1 {
  grid-template-columns: 1fr;
  place-content: start;
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull .grid-wrap.column-2 {
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull .grid-wrap.column-2--type1 {
    grid-template-columns: 3fr 2fr;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull .grid-wrap.column-2--type2 {
    grid-template-columns: 2fr 3fr;
  }
}
#asp_miyabull table {
  font-size: 0.875rem;
}
#asp_miyabull .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#asp_miyabull .thType_01 table tbody td {
  background: #fff;
}
#asp_miyabull #miyabull_index {
  /* 背景 */
  /* 赤マーカータイトル*/
  /* 詐欺ウォールはみやブルにリニューアル */
  /* @media only screen and (max-width: 768px) {
    .p-renewal-logo-sagiwall img {
      width: 53.3333333333vw;
    }
  } */
  /* @media only screen and (max-width: 768px) {
    .p-renewal-logo-miyaburu img {
      width: 61.3333333333vw;
    }
  } */
  /* 特許と第三者評価 */
  /* h2 */
  /* @media only screen and (max-width: 768px) {
    .c-ttl01 {
      font-size: 1.5rem;
    }
  } */
  /* 独自検知エンジンで高精度な検知力を実証 */
  /* 黄色ボタン */
  /* 製品特徴 */
  /* 進化を続けるネット詐欺の脅威にいち早く対応
  ネット詐欺専用セキュリティソフト「みやブル」 */
  /* 主な特徴 */
  /* ベージュボタン */
  /* font-weight共通 */
  /* ネット詐欺とは */
}
#asp_miyabull #miyabull_index .fa,
#asp_miyabull #miyabull_index .fas {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
#asp_miyabull #miyabull_index .c-box01 {
  margin-inline: auto;
  width: 100%;
}
#asp_miyabull #miyabull_index .u-sp {
  display: none;
}
#asp_miyabull #miyabull_index .title_bg-black {
  background: #000;
  color: #fff;
  padding: 1rem;
  margin-top: 20px;
  text-align: center;
}
#asp_miyabull #miyabull_index .title_bg-black p {
  margin: 0;
}
#asp_miyabull #miyabull_index .p-mv {
  background: url("../../asp/miyabull/img/bg-mv.svg") no-repeat center;
  background-size: contain;
}
#asp_miyabull #miyabull_index .p-mv-title {
  margin-top: 20px;
  text-align: center;
}
#asp_miyabull #miyabull_index .p-mv-title img {
  height: auto;
  width: 100%;
  max-width: 345px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-mv-title img {
    width: 90%;
    margin-bottom: 10px;
  }
}
#asp_miyabull #miyabull_index .p-mv-image {
  max-width: 800px;
  margin-inline: auto;
}
#asp_miyabull #miyabull_index .available_count {
  max-width: 480px;
  margin-inline: auto;
  margin-top: 20px;
}
#asp_miyabull #miyabull_index .miyabull_bnr {
  margin-top: 20px;
  text-align: center;
}
#asp_miyabull #miyabull_index .miyabull_bnr img {
  width: 100%;
  max-width: 540px;
}
#asp_miyabull #miyabull_index .p-summary {
  position: relative;
  margin-bottom: 40px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-summary {
    margin-bottom: 20px;
  }
}
#asp_miyabull #miyabull_index .p-summary:before {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  width: 100%;
}
#asp_miyabull #miyabull_index .p-summary .p-summary-inner {
  position: relative;
  z-index: 2;
}
#asp_miyabull #miyabull_index .p-summary .p-summary-title {
  padding: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: min(36px, 2.8125vw);
  background-color: #f7f7f7;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-summary .p-summary-title {
    gap: 20px;
  }
}
#asp_miyabull #miyabull_index .p-summary .p-summary-pict img {
  height: auto;
  width: 100%;
  max-width: 90px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-summary .p-summary-pict img {
    max-width: 70px;
  }
}
#asp_miyabull #miyabull_index .p-summary .p-summary-heading {
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 2rem;
  line-height: 1.75;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-summary .p-summary-heading {
    font-size: 1.5rem;
  }
}
#asp_miyabull #miyabull_index .p-summary .p-summary-text {
  background: #fff url("../../asp/miyabull/img/bg-summary.png") no-repeat center min(15px, 1.171875vw)/contain;
  /* border-radius: min(30px, 2.34375vw); */
  padding-block: min(14px, 1.09375vw) min(32px, 2.5vw);
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-summary .p-summary-text {
    padding-block: 40px;
    background: transparent url("../../asp/miyabull/img/bg-summary.png") no-repeat center top 43%/contain;
  }
}
#asp_miyabull #miyabull_index .p-summary .p-summary-text p {
  font-weight: bold;
  letter-spacing: 0.1em;
  text-align: center;
  font-size: 1.125rem;
  line-height: 2.782;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-summary .p-summary-text p {
    font-size: 1rem;
    line-height: 3;
  }
}
#asp_miyabull #miyabull_index .p-contents {
  margin-top: 30px;
}
#asp_miyabull #miyabull_index .p-renewal-heading {
  color: var(--bc03);
  font-size: 1.75rem;
  letter-spacing: 0.15em;
  position: relative;
  text-align: center;
  line-height: 1.405;
  margin-bottom: 40px;
  font-weight: 500;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-renewal-heading {
    font-size: clamp(16px, 5.333vw, 28px);
  }
}
#asp_miyabull #miyabull_index .p-renewal-heading:before {
  background: var(--bc03);
  content: "";
  display: block;
  left: 0;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
  width: 100%;
  height: min(26px, 2.03125vw);
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-renewal-heading:before {
    height: 6.4vw;
  }
}
#asp_miyabull #miyabull_index .p-renewal-heading small {
  font-size: 1.25rem;
  /* font-size: min(1.6875rem, 2.109375vw) */
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-renewal-heading small {
    font-size: 4vw;
  }
}
#asp_miyabull #miyabull_index .p-renewal-heading span {
  position: relative;
  z-index: 2;
}
#asp_miyabull #miyabull_index .p-renewal-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-renewal-logo {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-renewal-logo .p-renewal-logo-arrow {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#asp_miyabull #miyabull_index .p-renewal-logo-sagiwall img {
  height: auto;
}
#asp_miyabull #miyabull_index .p-renewal-logo-sagiwall img {
  width: 220px;
}
#asp_miyabull #miyabull_index .p-renewal-logo-arrow img {
  width: 80%;
}
#asp_miyabull #miyabull_index .p-renewal-logo-miyaburu img {
  height: auto;
}
#asp_miyabull #miyabull_index .p-renewal-logo-miyaburu img {
  width: 250px;
}
#asp_miyabull #miyabull_index .p-renewal-text {
  width: 90%;
  font-size: 0.875rem;
  margin-top: 40px;
  line-height: 1.8;
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-renewal-text {
    width: 100%;
  }
}
#asp_miyabull #miyabull_index .c-ttl01 {
  font-size: 1.75rem;
  line-height: 1.4666;
  margin: 80px auto 50px;
  letter-spacing: 0.2em;
  padding-left: 0.2em;
  position: relative;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
  font-weight: 700;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .c-ttl01 {
    font-size: 1.25rem;
  }
}
#asp_miyabull #miyabull_index #reason-1 {
  padding-bottom: 30px;
}
#asp_miyabull #miyabull_index #reason-2.c-ttl01 {
  margin-bottom: 30px;
}
#asp_miyabull #miyabull_index .head-border-red + .c-ttl01 {
  margin: 0px auto 40px;
}
#asp_miyabull #miyabull_index .head-border-red {
  padding: 0.5rem 0;
  margin-top: 60px;
  margin-bottom: 30px;
  font-size: 1.25rem;
  font-weight: bold;
  border-bottom: 2px solid #d90000;
}
#asp_miyabull #miyabull_index .c-ttl01::before,
#asp_miyabull #miyabull_index .c-ttl01::after {
  background-color: #000;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
#asp_miyabull #miyabull_index .c-ttl01::before,
#asp_miyabull #miyabull_index .c-ttl01::after {
  height: min(5px, 0.390625vw);
  width: min(53px, 4.140625vw);
}
#asp_miyabull #miyabull_index .c-ttl01::after {
  right: max(-70px, -5.46875vw);
}
#asp_miyabull #miyabull_index .c-ttl01::before {
  left: max(-70px, -5.46875vw);
}
#asp_miyabull #miyabull_index .p-compare-items {
  width: 90%;
  display: grid;
  gap: 2rem;
  margin-bottom: 80px;
  margin-inline: auto;
  /* --- SP縦並び用 ---*/
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-compare-items {
    width: 100%;
  }
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-areas: "image textgroup";
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-picture {
  text-align: center;
  max-width: 300px;
  grid-area: image;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-compare-items .p-compare-item-picture {
    margin-inline: auto;
  }
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-picture img {
  display: block;
  height: auto;
  width: 100%;
  max-width: 200px;
  margin-inline: auto;
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-heading {
  font-size: 1.25rem;
  border-left: 5px solid #000;
  line-height: 1.45;
  padding-left: 1rem;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-compare-items .p-compare-item-heading {
    border-left: 4px solid #000;
  }
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-text {
  font-weight: 400;
  font-size: 0.875rem;
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-heading,
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-text {
  margin: 0;
  text-align: left;
}
#asp_miyabull #miyabull_index .p-compare-items .p-compare-item-textgroup {
  grid-area: textgroup;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-compare-items .p-compare-item {
    grid-template-columns: none;
    grid-template-areas: "heading" "image" "text";
  }
  #asp_miyabull #miyabull_index .p-compare-items .p-compare-item-textgroup {
    display: contents;
  }
  #asp_miyabull #miyabull_index .p-compare-items .p-compare-item-heading {
    grid-area: heading;
  }
  #asp_miyabull #miyabull_index .p-compare-items .p-compare-item-text {
    grid-area: text;
  }
}
#asp_miyabull #miyabull_index .p-detect-title {
  display: -ms-grid;
  display: grid;
  font-weight: 500;
  letter-spacing: 0.1em;
  place-content: center;
  padding-block: 1.5rem;
}
@media only screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-detect-title {
    border-block: 2px solid #000;
    font-size: 1.25rem;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-detect-title {
    font-size: 1.75rem;
    border-block: 3px solid #000;
  }
}
#asp_miyabull #miyabull_index .p-detect-image {
  position: relative;
}
#asp_miyabull #miyabull_index .p-detect-image figcaption {
  content: "";
  position: absolute;
  top: 14%;
  left: 0;
  width: 100%;
  padding: 0.5rem;
  font-size: 0.875rem;
}
#asp_miyabull #miyabull_index .c-btn {
  display: grid;
  font-weight: bold;
  outline: 1px solid var(--line-color);
  overflow: hidden;
  padding-right: var(--pad);
  place-content: center;
  position: relative;
  font-size: 1rem;
  border-radius: 44px;
  -webkit-box-shadow: 0 0 min(6px, 0.46875vw) rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 min(6px, 0.46875vw) rgba(0, 0, 0, 0.3);
  min-height: min(50px, 10.6666666667vw);
  letter-spacing: 0.13em;
}
#asp_miyabull #miyabull_index .c-btn:hover {
  opacity: 0.6;
}
#asp_miyabull #miyabull_index .c-btn01 {
  background: var(--bc01);
}
#asp_miyabull #miyabull_index .c-btn::before {
  background: var(--hover-color);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  scale: 0 1;
  top: 0;
  -webkit-transition: scale 0.3s ease-in-out;
  transition: scale 0.3s ease-in-out;
  -webkit-transform-origin: right;
          transform-origin: right;
  width: 100%;
}
#asp_miyabull #miyabull_index .c-btn::after {
  height: clamp(24px, 4vw, 28px);
  right: clamp(10px, 2vw, 16px);
  width: clamp(24px, 4vw, 28px);
}
#asp_miyabull #miyabull_index .c-btn::after {
  background-image: var(--arrow);
  background-position: left top;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: background-image 0.3s ease-in-out 0.2s;
  transition: background-image 0.3s ease-in-out 0.2s;
  z-index: 10;
}
#asp_miyabull #miyabull_index .p-detect-link a,
#asp_miyabull #miyabull_index .p-spec-button a,
#asp_miyabull #miyabull_index .p-block-link-item a,
#asp_miyabull #miyabull_index .p-edu-page-link-list a {
  color: #000 !important;
  text-decoration: none;
}
#asp_miyabull #miyabull_index .p-detect-link .c-btn {
  margin-inline: auto;
  max-width: 500px;
  border-radius: 44px;
  height: 50px;
  text-align: center;
}
#asp_miyabull #miyabull_index .p-features-main {
  position: relative;
}
#asp_miyabull #miyabull_index .p-features-main-inner {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 40px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-main-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 20px;
  }
}
#asp_miyabull #miyabull_index .p-features-main-inner-pc-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_miyabull #miyabull_index .p-features-main-image {
  margin: initial;
}
#asp_miyabull #miyabull_index .p-features-main-image img {
  width: min(367px, 28.671875vw);
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-main-image img {
    width: 100%;
    max-width: 200px;
  }
}
#asp_miyabull #miyabull_index .p-features-main-text {
  font-size: 1.25rem;
  line-height: 1.6;
  margin-top: 30px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-main-text {
    line-height: 1.7;
    font-size: 1rem;
    margin-top: 20px;
  }
}
#asp_miyabull #miyabull_index .p-features-main-text span {
  color: var(--bc03);
  font-weight: bold;
}
#asp_miyabull #miyabull_index .p-features-main-text strong {
  font-size: 1.125rem;
}
#asp_miyabull #miyabull_index .p-features-lead {
  font-size: 1.875rem;
  line-height: 1.5;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: initial;
  /* margin-bottom: 10.6666666667vw; */
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-lead {
    font-size: 1.375rem;
  }
}
#asp_miyabull #miyabull_index .p-features-available {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  padding-top: 20px;
  gap: 13px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-available {
    gap: 4px;
  }
}
#asp_miyabull #miyabull_index .p-features-available li {
  display: grid;
  padding: 1rem 0.5rem;
  font-family: "Roboto", sans-serif;
  place-content: center;
  border: 2px solid #000;
  border-radius: 10px;
  font-size: 1rem;
  width: 25%;
  font-weight: 700;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-available li {
    border: 0.5333333333vw solid #000;
    height: 9.0666666667vw;
    font-size: 0.75rem;
    border-radius: 2.6666666667vw;
  }
}
#asp_miyabull #miyabull_index .p-features-detect-image {
  margin-top: 80px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-features-detect-image {
    margin-top: 40px;
  }
}
#asp_miyabull #miyabull_index .p-spec {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(22%, 1fr));
  gap: 30px 15px;
  place-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-spec {
    grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));
    gap: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-spec {
    gap: 60px 10px;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
#asp_miyabull #miyabull_index .p-spec-item {
  position: relative;
  width: 100%;
  display: grid;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-spec-item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    width: 100%;
  }
}
#asp_miyabull #miyabull_index .p-spec-point {
  position: absolute;
  max-width: 116px;
  /* width: min(116px, 9.0625vw); */
  top: max(-28px, -2.34375vw);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-spec-point {
    width: 24vw;
    min-width: 90px;
  }
}
#asp_miyabull #miyabull_index .p-spec-point img {
  width: 100%;
}
#asp_miyabull #miyabull_index .p-spec-image img {
  width: 100%;
  max-width: 100%;
}
#asp_miyabull #miyabull_index .p-spec-heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  /* display: flex; */
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  letter-spacing: 0.1em;
  line-height: 1.44;
  position: relative;
  text-align: center;
  font-size: 1rem;
  font-weight: 700;
  font-size: 1rem;
  margin-top: -1.2rem;
  min-height: 60px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-spec-heading {
    min-height: 0;
    margin-top: -2rem;
    font-size: 1.5rem;
  }
}
#asp_miyabull #miyabull_index .p-spec-text {
  min-height: 70px;
  background: #fff;
  line-height: 1.47;
  position: relative;
  font-size: 0.875rem;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-spec-text {
    min-height: 0;
    padding-block: 15px;
    font-size: 1rem;
  }
}
#asp_miyabull #miyabull_index .c-btn03 {
  background: #fbe2b3;
  font-size: 0.875rem;
  --pad: min(13px, 1.015625vw);
  height: 32px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .c-btn03 {
    font-size: 1rem;
    height: 10.6666666667vw;
  }
}
#asp_miyabull #miyabull_index .c-btn03:after {
  rotate: 90deg;
  -webkit-transform-origin: center top;
          transform-origin: center top;
}
#asp_miyabull #miyabull_index .p-block-title {
  background: #fbe2b3;
  display: -ms-grid;
  display: grid;
  letter-spacing: 0.2em;
  place-content: center;
  position: relative;
  font-size: 1.5rem;
  margin-bottom: 30px;
  max-width: 100%;
  padding: 1rem;
  margin-top: 80px;
  font-weight: 600;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-title {
    font-size: 1.125rem;
  }
}
#asp_miyabull #miyabull_index .p-block-title:before {
  content: "";
  display: block;
  position: absolute;
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-block-title:before {
    height: min(40px, 3.125vw);
    left: min(17px, 1.328125vw);
    top: max(-20px, -1.5625vw);
    width: min(117px, 9.140625vw);
  }
}
#asp_miyabull #miyabull_index .alignment_area {
  padding-top: 40px;
  margin-top: 60px;
  background: #fffef4;
}
#asp_miyabull #miyabull_index .p-alignment,
#asp_miyabull #miyabull_index .p-treat {
  padding-inline: 12px;
}
#asp_miyabull #miyabull_index #alignment {
  /*h2公的機関との連携*/
  margin-top: 0;
}
#asp_miyabull #miyabull_index #alignment:before {
  background: url("../../asp/miyabull/img/ttl-point01.svg") no-repeat left top/cover;
}
#asp_miyabull #miyabull_index .p-alignment-lead {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.09em;
  line-height: 1.44;
  margin-bottom: 40px;
}
#asp_miyabull #miyabull_index .p-alignment-main {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: min(38px, 2.96875vw);
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-alignment-main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#asp_miyabull #miyabull_index .p-alignment-image {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  max-width: 151px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-alignment-image {
    max-width: 220px;
  }
}
#asp_miyabull #miyabull_index .p-alignment-image img {
  height: auto;
  width: 100%;
}
#asp_miyabull #miyabull_index .p-alignment-text {
  font-size: 0.875rem;
  line-height: 1.88;
  font-weight: 400;
  letter-spacing: 0.05em;
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index #easy {
    margin-bottom: min(32px, 2.5vw);
  }
}
#asp_miyabull #miyabull_index #easy:before {
  background: url("../../asp/miyabull/img/ttl-point02.svg") no-repeat left top/cover;
}
#asp_miyabull #miyabull_index .p-easy {
  /* position: relative; */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding-inline: 12px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-easy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#asp_miyabull #miyabull_index .scroll-container:has(.p-easy-scroll) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_miyabull #miyabull_index .p-easy-scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  gap: 20px;
  min-width: 700px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-easy-scroll {
    min-width: 430px;
  }
}
#asp_miyabull #miyabull_index .p-easy-lead {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 230px;
  font-weight: bold;
  font-size: 0.875rem;
  line-height: 1.44;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-easy-lead {
    max-width: 100%;
    font-size: 1rem;
  }
}
#asp_miyabull #miyabull_index .p-easy-lead-image {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 300px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-easy-lead-image {
    max-width: 180px;
  }
}
#asp_miyabull #miyabull_index .p-easy-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_miyabull #miyabull_index .p-easy-texts {
  padding-top: 1rem;
}
#asp_miyabull #miyabull_index .p-easy-text {
  font-weight: 400;
  letter-spacing: 0.03em;
  width: 100%;
  font-size: 1rem;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-easy-text {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-easy-text:not(:last-child) {
    margin-bottom: 5.3333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text:not(:last-child) {
    margin-bottom: 20px;
  }
}
#asp_miyabull #miyabull_index .p-easy-text span {
  font-weight: bold;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text span {
    font-size: min(1.25rem, 1.5625vw);
    top: 2px;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text03,
  #asp_miyabull #miyabull_index .p-easy-text05 {
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text01,
  #asp_miyabull #miyabull_index .p-easy-text02,
  #asp_miyabull #miyabull_index .p-easy-text04,
  #asp_miyabull #miyabull_index .p-easy-text06 {
    right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text01 {
    top: min(11px, 0.859375vw);
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text02 {
    top: min(161px, 12.578125vw);
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text03 {
    top: min(242px, 18.90625vw);
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text04 {
    top: min(367px, 28.671875vw);
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text05 {
    top: min(417px, 32.578125vw);
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-easy-text06 {
    top: min(453px, 35.390625vw);
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index #treat {
    margin-bottom: min(48px, 3.75vw);
  }
}
#asp_miyabull #miyabull_index #treat:before {
  background: url("../../asp/miyabull/img/ttl-point03.svg") no-repeat left top/cover;
}
#asp_miyabull #miyabull_index .p-treat-text,
#asp_miyabull #miyabull_index .p-block-text {
  font-size: 0.875rem;
  font-weight: 400;
}
@media only screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-treat-mv {
    margin-bottom: 10.6666666667vw;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-treat-mv {
    margin-bottom: min(54px, 4.21875vw);
  }
}
#asp_miyabull #miyabull_index .p-treat-mv img {
  height: auto;
  width: 100%;
}
#asp_miyabull #miyabull_index #category:before {
  background: url("../../asp/miyabull/img/ttl-point04.svg") no-repeat left top/cover;
}
#asp_miyabull #miyabull_index .p-block {
  padding-bottom: 40px;
}
#asp_miyabull #miyabull_index .p-block-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  padding-inline: 15px;
}
@media print, screen and (max-width: 991px) {
  #asp_miyabull #miyabull_index .p-block-item {
    padding: 5.6666666667vw 8px 0;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-item {
    padding: clamp(240px, 50vw, 280px) 8px 0;
  }
}
#asp_miyabull #miyabull_index .p-block-item.p-block-item01 {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: url("../../asp/miyabull/img/pict-block.png") no-repeat left top/min(395px, 34.890625vw) auto;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-item.p-block-item01 {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    background: url("../../asp/miyabull/img/pict-block.png") no-repeat center top/min(250px, 37.890625vw) auto;
    background-size: clamp(300px, 80vw, 370px) auto;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-block-item.p-block-item01 {
    padding-top: min(80px, 9.0625vw);
  }
}
#asp_miyabull #miyabull_index .p-block-item.p-block-item02 {
  margin-top: 60px;
  padding-bottom: 8.2vw;
  background: url("../../asp/miyabull/img/pict-crime.png") no-repeat right top/min(365px, 34.890625vw) auto;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-item.p-block-item02 {
    padding-top: 200px;
    background: url("../../asp/miyabull/img/pict-crime.png") no-repeat center top/min(250px, 36.890625vw) auto;
    background-size: 100% auto;
    background-size: clamp(300px, 80vw, 360px) auto;
  }
}
#asp_miyabull #miyabull_index .p-block-main {
  max-width: 420px;
  margin-bottom: 40px;
}
#asp_miyabull #miyabull_index .p-compare-item-heading,
#asp_miyabull #miyabull_index .p-block-heading,
#asp_miyabull #miyabull_index .p-edu-heading {
  font-weight: 500;
}
#asp_miyabull #miyabull_index .p-block-heading {
  font-size: 1.5rem;
  line-height: 1.666;
  margin-bottom: 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-heading {
    font-size: 1.125rem;
  }
}
#asp_miyabull #miyabull_index .p-block-link-list,
#asp_miyabull #miyabull_index .p-edu-page-link-list {
  list-style: none;
  display: -ms-grid;
  display: grid;
  gap: 15px 20px;
  /* gap: min(29px, 2.265625vw) min(14px, 1.09375vw); */
  -ms-grid-columns: 1fr min(14px, 1.09375vw) 1fr min(14px, 1.09375vw) 1fr;
  grid-template-columns: repeat(auto-fit, minmax(31.8%, 1fr));
  /* padding-inline: min(16px, 1.25vw); */
  width: 100%;
  max-width: 100%;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-link-list,
  #asp_miyabull #miyabull_index .p-edu-page-link-list {
    grid-template-columns: repeat(2, 1fr);
    gap: min(29px, 2.265625vw) min(14px, 2.265625vw);
  }
}
#asp_miyabull #miyabull_index .p-block-link-list .c-btn01,
#asp_miyabull #miyabull_index .p-edu-page-link-list .c-btn01 {
  -webkit-box-shadow: none;
          box-shadow: none;
  letter-spacing: 0;
  place-content: center left;
}
#asp_miyabull #miyabull_index .p-block-link-list .c-btn01,
#asp_miyabull #miyabull_index .p-edu-page-link-list .c-btn01 {
  font-size: 1rem;
  padding: 6px 20px 6px 8px;
  line-height: 1.5;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-block-link-list .c-btn01,
  #asp_miyabull #miyabull_index .p-edu-page-link-list .c-btn01 {
    font-size: clamp(0.75rem, 2vw, 1rem);
    min-height: 42px;
    line-height: 1.4;
  }
}
#asp_miyabull #miyabull_index .p-block-link-list .c-btn01.-blue,
#asp_miyabull #miyabull_index .p-edu-page-link-list .c-btn01.-blue {
  --line-color: #c3ffe2;
  --hover-color: #c3ffe2;
  background: var(--bc04);
}
#asp_miyabull #miyabull_index .p-block-link-list .c-btn01.-pink,
#asp_miyabull #miyabull_index .p-edu-page-link-list .c-btn01.-pink {
  --line-color: #ffc6d0;
  --hover-color: #ffc6d0;
  background: var(--bc05);
}
@media only screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .c-ttl-main {
    margin-bottom: 9.3333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .c-ttl-main {
    margin-bottom: min(71px, 5.546875vw);
  }
}
#asp_miyabull #miyabull_index .p-edu-page-links {
  border-bottom: 1px solid #000;
  padding-inline: 15px;
  padding-bottom: 40px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-edu-page-links {
    margin-bottom: 12vw;
    padding-inline: 8px;
  }
}
@media only screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-edu-page-link + .p-edu-page-link {
    margin-top: 9.3333333333vw;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_miyabull #miyabull_index .p-edu-page-link + .p-edu-page-link {
    margin-top: min(59px, 4.609375vw);
  }
}
#asp_miyabull #miyabull_index .p-edu-page-link-heading {
  font-size: 1.125rem;
  line-height: 1.444;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-edu-page-link-heading {
    font-size: 1rem;
  }
}
#asp_miyabull #miyabull_index .p-edu-items {
  max-width: 700px;
  padding-top: 40px;
  margin-bottom: 80px;
  margin-inline: auto;
}
#asp_miyabull #miyabull_index .p-edu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-edu-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}
#asp_miyabull #miyabull_index .p-edu-item + .p-edu-item {
  margin-top: 60px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-edu-detail {
    margin-top: -1rem;
    position: relative;
    z-index: 1;
  }
}
#asp_miyabull #miyabull_index .p-edu-image {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  position: relative;
  max-width: 230px;
  margin: initial;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .p-edu-image {
    position: relative;
    z-index: 0;
    max-width: 250px;
    margin-inline: auto;
  }
}
#asp_miyabull #miyabull_index .p-edu-image img {
  width: 100%;
}
#asp_miyabull #miyabull_index .p-edu-image figcaption {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-weight: 300;
  left: 0;
  letter-spacing: 0.1em;
  line-height: 1;
  position: absolute;
  top: 0;
}
#asp_miyabull #miyabull_index .p-edu-image figcaption {
  font-size: 2.5rem;
}
#asp_miyabull #miyabull_index .p-edu-heading {
  font-size: 1.25rem;
  line-height: 1.44;
  margin-bottom: 20px;
}
#asp_miyabull #miyabull_index .p-edu-text {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.8;
}
#asp_miyabull #miyabull_index h5 {
  margin-bottom: initial;
}
#asp_miyabull #miyabull_index .set-waribiki {
  padding: 30px 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .set-waribiki {
    padding: 30px 10px;
  }
}
#asp_miyabull #miyabull_index .set-waribiki .max-w-700 {
  margin-inline: auto;
}
#asp_miyabull #miyabull_index .set-waribiki .bg-clear {
  display: grid;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
#asp_miyabull #miyabull_index .set-waribiki .box-frame .on-frame {
  top: -10px;
  left: 4%;
}
#asp_miyabull #miyabull_index .set-waribiki .box-frame table td {
  padding-right: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .set-waribiki .box-frame table td {
    padding-right: 4px;
  }
}
#asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 20px;
  gap: 5px;
}
#asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table {
  width: 100%;
  margin-inline: auto;
  text-align: left;
}
#asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table th,
#asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table td {
  padding-right: 10px;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table th,
  #asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table td {
    padding-right: 4px;
  }
}
#asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table th {
  width: 50%;
}
#asp_miyabull #miyabull_index .set-waribiki .flex-box.bccolor-4 .box-frame table td:not(:first-child) {
  text-align: right;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .price-txt1 {
  font-size: 1.2em;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .price-txt2 {
  font-size: 1.3em;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .grid-wrap {
  width: 100%;
  grid-template-rows: subgrid;
  grid-row: span 2;
  justify-items: center;
  grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .set-waribiki .norton_area .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area table {
  width: 100%;
  text-align: left;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area table td {
  font-weight: 500;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-frame {
  background: transparent;
}
@media print, screen and (max-width: 768px) {
  #asp_miyabull #miyabull_index .set-waribiki .norton_area .box-frame {
    padding: 10px;
  }
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-frame.bccolor-4 {
  border: none;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .flex-box {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 10px;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .flex-box > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .flex-box.fd-column {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area a {
  display: block;
  opacity: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area a:hover {
  opacity: 0.5;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--yellow1 {
  background: var(--color-yellow);
  border: 3px solid var(--color-black);
  color: #000;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--yellow1 a {
  color: #000;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--black1 {
  background: var(--color-black);
  border: 3px solid var(--color-yellow);
  color: #fff;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--black1 a {
  color: #fff;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--yellow2 {
  background: var(--color-yellow);
  border: none;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--yellow2 td {
  background: transparent !important;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--black2 {
  background: var(--color-black);
  border: none;
  color: #fff;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--black2 td {
  background: transparent !important;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-miyabull--green {
  background-color: #228535;
  border: none;
  color: #fff;
  margin-top: 20px;
}
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--yellow1 .flex-box,
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--black1 .flex-box,
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--yellow2 .flex-box,
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-norton--black2 .flex-box,
#asp_miyabull #miyabull_index .set-waribiki .norton_area .box-miyabull--green .flex-box {
  width: 100%;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
}
#asp_miyabull #miyabull_index .environment table {
  font-size: 0.875rem;
}
#asp_miyabull .flow .flow-list {
  list-style-type: decimal;
  padding-left: 1rem;
}
#asp_miyabull .flow .flow-list li + li {
  margin-top: 40px;
}
#asp_miyabull .flow .flow-list li > p:has(img) {
  margin-top: 10px;
}
#asp_miyabull .flow .flow-list * > img {
  max-width: 600px;
}
#asp_miyabull .flow #ac_install div:has(img) {
  margin-top: 20px;
}
#asp_miyabull .flow .under_triangle {
  position: relative;
  margin-bottom: 52px;
}
#asp_miyabull .flow .under_triangle::before {
  position: absolute;
  content: "";
  background: url(../../asp/miyabull/img/img_arrow_b_blue.png) no-repeat;
  background-size: contain;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  width: 20px;
  height: 12px;
}

#asp_tabuho {
  --color-blue: #0068b6;
  /* ---------------------------- flex-box
  ------------------------------*/
  /*--------------------------------------------------
    grid
  --------------------------------------------------*/
}
#asp_tabuho img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#asp_tabuho a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_tabuho a:hover img {
  opacity: 0.5;
}
#asp_tabuho .fz-7 {
  line-height: 1.6;
}
#asp_tabuho .box-frame {
  margin-bottom: initial;
}
#asp_tabuho .border-bold .border-bold {
  border: 3px solid #000;
}
#asp_tabuho .max-w-700 {
  max-width: 700px;
}
#asp_tabuho .max-w-700 img {
  margin-inline: auto;
}
#asp_tabuho div:has(.label-wrap) {
  line-height: 2;
}
#asp_tabuho .label-wrap {
  display: block;
  position: relative;
  font-weight: 700;
  margin-bottom: initial;
}
#asp_tabuho .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}
#asp_tabuho .tac--sp-tal {
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .tac--sp-tal {
    text-align: left;
  }
}
#asp_tabuho .fz-20 {
  font-size: 1.25rem;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .fz-20 {
    font-size: 1.125rem;
  }
}
#asp_tabuho .fz-24 {
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .fz-24 {
    font-size: 1.25rem;
  }
}
#asp_tabuho .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .flex-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_tabuho .flex-box .column {
  width: 38%;
}
#asp_tabuho .flex-box .column:first-child {
  width: 60%;
}
#asp_tabuho .flex-box .column div:has(img) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#asp_tabuho .flex-box .column div:has(img) img {
  max-width: 178px;
}
#asp_tabuho .flex-box.ai-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .flex-box.ai-center {
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
#asp_tabuho .flex-box-type1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .flex-box-type1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#asp_tabuho .flex-box-type1 .column-type1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_tabuho .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
  gap: 15px;
  place-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
#asp_tabuho .grid-wrap .grid-box {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .grid-wrap .grid-box {
    padding: 0;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho .grid-wrap .grid-box .vbm_header_3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_tabuho .grid-wrap.column-1 {
  grid-template-columns: 1fr;
  place-content: start;
}
@media print, screen and (min-width: 769px) {
  #asp_tabuho .grid-wrap.column-2 {
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
  }
}
@media print, screen and (min-width: 769px) {
  #asp_tabuho .grid-wrap.column-2--type1 {
    grid-template-columns: 3fr 2fr;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_tabuho .grid-wrap.column-2--type2 {
    grid-template-columns: 2fr 3fr;
  }
}
#asp_tabuho h3.tabuho_header_1 {
  display: block;
  border: none;
  background: var(--color-blue);
  color: #fff;
  padding: 20px;
  border-radius: 10px 10px 0 0;
  margin-bottom: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho h3.tabuho_header_1 {
    padding: 15px;
  }
}
#asp_tabuho h3.tabuho_header_1::before {
  display: none;
}
#asp_tabuho .box-tabuho {
  padding: 30px 20px;
  border: 5px solid var(--color-blue);
  border-top: none;
  border-radius: 0 0 10px 10px;
}
#asp_tabuho .box-tabuho div:has(> img) {
  margin-top: 20px;
  text-align: center;
}
#asp_tabuho #asp_tabuho_index {
  /* スライダー全体を包むコンテナ */
  /* 各スライドに表示タイミングをずらす */
  /* フェードイン・フェードアウトのキーフレーム */
  /* スライド上に乗せるテキスト */
}
#asp_tabuho #asp_tabuho_index .slider {
  position: relative;
  width: 100%;
  max-width: 700px;
  height: 467px;
  overflow: hidden;
  margin-inline: auto;
}
#asp_tabuho #asp_tabuho_index .slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-animation: fade 16s infinite;
          animation: fade 16s infinite;
}
#asp_tabuho #asp_tabuho_index .slide:nth-child(1) {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}
#asp_tabuho #asp_tabuho_index .slide:nth-child(2) {
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
}
#asp_tabuho #asp_tabuho_index .slide:nth-child(3) {
  -webkit-animation-delay: 8s;
          animation-delay: 8s;
}
#asp_tabuho #asp_tabuho_index .slide:nth-child(4) {
  -webkit-animation-delay: 12s;
          animation-delay: 12s;
}
@-webkit-keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  25% {
    opacity: 1;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
#asp_tabuho #asp_tabuho_index .slider .overlay-text {
  position: absolute;
  padding: 8px;
  width: 90%;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  color: #000;
  font-size: 24px;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.9);
  z-index: 10;
  pointer-events: none;
  /* テキスト部分はクリックを透過 */
  font-weight: 700;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho #asp_tabuho_index .slider .overlay-text {
    width: 100%;
  }
}
#asp_tabuho #asp_tabuho_index .slider .overlay-text .text1 {
  font-size: 2.125rem;
  line-height: 1.4;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho #asp_tabuho_index .slider .overlay-text .text1 {
    font-size: 1.5rem;
  }
}
#asp_tabuho #asp_tabuho_index .slider .overlay-text .text1 span {
  font-size: 1.8em;
  letter-spacing: -1px;
}
#asp_tabuho #asp_tabuho_index .slider .overlay-text .text2 {
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 500;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho #asp_tabuho_index .slider .overlay-text .text2 {
    font-size: 1.125rem;
    text-align: left;
  }
}
#asp_tabuho #asp_tabuho_index .slider .overlay-text .text2 span {
  font-size: 0.7em;
}
#asp_tabuho #asp_tabuho_index .slider .overlay-text .grid-wrap {
  padding: 15px;
  grid-template-columns: 1fr;
}
#asp_tabuho #asp_tabuho_index #tabuho_magazine .grid-wrap {
  place-items: center;
}
#asp_tabuho #asp_tabuho_index #device table th {
  text-align: left;
}
#asp_tabuho #asp_tabuho_index #privilege .link-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  gap: 10px 20px;
}
@media print, screen and (max-width: 768px) {
  #asp_tabuho #asp_tabuho_index #privilege .link-list {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
#asp_tabuho .flow .flow-list {
  list-style-type: decimal;
  padding-left: 1rem;
}
#asp_tabuho .flow .flow-list li + li {
  margin-top: 40px;
}
#asp_tabuho .flow .flow-list li > p:has(img) {
  margin-top: 10px;
}
#asp_tabuho .flow .flow-list * > img {
  max-width: 700px;
}
#asp_tabuho .flow #ac_eis div:has(> img),
#asp_tabuho .flow #ac_install div:has(> img) {
  margin-top: 20px;
  text-align: center;
}
#asp_tabuho .flow .ac_install .bccolor-1 {
  padding: 15px !important;
}
#asp_tabuho .flow .ac_install .bccolor-1 div:has(> img) {
  text-align: center;
}
#asp_tabuho .flow .ac_install .bccolor-1 .box-frame {
  background: transparent;
}
#asp_tabuho .flow .under_triangle {
  position: relative;
  margin-bottom: 52px;
}
#asp_tabuho .flow .under_triangle::before {
  position: absolute;
  content: "";
  background: url(../../asp/norton/img/img_arrow_b_blue.png) no-repeat;
  background-size: contain;
  bottom: -32px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  z-index: 1;
  width: 20px;
  height: 12px;
}

#asp_unext .box-frame p {
  text-align: left;
}
@media print, screen and (max-width: 768px) {
  #asp_unext .box-frame .on-frame {
    position: static;
    display: block;
    margin-bottom: 10px;
  }
  #asp_unext .box-frame .fd-row {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
#asp_unext .box-bk {
  background-color: #000;
  padding: 20px;
  border-radius: 10px;
  width: 100%;
  margin-bottom: 20px;
}
#asp_unext .box-bk .ttl-txt {
  font-size: 24px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
#asp_unext .box-bk .num-txt {
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 20px;
}
#asp_unext .box-bk .ttl-txt2 {
  background-color: #fff;
  width: 100%;
  display: block;
  padding: 5px;
  border-radius: 5px;
  font-weight: bold;
  font-size: 20px;
}
#asp_unext .box-bk .slick-list {
  margin: 0 -15px;
}
#asp_unext .box-bk .slick-slide {
  margin: 0 15px;
}
#asp_unext .btnbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 22px;
}
#asp_unext .special {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (max-width: 768px) {
  #asp_unext .special {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
#asp_unext .special img {
  max-width: 100px;
  width: 100%;
}
#asp_unext .special p {
  padding: 10px 30px;
  border: 1px solid #000;
  margin-left: -25px;
}
@media print, screen and (max-width: 768px) {
  #asp_unext .special p {
    padding: 10px;
    margin-left: -12px;
    padding-left: 22px;
  }
}
#asp_unext .service-price {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_unext .service-price dl {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#asp_unext .service-price dt {
  padding: 10px;
  border-radius: 10px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  width: 150px;
}
#asp_unext .service-price dt.blue {
  background-color: #284db4;
}
#asp_unext .service-price dt.red {
  background-color: #c32525;
}
#asp_unext .service-price dt.orange {
  background-color: #f08d00;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
#asp_unext .service-genre .table-wrap table {
  min-width: 768px;
}
#asp_unext .service-genre .genretable-ttl {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}
#asp_unext .service-genre .table-wrap:first-of-type th {
  background-color: #2bbc94;
}
#asp_unext .service-genre .table-wrap:nth-of-type(2) th {
  background-color: #f08d00;
}
#asp_unext .service-genre .table-wrap table tbody tr td .num {
  font-size: 24px;
}
#asp_unext .service-device .flex-box {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding-bottom: 20px;
  border-bottom: 1px solid #dadada;
  margin-top: 20px;
}
#asp_unext .service-device .flex-box img {
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  min-width: 150px;
  height: auto;
  /* ← これに固定 */
  -o-object-fit: contain;
     object-fit: contain;
  /* 必要に応じて */
}
#asp_unext .service-device .flex-box .flex-item span {
  color: #fff;
  padding: 10px;
  background-color: #000;
  border-radius: 10px;
  font-size: 18px;
  display: inline-block;
  width: 100px;
  text-align: center;
  font-weight: bold;
}
#asp_unext .service-device .flex-box .flex-item span:first-of-type {
  margin-right: 20px;
}
#asp_unext .service-device .flex-box .flex-item .flex-box {
  border-bottom: none;
}
#asp_unext .service-device .flex-box .flex-item .flex-box .flex-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: none;
  margin-top: 0;
}
#asp_unext .service-device .flex-box .flex-item .flex-box .flex-box img {
  width: 60px;
  min-width: auto;
}
#asp_unext .service-device .flex-box .flex-item .flex-box .flex-box a img {
  width: 200px;
}
@media print, screen and (max-width: 768px) {
  #asp_unext .service-device .flex-box:nth-child(3) div:first-of-type {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    border-right: none !important;
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
        -ms-flex-align: start !important;
            align-items: flex-start !important;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
        -ms-flex-pack: start !important;
            justify-content: flex-start !important;
  }
}
#asp_unext .service-device .table-wrap table {
  min-width: auto;
}
#asp_unext .service-plan {
  border-bottom: 1px solid #dadada;
}
#asp_unext .service-plan dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}
#asp_unext .service-plan .red {
  color: #c32525;
  font-size: 20px;
  font-weight: bold;
}
#asp_unext .service-plan dl:nth-child(2) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1rem;
  padding-bottom: 40px;
}
#asp_unext .service-plan dl:nth-child(2) img {
  width: 100px;
}
#asp_unext .service-plan dl:nth-child(2) dd strong {
  color: #c32525;
  font-size: 20px;
  margin-right: 1rem;
}
@media print, screen and (max-width: 768px) {
  #asp_unext .service-plan dl:nth-child(1) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #asp_unext .service-plan dl:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
#asp_unext .copytxt {
  font-size: 12px;
}
#asp_unext #u-next_main_2 .iconbox,
#asp_unext #u-next_main_2a .iconbox {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: none;
  margin-top: 0;
}
#asp_unext #u-next_main_2 .iconbox img,
#asp_unext #u-next_main_2a .iconbox img {
  width: 60px;
  min-width: auto;
}
#asp_unext #u-next_main_2 .iconbox a img,
#asp_unext #u-next_main_2a .iconbox a img {
  width: 200px;
}
#asp_unext #u-next_main_2 h4,
#asp_unext #u-next_main_2a h4 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_unext #u-next_main_2 h4 span.num,
#asp_unext #u-next_main_2a h4 span.num {
  display: inline-block;
  width: 40px;
  height: 40px;
  padding: 11px 15px;
  border-radius: 100%;
  background-color: #333;
  color: #ffffff;
  margin-right: 10px;
}
@media print, screen and (min-width: 769px) {
  #asp_unext #u-next_main_2 h4 span.num,
  #asp_unext #u-next_main_2a h4 span.num {
    padding: 8px 14px;
  }
}
@media print, screen and (max-width: 991px) {
  #asp_unext #u-next_main_2 h4 span.num,
  #asp_unext #u-next_main_2a h4 span.num {
    padding: 10px 15px;
  }
}
#asp_unext #u-next_main_2 .backborder,
#asp_unext #u-next_main_2a .backborder {
  position: relative;
  text-align: center;
  margin-bottom: 20px;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_unext #u-next_main_2 .backborder::before, #asp_unext #u-next_main_2 .backborder::after,
#asp_unext #u-next_main_2a .backborder::before,
#asp_unext #u-next_main_2a .backborder::after {
  content: "";
  content: "";
  display: block;
  width: 30%;
  height: 1px;
  background: #dadada;
}
#asp_unext #u-next_main_2 .backborder::before,
#asp_unext #u-next_main_2a .backborder::before {
  margin-right: 1em;
}
#asp_unext #u-next_main_2 .backborder::after,
#asp_unext #u-next_main_2a .backborder::after {
  margin-left: 1em;
}
#asp_unext #main-x .iconbox {
  gap: 20px;
}
#asp_unext #main-x .iconbox .flex-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: none;
  margin-top: 0;
}
#asp_unext #main-x .iconbox .flex-box img {
  width: 60px;
  min-width: auto;
}
#asp_unext #main-x .iconbox .flex-box a img {
  width: 200px;
}
#asp_unext #yetmember div:nth-child(4) .fd-row {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

#ec-apply .txtbox_01 {
  padding: 20px;
  background-color: #DE0077;
  color: #ffffff;
}
#ec-apply .txtbox_01 a {
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
#ec-apply .txtbox_01 a:hover {
  opacity: 0.6;
}
#ec-apply .bg-bk {
  background-color: #000;
  padding: 20px 0;
}
#ec-apply .txtbox_02 {
  color: #ffffff;
  padding: 30px 20px;
}
#ec-apply .txtbox_02 img {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
#ec-apply .txtbox_02_item div:nth-of-type(1), #ec-apply .txtbox_02_item div:nth-of-type(2), #ec-apply .txtbox_02_item div:nth-of-type(3) {
  padding: 5px 0;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  list-style-position: inside;
}
#ec-apply .txtbox_02_item div:nth-of-type(1), #ec-apply .txtbox_02_item div:nth-of-type(2) {
  border-bottom: none;
}
#ec-apply .bg-bl {
  background-color: #003878;
  padding: 30px 20px;
}
#ec-apply .bg-bl .imgbox {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 20px;
  font-size: 14px;
}
#ec-apply .apply-btn {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#ec-apply .apply-btn:hover {
  opacity: 0.6;
}

#ec-flow .flex-box:first-of-type div:nth-of-type(2) p:first-of-type {
  font-size: 20px;
  font-weight: bold;
}

#member_unext .box-frame p {
  text-align: left;
}
@media print, screen and (max-width: 768px) {
  #member_unext .box-frame .on-frame {
    position: static;
    display: block;
    margin-bottom: 10px;
  }
  #member_unext .box-frame .fd-row {
    -webkit-box-pack: start;
    -webkit-justify-content: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}

#unlimited .img-text-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#unlimited .img-text-row .img-wrapper {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media print, screen and (min-width: 769px) {
  #unlimited .img-text-row .img-wrapper {
    width: 120px;
  }
}
#unlimited .img-text-row img {
  display: block;
  height: auto;
  width: auto;
  max-width: 100%;
}
#unlimited .img-text-row .text-block {
  display: block;
}
#unlimited .column-frame.blank {
  border: none;
}

#asp_vbm {
  --color-red: #f22525;
  --color-gray: #f5f5f5;
  /* ---------------------------- flex-box
  ------------------------------*/
  /*--------------------------------------------------
    grid
  --------------------------------------------------*/
}
#asp_vbm img {
  width: 100%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#asp_vbm a img {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
#asp_vbm a:hover img {
  opacity: 0.5;
}
#asp_vbm h5 {
  margin-bottom: initial;
}
#asp_vbm .fz-7 {
  line-height: 1.6;
}
#asp_vbm .box-frame {
  margin-bottom: initial;
}
#asp_vbm .border-bold .border-bold {
  border: 3px solid #000;
}
#asp_vbm .max-w-700 {
  max-width: 700px;
}
#asp_vbm .max-w-700 img {
  margin-inline: auto;
}
#asp_vbm .w-430px {
  width: 430px;
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .w-430px {
    width: 100%;
  }
}
#asp_vbm .label-wrap {
  position: initial;
  font-weight: 700;
  margin-bottom: initial;
  display: block;
}
#asp_vbm .label-wrap .label-box {
  display: inline-block;
  font-size: 0.9375rem;
  background-color: #ff6145;
  line-height: 1;
  padding: 5px 20px;
  color: #ffffff;
  border-radius: 20px;
}
#asp_vbm .tac--sp-tal {
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .tac--sp-tal {
    text-align: left;
  }
}
#asp_vbm .fz-20 {
  font-size: 1.25rem;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .fz-20 {
    font-size: 1.125rem;
  }
}
#asp_vbm .fz-24 {
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .fz-24 {
    font-size: 1.25rem;
  }
}
#asp_vbm .card-type-1 h4 {
  margin-bottom: initial;
}
#asp_vbm .card-type-1 + .card-type-1 {
  margin-top: 20px;
}
#asp_vbm .card-type-1 .card-type-1-header,
#asp_vbm .card-type-1 .card-type-1-footer {
  padding: 12px 20px;
  background-color: rgba(0, 0, 0, 0.03);
  border: 1px solid rgba(0, 0, 0, 0.125);
}
#asp_vbm .card-type-1 .card-type-1-header {
  font-size: 1.25rem;
  font-weight: 500;
  border-radius: 5px 5px 0 0;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .card-type-1 .card-type-1-header {
    font-size: 1.125rem;
  }
}
#asp_vbm .card-type-1 .card-type-1-body {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-top: none;
  border-radius: 0 0 5px 5px;
}
#asp_vbm .card-type-1 .card-type-1-footer {
  border-radius: 0 0 5px 5px;
  border-top: none;
  font-size: 0.875rem;
  line-height: 1.5;
}
#asp_vbm .flex-box {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .flex-box {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_vbm .flex-box .column {
  width: 38%;
}
#asp_vbm .flex-box .column:first-child {
  width: 60%;
}
#asp_vbm .flex-box .column div:has(img) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#asp_vbm .flex-box .column div:has(img) img {
  max-width: 178px;
}
#asp_vbm .grid-wrap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(31%, 1fr));
  gap: 15px;
  place-content: center;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .grid-wrap {
    grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
  }
}
#asp_vbm .grid-wrap .grid-box {
  display: grid;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  justify-items: center;
  padding: 30px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .grid-wrap .grid-box {
    padding: 0;
  }
}
#asp_vbm .grid-wrap .grid-box p {
  max-width: 80%;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .grid-wrap .grid-box p {
    max-width: 100%;
  }
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .grid-wrap .grid-box .vbm_header_3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#asp_vbm .grid-wrap.column-1 {
  grid-template-columns: 1fr;
  place-content: start;
}
@media print, screen and (min-width: 769px) {
  #asp_vbm .grid-wrap.column-2 {
    grid-template-columns: repeat(auto-fit, minmax(48%, 1fr));
  }
}
@media print, screen and (min-width: 769px) {
  #asp_vbm .grid-wrap.column-2--type1 {
    grid-template-columns: 3fr 2fr;
  }
}
@media print, screen and (min-width: 769px) {
  #asp_vbm .grid-wrap.column-2--type2 {
    grid-template-columns: 1fr 4fr;
  }
}
#asp_vbm .vbm_hr {
  height: 1px;
  border: none;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #dadada;
}
#asp_vbm .vbm-red--clr {
  color: var(--color-red);
}
#asp_vbm .vbm-gray--bg {
  background: var(--color-gray);
}
#asp_vbm .vbm_header_1 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  color: var(--color-red);
  text-align: center;
  line-height: 1.8;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_header_1 {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
#asp_vbm .vbm_header_2 {
  margin-top: 60px;
  margin-bottom: 30px;
  font-weight: 400;
  font-size: 1.75rem;
  line-height: 1.6;
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_header_2 {
    margin-top: 40px;
    font-size: 1.375rem;
  }
}
#asp_vbm .vbm_header_3 {
  margin-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_header_3 {
    font-size: 1.125rem;
    display: block;
    width: 100%;
  }
}
#asp_vbm .vbm_header_4 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--color-red);
  text-align: center;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_header_4 {
    text-align: left;
    font-size: 1.25rem;
  }
}
#asp_vbm h5.icon_check span {
  display: inline-block;
  position: relative;
  padding-left: 24px;
}
#asp_vbm h5.icon_check span::before {
  position: absolute;
  content: "";
  width: 20px;
  height: 20px;
  top: 2px;
  left: 0;
  background: url("../../asp/vbm/img/ico_check_red.png") no-repeat;
  background-position: 4.2% center;
  background-size: contain;
}
#asp_vbm table {
  font-size: 0.875rem;
}
#asp_vbm .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#asp_vbm .thType_01 table tbody td {
  background: #fff;
}
#asp_vbm #vbm_index .vbm_hr,
#asp_vbm #setup2 .vbm_hr {
  margin-top: 60px;
  margin-bottom: 60px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm #vbm_index .vbm_hr,
  #asp_vbm #setup2 .vbm_hr {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
#asp_vbm .vbm_case .grid-box.vbm-gray--bg {
  padding: 30px;
}
#asp_vbm .vbm_protect .grid-wrap:not(.grid-wrap .grid-wrap) {
  margin-top: 40px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_protect .grid-wrap:not(.grid-wrap .grid-wrap) {
    margin-top: 60px;
  }
}
#asp_vbm .vbm_protect .grid-box {
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  justify-items: start;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_protect .grid-box {
    padding: 0;
  }
}
#asp_vbm .vbm_protect .grid-box:has(img) img {
  max-width: 180px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_protect .grid-box:has(img) img {
    max-width: 130px;
    margin-inline: auto;
  }
}
#asp_vbm .vbm_support .grid-wrap:not(.grid-wrap .grid-wrap) {
  place-content: start;
  margin-top: 40px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_support .grid-wrap:not(.grid-wrap .grid-wrap) {
    gap: 60px;
  }
}
#asp_vbm .vbm_support .grid-wrap:not(.grid-wrap .grid-wrap) .grid-box {
  padding: 0;
}
#asp_vbm .vbm_function {
  margin-top: 60px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_function {
    margin-top: 80px;
  }
}
#asp_vbm .vbm_function .grid-wrap.column-2--type2 {
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_function .grid-wrap.column-2--type2 {
    margin-top: 40px;
  }
}
#asp_vbm .vbm_function .grid-wrap.column-2--type2 .grid-box {
  justify-items: start;
}
#asp_vbm .vbm_function .grid-wrap.column-2--type2 .grid-box:has(img) {
  padding: 30px 0;
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_function .grid-wrap.column-2--type2 .grid-box:has(img) {
    padding: 10px 0;
  }
}
#asp_vbm .vbm_apply .box-frame {
  padding: 0;
  overflow: hidden;
  background: #fffbf1;
}
#asp_vbm .vbm_apply .tm_title_2 {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 15px;
  background-color: #444444;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1.4;
  font-size: 1.5rem;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_apply .tm_title_2 {
    font-size: 1.25rem;
  }
}
#asp_vbm .vbm_apply .tm_title_2::before {
  display: none;
}
#asp_vbm .vbm_apply .tm_title_2 .ico_pen {
  position: relative;
  padding-left: 30px;
}
#asp_vbm .vbm_apply .tm_title_2 .ico_pen::before {
  position: absolute;
  content: "";
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index: 1;
  width: 25px;
  height: 25px;
  background: transparent url(../../asp/vbm/img/ico_pen.png) no-repeat;
  background-size: contain;
}
#asp_vbm .vbm_apply .content-body {
  padding: 30px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_apply .content-body {
    padding: 20px;
  }
}
#asp_vbm .vbm_apply .tm_application_step {
  border-radius: 5px;
  background-color: #fff;
  overflow: hidden;
}
#asp_vbm .vbm_apply .tm_application_step .title {
  font-size: 1.25rem;
  padding: 15px;
  background-position: 23px center;
  font-weight: bold;
  line-height: 1.4;
  background: #ccc;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_apply .tm_application_step .title {
    font-size: 1.125rem;
  }
}
#asp_vbm .vbm_apply .tm_application_step .title .number {
  padding-left: 38px;
  color: #e60911;
  margin-right: 10px;
  background: url(../../asp/vbm/img/bgi_title_1.png) no-repeat;
  background-position: 14px center;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_apply .tm_application_step .title .number {
    padding-left: 24px;
    background-position: 5px center;
  }
}
#asp_vbm .vbm_apply .tm_application_step .body {
  padding: 15px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  border-radius: 0 0 5px 5px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .vbm_apply .tm_application_step .body {
    font-size: 0.875rem;
  }
}
#asp_vbm .tab-sp .vbm_case .grid-wrap.column-2--type2 {
  gap: 0;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .tab-sp .vbm_case .grid-wrap.column-2--type2 {
    margin-top: 40px;
  }
}
#asp_vbm .tab-sp .vbm_case .grid-wrap.column-2--type2 .grid-box {
  justify-items: start;
}
#asp_vbm .tab-sp .vbm_case .grid-wrap.column-2--type2 .grid-box:has(img) {
  padding: 30px 0;
  justify-items: center;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .tab-sp .vbm_case .grid-wrap.column-2--type2 .grid-box:has(img) {
    padding: 10px 0;
  }
}
#asp_vbm .tab-sp .vbm_protect .flex-box {
  margin-top: 40px;
  gap: 60px 20px;
}
#asp_vbm .tab-sp .vbm_protect .flex-box .column {
  width: 48%;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .tab-sp .vbm_protect .flex-box .column {
    width: 100%;
  }
}
#asp_vbm .tab-sp .vbm_protect h5 {
  font-size: 1.125rem;
  margin-top: 30px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .tab-sp .vbm_protect h5 {
    font-size: 1rem;
  }
}
#asp_vbm .tab-sp .vbm_support {
  margin-top: 60px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm .tab-sp .vbm_support {
    margin-top: 80px;
  }
}
#asp_vbm .tab-sp .vbm_support .flex-box {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
}
#asp_vbm #product table td:nth-last-child(1),
#asp_vbm #product table td:nth-last-child(2) {
  text-align: center;
}
#asp_vbm #product th.bccolor-2 {
  font-weight: 500;
  color: #000;
}
#asp_vbm #setup2 h3.title {
  display: block;
  border-bottom: none;
}
#asp_vbm #setup2 h3.title::before {
  display: none;
}
#asp_vbm #setup2 .btn1.orange {
  background: #e1474f;
}
#asp_vbm #setup2 .btn1.orange::before {
  background: #e1474f;
}
#asp_vbm #setup2 .title {
  font-size: 1.25rem;
  padding: 15px;
  margin-bottom: 40px;
  background-position: 23px center;
  font-weight: bold;
  line-height: 1.4;
  background: var(--color-gray);
  border-radius: 5px;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm #setup2 .title {
    margin-bottom: 20px;
    font-size: 1.125rem;
  }
}
#asp_vbm #setup2 .title .number {
  padding-left: 38px;
  color: #e60911;
  margin-right: 10px;
  background: url(../../asp/vbm/img/bgi_title_1.png) no-repeat;
  background-position: 14px center;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm #setup2 .title .number {
    padding-left: 24px;
    background-position: 5px center;
  }
}
#asp_vbm #setup2 .cautionbox {
  position: relative;
  max-width: 700px;
  border-radius: 10px;
  margin-top: 20px;
  margin-bottom: 1.5em;
  padding: 20px 20px 20px 60px;
  background: var(--color-gray);
}
@media print, screen and (max-width: 768px) {
  #asp_vbm #setup2 .cautionbox {
    padding: 15px 15px 15px 46px;
  }
}
#asp_vbm #setup2 .cautionbox::before {
  position: absolute;
  content: "";
  width: 36px;
  height: 31px;
  top: 50%;
  left: 30px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url("../../asp/img/ico_caution.png") no-repeat;
  background-position: 4.2% center;
  background-size: contain;
}
@media print, screen and (max-width: 768px) {
  #asp_vbm #setup2 .cautionbox::before {
    left: 23px;
    width: 22px;
    height: 22px;
  }
}
#asp_vbm #setup2 .flex-box {
  gap: 20px;
}
#asp_vbm #setup2 .flex-box > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#asp_vbm #setup2 .flex-box > div:has(img) {
  text-align: center;
}
#asp_vbm #setup2 .flex-box .flex-box.fd-column {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#asp_vbm #setup2 .flex-box:has(.icon-image) .icon-image {
  min-width: 80px;
}
#asp_vbm #setup2 .flex-box:has(.icon-image) > div {
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
#asp_vbm #version ol {
  list-style-type: decimal;
  padding-left: 1rem;
}
#asp_vbm #version ol li + li {
  margin-top: 30px;
}
#asp_vbm #version ol img {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
#asp_vbm #version ol div:has(img) {
  margin-top: 10px;
}
#asp_vbm #version ol .flex-box {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  gap: 10px;
}

#control_account,
#control_address,
#control_plan,
#control_payment,
#control_cancel {
  /* このテーブルだけ外枠の右と下の線を消す */
}
#control_account .imgc img,
#control_address .imgc img,
#control_plan .imgc img,
#control_payment .imgc img,
#control_cancel .imgc img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
#control_account .btn1,
#control_address .btn1,
#control_plan .btn1,
#control_payment .btn1,
#control_cancel .btn1 {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
#control_account .flexrow,
#control_address .flexrow,
#control_plan .flexrow,
#control_payment .flexrow,
#control_cancel .flexrow {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#control_account .flexrow > .column:first-child,
#control_address .flexrow > .column:first-child,
#control_plan .flexrow > .column:first-child,
#control_payment .flexrow > .column:first-child,
#control_cancel .flexrow > .column:first-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}
#control_account .flexrow > .column,
#control_address .flexrow > .column,
#control_plan .flexrow > .column,
#control_payment .flexrow > .column,
#control_cancel .flexrow > .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#control_account .flexrow img,
#control_address .flexrow img,
#control_plan .flexrow img,
#control_payment .flexrow img,
#control_cancel .flexrow img {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
}
#control_account .flexrow-full,
#control_address .flexrow-full,
#control_plan .flexrow-full,
#control_payment .flexrow-full,
#control_cancel .flexrow-full {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media print, screen and (min-width: 769px) {
  #control_account .flexrow-full,
  #control_address .flexrow-full,
  #control_plan .flexrow-full,
  #control_payment .flexrow-full,
  #control_cancel .flexrow-full {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
#control_account .flexrow-full .column,
#control_address .flexrow-full .column,
#control_plan .flexrow-full .column,
#control_payment .flexrow-full .column,
#control_cancel .flexrow-full .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  #control_account .flexrow-full .column,
  #control_address .flexrow-full .column,
  #control_plan .flexrow-full .column,
  #control_payment .flexrow-full .column,
  #control_cancel .flexrow-full .column {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
    text-align: left;
  }
}
#control_account .flexrow-full .column .left-group,
#control_address .flexrow-full .column .left-group,
#control_plan .flexrow-full .column .left-group,
#control_payment .flexrow-full .column .left-group,
#control_cancel .flexrow-full .column .left-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media print, screen and (min-width: 769px) {
  #control_account .flexrow-full .column .left-group,
  #control_address .flexrow-full .column .left-group,
  #control_plan .flexrow-full .column .left-group,
  #control_payment .flexrow-full .column .left-group,
  #control_cancel .flexrow-full .column .left-group {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
  }
}
#control_account .flexrow-full .column .left-group div,
#control_address .flexrow-full .column .left-group div,
#control_plan .flexrow-full .column .left-group div,
#control_payment .flexrow-full .column .left-group div,
#control_cancel .flexrow-full .column .left-group div {
  white-space: nowrap;
  font-size: clamp(14px, 2vw, 16px);
}
#control_account .flexrow-full .column .right-group,
#control_address .flexrow-full .column .right-group,
#control_plan .flexrow-full .column .right-group,
#control_payment .flexrow-full .column .right-group,
#control_cancel .flexrow-full .column .right-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media print, screen and (min-width: 769px) {
  #control_account .flexrow-full .column .right-group,
  #control_address .flexrow-full .column .right-group,
  #control_plan .flexrow-full .column .right-group,
  #control_payment .flexrow-full .column .right-group,
  #control_cancel .flexrow-full .column .right-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
  }
}
#control_account .flexrow-full .column .right-group .arrow,
#control_address .flexrow-full .column .right-group .arrow,
#control_plan .flexrow-full .column .right-group .arrow,
#control_payment .flexrow-full .column .right-group .arrow,
#control_cancel .flexrow-full .column .right-group .arrow {
  width: 30px;
  height: 30px;
}
#control_account .flexrow-full .column .right-group .arrow img,
#control_address .flexrow-full .column .right-group .arrow img,
#control_plan .flexrow-full .column .right-group .arrow img,
#control_payment .flexrow-full .column .right-group .arrow img,
#control_cancel .flexrow-full .column .right-group .arrow img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@media print, screen and (min-width: 769px) {
  #control_account .flexrow-full .column .right-group .arrow img,
  #control_address .flexrow-full .column .right-group .arrow img,
  #control_plan .flexrow-full .column .right-group .arrow img,
  #control_payment .flexrow-full .column .right-group .arrow img,
  #control_cancel .flexrow-full .column .right-group .arrow img {
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
}
#control_account .img25,
#control_address .img25,
#control_plan .img25,
#control_payment .img25,
#control_cancel .img25 {
  width: 25px;
  height: auto;
}
#control_account .img40,
#control_address .img40,
#control_plan .img40,
#control_payment .img40,
#control_cancel .img40 {
  width: 40px;
  height: auto;
}
#control_account .img50,
#control_address .img50,
#control_plan .img50,
#control_payment .img50,
#control_cancel .img50 {
  width: 50px;
  height: auto;
}
#control_account .img100,
#control_address .img100,
#control_plan .img100,
#control_payment .img100,
#control_cancel .img100 {
  width: 100px;
  height: auto;
}
#control_account .l90,
#control_address .l90,
#control_plan .l90,
#control_payment .l90,
#control_cancel .l90 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#control_account .n-line,
#control_address .n-line,
#control_plan .n-line,
#control_payment .n-line,
#control_cancel .n-line {
  position: relative;
  width: 100px;
  height: 50px;
}
#control_account .n-line::before,
#control_address .n-line::before,
#control_plan .n-line::before,
#control_payment .n-line::before,
#control_cancel .n-line::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-linear-gradient(top left, transparent calc(50% - 1px), #dadada, transparent calc(50% + 1px));
  background: linear-gradient(to bottom right, transparent calc(50% - 1px), #dadada, transparent calc(50% + 1px));
  pointer-events: none;
}
#control_account .vl span,
#control_address .vl span,
#control_plan .vl span,
#control_payment .vl span,
#control_cancel .vl span {
  white-space: pre;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
#control_account .pd10 table tr td,
#control_address .pd10 table tr td,
#control_plan .pd10 table tr td,
#control_payment .pd10 table tr td,
#control_cancel .pd10 table tr td {
  padding-right: 10px;
  padding-left: 10px;
}
#control_account .gap5 th,
#control_account .gap5 td,
#control_address .gap5 th,
#control_address .gap5 td,
#control_plan .gap5 th,
#control_plan .gap5 td,
#control_payment .gap5 th,
#control_payment .gap5 td,
#control_cancel .gap5 th,
#control_cancel .gap5 td {
  padding: 0.25rem !important;
}
#control_account .b-brno,
#control_address .b-brno,
#control_plan .b-brno,
#control_payment .b-brno,
#control_cancel .b-brno {
  border-right: none !important;
  border-bottom: none !important;
}
#control_account .b-blno,
#control_address .b-blno,
#control_plan .b-blno,
#control_payment .b-blno,
#control_cancel .b-blno {
  border-left: none !important;
  border-bottom: none !important;
}
#control_account .spbr,
#control_address .spbr,
#control_plan .spbr,
#control_payment .spbr,
#control_cancel .spbr {
  display: block;
  padding: 0;
}
@media print, screen and (min-width: 769px) {
  #control_account .spbr,
  #control_address .spbr,
  #control_plan .spbr,
  #control_payment .spbr,
  #control_cancel .spbr {
    display: inline-block;
    padding: 0 100px;
  }
}
#control_account .btn2inline,
#control_address .btn2inline,
#control_plan .btn2inline,
#control_payment .btn2inline,
#control_cancel .btn2inline {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  vertical-align: baseline;
}

#cs_security #security {
  /* ベースで100%に */
  /* 横幅700pxまでの制限を残したい場合（任意） */
}
#cs_security #security #ipa_rss_feed_icatw2 {
  width: 100%;
  max-width: 100%;
  display: inline-block;
}
#cs_security #security #ipa_rss_feed_icatw2 .iparssreader_icatw2 {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* padding や border を計算に含めるなら */
}
#cs_security #security #ipa_rss_feed_icatw2 .iparssreader_icatw2 div:has(table) {
  max-width: 100%;
}
#cs_security #security #ipa_rss_feed_icatw2 .iparssreader_icatw2 div:has(table) table {
  overflow: hidden;
}
#cs_security #security #ipa_rss_feed_icatw2 .iparssreader_icatw2 td img {
  -o-object-fit: contain;
     object-fit: contain;
  min-width: 80px;
}
#cs_security .list-decimal .list-disc {
  margin-top: 10px;
}
#cs_security .list-decimal .list-disc li {
  margin-bottom: 0;
}

#tech_internet .imgc img,
#tech_mail .imgc img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
}
#tech_internet .imgc.bd6 img,
#tech_mail .imgc.bd6 img {
  border: 6px solid #000;
  border-radius: 10px;
}
#tech_internet .bd1 img,
#tech_mail .bd1 img {
  border: 1px solid #666;
}
#tech_internet .nobd,
#tech_mail .nobd {
  border: none !important;
  border-radius: 0 !important;
}
#tech_internet .btn1,
#tech_mail .btn1 {
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
}
#tech_internet .list-line > li,
#tech_mail .list-line > li {
  border-bottom: 1px solid #ccc;
  padding-top: 0.5em;
  padding-bottom: 2em;
}
#tech_internet .list-line > li:last-child,
#tech_mail .list-line > li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#tech_internet .table-wrap.table-narrow,
#tech_mail .table-wrap.table-narrow {
  display: inline-block;
  width: auto;
  overflow-x: auto;
}
@media print, screen and (max-width: 768px) {
  #tech_internet .table-wrap.table-narrow,
  #tech_mail .table-wrap.table-narrow {
    display: block;
    width: 100%;
  }
}
#tech_internet .table-wrap.table-narrow table,
#tech_mail .table-wrap.table-narrow table {
  width: auto !important;
  min-width: unset !important;
  max-width: unset !important;
}
@media print, screen and (max-width: 768px) {
  #tech_internet .table-wrap.table-narrow table,
  #tech_mail .table-wrap.table-narrow table {
    width: auto !important;
  }
}
@media print, screen and (max-width: 768px) {
  #tech_internet .table-wrap.table-narrow table td,
  #tech_internet .table-wrap.table-narrow table th,
  #tech_mail .table-wrap.table-narrow table td,
  #tech_mail .table-wrap.table-narrow table th {
    white-space: nowrap;
  }
}
@media print, screen and (max-width: 768px) {
  #tech_internet .table-wrap.table-narrow table img,
  #tech_mail .table-wrap.table-narrow table img {
    max-width: none;
    height: auto;
    display: block;
  }
}
#tech_internet .tbc table,
#tech_mail .tbc table {
  margin: 0 auto;
}
@media print, screen and (max-width: 768px) {
  #tech_internet .scsp table,
  #tech_mail .scsp table {
    width: auto !important;
    min-width: -webkit-max-content !important;
    min-width: -moz-max-content !important;
    min-width: max-content !important;
  }
}
@media print, screen and (max-width: 768px) {
  #tech_internet .sp50 th,
  #tech_internet .sp50 td,
  #tech_mail .sp50 th,
  #tech_mail .sp50 td {
    width: 50%;
  }
}
#tech_internet td .btn2,
#tech_mail td .btn2 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
#tech_internet .pd10 table td,
#tech_internet .pd10 table th,
#tech_mail .pd10 table td,
#tech_mail .pd10 table th {
  padding: 0.5rem 1rem !important;
  line-height: 1.2 !important;
}
#tech_internet .pd20 table tr td,
#tech_mail .pd20 table tr td {
  padding-right: 20px;
  padding-left: 20px;
}
#tech_internet .bcstyle,
#tech_mail .bcstyle {
  background-color: #f5f9fa !important;
  text-align: center;
  font-weight: 700;
}
#tech_internet .boxstyle,
#tech_mail .boxstyle {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
}
#tech_internet .boxstyle.tableType_03-c th,
#tech_mail .boxstyle.tableType_03-c th {
  color: #ffffff;
  background-color: #284db4;
  text-align: center;
  padding: 1rem;
}
#tech_internet .boxstyle.tableType_03-c td,
#tech_mail .boxstyle.tableType_03-c td {
  background-color: #ffffff;
  padding: 1rem;
}
#tech_internet .boxstyle.tableType_03-c .bcstyle,
#tech_mail .boxstyle.tableType_03-c .bcstyle {
  background-color: #f5f9fa !important;
  text-align: center;
  font-weight: 700;
}
@media print, screen and (min-width: 769px) {
  #tech_internet .flex-box.img-box,
  #tech_mail .flex-box.img-box {
    gap: 5em;
  }
}
#tech_internet .flex-box .img-block,
#tech_mail .flex-box .img-block {
  position: relative;
  display: inline-block;
}
#tech_internet .flex-box .img-txt1,
#tech_mail .flex-box .img-txt1 {
  position: absolute;
  top: 0;
  right: 0;
}
@media print, screen and (min-width: 769px) {
  #tech_internet .flex-box .img-txt1,
  #tech_mail .flex-box .img-txt1 {
    right: -6px;
  }
}
#tech_internet .flex-box .img-txt2,
#tech_mail .flex-box .img-txt2 {
  position: absolute;
  top: 0;
  right: 0;
}
@media print, screen and (min-width: 769px) {
  #tech_internet .flex-box .img-txt2,
  #tech_mail .flex-box .img-txt2 {
    right: -20px;
  }
}
@media print, screen and (max-width: 768px) {
  #tech_internet .flex-box .img-tf,
  #tech_mail .flex-box .img-tf {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
#tech_internet .fix-align,
#tech_mail .fix-align {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -webkit-flex-direction: row !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media print, screen and (max-width: 768px) {
  #tech_internet .fix-align,
  #tech_mail .fix-align {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    gap: 10px;
  }
}
#tech_internet .column-fixed,
#tech_mail .column-fixed {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  min-width: 0;
}
#tech_internet .img-row,
#tech_mail .img-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#tech_internet .img-row img,
#tech_mail .img-row img {
  width: auto;
  max-height: 70px;
  height: auto;
  display: block;
}
#tech_internet .column-image-fit,
#tech_mail .column-image-fit {
  display: inline-block !important;
}
#tech_internet .image-column,
#tech_mail .image-column {
  position: relative !important;
  display: inline-block !important;
  width: auto !important;
}
#tech_internet .on-note,
#tech_mail .on-note {
  position: absolute;
  top: 70px;
  right: 10px;
  z-index: 2;
  white-space: nowrap;
  text-align: right;
}
#tech_internet .l90,
#tech_mail .l90 {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media print, screen and (min-width: 769px) {
  #tech_internet .pcmt0,
  #tech_mail .pcmt0 {
    margin-top: 0px !important;
  }
  #tech_internet .pcmt10,
  #tech_mail .pcmt10 {
    margin-top: 10px !important;
  }
  #tech_internet .pcmt20,
  #tech_mail .pcmt20 {
    margin-top: 20px !important;
  }
  #tech_internet .pcmt30,
  #tech_mail .pcmt30 {
    margin-top: 30px !important;
  }
  #tech_internet .pcmt40,
  #tech_mail .pcmt40 {
    margin-top: 40px !important;
  }
  #tech_internet .pcmt50,
  #tech_mail .pcmt50 {
    margin-top: 50px !important;
  }
  #tech_internet .pcmt60,
  #tech_mail .pcmt60 {
    margin-top: 60px !important;
  }
  #tech_internet .pcmt70,
  #tech_mail .pcmt70 {
    margin-top: 70px !important;
  }
  #tech_internet .pcmt80,
  #tech_mail .pcmt80 {
    margin-top: 80px !important;
  }
  #tech_internet .pcmt90,
  #tech_mail .pcmt90 {
    margin-top: 90px !important;
  }
  #tech_internet .pcmt100,
  #tech_mail .pcmt100 {
    margin-top: 100px !important;
  }
  #tech_internet .pcmt110,
  #tech_mail .pcmt110 {
    margin-top: 110px !important;
  }
  #tech_internet .pcmt120,
  #tech_mail .pcmt120 {
    margin-top: 120px !important;
  }
  #tech_internet .pcmt130,
  #tech_mail .pcmt130 {
    margin-top: 130px !important;
  }
  #tech_internet .pcmt140,
  #tech_mail .pcmt140 {
    margin-top: 140px !important;
  }
  #tech_internet .pcmt150,
  #tech_mail .pcmt150 {
    margin-top: 150px !important;
  }
  #tech_internet .pcmt160,
  #tech_mail .pcmt160 {
    margin-top: 160px !important;
  }
  #tech_internet .pcmt170,
  #tech_mail .pcmt170 {
    margin-top: 170px !important;
  }
  #tech_internet .pcmt180,
  #tech_mail .pcmt180 {
    margin-top: 180px !important;
  }
  #tech_internet .pcmt190,
  #tech_mail .pcmt190 {
    margin-top: 190px !important;
  }
  #tech_internet .pcmt200,
  #tech_mail .pcmt200 {
    margin-top: 200px !important;
  }
  #tech_internet .pcmt210,
  #tech_mail .pcmt210 {
    margin-top: 210px !important;
  }
  #tech_internet .pcmt220,
  #tech_mail .pcmt220 {
    margin-top: 220px !important;
  }
  #tech_internet .pcmt230,
  #tech_mail .pcmt230 {
    margin-top: 230px !important;
  }
  #tech_internet .pcmt240,
  #tech_mail .pcmt240 {
    margin-top: 240px !important;
  }
  #tech_internet .pcmt250,
  #tech_mail .pcmt250 {
    margin-top: 250px !important;
  }
  #tech_internet .pcmt260,
  #tech_mail .pcmt260 {
    margin-top: 260px !important;
  }
  #tech_internet .pcmt270,
  #tech_mail .pcmt270 {
    margin-top: 270px !important;
  }
  #tech_internet .pcmt280,
  #tech_mail .pcmt280 {
    margin-top: 280px !important;
  }
  #tech_internet .pcmt290,
  #tech_mail .pcmt290 {
    margin-top: 290px !important;
  }
  #tech_internet .pcmt300,
  #tech_mail .pcmt300 {
    margin-top: 300px !important;
  }
  #tech_internet .pcmt310,
  #tech_mail .pcmt310 {
    margin-top: 310px !important;
  }
  #tech_internet .pcmt320,
  #tech_mail .pcmt320 {
    margin-top: 320px !important;
  }
  #tech_internet .pcmt330,
  #tech_mail .pcmt330 {
    margin-top: 330px !important;
  }
  #tech_internet .pcmt340,
  #tech_mail .pcmt340 {
    margin-top: 340px !important;
  }
  #tech_internet .pcmt350,
  #tech_mail .pcmt350 {
    margin-top: 350px !important;
  }
  #tech_internet .pcmt360,
  #tech_mail .pcmt360 {
    margin-top: 360px !important;
  }
  #tech_internet .pcmt370,
  #tech_mail .pcmt370 {
    margin-top: 370px !important;
  }
  #tech_internet .pcmt380,
  #tech_mail .pcmt380 {
    margin-top: 380px !important;
  }
  #tech_internet .pcmt390,
  #tech_mail .pcmt390 {
    margin-top: 390px !important;
  }
  #tech_internet .pcmt400,
  #tech_mail .pcmt400 {
    margin-top: 400px !important;
  }
}

#cs_tech_ftp .box-pink.mb0,
#cs_tech_voip .box-pink.mb0 {
  margin-bottom: 0;
}
#cs_tech_ftp .va_middle,
#cs_tech_voip .va_middle {
  vertical-align: middle;
}
#cs_tech_ftp table,
#cs_tech_voip table {
  font-size: 0.875rem;
}
#cs_tech_ftp .thType_01 table th:not(thead th),
#cs_tech_voip .thType_01 table th:not(thead th) {
  background: #f5f9fa;
  color: #000;
  font-weight: 500;
}
#cs_tech_ftp .thType_01 table tbody td,
#cs_tech_voip .thType_01 table tbody td {
  background: #fff;
}
#cs_tech_ftp .thType_tal th,
#cs_tech_voip .thType_tal th {
  text-align: left;
}

#hp .image-list {
  list-style: none;
  counter-reset: item;
  padding-left: 1.5em;
}
#hp .image-list li {
  counter-increment: item;
  margin-bottom: 15px;
}
#hp .image-list li::before {
  content: counter(item, upper-alpha) " ";
  margin-left: -1.5em;
  display: inline-block;
  width: 1.5em;
  text-align: center;
}
#hp .image-list li img {
  margin-left: 0.5em;
}
#hp textarea,
#hp input[type=text] {
  width: 100%;
  max-width: 500px;
  padding: 4px;
  border: 1px solid #000;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#hp input[type=submit],
#hp input[type=reset] {
  font-size: 14px;
  padding: 4px 10px;
  margin-top: 6px;
  margin-right: 5px;
  border: 2px outset buttonface;
  background-color: #f0f0f0;
  color: black;
  cursor: pointer;
  all: revert;
}
#hp select[name=work] {
  all: revert;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (hover: none) and (pointer: coarse) {
  #hp input[type=submit],
  #hp input[type=reset] {
    background-color: #f0f0f0 !important;
    color: black !important;
    border: 2px outset buttonface !important;
    border-radius: 0 !important;
    font-family: sans-serif !important;
    font-weight: normal !important;
  }
}

#voip .table-fit {
  width: 100%;
}
#voip .table-fit table {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: auto;
}
@media print, screen and (min-width: 1200px) {
  #voip .table-fit {
    display: inline-block;
    width: auto;
    margin: 0 auto;
  }
  #voip .table-fit table {
    width: auto !important;
  }
}
#voip .table-flex-wrap {
  display: block;
}
#voip .table-flex-wrap .table-wrap table {
  table-layout: fixed !important;
  min-width: unset !important;
  width: 100% !important;
}
#voip .table-flex-wrap .table-wrap table th:first-child,
#voip .table-flex-wrap .table-wrap table td:first-child {
  width: 70% !important;
}
#voip .table-flex-wrap .table-wrap table th:last-child,
#voip .table-flex-wrap .table-wrap table td:last-child {
  width: 30% !important;
  text-align: right !important;
}
@media print, screen and (max-width: 1199px) {
  #voip .table-flex-wrap .table-wrap + .table-wrap {
    border-top: none !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
  }
  #voip .table-flex-wrap .table-wrap + .table-wrap table tr:first-child {
    display: none !important;
  }
}
@media print, screen and (min-width: 992px) {
  #voip .table-flex-wrap .table-wrap {
    width: 880px !important;
    margin: 0 !important;
  }
  #voip .table-flex-wrap .table-wrap table tr th:last-child {
    text-align: center !important;
  }
}
@media print, screen and (min-width: 1200px) {
  #voip .table-flex-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  #voip .table-flex-wrap .table-wrap {
    display: inline-block !important;
    width: auto !important;
    vertical-align: top !important;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border: 1px solid #dadada !important;
  }
  #voip .table-flex-wrap .table-wrap table {
    width: auto !important;
    min-width: unset !important;
    table-layout: auto !important;
  }
  #voip .table-flex-wrap .table-wrap table tr {
    border-bottom: 1px solid #dadada !important;
  }
  #voip .table-flex-wrap .table-wrap table tr:last-child {
    border-bottom: none !important;
  }
  #voip .table-flex-wrap .table-wrap table tr th {
    white-space: nowrap !important;
    padding: 20px !important;
    text-align: center !important;
    border-right: 1px solid #dadada !important;
  }
  #voip .table-flex-wrap .table-wrap table tr th:last-child {
    border-right: none !important;
  }
  #voip .table-flex-wrap .table-wrap table tr td {
    white-space: nowrap !important;
    padding: 20px !important;
    text-align: left !important;
    border-right: 1px solid #dadada !important;
  }
  #voip .table-flex-wrap .table-wrap table tr td:last-child {
    border-right: none !important;
  }
  #voip .table-flex-wrap .table-wrap:first-child {
    border-right: none !important;
    border-top-left-radius: 10px !important;
  }
  #voip .table-flex-wrap .table-wrap:first-child table tr th:last-child,
  #voip .table-flex-wrap .table-wrap:first-child table tr td:last-child {
    border-right: 1px solid #dadada !important;
  }
  #voip .table-flex-wrap .table-wrap:last-child {
    border-left: none !important;
    border-top-right-radius: 10px !important;
  }
  #voip .table-flex-wrap .table-wrap:last-child table tr th:first-child,
  #voip .table-flex-wrap .table-wrap:last-child table tr td:first-child {
    border-left: none !important;
  }
}

#plan_auhikari .table-wrap.tableType_03 table tr td.bg-red {
  background-color: #c32525;
  color: #ffffff;
}
#plan_auhikari .table-wrap.tableType_03 table tr td.bg-white {
  background-color: #ffffff;
}
#plan_auhikari .kddioption {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
#plan_auhikari .kddioption div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#plan_auhikari .kddioption div a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#plan_auhikari .parent.asp {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(147px, 1fr));
  grid-template-rows: repeat(auto-fit, minmax(147px, 1fr));
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
#plan_auhikari .parent.asp a {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
#plan_auhikari .parent.asp a:hover {
  opacity: 0.6;
}
#plan_auhikari .clr-acc {
  color: #f08d00;
}
#plan_auhikari .auhikari_lan_table table {
  border: 2px solid #333333;
}
#plan_auhikari .auhikari_lan_table table tbody tr:first-child {
  font-size: 1.625rem;
  color: #ffffff;
}
#plan_auhikari .auhikari_lan_table table tbody tr:first-child th {
  background-color: #A4A4A5;
  text-align: right;
  border: 2px solid #333333;
  border-bottom: none;
  color: #ffffff;
}
#plan_auhikari .auhikari_lan_table table tbody tr td {
  background-color: #fff;
  gap: 50px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: none;
}
@media print, screen and (max-width: 768px) {
  #plan_auhikari .auhikari_lan_table table tbody tr td {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-inline: auto;
  }
}
#plan_auhikari .auhikari_lan_table table tbody tr td img {
  width: 170px;
}
#plan_auhikari .auhikari_lan_table table tbody tr td .lan_img_2 {
  width: 200px;
}
#plan_auhikari .auhikari_lan_table table tbody tr td div p:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px;
  gap: 20px;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#plan_auhikari .auhikari_lan_table table tbody tr td div .box_txt {
  font-size: 1.25rem;
  font-weight: bold;
  padding: 10px;
  border: 2px solid #333333;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#plan_auhikari .auhikari_lan_table table tbody tr td div p:nth-child(2) {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 20px;
}
#plan_auhikari .auhikari_lan_table table tbody tr td div p:last-child {
  font-size: 1.625rem;
  font-weight: bold;
}
#plan_auhikari .auhikari_lan_table table tbody tr td div .lan_img_2 {
  width: 200px;
}
#plan_auhikari .auhikari_subttl_flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media print, screen and (max-width: 768px) {
  #plan_auhikari .auhikari_subttl_flex {
    gap: 5px;
  }
}

#plan-commufa th.pink {
  background-color: #f74e97 !important;
  border-left: 4px solid #f74e97 !important;
  border-right: 4px solid #f74e97 !important;
  border-bottom: 1px solid #f74e97 !important;
}
#plan-commufa th.bc-pink {
  background-color: #f74e97 !important;
}
#plan-commufa th.right-pink {
  border-right: 4px solid #f74e97 !important;
}
#plan-commufa th.left-pink {
  border-left: 4px solid #f74e97 !important;
}
#plan-commufa th.green {
  background-color: #66cc66 !important;
  border-left: 4px solid #66cc66 !important;
  border-right: 4px solid #66cc66 !important;
  border-bottom: 1px solid #66cc66 !important;
}
#plan-commufa th.bc-green {
  background-color: #66cc66 !important;
}
#plan-commufa th.right-green {
  border-right: 4px solid #66cc66 !important;
}
#plan-commufa th.left-green {
  border-left: 4px solid #66cc66 !important;
}
#plan-commufa th.red {
  background-color: #c32525 !important;
  border-left: 4px solid #c32525 !important;
  border-right: 4px solid #c32525 !important;
  border-bottom: 1px solid #c32525 !important;
}
#plan-commufa th.bc-red {
  background-color: #c32525 !important;
}
#plan-commufa th.right-red {
  border-right: 4px solid #c32525 !important;
}
#plan-commufa th.left-red {
  border-left: 4px solid #c32525 !important;
}
#plan-commufa td.right-pink {
  border-right: 4px solid #f74e97 !important;
}
#plan-commufa td.left-pink {
  border-left: 4px solid #f74e97 !important;
}
#plan-commufa td.right-bottom-pink {
  border-right: 4px solid #f74e97 !important;
  border-bottom: 4px solid #f74e97 !important;
}
#plan-commufa td.left-bottom-pink {
  border-left: 4px solid #f74e97 !important;
  border-bottom: 4px solid #f74e97 !important;
}
#plan-commufa td.right-green {
  border-right: 4px solid #66cc66 !important;
}
#plan-commufa td.left-green {
  border-left: 4px solid #66cc66 !important;
}
#plan-commufa td.right-bottom-green {
  border-right: 4px solid #66cc66 !important;
  border-bottom: 4px solid #66cc66 !important;
}
#plan-commufa td.left-bottom-green {
  border-left: 4px solid #66cc66 !important;
  border-bottom: 4px solid #66cc66 !important;
}
#plan-commufa td.right-red {
  border-right: 4px solid #c32525 !important;
}
#plan-commufa td.left-red {
  border-left: 4px solid #c32525 !important;
}
#plan-commufa td.right-bottom-red {
  border-right: 4px solid #c32525 !important;
  border-bottom: 4px solid #c32525 !important;
}
#plan-commufa td.left-bottom-red {
  border-left: 4px solid #c32525 !important;
  border-bottom: 4px solid #c32525 !important;
}
#plan-commufa .th-commufa-red {
  color: #ffffff !important;
  background: #c32525;
  font-weight: 700;
  text-align: center;
}

#plan-ipoe .list-square-big {
  list-style: none;
  padding-left: 0;
}
#plan-ipoe .list-square-big > li {
  position: relative;
  padding-left: 1.2em;
  margin-bottom: 1em;
}
#plan-ipoe .list-square-big > li::before {
  content: "■";
  position: absolute;
  left: 0;
}
#plan-ipoe .ind3-b {
  margin-left: 3em;
  text-indent: -3em;
}
#plan-ipoe .ipoe-vcenter {
  vertical-align: middle !important;
}
#plan-ipoe .td-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
#plan-ipoe .td-flex .dots {
  margin-left: auto; /* ← 右寄せ */
}
#plan-ipoe .v-fix {
  font-size: 16px;
  line-height: 1;
  display: inline-block;
  -webkit-transform: translateY(5px);
          transform: translateY(5px);
}

#plan-jitakusetwari .clr-deeppink {
  color: #e0007e;
}
#plan-jitakusetwari .discount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  /* 親要素に対して中央揃え */
  -ms-flex-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  /* 横方向の中央揃え */
  font-size: 1.125rem;
}
@media print, screen and (min-width: 1200px) {
  #plan-jitakusetwari .discount {
    font-size: 2.25rem;
  }
}
#plan-jitakusetwari .aic {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#plan-jitakusetwari .amount {
  line-height: 2;
  font-size: 1.5625rem;
}
@media print, screen and (min-width: 1200px) {
  #plan-jitakusetwari .amount {
    line-height: 1;
    font-size: 6.25rem;
  }
}
#plan-jitakusetwari .details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  /* 縦並びにする */
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  /* 左揃えにして、先頭位置を揃える */
  line-height: 1;
  font-size: 1rem;
}
@media print, screen and (min-width: 1200px) {
  #plan-jitakusetwari .details {
    font-size: 1.875rem;
  }
}
#plan-jitakusetwari .details span {
  display: block;
  font-size: 1.125rem;
}
@media print, screen and (min-width: 1200px) {
  #plan-jitakusetwari .details span {
    font-size: 2.25rem;
  }
}

#plan-package .mt3 {
  margin-top: 3px;
}
#plan-package .mt0 {
  margin-top: 0px !important;
}
#plan-package .ind-1 {
  margin-left: -1.4rem;
  text-indent: 0rem;
}
#plan-package .img-w100 {
  width: 100px !important;
  height: auto !important;
}
#plan-package .price-cell {
  position: relative;
}
#plan-package .price-line {
  white-space: nowrap;
}
#plan-package .note {
  position: absolute;
  top: calc(100% - 3.7em);
  left: 50%;
  -webkit-transform: translateX(-3.6em);
          transform: translateX(-3.6em);
  font-size: 0.75em;
}
@media print, screen and (min-width: 992px) {
  #plan-package .note {
    top: calc(100% - 2.9em);
    font-size: 0.7em;
  }
}
#plan-package .fz30 {
  font-size: 1.25rem;
}
@media print, screen and (min-width: 1200px) {
  #plan-package .fz30 {
    font-size: 1.875rem;
  }
}
#plan-package .fz50 {
  font-size: 1.75rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 1200px) {
  #plan-package .fz50 {
    font-size: 3.125rem;
    line-height: 1.3;
  }
}

#plan-ausmartvalue .flex-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 20px;
  padding: 0;
  list-style: none;
}
#plan-ausmartvalue .flex-list li {
  margin: 0;
}

#plan-package .flex-box:has(> .planContainer) {
  max-width: 477px !important;
  width: 100%;
}
#plan-package .flex-box:has(> .planContainer) img {
  margin-inline: auto;
}
@media print, screen and (max-width: 768px) {
  #plan-package .flex-box:has(> .planContainer) img {
    margin-bottom: 20px;
  }
}
#plan-package .flex-box:has(> .planContainer) .waribiki-rabel {
  max-height: 33px;
}
#plan-package .planContainer.orange .bg-orange {
  background-color: #FFE7BE;
  padding: 20px 10px;
  border-radius: 10px;
}
@media print, screen and (max-width: 768px) {
  #plan-package .planContainer.orange .bg-orange .tal {
    text-align: center !important;
  }
}
#plan-package .planContainer.orange .flex-box:first-child {
  gap: 0px;
  margin-bottom: 10px;
}
#plan-package .planContainer.orange div:nth-child(2) {
  margin: auto;
}
#plan-package .spwaribiki_container .flex-box {
  gap: 40px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#plan-package .spwaribiki_container .flex-box .column {
  max-width: 330px;
  width: 100%;
}
#plan-package .pointContainer {
  display: grid;
  gap: 10px;
  grid-template-columns: auto auto auto auto;
}
@media print, screen and (max-width: 768px) {
  #plan-package .pointContainer {
    grid-template-columns: auto auto;
  }
}
@media screen and (max-width: 400px) {
  #plan-package .pointContainer {
    grid-template-columns: auto;
  }
}
#plan-package .pointContainer .card {
  height: auto;
}
@media print, screen and (max-width: 768px) {
  #plan-package .ryokinContainer .flex-box {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #plan-package .ryokinContainer .flex-box .flex-box .planContainer {
    width: 100%;
  }
}

#plan-wimax2 {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#plan-wimax2 .table-wrap.tableType_03-d.wimax2-table table {
  min-width: 100%;
  width: 100%;
}
#plan-wimax2 .table-wrap.tableType_03-d.wimax2-table table tbody tr:nth-child(2) td.col-border {
  border: 1px solid #dadada !important;
}
#plan-wimax2 .table-wrap.tableType_03-d.wimax2-table table tbody tr:nth-child(n+3) td {
  border: 1px solid #dadada !important;
}

#plan-wimax5g,
#plan-wimax5gs {
  line-height: 1.5;
}
@media print, screen and (min-width: 769px) {
  #plan-wimax5g .text-bottom-align,
  #plan-wimax5gs .text-bottom-align {
    margin-top: auto;
  }
}
#plan-wimax5g .underline,
#plan-wimax5gs .underline {
  display: inline-block;
  position: relative;
  line-height: 1;
  z-index: 0;
}
#plan-wimax5g .underline::after,
#plan-wimax5gs .underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.3em;
  background-color: rgba(247, 78, 151, 0.2);
  z-index: -1;
}
#plan-wimax5g .planTtl,
#plan-wimax5gs .planTtl {
  font-size: 36px;
  color: #284db4;
  font-weight: bold;
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .planTtl,
  #plan-wimax5gs .planTtl {
    font-size: 20px;
  }
}
#plan-wimax5g .tableType_03-c:has(#join2204_content) table tbody tr th,
#plan-wimax5gs .tableType_03-c:has(#join2204_content) table tbody tr th {
  font-size: clamp(0.875rem, 0.772rem + 0.51vw, 1.125rem);
}
#plan-wimax5g .tableType_03-c:has(#join2204_content) table tbody tr td span strong.clr-red,
#plan-wimax5gs .tableType_03-c:has(#join2204_content) table tbody tr td span strong.clr-red {
  font-size: clamp(1.875rem, 1.5rem + 1.88vw, 3.75rem);
  line-height: 1;
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .tableType_03-c:has(#join2204_content) table tbody tr,
  #plan-wimax5gs .tableType_03-c:has(#join2204_content) table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #plan-wimax5g .tableType_03-c:has(#join2204_content) table tbody tr th,
  #plan-wimax5gs .tableType_03-c:has(#join2204_content) table tbody tr th {
    width: 100% !important;
    border-bottom: none;
    border-top: none;
  }
  #plan-wimax5g .tableType_03-c:has(#join2204_content) table tbody tr td span,
  #plan-wimax5gs .tableType_03-c:has(#join2204_content) table tbody tr td span {
    font-weight: 300 !important;
  }
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .tableType_03-c:has(#join2204_content) table tbody tr:first-of-type th,
  #plan-wimax5gs .tableType_03-c:has(#join2204_content) table tbody tr:first-of-type th {
    border-top: 1px solid #dadada;
  }
}
#plan-wimax5g .wimax_reason,
#plan-wimax5gs .wimax_reason {
  padding: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#plan-wimax5g .wimax_reason:not(:last-of-type),
#plan-wimax5gs .wimax_reason:not(:last-of-type) {
  margin-bottom: 60px;
}
#plan-wimax5g .wimax_reason img,
#plan-wimax5gs .wimax_reason img {
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
#plan-wimax5g .wimax_reason .wimax_reason_txt p:first-of-type,
#plan-wimax5gs .wimax_reason .wimax_reason_txt p:first-of-type {
  font-size: 36px;
  font-weight: bold;
  color: #284db4;
  margin-bottom: 30px;
  line-height: 1.5;
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .wimax_reason .wimax_reason_txt p:first-of-type,
  #plan-wimax5gs .wimax_reason .wimax_reason_txt p:first-of-type {
    font-size: 18px;
  }
}
#plan-wimax5g .wimax_reason .wimax_reason_txt p:last-of-type,
#plan-wimax5gs .wimax_reason .wimax_reason_txt p:last-of-type {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.5;
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .wimax_reason .wimax_reason_txt p:last-of-type,
  #plan-wimax5gs .wimax_reason .wimax_reason_txt p:last-of-type {
    font-size: 16px;
  }
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .wimax_reason,
  #plan-wimax5gs .wimax_reason {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .wimax_reason:nth-of-type(2),
  #plan-wimax5gs .wimax_reason:nth-of-type(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#plan-wimax5g .flex-box_kiki,
#plan-wimax5gs .flex-box_kiki {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .flex-box_kiki,
  #plan-wimax5gs .flex-box_kiki {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 30px;
  }
}
#plan-wimax5g .kiki_container,
#plan-wimax5gs .kiki_container {
  max-width: 300px;
  border-radius: 10px;
  border: 1px solid #dadada;
  padding: 30px 10px;
}
#plan-wimax5g .kiki_container .kiki_catch,
#plan-wimax5gs .kiki_container .kiki_catch {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #284db4;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  padding: 10px;
  margin-top: -30px;
  margin-right: -10px;
  margin-left: -10px;
  border-radius: 8px 8px 0 0;
  margin-bottom: 16px;
  font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
#plan-wimax5g .kiki_container .kiki_catch span img,
#plan-wimax5gs .kiki_container .kiki_catch span img {
  max-width: 48px;
}
#plan-wimax5g .kiki_container .kiki_name,
#plan-wimax5gs .kiki_container .kiki_name {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
#plan-wimax5g .kiki_container .kiki_tagbox,
#plan-wimax5gs .kiki_container .kiki_tagbox {
  margin-top: 10px;
  margin-bottom: 15px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
#plan-wimax5g .kiki_container .kiki_tag,
#plan-wimax5gs .kiki_container .kiki_tag {
  font-size: 14px;
  padding: 1px 3px;
  border: 1px solid #284db4;
  border-radius: 3px;
  color: #284db4;
  font-weight: bold;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#plan-wimax5g .kiki_container .kiki_teika,
#plan-wimax5gs .kiki_container .kiki_teika {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}
#plan-wimax5g .kiki_container .kiki_teika span,
#plan-wimax5gs .kiki_container .kiki_teika span {
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
}
#plan-wimax5g .kiki_container .kiki_price,
#plan-wimax5gs .kiki_container .kiki_price {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
#plan-wimax5g .kiki_container .kiki_price p,
#plan-wimax5gs .kiki_container .kiki_price p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#plan-wimax5g .kiki_container .kiki_price span.num,
#plan-wimax5gs .kiki_container .kiki_price span.num {
  font-size: 57px;
  color: #c32525;
  font-weight: bold;
}
#plan-wimax5g .kiki_container .kiki_price span.arrow_r,
#plan-wimax5gs .kiki_container .kiki_price span.arrow_r {
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
#plan-wimax5g .kiki_container .kiki_price span.arrow_r:before,
#plan-wimax5gs .kiki_container .kiki_price span.arrow_r:before {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 0 10px 15px;
  border-color: transparent transparent transparent #284db4;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
#plan-wimax5g .kiki_container .kiki_modalbtn,
#plan-wimax5gs .kiki_container .kiki_modalbtn {
  background-color: #f08d00;
  border-radius: 100px;
  padding: 2px 15px 2px 0px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  position: relative;
}
#plan-wimax5g .kiki_container .kiki_modalbtn::before,
#plan-wimax5gs .kiki_container .kiki_modalbtn::before {
  content: "";
  position: absolute;
  left: calc(50% + 3rem);
  top: 50%;
  background-color: #ffffff;
  right: 5px;
  width: 14px;
  height: 2px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#plan-wimax5g .kiki_container .kiki_modalbtn::after,
#plan-wimax5gs .kiki_container .kiki_modalbtn::after {
  content: "";
  position: absolute;
  left: calc(50% + 3rem);
  top: 50%;
  background-color: #ffffff;
  right: 5px;
  width: 14px;
  height: 2px;
  border-radius: 4px;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
#plan-wimax5g .modal,
#plan-wimax5gs .modal {
  position: fixed;
  padding: 1rem;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
#plan-wimax5g .modal.is-active,
#plan-wimax5gs .modal.is-active {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}
#plan-wimax5g .modal .modal-dialog,
#plan-wimax5gs .modal .modal-dialog {
  background: #fff;
  border-radius: 4px;
  max-width: 1100px;
  max-height: 70%;
  overflow: auto;
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.modal.is-active #plan-wimax5g .modal .modal-dialog,
.modal.is-active #plan-wimax5gs .modal .modal-dialog {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#plan-wimax5g .modal .modal-dialog .modal-header,
#plan-wimax5gs .modal .modal-dialog .modal-header {
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3rem 1rem 0;
}
#plan-wimax5g .modal .modal-dialog .modal-header h3,
#plan-wimax5gs .modal .modal-dialog .modal-header h3 {
  margin: 0;
  font-size: 1.25rem;
}
#plan-wimax5g .modal .modal-dialog .modal-header button,
#plan-wimax5gs .modal .modal-dialog .modal-header button {
  position: absolute;
  background: none;
  border: none;
  font-size: 2rem;
  line-height: 1;
  color: var(--color-black);
  cursor: pointer;
  top: 10px;
  right: 15px;
}
#plan-wimax5g .modal .modal-dialog .modal-body,
#plan-wimax5gs .modal .modal-dialog .modal-body {
  padding: 1rem;
  font-size: 0.875rem;
}
#plan-wimax5g .modal .modal-dialog .modal-body p,
#plan-wimax5gs .modal .modal-dialog .modal-body p {
  margin: 0;
  line-height: 1.5;
}
#plan-wimax5g .modal .modal-dialog .modal-body .table-wrap table,
#plan-wimax5gs .modal .modal-dialog .modal-body .table-wrap table {
  min-width: auto;
}
@media print, screen and (max-width: 768px) {
  #plan-wimax5g .modal .modal-dialog .modal-body .table-wrap table tbody tr,
  #plan-wimax5gs .modal .modal-dialog .modal-body .table-wrap table tbody tr {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#plan-wimax5g .spwaribiki_container .flex-box,
#plan-wimax5gs .spwaribiki_container .flex-box {
  gap: 50px;
}
#plan-wimax5g .spwaribiki_container .flex-box .column p span,
#plan-wimax5gs .spwaribiki_container .flex-box .column p span {
  font-size: 60px;
}
#plan-wimax5g .spwaribiki_container .plusarea,
#plan-wimax5gs .spwaribiki_container .plusarea {
  font-size: 20px;
  font-weight: bold;
  color: #ffffff;
  padding: 5px;
  border-radius: 10px;
  background-color: #284db4;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  display: inline-block;
}
#plan-wimax5g .spwaribiki_container .plusarea_span,
#plan-wimax5gs .spwaribiki_container .plusarea_span {
  font-size: 60px;
}

#perks_asp_discount {
  /* 外枠：PCは 1.4 : 1 の2カラム、SPは縦積み */
  /* 右側の中（B=mid-left / C=mid-right / D=bottom） */
  /* 画像はパーセンテージ幅に従って縮む */
  /* SPは縦並びでOK */
}
#perks_asp_discount .fz30 {
  font-size: 1.25rem;
}
@media print, screen and (min-width: 1200px) {
  #perks_asp_discount .fz30 {
    font-size: 1.875rem;
  }
}
#perks_asp_discount .fz40 {
  font-size: 1.875rem;
  line-height: 1.4;
}
@media print, screen and (min-width: 992px) {
  #perks_asp_discount .fz40 {
    font-size: 2.8125rem;
    line-height: 1.3;
  }
}
#perks_asp_discount .box-flex--plus.pd15 .box-frame {
  padding: 15px;
}
#perks_asp_discount .card-align {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.4em;
  /* 欲しい間隔だけ残す */
}
#perks_asp_discount .card-align > :first-child {
  margin: 0;
  line-height: 1.4;
  min-height: 2.8em;
  /* 2行枠 */
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  /* 中央寄せに必要 */
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* 縦中央寄せ */
  text-align: center;
  /* 横も中央寄せ（お好み） */
}
#perks_asp_discount .card-align > :nth-child(2) {
  margin: 0;
  /* 本文の余白を消す */
}
#perks_asp_discount .promo p {
  margin: 0;
  line-height: 1;
  text-align: center;
}
#perks_asp_discount .promo-tail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.4em;
}
@media print, screen and (min-width: 769px) {
  #perks_asp_discount .promo {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
  #perks_asp_discount .promo > .column {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #perks_asp_discount .promo > .column.column-frame {
    margin-bottom: 0;
  }
  #perks_asp_discount .promo > .column:not(.column-frame) {
    padding-block: 20px;
  }
}
#perks_asp_discount .black-bar {
  position: relative;
  background: #000;
  padding: 5px 30px;
  overflow: visible;
  margin-top: clamp(72px, 8vw, 120px);
  --bite: clamp(10px, 6vw, 30px);
}
#perks_asp_discount .black-bar .title-text {
  display: inline-block;
  white-space: nowrap;
}
#perks_asp_discount .bubble {
  position: absolute;
  top: auto !important;
  right: -8px;
  bottom: calc(100% - var(--bite));
  width: 30%;
  z-index: 2;
  pointer-events: none;
}
@media print, screen and (max-width: 768px) {
  #perks_asp_discount .bubble {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
  }
}
#perks_asp_discount .feature-layout {
  display: grid;
  gap: 0;
  background-color: #fff;
}
@media print, screen and (min-width: 769px) {
  #perks_asp_discount .feature-layout {
    grid-template-columns: 1.4fr 1fr;
    -webkit-box-align: start;
    -webkit-align-items: start;
        -ms-flex-align: start;
            align-items: start;
  }
}
#perks_asp_discount .side-grid {
  display: grid;
  gap: 0;
  background: -webkit-gradient(linear, left top, right top, from(#F5F6F6), color-stop(40%, #E4E5E5), to(#DCDDDE));
  background: -webkit-linear-gradient(left, #F5F6F6 0%, #E4E5E5 40%, #DCDDDE 100%);
  background: linear-gradient(to right, #F5F6F6 0%, #E4E5E5 40%, #DCDDDE 100%);
  /* ★PC：Bを“内容幅”にしつつ最大幅でキャップ、Cは残り全部 */
  /* SP：今の並びのままでOK（必要なら2等分のまま） */
}
@media print, screen and (min-width: 769px) {
  #perks_asp_discount .side-grid {
    --b-max: 150px;
    grid-template-columns: fit-content(var(--b-max)) 1fr;
    -webkit-column-gap: 3px;
       -moz-column-gap: 3px;
            column-gap: 3px;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #perks_asp_discount .side-grid .mid-left {
    grid-column: 1;
    justify-self: end;
    /* Bを右端寄せ */
    max-width: var(--b-max);
    /* ★ ここでB列の最大幅を制限 */
  }
  #perks_asp_discount .side-grid .mid-left img,
  #perks_asp_discount .side-grid .mid-left svg {
    /* 中身が画像/アイコンでもはみ出さない */
    max-width: 100%;
    height: auto;
    display: block;
  }
  #perks_asp_discount .side-grid .mid-right {
    grid-column: 2;
    margin: 0;
    padding: 0;
  }
  #perks_asp_discount .side-grid .mid-right p {
    margin: 0 0 0.8em;
    line-height: 1.6;
  }
  #perks_asp_discount .side-grid .bottom {
    grid-column: 1/-1;
  }
}
@media print, screen and (max-width: 768px) {
  #perks_asp_discount .side-grid {
    grid-template-columns: 0.4fr 0.6fr;
  }
  #perks_asp_discount .side-grid .mid-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    grid-column: 1;
  }
  #perks_asp_discount .side-grid .mid-right {
    padding: 0.5em;
    grid-column: 2;
  }
  #perks_asp_discount .side-grid .bottom {
    grid-column: 1/-1;
  }
}
#perks_asp_discount .box-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
}
@media print, screen and (min-width: 769px) {
  #perks_asp_discount .w-no {
    white-space: nowrap;
  }
}
#perks_asp_discount .patent-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  /* 縦位置を中央に揃える */
  gap: 15px;
  /* 画像とテキストの間隔 */
}
#perks_asp_discount .patent-box img {
  max-width: 120px;
  /* 画像サイズを適宜調整 */
  height: auto;
}
#perks_asp_discount .col-424 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  /* gapぶんを引いてパーセンテージ計算 */
}
@media print, screen and (min-width: 769px) {
  #perks_asp_discount .col-424 {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}
#perks_asp_discount .col-424 > * {
  min-width: 0;
}
#perks_asp_discount .col-424 > *:nth-child(1) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 6.6666666667px);
      -ms-flex: 0 0 calc(50% - 6.6666666667px);
          flex: 0 0 calc(50% - 6.6666666667px);
}
#perks_asp_discount .col-424 > *:nth-child(2) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(15% - 6.6666666667px);
      -ms-flex: 0 0 calc(15% - 6.6666666667px);
          flex: 0 0 calc(15% - 6.6666666667px);
}
#perks_asp_discount .col-424 > *:nth-child(3) {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(35% - 6.6666666667px);
      -ms-flex: 0 0 calc(35% - 6.6666666667px);
          flex: 0 0 calc(35% - 6.6666666667px);
}
#perks_asp_discount .col-424 img.auto {
  max-width: 100%;
  height: auto;
  display: block;
}
@media print, screen and (max-width: 768px) {
  #perks_asp_discount .col-424 img.auto {
    max-width: 70%;
    margin: 10px auto;
    height: auto;
  }
}
@media print, screen and (max-width: 768px) {
  #perks_asp_discount .col-424 {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 0;
  }
  #perks_asp_discount .col-424 > * {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
#perks_asp_discount .tag-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#perks_asp_discount .plus-tight {
  margin-left: -30px;
  margin-right: 8px;
}

#sb .sumahowari {
  max-width: 716px;
  background-color: #f5f9fa;
  border-radius: 10px;
  padding: 30px 25px;
  margin-inline: auto;
}
#sb .sumahowari .bg-white {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px;
  margin-top: 20px;
}
#sb .sumahowari .bg-white p:first-child {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
}
#sb .sumahowari .bg-white p:first-child strong {
  color: #284db4;
  font-size: clamp(1.875rem, 1.339rem + 2.68vw, 3.75rem);
  font-weight: 900;
}
@media print, screen and (max-width: 768px) {
  #sb .sumahowari .bg-white p:first-child {
    line-height: 1.5;
  }
}
#sb .sumahowari .bg-white .flex-box {
  gap: 47px;
}
#sb .sumahowari .bg-white .flex-box .btn1 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
}
#sb .ryokinContainer .flex-box .flex-box {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer {
  width: 100%;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer .planTtl {
  font-size: 14px;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer .planTtl span {
  font-size: clamp(1.25rem, 1.071rem + 0.89vw, 1.875rem);
}
#sb .ryokinContainer .flex-box .flex-box .planContainer .planPrice {
  margin-bottom: 10px !important;
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer .flex-box .flex-box .planContainer .planPrice {
    padding-top: 20px;
    margin-bottom: 5px !important;
  }
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.orange .center-align-box {
  width: 100%;
  height: calc(100% - 160px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.orange .center-align-box .bg-red {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.orange .center-align-box .bg-red .emphasis-red {
  margin-top: 5px;
  vertical-align: middle;
  line-height: 1.5rem;
  padding: 20px;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.orange .center-align-box .bg-red .emphasis-red span {
  font-size: 40px;
  padding-top: 10px;
  vertical-align: sub;
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer .flex-box .flex-box .planContainer.orange {
    margin-bottom: 40px;
  }
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer .flex-box .flex-box .planContainer.orange p:nth-of-type(3) {
    font-size: 12px !important;
  }
}
#sb .ryokinContainer .flex-box .flex-box .bg-orange a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#sb .ryokinContainer .flex-box .flex-box .bg-orange a :hover {
  opacity: 0.6;
}
#sb .ryokinContainer .flex-box .flex-box .bg-orange .flex-box .planPrice {
  padding-top: 0px;
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer .flex-box .flex-box .bg-orange .flex-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.blue .center-align-box {
  width: 100%;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.blue .center-align-box .bg-red {
  width: 100%;
  margin-top: 20px;
  text-align: center;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.blue .center-align-box .bg-red .emphasis-red {
  margin-top: 5px;
  vertical-align: middle;
  line-height: 1.5rem;
  padding: 20px;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.blue .center-align-box .bg-red .emphasis-red span {
  font-size: 40px;
  padding-top: 10px;
  vertical-align: sub;
}
#sb .ryokinContainer .flex-box .flex-box .planContainer.blue .planPrice {
  padding-top: 0;
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer .flex-box .flex-box .planContainer.blue .planLabel {
    margin-bottom: 5px;
  }
  #sb .ryokinContainer .flex-box .flex-box .planContainer.blue .flex-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#sb .ryokinContainer.air-ryokin .flex-box .flex-box .planContainer.orange {
  max-width: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#sb .ryokinContainer.air-ryokin .flex-box .flex-box .planContainer.orange img {
  max-width: 120px !important;
  height: auto;
  margin-right: 30px;
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer.air-ryokin .flex-box .flex-box .planContainer.orange img {
    max-width: 70px !important;
    margin-right: 0;
    margin-top: 20px;
  }
}
#sb .ryokinContainer.air-ryokin .flex-box .flex-box .planContainer.orange .flex {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media print, screen and (max-width: 768px) {
  #sb .ryokinContainer.air-ryokin .flex-box .flex-box .planContainer.orange .flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media print, screen and (max-width: 768px) {
  #sb .smalltxt {
    font-size: 12px;
  }
}/*# sourceMappingURL=style.css.map */