@charset "UTF-8";
@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

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

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: 700;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

select, textarea, input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 1px solid #999999;
  border-radius: 10px;
  box-sizing: border-box;
  display: inline-block;
  font-family: Noto Sans JP, sans-serif;
  font-size: 1rem;
  width: 100%;
}

select:focus, textarea:focus, input:focus {
  outline: 0;
}

select:disabled, textarea:disabled, input:disabled {
  cursor: not-allowed;
}

input::-moz-placeholder {
  color: #a3a3a3;
}

input::placeholder {
  color: #a3a3a3;
}

textarea {
  resize: vertical;
}

textarea::-moz-placeholder {
  color: #a3a3a3;
}

textarea::placeholder {
  color: #a3a3a3;
}

[type=submit] {
  cursor: pointer;
  border: none;
  width: auto;
}

[type=checkbox], [type=radio] {
  display: inline;
}

[type=file] {
  width: 100%;
}

[type=checkbox], [type=radio], [type=file] {
  outline: 0;
}

#form-wrap {
  display: flex;
  gap: clamp(2rem, 5vw, 3.875rem);
  justify-content: center;
}

@media screen and (max-width: 1280px) {
  #form-wrap {
    gap: clamp(2rem, 4vw, 3.875rem);
  }
}
@media screen and (max-width: 1050px) {
  #form-wrap {
    flex-wrap: wrap;
    gap: 2.5rem;
  }
}
#form-wrap.wrap {
  flex-wrap: wrap;
  gap: 0;
}

#form-wrap.wrap .form-text, #form-wrap.wrap .form-main {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}

#form-wrap .form-text {
  max-width: 450px;
}

@media screen and (max-width: 1050px) {
  #form-wrap .form-text {
    margin-bottom: 2.5rem;
  }
}
#form-wrap .form-text p, #form-wrap .form-text ul li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1em;
}

#form-wrap .form-main {
  max-width: 587px;
  padding: 1.5rem;
  border-radius: 10px;
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  #form-wrap .form-main {
    border-radius: 10px;
    padding: 1.5rem 1rem;
  }
}
#form-wrap .form-main .form-heading {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 1em;
}

@media screen and (max-width: 1050px) {
  #form-wrap .form-main .form-heading {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.7;
  }
}
#form-wrap .form-main .form-bottom {
  text-align: center;
  margin-top: 2rem;
}

#form-wrap .form-main .dcCybertrust, #form-wrap .form-main .privacymark {
  margin: 0 0.5rem;
}

#form-wrap .form-main .dcCybertrust {
  display: inline-block;
}

#form-wrap .form-main .privacymark {
  display: inline-block;
  max-width: 3.6rem;
}

#form-wrap .form-main table.mailform {
  border: none;
}

#form-wrap .form-main table.mailform th, #form-wrap .form-main table.mailform td {
  border: none;
  background: none;
  text-align: left;
  display: block;
  padding: 0;
  max-width: 100%;
}

#form-wrap .form-main table.mailform th {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143;
  margin-bottom: 0.5rem;
}

#form-wrap .form-main table.mailform th .hissu {
  display: inline-block;
  background: #D62020;
  color: #fff;
  padding: 0 0.25rem;
  border-radius: 2px;
  margin-left: 0.5rem;
}

#form-wrap .form-main table.mailform td {
  margin-bottom: 1.5rem;
}

#form-wrap .form-main table.mailform.confirmation th, #form-wrap .form-main table.mailform.confirmation td {
  display: table-cell;
  border: 1px solid #eaeaea;
  padding: 0.5rem 1rem;
}

#form-wrap .form-main table.mailform.confirmation th:first-child, #form-wrap .form-main table.mailform.confirmation td:first-child {
  width: 7rem;
  padding: 0.5rem;
}

#form-wrap .form-main table.mailform.confirmation th.alignCenter, #form-wrap .form-main table.mailform.confirmation td.alignCenter {
  text-align: center;
}

#form-wrap .form-main table.mailform.confirmation th {
  text-align: center;
  background: #77DDD1;
  color: #fff;
}

#form-wrap #mailform input {
  border-color: #eaeaea;
  border-radius: 10px;
  padding: 0.75rem 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

#form-wrap #mailform input.form3rem {
  width: 3rem;
}

#form-wrap #mailform input[type=radio] {
  margin: 0.25rem 0.1rem;
  border: 1px solid rgba(255, 255, 255, 0);
  border-radius: 3px;
  line-height: 1;
  position: relative;
  display: none;
}

#form-wrap #mailform label.radio {
  position: relative;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  margin-top: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0);
  display: inline-block;
  border-radius: 10px;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  vertical-align: middle;
}

@media screen and (max-width: 1050px) {
  #form-wrap #mailform label.radio {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#form-wrap #mailform label.radio:before {
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background: #FFF;
  border: 1px solid #77DDD1;
  border-radius: 2px;
  content: "";
  position: absolute;
  top: 0.7rem;
  left: 0.7rem;
}

@media screen and (max-width: 1050px) {
  #form-wrap #mailform label.radio:before {
    top: 0.6rem;
  }
}
#form-wrap #mailform label.radio:after {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  content: "";
  background: url(../images/common/check_icon.svg) no-repeat center center/contain;
  transition: all 0.25s linear;
  opacity: 0;
  position: absolute;
  top: 0.7rem;
  left: 0.3rem;
}

@media screen and (max-width: 1050px) {
  #form-wrap #mailform label.radio:after {
    top: 0.6rem;
  }
}
#form-wrap #mailform label.checked.radio:after {
  opacity: 1;
}

#form-wrap #mailform label.radio:before {
  content: "";
  border-radius: 9999px;
  left: 0.3rem;
}

#form-wrap #mailform label.radio:hover {
  border: 1px solid #CEF3EE;
  background: #CEF3EE;
}

#form-wrap #mailform .buttonBox {
  text-align: center;
}

#form-wrap #mailform .buttonBox p {
  margin-bottom: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.1428571429;
}

@media screen and (max-width: 1050px) {
  #form-wrap #mailform .buttonBox p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media screen and (max-width: 1050px) {
  #form-wrap #mailform .buttonBox .checkbox {
    padding: 0.5rem 0;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 0;
    display: inline-block;
  }
}
@media screen and (max-width: 1050px) {
  #form-wrap #mailform .buttonBox .checkbox:before, #form-wrap #mailform .buttonBox .checkbox:after {
    left: 0.2rem;
  }
}
@media screen and (max-width: 1050px) {
  #form-wrap #mailform .buttonBox .checkbox:after {
    right: auto;
    left: -1rem;
  }
}
#form-wrap #mailform .buttonBox button {
  background: #77DDD1;
  color: #fff;
  margin: 1rem auto;
  width: 100%;
  max-width: 540px;
  font-size: 16px;
  font-size: 1rem;
}

#form-wrap #mailform .buttonBox button:hover {
  background: #fff;
  color: #77ddd1;
}

#form-wrap #mailform .notice-block {
  margin: 3rem 0;
  width: 100%;
  padding-bottom: 2rem;
}

#form-wrap #mailform .notice-block .align-center {
  margin: 1.5rem auto 0;
}

#form-wrap #mailform .notice-title02 {
  color: #77ddd1;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 1.3125rem;
}

@media screen and (max-width: 1050px) {
  #form-wrap #mailform .notice-title02 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#form-wrap #mailform .notice-list li {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 1em;
  text-indent: -1em;
}

#mailform .error input, #mailform .error select, #mailform .error .radio:before, #mailform .error__wrap.error input, #mailform .error__wrap.error select, #mailform .error__wrap.error .radio:before, .buttonBox .error input, .buttonBox .error select, .buttonBox .error .radio:before, .buttonBox .error__wrap.error input, .buttonBox .error__wrap.error select, .buttonBox .error__wrap.error .radio:before {
  background-color: #fee !important;
}

#mailform input[type=checkbox], .buttonBox input[type=checkbox] {
  border-radius: 0 !important;
  width: 10px !important;
  height: 10px !important;
  padding: 0 !important;
  display: inline-block;
  margin: 0 8px 0 0;
  position: relative;
}

#mailform input[type=checkbox]:before, .buttonBox input[type=checkbox]:before {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: 2px solid #999999;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  position: absolute;
  top: -3px;
  left: 1px;
  opacity: 0;
}

#mailform input[type=checkbox]:checked:before, .buttonBox input[type=checkbox]:checked:before {
  opacity: 1;
}

#mailform label:not(.radio), #mailform .error__wrap, .buttonBox label:not(.radio), .buttonBox .error__wrap {
  display: block;
  width: auto;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.1428571429;
  margin-bottom: 0.5rem;
}

#mailform label:not(.radio):before, #mailform label:not(.radio):after, #mailform .error__wrap:before, #mailform .error__wrap:after, .buttonBox label:not(.radio):before, .buttonBox label:not(.radio):after, .buttonBox .error__wrap:before, .buttonBox .error__wrap:after {
  opacity: 0;
  transition: opacity 0.3s ease;
  position: absolute;
  z-index: 1;
}

#mailform label:not(.radio):before, #mailform .error__wrap:before, .buttonBox label:not(.radio):before, .buttonBox .error__wrap:before {
  content: "";
  right: 119px;
  top: -19px;
  height: 20px;
  width: 20px;
  transform: rotate(180deg);
  background: url(../images/common/icon_form_error.svg) no-repeat center center/contain;
}

#mailform label:not(.radio):after, #mailform .error__wrap:after, .buttonBox label:not(.radio):after, .buttonBox .error__wrap:after {
  content: "この項目は必須項目です";
  background: #F15656;
  padding: 10px;
  border-radius: 4px;
  color: #fff;
  right: 10px;
  top: -50px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  min-width: 10rem;
}

#mailform label:not(.radio).error, #mailform .error__wrap.error, .buttonBox label:not(.radio).error, .buttonBox .error__wrap.error {
  position: relative;
}

#mailform label:not(.radio).error:before, #mailform label:not(.radio).error:after, #mailform .error__wrap.error:before, #mailform .error__wrap.error:after, .buttonBox label:not(.radio).error:before, .buttonBox label:not(.radio).error:after, .buttonBox .error__wrap.error:before, .buttonBox .error__wrap.error:after {
  opacity: 1;
}

#mailform label:not(.radio).error.focus:before, #mailform label:not(.radio).error.focus:after, #mailform .error__wrap.error.focus:before, #mailform .error__wrap.error.focus:after, .buttonBox label:not(.radio).error.focus:before, .buttonBox label:not(.radio).error.focus:after, .buttonBox .error__wrap.error.focus:before, .buttonBox .error__wrap.error.focus:after {
  opacity: 0;
}

#mailform label:not(.radio).error-mail, #mailform .error__wrap.error-mail, .buttonBox label:not(.radio).error-mail, .buttonBox .error__wrap.error-mail {
  position: relative;
}

#mailform label:not(.radio).error-mail:before, #mailform label:not(.radio).error-mail:after, #mailform .error__wrap.error-mail:before, #mailform .error__wrap.error-mail:after, .buttonBox label:not(.radio).error-mail:before, .buttonBox label:not(.radio).error-mail:after, .buttonBox .error__wrap.error-mail:before, .buttonBox .error__wrap.error-mail:after {
  opacity: 1;
}

#mailform label:not(.radio).error-mail:after, #mailform .error__wrap.error-mail:after, .buttonBox label:not(.radio).error-mail:after, .buttonBox .error__wrap.error-mail:after {
  content: "メールアドレスと一致しません";
}

#mailform label:not(.radio).checkbox, #mailform .error__wrap.checkbox, .buttonBox label:not(.radio).checkbox, .buttonBox .error__wrap.checkbox {
  font-size: 12px;
  font-size: 0.75rem;
}

#mailform label:not(.radio).checkbox.error, #mailform .error__wrap.checkbox.error, .buttonBox label:not(.radio).checkbox.error, .buttonBox .error__wrap.checkbox.error {
  display: inline-block;
}

#mailform label:not(.radio).checkbox.error:before, #mailform .error__wrap.checkbox.error:before, .buttonBox label:not(.radio).checkbox.error:before, .buttonBox .error__wrap.checkbox.error:before {
  left: 0rem;
  right: auto;
}

#mailform label:not(.radio).checkbox.error:after, #mailform .error__wrap.checkbox.error:after, .buttonBox label:not(.radio).checkbox.error:after, .buttonBox .error__wrap.checkbox.error:after {
  left: -3rem;
  right: auto;
}

#mailform label:not(.radio) select, #mailform label:not(.radio) textarea, #mailform .error__wrap select, #mailform .error__wrap textarea, .buttonBox label:not(.radio) select, .buttonBox label:not(.radio) textarea, .buttonBox .error__wrap select, .buttonBox .error__wrap textarea {
  padding: 0.75rem 2.625rem 0.75rem 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  background: #FFF;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  transition-property: color, background, box-shadow;
  transition-duration: 0.25s;
}

#mailform label:not(.radio) select, #mailform .error__wrap select, .buttonBox label:not(.radio) select, .buttonBox .error__wrap select {
  position: relative;
  background: url(../images/common/icon_arrow_open.svg) no-repeat calc(100% - 0.8rem) center/1.25rem;
}

#mailform label:not(.radio) select.placeholder, #mailform .error__wrap select.placeholder, .buttonBox label:not(.radio) select.placeholder, .buttonBox .error__wrap select.placeholder {
  color: #a3a3a3;
}

#mailform label:not(.radio) input[type=text]:focus, #mailform label:not(.radio) input[type=email]:focus, #mailform label:not(.radio) input[name=key]:focus, #mailform label:not(.radio) input[name=code]:focus, #mailform .error__wrap input[type=text]:focus, #mailform .error__wrap input[type=email]:focus, #mailform .error__wrap input[name=key]:focus, #mailform .error__wrap input[name=code]:focus, .buttonBox label:not(.radio) input[type=text]:focus, .buttonBox label:not(.radio) input[type=email]:focus, .buttonBox label:not(.radio) input[name=key]:focus, .buttonBox label:not(.radio) input[name=code]:focus, .buttonBox .error__wrap input[type=text]:focus, .buttonBox .error__wrap input[type=email]:focus, .buttonBox .error__wrap input[name=key]:focus, .buttonBox .error__wrap input[name=code]:focus {
  color: #00879e;
  background: #FFFFFF;
  border-color: #77ddd1;
  box-shadow: 0 0 5px #77ddd1;
}

#mailform label:not(.radio) select:focus, #mailform label:not(.radio) textarea:focus, #mailform .error__wrap select:focus, #mailform .error__wrap textarea:focus, .buttonBox label:not(.radio) select:focus, .buttonBox label:not(.radio) textarea:focus, .buttonBox .error__wrap select:focus, .buttonBox .error__wrap textarea:focus {
  background-color: #fff;
  border-color: #77ddd1;
  box-shadow: 0 0 5px #77ddd1;
}

#mailform label:not(.radio).text, #mailform label:not(.radio).textarea, #mailform .error__wrap.text, #mailform .error__wrap.textarea, .buttonBox label:not(.radio).text, .buttonBox label:not(.radio).textarea, .buttonBox .error__wrap.text, .buttonBox .error__wrap.textarea {
  width: 100%;
}

#mailform .error__wrap, .buttonBox .error__wrap {
  display: block;
}

#mailform .gokibou_datetime .error__wrap.error .radio, .buttonBox .gokibou_datetime .error__wrap.error .radio {
  position: relative;
}

#mailform .gokibou_datetime .error__wrap.error:before, .buttonBox .gokibou_datetime .error__wrap.error:before {
  top: -1px;
  bottom: auto;
  left: 7rem;
}

#mailform .gokibou_datetime .error__wrap.error:after, .buttonBox .gokibou_datetime .error__wrap.error:after {
  top: -2rem;
  left: 6rem;
  right: auto;
}

html {
  box-sizing: border-box;
}

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

html, body {
  height: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

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

dl {
  margin: 0;
}

dt {
  font-weight: 700;
  margin: 0;
}

dd {
  margin: 0;
}

figure {
  margin: 0;
}

iframe {
  border: 0;
}

img, picture {
  border: 0;
  margin: 0;
  max-width: 100%;
  vertical-align: bottom;
  height: auto;
}

table {
  border-collapse: collapse;
  margin: 0;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

thead {
  line-height: 1.5;
  vertical-align: bottom;
}

tbody {
  vertical-align: top;
}

th {
  font-weight: 700;
}

html {
  font-size: 100%;
  color: #171717;
  font-family: Noto Sans JP, sans-serif;
}

@media screen and (max-width: 1050px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  html {
    font-size: 1rem;
  }
}
body {
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Noto Sans JP, sans-serif;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

p {
  margin: 0 0 1em;
  line-height: 1.7;
}

hr {
  background: 1px solid #999999;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  margin: 0.75rem 0;
}

a {
  color: #333;
  text-decoration: none;
}

a:focus {
  outline: 0;
}

a.text_link {
  margin: 0 0.1em;
  padding: 0 0.1em;
  text-decoration: underline;
  transition: all 0.1s linear;
}

a.text_link:hover {
  text-decoration: none;
}

a.text_link.blank:after {
  content: "";
  display: inline-block;
  background-image: url(../images/common/icon_blank.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  vertical-align: text-bottom;
}

a.breakWord {
  word-wrap: break-word;
}

iframe {
  max-width: 100%;
}

.sp-show {
  display: none !important;
}

@media screen and (max-width: 1050px) {
  .sp-show {
    display: block !important;
  }
}
.pc-show {
  display: block !important;
}

@media screen and (max-width: 1050px) {
  .pc-show {
    display: none !important;
  }
}
.align_right, .alignRight {
  text-align: right !important;
}

ol {
  list-style-type: decimal;
  padding-left: 1em;
}

ol li {
  line-height: 1.7;
}

@media all and (max-width: 1050px) {
  p.align_center br {
    display: none;
  }
}
@media all and (max-width: 1050px) {
  br.no_sp {
    display: none;
  }
}
.strong, .bold {
  font-weight: 700;
}

.marginTop_0 {
  margin-top: 0 !important;
}

.marginTop_15 {
  margin-top: 0.9375rem !important;
}

.marginTop_24 {
  margin-top: 1.5rem !important;
}

.marginTop_30 {
  margin-top: 1.875rem !important;
}

.marginTop_45 {
  margin-top: 2.8125rem !important;
}

.marginTop_60 {
  margin-top: 3.75rem !important;
}

.marginTop_90 {
  margin-top: 5.625rem !important;
}

.marginTop_120 {
  margin-top: 7.5rem !important;
}

.marginBottom_0 {
  margin-bottom: 0 !important;
}

.paddingBottom_0 {
  padding-bottom: 0 !important;
}

.red {
  color: #d62020 !important;
}

.item-block {
  display: block !important;
}

.align-center {
  text-align: center;
}

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

.noWrap {
  white-space: nowrap;
}

.fontSmall {
  font-size: 12px;
  font-size: 0.75rem;
}

.fontLarge {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .fontLarge {
    font-size: 16px;
    font-size: 1rem;
  }
}
.strongColor {
  color: #128fa0;
}

.animate {
  opacity: 0;
}

.modal-list {
  margin-top: 3.5rem;
}

.modal-area {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  overflow-y: scroll;
  padding-top: 3rem;
  padding-bottom: 4.5rem;
}

@media screen and (max-width: 1050px) {
  .modal-area {
    padding-top: 2.5rem;
    padding-bottom: 3rem;
  }
}
.modal-open {
  cursor: pointer;
}

@media screen and (max-width: 1050px) {
  .modal-close.link-button, #emergencyForm #mailform button.modal-close, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.modal-close, #main.faq2020 div.call_form_btn #mailform .buttonBox button.modal-close, #main.faq2020 div.call_form_btn > a.modal-close {
    width: 21.4375rem;
    min-width: 21.4375rem;
    margin-top: 2.5rem;
  }
}
.modal-contents {
  max-width: 1208px;
  width: 90%;
  background: #FFF;
  margin: auto;
  padding: 2.5rem;
  border-radius: 10px;
}

@media screen and (max-width: 1050px) {
  .modal-contents {
    padding: 1.5rem 1rem;
  }
}
.modal-contents__title {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1rem;
}

@media screen and (max-width: 1050px) {
  .modal-contents__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.modal-contents__lead {
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .modal-contents__lead {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: left;
  }
}
.modal-contents__tab {
  max-width: 600px;
  margin: 1.5rem auto 0;
}

.modal-contents figure + figure {
  margin-top: 1rem;
}

.modal-contents__head, .modal-contents__text {
  margin-left: 0.375rem;
  margin-right: 0.375rem;
}

.modal-contents__head {
  color: #77ddd1;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .modal-contents__head {
    font-size: 16px;
    font-size: 1rem;
  }
}
.modal-contents__text {
  font-size: 16px;
  font-size: 1rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .modal-contents__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.modal-contents__text.small {
  font-size: 13px;
  font-size: 0.8125rem;
}

.modal-contents__cap {
  margin: 1rem 0.375rem 0.5rem;
  font-weight: 700;
}

.modal-contents .chuki {
  margin-bottom: 1.5rem !important;
}

.modal-contents ul.listStyle01 {
  margin: 0 0 1.5rem !important;
}

.modal-contents ul.listStyle01 li {
  font-size: 1rem !important;
}

@media screen and (max-width: 1050px) {
  .modal-contents .tab-link {
    font-size: 16px;
    font-size: 1rem;
    min-height: 2.75rem;
    padding: 0.5rem;
  }
}
.modal-contents .tab-link.current {
  padding: 0.5rem 1rem;
  min-height: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .modal-contents .tab-link.current {
    min-height: 3.5rem;
    padding: 0.5rem;
  }
}
.modal-contents .tab-link.small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.1428571429;
}

@media screen and (max-width: 1050px) {
  .modal-contents .tab-link.small {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}
.modal-contents .tab-content {
  padding: 2.5rem 2.5rem 2rem;
}

@media screen and (max-width: 1050px) {
  .modal-contents .tab-content {
    padding: 1.5rem 1rem;
  }
}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  width: auto;
  background: none;
}

#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  -webkit-transform: translate3d(0, 0, 0);
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

#cboxLoadedContent {
  max-height: 720px;
}

#cboxContent {
  background: #FFF;
  padding: 1.5rem 1em;
  border-radius: 10px;
  box-sizing: content-box;
}

#cboxContent .cboxPhoto {
  max-height: 720px;
  -o-object-fit: contain;
     object-fit: contain;
}

#cboxClose {
  top: -2rem;
  bottom: auto;
  right: 0;
  opacity: 0.9;
  background: url(../images/common/close.png) no-repeat 0px 0px;
  position: absolute;
  width: 78px;
  height: 22px;
  z-index: 100;
}

.colorbox {
  transition: all 0.3s ease;
}

figure .colorbox {
  border-radius: 10px;
  display: inline-block;
  position: relative;
  padding: 1rem;
  background: #FFF;
}

figure .colorbox:hover {
  background: #F3FAF8;
}

figure .colorbox:before {
  display: block;
  width: 26px;
  height: 26px;
  content: url(../images/common/zoom_icon.png);
  position: absolute;
  top: 3px;
  right: 5px;
}

#breadcrumb {
  width: 100%;
  margin: 0 auto;
  padding: 0.6875rem;
  padding-left: clamp(0.6875rem, 6%, 80px);
  background: #FAFAFA;
  position: relative;
}

#breadcrumb > * {
  display: inline-block;
  margin-right: 0.25rem;
  padding: 0;
  font-size: 0.75rem;
  line-height: 1.33;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  position: relative;
}

@media screen and (max-width: 1050px) {
  #breadcrumb > *:first-child {
    margin-left: 0;
  }
}
#breadcrumb > *:after {
  width: 0.75rem;
  height: 0.75rem;
  display: inline-block;
  content: "";
  background-image: url(../images/common/breadcrumb_arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  margin-left: 0.25rem;
  vertical-align: top;
  transform: translateY(0.125rem);
}

#breadcrumb > *:last-child:after {
  content: none;
}

footer {
  background: #FFFFFF;
  padding-top: 1px;
  position: relative;
}

footer ul {
  margin: 0;
  padding: 0;
}

footer a#goTopBtn {
  display: block;
  height: 125px;
  width: 125px;
  background-image: url(../images/common/gotop_arrow.svg);
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  bottom: 5px;
  transition: all 0.2s ease-in;
  z-index: 10;
}

@media screen and (max-width: 1050px) {
  footer a#goTopBtn {
    height: clamp(1vw, 26.6666666667vw, 100px);
    width: clamp(1vw, 26.6666666667vw, 100px);
    background-size: contain;
    bottom: -2.6666666667vw;
    right: -2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  footer a#goTopBtn {
    height: 100px;
    width: 100px;
    bottom: 0;
    right: 0;
  }
}
footer a#goTopBtn.show {
  opacity: 1;
  pointer-events: inherit;
}

footer a#goTopBtn.show:hover {
  opacity: 0.7;
}

footer div#footerNav {
  padding: 1px 0;
  position: relative;
  top: -1px;
  background: #FFF;
}

footer div#footerNav nav {
  width: 1000px;
  margin: 7.5rem auto 4.5rem;
}

footer div#footerNav nav a {
  display: inline-block;
  text-decoration: none;
  border-bottom: 1px #FFF solid;
}

footer div#footerNav nav a:hover {
  border-bottom: 1px #A3A3A3 solid;
}

footer div#footerNav nav a.nolink {
  cursor: default;
}

footer div#footerNav nav a.nolink:hover {
  border-bottom: 1px #FFF solid;
}

footer div#footerNav nav > ul {
  width: 100%;
  height: 303px;
  font-size: 1.6rem;
  font-size: 14px;
  font-size: 0.875rem;
  gap: 0 40px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}

footer div#footerNav nav > ul > li > a {
  padding: 0 0 0.125rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1;
}

footer div#footerNav nav > ul ul {
  margin: 1.125rem 0 3rem;
  font-size: 1.4rem;
}

footer div#footerNav nav > ul ul li {
  margin: 0 0 0.3125rem 0.8rem;
}

footer div#footerNav nav > ul ul a {
  padding: 5px 0 0 5px;
  white-space: nowrap;
  position: relative;
  opacity: 0.95;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
}

footer div#footerNav nav > ul ul a:before {
  display: block;
  width: 7px;
  height: 1px;
  background: #A3A3A3;
  content: "";
  position: absolute;
  top: 12px;
  left: -8px;
}

footer div#footerNav nav > ul ul a:hover {
  color: #004653;
}

footer div#footerNav nav > ul ul a:hover:before {
  background: #A3A3A3;
}

footer div#footerNav nav > ul ul span:not(.alpha) {
  clear: both;
  display: block;
  margin: 3rem 0 5px -13px;
  color: #a3a3a3;
  min-width: 9em;
}

footer div#footerNav nav > ul > li:nth-of-type(-n+4) a {
  cursor: pointer;
}

footer div#footerNav nav > ul > li:nth-of-type(2), footer div#footerNav nav > ul > li:nth-of-type(3), footer div#footerNav nav > ul > li:nth-of-type(4) {
  margin-top: 1.875rem;
}

footer div#footerNav nav > ul > li:nth-of-type(4) {
  margin-bottom: 6rem;
}

footer div#footerNav nav > ul > li:nth-of-type(5) {
  margin-bottom: 10rem;
}

footer div#footerNav nav > ul > li:nth-of-type(7) {
  margin-bottom: 4rem;
}

footer div#companyInfo {
  width: 100%;
  max-width: 670px;
  margin: 3rem auto;
}

footer div#companyInfo figure {
  text-align: center;
}

footer div#companyInfo figure img {
  max-width: 45px;
  height: auto;
}

footer div#companyInfo div {
  text-align: center;
}

footer div#companyInfo div aside {
  color: #171717;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 350;
  line-height: 1;
}

footer div#companyInfo div aside img {
  width: 174px;
  height: auto;
  margin: 0 auto 1.5rem;
  vertical-align: middle;
}

footer div#companyInfo div nav {
  margin: 15px 0 0;
  text-align: center;
}

footer div#companyInfo div nav a {
  display: inline-block;
  margin: 0 0.9rem 1.8125rem;
  color: #171717;
  font-size: 1.4rem;
  font-size: 14px;
  font-size: 0.875rem;
  text-decoration: none;
  white-space: nowrap;
  position: relative;
}

footer div#companyInfo div nav a:hover {
  background: #A4D5DB;
}

footer small {
  clear: both;
  display: block;
  color: #171717;
  font-size: 1.6rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 6rem;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  footer div#footerNav {
    display: none;
  }
  footer div#companyInfo {
    height: auto;
    margin-bottom: 0;
  }
  footer div#companyInfo figure {
    margin: 1.5rem auto 0;
    text-align: center;
    float: none;
  }
  footer div#companyInfo div {
    width: auto;
    float: none;
  }
  footer div#companyInfo div aside {
    padding-bottom: 10px;
    float: none;
  }
  footer div#companyInfo div aside img {
    display: block;
    margin: 0 auto 15px;
    vertical-align: middle;
    position: inherit;
    top: 0;
  }
  footer div#companyInfo div aside span {
    width: 90%;
    display: block;
    margin: 10px auto;
    text-align: center;
  }
  footer div#companyInfo div nav a {
    margin: 1.8666666667vw 5.0666666667vw 1.8666666667vw 0;
    font-size: 11.2px;
    font-size: 0.7rem;
    line-height: 1.25;
    padding: 0;
  }
}
body.formPage #footerNav, body.formPage #companyInfo div nav {
  display: none;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

html:not(.scroll) body.topPage header:hover, html:not(.scroll) body.topPage header.hovered, html:not(.scroll) body.productsTop header:hover, html:not(.scroll) body.productsTop header.hovered {
  background: #FFF !important;
}

html:not(.scroll) body.topPage header:hover #logo, html:not(.scroll) body.topPage header.hovered #logo, html:not(.scroll) body.productsTop header:hover #logo, html:not(.scroll) body.productsTop header.hovered #logo {
  background-image: none !important;
}

html:not(.scroll) body.topPage header:hover #logo img, html:not(.scroll) body.topPage header.hovered #logo img, html:not(.scroll) body.productsTop header:hover #logo img, html:not(.scroll) body.productsTop header.hovered #logo img {
  display: block !important;
}

html:not(.scroll) body.topPage header:hover nav#headerMenu .headerMenu__list > li > a, html:not(.scroll) body.topPage header.hovered nav#headerMenu .headerMenu__list > li > a, html:not(.scroll) body.productsTop header:hover nav#headerMenu .headerMenu__list > li > a, html:not(.scroll) body.productsTop header.hovered nav#headerMenu .headerMenu__list > li > a {
  color: #525252 !important;
}

html:not(.scroll) body.topPage header:hover nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, html:not(.scroll) body.topPage header.hovered nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, html:not(.scroll) body.productsTop header:hover nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, html:not(.scroll) body.productsTop header.hovered nav#headerMenu .headerMenu__list > li:nth-last-child(3):before {
  background-image: url(../images/common/icon_consider.svg) !important;
}

html:not(.scroll) body.topPage header:hover nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, html:not(.scroll) body.topPage header.hovered nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, html:not(.scroll) body.productsTop header:hover nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, html:not(.scroll) body.productsTop header.hovered nav#headerMenu .headerMenu__list > li:nth-last-child(2):before {
  background-image: url(../images/common/icon_partner.svg) !important;
}

html:not(.scroll) body.topPage header:hover nav#headerMenu .headerMenu__list > li:nth-last-child(1):before, html:not(.scroll) body.topPage header.hovered nav#headerMenu .headerMenu__list > li:nth-last-child(1):before, html:not(.scroll) body.productsTop header:hover nav#headerMenu .headerMenu__list > li:nth-last-child(1):before, html:not(.scroll) body.productsTop header.hovered nav#headerMenu .headerMenu__list > li:nth-last-child(1):before {
  background-image: url(../images/common/icon_idcard.svg) !important;
}

html:not(.scroll) body.topPage header:not(:hover), html:not(.scroll) body.topPage header:not(.hovered), html:not(.scroll) body.productsTop header:not(:hover), html:not(.scroll) body.productsTop header:not(.hovered) {
  background-color: #77ddd1;
}

html:not(.scroll) body.topPage header:not(:hover) #logo, html:not(.scroll) body.topPage header:not(.hovered) #logo, html:not(.scroll) body.productsTop header:not(:hover) #logo, html:not(.scroll) body.productsTop header:not(.hovered) #logo {
  background-image: url(../images/common/logo_white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  height: 52px;
}

@media screen and (max-width: 1050px) {
  html:not(.scroll) body.topPage header:not(:hover) #logo, html:not(.scroll) body.topPage header:not(.hovered) #logo, html:not(.scroll) body.productsTop header:not(:hover) #logo, html:not(.scroll) body.productsTop header:not(.hovered) #logo {
    height: 2rem;
  }
}
html:not(.scroll) body.topPage header:not(:hover) #logo img, html:not(.scroll) body.topPage header:not(.hovered) #logo img, html:not(.scroll) body.productsTop header:not(:hover) #logo img, html:not(.scroll) body.productsTop header:not(.hovered) #logo img {
  display: none;
}

html:not(.scroll) body.topPage header:not(:hover) nav#headerMenu .headerMenu__list > li:not(.hovered) > a, html:not(.scroll) body.topPage header:not(.hovered) nav#headerMenu .headerMenu__list > li:not(.hovered) > a, html:not(.scroll) body.productsTop header:not(:hover) nav#headerMenu .headerMenu__list > li:not(.hovered) > a, html:not(.scroll) body.productsTop header:not(.hovered) nav#headerMenu .headerMenu__list > li:not(.hovered) > a {
  color: #fff;
}

html:not(.scroll) body.topPage header:not(:hover) nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, html:not(.scroll) body.topPage header:not(.hovered) nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, html:not(.scroll) body.productsTop header:not(:hover) nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, html:not(.scroll) body.productsTop header:not(.hovered) nav#headerMenu .headerMenu__list > li:nth-last-child(3):before {
  background-image: url(../images/common/icon_consider_white.svg);
}

html:not(.scroll) body.topPage header:not(:hover) nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, html:not(.scroll) body.topPage header:not(.hovered) nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, html:not(.scroll) body.productsTop header:not(:hover) nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, html:not(.scroll) body.productsTop header:not(.hovered) nav#headerMenu .headerMenu__list > li:nth-last-child(2):before {
  background-image: url(../images/common/icon_partner_white.svg);
}

html:not(.scroll) body.topPage header:not(:hover) nav#headerMenu .headerMenu__list > li:nth-last-child(1):before, html:not(.scroll) body.topPage header:not(.hovered) nav#headerMenu .headerMenu__list > li:nth-last-child(1):before, html:not(.scroll) body.productsTop header:not(:hover) nav#headerMenu .headerMenu__list > li:nth-last-child(1):before, html:not(.scroll) body.productsTop header:not(.hovered) nav#headerMenu .headerMenu__list > li:nth-last-child(1):before {
  background-image: url(../images/common/icon_idcard_white.svg);
}

body.formPage #headerMenu, body.formPage #spMenuDrawer {
  display: none;
}

html.scroll header {
  position: fixed;
  background: #FFF;
  top: -105px;
  z-index: 999;
  animation: header_slide_down 0.6s forwards 0.3s;
}

html.scroll header.hide {
  opacity: 0;
}

@keyframes header_slide_down {
  0% {
    top: -105px;
  }
  to {
    top: 0;
  }
}
header {
  width: 100%;
  padding-top: 0.01rem;
  transition: all 0.25s linear;
  position: relative;
  z-index: 100;
}

header ul {
  margin: 0;
  padding: 0;
}

header > div {
  width: calc(100% - 80px);
  height: 105px;
  margin: 0 40px;
  overflow: hidden;
}

@media all and (max-width: 1400px) {
  header > div {
    height: 160px;
  }
}
@media all and (max-width: 1150px) {
  header > div {
    padding: 0 1.5%;
  }
}
@media screen and (max-width: 1050px) {
  header > div {
    margin: 0;
    width: 100%;
    height: 17.0666666667vw;
    padding: 0;
    overflow: visible;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  header > div {
    height: 100px;
  }
}
header > div #logo {
  display: inline-block;
  max-width: 200px;
  width: 200px;
  height: auto;
  margin: 31px 0 0;
  line-height: 1;
  float: left;
}

@media screen and (max-width: 1050px) {
  header > div #logo {
    width: 130px;
    margin: 15px 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  header > div #logo {
    width: 180px;
    margin: 20px 30px;
  }
}
header > div #logo img {
  width: 100%;
  height: auto;
}

header nav#headerMenu .headerMenu__list > li:nth-last-child(3), header nav#headerMenu .headerMenu__list > li:nth-last-child(2), header nav#headerMenu .headerMenu__list > li:nth-last-child(1) {
  font-size: 1.4rem;
  font-size: 14px;
  font-size: 0.875rem;
  position: absolute;
  top: 6px;
  right: 40px;
  height: auto;
}

@media screen and (max-width: 1050px) {
  header nav#headerMenu .headerMenu__list > li:nth-last-child(3), header nav#headerMenu .headerMenu__list > li:nth-last-child(2), header nav#headerMenu .headerMenu__list > li:nth-last-child(1) {
    position: relative;
    top: 0;
    right: 0;
    padding-left: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  header nav#headerMenu .headerMenu__list > li:nth-last-child(3), header nav#headerMenu .headerMenu__list > li:nth-last-child(2), header nav#headerMenu .headerMenu__list > li:nth-last-child(1) {
    padding-left: 30px;
  }
}
header nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, header nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, header nav#headerMenu .headerMenu__list > li:nth-last-child(1):before {
  width: 20px;
  height: 20px;
  content: "";
  background-image: url(../images/common/icon_idcard.svg);
  background-size: 100%;
  pointer-events: none;
  position: absolute;
  top: 10px;
  left: -17px;
}

@media screen and (max-width: 1050px) {
  header nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, header nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, header nav#headerMenu .headerMenu__list > li:nth-last-child(1):before {
    display: inline-block;
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    left: 4.2666666667vw;
    top: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  header nav#headerMenu .headerMenu__list > li:nth-last-child(3):before, header nav#headerMenu .headerMenu__list > li:nth-last-child(2):before, header nav#headerMenu .headerMenu__list > li:nth-last-child(1):before {
    height: 30px;
    width: 30px;
    left: 16px;
    top: 10px;
  }
}
header nav#headerMenu .headerMenu__list > li:nth-last-child(3).hovered, header nav#headerMenu .headerMenu__list > li:nth-last-child(3):hover, header nav#headerMenu .headerMenu__list > li:nth-last-child(2).hovered, header nav#headerMenu .headerMenu__list > li:nth-last-child(2):hover, header nav#headerMenu .headerMenu__list > li:nth-last-child(1).hovered, header nav#headerMenu .headerMenu__list > li:nth-last-child(1):hover {
  height: auto;
}

header nav#headerMenu .headerMenu__list > li:nth-last-child(3) > a:after, header nav#headerMenu .headerMenu__list > li:nth-last-child(2) > a:after, header nav#headerMenu .headerMenu__list > li:nth-last-child(1) > a:after {
  display: none;
}

header nav#headerMenu .headerMenu__list > li:nth-last-child(3) > .headerMenu__child, header nav#headerMenu .headerMenu__list > li:nth-last-child(3) > ul, header nav#headerMenu .headerMenu__list > li:nth-last-child(2) > .headerMenu__child, header nav#headerMenu .headerMenu__list > li:nth-last-child(2) > ul, header nav#headerMenu .headerMenu__list > li:nth-last-child(1) > .headerMenu__child, header nav#headerMenu .headerMenu__list > li:nth-last-child(1) > ul {
  display: none;
}

header nav#headerMenu .headerMenu__list > li:nth-last-child(3):after, header nav#headerMenu .headerMenu__list > li:nth-last-child(2):after, header nav#headerMenu .headerMenu__list > li:nth-last-child(1):after {
  display: none;
}

header nav#headerMenu .headerMenu__list > li:nth-last-child(2) {
  right: 270px !important;
}

@media screen and (max-width: 1050px) {
  header nav#headerMenu .headerMenu__list > li:nth-last-child(2) {
    right: 0 !important;
  }
}
header nav#headerMenu .headerMenu__list > li:nth-last-child(2):before {
  background-image: url(../images/common/icon_partner.svg);
}

header nav#headerMenu .headerMenu__list > li:nth-last-child(3) {
  right: 460px !important;
}

@media screen and (max-width: 1050px) {
  header nav#headerMenu .headerMenu__list > li:nth-last-child(3) {
    right: 0 !important;
  }
}
header nav#headerMenu .headerMenu__list > li:nth-last-child(3):before {
  background-image: url(../images/common/icon_consider.svg);
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1), header nav#headerMenu .headerMenu__btn li:nth-last-child(2), header nav#headerMenu .headerMenu__btn li:nth-last-child(3) {
  font-size: 1.4rem;
  border-radius: 40px;
  border: 2px solid #128FA0;
  height: auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.125;
  transition: opacity 0.3s ease;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1) a, header nav#headerMenu .headerMenu__btn li:nth-last-child(2) a, header nav#headerMenu .headerMenu__btn li:nth-last-child(3) a {
  padding: 0.625rem 1.6875rem;
  min-width: 134px;
  text-align: center;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1) a:before, header nav#headerMenu .headerMenu__btn li:nth-last-child(2) a:before, header nav#headerMenu .headerMenu__btn li:nth-last-child(3) a:before {
  content: none;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1).hovered, header nav#headerMenu .headerMenu__btn li:nth-last-child(1):hover, header nav#headerMenu .headerMenu__btn li:nth-last-child(2).hovered, header nav#headerMenu .headerMenu__btn li:nth-last-child(2):hover, header nav#headerMenu .headerMenu__btn li:nth-last-child(3).hovered, header nav#headerMenu .headerMenu__btn li:nth-last-child(3):hover {
  height: auto;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1):hover, header nav#headerMenu .headerMenu__btn li:nth-last-child(2):hover, header nav#headerMenu .headerMenu__btn li:nth-last-child(3):hover {
  opacity: 0.7;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1) > a:after, header nav#headerMenu .headerMenu__btn li:nth-last-child(2) > a:after, header nav#headerMenu .headerMenu__btn li:nth-last-child(3) > a:after {
  display: none;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1) > .headerMenu__child, header nav#headerMenu .headerMenu__btn li:nth-last-child(1) > ul, header nav#headerMenu .headerMenu__btn li:nth-last-child(2) > .headerMenu__child, header nav#headerMenu .headerMenu__btn li:nth-last-child(2) > ul, header nav#headerMenu .headerMenu__btn li:nth-last-child(3) > .headerMenu__child, header nav#headerMenu .headerMenu__btn li:nth-last-child(3) > ul {
  display: none;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1):after, header nav#headerMenu .headerMenu__btn li:nth-last-child(2):after, header nav#headerMenu .headerMenu__btn li:nth-last-child(3):after {
  display: none;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(2) {
  background: #128FA0;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(2) a {
  color: #fff;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1) {
  background: #FFF;
}

header nav#headerMenu .headerMenu__btn li:nth-last-child(1) a {
  color: #128fa0;
}

@media all and (min-width: 1050px) and (max-width: 1400px) {
  header > div {
    padding-right: 0;
  }
}
@media all and (min-width: 1050px) {
  header nav#headerMenu {
    width: auto;
    min-height: 0 !important;
    width: calc(100% - 240px);
    display: flex;
    align-items: flex-start;
    margin: 3.125rem 0 0 auto;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  header nav#headerMenu {
    margin-top: 6.5rem;
  }
}
@media all and (min-width: 1050px) {
  header nav#headerMenu a {
    transition: none;
    transition: color 0.25s linear;
    text-decoration: none;
    position: relative;
  }
  header nav#headerMenu > ul {
    display: flex;
  }
  header nav#headerMenu > ul.headerMenu__list {
    width: 100%;
    gap: 0 clamp(1rem, 8%, 7rem);
    justify-content: center;
    padding-right: 20rem;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  header nav#headerMenu > ul.headerMenu__list {
    gap: 0 clamp(1rem, 4%, 2rem);
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  header nav#headerMenu > ul.headerMenu__list {
    padding-right: 0;
    justify-content: right;
  }
}
@media all and (min-width: 1050px) {
  header nav#headerMenu > ul > li {
    font-size: 1.6rem;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.448125;
    height: 30px;
    cursor: pointer;
    white-space: nowrap;
  }
  header nav#headerMenu > ul > li.hovered, header nav#headerMenu > ul > li:hover {
    height: 57px;
  }
  header nav#headerMenu > ul > li.hovered .headerMenu__child__head, header nav#headerMenu > ul > li:hover .headerMenu__child__head {
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 0.25rem;
    color: #525252;
  }
  header nav#headerMenu > ul > li > a {
    display: inline-block;
    padding: 10px;
    color: #525252;
  }
  header nav#headerMenu > ul > li > a:before {
    display: block;
    width: 100%;
    height: 0;
    content: "";
    position: absolute;
    bottom: 5px;
    left: 0;
    transition: all 0.15s linear;
  }
  header nav#headerMenu > ul > li.now > a:before {
    border-bottom: 1px dashed #77DDD1;
  }
  header nav#headerMenu > ul > li:nth-child(-n+3).hovered > a:before, header nav#headerMenu > ul > li:hover > a:before {
    width: 100%;
    height: 1px;
    background: #128FA0;
    border-bottom: none;
  }
  header nav#headerMenu > ul > li:nth-child(-n+3).hovered > a:after, header nav#headerMenu > ul > li:hover > a:after {
    opacity: 1;
    top: auto;
    bottom: -24px;
  }
  header nav#headerMenu > ul > li .headerMenu__child {
    padding: 20px 35px 40px 10px;
    background: #FFF;
    box-shadow: 0 36px 16px -10px rgba(0, 72, 49, 0.1019607843);
    border-radius: 2px;
    opacity: 0;
    backface-visibility: hidden;
    transition: opacity 0.25s ease-in 0.25s;
    cursor: default;
    position: absolute;
    top: -99999px;
    z-index: 10;
    left: 0;
    right: 0;
  }
  header nav#headerMenu > ul > li ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1em 1.5em;
    max-width: 1162px;
    margin: 0 auto;
  }
  header nav#headerMenu > ul > li ul li {
    width: auto;
    margin: 0 0 0 30px;
    white-space: nowrap;
    color: #525252;
  }
  header nav#headerMenu > ul > li ul li span:not(.alpha) {
    display: block;
    margin: 15px 0 6px -10px;
    padding: 3px 0 6px;
    color: #77ddd1;
    font-weight: 700;
  }
  header nav#headerMenu > ul > li ul li a {
    display: inline-block;
    padding: 0.25rem 2em 0.25rem 0;
    font-size: 1.6rem;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
    position: relative;
    opacity: 0.95;
  }
  header nav#headerMenu > ul > li ul li a:after {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url(../images/common/icon_arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  header nav#headerMenu > ul > li ul li a.hovered, header nav#headerMenu > ul > li ul li a:hover {
    color: #77ddd1 !important;
  }
  header nav#headerMenu > ul > li ul li a.blank:after {
    background-image: url(../images/common/icon_blank.svg);
    width: 0.75rem;
    height: 0.75rem;
  }
  header nav#headerMenu > ul > li.hovered .headerMenu__child {
    opacity: 1;
    top: 0;
    padding-top: 160px;
    z-index: -1;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  header nav#headerMenu > ul > li.hovered .headerMenu__child {
    padding-top: 215px;
  }
}
@media all and (min-width: 1050px) {
  header nav#headerMenu > ul > li.hovered .headerMenu__child:before {
    content: "";
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    display: block;
    position: absolute;
    top: 105px;
    left: 0;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  header nav#headerMenu > ul > li.hovered .headerMenu__child:before, header nav#headerMenu > ul > li:hover .headerMenu__child:before {
    top: 160px;
  }
}
@media all and (min-width: 1050px) {
  header nav#headerMenu > ul > li:nth-last-child(-n+3).hovered ul, header nav#headerMenu > ul > li:nth-last-child(-n+3):hover ul {
    opacity: 1;
    top: 43px;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul {
    max-width: 1100px;
    height: 280px;
    padding: 25px 10px 10px;
    display: block;
    gap: 0 30px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li {
    margin: 0;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li span:not(.alpha) {
    margin-top: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(1) {
    padding-bottom: 220px;
    width: 150px;
    margin: 0;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(1) a {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 0;
    padding-bottom: 0;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(2), header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(9), header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(10), header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(12) {
    margin-bottom: 15px;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(4) {
    margin-bottom: 3em;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul li:nth-of-type(8) {
    margin-bottom: 4em;
  }
  header nav#headerMenu > ul > li:nth-of-type(3) ul {
    max-width: 1100px;
    height: 240px;
    padding: 0 10px;
    -moz-column-fill: auto;
         column-fill: auto;
    display: block;
    gap: 0 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  header nav#headerMenu > ul > li:nth-of-type(3) ul li {
    margin: 0 0 1rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(3) ul li:nth-of-type(1) {
    padding-bottom: 220px;
    width: 160px;
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 0.25rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(3) ul li:nth-of-type(10) {
    margin-bottom: 1.5rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(5) ul {
    max-width: 580px;
    height: 148px;
    padding: 0 10px;
    display: block;
    gap: 0 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  header nav#headerMenu > ul > li:nth-of-type(5) ul li {
    margin: 0 0 1rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(5) ul li:nth-of-type(1) {
    padding-bottom: 150px;
    width: 154px;
  }
  header nav#headerMenu > ul > li:nth-of-type(5) ul li:nth-of-type(4) {
    margin-bottom: 15px;
  }
  header nav#headerMenu > ul > li:nth-of-type(6) ul {
    max-width: 580px;
    height: 148px;
    padding: 0 10px;
    display: block;
    gap: 0 40px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
  }
  header nav#headerMenu > ul > li:nth-of-type(6) ul li {
    margin: 0 0 1rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(6) ul li:nth-of-type(1) {
    padding-bottom: 150px;
    width: 154px;
    margin: 0;
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.2;
    padding-top: 0.25rem;
  }
  header nav#headerMenu > ul > li:nth-of-type(6) ul li:nth-of-type(4) {
    margin-bottom: 15px;
  }
  header nav#headerMenu > ul > li:nth-of-type(1) ul, header nav#headerMenu > ul > li:nth-of-type(2) ul {
    left: -3.25em;
  }
  header nav#headerMenu > ul > li:nth-of-type(3) ul {
    left: -32.5em;
  }
  header nav#headerMenu > ul > li:nth-of-type(5) ul {
    left: -3.25em;
  }
  header nav#headerMenu > ul > li:nth-of-type(6) ul {
    left: -3.2em;
  }
  header nav#headerMenu > ul > li:nth-of-type(6) ul {
    left: auto;
    right: 0;
  }
  header nav#headerMenu > ul > li:nth-of-type(7) ul {
    left: -2.5em;
  }
  header nav#headerMenu > ul > li:nth-of-type(8) ul {
    left: auto;
    right: 0;
  }
  header nav#headerMenu > ul.headerMenu__btn {
    position: absolute;
    right: 40px;
    top: 52px;
    gap: 1.5rem;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  header nav#headerMenu > ul.headerMenu__btn {
    gap: 1rem;
    top: 50px;
  }
}
@keyframes btn07-bar01 {
  0% {
    transform: translateY(2.9333333333vw) rotate(-45deg);
  }
  50% {
    transform: translateY(2.9333333333vw) rotate(0);
  }
  to {
    transform: translateY(0) rotate(0);
  }
}
@keyframes btn07-bar03 {
  0% {
    transform: translateY(-2.9333333333vw) rotate(45deg);
  }
  50% {
    transform: translateY(-2.9333333333vw) rotate(0);
  }
  to {
    transform: translateY(0) rotate(0);
  }
}
@keyframes active-btn07-bar01 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(2.9333333333vw) rotate(0);
  }
  to {
    transform: translateY(2.9333333333vw) rotate(-45deg);
  }
}
@keyframes active-btn07-bar03 {
  0% {
    transform: translateY(0) rotate(0);
  }
  50% {
    transform: translateY(-2.9333333333vw) rotate(0);
  }
  to {
    transform: translateY(-2.9333333333vw) rotate(45deg);
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  @keyframes btn07-bar01 {
    0% {
      transform: translateY(24px) rotate(-45deg);
    }
    50% {
      transform: translateY(24px) rotate(0);
    }
    to {
      transform: translateY(0) rotate(0);
    }
  }
  @keyframes btn07-bar03 {
    0% {
      transform: translateY(-24px) rotate(45deg);
    }
    50% {
      transform: translateY(-24px) rotate(0);
    }
    to {
      transform: translateY(0) rotate(0);
    }
  }
  @keyframes active-btn07-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(24px) rotate(0);
    }
    to {
      transform: translateY(24px) rotate(-45deg);
    }
  }
  @keyframes active-btn07-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-24px) rotate(0);
    }
    to {
      transform: translateY(-24px) rotate(45deg);
    }
  }
}
@keyframes sp-menu {
  0% {
    height: 0;
    line-height: 0;
    opacity: 0;
    padding: 0 6.4vw;
    visibility: hidden;
  }
  to {
    height: auto;
    line-height: inherit;
    opacity: 1;
    visibility: visible;
    margin: 4.2666666667vw 0;
  }
}
@media all and (max-width: 1050px) {
  header > div #spMenuDrawer {
    height: 6.4vw;
    width: 6.4vw;
    transition: all 0.25s linear;
    cursor: pointer;
    position: absolute;
    top: 5.3333333333vw;
    right: 4.2666666667vw;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header > div #spMenuDrawer {
    top: 30px;
    right: 30px;
    height: 50px;
    width: 50px;
  }
}
@media all and (max-width: 1050px) {
  header > div #spMenuDrawer div {
    display: inline-block;
    height: 100%;
    width: 100%;
    cursor: pointer;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
  }
  header > div #spMenuDrawer div span {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #525252;
    border-radius: 2px;
    transition: all 0.5s ease;
    position: absolute;
    left: 0;
  }
  header > div #spMenuDrawer div span:nth-of-type(1) {
    top: 0;
    animation: btn07-bar01 0.75s forwards;
  }
  header > div #spMenuDrawer div span:nth-of-type(2) {
    top: 2.9333333333vw;
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header > div #spMenuDrawer div span:nth-of-type(2) {
    top: 24px;
  }
}
@media all and (max-width: 1050px) {
  header > div #spMenuDrawer div span:nth-of-type(3) {
    bottom: 0;
    animation: btn07-bar03 0.75s forwards;
  }
  header > div #spMenuDrawer.active div span:nth-of-type(1) {
    animation: active-btn07-bar01 0.75s forwards;
  }
  header > div #spMenuDrawer.active div span:nth-of-type(2) {
    opacity: 0;
  }
  header > div #spMenuDrawer.active div span:nth-of-type(3) {
    animation: active-btn07-bar03 0.75s forwards;
  }
  header > div #headerMenu ul li:after {
    transition: all 0.5s linear;
    position: absolute;
    display: block;
    vertical-align: middle;
    background-image: url(../images/common/icon_arrow_open.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  header > div #headerMenu ul.headerMenu__btn li {
    margin: 1rem;
  }
  header > div #headerMenu ul.headerMenu__btn li:nth-last-child(2) {
    background: #77DDD1;
    border-color: #77ddd1;
  }
  header > div #headerMenu ul.headerMenu__btn li:nth-last-child(2) a {
    color: #fff;
  }
  header > div #headerMenu ul.headerMenu__btn li:nth-last-child(1) {
    border-color: #77ddd1;
    background: #FFF;
  }
  header > div #headerMenu ul.headerMenu__btn li:nth-last-child(1) a {
    color: #77ddd1;
  }
  header.menuOpen {
    background: #FFFFFF;
  }
  header.menuOpen #spMenuDrawer {
    background: none;
  }
  header.menuOpen #spMenuDrawer span {
    background: #171717;
  }
  header.menuOpen nav#headerMenu {
    clear: both;
    display: block;
    background: #FFFFFF;
    visibility: visible;
    opacity: 1;
    z-index: 11;
    height: 100vh;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
  }
  header.menuOpen nav#headerMenu > ul {
    opacity: 1;
    transform: translate(0) translateZ(0);
    overflow: auto;
  }
  header.menuOpen nav#headerMenu a {
    display: block;
    text-decoration: none;
    transition: none;
    padding: 2.4vw 0.5rem 2.4vw 4.2666666667vw;
    color: #171717;
    position: relative;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7142857143;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header.menuOpen nav#headerMenu a {
    padding: 0.5em 1.5rem 0.5em 1em;
  }
}
@media all and (max-width: 1050px) {
  header.menuOpen nav#headerMenu > ul > li {
    border-bottom: 1px solid #E5E5E5;
    position: relative;
  }
  header.menuOpen nav#headerMenu > ul > li.hasChild:not(.single):not(.btn):after {
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    content: "";
    position: absolute;
    top: 4.2666666667vw;
    right: 4.2666666667vw;
    bottom: 0;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header.menuOpen nav#headerMenu > ul > li:not(.single):not(.btn):after {
    height: 30px;
    width: 30px;
    top: 10px;
    right: 20px;
  }
}
@media all and (max-width: 1050px) {
  header.menuOpen nav#headerMenu > ul > li .headerMenu__child {
    display: none;
  }
  header.menuOpen nav#headerMenu > ul > li .headerMenu__child__head {
    display: none !important;
  }
  header.menuOpen nav#headerMenu > ul > li > a {
    display: block;
    padding: 4.2666666667vw;
    font-size: 2rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header.menuOpen nav#headerMenu > ul > li > a {
    padding: 16px 20px;
  }
}
@media all and (max-width: 1050px) {
  header.menuOpen nav#headerMenu > ul > li.open:after {
    transform: rotate(180deg);
  }
  header.menuOpen nav#headerMenu > ul > li.open ul span:not(.alpha) {
    display: block;
    opacity: 1;
    transition: opacity 0.25s linear 0.25s;
  }
  header.menuOpen nav#headerMenu ul ul {
    height: auto;
    line-height: inherit;
    opacity: 1;
    visibility: visible;
    padding: 4.2666666667vw 6.4vw;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header.menuOpen nav#headerMenu ul ul {
    padding: 16px 50px;
  }
}
@media all and (max-width: 1050px) {
  header.menuOpen nav#headerMenu ul ul li a:after {
    display: inline-block;
    vertical-align: middle;
    height: 4.2666666667vw;
    width: 4.2666666667vw;
    background-image: url(../images/common/icon_arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
    margin-left: 1em;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header.menuOpen nav#headerMenu ul ul li a:after {
    height: 16px;
    width: 16px;
  }
}
@media all and (max-width: 1050px) {
  header.menuOpen nav#headerMenu ul ul li a.blank:after {
    background-image: url(../images/common/icon_blank.svg);
    width: 1rem;
    height: 1rem;
  }
  header.menuOpen nav#headerMenu ul ul li span:not(.alpha) {
    margin: 4.2666666667vw 0 0;
    color: #77ddd1;
    font-size: 1.6rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
    opacity: 0;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  header.menuOpen nav#headerMenu ul ul li span:not(.alpha) {
    margin: 16px 0 0;
  }
}
@media all and (max-width: 1050px) {
  header nav#headerMenu {
    opacity: 0;
    visibility: hidden;
    position: relative;
    top: -1px;
  }
  header nav#headerMenu > ul {
    position: relative;
    opacity: 0;
    transform: translate(-25%);
    transition: all 0.25s ease-out 0.25s;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  html.scroll header {
    top: -160px;
  }
}
@media all and (min-width: 1050px) {
  html.scroll body:not(.topPage) div#main {
    padding-top: 105px;
  }
}
@media all and (min-width: 1050px) and (max-width: 1400px) {
  html.scroll body:not(.topPage) div#main {
    padding-top: 160px;
  }
}
@media screen and (max-width: 1050px) and (max-width: 1050px) {
  html.scroll body:not(.topPage) div#main {
    padding-top: 17.0666666667vw;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  html.scroll body:not(.topPage) div#main {
    padding-top: 100px;
  }
}
.contents__lead {
  font-size: 39px;
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .contents__lead {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
.contents__lead strong {
  color: #77ddd1;
}

.contents__text {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
  margin-bottom: 1rem;
}

@media screen and (max-width: 1050px) {
  .contents__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.contents__text.width {
  max-width: 1128px;
  margin-left: auto;
  margin-right: auto;
}

.contentsInner {
  width: 100%;
  max-width: calc(1130px + 1.5rem);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 1050px) {
  .contentsInner {
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
}
@media screen and (max-width: 1050px) {
  .contentsInner {
    padding-top: 16vw;
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contentsInner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.ctaArea {
  background: linear-gradient(to right, #77DDD1 5%, #128FA0 65%) right/100% no-repeat;
  position: relative;
  padding: 0 !important;
}

.ctaArea .contentsInner {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media screen and (max-width: 1050px) {
  .ctaArea .contentsInner {
    padding: 10.6666666667vw 7.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .ctaArea .contentsInner {
    padding: 60px 24px;
  }
}
.ctaArea .contents__lead {
  font-size: 31px;
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
  color: #fff;
  margin-bottom: 40px;
}

@media screen and (max-width: 1050px) {
  .ctaArea .contents__lead {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .ctaArea .contents__lead {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .ctaArea .contents__lead .sp-show {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .ctaArea .contents__lead .pc-show {
    display: block;
  }
}
.ctaArea .link-button, .ctaArea #emergencyForm #mailform button, #emergencyForm #mailform .ctaArea button, .ctaArea #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .ctaArea span, .ctaArea #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .ctaArea button, .ctaArea #main.faq2020 div.call_form_btn > a, #main.faq2020 .ctaArea div.call_form_btn > a {
  line-height: 4;
}

@media screen and (max-width: 1050px) {
  .ctaArea .link-button, .ctaArea #emergencyForm #mailform button, #emergencyForm #mailform .ctaArea button, .ctaArea #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .ctaArea span, .ctaArea #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .ctaArea button, .ctaArea #main.faq2020 div.call_form_btn > a, #main.faq2020 .ctaArea div.call_form_btn > a {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 3.4545454545;
    margin-top: 0;
  }
}
h3:not([class]) {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 3.75rem 0 1rem;
}

@media screen and (max-width: 1050px) {
  h3:not([class]) {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 1.25rem 0 0.75rem;
  }
}
h3:not([class]):first-child {
  margin-top: 0;
}

.topBanner-heading, .page-heading, .common-heading {
  margin-bottom: 40px;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .topBanner-heading, .page-heading, .common-heading {
    width: 100%;
    max-width: calc(1130px + 1.5rem);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (max-width: 1050px) and (max-width: 1050px) {
  .topBanner-heading, .page-heading, .common-heading {
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topBanner-heading, .page-heading, .common-heading {
    margin-bottom: 40px;
  }
}
.topBanner-heading span, .page-heading span, .common-heading span {
  display: block;
}

.topBanner-heading .ja, .page-heading .ja, .common-heading .ja {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .topBanner-heading .ja, .page-heading .ja, .common-heading .ja {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
.topBanner-heading .en, .page-heading .en, .common-heading .en {
  color: #77ddd1;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (max-width: 1050px) {
  .topBanner-heading .en, .page-heading .en, .common-heading .en {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topBanner-heading .en, .page-heading .en, .common-heading .en {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1050px) {
  .common-heading.under .ja {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) {
  .common-heading.under .en {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-heading {
  width: 100%;
  max-width: calc(1130px + 1.5rem);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

@media screen and (max-width: 1050px) {
  .page-heading {
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
}
@media screen and (max-width: 1050px) {
  .page-heading {
    margin-bottom: clamp(12px, 6.4vw, 24px);
  }
}
.page-heading .ja {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-heading .ja {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
.page-heading .en {
  text-transform: uppercase;
}

@media screen and (max-width: 1050px) {
  .page-heading .en {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
h1.page-heading {
  padding-top: 150px;
}

@media screen and (max-width: 1050px) {
  h1.page-heading {
    padding-top: clamp(40px, 21.3333333333vw, 80px);
  }
}
.heading-type01 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  color: #128fa0;
  margin-bottom: 1em;
}

@media screen and (max-width: 1050px) {
  .heading-type01 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    text-align: center;
  }
}
.heading-type01.mainColor {
  color: #77ddd1;
}

.heading-type02 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1em;
  padding-left: 10px;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .heading-type02 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.heading-type02:before {
  content: "";
  display: block;
  width: 5px;
  height: calc(100% - 0.7em);
  background: #77DDD1;
  position: absolute;
  top: 0.35em;
  left: 0;
}

.heading-type03 {
  font-size: 39px;
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1em;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .heading-type03 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
.heading-type03.color {
  color: #128fa0;
}

.heading-type04, #main.faq2020 h2 {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 3.75rem;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .heading-type04, #main.faq2020 h2 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 2.5rem;
  }
}
.heading-type05, .page-products-dairiten #basicPartner table h5, .page-products-dairiten #expertPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table h5 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.75rem;
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  .heading-type05, .page-products-dairiten #basicPartner table h5, .page-products-dairiten #expertPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
  }
}
.heading-type06, .page-products-dairiten .contents h2, .page-products-dairiten-partnerProgram .contents h2 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.75rem;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .heading-type06, .page-products-dairiten .contents h2, .page-products-dairiten-partnerProgram .contents h2 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.heading-type07 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 0.75rem;
  text-align: center;
}

.heading-type08 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .heading-type08 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.heading-type09 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .heading-type09 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.heading-type10 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.75;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .heading-type10 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.heading-type10.mainColor {
  color: #77ddd1;
}

.heading-en-ja span {
  display: block;
}

.heading-en-ja .en {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1;
  color: #77ddd1;
  text-transform: capitalize;
}

.heading-en-ja .ja {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.7;
  margin-top: -5px;
}

.page-heading-wrapper .page-heading + p {
  margin: 3.125rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-heading-wrapper .page-heading + p {
    margin-top: 2.5rem;
  }
}
.link-button, #emergencyForm #mailform button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn > a {
  background-color: #fff;
  border-radius: 50px;
  display: table;
  position: relative;
  min-width: 320px;
  text-align: center;
  color: #77ddd1;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 3.75;
  height: 60px;
  margin: 40px auto 0;
  text-decoration: none !important;
  border: 2px solid #77DDD1;
  transition: 0.3s ease;
  cursor: pointer;
}

.link-button:hover, #emergencyForm #mailform button:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button:hover, #main.faq2020 div.call_form_btn > a:hover {
  background-color: #77ddd1;
  color: #fff;
}

.link-button:active, #emergencyForm #mailform button:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button:active, #main.faq2020 div.call_form_btn > a:active, .link-button:focus, #emergencyForm #mailform button:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button:focus, #main.faq2020 div.call_form_btn > a:focus {
  background-color: #77ddd1;
  color: #fff;
}

@media screen and (max-width: 1050px) {
  .link-button, #emergencyForm #mailform button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn > a {
    min-width: 100%;
    height: 16vw;
    border-radius: 13.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-button, #emergencyForm #mailform button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn > a {
    max-width: 426px;
    height: 60px;
    min-width: 426px;
  }
}
.link-button.download, #emergencyForm #mailform button.download, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download, #main.faq2020 div.call_form_btn > a.download {
  background-color: #fff;
  transition: 0.3s ease;
  color: #128fa0;
  border-color: #fff;
}

.link-button.download:hover, #emergencyForm #mailform button.download:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:hover, #main.faq2020 div.call_form_btn > a.download:hover {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.download:active, #emergencyForm #mailform button.download:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:active, #main.faq2020 div.call_form_btn > a.download:active, .link-button.download:focus, #emergencyForm #mailform button.download:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:focus, #main.faq2020 div.call_form_btn > a.download:focus {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.download:before, #emergencyForm #mailform button.download:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:before, #main.faq2020 div.call_form_btn > a.download:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 31px;
  width: 31px;
  background: url(../images/common/icon_download.svg) no-repeat center center/contain;
  transform: translateY(-2px);
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .link-button.download:before, #emergencyForm #mailform button.download:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:before, #main.faq2020 div.call_form_btn > a.download:before {
    height: 7.2vw;
    width: 7.2vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-button.download:before, #emergencyForm #mailform button.download:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:before, #main.faq2020 div.call_form_btn > a.download:before {
    height: 31px;
    width: 31px;
    margin-right: 8px;
  }
}
.link-button.download:hover, #emergencyForm #mailform button.download:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:hover, #main.faq2020 div.call_form_btn > a.download:hover, .link-button.download:active, #emergencyForm #mailform button.download:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:active, #main.faq2020 div.call_form_btn > a.download:active, .link-button.download:focus, #emergencyForm #mailform button.download:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:focus, #main.faq2020 div.call_form_btn > a.download:focus {
  background: #128FA0;
  color: #fff;
}

.link-button.download:hover:before, #emergencyForm #mailform button.download:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:hover:before, #main.faq2020 div.call_form_btn > a.download:hover:before, .link-button.download:active:before, #emergencyForm #mailform button.download:active:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:active:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:active:before, #main.faq2020 div.call_form_btn > a.download:active:before, .link-button.download:focus:before, #emergencyForm #mailform button.download:focus:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:focus:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:focus:before, #main.faq2020 div.call_form_btn > a.download:focus:before {
  background-image: url(../images/common/icon_download_wh.svg);
}

.link-button.download.color, #emergencyForm #mailform button.download.color, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color, #main.faq2020 div.call_form_btn > a.download.color {
  border-color: #77ddd1;
  color: #77ddd1;
}

.link-button.download.color:before, #emergencyForm #mailform button.download.color:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:before, #main.faq2020 div.call_form_btn > a.download.color:before {
  background-image: url(../images/common/icon_download_color.svg);
}

.link-button.download.color:hover, #emergencyForm #mailform button.download.color:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:hover, #main.faq2020 div.call_form_btn > a.download.color:hover, .link-button.download.color:active, #emergencyForm #mailform button.download.color:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:active, #main.faq2020 div.call_form_btn > a.download.color:active, .link-button.download.color:focus, #emergencyForm #mailform button.download.color:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:focus, #main.faq2020 div.call_form_btn > a.download.color:focus {
  background: #77DDD1;
  color: #fff;
}

.link-button.download.color:hover:before, #emergencyForm #mailform button.download.color:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:hover:before, #main.faq2020 div.call_form_btn > a.download.color:hover:before, .link-button.download.color:active:before, #emergencyForm #mailform button.download.color:active:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:active:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:active:before, #main.faq2020 div.call_form_btn > a.download.color:active:before, .link-button.download.color:focus:before, #emergencyForm #mailform button.download.color:focus:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download.color:focus:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.download.color:focus:before, #main.faq2020 div.call_form_btn > a.download.color:focus:before {
  background-image: url(../images/common/icon_download_wh.svg);
}

.link-button.mail, #emergencyForm #mailform button.mail, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail, #main.faq2020 div.call_form_btn > a.mail {
  background-color: #77ddd1;
  transition: 0.3s ease;
}

.link-button.mail:hover, #emergencyForm #mailform button.mail:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail:hover, #main.faq2020 div.call_form_btn > a.mail:hover {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.mail:active, #emergencyForm #mailform button.mail:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail:active, #main.faq2020 div.call_form_btn > a.mail:active, .link-button.mail:focus, #emergencyForm #mailform button.mail:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail:focus, #main.faq2020 div.call_form_btn > a.mail:focus {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.mail:before, #emergencyForm #mailform button.mail:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail:before, #main.faq2020 div.call_form_btn > a.mail:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  background: url(../images/common/icon_mail.svg) no-repeat center center/contain;
  transform: translateY(-2px);
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .link-button.mail:before, #emergencyForm #mailform button.mail:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail:before, #main.faq2020 div.call_form_btn > a.mail:before {
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-button.mail:before, #emergencyForm #mailform button.mail:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mail:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mail:before, #main.faq2020 div.call_form_btn > a.mail:before {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.link-button.pdf, #emergencyForm #mailform button.pdf, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf, #main.faq2020 div.call_form_btn > a.pdf {
  background-color: #fff;
  transition: 0.3s ease;
  width: -moz-max-content;
  width: max-content;
  padding: 1rem 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.5;
}

.link-button.pdf:hover, #emergencyForm #mailform button.pdf:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:hover, #main.faq2020 div.call_form_btn > a.pdf:hover {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.pdf:active, #emergencyForm #mailform button.pdf:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:active, #main.faq2020 div.call_form_btn > a.pdf:active, .link-button.pdf:focus, #emergencyForm #mailform button.pdf:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:focus, #main.faq2020 div.call_form_btn > a.pdf:focus {
  background-color: #77ddd1;
  color: #fff;
}

@media screen and (max-width: 1050px) {
  .link-button.pdf, #emergencyForm #mailform button.pdf, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf, #main.faq2020 div.call_form_btn > a.pdf {
    width: auto;
  }
}
@media screen and (max-width: 1050px) {
  .link-button.pdf span, #emergencyForm #mailform button.pdf span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf span, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf span, #main.faq2020 div.call_form_btn > a.pdf span {
    text-align: left;
    font-size: 0.875rem;
  }
}
.link-button.pdf:before, #emergencyForm #mailform button.pdf:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:before, #main.faq2020 div.call_form_btn > a.pdf:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  background: url(../images/common/icon_pdf.svg) no-repeat center center/contain;
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .link-button.pdf:before, #emergencyForm #mailform button.pdf:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:before, #main.faq2020 div.call_form_btn > a.pdf:before {
    min-width: 20px;
    min-height: 20px;
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-button.pdf:before, #emergencyForm #mailform button.pdf:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:before, #main.faq2020 div.call_form_btn > a.pdf:before {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.link-button.pdf:hover, #emergencyForm #mailform button.pdf:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:hover, #main.faq2020 div.call_form_btn > a.pdf:hover, .link-button.pdf:active, #emergencyForm #mailform button.pdf:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:active, #main.faq2020 div.call_form_btn > a.pdf:active, .link-button.pdf:focus, #emergencyForm #mailform button.pdf:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:focus, #main.faq2020 div.call_form_btn > a.pdf:focus {
  background: #77DDD1;
  color: #fff;
}

.link-button.pdf:hover:before, #emergencyForm #mailform button.pdf:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:hover:before, #main.faq2020 div.call_form_btn > a.pdf:hover:before, .link-button.pdf:active:before, #emergencyForm #mailform button.pdf:active:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:active:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:active:before, #main.faq2020 div.call_form_btn > a.pdf:active:before, .link-button.pdf:focus:before, #emergencyForm #mailform button.pdf:focus:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.pdf:focus:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.pdf:focus:before, #main.faq2020 div.call_form_btn > a.pdf:focus:before {
  background-image: url(../images/common/icon_pdf_white.svg);
}

.link-button.zip, #emergencyForm #mailform button.zip, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip, #main.faq2020 div.call_form_btn > a.zip {
  background-color: #fff;
  transition: 0.3s ease;
}

.link-button.zip:hover, #emergencyForm #mailform button.zip:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:hover, #main.faq2020 div.call_form_btn > a.zip:hover {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.zip:active, #emergencyForm #mailform button.zip:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:active, #main.faq2020 div.call_form_btn > a.zip:active, .link-button.zip:focus, #emergencyForm #mailform button.zip:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:focus, #main.faq2020 div.call_form_btn > a.zip:focus {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.zip:before, #emergencyForm #mailform button.zip:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:before, #main.faq2020 div.call_form_btn > a.zip:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  background: url(../images/common/zip_icon.svg) no-repeat center center/contain;
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .link-button.zip:before, #emergencyForm #mailform button.zip:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:before, #main.faq2020 div.call_form_btn > a.zip:before {
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-button.zip:before, #emergencyForm #mailform button.zip:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:before, #main.faq2020 div.call_form_btn > a.zip:before {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.link-button.zip:hover, #emergencyForm #mailform button.zip:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:hover, #main.faq2020 div.call_form_btn > a.zip:hover, .link-button.zip:active, #emergencyForm #mailform button.zip:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:active, #main.faq2020 div.call_form_btn > a.zip:active, .link-button.zip:focus, #emergencyForm #mailform button.zip:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:focus, #main.faq2020 div.call_form_btn > a.zip:focus {
  background: #77DDD1;
  color: #fff;
}

.link-button.zip:hover:before, #emergencyForm #mailform button.zip:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:hover:before, #main.faq2020 div.call_form_btn > a.zip:hover:before, .link-button.zip:active:before, #emergencyForm #mailform button.zip:active:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:active:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:active:before, #main.faq2020 div.call_form_btn > a.zip:active:before, .link-button.zip:focus:before, #emergencyForm #mailform button.zip:focus:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.zip:focus:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.zip:focus:before, #main.faq2020 div.call_form_btn > a.zip:focus:before {
  background-image: url(../images/common/icon_pdf_white.svg);
}

.link-button.arrow:hover:after, #emergencyForm #mailform button.arrow:hover:after, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.arrow:hover:after, #main.faq2020 div.call_form_btn #mailform .buttonBox button.arrow:hover:after, #main.faq2020 div.call_form_btn > a.arrow:hover:after {
  background: #00879E;
  opacity: 0;
  animation: zero_to_1em 0.25s forwards 0.25s;
}

.link-button.arrow.blue_green, #emergencyForm #mailform button.arrow.blue_green, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.arrow.blue_green, #main.faq2020 div.call_form_btn #mailform .buttonBox button.arrow.blue_green, #main.faq2020 div.call_form_btn > a.arrow.blue_green {
  color: #00879e !important;
}

.link-button.arrow.blue_green:before, #emergencyForm #mailform button.arrow.blue_green:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.arrow.blue_green:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.arrow.blue_green:before, #main.faq2020 div.call_form_btn > a.arrow.blue_green:before, .link-button.arrow.blue_green:after, #emergencyForm #mailform button.arrow.blue_green:after, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.arrow.blue_green:after, #main.faq2020 div.call_form_btn #mailform .buttonBox button.arrow.blue_green:after, #main.faq2020 div.call_form_btn > a.arrow.blue_green:after {
  background: #00879E;
}

.link-button.shadow, #emergencyForm #mailform button.shadow, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow, #main.faq2020 div.call_form_btn > a.shadow {
  display: inline-block;
  margin: 0.5rem;
  padding: 0.6em 1.5em 0.75em;
  color: #002c33;
  background: #FFFFFF;
  font-size: 1.8rem;
  text-decoration: none;
  border: 1px solid #002C33;
  overflow: hidden;
  transition: none;
  position: relative;
}

.link-button.shadow.block, #emergencyForm #mailform button.shadow.block, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow.block, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow.block, #main.faq2020 div.call_form_btn > a.shadow.block {
  display: table;
  width: auto;
  margin: 1.5em auto 0;
}

.link-button.shadow.large, #emergencyForm #mailform button.shadow.large, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow.large, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow.large, #main.faq2020 div.call_form_btn > a.shadow.large {
  font-size: 2.4rem !important;
}

.link-button.shadow.mainColor, #emergencyForm #mailform button.shadow.mainColor, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow.mainColor, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow.mainColor, #main.faq2020 div.call_form_btn > a.shadow.mainColor {
  color: #fff;
  background: #002C33;
  border-color: #004653;
}

.link-button.shadow.mainColor:hover, #emergencyForm #mailform button.shadow.mainColor:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow.mainColor:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow.mainColor:hover, #main.faq2020 div.call_form_btn > a.shadow.mainColor:hover {
  border-color: #005e6f;
}

.link-button.shadow.mainColor:hover:before, #emergencyForm #mailform button.shadow.mainColor:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow.mainColor:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow.mainColor:hover:before, #main.faq2020 div.call_form_btn > a.shadow.mainColor:hover:before {
  background: #00879E;
}

.link-button.shadow > span, #emergencyForm #mailform button.shadow > span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow > span, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow > span, #main.faq2020 div.call_form_btn > a.shadow > span {
  position: relative;
  z-index: 2;
}

.link-button.shadow:before, #emergencyForm #mailform button.shadow:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow:before, #main.faq2020 div.call_form_btn > a.shadow:before {
  display: block;
  width: 150%;
  height: 500%;
  background: #002C33;
  content: "";
  transform: rotate(-25deg);
  transition: none;
  position: absolute;
  top: -200%;
  left: -180%;
  z-index: 1;
}

.link-button.shadow:hover, #emergencyForm #mailform button.shadow:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow:hover, #main.faq2020 div.call_form_btn > a.shadow:hover {
  color: #fff;
  transition: all 0.25s linear;
}

.link-button.shadow:hover:before, #emergencyForm #mailform button.shadow:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.shadow:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.shadow:hover:before, #main.faq2020 div.call_form_btn > a.shadow:hover:before {
  left: -20%;
  transition: left 0.25s linear;
}

.link-button.link, #emergencyForm #mailform button.link, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link, #main.faq2020 div.call_form_btn > a.link {
  display: table;
  width: auto;
  min-width: 26.875rem;
  padding: 1.25rem 2.5rem;
  color: #77ddd1;
  background: #FFFFFF;
  border: 2px solid #77DDD1;
  text-align: center;
  text-decoration: underline !important;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4285714286;
  margin: 2.5rem 0 0;
}

@media screen and (max-width: 1050px) {
  .link-button.link, #emergencyForm #mailform button.link, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link, #main.faq2020 div.call_form_btn > a.link {
    min-width: inherit;
    padding: 1rem 1.5rem;
  }
}
.link-button.link:hover, #emergencyForm #mailform button.link:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link:hover, #main.faq2020 div.call_form_btn > a.link:hover, .link-button.link:active, #emergencyForm #mailform button.link:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link:active, #main.faq2020 div.call_form_btn > a.link:active, .link-button.link:focus, #emergencyForm #mailform button.link:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link:focus, #main.faq2020 div.call_form_btn > a.link:focus {
  background: #77DDD1;
  border-color: #77ddd1;
}

.link-button.link.icon, #emergencyForm #mailform button.link.icon, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon, #main.faq2020 div.call_form_btn > a.link.icon {
  padding-left: 3.75rem;
  background-size: 1.25rem;
  background-repeat: no-repeat;
  background-position: 2rem center;
}

@media screen and (max-width: 1050px) {
  .link-button.link.icon, #emergencyForm #mailform button.link.icon, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon, #main.faq2020 div.call_form_btn > a.link.icon {
    padding-left: 3rem;
    background-position: 1.25rem center;
  }
}
.link-button.link.icon.file, #emergencyForm #mailform button.link.icon.file, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon.file, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon.file, #main.faq2020 div.call_form_btn > a.link.icon.file {
  background-image: url(../images/icon/file_icon.svg);
}

.link-button.link.icon.zip, #emergencyForm #mailform button.link.icon.zip, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon.zip, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon.zip, #main.faq2020 div.call_form_btn > a.link.icon.zip {
  background-image: url(../images/common/zip_icon.svg);
}

.link-button.link.icon.pdf, #emergencyForm #mailform button.link.icon.pdf, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon.pdf, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon.pdf, #main.faq2020 div.call_form_btn > a.link.icon.pdf {
  background-image: url(../images/icon/pdf_icon.svg);
}

.link-button.link.icon.xlsx, #emergencyForm #mailform button.link.icon.xlsx, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon.xlsx, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon.xlsx, #main.faq2020 div.call_form_btn > a.link.icon.xlsx {
  background-image: url(../images/icon/xlsx_icon.svg);
}

.link-button.link.icon.option, #emergencyForm #mailform button.link.icon.option, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.link.icon.option, #main.faq2020 div.call_form_btn #mailform .buttonBox button.link.icon.option, #main.faq2020 div.call_form_btn > a.link.icon.option {
  font-size: 1.6rem;
  background-image: url(../images/icon/file_icon.svg);
  position: absolute;
  top: 20rem;
  right: calc(50% - 550px);
}

.link-button.mainColor, #emergencyForm #mailform button.mainColor, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mainColor, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mainColor, #main.faq2020 div.call_form_btn > a.mainColor {
  background-color: #77ddd1;
  color: #fff;
  border-color: #77ddd1;
}

.link-button.mainColor:hover, #emergencyForm #mailform button.mainColor:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mainColor:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mainColor:hover, #main.faq2020 div.call_form_btn > a.mainColor:hover, .link-button.mainColor:active, #emergencyForm #mailform button.mainColor:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mainColor:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mainColor:active, #main.faq2020 div.call_form_btn > a.mainColor:active, .link-button.mainColor:focus, #emergencyForm #mailform button.mainColor:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.mainColor:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.mainColor:focus, #main.faq2020 div.call_form_btn > a.mainColor:focus {
  background-color: #fff;
  color: #77ddd1;
}

.link-button.file, #emergencyForm #mailform button.file, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file, #main.faq2020 div.call_form_btn > a.file {
  background-color: #fff;
  transition: 0.3s ease;
}

.link-button.file:hover, #emergencyForm #mailform button.file:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:hover, #main.faq2020 div.call_form_btn > a.file:hover {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.file:active, #emergencyForm #mailform button.file:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:active, #main.faq2020 div.call_form_btn > a.file:active, .link-button.file:focus, #emergencyForm #mailform button.file:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:focus, #main.faq2020 div.call_form_btn > a.file:focus {
  background-color: #77ddd1;
  color: #fff;
}

.link-button.file:before, #emergencyForm #mailform button.file:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:before, #main.faq2020 div.call_form_btn > a.file:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  margin-bottom: 4px;
  height: 20px;
  width: 20px;
  background: url(../images/common/icon_file.svg) no-repeat center center/contain;
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .link-button.file:before, #emergencyForm #mailform button.file:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:before, #main.faq2020 div.call_form_btn > a.file:before {
    min-width: 20px;
    min-height: 20px;
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-button.file:before, #emergencyForm #mailform button.file:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:before, #main.faq2020 div.call_form_btn > a.file:before {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.link-button.file:hover, #emergencyForm #mailform button.file:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:hover, #main.faq2020 div.call_form_btn > a.file:hover, .link-button.file:active, #emergencyForm #mailform button.file:active, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:active, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:active, #main.faq2020 div.call_form_btn > a.file:active, .link-button.file:focus, #emergencyForm #mailform button.file:focus, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:focus, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:focus, #main.faq2020 div.call_form_btn > a.file:focus {
  background: #77DDD1;
  color: #fff;
}

.link-button.file:hover:before, #emergencyForm #mailform button.file:hover:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:hover:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:hover:before, #main.faq2020 div.call_form_btn > a.file:hover:before, .link-button.file:active:before, #emergencyForm #mailform button.file:active:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:active:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:active:before, #main.faq2020 div.call_form_btn > a.file:active:before, .link-button.file:focus:before, #emergencyForm #mailform button.file:focus:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:focus:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:focus:before, #main.faq2020 div.call_form_btn > a.file:focus:before {
  background-image: url(../images/common/icon_file_wh.svg);
}

.link-button.open-button span, #emergencyForm #mailform button.open-button span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button span, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button span, #main.faq2020 div.call_form_btn > a.open-button span {
  margin-left: 0.5rem;
}

.link-button.open-button span:before, #emergencyForm #mailform button.open-button span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button span:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button span:before, #main.faq2020 div.call_form_btn > a.open-button span:before {
  content: "＋";
}

.link-button.open-button.show span, #emergencyForm #mailform button.open-button.show span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button.show span, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button.show span, #main.faq2020 div.call_form_btn > a.open-button.show span {
  margin-left: 0.9rem;
}

.link-button.open-button.show span:before, #emergencyForm #mailform button.open-button.show span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button.show span:before, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button.show span:before, #main.faq2020 div.call_form_btn > a.open-button.show span:before {
  content: "−";
}

.link-button.open-button + .open-contents, #emergencyForm #mailform button.open-button + .open-contents, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button + .open-contents, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button + .open-contents, #main.faq2020 div.call_form_btn > a.open-button + .open-contents {
  opacity: 0;
  height: 0;
  transition: all 0.3s ease;
  padding: 0;
}

.link-button.open-button + .open-contents.show, #emergencyForm #mailform button.open-button + .open-contents.show, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button + .open-contents.show, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button + .open-contents.show, #main.faq2020 div.call_form_btn > a.open-button + .open-contents.show {
  opacity: 1;
  height: auto;
  padding: 3rem 0 0;
}

.link-button.open-button + .open-contents .notice-block, #emergencyForm #mailform button.open-button + .open-contents .notice-block, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.open-button + .open-contents .notice-block, #main.faq2020 div.call_form_btn #mailform .buttonBox button.open-button + .open-contents .notice-block, #main.faq2020 div.call_form_btn > a.open-button + .open-contents .notice-block {
  margin-top: 0;
}

.text-button-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .text-button-list {
    display: block;
    margin: 0 1rem 1.5rem;
  }
}
.text-button-list li {
  width: calc(33.3% - 0.6666666667rem);
}

@media screen and (max-width: 1050px) {
  .text-button-list li {
    width: 100%;
    margin-bottom: 1.5rem;
  }
}
.text-button-list li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2.04;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  border-radius: 10px;
  padding: 1.5rem 1rem 1.5rem 1.5rem;
  height: 100%;
  transition: opacity 0.3s;
  background: #FFF;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .text-button-list li a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.text-button-list li a:hover {
  opacity: 0.8;
}

.text-button-list li a:after {
  content: "";
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: block;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/contain;
  margin-left: 0.5rem;
}

.text-button-list li a > span {
  display: block;
  width: calc(100% - 1.5rem);
}

@media screen and (max-width: 1050px) {
  .text-button-list li a > span {
    width: calc(100% - 3rem);
  }
}
.text-button-list li a time {
  position: absolute;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 2.1428571429;
  color: #fff;
  background: #128FA0;
  border-radius: 10px;
  display: inline-block;
  padding: 0 0.5rem;
  right: -0.25rem;
  top: -0.25rem;
}

.text-button-list li a .button-head {
  margin-bottom: 0.625rem;
  margin-right: -2rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.text-button-list li a .button-text {
  color: #171717;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .text-button-list li a .button-text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.text-button-list.color li a {
  color: #77ddd1;
}

.text-button-list.color li a:after {
  background-image: url(../images/common/icon_arrow_color.svg);
}

.link-list {
  margin-bottom: 2em;
}

.link-list li {
  margin-bottom: 1em;
}

.link-list li a {
  transition: opacity 0.3s;
}

@media screen and (max-width: 1050px) {
  .link-list li a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.link-list li a:hover {
  opacity: 0.7;
}

.link-list li a.blank:after {
  content: "";
  display: inline-block;
  background-image: url(../images/common/icon_blank.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  vertical-align: text-bottom;
}

.link-list li a.blank.link-button:after, .link-list li #main.faq2020 div.call_form_btn > a.blank:after, #main.faq2020 .link-list li div.call_form_btn > a.blank:after {
  width: 0.875rem;
  height: 0.875rem;
  vertical-align: middle;
  margin-top: -0.2rem;
  background-image: url(../images/common/icon_blank_maincolor.svg);
}

.link-list li a.blank.link-button:hover:after, .link-list li #main.faq2020 div.call_form_btn > a.blank:hover:after, #main.faq2020 .link-list li div.call_form_btn > a.blank:hover:after {
  background-image: url(../images/common/icon_blank_white.svg);
}

.link-list.buttonBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .link-list.buttonBox {
    display: block;
  }
}
.link-list.buttonBox li:nth-child(2n) {
  margin-left: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .link-list.buttonBox li:nth-child(2n) {
    margin-left: 0;
  }
}
.link-list.buttonBox li:nth-child(n+3) {
  margin-top: 1rem;
}

@media screen and (max-width: 1050px) {
  .link-list.buttonBox li:nth-child(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1050px) {
  .link-list.buttonBox li :nth-child(n+2) {
    margin: 1.5rem 0 0;
  }
}
.link-list.buttonBox li a.link-button, .link-list.buttonBox li #main.faq2020 div.call_form_btn > a, #main.faq2020 .link-list.buttonBox li div.call_form_btn > a {
  min-width: 344px;
  margin-top: 0;
}

@media screen and (max-width: 1050px) {
  .link-list.buttonBox li a.link-button, .link-list.buttonBox li #main.faq2020 div.call_form_btn > a, #main.faq2020 .link-list.buttonBox li div.call_form_btn > a {
    min-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .link-list.buttonBox li a.link-button, .link-list.buttonBox li #main.faq2020 div.call_form_btn > a, #main.faq2020 .link-list.buttonBox li div.call_form_btn > a {
    min-width: 426px;
  }
}
.link-card-list.column2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: stretch;
}

.link-card-list.column2 .link-card-list__item {
  width: calc((100% - 3.125rem) / 2);
}

@media screen and (max-width: 1050px) {
  .link-card-list.column2 .link-card-list__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
.link-card-list.column2 .link-card-list__item:nth-of-type(n+3) {
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .link-card-list.column2 .link-card-list__item:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1050px) {
  .link-card-list.column2 .link-card-list__item + .link-card-list__item {
    margin-top: 1.5rem;
  }
}
.link-card-list.column3 {
  display: flex;
  flex-wrap: wrap;
}

.link-card-list.column3 .link-card-list__item {
  width: calc((100% - 6.25rem) / 3);
}

@media screen and (max-width: 1050px) {
  .link-card-list.column3 .link-card-list__item {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
  }
}
.link-card-list.column3 .link-card-list__item:not(:nth-of-type(3n)) {
  margin-right: 3.125rem;
}

@media screen and (max-width: 1050px) {
  .link-card-list.column3 .link-card-list__item:not(:nth-of-type(3n)) {
    margin: 0 auto;
  }
}
.link-card-list.column3 .link-card-list__item:nth-of-type(n+4) {
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .link-card-list.column3 .link-card-list__item:nth-of-type(n+4) {
    margin-top: 0;
  }
}
@media screen and (max-width: 1050px) {
  .link-card-list.column3 .link-card-list__item + .link-card-list__item {
    margin-top: 1.5rem;
  }
}
.link-card-list .link-card-list__item {
  display: flex;
  align-items: stretch;
}

.link-card-list .link-card-list__item__inner:hover {
  opacity: 1 !important;
}

.link-card-list .link-card-list__item > a, .link-card-list .link-card-list__item__inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 2.5rem 1.5rem;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  background: #FFF;
  position: relative;
  transition: opacity 0.3s;
}

.link-card-list .link-card-list__item > a:hover, .link-card-list .link-card-list__item__inner:hover {
  opacity: 0.7;
}

.link-card-list .link-card-list__item > a figure, .link-card-list .link-card-list__item__inner figure {
  text-align: center;
}

.link-card-list .link-card-list__item > a .document-h4, .link-card-list .link-card-list__item__inner .document-h4 {
  margin: 1.25rem 0;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  text-align: center;
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .link-card-list .link-card-list__item > a .document-h4, .link-card-list .link-card-list__item__inner .document-h4 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.link-card-list .link-card-list__item > a .document-h4.line2, .link-card-list .link-card-list__item__inner .document-h4.line2 {
  min-height: 3.812rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .link-card-list .link-card-list__item > a .document-h4.line2, .link-card-list .link-card-list__item__inner .document-h4.line2 {
    min-height: auto;
  }
}
.link-card-list .link-card-list__item > a .document-h4 .small, .link-card-list .link-card-list__item__inner .document-h4 .small {
  font-size: 12px;
  font-size: 0.75rem;
}

.link-card-list .link-card-list__item > a p .small, .link-card-list .link-card-list__item__inner p .small {
  font-size: 12px;
  font-size: 0.75rem;
}

.link-card-list .link-card-list__item > a p:not(:last-child), .link-card-list .link-card-list__item__inner p:not(:last-child) {
  margin-bottom: 1.5rem;
}

.link-card-list .link-card-list__item > a p:last-child, .link-card-list .link-card-list__item__inner p:last-child {
  margin-bottom: 0;
}

.link-card-list .link-card-list__item > a .link-card-list__item__more, .link-card-list .link-card-list__item__inner .link-card-list__item__more {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 0.0875;
  color: #77ddd1;
  align-self: flex-end;
  margin-top: auto;
  margin-bottom: 0;
}

.link-card-list .link-card-list__item > a .link-card-list__item__more:after, .link-card-list .link-card-list__item__inner .link-card-list__item__more:after {
  content: "";
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/top/lineup_arrow.svg) no-repeat center center/contain;
  margin-left: 10px;
}

.download-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.75rem;
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .download-list {
    width: 11.25rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .download-list {
    width: 20rem;
  }
}
.download-item {
  width: calc(25% - 2.8125rem);
}

@media screen and (max-width: 1050px) {
  .download-item {
    width: 100%;
  }
}
.download-item__img {
  margin-bottom: 1.5rem;
  width: 100%;
}

.download-item__title {
  font-size: 16px;
  font-size: 1rem;
  text-align: center;
  margin-bottom: 1.5rem;
}

.download-item__title small {
  font-size: 10px;
  font-size: 0.625rem;
}

.download-item__text {
  font-size: 14px;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.download-item .link-button, .download-item #emergencyForm #mailform button, #emergencyForm #mailform .download-item button, .download-item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .download-item span, .download-item #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .download-item button, .download-item #main.faq2020 div.call_form_btn > a, #main.faq2020 .download-item div.call_form_btn > a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.5;
  height: 2.5rem;
  min-width: 11.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 1.0625rem;
  margin: 1rem auto 0;
}

@media screen and (max-width: 1050px) {
  .download-item .link-button, .download-item #emergencyForm #mailform button, #emergencyForm #mailform .download-item button, .download-item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .download-item span, .download-item #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .download-item button, .download-item #main.faq2020 div.call_form_btn > a, #main.faq2020 .download-item div.call_form_btn > a {
    width: 100%;
  }
}
.download-item .link-button small, .download-item #emergencyForm #mailform button small, #emergencyForm #mailform .download-item button small, .download-item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span small, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .download-item span small, .download-item #main.faq2020 div.call_form_btn #mailform .buttonBox button small, #main.faq2020 div.call_form_btn #mailform .buttonBox .download-item button small, .download-item #main.faq2020 div.call_form_btn > a small, #main.faq2020 .download-item div.call_form_btn > a small {
  font-size: 10px;
  font-size: 0.625rem;
}

.button-area {
  padding: 2.5rem;
  border-radius: 10px;
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .button-area {
    margin-top: 1.5rem;
    padding: 2.5rem 1rem;
  }
}
.button-area .widthMiddle {
  width: 60%;
  margin: 0 auto 1rem;
}

@media screen and (max-width: 1050px) {
  .button-area .widthMiddle {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .button-area .widthMiddle {
    width: 60%;
  }
}
.button-area .link-button, .button-area #emergencyForm #mailform button, #emergencyForm #mailform .button-area button, .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .button-area span, .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .button-area button, .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .button-area div.call_form_btn > a {
  margin: 2.5rem auto 0;
}

@media screen and (max-width: 1050px) {
  .button-area .link-button, .button-area #emergencyForm #mailform button, #emergencyForm #mailform .button-area button, .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .button-area span, .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .button-area button, .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .button-area div.call_form_btn > a {
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .button-area .link-button.small span, .button-area #emergencyForm #mailform button.small span, #emergencyForm #mailform .button-area button.small span, .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.small span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .button-area span.small span, .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button.small span, #main.faq2020 div.call_form_btn #mailform .buttonBox .button-area button.small span, .button-area #main.faq2020 div.call_form_btn > a.small span, #main.faq2020 .button-area div.call_form_btn > a.small span {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .button-area .link-button span, .button-area #emergencyForm #mailform button span, #emergencyForm #mailform .button-area button span, .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .button-area span span, .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button span, #main.faq2020 div.call_form_btn #mailform .buttonBox .button-area button span, .button-area #main.faq2020 div.call_form_btn > a span, #main.faq2020 .button-area div.call_form_btn > a span {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.4;
  }
}
.button-area .note {
  text-align: center;
  margin-top: 2.8125rem;
}

@media screen and (max-width: 1050px) {
  .button-area .note {
    text-align: left;
    margin: 1.5rem 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .button-area .note {
    text-align: center;
  }
}
nav.pageNavi {
  padding: 2.5rem 0;
  background: #FAFAFA;
}

nav.pageNavi ul {
  width: calc(100% - 2rem);
  max-width: calc(900px + 2rem);
  margin: 0 auto;
  text-align: center;
  padding: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
}

@media screen and (max-width: 1050px) {
  nav.pageNavi ul {
    gap: 0.5rem 0.8rem;
    width: 100%;
  }
}
nav.pageNavi ul li {
  position: relative;
}

nav.pageNavi ul li a {
  display: block;
  min-width: 12.5rem;
  padding: 0.25rem 0.5rem 0.2925rem;
  color: #77ddd1;
  background: #FFFFFF;
  border: 1px solid #77DDD1;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  nav.pageNavi ul li a {
    font-size: 11px;
    font-size: 0.6875rem;
    min-width: calc(50vw - 1.4rem);
  }
}
nav.pageNavi ul li a:hover {
  color: #fff;
  background: #77DDD1;
}

nav.pageNavi ul li.now a {
  color: #fff;
  background: #77DDD1;
  border-color: rgba(255, 255, 255, 0);
}

nav.pageNavi ul li:before {
  display: none !important;
}

.contact-form {
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 4px 36px -4px rgba(0, 72, 49, 0.1019607843), 0 10px 15px -3px rgba(0, 72, 49, 0.1019607843);
  padding: 24px;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .contact-form {
    width: 100%;
    padding: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contact-form {
    padding: 24px;
  }
}
.contact-form .form-heading {
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

.contact-form label.text {
  margin-bottom: 24px;
  display: block;
}

@media screen and (max-width: 1050px) {
  .contact-form label.text {
    margin-bottom: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contact-form label.text {
    margin-bottom: 24px;
  }
}
.contact-form label.radio {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 1.5em 0 0;
}

@media screen and (max-width: 1050px) {
  .contact-form label.radio {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.contact-form label:before, .contact-form label:after {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.contact-form label:before {
  content: "";
  position: absolute;
  right: 119px;
  top: -19px;
  height: 20px;
  width: 20px;
  transform: rotate(180deg);
  background: url(../images/common/icon_form_error.svg) no-repeat center center/contain;
}

.contact-form label:after {
  content: "この項目は必須項目です";
  background: #F15656;
  padding: 10px;
  border-radius: 4px;
  color: #fff;
  position: absolute;
  right: 10px;
  top: -50px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  z-index: 1;
}

.contact-form label.error {
  position: relative;
}

.contact-form label.error:before, .contact-form label.error:after {
  opacity: 1;
}

.contact-form input[type=text], .contact-form input[type=email] {
  padding: 10px 12px;
  border-radius: 10px;
}

@media screen and (max-width: 1050px) {
  .contact-form input[type=text], .contact-form input[type=email] {
    padding: 2.6666666667vw 3.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contact-form input[type=text], .contact-form input[type=email] {
    padding: 10px 12px;
  }
}
.contact-form input[type=text]::-moz-placeholder, .contact-form input[type=email]::-moz-placeholder {
  color: #a3a3a3;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}
.contact-form input[type=text]::placeholder, .contact-form input[type=email]::placeholder {
  color: #a3a3a3;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.contact-form input[type=checkbox] {
  border-radius: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  display: inline-block;
  margin: 0 8px 0 0;
  position: relative;
}

.contact-form input[type=checkbox]:before {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: 2px solid #999999;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  position: absolute;
  top: -3px;
  left: 1px;
  opacity: 0;
}

.contact-form input[type=checkbox]:checked:before {
  opacity: 1;
}

.contact-form input[type=radio] {
  border-radius: 33px;
  border: 1.5px solid #A3A3A3;
  height: 16px;
  width: 16px;
  padding: 0;
  display: inline-block;
  margin: 0 8px 0 0;
  vertical-align: middle;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .contact-form input[type=radio] {
    height: 4.2666666667vw;
    width: 4.2666666667vw;
    margin: 0 2.1333333333vw 0 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contact-form input[type=radio] {
    height: 16px;
    width: 16px;
    margin: 0 8px 0 0;
  }
}
.contact-form input[type=radio]:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #77DDD1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  opacity: 0;
}

.contact-form input[type=radio]:checked {
  border-color: #77ddd1;
}

.contact-form input[type=radio]:checked:before {
  opacity: 1;
}

.contact-form .checkbox {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2.0833333333;
}

.contact-form .checkbox__wrap {
  max-width: 310px;
  margin: 8px auto;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .contact-form .checkbox__wrap {
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contact-form .checkbox__wrap {
    text-align: center;
  }
}
.contact-form .checkbox__wrap .error:before {
  right: -11px;
  bottom: -4px;
}

.contact-form .checkbox__wrap .error:after {
  right: -153px;
}

.contact-form .checkbox__wrap p {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4166666667;
}

.contact-form .checkbox__wrap p a, .contact-form .checkbox a {
  text-decoration: underline;
}

.contact-form .radio__wrap {
  padding: 8px 0 26px;
  border-bottom: 1px solid #EAEAEA;
  margin-bottom: 26px;
}

@media screen and (max-width: 1050px) {
  .contact-form .radio__wrap {
    padding: 4.2666666667vw 0 6.4vw;
    margin-bottom: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contact-form .radio__wrap {
    padding: 16px 0 26px;
    margin-bottom: 26px;
  }
}
.contact-form button {
  background-color: #77ddd1;
  transition: 0.3s ease;
  width: 100%;
  color: #fff;
  margin-top: 16px;
  background: #77DDD1;
  border-width: 0;
}

.contact-form button:hover {
  background-color: #77ddd1;
  color: #fff;
}

.contact-form button:active, .contact-form button:focus {
  background-color: #77ddd1;
  color: #fff;
}

.contact-form button:hover {
  opacity: 0.7;
}

.contact-form .form-bottom {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.7;
  margin-top: 1.5em;
}

.contact-form .form-bottom__heading {
  text-align: center;
  margin-bottom: 0.6em;
  display: flex;
  align-items: center;
}

.contact-form .form-bottom__heading:before, .contact-form .form-bottom__heading:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background: #171717;
}

.contact-form .form-bottom__heading:before {
  margin-right: 8px;
}

.contact-form .form-bottom__heading:after {
  margin-left: 8px;
}

.contact-form .form-bottom a {
  text-decoration: underline;
}

.phoneNum {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4478571429;
  pointer-events: none;
}

@media screen and (max-width: 1050px) {
  .phoneNum {
    font-size: 24px;
    font-size: 1.5rem;
    pointer-events: all;
  }
}
.contact-block {
  border-radius: 10px;
  padding: 1.375rem 0 1.375rem 9.5rem;
  background: #FFF url(../images/products/sales_form/contact_block_img01.png) no-repeat left bottom/9.5rem auto;
  margin: 1.5rem 0 3.75rem;
}

@media screen and (max-width: 1280px) {
  .contact-block {
    padding-left: 11.875vw;
    background-size: 11.875vw auto;
  }
}
@media screen and (max-width: 1050px) {
  .contact-block {
    padding: 0.75rem 0.8rem 1rem 7.5rem;
    background-size: 8rem auto;
    background-position: -0.5rem bottom;
    margin: 1.5rem 0 2.5rem;
  }
}
.contact-block .phoneNum {
  display: block;
  margin: 0.625rem 0 0.75rem;
}

@media screen and (max-width: 1280px) {
  .contact-block .phoneNum {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 1050px) {
  .contact-block .phoneNum {
    font-size: 28px;
    font-size: 1.75rem;
    margin: 0.5rem 0 0.3125rem;
    white-space: nowrap;
  }
}
.contact-block p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.375;
  margin: 0 !important;
}

@media screen and (max-width: 1280px) {
  .contact-block p {
    font-size: 1.25vw !important;
  }
}
@media screen and (max-width: 1050px) {
  .contact-block p {
    font-size: 0.875rem !important;
    line-height: 1.44 !important;
  }
}
.contact-block p:first-child {
  font-weight: 500;
}

@media screen and (max-width: 1050px) {
  .contact-block p:first-child {
    font-size: 1rem !important;
  }
}
.page-products-sales_form .heading-type01 {
  text-align: left;
}

@media screen and (max-width: 1050px) {
  .page-products-sales_form #form-wrap .form-text {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-sales_form #form-wrap .form-text p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-sales_form h3 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.page-products-sales_form a.text_link {
  font-weight: 700;
  margin-bottom: 1rem;
  display: inline-block;
}

.page-products-sales_form p + a.text_link {
  margin-top: 0.5rem;
}

.page-support-otoiawase #form-wrap .form-text figure {
  max-width: 423px;
  margin: 3rem auto 0;
}

.page-products-catalog-form #form-wrap .form-text figure {
  max-width: 312px;
  margin: 3rem auto 0;
}

#contactBottom {
  padding: 0;
}

#contactBottom .contentsInner {
  padding-top: 120px;
  padding-bottom: 120px;
}

@media screen and (max-width: 1050px) {
  #contactBottom .contentsInner {
    padding-top: 21.3333333333vw;
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #contactBottom .contentsInner {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.contactBottom__form {
  max-width: 846px;
  margin: 0 auto;
  padding: 40px 65px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.8888888889;
}

@media screen and (max-width: 1050px) {
  .contactBottom__form {
    width: 100%;
    padding: 10.4vw 6.9333333333vw;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contactBottom__form {
    padding: 40px 65px;
  }
}
.contactBottom__form .checkbox__wrap {
  margin: 30px auto;
}

@media screen and (max-width: 1050px) {
  .contactBottom__form .checkbox__wrap {
    margin: 5.8666666667vw auto;
    gap: 0;
    width: 100%;
    max-width: inherit;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contactBottom__form .checkbox__wrap {
    margin: 30px auto;
    width: 410px;
    gap: 20px;
  }
}
.contactBottom__form .checkbox__wrap .error:before {
  left: 30px;
}

.contactBottom__form .checkbox__wrap .error:after {
  left: 20px;
  right: auto;
}

.contactBottom__form button.link-button, .contactBottom__form #emergencyForm #mailform button, #emergencyForm #mailform .contactBottom__form button, .contactBottom__form #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .contactBottom__form button {
  background: linear-gradient(to right, #77DDD1 5%, #128FA0 65%) right/100% no-repeat;
  max-width: 320px;
}

@media screen and (max-width: 1050px) {
  .contactBottom__form button.link-button, .contactBottom__form #emergencyForm #mailform button, #emergencyForm #mailform .contactBottom__form button, .contactBottom__form #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .contactBottom__form button {
    max-width: 18.18rem;
  }
}
.contactBottom__head {
  text-align: center;
  margin-bottom: 40px;
}

@media screen and (max-width: 1050px) {
  .contactBottom__head {
    margin-bottom: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contactBottom__head {
    margin-bottom: 24px;
  }
}
.contactBottom__head span {
  display: block;
}

.contactBottom__head .sub {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .contactBottom__head .sub {
    font-size: 16px;
    font-size: 1rem;
  }
}
.contactBottom__head .main {
  font-size: 39px;
  font-size: 2.4375rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .contactBottom__head .main {
    font-size: 24px;
    font-size: 1.5rem;
  }
}
.contactBottom__head strong {
  color: #77ddd1;
}

.contactBottom input[type=text] {
  padding: 14px 12px;
}

.contactBottom__txt {
  max-width: 475px;
  margin: 40px auto 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .contactBottom__txt {
    font-size: 12px;
    font-size: 0.75rem;
    max-width: 100%;
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .contactBottom__txt {
    margin: 40px auto 0;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
  }
}
.contactBottom__txt a {
  text-decoration: underline;
}

.footter-cta {
  background-image: linear-gradient(90deg, #77DDD1, #128FA0);
  color: #fff;
  text-align: center;
  overflow: hidden;
  padding: 20px 0 !important;
}

@media screen and (max-width: 1050px) {
  .footter-cta {
    position: relative;
    padding-bottom: 0 !important;
  }
}
.footter-cta .contentsInner {
  position: relative;
}

@media screen and (max-width: 1050px) {
  .footter-cta .contentsInner {
    position: static;
    padding-top: 1.25rem;
    padding-bottom: 3rem;
  }
}
.footter-cta .contentsInner:after {
  content: "";
  display: block;
  background: url(../images/common/footter_cta_img01.png?date=20261001) no-repeat center bottom/contain;
  position: absolute;
  right: -88px;
  bottom: -20px;
  width: 230px;
  height: 610px;
}

@media screen and (max-width: 1280px) {
  .footter-cta .contentsInner:after {
    width: 16vw;
    height: 44.3vw;
    right: calc(-6vw + 24px);
  }
}
@media screen and (max-width: 1050px) {
  .footter-cta .contentsInner:after {
    right: -1.75rem;
    bottom: -5.225rem;
    width: 7.4375rem;
    height: 19.6875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .footter-cta .contentsInner:after {
    width: 13rem;
    height: 35rem;
  }
}
.footter-cta__head {
  font-size: 40px;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 3.25rem;
}

@media screen and (max-width: 1050px) {
  .footter-cta__head {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 1.7;
    margin-bottom: 2.5rem;
  }
}
.footter-cta-list {
  display: flex;
  justify-content: center;
  gap: 2.8rem;
  max-width: 995px;
  margin: 0 auto 1.5rem;
}

@media screen and (max-width: 1050px) {
  .footter-cta-list {
    flex-wrap: wrap;
    max-width: 600px;
  }
}
.footter-cta-item {
  background: #FFF;
  padding: 2.5rem 1rem;
  width: 47%;
}

@media screen and (max-width: 1050px) {
  .footter-cta-item {
    width: 100%;
  }
}
.footter-cta-item a {
  transition: opacity 0.3s ease;
}

.footter-cta-item a:hover {
  opacity: 0.7;
}

.footter-cta-item figure {
  width: 3.125rem;
  margin: 0 auto 0.875rem;
}

.footter-cta-item__head {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4483333333;
  margin-bottom: 0.5rem;
}

.footter-cta-item__name {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
  margin-bottom: 1.25rem;
}

.footter-cta-item__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .footter-cta-item__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.footter-cta-item__btn {
  color: #fff;
  font-size: 19px;
  font-size: 1.1875rem;
  font-weight: 600;
  line-height: 1.1578947368;
  padding: 1.1875rem 1rem;
  min-width: 290px;
  display: inline-block;
  border-radius: 40px;
}

.footter-cta-item:nth-child(1) .footter-cta-item__name {
  color: #77ddd1;
}

.footter-cta-item:nth-child(1) .footter-cta-item__btn {
  background: #77DDD1;
}

.footter-cta-item:nth-child(2) .footter-cta-item__name {
  color: #128fa0;
}

.footter-cta-item:nth-child(2) .footter-cta-item__btn {
  background: #128FA0;
}

.footter-cta__phone {
  margin-bottom: 0.875rem;
}

@media screen and (max-width: 1050px) {
  .footter-cta__phone {
    margin-bottom: 0.3125rem;
  }
}
.footter-cta__phone span {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 2.5;
  display: inline-block;
  vertical-align: middle;
}

@media screen and (max-width: 1050px) {
  .footter-cta__phone span {
    display: block;
    line-height: 1.5;
    margin-bottom: 0.5rem;
  }
}
.footter-cta__phone a {
  color: #fff;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.4285714286;
  margin-left: 0.5rem;
  vertical-align: middle;
  pointer-events: none;
}

@media screen and (max-width: 1050px) {
  .footter-cta__phone a {
    display: block;
    pointer-events: all;
    margin: 0;
  }
}
.footter-cta__reception {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4375;
}

@media screen and (max-width: 1050px) {
  .footter-cta__reception {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4285714286;
  }
}
table {
  width: 100%;
  table-layout: fixed;
  margin: 0 auto;
  border: 1px solid #ABABAB;
}

table tr > * {
  min-width: 50px;
  padding: 0.5em 0.75em;
  font-weight: 400;
  border: 1px solid #ABABAB;
  word-break: break-all;
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
}

@media screen and (max-width: 1050px) {
  table tr > * {
    font-size: 11.2px;
    font-size: 0.7rem;
  }
}
table tr > * > img {
  max-width: 100%;
  height: auto;
}

table tr > *:first-child {
  max-width: 40%;
}

table tr > *.colorNotice {
  background: #DCF3F8;
}

table th {
  background: #CEF3EE;
  border-color: #a3a3a3;
}

table td {
  background: #FFFFFF;
}

table td a {
  text-decoration: underline;
  transition: all 0.1s linear;
}

table td a:hover {
  text-decoration: none;
}

table.spec {
  table-layout: auto;
}

table.spec tr > th:first-child {
  width: 22%;
}

table.spec td {
  text-align: left;
}

table.spec.align_center td {
  text-align: center;
}

table.spec2 tr > th:first-child {
  width: 40%;
}

table.programInfo {
  table-layout: auto;
  max-width: 900px;
  margin: 1.5rem auto 2.5rem;
}

table.programInfo tr > th:first-child {
  width: 30%;
}

table.programInfo td {
  text-align: left;
}

table.table_set {
  display: flex;
  border: none;
}

table.table_set tbody {
  display: table;
  width: 49.8%;
  margin: 0 0.1%;
  float: left;
  border: none;
}

table.table_set tbody tr > th:first-child {
  width: 45%;
}

table.tab_support {
  position: relative;
}

table.tab_support caption span {
  display: inline-block;
  margin-right: -0.75rem;
  padding: 0.75rem 2.5rem;
  color: #128fa0;
  background: #F3FAF8;
  font-size: 18px;
  font-size: 1.125rem;
  cursor: pointer;
  float: left;
  position: relative;
  border: 1px solid #128FA0;
  border-radius: 10px 10px 0 0;
  border-bottom: none;
  z-index: 1;
}

table.tab_support caption span small {
  clear: both;
  display: block;
  margin: 0.25em auto 0;
  text-align: right;
}

table.tab_support caption span.show {
  color: #fff;
  background: #77DDD1;
  border-color: #77ddd1;
  z-index: 2;
  cursor: default;
}

table.tab_support tbody {
  display: none;
  opacity: 0;
  visibility: hidden;
}

table.tab_support tbody.show {
  display: table-row-group;
  opacity: 1;
  visibility: visible;
}

table.ostable tr > th:first-child {
  width: 30%;
}

table.history {
  width: 80%;
  max-width: 750px;
  border: none;
}

table.history * {
  min-width: 0;
  border: none;
  padding: 0.25rem;
  text-align: right;
  vertical-align: top;
}

table.history tbody {
  display: block;
  padding: 1.5rem 0;
  border-bottom: 1px dashed #555555;
}

table.history tbody:last-of-type {
  border-bottom: none;
}

table.history tr td:first-of-type {
  width: 4.5em;
  color: #002c33;
}

table.history tr td:nth-last-child(2) {
  width: 3.5em;
  padding: 0.25rem 0.75rem 0.25rem 0.5rem;
  color: #004653;
}

table.history tr td:last-child {
  text-align: left;
}

table.corp_info tr > * {
  padding: 1em;
  text-align: left;
  line-height: 2;
}

table.corp_info th {
  width: 25%;
  padding-left: 5%;
  color: #00879e;
  background: #F2F6F6;
}

table.corp_info table {
  border: none;
}

table.corp_info table * {
  padding: 0.15em;
  border: none;
  line-height: 1.75;
}

table.corp_info table tr > td:first-child {
  width: 8em;
  padding-right: 0.5em;
  text-align: right;
}

table.with_triangle tr > td:first-of-type {
  position: relative;
}

table.with_triangle tr > td:first-of-type:after {
  display: block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 16px solid #A4D5DB;
  border-bottom: 10px solid transparent;
  content: "";
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
}

table.solutionTable {
  border: none;
  border-collapse: separate;
  border-spacing: 0.75em;
  position: relative;
}

table.solutionTable:before {
  display: block;
  width: calc(50% - 3.1em);
  height: calc(100% - 0.75em);
  background: #A4D5DB;
  opacity: 0.15;
  content: "";
  border-radius: 3.5em 3.5em 0.75em 0.75em;
  position: absolute;
  top: 1.25em;
  left: 2em;
  z-index: 0;
}

table.solutionTable:after {
  display: block;
  width: calc(50% - 3.1em);
  height: calc(100% - 0.75em);
  background: #A4D5DB;
  opacity: 0.15;
  content: "";
  border-radius: 3.5em 3.5em 0.75em 0.75em;
  position: absolute;
  top: 1.25em;
  left: 2em;
  z-index: 0;
  background: #FFF;
  box-sizing: border-box;
  opacity: 0.75;
  right: 2em;
  left: auto;
}

table.solutionTable tr > * {
  height: auto;
  padding: 2.5% 5%;
  border: none;
  position: relative;
  font-size: 1.8rem;
  z-index: 2;
}

table.solutionTable thead tr th {
  background: none;
  padding: 1.5em 5% 0.5em;
}

table.solutionTable thead tr th span {
  position: relative;
  z-index: 2;
}

table.solutionTable thead tr th:before {
  display: block;
  width: calc(100% - 2em);
  height: 100%;
  background: #00879E;
  content: "";
  border-radius: 0.75em 0.75em 0 0;
  position: absolute;
  top: 0.5em;
  left: 1.25em;
  z-index: 1;
}

table.solutionTable thead tr th:last-of-type:before {
  left: auto;
  right: 1.25em;
}

table.solutionTable tbody tr td {
  text-align: left;
  background: none;
}

table.solutionTable tbody tr td:first-of-type {
  max-width: none;
  height: auto;
  text-align: center;
}

table.solutionTable tbody tr td:first-of-type span {
  color: #00879e;
  font-weight: 700;
  position: relative;
  letter-spacing: 0.1rem;
  z-index: 2;
}

table.solutionTable tbody tr td:first-of-type:before {
  display: block;
  width: calc(200% + 0.75em);
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1rem;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  box-shadow: 0 1px 10px rgba(0, 135, 158, 0.1490196078);
  transition: background 0.25s linear;
}

table.solutionTable tbody tr td:first-of-type:after {
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 18px solid #f5de99;
  border-bottom: 12px solid transparent;
  content: "";
  position: absolute;
  top: calc(50% - 12px);
  right: -18px;
  z-index: 2;
}

table.solutionTable tbody tr:hover td:first-of-type:before {
  background: #FFF;
}

table.align_left td {
  text-align: left;
}

table:not(.tab_support) caption {
  padding-bottom: 1rem;
  color: #128fa0;
  font-size: 2.1rem;
  line-height: 1.5;
  text-align: left;
}

.page-support-cscalendar .document {
  padding: 2.5rem !important;
}

@media screen and (max-width: 1050px) {
  .page-support-cscalendar .document {
    padding: 1.25rem 1rem !important;
  }
}
article.hanrei {
  display: table;
  width: 100% !important;
  max-width: 100% !important;
  background: #FFF;
  padding-top: 2rem;
}

article.hanrei ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}

@media screen and (max-width: 1050px) {
  article.hanrei ul {
    margin-right: -0.5rem;
  }
}
article.hanrei ul li {
  margin: 0.5em 0;
  position: relative;
  padding-left: 4.8rem;
  font-weight: 700;
}

@media screen and (max-width: 1050px) {
  article.hanrei ul li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.8571428571;
  }
}
article.hanrei ul li:before {
  width: 3.82rem;
  height: 2.2rem;
  background: #EAEAEA;
  border: 1px solid #A3A3A3;
  content: "";
  border-radius: 0;
  position: absolute;
  top: -0.2rem;
  left: 0;
  display: block;
}

article.hanrei ul li.level_1:before {
  background: #FFFFFF;
}

article.hanrei ul li.level_2:before {
  background: #E1E87D;
}

article.hanrei ul li.level_3:before {
  background: #F9D7D2;
}

article.hanrei ul li.level_4:before {
  background: #E3381E;
}

#cs_calendar {
  max-width: 900px;
  margin: 3.75rem auto;
}

@media screen and (max-width: 1050px) {
  #cs_calendar {
    margin: 2.5rem 1rem 0;
  }
}
#cs_calendar h3 {
  font-size: 20px;
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
}

#cs_calendar article {
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #A3A3A3;
  border-left: 1px solid #A3A3A3;
}

#cs_calendar article div {
  width: calc(14.28% + 1px);
  height: 6.25em;
  margin: -1px 0 0 -1px;
  padding: 0.625rem 0 0 0.625rem;
  background: none;
  border: 1px solid #A3A3A3;
  float: left;
  background: #FFF;
  font-weight: 700;
}

@media screen and (max-width: 1050px) {
  #cs_calendar article div {
    height: 3.75rem;
  }
}
#cs_calendar article div.week {
  height: 2.25em;
  padding: 0.5em 0 0;
  text-align: center;
  background: #CEF3EE;
}

#cs_calendar article div.level_1 {
  background: #FFFFFF;
}

#cs_calendar article div.level_2 {
  background: #E1E87D;
}

#cs_calendar article div.level_3 {
  background: rgba(227, 56, 30, 0.6);
}

#cs_calendar article div.level_4 {
  background: #E3381E;
  color: #fff;
}

#cs_calendar article div.yasumi {
  background: #EAEAEA;
}

.movieSection {
  max-width: calc(1128px + 2rem);
  margin: 0 auto;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

@media screen and (max-width: 1050px) {
  .movieSection .heading-type01 {
    text-align: left;
  }
}
.movie-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 2rem;
  margin: 0 auto;
  overflow: visible;
}

@media screen and (max-width: 1050px) {
  .movie-list {
    gap: 1.5rem;
  }
}
.movie-list li {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  overflow: hidden;
  width: calc(25% - 1.5rem);
  box-shadow: 0 12px 40px rgba(0, 72, 49, 0.1803921569), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  .movie-list li {
    width: 100%;
  }
}
.movie-list li a {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-bottom: 1.5rem;
  transition: opacity 0.3s;
}

.movie-list li a:hover {
  opacity: 0.7;
}

.movie-list + .heading-type01 {
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .movie-list + .heading-type01 {
    margin-top: 2.5rem;
  }
}
.movie-title, .movie-view {
  margin: 0 1.5rem;
  display: block;
}

.movie-title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.448125;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

.movie-view {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.7;
  margin-top: auto;
}

#serverStatus_link {
  display: block;
  width: 60px;
  height: 250px;
  margin-top: -125px;
  background: #77DDD1;
  background-image: url(https://www.xronos-inc.co.jp/images/serverStatus_link.svg);
  background-position: center;
  border-radius: 1.2rem 0 0 1.2rem;
  position: fixed;
  top: 50%;
  right: 0;
  will-change: transform;
  transform: translate(60px);
  transition: transform 0.25s ease 0.25s;
  z-index: 9999;
}

#serverStatus_link:hover {
  background-color: #69c7d1;
}

#serverStatus_link.trouble {
  background: #CF3030;
  background-image: url(https://www.xronos-inc.co.jp/images/serverStatus_link_trouble.svg);
  background-position: center;
}

#serverStatus_link.trouble:hover {
  background-color: #d2a92d;
}

@media all and (max-width: 750px) {
  #serverStatus_link {
    width: 45px;
    height: 180px;
    margin-top: -90px;
    background-size: 45px 180px;
    background-position: center;
    transform: translate(45px);
    top: 50lvh;
    transition: transform 0.25s ease-in-out;
  }
}
html.scroll #serverStatus_link {
  transform: translate(0);
}

.bg-primary {
  background-color: #f3faf8 !important;
}

.bg-gray {
  background-color: #fafafa !important;
}

.bg-neutral-200 {
  background-color: #eaeaea !important;
}

#topMainVisual, #productsMainVisual {
  width: 100%;
  position: relative;
  padding: 32px 0.75rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #77DDD1;
}

@media screen and (max-width: 1050px) {
  #topMainVisual, #productsMainVisual {
    padding-top: 6.4vw;
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topMainVisual, #productsMainVisual {
    padding-top: 24px;
    padding-bottom: 40px;
  }
}
#topMainVisual {
  gap: clamp(1rem, 14vw, 9rem);
}

@media (max-width: 1280px) {
  #topMainVisual {
    gap: clamp(1rem, 5vw, 9rem);
  }
}
#topMainVisual .topMainVisual__form {
  min-width: 455px;
}

.topMainVisual__main, .productsMainVisual__main {
  max-width: 740px;
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__main, .productsMainVisual__main {
    padding: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topMainVisual__main, .productsMainVisual__main {
    padding: 0;
    max-width: 100%;
  }
}
.topMainVisual__main figure, .productsMainVisual__main figure {
  max-width: 665px;
  margin-left: -1.5rem;
}

@media (max-width: 1280px) {
  .topMainVisual__main figure, .productsMainVisual__main figure {
    margin-left: 0;
  }
}
@media screen and (max-width: 1050px) {
  .topMainVisual__main figure, .productsMainVisual__main figure {
    width: 84%;
    margin: 0 auto 0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topMainVisual__main figure, .productsMainVisual__main figure {
    width: 543px;
  }
}
.topMainVisual__main figure img, .productsMainVisual__main figure img {
  width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__main figure img, .productsMainVisual__main figure img {
    width: 100%;
  }
}
.topMainVisual__copy, .productsMainVisual__copy {
  margin-bottom: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__copy, .productsMainVisual__copy {
    padding: 0;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topMainVisual__copy, .productsMainVisual__copy {
    padding: 0;
  }
}
.topMainVisual__sub, .productsMainVisual__sub {
  font-size: 31px;
  font-size: 1.9375rem;
  font-weight: 600;
  line-height: 1.6774193548;
  display: block;
  color: #fff;
  margin-bottom: 0.25rem;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__sub, .productsMainVisual__sub {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: center;
    margin-bottom: 0.375rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topMainVisual__sub, .productsMainVisual__sub {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.topMainVisual__title, .productsMainVisual__title {
  line-height: 1;
  display: block;
  max-width: 630px;
}

.topMainVisual__title img, .productsMainVisual__title img {
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__title, .productsMainVisual__title {
    text-align: center;
    width: 17.125rem;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topMainVisual__title, .productsMainVisual__title {
    margin: 0 auto;
    width: 52.1vw;
    max-width: 548px;
  }
}
.topMainVisual__color, .productsMainVisual__color {
  color: #77ddd1;
}

.topMainVisual__form, .productsMainVisual__form {
  width: 474px;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__form, .productsMainVisual__form {
    display: none;
  }
}
.topMainVisual__formBtn, .productsMainVisual__formBtn {
  display: none;
  background-color: #77ddd1;
  transition: 0.3s ease;
  color: #fff;
  background: linear-gradient(to bottom right, #77DDD1 6%, #128FA0 50%) bottom right/100% no-repeat;
  border-width: 0;
}

.topMainVisual__formBtn:hover, .productsMainVisual__formBtn:hover {
  background-color: #77ddd1;
  color: #fff;
}

.topMainVisual__formBtn:active, .topMainVisual__formBtn:focus, .productsMainVisual__formBtn:active, .productsMainVisual__formBtn:focus {
  background-color: #77ddd1;
  color: #fff;
}

@media screen and (max-width: 1050px) {
  .topMainVisual__formBtn, .productsMainVisual__formBtn {
    display: block;
    min-width: inherit;
    width: 80vw;
    margin-top: 5.6vw;
    background: #FFF !important;
    color: #77ddd1;
    font-size: 16px;
    font-size: 1rem;
    line-height: 3.75;
  }
  .topMainVisual__formBtn:before, .productsMainVisual__formBtn:before {
    background-image: url(../images/common/icon_mail_color_main.svg) !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topMainVisual__formBtn, .productsMainVisual__formBtn {
    margin-top: 0;
  }
}
.topMainVisual__formBtn:hover, .topMainVisual__formBtn:active, .topMainVisual__formBtn:focus, .productsMainVisual__formBtn:hover, .productsMainVisual__formBtn:active, .productsMainVisual__formBtn:focus {
  opacity: 0.7;
  color: #77ddd1 !important;
}

.productsMainVisual__main {
  color: #fff;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main {
    padding: 2.5rem 0.5rem 0.5rem;
    margin: 0 auto;
  }
}
.productsMainVisual__main .page-heading {
  text-align: left;
  padding: 0;
  margin-bottom: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main .page-heading {
    text-align: center;
  }
}
.productsMainVisual__main .page-heading span {
  color: #fff;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main figure {
    margin-bottom: 0;
    text-align: center;
  }
}
.productsMainVisual__main .main__block {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main .main__block {
    flex-wrap: wrap;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .productsMainVisual__main .main__block {
    justify-content: center;
    gap: 2rem;
    text-align: left;
    margin-bottom: 1rem;
  }
}
.productsMainVisual__main .main__block .main__text .products-name {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0.25rem;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main .main__block .main__text .products-name {
    font-weight: 400;
  }
}
.productsMainVisual__main .main__block .main__text .products-copy {
  display: block;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.25;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main .main__block .main__text .products-copy {
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.6666666667;
  }
}
.productsMainVisual__main .main__block .main__text .productsMainVisual__text {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__main .main__block .main__text .productsMainVisual__text {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) {
  .productsMainVisual__main .main__block > figure {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .productsMainVisual__main .main__block > figure {
    margin: 0;
  }
}
@media screen and (max-width: 1050px) {
  .productsMainVisual__logo {
    margin-bottom: 1.1875rem !important;
  }
}
.productsMainVisual__text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1050px) {
  .productsMainVisual__text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}
.productsMainVisual__note {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4483333333;
}

.topAnime {
  position: relative;
  background-color: #77ddd0;
}

.topAnime:before, .topAnime:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  z-index: -2;
  will-change: transform;
}

.topAnime:before {
  width: 80vw;
  height: 80vw;
  background-image: url(../images/top/about_bg_01.svg);
  top: 0;
  left: -30%;
  opacity: 0.35;
  animation: anime_float_l 8s ease-in-out infinite alternate;
}

@media screen and (max-width: 1050px) {
  .topAnime:before {
    width: 400px;
    height: 400px;
    left: -50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAnime:before {
    width: 106.6666666667vw;
    height: 106.6666666667vw;
  }
}
.topAnime:after {
  width: 90vw;
  height: 90vw;
  background-image: url(../images/top/about_bg_02.svg);
  right: -30%;
  bottom: 0;
  opacity: 0.35;
  animation: anime_float_r 8s ease-in-out infinite alternate;
}

@media screen and (max-width: 1050px) {
  .topAnime:after {
    width: 500px;
    height: 500px;
    right: -55%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAnime:after {
    width: 133.3333333333vw;
    height: 133.3333333333vw;
  }
}
@keyframes anime_float_r {
  0% {
    top: -10%;
    transform: translateY(-10%) scale(1.3);
  }
  to {
    top: 10%;
    transform: translate(0) scale(1);
  }
}
@keyframes anime_float_l {
  0% {
    top: 10%;
    transform: translate(0) scale(1);
  }
  to {
    top: -10%;
    transform: translateY(-10%) scale(1.3);
  }
}
#topIntro {
  text-align: center;
  padding-bottom: 0;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.0392156863), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
}

@media screen and (max-width: 1050px) {
  #topIntro {
    box-shadow: none;
  }
}
#topIntro .contentsInner {
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  #topIntro .contentsInner {
    padding-bottom: 0;
  }
}
#topIntro h2 {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.5454545455;
  margin-bottom: 20px;
}

@media screen and (max-width: 1050px) {
  #topIntro h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 0 -0.5em 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topIntro h2 {
    margin: 0 -0.5em 20px;
  }
}
#topIntro h2:before, #topIntro h2:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  width: 26px;
  height: 26px;
}

@media screen and (max-width: 1050px) {
  #topIntro h2:before, #topIntro h2:after {
    height: 5.8666666667vw;
    width: 5.8666666667vw;
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topIntro h2:before, #topIntro h2:after {
    height: 22px;
    width: 22px;
  }
}
#topIntro h2:before {
  background-image: url(../images/top/top_intro_bubble_01.svg);
  margin-right: 16px;
}

@media screen and (max-width: 1050px) {
  #topIntro h2:before {
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topIntro h2:before {
    margin-right: 12px;
  }
}
#topIntro h2:after {
  background-image: url(../images/top/top_intro_bubble_02.svg);
  margin-left: 16px;
}

@media screen and (max-width: 1050px) {
  #topIntro h2:after {
    margin-left: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topIntro h2:after {
    margin-left: 12px;
  }
}
.topIntro__data {
  max-width: 671px;
  display: flex;
  justify-content: center;
  gap: 0 40px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .topIntro__data {
    flex-wrap: wrap;
    gap: 4vw 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topIntro__data {
    gap: 0 35px;
  }
}
@media screen and (max-width: 1050px) {
  .topIntro__data li {
    width: 35.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topIntro__data li {
    width: 198px;
  }
}
@media screen and (max-width: 1050px) {
  .topIntro__data li:nth-of-type(2) {
    order: 3;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topIntro__data li:nth-of-type(2) {
    order: 2;
  }
}
.topIntro_note {
  max-width: 671px;
  margin: 0.875rem auto 0;
  text-align: right;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  color: #a3a3a3;
}

@media screen and (max-width: 1050px) {
  .topIntro_note {
    font-size: 10px;
    font-size: 0.625rem;
    line-height: 1.7;
    margin: 1rem auto 0;
    max-width: 100%;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topIntro_note {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#topImportant {
  padding: 40px 0 0;
}

@media screen and (max-width: 1050px) {
  #topImportant {
    padding: 0;
  }
}
@media screen and (max-width: 1050px) {
  #topImportant .contentsInner {
    padding-top: 2.875rem;
    padding-bottom: 0;
  }
}
.topImportant__heading {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: -0.875rem;
}

.topImportant__list {
  background: #F3FAF8;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.0392156863), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  padding: 1.875rem 1.25rem;
  max-width: 710px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .topImportant__list {
    padding: 1.5rem 1rem;
    max-width: 600px;
  }
}
.topImportant__item {
  margin: 0;
}

.topImportant__item a {
  transition: opacity 0.3s ease;
}

.topImportant__item a:hover {
  opacity: 0.7;
}

.topImportant__item time {
  color: #128fa0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.4875;
  display: block;
}

@media screen and (max-width: 1050px) {
  .topImportant__item time {
    line-height: 1.7;
    margin-bottom: 0.5rem;
  }
}
.topImportant__item + .topImportant__item {
  margin-top: 0.85rem;
}

.topImportant__itemInner {
  display: flex;
  gap: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .topImportant__itemInner {
    display: block;
  }
}
.topImportant__tit {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
}

#topLineup {
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  #topLineup {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1050px) {
  #topLineup .contents__lead {
    margin-bottom: 10.6666666667vw;
    letter-spacing: 0.1em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topLineup .contents__lead {
    margin-bottom: 40px;
  }
}
#topLineup .contents__text {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  #topLineup .contents__text {
    margin-bottom: 2.5rem;
  }
}
#topLineup .link-button, #topLineup #emergencyForm #mailform button, #emergencyForm #mailform #topLineup button, #topLineup #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #topLineup span, #topLineup #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox #topLineup button, #topLineup #main.faq2020 div.call_form_btn > a, #main.faq2020 #topLineup div.call_form_btn > a {
  margin-top: 80px;
}

@media screen and (max-width: 1050px) {
  #topLineup .link-button, #topLineup #emergencyForm #mailform button, #emergencyForm #mailform #topLineup button, #topLineup #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #topLineup span, #topLineup #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox #topLineup button, #topLineup #main.faq2020 div.call_form_btn > a, #main.faq2020 #topLineup div.call_form_btn > a {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topLineup .link-button, #topLineup #emergencyForm #mailform button, #emergencyForm #mailform #topLineup button, #topLineup #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #topLineup span, #topLineup #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox #topLineup button, #topLineup #main.faq2020 div.call_form_btn > a, #main.faq2020 #topLineup div.call_form_btn > a {
    margin-top: 80px;
  }
}
.topLineup__list {
  display: flex;
  justify-content: flex-start;
  gap: 24px;
  flex-wrap: wrap;
}

@media screen and (max-width: 1050px) {
  .topLineup__list {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__list {
    max-width: 600px;
    margin: 0 auto;
  }
}
.topLineup__list li {
  width: calc(50% - 12px);
}

@media screen and (max-width: 1050px) {
  .topLineup__list li {
    width: 100%;
    margin-bottom: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__list li {
    margin-bottom: 24px;
  }
}
.topLineup__list li a {
  display: flex;
  padding: 24px;
  justify-content: space-between;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.0392156863), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  height: 100%;
  transition: 0.3s ease;
  gap: 0 24px;
}

@media screen and (max-width: 1050px) {
  .topLineup__list li a {
    display: block;
    border-radius: 5.3333333333vw;
    padding: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__list li a {
    padding: 24px 40px;
  }
}
.topLineup__list li a:hover {
  opacity: 0.7;
}

.topLineup__imgArea {
  width: 224px;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}

@media screen and (max-width: 1050px) {
  .topLineup__imgArea {
    width: 100%;
    padding: 6.4vw 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__imgArea {
    padding: 50px 0;
  }
}
@media screen and (max-width: 1050px) {
  .topLineup__imgArea img {
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__imgArea img {
    margin-bottom: 20px;
  }
}
.topLineup__imgArea p {
  width: 100%;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 2.8571428571;
  white-space: nowrap;
  text-align: center;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .topLineup__imgArea p {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7;
  }
}
.topLineup__txtArea {
  width: 255px;
  position: relative;
  padding-bottom: 2em;
}

@media screen and (max-width: 1050px) {
  .topLineup__txtArea {
    width: 100%;
  }
}
.topLineup__tit {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 16px;
}

@media screen and (max-width: 1050px) {
  .topLineup__tit {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.2;
    margin-bottom: 4.2666666667vw;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__tit {
    margin-bottom: 16px;
  }
}
.topLineup__txt {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .topLineup__txt {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__txt {
    margin-bottom: 24px;
  }
}
.topLineup__more {
  text-align: right;
  color: #77ddd1;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__more {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.875;
  }
}
.topLineup__more:after {
  content: "";
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/top/lineup_arrow.svg) no-repeat center center/contain;
  margin-left: 10px;
}

@media screen and (max-width: 1050px) {
  .topLineup__more:after {
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-left: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topLineup__more:after {
    height: 30px;
    width: 30px;
    margin-left: 10px;
  }
}
#topCase {
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  #topCase {
    padding-top: 0;
    padding-bottom: 0;
  }
}
#topCase .contents__lead {
  margin-bottom: 80px;
}

@media screen and (max-width: 1050px) {
  #topCase .contents__lead {
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topCase .contents__lead {
    margin-bottom: 40px;
  }
}
#topCase .link-button, #topCase #emergencyForm #mailform button, #emergencyForm #mailform #topCase button, #topCase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #topCase span, #topCase #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox #topCase button, #topCase #main.faq2020 div.call_form_btn > a, #main.faq2020 #topCase div.call_form_btn > a {
  margin-top: 80px;
}

@media screen and (max-width: 1050px) {
  #topCase .link-button, #topCase #emergencyForm #mailform button, #emergencyForm #mailform #topCase button, #topCase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #topCase span, #topCase #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox #topCase button, #topCase #main.faq2020 div.call_form_btn > a, #main.faq2020 #topCase div.call_form_btn > a {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topCase .link-button, #topCase #emergencyForm #mailform button, #emergencyForm #mailform #topCase button, #topCase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #topCase span, #topCase #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox #topCase button, #topCase #main.faq2020 div.call_form_btn > a, #main.faq2020 #topCase div.call_form_btn > a {
    margin-top: 80px;
  }
}
.topCase__data {
  text-align: center;
  font-size: 31px;
  font-size: 1.9375rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 8px;
}

@media screen and (max-width: 1050px) {
  .topCase__data {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
    margin-bottom: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__data {
    margin-bottom: 8px;
  }
}
.topCase__data .bubble {
  display: block;
  position: relative;
  margin-bottom: 16px;
}

@media screen and (max-width: 1050px) {
  .topCase__data .bubble {
    margin-bottom: 2.1333333333vw;
    font-size: 25px;
    font-size: 1.5625rem;
    line-height: 1.7;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__data .bubble {
    margin-bottom: 16px;
    display: inline-block;
    padding: 0 3rem;
  }
}
.topCase__data .bubble:before, .topCase__data .bubble:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  height: 36px;
  width: 36px;
}

@media screen and (max-width: 1050px) {
  .topCase__data .bubble:before, .topCase__data .bubble:after {
    height: 8.8vw;
    width: 8.8vw;
    position: absolute;
    bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__data .bubble:before, .topCase__data .bubble:after {
    height: 36px;
    width: 36px;
  }
}
.topCase__data .bubble:before {
  background-image: url(../images/top/bubble_ico_01.svg);
  margin-right: 16px;
}

@media screen and (max-width: 1050px) {
  .topCase__data .bubble:before {
    margin-right: 2.1333333333vw;
    left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__data .bubble:before {
    margin-right: 16px;
  }
}
.topCase__data .bubble:after {
  background-image: url(../images/top/bubble_ico_02.svg);
  margin-left: 16px;
}

@media screen and (max-width: 1050px) {
  .topCase__data .bubble:after {
    margin-left: 2.1333333333vw;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__data .bubble:after {
    margin-left: 16px;
  }
}
.topCase__data .color {
  color: #77ddd1;
  font-size: 61px;
  font-size: 3.8125rem;
  font-weight: 700;
  line-height: 0.8639344262;
}

@media screen and (max-width: 1050px) {
  .topCase__data .color {
    font-size: 49px;
    font-size: 3.0625rem;
    line-height: 1;
  }
}
.topCase__data .sub {
  display: block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.topCase__logoArea {
  text-align: center;
  border-radius: 10px;
  border: 1.5px solid #77DDD1;
  background: #FFF;
  position: relative;
  margin-bottom: 80px;
}

@media screen and (max-width: 1050px) {
  .topCase__logoArea {
    border-radius: 10px;
    margin-bottom: 10.6666666667vw;
  }
}
.topCase__logoArea h3 {
  background-color: #fff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: -0.85em;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  width: 220px;
}

@media screen and (max-width: 1050px) {
  .topCase__logoArea h3 {
    width: 49.0666666667vw;
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__logoArea h3 {
    font-size: 18px;
    font-size: 1.125rem;
    width: 200px;
  }
}
.topCase__logoList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  align-content: center;
  gap: 28px 0;
  padding: 24px;
}

@media screen and (max-width: 1050px) {
  .topCase__logoList {
    gap: 0;
    padding: 4.2666666667vw 2.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__logoList {
    padding: 16px 9px;
    gap: 5px 0;
  }
}
@media screen and (max-width: 1050px) {
  .topCase__logoList li img {
    height: 11.4666666667vw;
    width: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__logoList li img {
    height: 60px;
  }
}
@media screen and (max-width: 1050px) {
  .topCase__logoList li:nth-of-type(10) {
    margin-left: 2.6666666667vw;
  }
}
@media screen and (max-width: 1050px) {
  .topCase__logoList li:nth-of-type(12) {
    margin-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 1050px) {
  .topCase__logoList li:nth-of-type(20) {
    margin-right: 2.6666666667vw;
  }
}
@media screen and (max-width: 1050px) {
  .topCase__logoList li.lowsize-img img {
    height: 4.5333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__logoList li.lowsize-img img {
    height: 45px;
  }
}
.topCase__list {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 32px;
}

@media screen and (max-width: 1050px) {
  .topCase__list {
    display: block;
    gap: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__list {
    width: 600px;
    margin: 0 auto;
  }
}
.topCase__item {
  width: calc(33.3% - 21.3px);
}

@media screen and (max-width: 1050px) {
  .topCase__item {
    width: 100%;
    margin-bottom: 7.4666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__item {
    margin-bottom: 28px;
  }
}
.topCase__item a {
  border-radius: 10px;
  display: block;
  height: 100%;
  box-shadow: 0 12px 40px rgba(0, 72, 49, 0.1803921569), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  overflow: hidden;
  transition: 0.3s ease;
  color: #171717;
}

.topCase__item a:hover {
  opacity: 0.8;
}

.topCase__item figure {
  aspect-ratio: 355/204;
}

.topCase__item figure img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.topCase__item__data {
  padding: 24px;
}

@media screen and (max-width: 1050px) {
  .topCase__item__data {
    padding: 6.4vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__item__data {
    padding: 24px;
  }
}
.topCase__item__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .topCase__item__tag {
    margin: 0 0 6.4vw;
    gap: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__item__tag {
    margin: 0 0 24px;
    gap: 8px;
  }
}
.topCase__item__tag li {
  background: #CEF3EE;
  border-radius: 10px;
  padding: 4px 6px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .topCase__item__tag li {
    padding: 1.0666666667vw 1.6vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__item__tag li {
    padding: 4px 6px;
  }
}
.topCase__item__txt {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  min-height: 6em;
}

@media screen and (max-width: 1050px) {
  .topCase__item__txt {
    min-height: auto;
    margin-bottom: 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__item__txt {
    margin-bottom: 16px;
  }
}
.topCase__item__bottom {
  margin-top: auto;
}

.topCase__item__name {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4478571429;
  margin-bottom: 4px;
}

@media screen and (max-width: 1050px) {
  .topCase__item__name {
    margin-bottom: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topCase__item__name {
    margin-bottom: 4px;
  }
}
.topCase__item__cat dt, .topCase__item__cat dd {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.7;
  color: #525252;
  display: inline;
}

#topAbout {
  overflow: hidden;
}

@media screen and (max-width: 1050px) {
  #topAbout {
    padding-bottom: 0;
  }
}
#topAbout .contentsInner {
  display: flex;
  align-items: center;
  gap: 100px;
}

@media screen and (max-width: 1220px) {
  #topAbout .contentsInner {
    gap: clamp(60px, 7.6vw, 100px);
  }
}
@media screen and (max-width: 1050px) {
  #topAbout .contentsInner {
    display: block;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topAbout .contentsInner {
    text-align: center;
  }
}
@keyframes uptext-anim {
  0% {
    transform: translateY(110%);
    opacity: 0;
  }
  10% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes en-anim {
  0% {
    transform: translateY(110%);
    opacity: 0;
  }
  40% {
    transform: translateY(0);
    opacity: 1;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
@media screen and (max-width: 1050px) {
  .topAbout-ttl {
    padding: 0 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAbout-ttl {
    padding: 0 24px;
    display: inline-block;
  }
}
.topAbout-ttl .anim01, .topAbout-ttl .anim02 {
  display: flex;
  overflow: hidden;
  visibility: hidden;
  letter-spacing: 0.1em;
}

.topAbout-ttl .anim01.animate__animated span, .topAbout-ttl .anim02.animate__animated span {
  transform: translateZ(0) translateY(110%);
  display: block;
  opacity: 0;
  animation: 3.5s uptext-anim ease 0s both;
}

.topAbout-ttl .anim01 {
  font-size: 49px;
  font-size: 3.0625rem;
  font-weight: 700;
  line-height: 1.7;
}

.topAbout-ttl .anim01.animate__animated :nth-child(1) {
  animation-delay: 0.58s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(2) {
  animation-delay: 0.66s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(3) {
  animation-delay: 0.74s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(4) {
  animation-delay: 0.82s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(5) {
  animation-delay: 0.9s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(6) {
  animation-delay: 0.98s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(7) {
  animation-delay: 1.06s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim01.animate__animated :nth-child(8) {
  animation-delay: 1.14s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

@media screen and (max-width: 1050px) {
  .topAbout-ttl .anim01 {
    font-size: 23px;
    font-size: 1.4375rem;
    line-height: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAbout-ttl .anim01 {
    font-size: 40px;
    font-size: 2.5rem;
  }
}
.topAbout-ttl .anim02 {
  font-size: 60px;
  font-size: 3.75rem;
  font-weight: 700;
  line-height: 1.2;
}

.topAbout-ttl .anim02.animate__animated :nth-child(1) {
  animation-delay: 1.58s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(2) {
  animation-delay: 1.66s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(3) {
  animation-delay: 1.74s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(4) {
  animation-delay: 1.82s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(5) {
  animation-delay: 1.9s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(6) {
  animation-delay: 1.98s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(7) {
  animation-delay: 2.06s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

.topAbout-ttl .anim02.animate__animated :nth-child(8) {
  animation-delay: 2.14s;
  backface-visibility: hidden;
  will-change: animation, opacity;
}

@media screen and (max-width: 1050px) {
  .topAbout-ttl .anim02 {
    font-size: 34px;
    font-size: 2.125rem;
    line-height: 1.7647058824;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAbout-ttl .anim02 {
    font-size: 50px;
    font-size: 3.125rem;
  }
}
.topAbout-ttl .anim02 span:nth-of-type(-n+4) {
  color: #77ddd1;
}

@media screen and (max-width: 1050px) {
  .topAbout-ttl .anim02 span:nth-of-type(4) {
    margin-right: 0.4em;
  }
}
.topAbout-ttl .en {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7;
  transform: translateY(110%);
  opacity: 0;
}

@media screen and (max-width: 1050px) {
  .topAbout-ttl .en {
    font-size: 15px;
    font-size: 0.9375rem;
    font-weight: 700;
    line-height: 1.6666666667;
    text-align: center;
  }
}
.topAbout-ttl .en.animate__animated {
  backface-visibility: hidden;
  will-change: animation, opacity;
  animation: 2s en-anim ease 2.3s both;
}

.topAbout__txtArea {
  width: 571px;
  position: relative;
  padding: 180px 0 140px;
}

@media screen and (max-width: 1220px) {
  .topAbout__txtArea {
    padding-right: 50px;
    max-width: 571px;
    width: 47%;
  }
}
@media screen and (max-width: 1050px) {
  .topAbout__txtArea {
    max-width: 100%;
    width: 100%;
    padding: 10.6666666667vw 0 5.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAbout__txtArea {
    max-width: 600px;
    margin: 0 auto;
    padding: 80px 0 0;
  }
}
.topAbout__txtArea h3 {
  text-align: center;
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
  margin-bottom: 20px;
}

@media screen and (max-width: 1050px) {
  .topAbout__txtArea h3 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
.topAbout__txtArea p {
  margin: 0 auto 60px;
  width: 476px;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1220px) {
  .topAbout__txtArea p {
    width: 100%;
  }
}
@media screen and (max-width: 1050px) {
  .topAbout__txtArea p {
    width: 80vw;
    margin-bottom: 10.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topAbout__txtArea p {
    text-align: left;
    width: 100%;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1220px) {
  .topAbout__txtArea p .pc-show:nth-child(1) {
    display: none;
  }
}
#topNews {
  background: #FFF;
  padding-bottom: 0;
}

#topNews .contentsInner {
  padding-bottom: 150px;
}

@media screen and (max-width: 1050px) {
  #topNews .contentsInner {
    padding-bottom: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topNews .contentsInner {
    padding-bottom: 60px;
  }
}
#topNews .list_box {
  width: 860px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  #topNews .list_box {
    width: 100%;
    padding: 0 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topNews .list_box {
    padding: 0 30px;
  }
}
#topNews .list_box .link-article-list {
  padding: 1.25rem 0;
}

#topNews .list_box .link-article-list li {
  border-bottom: 1px solid #E5E5E5;
}

#topNews .list_box .link-article-list li a {
  display: flex;
  padding: 0.75rem 1rem;
  align-items: center;
  transition: opacity 0.3s ease;
}

#topNews .list_box .link-article-list li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1050px) {
  #topNews .list_box .link-article-list li a {
    padding: 1rem 0;
    flex-wrap: wrap;
  }
}
#topNews .list_box .link-article-list li a .date {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}

#topNews .list_box .link-article-list li a .date time {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7;
  margin-right: 1rem;
}

#topNews .list_box .link-article-list li a .date .label {
  min-width: 6rem;
  min-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  padding: 4px 6px;
  border-radius: 8px;
  background-color: #eaeaea;
}

#topNews .list_box .link-article-list li a .title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  padding-right: 2.25rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

@media screen and (max-width: 1050px) {
  #topNews .list_box .link-article-list li a .title {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
    margin-top: 0.5rem;
    padding-right: 2rem;
    white-space: normal;
    max-height: 3.4em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
}
#topNews .list_box .link-article-list li a .title:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
}

@media screen and (max-width: 1050px) {
  #topNews .list_box .link-article-list li a .title:after {
    width: 22px;
    height: 22px;
  }
}
#topBanner, #topBanner .contentsInner {
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  #topBanner .contentsInner {
    padding-top: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topBanner .contentsInner {
    padding-top: 60px;
  }
}
#topBanner aside {
  text-align: left;
  max-width: 880px;
  margin: 0 auto;
  padding: 0 12px;
}

@media screen and (max-width: 1050px) {
  #topBanner aside {
    padding: 0;
  }
}
#topBanner aside a {
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  display: inline-block;
  border-radius: 10px;
  overflow: hidden;
  transition: 0.3s ease;
}

#topBanner aside a:hover {
  opacity: 0.7;
}

.topBanner-heading {
  display: flex;
  align-items: center;
  margin: 24px 0;
}

@media screen and (max-width: 1050px) {
  .topBanner-heading {
    flex-wrap: wrap;
    margin: 6.4vw 0 4.2666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topBanner-heading {
    margin: 24px 0 16px;
  }
}
.topBanner-heading:before, .topBanner-heading:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background: #EAEAEA;
}

.topBanner-heading:before {
  margin-right: 8px;
}

.topBanner-heading:after {
  margin-left: 8px;
}

.topBanner-heading .en, .topBanner-heading .ja {
  font-size: 12px;
  font-size: 0.75rem;
}

.topBanner__block {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px 24px;
}

@media screen and (max-width: 1050px) {
  .topBanner__block {
    padding-right: 0;
    padding-left: 0;
    gap: 2.6666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topBanner__block {
    gap: 20px 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topBanner__block a {
    width: 100%;
  }
}
.topBanner__block a img {
  width: 100%;
}

.topBanner__block.column-two a {
  max-width: 416px;
}

@media screen and (max-width: 1050px) {
  .topBanner__block.column-two a {
    max-width: 100%;
  }
}
.topBanner__block.column-four a {
  width: 196px;
}

@media screen and (max-width: 1050px) {
  .topBanner__block.column-four a {
    width: calc(50% - 1.3333333333vw);
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topBanner__block.column-four a {
    width: calc(50% - 12px);
  }
}
#topRecruit {
  padding: 0;
}

#topRecruit .contentsInner {
  max-width: 880px;
  padding-top: 40px;
  padding-bottom: 150px;
}

@media screen and (max-width: 1050px) {
  #topRecruit .contentsInner {
    padding-top: 10.6666666667vw;
    padding-bottom: 21.3333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topRecruit .contentsInner {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}
#topRecruit .contentsInner a {
  display: block;
  border-radius: 10px;
  background: #FFFFFF;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  padding: 31px;
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  #topRecruit .contentsInner a {
    padding: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #topRecruit .contentsInner a {
    padding: 30px;
  }
}
#topRecruit .contentsInner a:hover {
  opacity: 0.7;
}

#topRecruit .common-heading {
  margin: 0;
}

.topFixedBtn {
  position: fixed;
  left: 0;
  bottom: 10px;
  z-index: 10;
  width: 250px;
  box-shadow: 0 4px 36px -4px rgba(0, 72, 49, 0.1019607843), 0 10px 15px -3px rgba(0, 72, 49, 0.1019607843);
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  .topFixedBtn {
    width: 37.3333333333vw;
    bottom: 5px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .topFixedBtn {
    width: 200px;
  }
}
.topFixedBtn a {
  display: block;
  transition: opacity 0.3s ease;
}

.topFixedBtn a:hover {
  opacity: 0.7;
}

.topFixedBtn__close {
  background: rgba(0, 0, 0, 0.5);
  width: 2rem;
  height: 2rem;
  position: absolute;
  right: -0.5rem;
  top: -0.5rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 11;
  transition: opacity 0.3s ease;
  cursor: pointer;
}

.topFixedBtn__close:hover {
  opacity: 0.7;
}

.topFixedBtn__close:before, .topFixedBtn__close:after {
  content: "";
  display: block;
  width: 0.2rem;
  height: 1rem;
  background: #FFF;
  position: absolute;
}

.topFixedBtn__close:before {
  transform: rotate(45deg);
}

.topFixedBtn__close:after {
  transform: rotate(-45deg);
}

#thanks .contentsInner {
  max-width: 754px;
  padding-bottom: 40px;
  padding-top: 0;
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
  #thanks .contentsInner {
    max-width: 624px;
    padding-left: 12px;
    padding-right: 12px;
  }
}
#thanks .contents__lead {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.7;
}

#thanks p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.page-re-thanks #thanks .common-heading .ja {
  font-size: 30px;
  font-size: 1.875rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1050px) {
  .page-re-thanks #thanks .common-heading .ja {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-re-thanks #thanks .contentsInner {
  padding-top: 9.375rem;
  padding-bottom: 0;
  max-width: 924px;
}

@media screen and (max-width: 1050px) {
  .page-re-thanks #thanks .contentsInner {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-re-thanks #thanks .contentsInner {
    max-width: 624px;
  }
}
.page-re-thanks #thanks .contents__lead {
  font-size: 18px;
  font-size: 1.125rem;
}

.page-re-thanks #thanks p + p {
  margin-top: 1.5em;
}

.downloadArea {
  text-align: center;
}

.downloadArea .contentsInner {
  max-width: 900px;
  border-radius: 10px;
  background: #F3FAF8;
  padding: 2.5rem 1em;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .downloadArea .contentsInner {
    max-width: 92vw;
    padding: 34px 1em 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .downloadArea .contentsInner {
    max-width: 600px;
  }
}
.downloadArea .contentsInner:after {
  content: "";
  width: 233px;
  height: 198px;
  display: block;
  background: url(../images/thanks/download_img_01.png) no-repeat center center/contain;
  position: absolute;
  right: 13px;
  top: 20px;
}

@media screen and (max-width: 1050px) {
  .downloadArea .contentsInner:after {
    position: static;
    width: 80vw;
  }
}
.downloadArea h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 8px;
}

.downloadArea .contents__lead {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .downloadArea .contents__lead {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.downloadArea .link-button, .downloadArea #emergencyForm #mailform button, #emergencyForm #mailform .downloadArea button, .downloadArea #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .downloadArea span, .downloadArea #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .downloadArea button, .downloadArea #main.faq2020 div.call_form_btn > a, #main.faq2020 .downloadArea div.call_form_btn > a {
  margin-top: 1.25rem;
  min-width: 396px;
}

@media screen and (max-width: 1050px) {
  .downloadArea .link-button, .downloadArea #emergencyForm #mailform button, #emergencyForm #mailform .downloadArea button, .downloadArea #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .downloadArea span, .downloadArea #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .downloadArea button, .downloadArea #main.faq2020 div.call_form_btn > a, #main.faq2020 .downloadArea div.call_form_btn > a {
    min-width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .downloadArea .link-button, .downloadArea #emergencyForm #mailform button, #emergencyForm #mailform .downloadArea button, .downloadArea #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .downloadArea span, .downloadArea #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .downloadArea button, .downloadArea #main.faq2020 div.call_form_btn > a, #main.faq2020 .downloadArea div.call_form_btn > a {
    min-width: 396px;
    max-width: 396px;
  }
}
.downloadArea .link-button:hover, .downloadArea #emergencyForm #mailform button:hover, #emergencyForm #mailform .downloadArea button:hover, .downloadArea #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .downloadArea span:hover, .downloadArea #main.faq2020 div.call_form_btn #mailform .buttonBox button:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox .downloadArea button:hover, .downloadArea #main.faq2020 div.call_form_btn > a:hover, #main.faq2020 .downloadArea div.call_form_btn > a:hover {
  color: #fff;
}

section.contents, div.contents {
  padding: 30px 0 150px;
}

@media screen and (max-width: 1050px) {
  section.contents, div.contents {
    padding: clamp(8px, 4.2666666667vw, 16px) 0 clamp(40px, 21.3333333333vw, 80px);
  }
}
section.contents article {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  section.contents article {
    width: 100%;
  }
}
section.contents .document {
  max-width: 900px;
  padding: 3.75rem;
  background: #FFFFFF;
  line-height: 1.7;
  border-radius: 10px;
}

@media screen and (max-width: 1050px) {
  section.contents .document {
    padding: 1rem;
    margin: 0 auto;
    width: calc(100% - 2rem);
  }
}
section.contents .document-heading {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 1050px) {
  section.contents .document-heading {
    font-size: 22px;
    font-size: 1.375rem;
    line-height: 1.7;
    margin-bottom: 1.25rem;
  }
}
section.contents .document-heading-border {
  color: #128fa0;
  border-bottom: 1px dashed #128FA0;
}

section.contents .document-h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 3.75rem 0 1rem;
}

@media screen and (max-width: 1050px) {
  section.contents .document-h3 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    margin: 1.25rem 0 0.75rem;
  }
}
section.contents .document-h3:first-child {
  margin-top: 0;
}

section.contents .document-h4 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
  margin: 3.75rem 0 1rem;
  padding-bottom: 0.5rem;
}

@media screen and (max-width: 1050px) {
  section.contents .document-h4 {
    font-size: 16px;
    font-size: 1rem;
    margin: 1.25rem 0 0.75rem;
  }
}
section.contents .document-h5 {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 2rem 0 1rem;
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  section.contents .document-h5 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 1.25rem 0 0.75rem;
  }
}
section.contents .document-h6 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 3.75rem 0 1.5rem;
}

@media screen and (max-width: 1050px) {
  section.contents .document-h6 {
    font-size: 18px;
    font-size: 1.125rem;
    margin: 1.25rem 0 0.75rem;
  }
}
section.contents .document-h6.text_center {
  text-align: center;
}

section.contents .mediumWidth {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
}

section.contents ol {
  margin: 3.75rem 0;
}

@media screen and (max-width: 1050px) {
  section.contents ol {
    margin: 1.25rem 0;
  }
}
section.contents ul.chuki {
  margin: 2rem auto 0;
  padding: 1rem 1.5rem;
  background: #F2F6F6;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  border-radius: 10px;
  border: 2px solid #77DDD1;
  background-color: #fff;
}

@media screen and (max-width: 1050px) {
  section.contents ul.chuki {
    padding: 1.25rem 1rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
section.contents ul.chuki > li {
  padding-left: 1.25rem;
  text-indent: -1.25rem;
  position: relative;
}

section.contents ul.chuki > li span:first-of-type {
  color: #d80000;
  margin-right: 0.25rem;
}

section.contents ul.chuki > li + li {
  margin: 0.625rem 0 0;
}

section.contents ul.hasOriginalList {
  margin: 1em 0;
}

section.contents ul.hasOriginalList > li {
  padding-left: 1.5rem;
  margin-bottom: 1em;
}

section.contents ul.hasOriginalList.flstyle > li:first-letter {
  margin-right: 0.2em;
  margin-left: -0.65em;
}

section.contents ul.hasOriginalList.flstyleTwoOrMore span:first-of-type {
  margin-right: 0.2em;
  margin-left: -0.65em;
}

section.contents ul.hasOriginalList.withImage {
  margin-top: 2.5rem;
}

section.contents ul.hasOriginalList.withImage > li:first-letter {
  border-left: 2rem #FFF solid;
}

section.contents ul.listStyle01 {
  margin: 2rem 0 2rem 1.5rem;
}

section.contents ul.listStyle01 > li {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}

@media screen and (max-width: 1050px) {
  section.contents ul.listStyle01 > li {
    font-size: 16px;
    font-size: 1rem;
  }
}
section.contents ul.listStyle01 > li:before {
  display: block;
  width: 1em;
  height: 1em;
  background: #77DDD1;
  border-radius: 9999px;
  content: "";
  line-height: 1;
  position: absolute;
  top: 0.35em;
  left: -1em;
}

section.contents ul.listStyle01.fontsizeNormal > li {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 1050px) {
  section.contents ul.listStyle01.fontsizeNormal > li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
section.contents ul.listStyle02 {
  margin: 2rem auto;
}

section.contents ul.listStyle02 li {
  position: relative;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  padding-left: 1em;
  text-indent: -0.5em;
}

@media screen and (max-width: 1050px) {
  section.contents ul.listStyle02 li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
section.contents ul.listStyle02 li:before {
  display: inline-block;
  content: "・";
  line-height: 1;
}

section.contents .chukiIndex {
  margin-right: 0.5em;
  font-size: small;
  color: #d62020;
  white-space: nowrap;
  position: relative;
  top: -0.2em;
  left: 0.2em;
  display: inline-block;
}

@media screen and (max-width: 1050px) {
  section.contents .chukiIndex {
    white-space: wrap;
  }
}
section.contents .hanbaiShuryou {
  display: block;
  width: 5em;
  margin: 0.25rem auto 0;
  color: #fff;
  background: #D62020;
}

@media screen and (max-width: 1050px) {
  .scroll-table {
    min-width: 760px;
  }
}
@media screen and (max-width: 1050px) {
  .scroll-table__wrap {
    overflow-x: scroll;
    margin-right: -1rem;
    padding-right: 1rem;
  }
}
.radius {
  border-radius: 20px;
}

@media screen and (max-width: 1050px) {
  .radius {
    border-radius: 10px;
  }
}
#support_contents .contents {
  padding-top: 100px;
}

#support_contents .wrapper {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  overflow-x: auto;
}

.contents.oshirase {
  padding-top: 150px !important;
}

@media screen and (max-width: 1050px) {
  .contents.oshirase {
    padding-top: 5rem !important;
  }
}
.contents.oshirase:first-of-type {
  padding-top: 0 !important;
}

.contents.oshirase article {
  max-width: 900px;
  padding: 2.5rem;
  background: #FFFFFF;
  line-height: 1.7;
  border-radius: 10px;
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .contents.oshirase article {
    padding: 1rem 0.5rem;
    margin: 2.5rem auto 0;
    width: 100%;
  }
}
.contents.oshirase article time {
  color: #fff;
  background: #128FA0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  padding: 0.25rem 0.375rem;
  border-radius: 10px;
}

.contents.oshirase article .heading-type01 {
  margin: 1.5rem 0;
}

@media screen and (max-width: 1050px) {
  .contents.oshirase article .heading-type01 {
    text-align: left;
  }
}
.contents.oshirase article .heading-type01 + ol {
  margin-top: 0;
}

.contents.oshirase article ol, .contents.oshirase article p {
  margin-bottom: 1rem;
}

.tab-menu {
  display: flex;
  align-items: flex-end;
  gap: 1px;
}

@media screen and (max-width: 1050px) {
  .tab-menu.line1 .tab-link {
    min-height: 3rem;
  }
}
@media screen and (max-width: 1050px) {
  .tab-menu.line1 .tab-link.current {
    min-height: 4rem;
  }
}
.tab-link {
  background: #EAEAEA;
  color: #a3a3a3;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  padding: 0.625rem 1rem;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  transition: all 0.3s ease;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3.375rem;
  cursor: pointer;
}

@media screen and (max-width: 1050px) {
  .tab-link {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.2;
    padding: 0.25rem 0.5rem;
    min-height: 3.625rem;
    transition: height 0.3s ease;
  }
}
.tab-link.current {
  background: #77DDD1;
  color: #fff;
  padding: 1.25rem 1rem;
  min-height: 4.625rem;
  cursor: auto;
}

@media screen and (max-width: 1050px) {
  .tab-link.current {
    min-height: 4.25rem;
    padding: 0.25rem 0.5rem;
  }
}
.tab-content {
  display: none;
  background: #FAFAFA;
  padding: 3.75rem;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

@media screen and (max-width: 1050px) {
  .tab-content {
    padding: 2.5rem 1rem;
  }
}
.tab-content.current {
  display: block;
}

@media screen and (max-width: 1050px) {
  .tab-inner ul.chuki, .tab-inner ul.listStyle01 {
    padding: 0.8125rem 1rem !important;
  }
}
.notice-block {
  text-align: center;
  border: 2px solid #77DDD1;
  padding: 2rem 1rem 1.5rem;
  border-radius: 10px;
  position: relative;
  background: #FFF;
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .notice-block {
    margin: 2.5rem -0.25rem 0;
  }
}
.notice-title {
  color: #fff;
  background: #77DDD1;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  display: inline-block;
  padding: 0.15rem 1.25rem;
  border-radius: 100px;
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translate(-50%);
}

@media screen and (max-width: 1050px) {
  .notice-title {
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.7;
    min-width: 15rem;
  }
}
.notice-list {
  display: inline-block;
  text-align: left;
}

.notice-list li {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .notice-list li {
    font-size: 16px;
    font-size: 1rem;
  }
}
.notice-list li:not([class]):before {
  content: "・";
}

.notice-list .small {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .notice-list .small {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.servie-spec article:first-child {
  border-top: 1px solid #a3a3a3;
}

.servie-spec article.show .servie-spec__title:after {
  transform: rotate(0);
  content: "－";
}

.servie-spec article.show .servie-spec__date {
  height: auto;
  padding: 1.5rem 0;
  opacity: 1;
  border-bottom: 1px solid #a3a3a3;
}

.servie-spec__title {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  padding: 0.5rem 3.5rem 0.5rem 1rem;
  border-bottom: 1px solid #a3a3a3;
  cursor: pointer;
  transition: opacity ease 0.3s;
}

@media screen and (max-width: 1050px) {
  .servie-spec__title {
    padding-left: 0;
  }
}
.servie-spec__title:hover {
  opacity: 0.7;
}

.servie-spec__title:after {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  color: #fff;
  background: #77DDD1;
  content: "＋";
  text-align: center;
  font-size: 1.25rem;
  font-weight: 700;
  border-radius: 1.5rem;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  line-height: 1;
  right: 1.5rem;
  transform: rotate(90deg);
  transition: all 0.25s linear;
}

@media screen and (max-width: 1050px) {
  .servie-spec__title:after {
    right: 1rem;
  }
}
.servie-spec__date {
  height: 0;
  overflow: hidden;
  transition: all ease 0.3s;
  opacity: 0;
}

.column-wrap {
  display: flex;
  align-items: center;
  gap: 2rem;
}

@media screen and (max-width: 1050px) {
  .column-wrap {
    flex-wrap: wrap;
  }
}
.column-wrap .column-img {
  width: 50%;
}

@media screen and (max-width: 1050px) {
  .column-wrap .column-img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .column-wrap .column-img {
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
  }
}
.column-wrap .column-img figcaption {
  margin-top: 0.5rem;
}

.column-wrap .column-txt {
  width: 50%;
}

@media screen and (max-width: 1050px) {
  .column-wrap .column-txt {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .column-wrap.imageSmall .column-img {
    width: 40%;
  }
}
@media screen and (max-width: 1050px) {
  .column-wrap.imageSmall .column-img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .column-wrap.imageSmall .column-txt {
    width: 60%;
  }
}
@media screen and (max-width: 1050px) {
  .column-wrap.imageSmall .column-txt {
    width: 100%;
  }
}
.page-ppolicy table tr > th:first-child {
  width: 2em !important;
}

.page-ppolicy table.bankInfo {
  width: auto;
  margin: 0 auto 0 0;
}

.page-ppolicy table.bankInfo caption {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
}

.page-ppolicy table.bankInfo tr > th:first-child {
  width: 8em !important;
}

.page-kiyaku .contentsInner {
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .page-kiyaku .contentsInner {
    padding: 0;
  }
}
.page-kiyaku .text-button-list a {
  min-height: 8.125rem;
}

.page-support-supportinfo-ostable nav.pageNavi ul li a {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-ostable nav.pageNavi ul li a {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-ostable table tr > * {
    padding: 0.5em 0.25em;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-sitemap article.document {
    width: 100%;
  }
}
.page-sitemap .sitemap-column {
  display: flex;
  flex-wrap: wrap;
}

.page-sitemap .sitemap-column .sitemap-column-item {
  width: calc(50% - 40px);
}

@media screen and (max-width: 1050px) {
  .page-sitemap .sitemap-column .sitemap-column-item {
    width: 100%;
  }
}
.page-sitemap .sitemap-column .sitemap-column-item + .sitemap-column-item {
  margin-left: 80px;
}

@media screen and (max-width: 1050px) {
  .page-sitemap .sitemap-column .sitemap-column-item + .sitemap-column-item {
    margin-left: 0;
    margin-top: 40px;
  }
}
.page-sitemap .sitemap-column .sitemap-column-item .heading-type02:not(:first-of-type) {
  margin-top: 60px;
}

@media screen and (max-width: 1050px) {
  .page-sitemap .sitemap-column .sitemap-column-item .heading-type02:not(:first-of-type) {
    margin-top: 40px;
  }
}
.page-sitemap .sitemap-column .sitemap-column-item .link-list li:not(.no_before):before {
  content: "-";
  margin-right: 0.5em;
}

.page-sitemap .sitemap-column .sitemap-column-item .link-list li a {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.5111111111;
}

@media screen and (max-width: 1050px) {
  .page-sitemap .sitemap-column .sitemap-column-item .link-list li a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-support-supportinfo-eol #section01 {
  padding-bottom: 0;
}

.page-partner section.contents article {
  width: 91.4%;
  margin: 0 auto;
}

.page-partner section.contents article .link-card-list .link-card-list__item > a p, .page-partner section.contents article .link-card-list .link-card-list__item .link-card-list__item__inner p {
  margin: 1.25rem 0 0;
}

.page-partner section.contents article .link-card-list .link-card-list__item > a .link-card-list__item__more, .page-partner section.contents article .link-card-list .link-card-list__item .link-card-list__item__inner .link-card-list__item__more {
  padding: 0.625rem;
  margin: 1.25rem 0 0;
}

#products_contents table {
  max-width: 900px;
}

#products_contents .movie {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  #products_contents .movie {
    margin-top: 2rem;
  }
}
#products_contents .movie iframe.movie-16-9 {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 900px;
  display: block;
  margin: auto;
}

@media screen and (max-width: 1050px) {
  .page-product_information .text-button-list {
    margin-left: auto;
    margin-right: auto;
  }
}
.page-product_information .text-button-list li a {
  min-height: 12.1875rem;
}

@media screen and (max-width: 1050px) {
  .page-product_information .text-button-list li a {
    min-height: 10.0625rem;
  }
}
.no-scroll {
  overflow: hidden;
}

#productsFixedMenu {
  max-width: 1128px;
  padding: 2rem 2.5rem;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  border-radius: 10px;
  margin: 2.5rem auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  background: #FFF;
  z-index: 99;
  transition: all 0.6s ease;
}

@media screen and (max-width: 1130px) {
  #productsFixedMenu {
    padding: 2.5rem 1rem;
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu {
    display: block;
    margin: 2.5rem 0.5rem;
    padding: 1.25rem 1rem;
    z-index: 999;
  }
}
#productsFixedMenu.is-fixed {
  position: fixed !important;
  bottom: 0.5rem;
  left: 0;
  right: 0;
  margin: auto !important;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu.is-fixed {
    margin: 0 0.5rem !important;
  }
}
#productsFixedMenu.beyond-footer {
  position: absolute !important;
  bottom: 3rem;
  left: 0;
  right: 0;
}

#productsFixedMenu.beyond-footer.menuOpen {
  position: fixed !important;
}

#productsFixedMenu.menuOpen {
  position: fixed;
  top: 0.5rem;
  left: 0;
  right: 0;
  bottom: 0.5rem !important;
  margin-top: 0;
  margin-bottom: 0 !important;
  z-index: 999;
}

#productsFixedMenu.menuOpen #productsMenu {
  height: auto;
  padding-top: 2.5rem;
}

#productsFixedMenu #logo {
  max-width: 240px;
  margin-right: 2.5rem;
  transition: opacity 0.3s;
  display: block;
}

@media screen and (max-width: 1130px) {
  #productsFixedMenu #logo {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu #logo {
    width: 4.5rem;
  }
}
#productsFixedMenu #logo:hover {
  opacity: 0.7;
}

#productsFixedMenu #productsMenu {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsMenu {
    display: block;
    height: 0;
    overflow: hidden;
    transition: padding 0.3s ease;
  }
}
#productsFixedMenu #productsMenu ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.448125;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsMenu ul {
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4478571429;
    padding: 0 1rem;
  }
}
#productsFixedMenu #productsMenu ul li a {
  padding: 0.25rem;
  color: #171717;
  transition: opacity 0.3s;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsMenu ul li a {
    display: block;
    padding: 1rem;
  }
}
#productsFixedMenu #productsMenu ul li a:hover {
  opacity: 0.7;
}

#productsFixedMenu .productsMenu__list {
  gap: 1.5rem;
  font-weight: 700;
  margin-right: 3.75rem;
}

@media screen and (max-width: 1130px) {
  #productsFixedMenu .productsMenu__list {
    gap: 1rem;
    margin-right: 2rem;
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu .productsMenu__list {
    margin: 0 -1rem;
    width: calc(100% + 2rem);
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu .productsMenu__list a {
    border-bottom: 1px solid #E5E5E5;
  }
  #productsFixedMenu .productsMenu__list a:after {
    content: "";
    display: inline-block;
    background: url(../images/common/icon_arrow.svg) no-repeat center/contain;
    width: 1.25rem;
    height: 1.25rem;
    margin: 0 0 0 0.625rem;
    vertical-align: middle;
  }
}
#productsFixedMenu .productsMenu__blank {
  gap: 1rem;
  margin-right: 1rem;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu .productsMenu__blank {
    margin: 0 -1rem;
    width: calc(100% + 2rem);
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu .productsMenu__blank a {
    border-bottom: 1px solid #E5E5E5;
  }
}
#productsFixedMenu .productsMenu__blank a:after {
  content: "";
  display: inline-block;
  background: url(../images/common/icon_blank.svg) no-repeat center/contain;
  width: 1.25rem;
  height: 1.25rem;
  margin: -0.3125rem 0 0 0.5rem;
  vertical-align: middle;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu .productsMenu__btn {
    margin-top: 1rem;
  }
}
#productsFixedMenu .productsMenu__btn a {
  border-radius: 40px;
  background-color: #77ddd1;
  color: #fff !important;
  padding: 0.25rem 0.5rem !important;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu .productsMenu__btn a {
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.5;
  }
}
#productsFixedMenu #productsSpMenuDrawer {
  display: none;
}

@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer {
    display: block;
    height: 6.4vw;
    width: 6.4vw;
    transition: all 0.25s linear;
    cursor: pointer;
    position: absolute;
    top: 1.75rem;
    right: 1rem;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer {
    top: 15px;
    right: 30px;
    height: 40px;
    width: 40px;
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer div {
    display: inline-block;
    height: 100%;
    width: 100%;
    cursor: pointer;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    left: 0;
  }
  #productsFixedMenu #productsSpMenuDrawer div span {
    display: inline-block;
    width: 100%;
    height: 2px;
    background-color: #525252;
    border-radius: 2px;
    transition: all 0.5s ease;
    position: absolute;
    left: 0;
  }
  #productsFixedMenu #productsSpMenuDrawer div span:nth-of-type(1) {
    top: 0;
    animation: btn07-bar01 0.75s forwards;
  }
  #productsFixedMenu #productsSpMenuDrawer div span:nth-of-type(2) {
    top: 2.9333333333vw;
    transition: all 0.25s 0.25s;
    opacity: 1;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer div span:nth-of-type(2) {
    top: 20px;
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer div span:nth-of-type(3) {
    bottom: 0;
    animation: btn07-bar03 0.75s forwards;
  }
  #productsFixedMenu #productsSpMenuDrawer.active div span:nth-of-type(1) {
    animation: active-btn07-bar01 0.75s forwards;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer.active div span:nth-of-type(1) {
    animation: active-btn08-bar01 0.75s forwards;
  }
}
@media screen and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer.active div span:nth-of-type(2) {
    opacity: 0;
  }
  #productsFixedMenu #productsSpMenuDrawer.active div span:nth-of-type(3) {
    animation: active-btn07-bar03 0.75s forwards;
  }
}
@media screen and (max-width: 1050px) and (min-width: 768px) and (max-width: 1050px) {
  #productsFixedMenu #productsSpMenuDrawer.active div span:nth-of-type(3) {
    animation: active-btn08-bar03 0.75s forwards;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  @keyframes active-btn08-bar01 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(19px) rotate(0);
    }
    to {
      transform: translateY(19px) rotate(-45deg);
    }
  }
  @keyframes active-btn08-bar03 {
    0% {
      transform: translateY(0) rotate(0);
    }
    50% {
      transform: translateY(-19px) rotate(0);
    }
    to {
      transform: translateY(-19px) rotate(45deg);
    }
  }
}
.products_section {
  padding: 30px 0 80px;
}

@media screen and (max-width: 1050px) {
  .products_section {
    padding: 1rem 1rem 5rem;
  }
}
@media screen and (max-width: 1050px) {
  .products_section .page-heading .en {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1050px) {
  .products_section .contentsInner {
    padding-left: 0;
    padding-right: 0;
  }
}
.products-list {
  max-width: calc(1128px + 1.5rem);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 2.25rem;
}

@media screen and (max-width: 1050px) {
  .products-list {
    width: 100%;
    gap: 1.5rem;
    max-width: 600px;
  }
}
.products-list.recommend .products-item {
  background: none;
  box-shadow: none;
  padding: 0;
  overflow: visible;
  display: flex;
  flex-direction: column;
}

.products-list.recommend .products-item .products-item__name {
  height: 2.5rem;
  line-height: 2.5rem;
  position: relative;
}

.products-list.recommend .products-item .products-item__name img {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.products-list.recommend .recommend-block {
  border: 2px solid #128FA0;
  border-radius: 10px;
  padding: 1.5rem 1rem;
  background: #FFF;
  margin-top: 1.5rem;
  flex: 1;
}

@media screen and (max-width: 1050px) {
  .products-list.recommend .recommend-block {
    margin-top: 0.75rem;
    padding: 1.25rem 1rem;
  }
}
.products-list.recommend .recommend-block .recommend-title {
  color: #128fa0;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1rem;
}

.products-list.recommend .recommend-block ul li {
  margin: 0;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.7;
  padding-left: 1em;
  text-indent: -1rem;
}

.products-list.recommend .recommend-block ul li:before {
  content: "・";
  font-weight: 700;
  margin-right: 0.25em;
}

.products-item {
  padding: 0px 0px 1.5rem;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  width: calc(33.3% - 1.5rem);
  overflow: hidden;
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  .products-item {
    width: 100%;
  }
}
.products-item a {
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .products-item a {
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none;
  }
}
.products-item a:hover {
  opacity: 0.7;
}

.products-item .products-block {
  padding: 0px 0px 1.5rem;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  background: #FFF;
  flex: 2;
}

.products-item__head {
  background: #CEF3EE;
  text-align: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.7;
  padding: 0.625rem;
  margin-bottom: 1.5rem;
  border-radius: 10px 10px 0 0;
}

.products-item__copy {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin: 0 1rem 0.625rem;
}

.products-item figure {
  margin: 0 auto 1.5rem;
  max-width: 248px;
  width: 90%;
  height: auto;
}

.products-item__name, .products-item__tag, .products-item__text, .products-item__note {
  margin: 0 1.5rem;
}

.products-item__name {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.5rem;
}

.products-item__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.products-item__tag li {
  background: #EAEAEA;
  border-radius: 10px;
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.7;
  padding: 0.25rem 0.625rem;
}

.products-item__text {
  margin-top: 1rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .products-item__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.products-item__more {
  color: #77ddd1;
  text-align: right;
  margin-right: 0.625rem;
  margin-top: 1.5rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
}

.products-item__more:after {
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  display: inline-block;
  vertical-align: middle;
  background: url(../images/top/lineup_arrow.svg) no-repeat center center/contain;
  margin-left: 0.8rem;
}

.products-item__option {
  background: #EAEAEA;
  border-radius: 10px;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 2;
  padding: 0 0.375rem;
  display: inline-block;
  top: -1.1875rem;
  left: 0;
  position: absolute;
}

.products-item__note {
  margin-top: 1rem;
  font-size: 12px;
  font-size: 0.75rem;
}

.products-link-list {
  max-width: 1128px;
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}

@media screen and (max-width: 1200px) {
  .products-link-list {
    justify-content: center;
  }
}
@media screen and (max-width: 1050px) {
  .products-link-list {
    padding-top: 2.75rem;
    gap: 2.5rem;
    width: 90%;
    max-width: 600px;
  }
}
.products-link-list.column1 {
  max-width: 900px;
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .products-link-list.column1 {
    width: 90%;
    max-width: 600px;
  }
}
.products-link-list.column1 .products-link-item {
  width: 100%;
  text-align: center;
}

.products-link-item {
  width: calc(50% - 0.75rem);
}

@media screen and (max-width: 1200px) {
  .products-link-item {
    width: 50%;
  }
}
@media screen and (max-width: 1050px) {
  .products-link-item {
    width: 100%;
  }
}
.products-link-item a {
  display: flex;
  background: #F3FAF8;
  border-radius: 10px;
  overflow: hidden;
  transition: opacity 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .products-link-item a {
    flex-wrap: wrap;
  }
}
.products-link-item a:hover {
  opacity: 0.7;
}

.products-link-item a figure {
  width: 55%;
}

@media screen and (max-width: 1050px) {
  .products-link-item a figure {
    width: 100%;
  }
}
.products-link-item a figure img {
  width: 100%;
}

.products-link-item a > div {
  width: 45%;
  padding: 1.25rem 1.5rem;
}

@media screen and (max-width: 1050px) {
  .products-link-item a > div {
    width: 100%;
    padding: 1.5rem;
  }
}
.products-link-item__name {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  color: #128fa0;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .products-link-item__name {
    text-align: center;
  }
}
.products-link-item__text {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.448125;
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .products-link-item__text {
    text-align: center;
    margin-bottom: 1.5rem;
  }
}
.products-link-item__btn {
  background: #77DDD1;
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5714285714;
  padding: 0.5rem;
  border-radius: 40px;
}

@media screen and (max-width: 1050px) {
  .products-link-item__btn {
    width: 12.5rem;
    margin: 0 auto;
  }
}
.products-link-item__btn:after {
  content: "";
  background: url(../images/products/ico_linklist_btn.svg) no-repeat center center/contain;
  width: 0.875rem;
  height: 0.875rem;
  display: inline-block;
  margin-left: 0.625rem;
}

.products-link-item__btn.jirei {
  background-color: #fff;
  transition: 0.3s ease;
  width: auto;
  display: inline-block;
  color: #77ddd1;
  border: 2px solid #77DDD1;
  padding: 0.625rem 1.25rem;
}

.products-link-item__btn.jirei:hover {
  background-color: #77ddd1;
  color: #fff;
}

.products-link-item__btn.jirei:active, .products-link-item__btn.jirei:focus {
  background-color: #77ddd1;
  color: #fff;
}

.products-link-item__btn.jirei:before {
  content: "";
  display: inline-block;
  vertical-align: text-top;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  background: url(../images/common/icon_pdf.svg) no-repeat center center/contain;
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .products-link-item__btn.jirei:before {
    min-width: 20px;
    min-height: 20px;
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .products-link-item__btn.jirei:before {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.products-link-item__btn.jirei:after {
  content: none;
}

.products-link-item__btn.jirei:hover, .products-link-item__btn.jirei:active, .products-link-item__btn.jirei:focus {
  background: #77DDD1;
  color: #fff;
}

.products-link-item__btn.jirei:hover:before, .products-link-item__btn.jirei:active:before, .products-link-item__btn.jirei:focus:before {
  background-image: url(../images/common/icon_pdf_white.svg);
}

.products-cta {
  background: #CEF3EE;
  padding: 2.5rem 1rem;
  position: relative;
  margin-top: 3rem;
}

@media screen and (max-width: 1050px) {
  .products-cta {
    margin-left: -1rem;
    margin-right: -1rem;
    overflow: hidden;
  }
}
.products-cta:before {
  content: "";
  display: block;
  width: 16.4375rem;
  height: 21.25rem;
  background-image: url(../images/products/cta_img.png?date=20261001);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  left: 1.4rem;
  bottom: 0;
}

@media (min-width: 1050px) and (max-width: 1400px) {
  .products-cta:before {
    left: 0;
  }
}
@media (min-width: 1050px) and (max-width: 1160px) {
  .products-cta:before {
    left: -1vw;
    width: 19.4vw;
    background-position: center bottom;
  }
}
@media screen and (max-width: 1050px) {
  .products-cta:before {
    width: 5.6875rem;
    height: 9.75rem;
    background-image: url(../images/products/cta_img_sp.png?date=20261001);
    background-position: right bottom;
    left: -0.25rem;
    bottom: -0.125rem;
    z-index: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .products-cta:before {
    width: 10.6rem;
    height: 18.25rem;
  }
}
.products-cta__btnlist {
  display: flex;
  justify-content: center;
  gap: clamp(2rem, 7%, 5rem);
}

@media (min-width: 1050px) and (max-width: 1380px) {
  .products-cta__btnlist {
    gap: 4.3vw;
  }
}
@media (min-width: 1050px) and (max-width: 1130px) {
  .products-cta__btnlist {
    gap: 2.5vw;
  }
}
@media screen and (max-width: 1050px) {
  .products-cta__btnlist {
    flex-wrap: wrap;
  }
}
.products-cta__btn {
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .products-cta__btn {
    width: 100%;
  }
}
.products-cta__btn .link-button, .products-cta__btn #emergencyForm #mailform button, #emergencyForm #mailform .products-cta__btn button, .products-cta__btn #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn span, .products-cta__btn #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn button, .products-cta__btn #main.faq2020 div.call_form_btn > a, #main.faq2020 .products-cta__btn div.call_form_btn > a {
  color: #fff;
  font-weight: 600;
  width: 26.4rem;
  margin-top: 0.5rem;
}

@media (min-width: 1050px) and (max-width: 1380px) {
  .products-cta__btn .link-button, .products-cta__btn #emergencyForm #mailform button, #emergencyForm #mailform .products-cta__btn button, .products-cta__btn #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn span, .products-cta__btn #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn button, .products-cta__btn #main.faq2020 div.call_form_btn > a, #main.faq2020 .products-cta__btn div.call_form_btn > a {
    min-width: 28.5vw;
    width: 28.5vw;
  }
}
@media screen and (max-width: 1050px) {
  .products-cta__btn .link-button, .products-cta__btn #emergencyForm #mailform button, #emergencyForm #mailform .products-cta__btn button, .products-cta__btn #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn span, .products-cta__btn #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn button, .products-cta__btn #main.faq2020 div.call_form_btn > a, #main.faq2020 .products-cta__btn div.call_form_btn > a {
    width: 100%;
    height: 4.75rem;
    line-height: 4.75rem;
    font-size: 19px;
    font-size: 1.1875rem;
  }
}
.products-cta__btn .link-button:before, .products-cta__btn #emergencyForm #mailform button:before, #emergencyForm #mailform .products-cta__btn button:before, .products-cta__btn #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn span:before, .products-cta__btn #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn button:before, .products-cta__btn #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .products-cta__btn div.call_form_btn > a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
  height: 20px;
  width: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-2px);
  transition: 0.3s ease;
}

@media screen and (max-width: 1050px) {
  .products-cta__btn .link-button:before, .products-cta__btn #emergencyForm #mailform button:before, #emergencyForm #mailform .products-cta__btn button:before, .products-cta__btn #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn span:before, .products-cta__btn #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn button:before, .products-cta__btn #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .products-cta__btn div.call_form_btn > a:before {
    height: 5.3333333333vw;
    width: 5.3333333333vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .products-cta__btn .link-button:before, .products-cta__btn #emergencyForm #mailform button:before, #emergencyForm #mailform .products-cta__btn button:before, .products-cta__btn #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn span:before, .products-cta__btn #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn button:before, .products-cta__btn #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .products-cta__btn div.call_form_btn > a:before {
    height: 20px;
    width: 20px;
    margin-right: 8px;
  }
}
.products-cta__btn:nth-of-type(1) .link-button, .products-cta__btn:nth-of-type(1) #emergencyForm #mailform button, #emergencyForm #mailform .products-cta__btn:nth-of-type(1) button, .products-cta__btn:nth-of-type(1) #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn:nth-of-type(1) span, .products-cta__btn:nth-of-type(1) #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn:nth-of-type(1) button, .products-cta__btn:nth-of-type(1) #main.faq2020 div.call_form_btn > a, #main.faq2020 .products-cta__btn:nth-of-type(1) div.call_form_btn > a {
  background: #77DDD1;
}

.products-cta__btn:nth-of-type(1) .link-button:before, .products-cta__btn:nth-of-type(1) #emergencyForm #mailform button:before, #emergencyForm #mailform .products-cta__btn:nth-of-type(1) button:before, .products-cta__btn:nth-of-type(1) #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn:nth-of-type(1) span:before, .products-cta__btn:nth-of-type(1) #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn:nth-of-type(1) button:before, .products-cta__btn:nth-of-type(1) #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .products-cta__btn:nth-of-type(1) div.call_form_btn > a:before {
  background-image: url(../images/common/icon_download_wh.svg);
}

.products-cta__btn:nth-of-type(2) .link-button, .products-cta__btn:nth-of-type(2) #emergencyForm #mailform button, #emergencyForm #mailform .products-cta__btn:nth-of-type(2) button, .products-cta__btn:nth-of-type(2) #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn:nth-of-type(2) span, .products-cta__btn:nth-of-type(2) #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn:nth-of-type(2) button, .products-cta__btn:nth-of-type(2) #main.faq2020 div.call_form_btn > a, #main.faq2020 .products-cta__btn:nth-of-type(2) div.call_form_btn > a {
  background: #128FA0;
  border-color: #128fa0;
}

@media screen and (max-width: 1050px) {
  .products-cta__btn:nth-of-type(2) .link-button, .products-cta__btn:nth-of-type(2) #emergencyForm #mailform button, #emergencyForm #mailform .products-cta__btn:nth-of-type(2) button, .products-cta__btn:nth-of-type(2) #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn:nth-of-type(2) span, .products-cta__btn:nth-of-type(2) #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn:nth-of-type(2) button, .products-cta__btn:nth-of-type(2) #main.faq2020 div.call_form_btn > a, #main.faq2020 .products-cta__btn:nth-of-type(2) div.call_form_btn > a {
    margin-top: 0;
  }
}
.products-cta__btn:nth-of-type(2) .link-button:before, .products-cta__btn:nth-of-type(2) #emergencyForm #mailform button:before, #emergencyForm #mailform .products-cta__btn:nth-of-type(2) button:before, .products-cta__btn:nth-of-type(2) #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products-cta__btn:nth-of-type(2) span:before, .products-cta__btn:nth-of-type(2) #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .products-cta__btn:nth-of-type(2) button:before, .products-cta__btn:nth-of-type(2) #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .products-cta__btn:nth-of-type(2) div.call_form_btn > a:before {
  background-image: url(../images/common/icon_mail.svg);
}

.products-cta__bubble {
  position: relative;
  height: 4.625rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0 auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2rem;
  width: -moz-max-content;
  width: max-content;
}

.products-cta__bubble:before, .products-cta__bubble:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  height: 21px;
  width: 21px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 1050px) {
  .products-cta__bubble:before, .products-cta__bubble:after {
    height: 8.8vw;
    width: 8.8vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .products-cta__bubble:before, .products-cta__bubble:after {
    height: 36px;
    width: 36px;
  }
}
.products-cta__bubble:before {
  background-image: url(../images/common/ico_bubble_01.svg);
  left: 0;
}

.products-cta__bubble:after {
  background-image: url(../images/common/ico_bubble_02.svg);
  right: 0;
}

.products-modal-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3.125rem;
}

@media screen and (max-width: 1050px) {
  .products-modal-list {
    gap: 1.5rem;
    max-width: 600px;
    margin: 0 auto;
  }
}
.products-modal-item {
  border-radius: 10px;
  background: #FFF;
  padding: 1rem 1.5rem 1.5rem;
  width: calc(50% - 1.5625rem);
}

@media screen and (max-width: 1050px) {
  .products-modal-item {
    width: 100%;
  }
}
.products-modal__img {
  margin-bottom: 1rem;
  display: block;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .products-modal__img {
    margin: 0 -1rem 1rem;
  }
}
.products-modal__img a {
  padding: 1rem;
}

@media screen and (max-width: 1050px) {
  .products-modal__img a {
    padding: 0.5rem;
  }
}
.products-modal__img img {
  height: 190px;
  width: auto;
}

@media screen and (max-width: 1050px) {
  .products-modal__img img {
    height: 12rem;
    -o-object-fit: contain;
       object-fit: contain;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .products-modal__img img {
    height: 15rem;
  }
}
.products-modal__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2;
  color: #77ddd1;
  margin-bottom: 1.5rem;
}

.products-modal__text {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

.products-faq {
  background: #FFF;
  border-radius: 10px;
  padding: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .products-faq {
    padding: 1.5rem 1rem;
  }
}
.products-faq dt {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  padding: 1.25rem 2.8rem 1.25rem 1.25rem;
}

@media screen and (max-width: 1050px) {
  .products-faq dt {
    font-size: 16px;
    font-size: 1rem;
    padding-right: 2.5rem;
  }
}
.products-faq dt:after {
  content: "";
  transition: all 0.3s ease;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 1.5625rem;
  display: block;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url(../images/common/icon_arrow_open.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: auto;
}

.products-faq dt.show:after {
  transform: rotate(180deg);
}

.products-faq dd {
  height: 0;
  background: #F3FAF8;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  opacity: 0;
  padding: 0 1.25rem;
  transition: all 0.3s ease;
  overflow: hidden;
}

@media screen and (max-width: 1050px) {
  .products-faq dd {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.products-faq dd.show {
  opacity: 1;
  height: auto;
  padding: 1.25rem;
}

.products-faq dd + dt {
  border-top: 1px solid #ADEBE3;
}

.products_intro {
  padding-bottom: 0;
}

.products_intro .contentsInner {
  padding-bottom: 9rem;
}

@media screen and (max-width: 1050px) {
  .products_intro .contentsInner {
    padding: 0;
  }
}
.products_intro .contents__lead {
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .products_intro .contents__lead {
    margin-bottom: 1.5rem;
  }
}
.products_intro .intro-column {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column {
    flex-wrap: wrap;
    max-width: 600px;
    margin: 0 auto;
  }
}
.products_intro .intro-column.column-style01 {
  margin-right: -1rem;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01 {
    margin-right: auto;
  }
}
.products_intro .intro-column.column-style01 + .column-style01 {
  margin-top: 5rem;
}

.products_intro .intro-column.column-style01 .intro-img {
  width: 44%;
  max-width: 503px;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01 .intro-img {
    width: 100%;
    max-width: 600px;
    margin: 0;
  }
}
.products_intro .intro-column.column-style01 .intro-title {
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01 .intro-title {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
.products_intro .intro-column.column-style01 .intro-title strong {
  color: #77ddd1;
}

.products_intro .intro-column.column-style01 .intro-text {
  width: 56%;
  max-width: 641px;
  padding: 2.5rem;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1294117647), 4px 4px 4px rgba(102, 192, 163, 0.0392156863);
  border-radius: 10px;
  margin: 0;
  background: #FFF;
  transform: translate(-1rem);
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01 .intro-text {
    width: 100%;
    max-width: 600px;
    margin: 0;
    padding: 1.25rem;
    transform: translateY(-0.1875rem);
  }
}
.products_intro .intro-column.column-style01 .intro-text p {
  margin-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01 .intro-text p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.products_intro .intro-column.column-style01.reverse {
  margin-right: auto;
  margin-left: -1rem;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01.reverse {
    margin-left: auto;
  }
}
.products_intro .intro-column.column-style01.reverse .intro-img {
  order: 2;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01.reverse .intro-img {
    order: 1;
  }
}
.products_intro .intro-column.column-style01.reverse .intro-text {
  order: 1;
  transform: translate(1rem);
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-column.column-style01.reverse .intro-text {
    order: 2;
    transform: translateY(-0.1875rem);
  }
}
.products_intro .intro-img {
  max-width: 500px;
  width: 44%;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-img {
    max-width: 100%;
    width: 100%;
    margin-bottom: 1rem;
  }
}
.products_intro .intro-img iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 499/281;
}

.products_intro .intro-text {
  max-width: 590px;
  width: 52%;
}

@media screen and (max-width: 1050px) {
  .products_intro .intro-text {
    width: 100%;
    max-width: 100%;
  }
}
.products_intro .intro-text .intro-title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1em;
}

.products_api .contentsInner {
  padding-bottom: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .products_api .contentsInner {
    padding-bottom: 0;
  }
}
.products_api .heading-type06, .products_api .page-products-dairiten .contents h2, .page-products-dairiten .contents .products_api h2, .products_api .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .products_api h2 {
  margin-bottom: 1.5rem;
}

.products_api .link-card-list {
  margin-top: 3.75rem;
  justify-content: center;
}

@media screen and (max-width: 1050px) {
  .products_api .link-card-list {
    margin-top: 2.5rem;
  }
}
.products_api .link-card-list + .heading-type06, .products_api .page-products-dairiten .contents .link-card-list + h2, .page-products-dairiten .contents .products_api .link-card-list + h2, .products_api .page-products-dairiten-partnerProgram .contents .link-card-list + h2, .page-products-dairiten-partnerProgram .contents .products_api .link-card-list + h2 {
  margin-top: 5rem;
}

.products_news {
  padding-bottom: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .products_news {
    padding-bottom: 0;
  }
}
.products_news .heading-type06, .products_news .page-products-dairiten .contents h2, .page-products-dairiten .contents .products_news h2, .products_news .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .products_news h2 {
  margin-bottom: 1.5rem;
}

.products_news a {
  transition: opacity 0.3s ease;
}

.products_news a:hover {
  opacity: 0.7;
}

.products_news-column {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .products_news-column {
    flex-wrap: wrap;
    justify-content: center;
    max-width: 600px;
    margin: 2.5rem auto 0;
  }
}
.products_news-column__img {
  max-width: 293px;
}

@media screen and (max-width: 1050px) {
  .products_news-column__img {
    max-width: 18.3125rem;
  }
}
.products_news-column__title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

.products_news-column__title:after {
  content: "";
  display: inline-block;
  background-image: url(../images/common/icon_blank.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.25rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  vertical-align: text-bottom;
}

@media screen and (max-width: 1050px) {
  .products_news-column__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.products_news-column__text p {
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .products_solution {
    padding-bottom: 2.5rem;
  }
}
.products_solution .contents__lead {
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .products_solution .contents__lead {
    margin-bottom: 5rem;
  }
}
.products_solution .contentsInner, .products_function {
  padding-bottom: 0;
}

.products_function .contentsInner {
  max-width: none;
  padding: 0;
}

.products_function .contents__lead {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .products_price .contentsInner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    margin-bottom: 5rem;
  }
}
@media screen and (max-width: 1050px) {
  .products_price .page-heading {
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .products_info {
    padding-bottom: 2rem !important;
  }
}
@media screen and (max-width: 1050px) {
  .products_info .contentsInner {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1050px) {
  .products_support {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1050px) {
  .products_support .contentsInner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2rem;
  }
}
.products_support .page-heading {
  margin-bottom: 1.5rem;
}

.products_support .page-heading + .align-center {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .products_support .page-heading + .align-center {
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .products_support .page-heading + .align-center {
    text-align: center;
  }
}
@media screen and (max-width: 1050px) {
  .products_flow {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1050px) {
  .products_flow .contentsInner {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2rem;
  }
}
.products_flow .page-heading {
  margin-bottom: 1.5rem;
}

.products_flow .page-heading + .align-center {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .products_flow .page-heading + .align-center {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.products_faq {
  padding-bottom: 70px;
}

@media screen and (max-width: 1050px) {
  .products_faq {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .products_faq .contentsInner {
    padding-left: 0;
    padding-right: 0;
  }
}
.products_faq .page-heading {
  margin-bottom: 1.5rem;
}

.products_faq .page-heading + .align-center {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .products_faq .page-heading + .align-center {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 2.5rem;
  }
}
.products_faq .faq-list + .link-button, .products_faq #emergencyForm #mailform .faq-list + button, #emergencyForm #mailform .products_faq .faq-list + button, .products_faq #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .faq-list + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products_faq .faq-list + span, .products_faq #main.faq2020 div.call_form_btn #mailform .buttonBox .faq-list + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products_faq .faq-list + button, .products_faq #main.faq2020 div.call_form_btn > .faq-list + a, #main.faq2020 .products_faq div.call_form_btn > .faq-list + a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 3.75;
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .products_faq .faq-list + .link-button, .products_faq #emergencyForm #mailform .faq-list + button, #emergencyForm #mailform .products_faq .faq-list + button, .products_faq #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .faq-list + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .products_faq .faq-list + span, .products_faq #main.faq2020 div.call_form_btn #mailform .buttonBox .faq-list + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .products_faq .faq-list + button, .products_faq #main.faq2020 div.call_form_btn > .faq-list + a, #main.faq2020 .products_faq div.call_form_btn > .faq-list + a {
    margin-top: 2.5rem;
  }
}
.products_tabSection {
  padding-top: 0;
}

.products_tabSection .contentsInner {
  padding-top: 0;
  padding-bottom: 0;
}

.products_cooperation, .products_cooperation .contentsInner {
  padding-bottom: 0;
}

.products_cooperation .heading-type06, .products_cooperation .page-products-dairiten .contents h2, .page-products-dairiten .contents .products_cooperation h2, .products_cooperation .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .products_cooperation h2 {
  margin-bottom: 1.5rem;
}

.products_cooperation .scroll-table__wrap {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .products_overview .contentsInner {
    padding-bottom: 0;
  }
}
.products_overview .page-heading {
  padding-top: 0;
  margin-bottom: 3.125rem;
}

@media screen and (max-width: 1050px) {
  .products_overview .page-heading {
    margin-bottom: 1.5rem;
  }
}
.products_overview .heading-type06, .products_overview .page-products-dairiten .contents h2, .page-products-dairiten .contents .products_overview h2, .products_overview .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .products_overview h2 {
  margin-bottom: 1.5rem;
}

.products_collaboration {
  padding-bottom: 1.25rem;
}

.products_collaboration .heading-type03 {
  margin-bottom: 1.5rem;
}

.products_linkable {
  padding-bottom: 1.25rem;
}

.products_linkable .heading-type03 {
  margin-bottom: 1.5rem;
}

.products_linkable .info-box {
  margin: 2.5rem auto 0;
  max-width: 900px;
}

@media screen and (max-width: 1050px) {
  .products_linkable .info-box {
    margin-top: 1.25rem;
  }
}
.products_form {
  padding-bottom: 0;
}

.products_form #form-wrap {
  width: 90%;
  max-width: 1100px;
  margin: 0 auto;
  overflow-x: auto;
}

@media screen and (max-width: 1050px) {
  .products_form #form-wrap {
    width: 100%;
  }
}
.option-list {
  max-width: 1128px;
  width: 95%;
  margin: 3.75rem auto 0;
  display: flex;
  flex-wrap: wrap;
  gap: 3.75rem 2.25rem;
}

@media screen and (max-width: 1050px) {
  .option-list {
    gap: 1.5rem;
    width: 100%;
  }
}
.option-item {
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  width: calc(33.3% - 1.5rem);
  overflow: hidden;
  background: #FFF;
}

@media screen and (max-width: 1050px) {
  .option-item {
    width: 100%;
  }
}
.option-item a {
  transition: opacity 0.3s ease;
}

.option-item a:hover {
  opacity: 0.7;
}

.option-item__copy {
  text-align: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin: 0 1rem 0.625rem;
}

.option-item figure {
  margin: 0 auto;
  max-width: 248px;
  width: 90%;
  height: auto;
  aspect-ratio: 248/196;
}

.option-item__name {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 0.5rem;
  color: #77ddd1;
}

.option-item__price {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1rem;
}

.option-item__text, .option-item__size {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .option-item__text, .option-item__size {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.option-item__text strong, .option-item__size strong {
  font-weight: 500;
  display: block;
}

.solution-list {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .solution-list {
    max-width: 500px;
    margin: 0 auto;
  }
}
.solution-item {
  background: #FFF;
  border-radius: 10px;
  padding: 3.125rem 1.25rem 2.25rem;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  width: calc(25% - 1.875rem);
}

@media screen and (max-width: 1050px) {
  .solution-item {
    width: 100%;
    padding: 3.125rem 1.25rem 2.5rem;
  }
}
.solution-item figure {
  text-align: center;
  margin-bottom: 2rem;
}

.solution-item__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.375;
  text-align: center;
  margin-bottom: 1rem;
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.solution-item__text {
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .solution-item__text {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.function-list {
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .function-list {
    max-width: 680px;
    margin: 0 auto !important;
  }
}
.function-item {
  display: flex;
  align-items: center;
  margin-bottom: 7.5rem;
  flex-wrap: wrap;
  padding-top: 2rem;
  margin-top: -2rem;
}

@media screen and (max-width: 1050px) {
  .function-item {
    display: block;
    margin-right: -1rem;
    padding-left: 2.125rem;
    margin-bottom: 4.5rem;
  }
}
.function-item:nth-of-type(even) .function-item__main {
  order: 2;
}

.function-item:nth-of-type(even) .function-item__img img {
  margin: 0;
  transform: translate(54px);
}

@media screen and (max-width: 1050px) {
  .function-item:nth-of-type(even) .function-item__img img {
    transform: translate(0);
  }
}
.function-item__main {
  width: 54.8%;
  background: #FFF;
  padding: 3.125rem 6.25rem;
}

@media screen and (max-width: 1050px) {
  .function-item__main {
    width: 100%;
    padding: 3.125rem 1.25rem;
  }
}
.function-item__img {
  width: 45.2%;
}

@media screen and (max-width: 1050px) {
  .function-item__img {
    width: 100%;
    max-width: 18.75rem;
    margin-top: -2rem;
    margin-left: -1.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .function-item__img {
    max-width: 37.5rem;
  }
}
.function-item__img img {
  margin-left: -54px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1050px) {
  .function-item__img img {
    margin: 0;
  }
}
.function-item__img table {
  margin-left: -54px;
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 1050px) {
  .function-item__img table {
    margin: 0;
  }
}
.function-item__num {
  color: #77ddd1;
  font-size: 90px;
  font-size: 5.625rem;
  font-weight: 700;
  line-height: 1;
  margin-top: -6rem;
  display: block;
}

@media screen and (max-width: 1050px) {
  .function-item__num {
    margin-bottom: 1rem;
  }
}
.function-item__title {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  margin-bottom: 1rem;
}

@media screen and (max-width: 1050px) {
  .function-item__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
.function-item__title .small {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1;
  display: block;
  margin-top: 1em;
}

@media screen and (max-width: 1050px) {
  .function-item__text {
    font-size: 14px;
    font-size: 0.875rem;
    margin-bottom: 1rem;
  }
}
.function-item__point li {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin-bottom: 1.5rem;
  gap: 1rem;
}

.function-item__point li:before {
  content: "POINT";
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  background: #77DDD1;
  color: #fff;
  border-radius: 200px;
  min-width: 2.82125rem;
  width: 2.82125rem;
  height: 2.82125rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.function-item__note, .function-item__modalWrap, .function-item__pdfImage {
  width: 100%;
  max-width: calc(1128px + 1.5rem);
  order: 3;
  margin: 4rem auto 0;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .function-item__note, .function-item__modalWrap, .function-item__pdfImage {
    margin-left: -2.125rem;
    width: calc(100% + 1rem);
    padding-left: 0;
    padding-right: 0;
  }
}
.function-item__pdfImage {
  margin-top: 6.25rem;
}

@media screen and (max-width: 1050px) {
  .function-item__pdfImage {
    margin-top: 3rem;
  }
}
.function-note__title {
  text-align: center;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .function-note__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .function-note__title {
    margin-left: -1rem;
    margin-right: -1rem;
  }
}
.function-note__title span {
  display: block;
}

@media screen and (max-width: 1050px) {
  .function-note__title span {
    text-align: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .function-note__title span {
    text-align: center;
  }
}
.function-note__title .bubble {
  display: inline-block;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  position: relative;
  margin-bottom: 1.375rem;
}

@media screen and (max-width: 1050px) {
  .function-note__title .bubble {
    text-align: center;
  }
}
.function-note__title .bubble:before, .function-note__title .bubble:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 1050px) {
  .function-note__title .bubble:before, .function-note__title .bubble:after {
    height: 1.5rem;
    width: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .function-note__title .bubble:before, .function-note__title .bubble:after {
    height: 24px;
    width: 24px;
  }
}
.function-note__title .bubble:before {
  background-image: url(../images/common/ico_bubble_01.svg);
  left: -10px;
  transform: translate(-100%);
}

.function-note__title .bubble:after {
  background-image: url(../images/common/ico_bubble_02.svg);
  right: -8px;
  transform: translate(100%);
}

.function-note__list {
  display: flex;
  gap: 2rem;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1128px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .function-note__list {
    max-width: 500px;
    gap: 1.5rem;
  }
}
.function-note__list.column2 .function-note__item {
  width: calc(50% - 1rem);
}

@media screen and (max-width: 1050px) {
  .function-note__list.column2 .function-note__item {
    width: 100%;
  }
}
.function-note__item {
  background: #FFF;
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  max-width: 539px;
  width: calc(33% - 1.3333333333rem);
  padding: 0 0 1.5rem;
}

@media screen and (max-width: 1050px) {
  .function-note__item {
    width: 100%;
  }
}
.function-note__img {
  margin-bottom: 1.5rem;
  width: 100%;
  min-height: 265px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.function-note__head, .function-note__txt {
  margin: 1rem 1.5rem 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .function-note__txt {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.support-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .support-list {
    justify-content: center;
    max-width: 18.125rem;
    margin: 0 auto;
    gap: 1.5rem;
  }
}
.support-item {
  max-width: 290px;
}

@media screen and (max-width: 1050px) {
  .support-item {
    max-width: 100%;
  }
}
.support-item__img {
  margin-bottom: 1rem;
}

.support-item__title {
  color: #77ddd1;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2727272727;
  text-align: center;
  margin-bottom: 1.1875rem;
}

@media screen and (max-width: 1050px) {
  .support-item__title {
    font-size: 20px;
    font-size: 1.25rem;
    padding: 0 1.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .support-item__title {
    padding: 0;
  }
}
.support-item__title strong {
  font-size: 32px;
  font-size: 2rem;
}

.support-item__text, .support-item__note {
  max-width: 233px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .support-item__text, .support-item__note {
    max-width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .support-item__text, .support-item__note {
    padding: 0;
  }
}
.price-list {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .price-list {
    flex-wrap: wrap;
    gap: 4.125rem;
    max-width: 600px;
    margin: 0 auto;
  }
}
.price-list.column1 .price-item {
  width: 100%;
}

.price-list.column2 {
  position: relative;
}

.price-list.column2 .price-item {
  width: 45%;
}

@media screen and (max-width: 1050px) {
  .price-list.column2 .price-item {
    width: 100%;
  }
}
.price-list.column2 .price-item:last-child:before {
  content: "または";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: -1;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
}

.price-list.column3 {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .price-list.column3 {
    gap: 2rem;
    margin-top: 2rem;
  }
}
.price-list.column3 .price-item {
  width: 30%;
}

@media screen and (max-width: 1050px) {
  .price-list.column3 .price-item {
    width: 100%;
  }
}
.price-list.option {
  gap: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .price-list.option {
    justify-content: center;
  }
}
.price-list.option .price-item {
  flex: 1;
  background: #CEF3EE;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  min-height: 5.125rem;
}

@media screen and (max-width: 1050px) {
  .price-list.option .price-item {
    flex: auto;
    max-width: calc(50% - 0.375rem);
  }
}
.price-list.option .price-item .small {
  font-size: 14px;
  font-size: 0.875rem;
}

.price-list.option.wrap {
  flex-wrap: wrap;
}

.price-list.option.wrap .price-item {
  width: 30%;
  flex: auto;
}

@media screen and (max-width: 1050px) {
  .price-list.option.wrap .price-item {
    width: calc(50% - 0.375rem);
  }
}
.price-list__add {
  width: 49%;
  background-color: #fafafa;
  border-radius: 10px;
  padding: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .price-list__add {
    padding: 1.5rem 1rem;
    width: 100%;
  }
}
.price-list__dl {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  text-align: center;
  margin-top: 1rem;
}

.price-list__dt {
  font-weight: 700;
}

.price-list__dd {
  margin-bottom: 1rem;
}

.price-list__note {
  margin-top: 2.25rem;
}

@media screen and (max-width: 1050px) {
  .price-list__note {
    margin-top: 1rem;
  }
}
.price-list__note li {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .price-list__note li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .price-list__note li small {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.price-item {
  background: #F3FAF8;
  border-radius: 10px;
  border: 1px solid #EAEAEA;
  text-align: center;
  padding: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .price-item {
    padding: 1.5rem 1rem;
    width: 100%;
  }
}
.price-item__head {
  color: #fff;
  background: #77DDD1;
  border-radius: 10px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  padding: 1rem;
  text-align: center;
  margin-bottom: 2.25rem;
}

.price-item__option {
  color: #fff;
  background: #128FA0;
  border-radius: 10px;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.75rem 1rem;
  text-align: center;
  margin-bottom: 2.25rem;
  margin-top: 5.5rem;
  position: relative;
}

.price-item__option:before {
  content: "＋";
  border-radius: 2.5rem;
  height: 2.5rem;
  width: 2.5rem;
  background: #A3A3A3;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -4rem;
  left: 0;
  right: 0;
  margin: auto;
}

.price-item__option small {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.448125;
}

.price-item__title {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 1050px) {
  .price-item__title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.price-item__text {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7142857143;
  margin-bottom: 0.625rem;
}

.price-item__price {
  font-size: 25px;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.7;
}

.price-item__price strong {
  color: #77ddd1;
  font-size: 50px;
  font-size: 3.125rem;
  line-height: 1.6;
}

.price-item__note {
  text-align: left;
  font-size: 14px;
  font-size: 0.875rem;
  margin: 0.5rem 0 0;
}

.price-item__note.center {
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .price-table {
    min-width: 760px;
  }
}
@media screen and (max-width: 1050px) {
  .price-table__wrap {
    overflow-x: scroll;
    margin-right: -1rem;
    padding-right: 1rem;
  }
}
.price-table tbody th {
  background: #77DDD1;
  color: #fff;
  font-size: 11px;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
}

.price-table tbody th strong {
  font-size: 16px;
  font-size: 1rem;
}

.price-table tbody td strong {
  font-size: 22px;
  font-size: 1.375rem;
}

.price-table__note {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.4478571429;
  margin-top: 0.75rem;
}

.step-list {
  max-width: 900px;
  margin: 0 auto;
}

.step-item {
  position: relative;
  padding: 1.8125rem 0 0.5rem 138px;
  min-height: 9.125rem;
}

@media screen and (max-width: 1050px) {
  .step-item {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.625rem 0 0.5rem 4.1875rem;
    min-height: 7.625rem;
  }
}
.step-item > span {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  background: #CEF3EE;
  text-align: center;
  align-content: center;
  justify-content: center;
  top: 0;
  bottom: 0;
  left: 0;
  width: 114px;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  border-radius: 7px;
  padding-top: 20px;
}

@media screen and (max-width: 1050px) {
  .step-item > span {
    width: 3.4375rem;
    font-size: 16px;
    font-size: 1rem;
    padding-top: 1.25rem;
  }
}
.step-item > span strong {
  display: block;
  font-size: 30px;
  font-size: 1.875rem;
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .step-item > span strong {
    font-size: 28px;
    font-size: 1.75rem;
  }
}
.step-item > span:after {
  content: "";
  background: url(../images/products/ico_step01.svg) no-repeat center bottom/calc(100% + 4px) auto;
  width: 100%;
  height: 40px;
  display: block;
  position: absolute;
  bottom: -34px;
  z-index: 98;
}

@media screen and (max-width: 1050px) {
  .step-item > span:after {
    background-image: url(../images/products/ico_step01_sp.svg);
    bottom: -1.5rem;
    height: 2.5rem;
  }
}
.step-item__title {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2;
  color: #128fa0;
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .step-item__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.4477777778;
  }
}
.step-item p a {
  color: #128fa0;
  text-decoration: underline;
}

.step-item.end > span {
  padding-top: 1rem;
}

.step-item.end > span:after {
  content: none;
}

.step-period {
  padding-left: 2.25rem;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .step-period {
    padding-left: 1.875rem;
  }
}
.step-period:before {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  width: 1.75rem;
  top: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  border-radius: 7px;
}

@media screen and (max-width: 1050px) {
  .step-period:before {
    width: 1.375rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
    border-radius: 5px;
  }
}
.step-period .step-item {
  padding: 0.5rem 0 0.5rem 138px;
}

@media screen and (max-width: 1050px) {
  .step-period .step-item {
    padding-left: 4.1875rem;
  }
}
.step-period .step-item span {
  padding-top: 20px;
}

@media screen and (max-width: 1050px) {
  .step-period .step-item span {
    padding-top: 1.5rem;
  }
}
.step-period.free:before {
  content: "無償利用期間";
  color: #fff;
  background: #77DDD1;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.step-period.free .step-item > span {
  background: #77DDD1;
}

.step-period.free .step-item > span:after {
  content: "";
  background-image: url(../images/products/ico_step02.svg);
}

@media screen and (max-width: 1050px) {
  .step-period.free .step-item > span:after {
    background-image: url(../images/products/ico_step02_sp.svg);
  }
}
.step-period.fee:before {
  content: "有償利用期間";
  background: #CEF3EE;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.step-period.fee .step-item:last-of-type > span:after {
  content: none !important;
}

.faq-list {
  max-width: 897px;
  margin: 0 auto;
}

.faq-list dt, .faq-list dd {
  padding: 0.625rem 4rem 0.625rem 0.625rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

@media screen and (max-width: 1050px) {
  .faq-list dt, .faq-list dd {
    padding: 0.625rem;
  }
}
.faq-list dt:before, .faq-list dd:before {
  width: 1.8125rem;
  min-width: 1.8125rem;
  height: 1.8125rem;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.35;
  border-radius: 500px;
  display: block;
  text-align: center;
}

.faq-list dt {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #ADEBE3;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .faq-list dt {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
  }
}
.faq-list dt:before {
  content: "Q";
  color: #adebe3;
  background: #FFF;
}

.faq-list dd {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  margin-bottom: 2.5rem;
  border: 2px solid #ADEBE3;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.375;
}

@media screen and (max-width: 1050px) {
  .faq-list dd {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.faq-list dd:before {
  content: "A";
  color: #fff;
  background: #ADEBE3;
}

.overview-text {
  max-width: 900px;
  margin: 0 auto 5rem;
}

@media screen and (max-width: 1050px) {
  .overview-text {
    margin-bottom: 2.5rem;
    max-width: 600px;
  }
}
.overview-image {
  margin: 0 auto 5rem;
}

@media screen and (max-width: 1050px) {
  .overview-image {
    margin-bottom: 2.5rem;
    max-width: 600px;
  }
}
.overview-image img {
  margin: 0 auto;
}

.overview-column {
  display: flex;
  gap: 5rem;
}

@media screen and (max-width: 1050px) {
  .overview-column {
    flex-wrap: wrap;
    gap: 3.75rem;
    max-width: 600px;
    margin: 0 auto;
  }
}
.overview-column__col {
  width: calc(50% - 2.5rem);
}

@media screen and (max-width: 1050px) {
  .overview-column__col {
    width: 100%;
  }
}
.overview-column__img {
  max-width: 18.125rem;
  margin: 0 auto 1rem;
}

.overview-column__tit {
  color: #77ddd1;
  text-align: center;
  margin-bottom: 1.1875rem;
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.2727272727;
}

@media screen and (max-width: 1050px) {
  .overview-column__tit {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.overview-column__txt {
  margin: 0;
}

.collaboration-image {
  background: #FFF;
  border-radius: 10px;
  max-width: 900px;
  margin: 3.75rem auto 0;
}

@media screen and (max-width: 1050px) {
  .collaboration-image {
    max-width: 600px;
    margin-top: 2.5rem;
  }
}
.linkable-image {
  max-width: 640px;
  margin: 3.75rem auto 0;
}

@media screen and (max-width: 1050px) {
  .linkable-image {
    max-width: 600px;
    margin-top: 2.5rem;
  }
}
.logo-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 0.8125rem;
}

.logo-item {
  width: 5.5rem;
}

.logo-item.zaionnex {
  width: 5.5625rem;
}

.logo-item.zaionnex_light {
  width: 5.5rem;
  margin-top: 3px;
}

.info-box-ul li, ul.info-box li, .info-box ul li {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  padding-left: 1em;
  text-indent: -1em;
}

@media screen and (max-width: 1050px) {
  .info-box-ul li, ul.info-box li, .info-box ul li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.info-box-ul li > span:not(.red):first-child, ul.info-box li > span:not(.red):first-child, .info-box ul li > span:not(.red):first-child {
  margin-right: 1rem;
}

.info-box-ul li > span:not(.red):first-child.noSpace, ul.info-box li > span:not(.red):first-child.noSpace, .info-box ul li > span:not(.red):first-child.noSpace {
  margin: 0;
}

.info-box-ul.indent li, ul.indent.info-box li, .info-box ul.indent li {
  padding-left: 2rem;
  text-indent: -2rem;
}

.info-box {
  border: 1px solid #128FA0;
  border-radius: 10px;
  padding: 2.5rem;
  position: relative;
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .info-box {
    padding: 1.5rem 1rem 1.25rem;
  }
}
.info-box__title {
  position: absolute;
  top: -1.275rem;
  left: 50%;
  transform: translate(-50%);
  display: inline-block;
  background: #FFF;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  padding: 0 1rem;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .info-box__title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    top: -0.95626rem;
  }
}
.info-box__title strong {
  color: #77ddd1;
}

.info-box p {
  margin: 0;
}

ul.info-box {
  border: 1px solid #128FA0;
  border-radius: 10px;
  padding: 1.5rem;
}

.page-products #productsMainVisual {
  gap: min(100px, 6.9vw);
}

@media screen and (min-width: 1050px) and (max-width: 1290px) {
  .page-products #productsMainVisual {
    gap: min(30px, 3.5vw);
  }
}
.page-products .productsMainVisual__main figure {
  margin-left: 0;
  margin-top: 2.25rem;
  max-width: 675px;
}

@media screen and (min-width: 1050px) and (max-width: 1320px) {
  .page-products .productsMainVisual__main figure {
    margin-left: 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-products .productsMainVisual__main figure {
    margin: 1.5rem auto;
    width: 100%;
  }
}
.page-products .productsMainVisual__main figure img {
  width: 100%;
}

.page-products .productsMainVisual__text {
  font-size: 18px;
  font-size: 1.125rem;
  white-space: nowrap;
}

@media screen and (min-width: 1050px) and (max-width: 1290px) {
  .page-products .productsMainVisual__text {
    font-size: 1.395vw;
  }
}
@media screen and (max-width: 1050px) {
  .page-products .productsMainVisual__text {
    white-space: initial;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products .productsMainVisual__text {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products .productsMainVisual__text .tab-show, .page-products .productsMainVisual__text .pc-show {
    display: block !important;
  }
}
.page-products #products_contents {
  padding-top: 90px;
  padding-bottom: 100px;
}

@media screen and (max-width: 1050px) {
  .page-products #products_contents {
    padding-top: 3rem;
    padding-bottom: 0;
  }
}
.page-products-option .products_section {
  padding-bottom: 150px;
}

@media screen and (max-width: 1050px) {
  .page-products-option .products_section {
    padding-bottom: 2rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-option .products_section .heading-type04 + .align-center, .page-products-option .products_section #main.faq2020 h2 + .align-center, #main.faq2020 .page-products-option .products_section h2 + .align-center {
    text-align: left;
  }
}
.page-products-option .products_section + .products_section {
  padding-top: 150px;
}

@media screen and (max-width: 1050px) {
  .page-products-option .products_section + .products_section {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
[class^=page-products-xsionKintai] #productsFixedMenu #logo {
  width: 7rem;
}

[class^=page-products-xsionKintai] #productsFixedMenu #productsMenu {
  justify-content: flex-end !important;
}

[class^=page-products-xsionKintai] #productsFixedMenu #productsMenu .productsMenu__list {
  width: calc(100% - 25rem);
  justify-content: flex-start !important;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xsionKintai] #productsFixedMenu #productsMenu .productsMenu__list {
    width: calc(100% + 2rem);
  }
}
[class^=page-products-xsionKintai] #productsFixedMenu #productsMenu .productsMenu__blank {
  margin-right: 1rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xsionKintai] #productsFixedMenu #productsMenu .productsMenu__blank {
    margin-right: 0;
  }
}
@media screen and (max-width: 1050px) and (max-width: 1050px) {
  [class^=page-products-xsionKintai] #productsFixedMenu #productsMenu .productsMenu__blank {
    width: calc(100% + 2rem);
  }
}
[class^=page-products-zaionnex] #productsFixedMenu {
  justify-content: flex-start;
}

[class^=page-products-zaionnex] #productsFixedMenu #logo {
  width: 8.5625rem;
}

[class^=page-products-zaionnex] #productsFixedMenu #productsMenu {
  justify-content: space-between;
  width: calc(100% - 11.0625rem);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-zaionnex] #productsFixedMenu #productsMenu {
    width: 100%;
  }
}
[class^=page-products-xronos-], [class^=page-products-xsion-], [class^=page-products-xsionKintai-], [class^=page-products-zaionnex-], [class^=page-products-teletime-], [class^=page-products-idPrint-] {
  position: relative;
}

[class^=page-products-xronos-] #productsFixedMenu, [class^=page-products-xsion-] #productsFixedMenu, [class^=page-products-xsionKintai-] #productsFixedMenu, [class^=page-products-zaionnex-] #productsFixedMenu, [class^=page-products-teletime-] #productsFixedMenu, [class^=page-products-idPrint-] #productsFixedMenu {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0.5rem;
  margin: 0 auto !important;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronos-] #productsFixedMenu, [class^=page-products-xsion-] #productsFixedMenu, [class^=page-products-xsionKintai-] #productsFixedMenu, [class^=page-products-zaionnex-] #productsFixedMenu, [class^=page-products-teletime-] #productsFixedMenu, [class^=page-products-idPrint-] #productsFixedMenu {
    left: 0.5rem;
    right: 0.5rem;
  }
}
[class^=page-products-xronos-] #productsFixedMenu.beyond-footer, [class^=page-products-xsion-] #productsFixedMenu.beyond-footer, [class^=page-products-xsionKintai-] #productsFixedMenu.beyond-footer, [class^=page-products-zaionnex-] #productsFixedMenu.beyond-footer, [class^=page-products-teletime-] #productsFixedMenu.beyond-footer, [class^=page-products-idPrint-] #productsFixedMenu.beyond-footer {
  bottom: 4rem;
}

.page-products-xsionKintai {
  position: relative;
}

.page-products-xsionKintai #productsMainVisual {
  gap: min(6vw, 5.3rem);
}

@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xsionKintai #productsMainVisual {
    gap: 4vw;
  }
}
.page-products-xsionKintai .productsMainVisual__main {
  max-width: 670px;
  width: 46.5%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .productsMainVisual__main {
    width: 100%;
  }
}
.page-products-xsionKintai .productsMainVisual__logo {
  width: 407px;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .productsMainVisual__logo {
    width: 16.5rem;
  }
}
.page-products-xsionKintai .main__block {
  max-width: 670px;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .main__block {
    width: 100%;
  }
}
.page-products-xsionKintai .main__block .main__text {
  max-width: 360px;
  width: 54%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .main__block .main__text {
    width: 100%;
  }
}
.page-products-xsionKintai .main__block .main__text .productsMainVisual__text {
  margin-bottom: 0.5rem;
}

@media (max-width: 1470px) and (min-width: 1051px) {
  .page-products-xsionKintai .main__block .main__text .productsMainVisual__text {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsionKintai .main__block .main__text .productsMainVisual__text {
    text-align: center;
  }
}
@media (max-width: 1470px) and (min-width: 1051px) {
  .page-products-xsionKintai .main__block .main__text .products-name {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsionKintai .main__block .main__text .products-name {
    text-align: center;
  }
}
@media (max-width: 1470px) and (min-width: 1051px) {
  .page-products-xsionKintai .main__block .main__text .products-copy {
    font-size: 2.1vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsionKintai .main__block .main__text .products-copy {
    text-align: center;
  }
}
@media (max-width: 1320px) and (min-width: 1051px) {
  .page-products-xsionKintai .main__block .main__text .productsMainVisual__note {
    font-size: 0.9vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsionKintai .main__block .main__text .productsMainVisual__note {
    text-align: center;
  }
}
.page-products-xsionKintai .main__block > figure {
  max-width: 285px;
  width: 42.5%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .main__block > figure {
    width: 100%;
    max-width: 14.875rem;
  }
}
.page-products-xsionKintai .section01 {
  padding-bottom: 100px !important;
}

.page-products-xsionKintai .products-list .products-item:nth-of-type(1) figure {
  max-width: 225px;
}

.page-products-xsionKintai .products-list .products-item:nth-of-type(2) figure {
  max-width: 202px;
}

.page-products-xsionKintai .products-list .products-item:nth-of-type(3) figure {
  max-width: 150px;
  margin-bottom: 3rem;
}

.page-products-xsionKintai .products-list .products-item:nth-of-type(3) .products-item__name {
  font-size: 24px;
  font-size: 1.5rem;
}

.page-products-xsionKintai .products_price .price-list .price-item {
  width: 32%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .products_price .price-list .price-item {
    width: 100%;
  }
}
.page-products-xsionKintai .price-table {
  max-width: 1128px !important;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .price-table {
    min-width: 820px !important;
  }
}
.page-products-xsionKintai .price-table thead th {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7;
  padding: 1rem 0.6875rem;
}

.page-products-xsionKintai .price-table thead th:first-child {
  width: 5rem;
  opacity: 0;
  border-top-color: rgba(0, 0, 0, 0);
  border-left-color: rgba(0, 0, 0, 0);
}

.page-products-xsionKintai .price-table thead th:nth-child(2) {
  width: 11.375rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .price-table thead th:nth-child(2) {
    width: 15.8%;
  }
}
.page-products-xsionKintai .price-table thead th:nth-child(3) {
  width: 12.6875rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .price-table thead th:nth-child(3) {
    width: 15.8%;
  }
}
.page-products-xsionKintai .price-table thead th:last-child {
  width: 11rem;
}

.page-products-xsionKintai .price-table th + td {
  text-align: left;
}

.page-products-xsionKintai .price-table td {
  padding: 1.375rem 0.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai .price-table td {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-xsionKintai .price-table__note {
  margin: 0.625rem auto 0;
}

.page-products-xsionKintai-kousei .tab-inner figure {
  max-width: 690px;
  margin: 0 auto;
}

.page-products-xsionKintai-spec .tab-link {
  min-height: 5.5rem;
}

.page-products-xsionKintai-spec .tab-link.current {
  min-height: 6.75rem;
}

.page-products-xsionKintai-spec #section02 table thead tr th:nth-of-type(1) {
  width: 36%;
}

.page-products-xsionKintai-spec #section02 table thead tr th:nth-of-type(2), .page-products-xsionKintai-spec #section02 table thead tr th:nth-of-type(3) {
  width: 32%;
}

.page-products-xsionKintai-spec #section02 table tbody tr th {
  width: 20%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai-spec #section02 table tbody tr th {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.page-products-xsionKintai-spec #section02 table tbody tr td {
  text-align: left;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai-spec #section02 table tbody tr td {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.page-products-xsionKintai-apply #section01 {
  padding-bottom: 0;
}

.page-products-xsionKintai-apply #section01 .contentsInner {
  padding-top: 0;
}

.page-products-xsionKintai-apply #form-wrap .form-text {
  max-width: 900px;
}

.page-products-xsionKintai-apply #form-wrap .error__wrap.inlineblock.error {
  display: inline-block;
}

.page-products-xsionKintai-apply #form-wrap .error__wrap.inlineblock.error:after {
  right: -8rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai-apply #form-wrap .error__wrap.inlineblock.error:after {
    right: -6.5rem;
  }
}
.page-products-xsionKintai-apply #form-wrap .error__wrap.inlineblock.error:before {
  right: -1rem !important;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai-apply #form-wrap .error__wrap.inlineblock.error:before {
    right: 1rem !important;
  }
}
.page-products-xsionKintai-apply #form-wrap .error__wrap.dataCenter.error:after {
  left: 12.5rem;
  right: auto;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai-apply #form-wrap .error__wrap.dataCenter.error:after {
    left: 9.5rem;
  }
}
.page-products-xsionKintai-apply #form-wrap .error__wrap.dataCenter.error:before {
  left: 14.5rem !important;
  right: auto;
}

@media screen and (max-width: 1050px) {
  .page-products-xsionKintai-apply #form-wrap .error__wrap.dataCenter.error:before {
    left: 11.5rem !important;
  }
}
.page-products-zaionnex {
  position: relative;
}

.page-products-zaionnex .productsMainVisual__main {
  max-width: 676px;
  width: 46.9vw;
  margin-right: min(4.8vw, 70px);
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .productsMainVisual__main {
    width: 100%;
    margin-right: auto;
  }
}
.page-products-zaionnex .productsMainVisual__logo {
  width: 426px;
  margin-left: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .productsMainVisual__logo {
    width: 18.9375rem;
    margin-left: auto;
  }
}
.page-products-zaionnex .productsMainVisual__text {
  margin-bottom: 0.5rem;
}

.page-products-zaionnex .main__block {
  width: 100%;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .main__block {
    width: 100%;
    display: block;
    text-align: center;
  }
}
.page-products-zaionnex .main__block .main__text {
  max-width: 480px;
  width: 62.5%;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .main__block .main__text {
    width: 100%;
    max-width: 100%;
  }
}
.page-products-zaionnex .main__block .products-copy {
  font-size: clamp(1rem, 2.22vw, 2rem) !important;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .main__block .products-copy {
    font-size: 1.5rem !important;
  }
}
.page-products-zaionnex .main__block .productsMainVisual__text {
  font-size: min(1.25vw, 1.125rem) !important;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .main__block .productsMainVisual__text {
    font-size: 0.875rem !important;
  }
}
.page-products-zaionnex .main__block > figure {
  max-width: 271px;
  width: 40%;
  margin-left: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .main__block > figure {
    width: 100%;
    max-width: 13.75rem;
    margin: 1.5rem auto 0;
  }
}
.page-products-zaionnex .section01 {
  padding-bottom: 100px !important;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .products_intro {
    padding-bottom: 3rem;
  }
}
.page-products-zaionnex .products_solution .products-cta {
  margin-top: 100px;
}

.page-products-zaionnex #function .contentsInner {
  max-width: calc(1130px + 1.5rem);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex #function .contentsInner {
    padding-left: 0;
    padding-right: 0;
  }
}
.page-products-zaionnex #function .products-cta {
  margin-top: 100px;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex .price-list .price-item:last-child {
    position: relative;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-zaionnex .price-list .price-item:last-child:before {
    top: -3.25rem;
    bottom: auto;
  }
}
.page-products-zaionnex .price-table thead th:first-child {
  width: 5rem;
  opacity: 0;
}

.page-products-zaionnex-function .heading-type06 + .align-center, .page-products-zaionnex-function .page-products-dairiten .contents h2 + .align-center, .page-products-dairiten .contents .page-products-zaionnex-function h2 + .align-center, .page-products-zaionnex-function .page-products-dairiten-partnerProgram .contents h2 + .align-center, .page-products-dairiten-partnerProgram .contents .page-products-zaionnex-function h2 + .align-center {
  margin-top: 1.1875rem;
}

.page-products-zaionnex-function .modal-list + .heading-type06, .page-products-zaionnex-function .page-products-dairiten .contents .modal-list + h2, .page-products-dairiten .contents .page-products-zaionnex-function .modal-list + h2, .page-products-zaionnex-function .page-products-dairiten-partnerProgram .contents .modal-list + h2, .page-products-dairiten-partnerProgram .contents .page-products-zaionnex-function .modal-list + h2 {
  margin-top: 2.9375rem;
}

.page-products-zaionnex-demo #section01 {
  padding-bottom: 0;
}

.page-products-zaionnex-demo #section01 .contentsInner {
  padding-top: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-zaionnex-demo p.align-center {
    text-align: left;
  }
}
.page-products-zaionnex-demo .link-card-list {
  margin-top: 3.75rem;
}

.page-products-zaionnex-demo .link-card-list figure {
  min-height: 17.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.page-products-zaionnex-demo .link-card-list figure img {
  width: 21rem;
}

.page-products-zaionnex-demo .listStyle02 {
  margin-top: 3.75rem !important;
}

[class^=page-products-xronosLink] #productsMainVisual {
  padding-bottom: 150px;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] #productsMainVisual {
    padding-bottom: 2.5rem;
  }
}
[class^=page-products-xronosLink] .productsMainVisual__main {
  max-width: 1087px;
  width: 80vw;
  padding-right: 0;
  padding-top: 100px;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] .productsMainVisual__main {
    width: 100%;
    padding-top: 2.5rem;
    padding-left: 0;
  }
}
[class^=page-products-xronosLink] .productsMainVisual__logo {
  width: 426px;
  margin-left: 0;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] .productsMainVisual__logo {
    width: 18.9375rem;
    margin-left: auto;
  }
}
[class^=page-products-xronosLink] .productsMainVisual__text {
  margin-bottom: 0.5rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] .productsMainVisual__text {
    margin-bottom: 1.5rem;
  }
}
[class^=page-products-xronosLink] .main__block {
  width: 100%;
  align-items: flex-start;
  margin-top: 1.6rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] .main__block {
    width: 100%;
    justify-content: center;
  }
}
[class^=page-products-xronosLink] .main__block .main__text {
  max-width: 538px;
  width: 64%;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] .main__block .main__text {
    width: 100%;
    max-width: 640px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-xronosLink] .main__block .main__text {
    max-width: 360px;
  }
}
[class^=page-products-xronosLink] .main__block > figure {
  max-width: 382px;
  width: 35.1%;
  margin-top: -6rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronosLink] .main__block > figure {
    width: 100%;
    max-width: 15.5rem;
    margin-top: 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronosLink .products_intro {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}
.page-products-xronosLink .products_cooperation table th:first-child {
  width: 20%;
}

.page-products-demo #products_contents {
  width: 78.3%;
  max-width: 1128px;
  margin: 0 auto;
  padding-bottom: 9.375rem;
}

@media screen and (max-width: 1050px) {
  .page-products-demo #products_contents {
    width: 100%;
    padding: 1rem 1rem 5rem;
    margin-top: 0;
  }
}
.page-products-demo #products_contents .lead-wrap {
  padding: 0 2.18rem;
}

@media screen and (max-width: 1050px) {
  .page-products-demo #products_contents .lead-wrap {
    width: 100%;
    padding: 0;
  }
}
.page-products-demo #products_contents .lead-wrap .heading-type01 {
  text-align: center;
}

.page-products-demo #products_contents .lead-wrap p {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-demo #products_contents .lead-wrap p {
    margin-top: 2.5rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-products-demo #products_contents .link-card-list {
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-demo #products_contents .link-card-list {
    margin-top: 2.5rem;
  }
}
.page-products-demo #products_contents .link-card-list__item {
  display: flex;
  flex-direction: column;
}

.page-products-demo #products_contents .link-card-list__item a {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.page-products-demo #products_contents .link-card-list__item a .text-wrap {
  flex: 1 1 auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.page-products-demo #products_contents .link-card-list__item a .text-wrap .document-h4 {
  text-align: left;
  margin: 0;
  flex-grow: 1;
}

.page-products-demo #products_contents .link-card-list__item a .text-wrap .document-h4.line2 {
  align-items: flex-start;
}

.page-products-demo #products_contents .link-card-list__item a .text-wrap .link-card-list__item__more {
  line-height: 1;
  padding: 10px;
  margin: 10px 0 0;
  flex-grow: 1;
}

.page-products-demo-xronosPerformance .form-text figure {
  margin: 3.25rem auto 0;
  max-width: 370px;
}

[class^=page-products-xronos] #productsFixedMenu {
  justify-content: space-between;
}

[class^=page-products-xronos] #productsFixedMenu #logo {
  width: 14rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronos] #productsFixedMenu #logo {
    width: 9.375rem;
  }
}
[class^=page-products-xronos] #productsFixedMenu #productsMenu {
  justify-content: space-between;
  width: calc(100% - 10.3125rem);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronos] #productsFixedMenu #productsMenu {
    width: 100%;
  }
}
[class^=page-products-xronos] #productsFixedMenu #productsMenu .productsMenu__list, [class^=page-products-xronos] #productsFixedMenu .productsMenu__blank {
  margin-right: 0;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronos] .tabArea .tab-menu .tab-link {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
[class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_pkg:before {
  content: "";
  display: inline-block;
  height: 34px;
  width: 34px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.625rem;
  background-image: url(../images/common/icon_pkg.svg);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_pkg:before {
    height: 4.8vw;
    width: 4.8vw;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_pkg:before {
    height: 3.5vw;
    width: 3.5vw;
    margin-right: 0.5rem;
  }
}
[class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_pkg.current:before {
  background-image: url(../images/common/icon_pkg_wh.svg);
}

[class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_cloud:before {
  content: "";
  display: inline-block;
  height: 34px;
  width: 34px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.625rem;
  background-image: url(../images/common/icon_cloud.svg);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_cloud:before {
    height: 4.8vw;
    width: 4.8vw;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_cloud:before {
    height: 3.5vw;
    width: 3.5vw;
    margin-right: 0.5rem;
  }
}
[class^=page-products-xronos] .tabArea .tab-menu .tab-link.icon_cloud.current:before {
  background-image: url(../images/common/icon_cloud_wh.svg);
}

[class^=page-products-xronos] .tabArea .tab-inner figure {
  text-align: center;
}

.page-products-xronos {
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-xronos #productsMainVisual {
  gap: min(6.5vw, 5.9rem);
}

@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xronos #productsMainVisual {
    gap: 4vw;
  }
}
.page-products-xronos .productsMainVisual__main {
  max-width: 715px;
  width: 50%;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .productsMainVisual__main {
    width: 100%;
  }
}
.page-products-xronos .productsMainVisual__main figure {
  margin-left: 0;
}

.page-products-xronos .productsMainVisual__logo {
  width: 100%;
  margin-bottom: 1.6875rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .productsMainVisual__logo {
    width: 16.125rem;
    margin-left: auto !important;
    margin-right: auto;
  }
}
.page-products-xronos .productsMainVisual__text {
  margin-bottom: 0.5rem;
}

.page-products-xronos .main__block {
  max-width: 714px;
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .main__block {
    gap: 1.5rem;
    width: 100%;
  }
}
.page-products-xronos .main__block .main__text {
  max-width: 480px;
  width: 70.5%;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .main__block .main__text {
    max-width: 520px;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xronos .main__block .main__text {
    text-align: center;
  }
}
@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xronos .main__block .main__text .products-copy {
    font-size: 2.22vw;
  }
}
.page-products-xronos .main__block .main__text .productsMainVisual__text {
  margin-bottom: 0;
}

@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xronos .main__block .main__text .productsMainVisual__text {
    font-size: 1.25vw;
  }
}
.page-products-xronos .main__block > figure {
  max-width: 217px;
  width: 30%;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .main__block > figure {
    width: 100%;
    max-width: 13.5625rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-products-xronos .section01 {
  padding-bottom: 100px !important;
}

.page-products-xronos .products_flow .support-list .support-item .support-item__title {
  font-size: 24px;
  font-size: 1.5rem;
}

.page-products-xronos .products_function .function-note__img {
  min-height: auto;
}

.page-products-xronos .products_function .function-list {
  margin-bottom: 0;
}

.page-products-xronos .products_function .function-item {
  margin-bottom: 2rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_function .function-item {
    margin-bottom: 4rem;
  }
}
.page-products-xronos .products_function .function-item:last-child {
  margin-bottom: 0;
}

.page-products-xronos .products_function .function-item__note {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_function .function-item__note {
    margin-bottom: 7rem;
  }
}
.page-products-xronos .products_function .function-item__note .function-note__title {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_function .function-item__note .function-note__title {
    display: block;
  }
}
.page-products-xronos .products_function .function-item__note .function-note__title.point:before {
  content: "POINT";
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  background: #77ddd1;
  color: #fff;
  border-radius: 200px;
  min-width: 4.4375rem;
  width: 4.4375rem;
  height: 4.4375rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_function .function-item__note .function-note__title.point:before {
    margin-right: 0;
    margin-bottom: 1.25rem;
  }
}
.page-products-xronos .products_function .function-item__modalWrap {
  margin-bottom: 8rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .modal-contents .modal-contents__tab .tab-menu .tab-link.current > span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
.page-products-xronos .modal-contents .modal-contents__tab .tab-menu .tab-link > span {
  line-height: 1.5;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .modal-contents .modal-contents__tab .tab-menu .tab-link > span {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.3;
  }
}
.page-products-xronos .modal-contents .chuki {
  border-color: #128fa0;
}

.page-products-xronos .products_section .modal-contents .chuki, .page-products-xronos .products_recommend .modal-contents .chuki, .page-products-xronos .products_section .modal-contents__tab, .page-products-xronos .products_recommend .modal-contents__tab {
  max-width: 780px;
}

.page-products-xronos .products_recommend {
  padding-bottom: 0;
}

.page-products-xronos .products_recommend .modal-list {
  justify-content: center;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_recommend .modal-contents__lead {
    margin-bottom: 0;
  }
}
.page-products-xronos .products_recommend .modal-contents .chuki {
  max-width: 780px;
  margin: 1.5rem auto 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_recommend .modal-contents .chuki {
    margin-top: 0;
  }
}
.page-products-xronos .products_recommend .modal-contents .chuki li + li {
  margin-top: 0;
}

.page-products-xronos .products_recommend .contents__lead + p {
  margin-top: 1.5rem;
}

.page-products-xronos .products_recommend .contents__lead .link-card-list {
  margin-top: 3.125rem;
}

.page-products-xronos .products_recommend .modal-contents .modal-contents__tab .tab-menu .tab-link.line2.current {
  min-height: 6rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_recommend .modal-contents .modal-contents__tab .tab-menu .tab-link.line2.current {
    min-height: 4rem;
  }
}
.page-products-xronos .products_recommend .modal-contents .chuki {
  border-color: #128fa0;
}

.page-products-xronos .products_intro {
  margin-top: 5rem;
}

.page-products-xronos .products_intro .contentsInner {
  padding-bottom: 5rem;
}

.page-products-xronos .products_intro .intro-text p {
  margin: 2.5rem 0 0;
}

.page-products-xronos .products_price {
  padding-bottom: 0;
}

.page-products-xronos .products_price .heading-type06, .page-products-xronos .products_price .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-products-xronos .products_price h2, .page-products-xronos .products_price .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-products-xronos .products_price h2 {
  margin-top: 3rem;
}

.page-products-xronos .products_price .price-list .price-item__title small {
  display: block;
  margin-top: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  color: #525252;
}

.page-products-xronos .products_price .price-list .price-item__title:before {
  content: "";
  display: inline-block;
  height: 24px;
  width: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin: 0 0.625rem -0.2rem 0;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price-list .price-item__title:before {
    height: 6.997vw;
    width: 6.997vw;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xronos .products_price .price-list .price-item__title:before {
    height: 6.997vw;
    width: 6.997vw;
    margin-right: 0.5rem;
  }
}
.page-products-xronos .products_price .price-list .price-item__title.icon_pkg:before {
  background-image: url(../images/products/xronos/icon_pkg.svg);
}

.page-products-xronos .products_price .price-list .price-item__title.icon_cloud:before {
  background-image: url(../images/products/xronos/icon_cloud.svg);
}

.page-products-xronos .products_price .price-list.option .price-item {
  cursor: pointer;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price-list.option .price-item {
    padding: 0.5rem;
  }
}
.page-products-xronos .products_price .price-list.option .price-item__name.arrow {
  display: flex;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price-list.option .price-item__name.arrow {
    text-align: left;
  }
}
.page-products-xronos .products_price .price-list.option .price-item__name.arrow:after {
  content: "";
  display: inline-block;
  min-width: 1.25rem;
  width: 1.25rem;
  height: 1.0625rem;
  background: url(../images/common/icon_arrow.svg) no-repeat;
  background-size: cover;
  margin-left: 0.5rem;
}

.page-products-xronos .products_price .price_modal_contents .modal-contents__tab {
  max-width: 1128px !important;
}

.page-products-xronos .products_price .price_modal_contents .modal-contents__tab table, .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .chuki {
  max-width: 1048px !important;
}

.page-products-xronos .products_price .price_modal_contents .modal-contents__tab .table-inner {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .table-inner {
    margin-top: 1.5rem;
  }
}
.page-products-xronos .products_price .price_modal_contents .modal-contents__tab .chuki + .heading-type06, .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .page-products-dairiten .contents .chuki + h2, .page-products-dairiten .contents .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .chuki + h2, .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .page-products-dairiten-partnerProgram .contents .chuki + h2, .page-products-dairiten-partnerProgram .contents .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .chuki + h2, .page-products-xronos .products_price .price_modal_contents .modal-contents__tab table + .heading-type06, .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .page-products-dairiten .contents table + h2, .page-products-dairiten .contents .page-products-xronos .products_price .price_modal_contents .modal-contents__tab table + h2, .page-products-xronos .products_price .price_modal_contents .modal-contents__tab .page-products-dairiten-partnerProgram .contents table + h2, .page-products-dairiten-partnerProgram .contents .page-products-xronos .products_price .price_modal_contents .modal-contents__tab table + h2 {
  margin-top: 3.125rem;
}

.page-products-xronos .products_price .price_modal_contents .modal-contents th, .page-products-xronos .products_price .price_modal_contents .modal-contents td {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  font-size: 15px;
  font-size: 0.9375rem;
}

.page-products-xronos .products_price .price_modal_contents .tabArea .tab-menu .tab-link.current {
  min-height: 4.625rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price_modal_contents .tabArea .tab-menu .tab-link.current {
    min-height: 3.5rem;
  }
}
.page-products-xronos .products_price .price_modal_contents .tabArea .tab-menu .tab-link:before {
  height: 26px;
  width: 26px;
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xronos .products_price .price_modal_contents .tabArea .tab-menu .tab-link:before {
    height: 3vw;
    width: 3vw;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price_modal_contents .table-inner {
    overflow-x: auto;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price_modal_contents .table-inner > table {
    width: 52rem;
    margin-right: 0.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronos .products_price .price_modal_contents .table-inner > table th, .page-products-xronos .products_price .price_modal_contents .table-inner > table td, .page-products-xronos .products_price .price_modal_contents .table-inner > table caption span {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page-products-xronos #price .price-table {
  margin-top: 1.5rem;
}

.page-products-xronos #price .price-table.pc-show {
  border: none;
  max-width: 1128px;
  width: 1128px;
}

.page-products-xronos #price .price-table.pc-show thead th {
  border: 1px solid #a3a3a3;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4476923077;
  padding: 1.75rem 0.15rem;
  color: #525252;
}

.page-products-xronos #price .price-table.pc-show thead th:first-child {
  opacity: 0;
  border: none;
  width: 4.5rem;
}

.page-products-xronos #price .price-table.pc-show thead th:nth-child(2) {
  width: 4.5625rem;
}

.page-products-xronos #price .price-table.pc-show thead th:nth-child(3) {
  width: 5.28125rem;
}

.page-products-xronos #price .price-table.pc-show thead th:nth-child(4) {
  width: 7.25rem;
}

.page-products-xronos #price .price-table.pc-show thead th:nth-child(5) {
  width: 15.5rem;
}

.page-products-xronos #price .price-table.pc-show thead th:nth-child(6) {
  width: 20rem;
}

.page-products-xronos #price .price-table.pc-show thead th:last-child {
  width: 12.6rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.page-products-xronos #price .price-table.pc-show tbody td {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4483333333;
  padding: 0.625rem 0.4rem;
}

.page-products-xronos #price .price-table.pc-show tbody td strong {
  font-size: 14px;
  font-size: 0.875rem;
}

.page-products-xronos #price .price-table.pc-show tbody td:nth-last-child(4) {
  font-size: 10px;
  font-size: 0.625rem;
}

.page-products-xronos #price .price-table.pc-show tbody td:nth-last-child(2), .page-products-xronos #price .price-table.pc-show tbody td:nth-last-child(3) {
  text-align: right;
}

.page-products-xronos #price .price-table.pc-show tbody td:nth-last-child(1), .page-products-xronos #price .price-table.pc-show tbody td:nth-last-child(4) {
  text-align: left;
}

.page-products-xronos #price .price-table.pc-show tbody td.align-center {
  text-align: center;
}

.page-products-xronos #price .price-table.pc-show tbody td .label {
  background-color: #77ddd1;
  padding: 0 0.5rem 0.1rem;
  border-radius: 0.3125rem;
  color: #fff;
  margin-right: 0.75rem;
}

.page-products-xronos #price .price-table.sp-show {
  width: 47.5rem;
}

.page-products-xronos #price .price-table.sp-show thead th {
  color: #fff;
  background: #77DDD1;
  width: 20%;
  padding: 1.75rem 0.5rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.448;
}

.page-products-xronos #price .price-table.sp-show thead th strong {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.448;
}

.page-products-xronos #price .price-table.sp-show tbody tr:nth-child(2) td {
  padding: 1.875rem 0.375rem;
}

.page-products-xronos #price .price-table.sp-show tbody tr:nth-child(4) td {
  padding: 2.4rem 0.375rem;
}

.page-products-xronos #price .price-table.sp-show tbody tr:nth-child(6) td {
  text-align: left;
}

.page-products-xronos #price .price-table.sp-show tbody tr:nth-child(8) td, .page-products-xronos #price .price-table.sp-show tbody tr:nth-child(10) td {
  text-align: right;
}

.page-products-xronos #price .price-table.sp-show tbody tr:nth-child(11) th {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.15rem 1.25rem;
}

.page-products-xronos #price .price-table.sp-show tbody tr:nth-child(12) td {
  text-align: left;
  vertical-align: top;
}

.page-products-xronos #price .price-table.sp-show tbody th {
  background: #CEF3EE;
  color: #525252;
  text-align: left;
  padding: 0.25rem 1.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4483333333;
}

.page-products-xronos #price .price-table.sp-show tbody td {
  padding: 0.625rem 0.375rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4483333333;
}

.page-products-xronos #price .price-table.sp-show tbody td strong {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4478571429;
}

.page-products-xronos #price .price-table.sp-show tbody td.align-center {
  text-align: center !important;
}

.page-products-xronos #price .price-table.sp-show tbody td .label {
  background-color: #77ddd1;
  padding: 0 0.5rem 0.1rem;
  border-radius: 0.3125rem;
  color: #fff;
}

.page-products-xronos #price .price-table__wrap {
  overflow-x: auto;
  margin-right: -0.75rem;
  padding-right: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos #price .price-table__wrap {
    margin-right: -1rem;
    padding-right: 1rem;
  }
}
.page-products-xronos #flow .page-heading .ja {
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link:before {
  content: "";
  display: inline-block;
  height: 34px;
  width: 34px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 0.625rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link:before {
    height: 4.8vw;
    width: 4.8vw;
    margin-right: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link:before {
    height: 3.5vw;
    width: 3.5vw;
    margin-right: 0.5rem;
  }
}
.page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link.icon_pkg:before {
  background-image: url(../images/common/icon_pkg.svg);
}

.page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link.icon_pkg.current:before {
  background-image: url(../images/common/icon_pkg_wh.svg);
}

.page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link.icon_cloud:before {
  background-image: url(../images/common/icon_cloud.svg);
}

.page-products-xronos-spec .products_tabSection .tabArea .tab-menu .tab-link.icon_cloud.current:before {
  background-image: url(../images/common/icon_cloud_wh.svg);
}

.page-products-xronos-spec #products_contents table {
  max-width: 100%;
}

.page-products-xronos-spec #products_contents .tab-content {
  padding: 3.75rem 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .tab-content {
    padding: 2.5rem 0.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents th, .page-products-xronos-spec #products_contents td {
    font-size: 10.5px;
    font-size: 0.65625rem;
    padding: 0.25rem;
  }
}
.page-products-xronos-spec #products_contents td small {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  margin-top: 1rem;
  display: block;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents td small {
    font-size: 8.4px;
    font-size: 0.525rem;
    margin-top: 0.5rem;
  }
}
.page-products-xronos-spec #products_contents .kyuyo_soft thead tr th:last-child {
  width: 10.78% !important;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .kyuyo_soft thead tr th:last-child {
    width: 16.5% !important;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .kyuyo_soft td {
    font-size: 10.2px;
    font-size: 0.6375rem;
    padding: 0.25rem;
  }
}
.page-products-xronos-spec #products_contents .heading-type04, .page-products-xronos-spec #products_contents #main.faq2020 h2, #main.faq2020 .page-products-xronos-spec #products_contents h2 {
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .heading-type04, .page-products-xronos-spec #products_contents #main.faq2020 h2, #main.faq2020 .page-products-xronos-spec #products_contents h2 {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .heading-type04 + p, .page-products-xronos-spec #products_contents #main.faq2020 h2 + p, #main.faq2020 .page-products-xronos-spec #products_contents h2 + p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-xronos-spec #products_contents .heading-type04 + table, .page-products-xronos-spec #products_contents #main.faq2020 h2 + table, #main.faq2020 .page-products-xronos-spec #products_contents h2 + table, .page-products-xronos-spec #products_contents p + table {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .heading-type04 + table, .page-products-xronos-spec #products_contents #main.faq2020 h2 + table, #main.faq2020 .page-products-xronos-spec #products_contents h2 + table, .page-products-xronos-spec #products_contents p + table {
    margin-top: 1.5rem;
  }
}
.page-products-xronos-spec #products_contents table + .heading-type04, .page-products-xronos-spec #products_contents #main.faq2020 table + h2, #main.faq2020 .page-products-xronos-spec #products_contents table + h2, .page-products-xronos-spec #products_contents ul + .heading-type04, .page-products-xronos-spec #products_contents #main.faq2020 ul + h2, #main.faq2020 .page-products-xronos-spec #products_contents ul + h2 {
  margin-top: 6.25rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents table + .heading-type04, .page-products-xronos-spec #products_contents #main.faq2020 table + h2, #main.faq2020 .page-products-xronos-spec #products_contents table + h2, .page-products-xronos-spec #products_contents ul + .heading-type04, .page-products-xronos-spec #products_contents #main.faq2020 ul + h2, #main.faq2020 .page-products-xronos-spec #products_contents ul + h2 {
    margin-top: 2.5rem;
  }
}
.page-products-xronos-spec #products_contents .chuki {
  border-color: #128fa0;
}

@media screen and (max-width: 1050px) {
  .page-products-xronos-spec #products_contents .chuki li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-xronos-kousei .tab-inner figure {
  max-width: 690px;
  margin: 0 auto;
}

[class^=page-products-xsion] #productsFixedMenu {
  justify-content: space-between;
}

[class^=page-products-xsion] #productsFixedMenu #logo {
  width: 7.8125rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xsion] #productsFixedMenu #logo {
    width: 6.5625rem;
  }
}
[class^=page-products-xsion] #productsFixedMenu #productsMenu {
  justify-content: space-between;
  width: calc(100% - 10.3125rem);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-xsion] #productsFixedMenu #productsMenu {
    width: 100%;
  }
}
[class^=page-products-xsion] #productsFixedMenu #productsMenu .productsMenu__list, [class^=page-products-xsion] #productsFixedMenu .productsMenu__blank {
  margin-right: 0;
}

.page-products-xsion {
  position: relative;
}

.page-products-xsion #productsMainVisual {
  gap: min(6.5vw, 5.9rem);
}

@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xsion #productsMainVisual {
    gap: 4vw;
  }
}
.page-products-xsion .productsMainVisual__main {
  max-width: 715px;
  width: 50%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion .productsMainVisual__main {
    width: 100%;
  }
}
.page-products-xsion .productsMainVisual__main figure {
  margin-left: 0;
}

.page-products-xsion .productsMainVisual__logo {
  width: 359px;
  margin-bottom: 1.6875rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion .productsMainVisual__logo {
    width: 16.125rem;
    margin-left: auto !important;
    margin-right: auto;
  }
}
.page-products-xsion .productsMainVisual__text {
  margin-bottom: 0.5rem;
}

.page-products-xsion .main__block {
  max-width: 714px;
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion .main__block {
    gap: 1.5rem;
    width: 100%;
  }
}
.page-products-xsion .main__block .main__text {
  max-width: 480px;
  width: 70.5%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion .main__block .main__text {
    max-width: 520px;
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsion .main__block .main__text {
    text-align: center;
  }
}
@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xsion .main__block .main__text .products-copy {
    font-size: 2.22vw;
  }
}
.page-products-xsion .main__block .main__text .productsMainVisual__text {
  margin-bottom: 0;
}

@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-xsion .main__block .main__text .productsMainVisual__text {
    font-size: 1.25vw;
  }
}
.page-products-xsion .main__block > figure {
  max-width: 217px;
  width: 30%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion .main__block > figure {
    width: 100%;
    max-width: 13.5625rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-products-xsion .section01 {
  padding-bottom: 100px !important;
}

.page-products-xsion .products_flow .support-list .support-item .support-item__title {
  font-size: 24px;
  font-size: 1.5rem;
}

.page-products-xsion .products_intro {
  margin-top: 5rem;
}

.page-products-xsion .products_intro .intro-text p {
  margin: 2.5rem 0 0;
}

.page-products-xsion .products_price {
  padding-bottom: 0;
}

.page-products-xsion .products_price .heading-type06, .page-products-xsion .products_price .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-products-xsion .products_price h2, .page-products-xsion .products_price .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-products-xsion .products_price h2 {
  margin-top: 3rem;
}

.page-products-xsion .products_price .price-list.column2 {
  margin-top: 2rem;
  padding-bottom: 5rem;
}

.page-products-xsion .products_price .price-list.column2 .price-item {
  position: relative;
}

.page-products-xsion .products_price .price-list.column2 .price-item .price-list__note {
  position: absolute;
  top: 100%;
  text-align: left;
  margin-top: 1rem;
}

.page-products-xsion .products_price .price-list.column2 .price-item .price-list__note li {
  font-size: 14px;
  font-size: 0.875rem;
}

.page-products-xsion .products_price .price-list.column2 .price-item .price-list__note li span {
  color: #d62020;
}

.page-products-xsion .products_price .price-list.option .price-item {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.page-products-xsion #price .price-table {
  margin-top: 1.5rem;
}

.page-products-xsion #price .price-table.pc-show {
  border: none;
  max-width: 1128px;
  width: 1128px;
}

.page-products-xsion #price .price-table.pc-show thead th {
  border: 1px solid #A3A3A3;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1.4476923077;
  padding: 1.75rem 0.15rem;
  color: #525252;
}

.page-products-xsion #price .price-table.pc-show thead th:first-child {
  opacity: 0;
  border: none;
  width: 4.5rem;
}

.page-products-xsion #price .price-table.pc-show thead th:nth-child(2) {
  width: 4.65rem;
}

.page-products-xsion #price .price-table.pc-show thead th:nth-child(3) {
  width: 5.28125rem;
}

.page-products-xsion #price .price-table.pc-show thead th:nth-child(4) {
  width: 7.25rem;
}

.page-products-xsion #price .price-table.pc-show thead th:nth-child(5) {
  width: 15.5rem;
}

.page-products-xsion #price .price-table.pc-show thead th:nth-child(6) {
  width: 20rem;
}

.page-products-xsion #price .price-table.pc-show thead th:last-child {
  width: 12.6rem;
  font-size: 20px;
  font-size: 1.25rem;
}

.page-products-xsion #price .price-table.pc-show tbody td {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.4483333333;
  padding: 0.625rem 0.4rem;
}

.page-products-xsion #price .price-table.pc-show tbody td strong {
  font-size: 14px;
  font-size: 0.875rem;
}

.page-products-xsion #price .price-table.pc-show tbody td:nth-last-child(4) {
  font-size: 10px;
  font-size: 0.625rem;
}

.page-products-xsion #price .price-table.pc-show tbody td:nth-last-child(2), .page-products-xsion #price .price-table.pc-show tbody td:nth-last-child(3) {
  text-align: right;
}

.page-products-xsion #price .price-table.pc-show tbody td:nth-last-child(1), .page-products-xsion #price .price-table.pc-show tbody td:nth-last-child(4) {
  text-align: left;
}

.page-products-xsion #price .price-table.pc-show tbody td.align-center {
  text-align: center;
}

.page-products-xsion #price .price-table.pc-show tbody td .label {
  background-color: #77ddd1;
  padding: 0 0.5rem 0.1rem;
  border-radius: 0.3125rem;
  color: #fff;
  margin-right: 0.75rem;
}

.page-products-xsion #price .price-table.sp-show {
  width: 47.5rem;
}

.page-products-xsion #price .price-table.sp-show thead th {
  color: #fff;
  background: #77DDD1;
  width: 20%;
  padding: 1.75rem 0.5rem;
  font-size: 10px;
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1.448;
}

.page-products-xsion #price .price-table.sp-show thead th strong {
  font-size: 15px;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.448;
}

.page-products-xsion #price .price-table.sp-show tbody tr:nth-child(2) td {
  padding: 1.875rem 0.375rem;
}

.page-products-xsion #price .price-table.sp-show tbody tr:nth-child(4) td {
  padding: 2.4rem 0.375rem;
}

.page-products-xsion #price .price-table.sp-show tbody tr:nth-child(6) td {
  text-align: left;
}

.page-products-xsion #price .price-table.sp-show tbody tr:nth-child(8) td, .page-products-xsion #price .price-table.sp-show tbody tr:nth-child(10) td {
  text-align: right;
}

.page-products-xsion #price .price-table.sp-show tbody tr:nth-child(11) th {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1;
  padding: 0.15rem 1.25rem;
}

.page-products-xsion #price .price-table.sp-show tbody tr:nth-child(12) td {
  text-align: left;
  vertical-align: top;
}

.page-products-xsion #price .price-table.sp-show tbody th {
  background: #CEF3EE;
  color: #525252;
  text-align: left;
  padding: 0.25rem 1.25rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.4483333333;
}

.page-products-xsion #price .price-table.sp-show tbody td {
  padding: 0.625rem 0.375rem;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4483333333;
}

.page-products-xsion #price .price-table.sp-show tbody td strong {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.4478571429;
}

.page-products-xsion #price .price-table.sp-show tbody td.align-center {
  text-align: center !important;
}

.page-products-xsion #price .price-table.sp-show tbody td .label {
  background-color: #77ddd1;
  padding: 0 0.5rem 0.1rem;
  border-radius: 0.3125rem;
  color: #fff;
}

.page-products-xsion #price .price-table__wrap {
  overflow-x: auto;
  margin-right: -0.75rem;
  padding-right: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion #price .price-table__wrap {
    margin-right: -1rem;
    padding-right: 1rem;
  }
}
.page-products-xsion .modal-list .modal-contents__tab {
  max-width: 780px;
}

.page-products-xsion .modal-list .tab-content {
  padding: 1rem;
}

.page-products-xsion #case {
  padding-bottom: 0;
}

.pdfImage-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4.0625rem;
  max-width: 1128px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .pdfImage-list {
    gap: 1.5rem;
    max-width: 500px;
  }
}
.pdfImage-item {
  width: calc(50% - 2.03125rem);
  background: #FFF;
  border-radius: 10px;
  padding: 1rem 0;
}

@media screen and (max-width: 1050px) {
  .pdfImage-item {
    width: 100%;
  }
}
.pdfImage__title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 2.2222222222;
  text-align: center;
  margin-bottom: 1rem;
}

.pdfImage__img {
  width: 100%;
}

.page-products-xsion-timeRecorder #section01, .page-products-xsion-timeRecorder .products_section {
  padding-top: 0;
}

.page-products-xsion-timeRecorder .contentsInner {
  padding-top: 0;
  padding-bottom: 0;
}

.page-products-xsion-timeRecorder .fontLarge:first-child {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-timeRecorder .fontLarge:first-child {
    text-align: left;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-kousei .tab-menu {
    flex-wrap: wrap;
  }
}
.page-products-xsion-kousei .tab-menu .tab-link {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-kousei .tab-menu .tab-link {
    flex-basis: 50%;
    max-width: calc(50% - 0.5px);
    font-size: 14px;
    font-size: 0.875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    transition: padding-bottom 0.3s ease;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsion-kousei .tab-menu .tab-link {
    font-size: 12px;
    font-size: 0.75rem;
  }
  .page-products-xsion-kousei .tab-menu .tab-link br {
    display: none;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-kousei .tab-menu .tab-link.current {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
}
.page-products-xsion-kousei .tab-inner figure {
  max-width: 690px;
  margin: 0 auto;
}

.page-products-xsion-spec .tab-inner {
  max-width: 1010px;
  margin: 0 auto;
}

.page-products-xsion-spec .tab-inner .heading-type02:not(:first-child) {
  margin-top: 3rem;
}

.page-products-xsion-spec .tab-inner table {
  max-width: 100% !important;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-spec .tab-inner th {
    padding-left: 0.175rem;
    padding-right: 0.175rem;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec .tab-inner th:first-child {
    width: 25%;
  }
}
.page-products-xsion-spec .tab-inner td {
  text-align: center;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  width: 20%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-spec .tab-inner td {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
.page-products-xsion-spec .tab-inner td small {
  font-size: 11px;
  font-size: 0.6875rem;
  display: inline-block;
  margin-top: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-spec .tab-inner td small {
    font-size: 8px;
    font-size: 0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsion-spec .tab-inner td small {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsion-spec .tab-inner td small .sp-show {
    display: none !important;
  }
}
.page-products-xsion-spec .tab-inner td img {
  display: block;
}

.page-products-xsion-spec #tab-1-1 tbody th:first-child {
  width: 15%;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td {
    font-size: 11px;
    font-size: 0.6875rem;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td:nth-last-child(4) {
    width: 18%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td:nth-last-child(3) {
    width: 20%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td:nth-last-child(2) {
    width: 20%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-1 tbody td:last-child {
    width: 15%;
  }
}
.page-products-xsion-spec #tab-1-2 .heading-type06, .page-products-xsion-spec #tab-1-2 .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-products-xsion-spec #tab-1-2 h2, .page-products-xsion-spec #tab-1-2 .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-products-xsion-spec #tab-1-2 h2 {
  margin: 3rem 0;
}

.page-products-xsion-spec #tab-1-2 .products-item__tag li {
  min-width: 5.375rem;
  text-align: center;
  padding: 0.25rem 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-2 .notice-block {
    padding-top: 3rem;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-2 .notice-block .listStyle01 {
    padding: 1rem 0 !important;
    margin-left: 1rem !important;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-xsion-spec #tab-1-2 .notice-block .listStyle01 li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
[class^=page-products-teletime] #productsFixedMenu #logo {
  width: 7.5rem;
}

[class^=page-products-teletime] #productsFixedMenu #productsMenu {
  width: 100%;
  justify-content: space-between;
}

[class^=page-products-teletime] #productsFixedMenu #productsMenu .productsMenu__btn {
  display: none;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] #productsFixedMenu #productsMenu .productsMenu__btn {
    display: block;
  }
}
[class^=page-products-teletime] #productsFixedMenu #productsMenu.beyond-footer {
  bottom: 4rem;
}

[class^=page-products-teletime] .movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

[class^=page-products-teletime] .products-list .products-item figure {
  max-width: 150px;
}

[class^=page-products-teletime] .products-list .products-item .products-item__tag li {
  min-width: 5.375rem;
  text-align: center;
  padding: 0.25rem 1.5rem;
}

[class^=page-products-teletime] .products_info_section .button-area {
  width: 64.4%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products_info_section .button-area {
    width: 100%;
  }
}
[class^=page-products-teletime] .products_info_section .button-area figure {
  width: 15.6%;
  position: absolute;
  top: 50%;
  right: 2.6rem;
  transform: translateY(-50%);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products_info_section .button-area figure {
    width: 50%;
    margin: 1rem auto;
    position: relative;
    transform: none;
    top: 0;
    right: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-teletime] .products_info_section .button-area figure {
    width: 30%;
  }
}
[class^=page-products-teletime] .products_info_section .button-area figure img {
  width: 100%;
}

[class^=page-products-teletime] .link-card-list__item__inner p span.red {
  margin-left: -0.5rem;
  margin-right: 0.5rem;
}

[class^=page-products-teletime] .link-card-list + .chuki {
  border-color: #128fa0;
  margin-top: 2.5rem;
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-teletime] .link-card-list + .chuki {
    width: 100%;
    max-width: 500px;
    margin: 2.5rem auto 0;
  }
}
[class^=page-products-teletime] .tab-link {
  padding: 0 1rem;
}

[class^=page-products-teletime] .tab-link.current {
  padding: 1rem;
}

[class^=page-products-teletime] .tab-link a {
  width: 100%;
  padding: 0.625rem 1rem;
}

[class^=page-products-teletime] .products-culm2-list {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list {
    width: 100%;
    display: block;
    padding: 1.5rem;
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list {
    width: 70%;
    margin: 0 auto;
  }
}
[class^=page-products-teletime] .products-culm2-list__item {
  width: 46.2%;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list__item {
    width: 100%;
    display: block;
  }
}
[class^=page-products-teletime] .products-culm2-list__item .text-wrap {
  width: calc(100% - (38% + 1.5rem));
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list__item .text-wrap {
    width: 100%;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list__item .text-wrap p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list__item + .products-culm2-list__item {
    margin-top: 2.5rem;
  }
}
[class^=page-products-teletime] .products-culm2-list__title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
}

[class^=page-products-teletime] .products-culm2-list__img {
  width: 38%;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list__img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  [class^=page-products-teletime] .products-culm2-list__img {
    width: 50%;
    margin: 0 auto;
  }
}
[class^=page-products-teletime] .products-culm2-list__img img, [class^=page-products-teletime] .function-item__img img {
  width: 100%;
}

.page-products-teletime {
  position: relative;
}

.page-products-teletime #productsMainVisual {
  gap: min(4.5vw, 80px);
}

@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual {
    gap: 0;
    padding-bottom: 3.25rem;
  }
}
.page-products-teletime #productsMainVisual .productsMainVisual__main {
  width: 51.3vw;
  margin-right: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main {
    width: 100%;
    margin-right: auto;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main {
    width: 100%;
    max-width: 740px;
  }
}
.page-products-teletime #productsMainVisual .productsMainVisual__main .productsMainVisual__logo {
  width: 54.6%;
  max-width: 243px;
  margin-left: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .productsMainVisual__logo {
    width: 100%;
    max-width: 267px;
    margin-left: auto;
  }
}
.page-products-teletime #productsMainVisual .productsMainVisual__main .main__block {
  margin-top: 1.25rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block {
    display: block;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block {
    display: flex;
    justify-content: center;
    gap: 0;
  }
}
.page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text {
  margin-right: 0;
  max-width: 480px;
  width: 64.5%;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text {
    text-align: center;
  }
}
@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text .products-copy {
    font-size: 2.22vw;
  }
}
.page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text .productsMainVisual__text {
  margin-top: 1.25rem;
}

@media (max-width: 1440px) and (min-width: 1051px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text .productsMainVisual__text {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block .main__text .productsMainVisual__text {
    margin-top: 0.75rem;
    margin-bottom: 0;
  }
}
.page-products-teletime #productsMainVisual .productsMainVisual__main .main__block figure {
  width: clamp(100px, 16.87vw, 243px);
  width: 32.8%;
  max-width: 243px;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime #productsMainVisual .productsMainVisual__main .main__block figure {
    width: 100%;
    max-width: 315px;
    margin-top: 0;
  }
}
.page-products-teletime section.contents #products_contents .contents__lead {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime section.contents #products_contents .contents__lead {
    margin-bottom: 2.5rem;
  }
}
.page-products-teletime section.contents #products_contents .wrapper .contentsInner {
  padding: 4.375rem 0.75rem 5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime section.contents #products_contents .wrapper .contentsInner {
    padding: 16vw 0 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime section.contents #products_contents .products_section {
    padding-bottom: 0;
  }
}
.page-products-teletime section.contents #products_contents .products_intro {
  margin-top: 5rem;
}

.page-products-teletime section.contents #products_contents .products_intro .contentsInner {
  padding-bottom: 5rem;
}

.page-products-teletime section.contents #products_contents .products_intro .intro-text p {
  margin: 2.5rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime section.contents #products_contents .products_faq .contentsInner {
    padding-bottom: 30vw;
  }
}
.page-products-teletime section.contents #products_contents .modal-list .link-card-list__item a {
  overflow: hidden;
  padding-bottom: 2.125rem;
}

.page-products-teletime section.contents #products_contents .modal-list .link-card-list__item a figure {
  margin: -2.5rem -1.5rem 0;
}

.page-products-teletime section.contents #products_contents .modal-list .link-card-list__item a .document-h4 {
  text-align: left;
  margin: 1.5rem 0 1rem;
}

.page-products-teletime section.contents #products_contents .modal-list .tab-content figure + figure {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime section.contents #products_contents .modal-list .tab-content figure + figure {
    margin-top: 1rem;
  }
}
.page-products-teletime-spec .tab-inner .btn-wrap {
  max-width: 900px;
  margin: 0 auto;
}

.page-products-teletime-spec .tab-inner .btn-wrap .link-button, .page-products-teletime-spec .tab-inner .btn-wrap #emergencyForm #mailform button, #emergencyForm #mailform .page-products-teletime-spec .tab-inner .btn-wrap button, .page-products-teletime-spec .tab-inner .btn-wrap #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-products-teletime-spec .tab-inner .btn-wrap span, .page-products-teletime-spec .tab-inner .btn-wrap #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-products-teletime-spec .tab-inner .btn-wrap button, .page-products-teletime-spec .tab-inner .btn-wrap #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-products-teletime-spec .tab-inner .btn-wrap div.call_form_btn > a {
  margin: 0 0 1rem auto;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-spec .tab-inner .btn-wrap .link-button, .page-products-teletime-spec .tab-inner .btn-wrap #emergencyForm #mailform button, #emergencyForm #mailform .page-products-teletime-spec .tab-inner .btn-wrap button, .page-products-teletime-spec .tab-inner .btn-wrap #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-products-teletime-spec .tab-inner .btn-wrap span, .page-products-teletime-spec .tab-inner .btn-wrap #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-products-teletime-spec .tab-inner .btn-wrap button, .page-products-teletime-spec .tab-inner .btn-wrap #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-products-teletime-spec .tab-inner .btn-wrap div.call_form_btn > a {
    font-size: 12px;
    font-size: 0.75rem;
    height: auto;
    width: auto;
    min-width: auto;
    line-height: 1;
    padding: 1rem;
  }
}
.page-products-teletime-spec .chuki {
  max-width: 900px;
}

.page-products-teletime-spec .chuki li span.mainColor {
  color: #77ddd1;
  padding: 0 3px;
  border: 1px solid #77DDD1;
  border-radius: 3px;
  margin-right: 3px;
}

.page-products-teletime-info .title_label span {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  background-color: #77ddd1;
  border-radius: 0.625rem;
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}

.page-products-teletime-info .title_label + ol {
  margin-top: 5rem;
}

.page-products-teletime-info section.contents {
  padding-bottom: 0;
}

.page-products-teletime-info section.contents #products_contents .contentsInner {
  padding: 0 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .contentsInner {
    padding: 0;
  }
}
.page-products-teletime-info section.contents #products_contents .products_info_section {
  padding: 5rem 0;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section:first-of-type .heading-type04, .page-products-teletime-info section.contents #products_contents .products_info_section:first-of-type #main.faq2020 h2, #main.faq2020 .page-products-teletime-info section.contents #products_contents .products_info_section:first-of-type h2 {
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section {
    padding: 2.5rem 0;
  }
}
.page-products-teletime-info section.contents #products_contents .products_info_section.demo-area {
  padding-bottom: 16rem;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section.demo-area {
    padding-bottom: 8rem;
  }
}
.page-products-teletime-info section.contents #products_contents .products_info_section .products_info_inner {
  max-width: 1128px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section .function-list .function-item {
    margin-right: 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section + .products_info_section {
    padding: 5rem 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section + .products_info_section.padding-half {
    padding: 2.5rem 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents #products_contents .products_info_section + .products_info_section.padding-half.demo-area {
    padding-bottom: 8rem;
  }
}
.page-products-teletime-info section.contents #products_contents .link-card-list .link-card-list__item a {
  padding: 0;
}

.page-products-teletime-info section.contents #products_contents .link-card-list .link-card-list__item .modal-area.show {
  display: flex !important;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.page-products-teletime-info section.contents #products_contents .link-card-list .link-card-list__item .modal-contents figure {
  text-align: center;
}

.page-products-teletime-info section.contents #products_contents .link-card-list .text-wrap {
  flex: 1 1 auto;
  padding: 1.5rem;
  display: flex;
  flex-direction: column;
}

.page-products-teletime-info section.contents .culm2_list > li {
  display: flex;
  justify-content: space-between;
  padding: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents .culm2_list > li {
    display: block;
    padding: 1.5rem;
  }
}
.page-products-teletime-info section.contents .culm2_list > li:nth-child(even) {
  flex-direction: row-reverse;
}

.page-products-teletime-info section.contents .culm2_list > li + li {
  margin-top: 2.5rem;
}

.page-products-teletime-info section.contents .culm2_list > li figure {
  width: 46%;
  max-width: 520px;
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents .culm2_list > li figure {
    width: 100%;
    margin: 0 auto;
  }
}
.page-products-teletime-info section.contents .culm2_list > li .text-wrap {
  width: calc(100% - (46% + 2.5rem));
}

@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents .culm2_list > li .text-wrap {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-teletime-info section.contents .culm2_list > li .text-wrap {
    width: 70%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletime-info section.contents .culm2_list > li .heading-type10 {
    margin-top: 1.5rem;
  }
}
.page-products-teletime-info section.contents .culm2_list > li .heading-type05, .page-products-teletime-info section.contents .culm2_list > li .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-products-teletime-info section.contents .culm2_list > li h5, .page-products-teletime-info section.contents .culm2_list > li .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-products-teletime-info section.contents .culm2_list > li h5, .page-products-teletime-info section.contents .culm2_list > li .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-products-teletime-info section.contents .culm2_list > li h5, .page-products-teletime-info section.contents .culm2_list > li .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-products-teletime-info section.contents .culm2_list > li h5 {
  margin-bottom: 0;
}

.page-products-teletime-info section.contents .culm2_list > li .listStyle02 {
  margin: 0;
}

.page-products-teletime-info section.contents .culm2_list > li .chuki {
  border-color: #128fa0;
  margin-top: 1rem;
}

.page-products-teletime-info section.contents .culm2_list.bg-white li {
  background-color: #fff;
}

.page-products-teletimeEZ-info .products_info_section:first-of-type {
  padding-bottom: 9.375rem !important;
}

@media screen and (max-width: 1050px) {
  .page-products-teletimeEZ-info .products_info_section:first-of-type {
    padding-bottom: 2.5rem !important;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-teletimeEZ-info .products_info_section .heading-type08 {
    padding: 0 1.5rem;
  }
}
.page-products-teletimeC-info .products_info_section:first-of-type {
  padding-bottom: 1rem !important;
}

.page-products-teletimeC-info .products_info_section:last-of-type {
  padding-bottom: 9.375rem !important;
}

[class^=page-products-idPrint] #productsFixedMenu {
  justify-content: flex-start;
}

[class^=page-products-idPrint] #productsFixedMenu #logo {
  width: 12.125rem;
}

@media screen and (max-width: 1050px) {
  [class^=page-products-idPrint] #productsFixedMenu #logo {
    width: 10.625rem;
  }
}
[class^=page-products-idPrint] #productsFixedMenu #productsMenu {
  justify-content: space-between;
  width: calc(100% - 14.625rem);
}

@media screen and (max-width: 1050px) {
  [class^=page-products-idPrint] #productsFixedMenu #productsMenu {
    width: 100%;
  }
}
.page-products-idPrint {
  position: relative;
}

.page-products-idPrint #productsMainVisual {
  gap: min(5.1vw, 4.625rem);
}

.page-products-idPrint .productsMainVisual__main {
  max-width: 680px;
}

.page-products-idPrint .productsMainVisual__main figure {
  margin-left: 0;
}

.page-products-idPrint .productsMainVisual__logo {
  width: 596px;
  margin-bottom: 1.6875rem;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .productsMainVisual__logo {
    width: 19.75rem;
    margin-left: auto !important;
    margin-right: auto;
  }
}
.page-products-idPrint .productsMainVisual__text {
  margin-bottom: 0.5rem;
}

.page-products-idPrint .main__block {
  width: 681px;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .main__block {
    width: 100%;
  }
}
.page-products-idPrint .main__block .main__text {
  max-width: 450px;
  width: 66%;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .main__block .main__text {
    width: calc(100% + 1rem);
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint .main__block .main__text {
    text-align: center;
  }
}
.page-products-idPrint .main__block > figure {
  max-width: 202px;
  width: 29%;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .main__block > figure {
    width: 100%;
    max-width: 14.8125rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.page-products-idPrint .section01 {
  padding-bottom: 100px !important;
}

.page-products-idPrint .products_solution {
  padding-top: 0;
  padding-bottom: 0;
}

.page-products-idPrint .products_solution .link-card-list__item figure {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .products_solution .link-card-list__item figure {
    min-height: auto;
  }
}
.page-products-idPrint .products_solution .products-cta {
  margin-top: 5rem;
}

.page-products-idPrint .products_flow .support-list .support-item .support-item__title {
  font-size: 24px;
  font-size: 1.5rem;
}

.page-products-idPrint .products_intro {
  margin-top: 5rem;
}

.page-products-idPrint .products_intro .intro-img {
  max-width: 600px;
  width: 48%;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .products_intro .intro-img {
    width: 100%;
  }
}
.page-products-idPrint .products_intro .intro-img p {
  margin-top: 0.5rem;
}

.page-products-idPrint .products_price {
  padding-bottom: 0;
}

.page-products-idPrint .products_price .price-list.column2 {
  margin-top: 2rem;
}

.page-products-idPrint .products_price .price-list.column2 .price-item {
  width: 49%;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .products_price .price-list.column2 .price-item {
    width: 100%;
  }
}
.page-products-idPrint .products_price .price-list.column2 .price-item:last-child:before {
  content: none;
}

.page-products-idPrint .products_price .price-list__add .heading-type01 {
  margin-bottom: 1rem;
}

.page-products-idPrint .products_price .price-list__add .heading-type05, .page-products-idPrint .products_price .price-list__add .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-products-idPrint .products_price .price-list__add h5, .page-products-idPrint .products_price .price-list__add .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-products-idPrint .products_price .price-list__add h5, .page-products-idPrint .products_price .price-list__add .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-products-idPrint .products_price .price-list__add h5, .page-products-idPrint .products_price .price-list__add .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-products-idPrint .products_price .price-list__add h5 {
  margin-top: 1.5rem;
}

.page-products-idPrint .products_price .price-list__add .heading-type05 + p, .page-products-idPrint .products_price .price-list__add .page-products-dairiten #basicPartner table h5 + p, .page-products-dairiten #basicPartner table .page-products-idPrint .products_price .price-list__add h5 + p, .page-products-idPrint .products_price .price-list__add .page-products-dairiten #expertPartner table h5 + p, .page-products-dairiten #expertPartner table .page-products-idPrint .products_price .price-list__add h5 + p, .page-products-idPrint .products_price .price-list__add .page-products-dairiten-partnerProgram #basicPartner table h5 + p, .page-products-dairiten-partnerProgram #basicPartner table .page-products-idPrint .products_price .price-list__add h5 + p, .page-products-idPrint .products_price .price-list__add .page-products-dairiten-partnerProgram #expertPartner table h5 + p, .page-products-dairiten-partnerProgram #expertPartner table .page-products-idPrint .products_price .price-list__add h5 + p {
  font-size: 14px;
  font-size: 0.875rem;
}

.page-products-idPrint .products_price .open-contents .notice-block + .notice-block {
  margin-top: 3rem;
}

.page-products-idPrint .products_price .open-contents .notice-block .notice-title {
  white-space: nowrap;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint .products_price .open-contents .notice-block .notice-list {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.page-products-idPrint .products_price .open-contents .notice-block .chuki {
  text-align: left;
}

.page-products-idPrint-function .products_section .modal-list {
  margin-top: 0;
}

.page-products-idPrint-function .modal-contents figure {
  max-width: 520px;
  margin: 2rem auto 0;
}

.page-products-idPrint-option #section01 {
  padding: 0;
}

.page-products-idPrint-option .products_intro {
  padding-top: 0;
}

.page-products-idPrint-option .products_intro .contentsInner {
  padding-top: 3.125rem;
  padding-bottom: 5rem;
}

.page-products-idPrint-option .products_intro .heading-type06, .page-products-idPrint-option .products_intro .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-products-idPrint-option .products_intro h2, .page-products-idPrint-option .products_intro .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-products-idPrint-option .products_intro h2 {
  margin-bottom: 1.5rem;
}

.page-products-idPrint-option .products_intro .heading-type06 + .align-center, .page-products-idPrint-option .products_intro .page-products-dairiten .contents h2 + .align-center, .page-products-dairiten .contents .page-products-idPrint-option .products_intro h2 + .align-center, .page-products-idPrint-option .products_intro .page-products-dairiten-partnerProgram .contents h2 + .align-center, .page-products-dairiten-partnerProgram .contents .page-products-idPrint-option .products_intro h2 + .align-center {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-option .products_intro .heading-type06 + .align-center, .page-products-idPrint-option .products_intro .page-products-dairiten .contents h2 + .align-center, .page-products-dairiten .contents .page-products-idPrint-option .products_intro h2 + .align-center, .page-products-idPrint-option .products_intro .page-products-dairiten-partnerProgram .contents h2 + .align-center, .page-products-dairiten-partnerProgram .contents .page-products-idPrint-option .products_intro h2 + .align-center {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-products-idPrint-option .products_intro .intro-column {
  margin-top: 3rem;
}

.page-products-idPrint-option .products_intro .intro-column .intro-img {
  max-width: 300px;
  width: 26%;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-option .products_intro .intro-column .intro-img {
    width: calc(100% - 3.125rem);
    margin: 0 auto;
  }
}
.page-products-idPrint-option .products_intro .intro-column .intro-text {
  max-width: 800px;
  width: 72%;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-option .products_intro .intro-column .intro-text {
    width: 100%;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-option .products_intro .intro-column .intro-text p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-products-idPrint-option .products_intro .intro-column .heading-type09 {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-option .bg-primary {
    padding-bottom: 1.25rem;
  }
}
.page-products-idPrint-option .bg-gray:last-child {
  padding-bottom: 9rem;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-option .bg-gray:last-child {
    padding-bottom: 5rem;
  }
}
.page-products-idPrint-template-login #section01 {
  padding-bottom: 12rem;
}

.page-products-idPrint-template-login .template_intro {
  max-width: calc(900px + 1.5rem);
  margin: 0 auto;
  padding-top: 0;
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .template_intro {
    max-width: 600px;
  }
}
.page-products-idPrint-template-login .template_intro .contentsInner {
  padding-top: 0;
}

.page-products-idPrint-template-login .buttonBox {
  border-radius: 10px;
  background: #F3FAF8;
  padding: 1.5rem;
  position: relative;
  margin: 5rem auto 0;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .buttonBox {
    padding: 2.5rem 1rem;
    margin-top: 2.5rem;
  }
}
.page-products-idPrint-template-login .buttonBox figure {
  width: 262px;
  height: 165px;
  position: absolute;
  top: -32px;
  right: -48px;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .buttonBox figure {
    position: static;
    width: 13rem;
    height: auto;
    margin: 0 auto 2.5rem;
  }
}
.page-products-idPrint-template-login .buttonBox p {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .buttonBox p {
    font-size: 18px;
    font-size: 1.125rem;
    text-align: left;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-template-login .buttonBox p {
    text-align: center;
  }
}
.page-products-idPrint-template-login .buttonBox .link-button, .page-products-idPrint-template-login .buttonBox #emergencyForm #mailform button, #emergencyForm #mailform .page-products-idPrint-template-login .buttonBox button, .page-products-idPrint-template-login #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .page-products-idPrint-template-login .buttonBox a.mainColor span, .page-products-idPrint-template-login #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .page-products-idPrint-template-login .buttonBox button, .page-products-idPrint-template-login .buttonBox #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-products-idPrint-template-login .buttonBox div.call_form_btn > a {
  margin: 1.5rem auto 0;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .buttonBox .link-button, .page-products-idPrint-template-login .buttonBox #emergencyForm #mailform button, #emergencyForm #mailform .page-products-idPrint-template-login .buttonBox button, .page-products-idPrint-template-login #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .page-products-idPrint-template-login .buttonBox a.mainColor span, .page-products-idPrint-template-login #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .page-products-idPrint-template-login .buttonBox button, .page-products-idPrint-template-login .buttonBox #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-products-idPrint-template-login .buttonBox div.call_form_btn > a {
    min-width: 16.75rem;
  }
}
.page-products-idPrint-template-login .template_login {
  padding-bottom: 40px;
}

.page-products-idPrint-template-login .template_login .form-main {
  background-color: rgba(0, 0, 0, 0) !important;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .template_login .form-main {
    padding-top: 4rem !important;
    padding-bottom: 0 !important;
  }
}
.page-products-idPrint-template-login .template_login #loginForm {
  border: none;
  display: block;
}

.page-products-idPrint-template-login .template_login #loginForm caption {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  color: #171717;
  margin-bottom: 1.5rem;
}

.page-products-idPrint-template-login .template_login #loginForm tr, .page-products-idPrint-template-login .template_login #loginForm th, .page-products-idPrint-template-login .template_login #loginForm td {
  display: block;
  border: none;
  width: 100%;
  max-width: 100%;
  background: none;
  text-align: left;
  padding: 0;
}

.page-products-idPrint-template-login .template_login #loginForm th {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143;
  margin-bottom: 0.5rem;
}

.page-products-idPrint-template-login .template_login #loginForm th .hissu {
  display: inline-block;
  background: #D62020;
  color: #fff;
  padding: 0 0.25rem;
  border-radius: 2px;
  margin-left: 0.5rem;
}

.page-products-idPrint-template-login .template_login #loginForm td {
  margin-bottom: 1.5rem;
  width: 441px;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-template-login .template_login #loginForm td {
    width: calc(100vw - 2rem);
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-template-login .template_login #loginForm td {
    width: 441px;
  }
}
.page-products-idPrint-template-login .template_login #loginForm input {
  border-color: #eaeaea;
  border-radius: 10px;
  padding: 0.75rem 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.page-products-idPrint-template-login .template_login #loginForm .link-button, .page-products-idPrint-template-login .template_login #loginForm #emergencyForm #mailform button, #emergencyForm #mailform .page-products-idPrint-template-login .template_login #loginForm button, .page-products-idPrint-template-login .template_login #loginForm #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-products-idPrint-template-login .template_login #loginForm span, .page-products-idPrint-template-login .template_login #loginForm #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-products-idPrint-template-login .template_login #loginForm button, .page-products-idPrint-template-login .template_login #loginForm #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-products-idPrint-template-login .template_login #loginForm div.call_form_btn > a {
  background: #77DDD1;
  color: #fff;
}

.page-products-idPrint-template-login .template_login #loginForm .link-button:hover, .page-products-idPrint-template-login .template_login #loginForm #emergencyForm #mailform button:hover, #emergencyForm #mailform .page-products-idPrint-template-login .template_login #loginForm button:hover, .page-products-idPrint-template-login .template_login #loginForm #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:hover, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-products-idPrint-template-login .template_login #loginForm span:hover, .page-products-idPrint-template-login .template_login #loginForm #main.faq2020 div.call_form_btn #mailform .buttonBox button:hover, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-products-idPrint-template-login .template_login #loginForm button:hover, .page-products-idPrint-template-login .template_login #loginForm #main.faq2020 div.call_form_btn > a:hover, #main.faq2020 .page-products-idPrint-template-login .template_login #loginForm div.call_form_btn > a:hover {
  background: #FFF;
  color: #77ddd1;
}

.page-products-idPrint-template .contentsInner {
  padding-top: 0;
  padding-bottom: 0;
}

.page-products-idPrint-template .template-list {
  margin-top: 5rem;
}

.template-list {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem 6.8%;
}

@media screen and (max-width: 1050px) {
  .template-list {
    gap: 2rem 1rem;
    max-width: 600px;
    margin: 0 auto;
  }
}
.template-list__item {
  width: 14.5%;
}

@media screen and (max-width: 1050px) {
  .template-list__item {
    width: calc(50% - 0.5rem);
  }
}
.template-list__item figure {
  width: 6.875rem;
  margin: 0 auto;
}

.template-list__item .link-button, .template-list__item #emergencyForm #mailform button, #emergencyForm #mailform .template-list__item button, .template-list__item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .template-list__item span, .template-list__item #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .template-list__item button, .template-list__item #main.faq2020 div.call_form_btn > a, #main.faq2020 .template-list__item div.call_form_btn > a {
  min-width: 100%;
  height: 2.625rem;
  line-height: 2.625rem;
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .template-list__item .link-button, .template-list__item #emergencyForm #mailform button, #emergencyForm #mailform .template-list__item button, .template-list__item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .template-list__item span, .template-list__item #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .template-list__item button, .template-list__item #main.faq2020 div.call_form_btn > a, #main.faq2020 .template-list__item div.call_form_btn > a {
    max-width: 11rem;
    width: 100%;
    min-width: auto;
  }
}
.template-list__item .link-button.download, .template-list__item #emergencyForm #mailform button.download, #emergencyForm #mailform .template-list__item button.download, .template-list__item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .template-list__item span.download, .template-list__item #main.faq2020 div.call_form_btn #mailform .buttonBox button.download, #main.faq2020 div.call_form_btn #mailform .buttonBox .template-list__item button.download, .template-list__item #main.faq2020 div.call_form_btn > a.download, #main.faq2020 .template-list__item div.call_form_btn > a.download {
  margin-top: 1rem;
}

.template-list__item .link-button.download:before, .template-list__item #emergencyForm #mailform button.download:before, #emergencyForm #mailform .template-list__item button.download:before, .template-list__item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.download:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .template-list__item span.download:before, .template-list__item #main.faq2020 div.call_form_btn #mailform .buttonBox button.download:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .template-list__item button.download:before, .template-list__item #main.faq2020 div.call_form_btn > a.download:before, #main.faq2020 .template-list__item div.call_form_btn > a.download:before {
  background-image: url(../images/common/icon_download_inverse.svg);
  margin-right: 0.5rem;
  width: 1.25rem;
}

.page-products-idPrint-spec .tab-inner {
  max-width: 900px;
  margin: 0 auto;
}

.page-products-idPrint-spec .tab-inner .heading-type02:not(:first-child) {
  margin-top: 3rem;
}

@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec .tab-inner th {
    padding-left: 0.175rem;
    padding-right: 0.175rem;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec .tab-inner th:first-child {
    width: 25%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec .tab-inner td {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
    font-size: 11px;
    font-size: 0.6875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th {
    width: 12%;
    min-width: 30px;
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th {
    width: 20%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:first-child {
    width: 25%;
    min-width: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:first-child {
    width: 17%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(2) {
    width: 8%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(2) {
    width: 12%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(3) {
    width: 12%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(5) {
    width: 8%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(5) {
    width: 20%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(6) {
    width: 8%;
    min-width: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child th:nth-child(6) {
    width: 20%;
    min-width: 14rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner table:last-child td {
    padding-left: 0.125rem;
    padding-right: 0.125rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th {
    width: 22%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th {
    width: 20%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th:first-child {
    width: 17%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th:nth-child(2) {
    width: 8%;
    min-width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th:nth-child(2) {
    width: 12%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th:nth-child(3) {
    width: 8%;
    min-width: 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner th:nth-child(3) {
    width: 12%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-idPrint-spec #tab-1-2 .tab-inner td {
    padding-left: 0.175rem;
    padding-right: 0.175rem;
  }
}
.page-corporate-abouts-seminar section.contents {
  padding: clamp(8px, 4.2666666667vw, 16px) 16px clamp(40px, 21.3333333333vw, 80px);
}

.page-corporate-abouts-seminar .tab-content {
  padding: 60px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar .tab-content {
    padding: 1rem 0.5rem;
  }
}
.page-corporate-abouts-seminar .link-article-list li {
  border-bottom: 1px solid #e5e5e5;
}

.page-corporate-abouts-seminar .link-article-list li a, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner {
  display: flex;
  padding: 12px 16px;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar .link-article-list li a, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner {
    max-width: 96%;
    padding: 1rem 0;
    flex-wrap: wrap;
  }
}
.page-corporate-abouts-seminar .link-article-list li a .date, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .date {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}

.page-corporate-abouts-seminar .link-article-list li a .date time, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .date time {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7;
  margin-right: 1rem;
}

.page-corporate-abouts-seminar .link-article-list li a .date .label, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .date .label {
  min-width: 6rem;
  min-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  padding: 4px 6px;
  border-radius: 8px;
  background-color: #eaeaea;
}

.page-corporate-abouts-seminar .link-article-list li a .title, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .title {
  width: 100%;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  padding-right: 2.25rem;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar .link-article-list li a .title, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .title {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
    margin-top: 0.5rem;
    padding-right: 2rem;
  }
}
.page-corporate-abouts-seminar .link-article-list li a .title:after, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .title:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar .link-article-list li a .title:after, .page-corporate-abouts-seminar .link-article-list li .link-article-list__inner .title:after {
    width: 26px;
    height: 26px;
  }
}
.page-corporate-abouts-seminar .link-article-list a {
  transition: opacity 0.3s ease;
}

.page-corporate-abouts-seminar .link-article-list a:hover {
  opacity: 0.7;
}

.page-corporate-abouts-seminar p.not-defined {
  margin-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar p.not-defined {
    padding: 2.5rem 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .document {
    padding: 1.25rem 1rem;
  }
}
.page-corporate-abouts-seminar-single section.contents .document .contents {
  padding: 0;
  margin-top: 1.5rem;
}

.page-corporate-abouts-seminar-single section.contents .document table.spec td p {
  margin-bottom: 0;
}

.page-corporate-abouts-seminar-single section.contents .document table.spec td p + strong {
  display: block;
  margin-top: 1rem;
}

.page-corporate-abouts-seminar-single section.contents .document table.spec td .chuki {
  margin: 0.25rem 0 0;
  padding: 0.5rem 1rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .document table.spec td .chuki {
    padding: 0.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .document table.spec td .chuki li {
    font-size: 11.2px;
    font-size: 0.7rem;
  }
}
.page-corporate-abouts-seminar-single section.contents .document table.spec td .listStyle02 {
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .document table.spec td .listStyle02 li {
    font-size: 11.2px;
    font-size: 0.7rem;
  }
}
.page-corporate-abouts-seminar-single section.contents .document table.spec td .chukiIndex {
  display: revert;
}

.page-corporate-abouts-seminar-single section.contents .document .link-button, .page-corporate-abouts-seminar-single section.contents .document #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-abouts-seminar-single section.contents .document button, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-seminar-single section.contents .document span, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-seminar-single section.contents .document button, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-abouts-seminar-single section.contents .document div.call_form_btn > a {
  min-width: 21.815rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .document .link-button, .page-corporate-abouts-seminar-single section.contents .document #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-abouts-seminar-single section.contents .document button, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-seminar-single section.contents .document span, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-seminar-single section.contents .document button, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-abouts-seminar-single section.contents .document div.call_form_btn > a {
    min-width: 100%;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .document .link-button, .page-corporate-abouts-seminar-single section.contents .document #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-abouts-seminar-single section.contents .document button, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-seminar-single section.contents .document span, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-seminar-single section.contents .document button, .page-corporate-abouts-seminar-single section.contents .document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-abouts-seminar-single section.contents .document div.call_form_btn > a {
    min-width: 60%;
  }
}
.page-corporate-abouts-seminar-single section.contents .title-wrap .document-h6 {
  margin: 0;
}

.page-corporate-abouts-seminar-single section.contents .title-wrap .date {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin-top: 0.625rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .title-wrap .date {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page-corporate-abouts-seminar-single section.contents .alignCenter {
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-seminar-single section.contents .alignCenter {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-news-single section.contents {
    padding-bottom: 80px;
  }
}
@media screen and (max-width: 1050px) {
  .page-news-single section.contents .document {
    padding: 1.25rem 1rem;
  }
}
.page-news-single section.contents .document .title-wrap .document-h6 {
  margin: 0 0 0.625rem;
  text-align: left;
}

@media screen and (max-width: 1050px) {
  .page-news-single section.contents .document .title-wrap .document-h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
.page-news-single section.contents .document .title-wrap .date {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin-bottom: 0;
}

.page-news-single section.contents .document div.contents {
  padding: 1.5rem 0 0;
}

.page-news-single section.contents .document div.contents p {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-news-single section.contents .document div.contents p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-news-single section.contents .document .link-button, .page-news-single section.contents .document #emergencyForm #mailform button, #emergencyForm #mailform .page-news-single section.contents .document button, .page-news-single section.contents .document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-news-single section.contents .document span, .page-news-single section.contents .document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-news-single section.contents .document button, .page-news-single section.contents .document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-news-single section.contents .document div.call_form_btn > a {
  min-width: 350px;
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-news-single section.contents .document .link-button, .page-news-single section.contents .document #emergencyForm #mailform button, #emergencyForm #mailform .page-news-single section.contents .document button, .page-news-single section.contents .document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-news-single section.contents .document span, .page-news-single section.contents .document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-news-single section.contents .document button, .page-news-single section.contents .document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-news-single section.contents .document div.call_form_btn > a {
    min-width: 100%;
    font-size: 16px;
    font-size: 1rem;
    line-height: 16vw;
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit p, .page-corporate-abouts-recruit li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents {
    padding-bottom: 0;
  }
}
.page-corporate-abouts-recruit section.contents div {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents div {
    margin-top: 2.5rem;
  }
}
.page-corporate-abouts-recruit section.contents .recruit-wrapper {
  max-width: 1128px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .recruit-wrapper {
    display: block;
    margin-top: 0;
    padding: 0 16px clamp(40px, 21.3333333333vw, 80px);
  }
}
.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap {
  position: sticky;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap {
    position: relative;
    width: 100%;
  }
}
.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap.sticky {
  top: 180px;
  left: 0;
  transition: 0;
  transition: top 0.4s ease-out;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap.sticky {
    position: relative;
    top: 0;
  }
}
.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .heading-type01 {
  margin-bottom: 0;
  padding: 1rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .heading-type01 {
    text-align: left;
  }
}
.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .tab-menu {
  display: block;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .tab-menu {
    display: flex;
  }
}
.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .tab-menu li a {
  display: block;
  padding: 1rem;
  color: #a3a3a3;
}

.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .tab-menu li a.current {
  display: flex;
  align-items: center;
  position: relative;
  color: #525252;
  padding-left: 1.2rem;
  pointer-events: none;
}

.page-corporate-abouts-recruit section.contents aside.index_box .sticky-wrap .tab-menu li a.current:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 2px;
  background-color: #525252;
  margin-right: 8px;
}

.page-corporate-abouts-recruit section.contents .list_box {
  display: none;
  width: 78.7%;
  max-width: 888px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .list_box {
    width: 100%;
    max-width: 100%;
    margin: 2.5rem 0 0;
  }
}
.page-corporate-abouts-recruit section.contents .list_box.current {
  display: block;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .heading-type01 {
    font-size: 20px;
    font-size: 1.25rem;
    text-align: left;
  }
}
.page-corporate-abouts-recruit section.contents article {
  width: 100%;
  border: 1px solid #77ddd1;
  border-radius: 10px;
  padding: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents article {
    padding: 1.5rem 1rem;
  }
}
.page-corporate-abouts-recruit section.contents article + article {
  margin-top: 6.25rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents article + article {
    margin-top: 2.5rem;
  }
}
.page-corporate-abouts-recruit section.contents article div.contents {
  padding: 0;
  display: none;
}

.page-corporate-abouts-recruit section.contents article div.contents.open {
  display: block;
}

.page-corporate-abouts-recruit section.contents article div.contents.open .buttonBox {
  display: block;
}

.page-corporate-abouts-recruit section.contents article div.contents.open + .link-button.contents_opener, .page-corporate-abouts-recruit section.contents article #emergencyForm #mailform div.contents.open + button.contents_opener, #emergencyForm #mailform .page-corporate-abouts-recruit section.contents article div.contents.open + button.contents_opener, .page-corporate-abouts-recruit section.contents article #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.contents.open + span.contents_opener, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-recruit section.contents article div.contents.open + span.contents_opener, .page-corporate-abouts-recruit section.contents article #main.faq2020 div.call_form_btn #mailform .buttonBox div.contents.open + button.contents_opener, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-recruit section.contents article div.contents.open + button.contents_opener, .page-corporate-abouts-recruit section.contents article #main.faq2020 div.call_form_btn > div.contents.open + a.contents_opener, #main.faq2020 .page-corporate-abouts-recruit section.contents article div.call_form_btn > div.contents.open + a.contents_opener {
  display: none;
}

.page-corporate-abouts-recruit section.contents article .bg_white {
  line-height: 1.7;
  margin-top: 2.5rem;
  padding: 24px 40px;
  border: 1.5px solid #128fa0;
  border-radius: 10px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents article .bg_white {
    padding: 8px 12px;
  }
}
.page-corporate-abouts-recruit section.contents article .bg_white.flstyle span {
  margin-right: 0.2em;
  color: #d80000;
}

.page-corporate-abouts-recruit section.contents .recruit-title {
  font-size: 22px;
  font-size: 1.375rem;
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .recruit-title {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
.page-corporate-abouts-recruit section.contents .heading-type05, .page-corporate-abouts-recruit section.contents .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-corporate-abouts-recruit section.contents h5, .page-corporate-abouts-recruit section.contents .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-corporate-abouts-recruit section.contents h5, .page-corporate-abouts-recruit section.contents .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-recruit section.contents h5, .page-corporate-abouts-recruit section.contents .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-recruit section.contents h5 {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .heading-type05, .page-corporate-abouts-recruit section.contents .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-corporate-abouts-recruit section.contents h5, .page-corporate-abouts-recruit section.contents .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-corporate-abouts-recruit section.contents h5, .page-corporate-abouts-recruit section.contents .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-recruit section.contents h5, .page-corporate-abouts-recruit section.contents .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-recruit section.contents h5 {
    margin-top: 1.5rem;
  }
}
.page-corporate-abouts-recruit section.contents .hasOriginalList li {
  margin-top: 1.5rem;
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .hasOriginalList li {
    margin: 0.625rem 0;
  }
}
.page-corporate-abouts-recruit section.contents .buttonBox {
  display: none;
}

.page-corporate-abouts-recruit section.contents .link-button, .page-corporate-abouts-recruit section.contents #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-abouts-recruit section.contents button, .page-corporate-abouts-recruit section.contents #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-recruit section.contents span, .page-corporate-abouts-recruit section.contents #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-recruit section.contents button, .page-corporate-abouts-recruit section.contents #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-abouts-recruit section.contents div.call_form_btn > a {
  min-width: 344px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-recruit section.contents .link-button, .page-corporate-abouts-recruit section.contents #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-abouts-recruit section.contents button, .page-corporate-abouts-recruit section.contents #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-recruit section.contents span, .page-corporate-abouts-recruit section.contents #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-recruit section.contents button, .page-corporate-abouts-recruit section.contents #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-abouts-recruit section.contents div.call_form_btn > a {
    width: 100%;
    min-width: 100%;
  }
}
.page-corporate-abouts-recruit section.contents .link-button span, .page-corporate-abouts-recruit section.contents #emergencyForm #mailform button span, #emergencyForm #mailform .page-corporate-abouts-recruit section.contents button span, .page-corporate-abouts-recruit section.contents #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-abouts-recruit section.contents span span, .page-corporate-abouts-recruit section.contents #main.faq2020 div.call_form_btn #mailform .buttonBox button span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-abouts-recruit section.contents button span, .page-corporate-abouts-recruit section.contents #main.faq2020 div.call_form_btn > a span, #main.faq2020 .page-corporate-abouts-recruit section.contents div.call_form_btn > a span {
  margin-left: 8px;
}

.page-corporate-abouts-recruit section.contents .listStyle02 {
  margin: 0;
}

.page-corporate-abouts-recruit section.contents .listStyle02 span.main-strong {
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-news-single section.contents section.contents .document {
    padding: 1.25rem 1rem;
  }
}
.page-corporate-abouts-news-single section.contents .document-h6 {
  margin: 0;
  line-height: 40.8px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-news-single section.contents .document-h6 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-news-single section.contents date {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 10px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-news-single section.contents date {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-news-single section.contents .news_contents {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 1.5rem;
}

.page-corporate-abouts-news-single section.contents .news_contents p {
  margin: 0;
}

.page-corporate-abouts-news-single section.contents .news_contents p + p {
  margin: 1em 0 0;
}

.page-corporate-abouts-news-single section.contents .news_contents ul.hasOriginalList li {
  text-indent: -1em;
}

.page-corporate-abouts-news-single section.contents .news_contents ul.hasOriginalList.flstyle li {
  text-indent: -0.5em;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document {
    padding: 1.25rem 1rem;
  }
}
.page-corporate-abouts-pressrelease article.document .contents-title-wrap .heading-type06, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 {
  letter-spacing: 0.1em;
}

.page-corporate-abouts-pressrelease article.document .contents-title-wrap .heading-type06 .small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten .contents h2 .small, .page-products-dairiten .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 .small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2 .small, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 .small {
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .contents-title-wrap .heading-type06 .small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten .contents h2 .small, .page-products-dairiten .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 .small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2 .small, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 .small {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-corporate-abouts-pressrelease article.document .contents-title-wrap .heading-type06 small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten .contents h2 small, .page-products-dairiten .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2 small, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 small {
  display: block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .contents-title-wrap .heading-type06 small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten .contents h2 small, .page-products-dairiten .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 small, .page-corporate-abouts-pressrelease article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2 small, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-pressrelease article.document .contents-title-wrap h2 small {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-corporate-abouts-pressrelease article.document .contents-title-wrap time {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin-top: 0.625rem;
}

.page-corporate-abouts-pressrelease article.document .contents-title-wrap + .img {
  margin-top: 1.5rem;
}

.page-corporate-abouts-pressrelease article.document .contents-title-wrap + .img + p {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .contents-title-wrap + .img + p {
    margin-top: 1.5rem;
  }
}
.page-corporate-abouts-pressrelease article.document .heading-type01.mainColor {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.7;
  margin-top: 2.5rem;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .heading-type01.mainColor {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    text-align: left;
    margin-top: 1.5rem;
  }
}
.page-corporate-abouts-pressrelease article.document .heading-type05, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-corporate-abouts-pressrelease article.document h5, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-corporate-abouts-pressrelease article.document h5, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-pressrelease article.document h5, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-pressrelease article.document h5 {
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.7;
  margin: 2.5rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .heading-type05, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-corporate-abouts-pressrelease article.document h5, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-corporate-abouts-pressrelease article.document h5, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-pressrelease article.document h5, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-pressrelease article.document h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.7;
    margin-top: 1.25rem;
  }
}
.page-corporate-abouts-pressrelease article.document .heading-type05 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #basicPartner table h5 + p, .page-products-dairiten #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #expertPartner table h5 + p, .page-products-dairiten #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #basicPartner table h5 + p, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #expertPartner table h5 + p, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .heading-type05 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #basicPartner table h5 + .img, .page-products-dairiten #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #expertPartner table h5 + .img, .page-products-dairiten #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #basicPartner table h5 + .img, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #expertPartner table h5 + .img, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + .img {
  margin-top: 0.875rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .heading-type05 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #basicPartner table h5 + p, .page-products-dairiten #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #expertPartner table h5 + p, .page-products-dairiten #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #basicPartner table h5 + p, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #expertPartner table h5 + p, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + p, .page-corporate-abouts-pressrelease article.document .heading-type05 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #basicPartner table h5 + .img, .page-products-dairiten #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten #expertPartner table h5 + .img, .page-products-dairiten #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #basicPartner table h5 + .img, .page-products-dairiten-partnerProgram #basicPartner table .page-corporate-abouts-pressrelease article.document h5 + .img, .page-corporate-abouts-pressrelease article.document .page-products-dairiten-partnerProgram #expertPartner table h5 + .img, .page-products-dairiten-partnerProgram #expertPartner table .page-corporate-abouts-pressrelease article.document h5 + .img {
    margin-top: 0.625rem;
  }
}
.page-corporate-abouts-pressrelease article.document .img + p {
  margin-top: 1.25rem;
}

.page-corporate-abouts-pressrelease article.document p + .img {
  margin-top: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-pressrelease article.document p a {
  display: block;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document p a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-pressrelease article.document dl.list__type01 dt, .page-corporate-abouts-pressrelease article.document dl.list__type01 dd, .page-corporate-abouts-pressrelease article.document dl.list__type02 dt, .page-corporate-abouts-pressrelease article.document dl.list__type02 dd {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document dl.list__type01 dt, .page-corporate-abouts-pressrelease article.document dl.list__type01 dd, .page-corporate-abouts-pressrelease article.document dl.list__type02 dt, .page-corporate-abouts-pressrelease article.document dl.list__type02 dd {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-pressrelease article.document dl.list__type01 dt, .page-corporate-abouts-pressrelease article.document dl.list__type02 dt {
  font-weight: 700;
}

.page-corporate-abouts-pressrelease article.document dl.list__type01 dd + dd, .page-corporate-abouts-pressrelease article.document dl.list__type02 dd + dd {
  margin-top: 0.5rem;
}

.page-corporate-abouts-pressrelease article.document dl.list__type01 dt {
  margin-top: 1.25rem;
}

.page-corporate-abouts-pressrelease article.document .plofile {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.page-corporate-abouts-pressrelease article.document .plofile .img {
  width: 190px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .plofile .img {
    width: 100%;
  }
  .page-corporate-abouts-pressrelease article.document .plofile .img img {
    width: 100%;
  }
}
.page-corporate-abouts-pressrelease article.document .plofile .img + p {
  width: calc(100% - (190px + 1.25rem));
  margin: -0.2rem 0 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.55;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-pressrelease article.document .plofile .img + p {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 0.875rem;
  }
}
.page-corporate-abouts-pressrelease article.document .plofile .img + p span {
  font-size: 14px;
  font-size: 0.875rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document {
    padding: 1.25rem 1rem;
  }
}
.page-corporate-abouts-column-single article.document .contents-title-wrap .heading-type06, .page-corporate-abouts-column-single article.document .contents-title-wrap .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-corporate-abouts-column-single article.document .contents-title-wrap h2, .page-corporate-abouts-column-single article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-column-single article.document .contents-title-wrap h2 {
  text-align: left;
  margin-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document .contents-title-wrap .heading-type06, .page-corporate-abouts-column-single article.document .contents-title-wrap .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-corporate-abouts-column-single article.document .contents-title-wrap h2, .page-corporate-abouts-column-single article.document .contents-title-wrap .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-corporate-abouts-column-single article.document .contents-title-wrap h2 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-column-single article.document .contents-title-wrap .column-count {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0.625rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document .contents-title-wrap .column-count {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-corporate-abouts-column-single article.document .contents-title-wrap date {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 0.25rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document .contents-title-wrap date {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-column-single article.document .contents-title-wrap + p {
  margin-top: 1.5rem;
}

.page-corporate-abouts-column-single article.document .contents-title-wrap + * {
  margin-top: 1.5rem;
}

.page-corporate-abouts-column-single article.document .heading-type01 {
  font-size: 22px;
  font-size: 1.375rem;
  line-height: 1.7;
  margin: 1.5rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document .heading-type01 {
    text-align: left;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-column-single article.document .heading-type01 + p {
  margin: 1.25rem 0 0;
}

.page-corporate-abouts-column-single article.document p {
  margin: 1.25rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-corporate-abouts-column-single article.document p + p {
  margin: 1.25rem 0 0;
}

.page-corporate-abouts-column-single article.document p.small {
  font-size: 75%;
  margin-top: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document p.small {
    margin-top: 0.5rem;
  }
}
.page-corporate-abouts-column-single article.document .document-h5 {
  margin: 1.5rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document .document-h5 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.55;
  }
}
.page-corporate-abouts-column-single article.document .document-h5 + * {
  margin-top: 1rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document .document-h5 + * {
    margin-top: 0.875rem;
  }
}
.page-corporate-abouts-column-single article.document .listStyle02 {
  margin: 1.5rem 0 0;
}

.page-corporate-abouts-column-single article.document .listStyle02 li + li {
  margin-top: 0.5rem;
}

.page-corporate-abouts-column-single article.document img {
  margin: 1.5rem 0 0;
}

.page-corporate-abouts-column-single article.document img + p.align_right {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7;
  margin-top: 0.5rem;
}

.page-corporate-abouts-column-single article.document table {
  margin: 1.5rem auto 0;
}

.page-corporate-abouts-column-single article.document table tr > * {
  border-color: #eaeaea;
}

.page-corporate-abouts-column-single article.document table th {
  background: #adebe3;
  border-color: #eaeaea;
}

.page-corporate-abouts-column-single article.document aside {
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #eaeaea;
}

@media screen and (max-width: 1050px) {
  .page-corporate-abouts-column-single article.document aside {
    margin-top: 1.5rem;
  }
}
.page-corporate-abouts-column-single article.document aside p {
  display: flex;
  margin-top: 0;
}

.page-corporate-abouts-column-single article.document aside p img {
  width: 5rem;
  margin: 0 1.5rem 0 0;
}

.page-corporate-abouts-column-single article.document aside p span {
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.8133333333;
}

.page-corporate-abouts-column-single article.document aside p span a {
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  color: #128fa0;
  text-decoration: underline;
}

.page-news-list .news_layout {
  max-width: 1128px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout {
    display: block;
    margin-top: 0;
    padding: 0 16px clamp(40px, 21.3333333333vw, 80px);
  }
}
.page-news-list .news_layout .index_box .sticky-wrap {
  position: sticky;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .index_box .sticky-wrap {
    position: relative;
    width: 100%;
  }
}
.page-news-list .news_layout .index_box .sticky-wrap .sticky_title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
  color: #77ddd1;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .index_box .sticky-wrap .sticky_title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .index_box .sticky-wrap .aside_menu_list li {
    display: inline-block;
  }
}
.page-news-list .news_layout .index_box .sticky-wrap .aside_menu_list li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 1rem;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .index_box .sticky-wrap .aside_menu_list li a {
    padding: 5px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.7;
  }
}
.page-news-list .news_layout .index_box .sticky-wrap.sticky {
  top: 180px;
  left: 0;
  transition: top 0.4s ease-out;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .index_box .sticky-wrap.sticky {
    position: relative;
    top: 0;
  }
}
.page-news-list .news_layout .list_box {
  width: 78.7%;
  max-width: 888px;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .list_box {
    width: 100%;
    max-width: 100%;
    margin: 2.5rem 0 0;
  }
}
.page-news-list .news_layout .list_box .list_box_item {
  padding-top: 120px;
  margin-top: -120px;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .list_box .list_box_item {
    padding-top: 80px;
    margin-top: -80px;
  }
}
.page-news-list .news_layout .list_box .list_box_item .link-article-list {
  padding: 1.25rem 0;
}

.page-news-list .news_layout .list_box .list_box_item .link-article-list li {
  border-bottom: 1px solid #e5e5e5;
}

.page-news-list .news_layout .list_box .list_box_item .link-article-list li a {
  display: flex;
  padding: 0.75rem 1rem;
  align-items: center;
  transition: opacity 0.3s ease;
}

.page-news-list .news_layout .list_box .list_box_item .link-article-list li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .list_box .list_box_item .link-article-list li a {
    padding: 1rem 0;
    flex-wrap: wrap;
  }
}
.page-news-list .news_layout .list_box .list_box_item .link-article-list li a .date {
  display: flex;
  align-items: center;
  margin-right: 1.5rem;
}

.page-news-list .news_layout .list_box .list_box_item .link-article-list li a .date time {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7;
  margin-right: 1rem;
}

.page-news-list .news_layout .list_box .list_box_item .link-article-list li a .date .label {
  min-width: 6rem;
  min-height: 1.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1.7;
  padding: 4px 6px;
  border-radius: 8px;
  background-color: #eaeaea;
}

.page-news-list .news_layout .list_box .list_box_item .link-article-list li a .title {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  padding-right: 2.25rem;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .list_box .list_box_item .link-article-list li a .title {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
    margin-top: 0.5rem;
    padding-right: 2rem;
  }
}
.page-news-list .news_layout .list_box .list_box_item .link-article-list li a .title:after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url(../images/common/icon_arrow.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate3d(0, -50%, 0);
}

@media screen and (max-width: 1050px) {
  .page-news-list .news_layout .list_box .list_box_item .link-article-list li a .title:after {
    width: 22px;
    height: 22px;
  }
}
.page-news-list .news_layout .list_box .list_box_item + .list_box_item .heading-type02 {
  margin-top: 2.5rem;
}

.page-corporate-company-media .page-heading-wrapper {
  margin-bottom: 50px;
}

.page-corporate-company-media .page-heading-wrapper .page-heading {
  margin-bottom: 0;
}

.page-corporate-company-media .page-heading-wrapper .page-heading + p {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media .page-heading-wrapper .page-heading + p {
    padding: 0 1rem;
    margin-top: 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-company-media section#section01 {
    padding-bottom: 0;
  }
}
.page-corporate-company-media-single .page-heading-wrapper {
  margin-bottom: 50px;
}

.page-corporate-company-media-single .page-heading-wrapper .page-heading {
  margin-bottom: 0;
}

.page-corporate-company-media-single .page-heading-wrapper .page-heading + p {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single .page-heading-wrapper .page-heading + p {
    padding: 0 1rem;
    margin-top: 1rem;
  }
}
.page-corporate-company-media-single section.contents {
  padding-top: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single section.contents article.document {
    padding: 1.25rem 1rem;
  }
}
.page-corporate-company-media-single section.contents article.document .document-h6 {
  margin: 0;
}

.page-corporate-company-media-single section.contents article.document date {
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 0.625rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single section.contents article.document date {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1;
  }
}
.page-corporate-company-media-single section.contents article.document date + * {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single section.contents article.document p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-corporate-company-media-single section.contents article.document figure {
  text-align: center;
  margin-top: 1.5rem;
}

.page-corporate-company-media-single section.contents article.document figure img {
  max-width: 500px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single section.contents article.document figure img {
    max-width: 100%;
  }
}
.page-corporate-company-media-single section.contents article.document .link-button, .page-corporate-company-media-single section.contents article.document #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-company-media-single section.contents article.document button, .page-corporate-company-media-single section.contents article.document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-company-media-single section.contents article.document span, .page-corporate-company-media-single section.contents article.document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-company-media-single section.contents article.document button, .page-corporate-company-media-single section.contents article.document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-company-media-single section.contents article.document div.call_form_btn > a {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single section.contents article.document .link-button, .page-corporate-company-media-single section.contents article.document #emergencyForm #mailform button, #emergencyForm #mailform .page-corporate-company-media-single section.contents article.document button, .page-corporate-company-media-single section.contents article.document #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-corporate-company-media-single section.contents article.document span, .page-corporate-company-media-single section.contents article.document #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-corporate-company-media-single section.contents article.document button, .page-corporate-company-media-single section.contents article.document #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-corporate-company-media-single section.contents article.document div.call_form_btn > a {
    margin-top: 1.5rem;
  }
}
.page-corporate-company-media-single section.contents article.document .news_contents__list li {
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1050px) {
  .page-corporate-company-media-single section.contents article.document .news_contents__list li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate p, .page-corporate li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-corporate section#section01 {
  padding-top: 0;
  margin: 150px 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 {
    margin: 2.5rem 0 5rem;
  }
}
.page-corporate section#section01 .corporateAnime {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  background-color: #77ddd0;
  z-index: -1;
}

.page-corporate section#section01 .corporateAnime:before, .page-corporate section#section01 .corporateAnime:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
  z-index: -2;
  will-change: transform;
}

.page-corporate section#section01 .corporateAnime:before {
  width: 27vw;
  height: 100vh;
  background-image: url(../images/top/about_bg_01.svg);
  top: 0;
  left: -5%;
  opacity: 0.35;
  animation: anime_float_l 8s ease-in-out infinite alternate;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 .corporateAnime:before {
    width: 180px;
    left: -10%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-corporate section#section01 .corporateAnime:before {
    width: 48vw;
  }
}
.page-corporate section#section01 .corporateAnime:after {
  width: 50vw;
  height: 100vh;
  background-image: url(../images/top/about_bg_02.svg);
  right: -10%;
  bottom: 0;
  opacity: 0.35;
  animation: anime_float_r 8s ease-in-out infinite alternate;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 .corporateAnime:after {
    width: 350px;
    right: -30%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-corporate section#section01 .corporateAnime:after {
    width: 93.3333333333vw;
  }
}
.page-corporate section#section01 #corporate-aside-sticky {
  max-width: 1128px;
  width: 80%;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky {
    display: block;
    width: 100%;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky {
    display: block;
  }
}
.page-corporate section#section01 #corporate-aside-sticky aside.index_box .sticky-wrap {
  position: sticky;
  top: 0;
  left: 0;
}

.page-corporate section#section01 #corporate-aside-sticky aside.index_box .sticky-wrap.sticky {
  top: 180px;
  left: 0;
  transition: top 0.4s ease-out;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list li {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.448125;
  padding: 1rem;
  color: #525252;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list li.active {
  display: flex;
  align-items: center;
}

.page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list li.active a {
  font-size: 22px;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.4481818182;
  color: #77ddd1;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list li.active a {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky aside.index_box .aside_menu_list li.active:before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 2px;
  background-color: #77ddd1;
  margin-right: 8px;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper {
  width: 66.3%;
  margin-top: -7rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper {
    width: 100%;
    margin-top: -2.5rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section {
  padding-top: 7em;
  padding-bottom: 3em;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section {
    padding-top: 5rem;
    margin-bottom: 0;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section + .corporate-section {
  padding-top: 2em;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section + .corporate-section {
    padding-top: 2rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section .heading-en-ja + div, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section .heading-en-ja + ul, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section .heading-en-ja + dl {
  margin-top: 2.5rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section .flex__list > li {
  display: flex;
  flex-wrap: wrap;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section .flex__list > li + li {
  margin-top: 1.25rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .heading-type08 {
  margin-bottom: 1rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li + li {
  margin-top: 3.75rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .flex {
    display: block;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .flex img {
  width: 17.5%;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .flex img {
    width: 130px;
    display: block;
    margin: 0 auto;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .flex p {
  width: calc(100% - (17.5% + 1.5rem));
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#vision__area .list li .flex p {
    width: 100%;
    margin-top: 1.75rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .heading-en-ja .ja {
  margin-top: -3px;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li {
  display: flex;
  flex-wrap: wrap;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li + li {
  margin-top: 1.25rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li .heading-type09 {
  width: 18.7%;
  margin: 0 1rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li .heading-type09 {
    width: 40%;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li p, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li ol {
  width: calc(100% - (18.7% + 1rem));
  margin: 3px 0 0;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li p, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li ol {
    width: calc(100% - (40% + 1rem));
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li p.middle, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#company__area .flex__list > li ol.middle {
  align-self: center;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex {
    display: block;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex figure {
  display: block;
  width: 35.29%;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex figure {
    width: 100%;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex figure img {
  width: 100%;
  aspect-ratio: 66/95;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex .text_wrap {
  width: calc(100% - (35.29% + 1.25rem));
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex .text_wrap {
    width: 100%;
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex .text_wrap .heading-type08 {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex + p {
  margin-top: 1.25rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex + p + figure {
  width: 28.8%;
  margin-top: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex + p + figure {
    width: 46%;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex + p + figure.alignRight {
  margin-left: auto;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area .flex + p + figure img {
  width: 100%;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#message__area p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li {
  justify-content: space-between;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li .heading-type09 {
  margin: 0 1rem 0 0;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li > p, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li > .wrap {
  width: 86%;
  margin-top: 2px;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li > p, .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li > .wrap {
    width: 79.59%;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li p {
  margin: 0;
  padding-left: 3rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li p:first-letter {
  font-feature-settings: "palt";
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li .wrap p {
  position: relative;
  font-feature-settings: "palt";
  letter-spacing: 0.05em;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li .wrap p span {
  position: absolute;
  transform: translate(calc(-100% - 0.4rem));
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#history__area .flex__list > li ol {
  margin: 0;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#access__area .list li + li {
  margin-top: 2.5rem;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#access__area .list li .heading-type09 {
  margin-bottom: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#access__area .list li .heading-type09 {
    margin-bottom: 1rem;
  }
}
.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#access__area .list li .heading-type09 + p {
  line-height: 2;
}

.page-corporate section#section01 #corporate-aside-sticky .contents__wrapper .corporate-section#access__area .list li .heading-type09 + p .link-blank:after {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  background-image: url(../images/common/icon_blank.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 {
    padding: 0 0 clamp(40px, 21.3333333333vw, 80px);
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky {
    width: 100%;
    padding-bottom: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky {
    width: 80%;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .index_box {
  margin-top: 118px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .index_box {
    margin-top: 2.5rem;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection {
  width: 78.7%;
  max-width: 888px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection {
    width: 100%;
    max-width: 100%;
    margin-top: 2.5rem;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link {
  height: 4.5rem;
  display: flex;
  align-items: center;
  line-height: 1.2;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link {
    height: 3rem;
    min-height: auto;
    font-size: 11px;
    font-size: 0.6875rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link {
    height: 54px;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link.current {
  line-height: 1.3;
  height: 5.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link.current {
    height: 3.6rem;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link:first-child {
  max-width: 8em;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link:first-child {
    max-width: 5em;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link .small {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .tab-menu .tab-link .small {
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .list_box {
  width: 100%;
  max-width: auto;
}

.page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .list_box .list_box_item {
  margin-top: -80px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-aboutus-news section#section01 article #news-aside-sticky .news_tabSection .list_box .list_box_item {
    margin-top: -100px;
  }
}
.page-idcard_onlinestore .sp_only {
  display: none;
}

@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore .sp_only {
    display: block;
  }
}
.page-idcard_onlinestore section.contents article.document {
  padding-bottom: 0;
}

.page-idcard_onlinestore section.contents section.wrap + .wrap {
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents section.wrap + .wrap {
    margin-top: 2.5rem;
  }
}
.page-idcard_onlinestore section.contents .document-h6 {
  margin-top: 0;
  word-break: keep-all;
}

@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents .document-h6 {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents p {
    font-size: 0.875rem;
  }
}
.page-idcard_onlinestore section.contents .button-area .checkbox__wrap {
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents .button-area .checkbox__wrap {
    width: 100%;
    max-width: inherit;
    justify-content: flex-start;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents .button-area .checkbox__wrap {
    margin: 30px auto;
    width: 410px;
    gap: 20px;
  }
}
.page-idcard_onlinestore section.contents .button-area .checkbox__wrap .checkbox {
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2.0833333333;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap .checkbox .input[type=checkbox] {
  border-radius: 0;
  width: 10px;
  height: 10px;
  padding: 0;
  display: inline-block;
  margin: 0 8px 0 0;
  position: relative;
  background-color: #fff;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap .checkbox .input[type=checkbox]:before {
  content: "";
  display: block;
  width: 6px;
  height: 10px;
  border: 2px solid #999999;
  border-top: none;
  border-left: none;
  transform: rotate(45deg);
  position: absolute;
  top: -3px;
  left: 1px;
  opacity: 0;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap .checkbox .input[type=checkbox]:checked:before {
  opacity: 1;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap a {
  text-decoration: underline;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap.text_center {
  text-align: center;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap p {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 2.0833333333;
}

.page-idcard_onlinestore section.contents .button-area .checkbox__wrap + .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform .checkbox__wrap + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area .checkbox__wrap + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .checkbox__wrap + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area .checkbox__wrap + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox .checkbox__wrap + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area .checkbox__wrap + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > .checkbox__wrap + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > .checkbox__wrap + a {
  margin-top: 1.25rem;
}

.page-idcard_onlinestore section.contents .button-area .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a {
  width: 25rem;
  font-size: 1rem;
  line-height: 1.2;
  padding: 1rem 2rem;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents .button-area .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a {
    width: 100%;
    font-size: 0.875rem;
  }
}
.page-idcard_onlinestore section.contents .button-area .link-button + .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button + .link-button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button + .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform .link-button + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area .link-button + button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + .link-button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform span + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + .link-button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform span + button, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .link-button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform button + span, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area .link-button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button + span, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button + .link-button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button + .link-button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox .link-button + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor span + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area .link-button + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a + .link-button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + .link-button, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + button, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + span, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > .link-button + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > button + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > .link-button + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > button + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area div.call_form_btn > span + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area div.call_form_btn > button + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + a {
  margin-top: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents .button-area .link-button + .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button + .link-button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button + .link-button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform .link-button + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area .link-button + button, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + .link-button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform span + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + .link-button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform span + button, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .link-button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform button + span, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area .link-button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button + span, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button + .link-button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button + .link-button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area button + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox .link-button + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor span + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area .link-button + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a + .link-button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + .link-button, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + button, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + span, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + button, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > .link-button + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > button + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > .link-button + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > button + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area div.call_form_btn > span + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area div.call_form_btn > button + a, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a + a, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a + a {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-idcard_onlinestore section.contents .button-area .link-button span, .page-idcard_onlinestore section.contents .button-area #emergencyForm #mailform button span, #emergencyForm #mailform .page-idcard_onlinestore section.contents .button-area button span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-idcard_onlinestore section.contents .button-area span span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-idcard_onlinestore section.contents .button-area button span, .page-idcard_onlinestore section.contents .button-area #main.faq2020 div.call_form_btn > a span, #main.faq2020 .page-idcard_onlinestore section.contents .button-area div.call_form_btn > a span {
    text-align: left;
  }
}
.page-error-401 .page-heading-area, .page-error-404 .page-heading-area {
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .page-error-401 .page-heading-area, .page-error-404 .page-heading-area {
    width: calc(100% - 2rem);
  }
}
.page-error-401 .page-heading-area .page-heading, .page-error-404 .page-heading-area .page-heading {
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-error-401 .page-heading-area p, .page-error-404 .page-heading-area p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-error-401 article.document, .page-error-404 article.document {
    padding: 2.5rem 1rem;
  }
}
.page-error-401 article.document .document-h3, .page-error-404 article.document .document-h3 {
  margin-bottom: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .page-error-401 article.document .document-h3, .page-error-404 article.document .document-h3 {
    margin-bottom: 1rem;
  }
}
.page-error-401 article.document .link-list, .page-error-404 article.document .link-list {
  margin-bottom: 0;
}

.page-error-401 article.document .link-list + .document-h3, .page-error-404 article.document .link-list + .document-h3 {
  margin-top: 2.5rem;
}

.page-error-401 article.document .link-list li, .page-error-404 article.document .link-list li {
  margin-bottom: 0;
}

.page-error-401 article.document .link-list li + li, .page-error-404 article.document .link-list li + li {
  margin-top: 1rem;
}

.discontinued-list {
  background: #fff;
  border-radius: 10px;
  padding: 2.5rem;
  max-width: 1128px;
  width: calc(100% - 2rem);
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  .discontinued-list {
    padding: 1.5rem 1rem 0.5rem;
    max-width: 600px;
  }
}
.discontinued-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
  padding: 1.5rem 2.5rem;
}

@media screen and (max-width: 1050px) {
  .discontinued-item {
    flex-wrap: wrap;
    padding: 1rem 0;
    margin-bottom: 1rem;
  }
}
.discontinued-item .link-button, .discontinued-item #emergencyForm #mailform button, #emergencyForm #mailform .discontinued-item button, .discontinued-item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .discontinued-item span, .discontinued-item #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .discontinued-item button, .discontinued-item #main.faq2020 div.call_form_btn > a, #main.faq2020 .discontinued-item div.call_form_btn > a {
  min-width: 180px;
  margin: 0;
  font-size: 16px;
  font-size: 1rem;
  line-height: 2.625;
  height: 2.625rem;
}

@media screen and (max-width: 1050px) {
  .discontinued-item .link-button, .discontinued-item #emergencyForm #mailform button, #emergencyForm #mailform .discontinued-item button, .discontinued-item #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .discontinued-item span, .discontinued-item #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .discontinued-item button, .discontinued-item #main.faq2020 div.call_form_btn > a, #main.faq2020 .discontinued-item div.call_form_btn > a {
    margin: 1.5rem auto 0.5rem;
  }
}
.discontinued-info {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .discontinued-info {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.discontinued-title {
  margin: 0;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.4;
}

@media screen and (max-width: 1050px) {
  .discontinued-title {
    width: 100%;
    text-align: center;
  }
}
.discontinued-text {
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-xpcloud_kiyaku p:not(.fontSmall), .page-support-setup-xpcloud_kiyaku li, .page-support-setup-xpcloud_kiyaku li > span, .page-support-setup-software_kiyaku p:not(.fontSmall), .page-support-setup-software_kiyaku li, .page-support-setup-software_kiyaku li > span, .page-support-setup-support_kiyaku p:not(.fontSmall), .page-support-setup-support_kiyaku li, .page-support-setup-support_kiyaku li > span, .page-support-setup-xronos_kiyaku p:not(.fontSmall), .page-support-setup-xronos_kiyaku li, .page-support-setup-xronos_kiyaku li > span, .page-support-setup-xsion_kiyaku p:not(.fontSmall), .page-support-setup-xsion_kiyaku li, .page-support-setup-xsion_kiyaku li > span, .page-support-setup-customerharassment p:not(.fontSmall), .page-support-setup-customerharassment li, .page-support-setup-customerharassment li > span {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-support-setup-xpcloud_kiyaku p:not(.fontSmall).align_right, .page-support-setup-xpcloud_kiyaku li.align_right, .page-support-setup-xpcloud_kiyaku li > span.align_right, .page-support-setup-software_kiyaku p:not(.fontSmall).align_right, .page-support-setup-software_kiyaku li.align_right, .page-support-setup-software_kiyaku li > span.align_right, .page-support-setup-support_kiyaku p:not(.fontSmall).align_right, .page-support-setup-support_kiyaku li.align_right, .page-support-setup-support_kiyaku li > span.align_right, .page-support-setup-xronos_kiyaku p:not(.fontSmall).align_right, .page-support-setup-xronos_kiyaku li.align_right, .page-support-setup-xronos_kiyaku li > span.align_right, .page-support-setup-xsion_kiyaku p:not(.fontSmall).align_right, .page-support-setup-xsion_kiyaku li.align_right, .page-support-setup-xsion_kiyaku li > span.align_right, .page-support-setup-customerharassment p:not(.fontSmall).align_right, .page-support-setup-customerharassment li.align_right, .page-support-setup-customerharassment li > span.align_right {
  margin-top: 60px;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-xpcloud_kiyaku p:not(.fontSmall).align_right, .page-support-setup-xpcloud_kiyaku li.align_right, .page-support-setup-xpcloud_kiyaku li > span.align_right, .page-support-setup-software_kiyaku p:not(.fontSmall).align_right, .page-support-setup-software_kiyaku li.align_right, .page-support-setup-software_kiyaku li > span.align_right, .page-support-setup-support_kiyaku p:not(.fontSmall).align_right, .page-support-setup-support_kiyaku li.align_right, .page-support-setup-support_kiyaku li > span.align_right, .page-support-setup-xronos_kiyaku p:not(.fontSmall).align_right, .page-support-setup-xronos_kiyaku li.align_right, .page-support-setup-xronos_kiyaku li > span.align_right, .page-support-setup-xsion_kiyaku p:not(.fontSmall).align_right, .page-support-setup-xsion_kiyaku li.align_right, .page-support-setup-xsion_kiyaku li > span.align_right, .page-support-setup-customerharassment p:not(.fontSmall).align_right, .page-support-setup-customerharassment li.align_right, .page-support-setup-customerharassment li > span.align_right {
    margin-top: 20px;
  }
}
[class^=page-support-hoshu] table.tab_support caption span {
  cursor: default;
}

.page-support-hoshu-xronos section.contents, .page-support-hoshu-zaionnex section.contents {
  padding-bottom: 0;
}

.page-support-hoshu-xronos .chuki li, .page-support-hoshu-zaionnex .chuki li {
  line-height: 1.5;
}

.page-support-hoshu-teletime .table-area.bg-gray {
  padding: 6.25rem 0;
}

@media screen and (max-width: 1050px) {
  .page-support-hoshu-teletime .table-area.bg-gray {
    padding: 16vw 0;
  }
}
.page-support-hoshu-teletime .table-area.bg-gray .heading-type06, .page-support-hoshu-teletime .table-area.bg-gray .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-support-hoshu-teletime .table-area.bg-gray h2, .page-support-hoshu-teletime .table-area.bg-gray .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-support-hoshu-teletime .table-area.bg-gray h2 {
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-hoshu-teletime .table-area.bg-gray .heading-type06, .page-support-hoshu-teletime .table-area.bg-gray .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-support-hoshu-teletime .table-area.bg-gray h2, .page-support-hoshu-teletime .table-area.bg-gray .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-support-hoshu-teletime .table-area.bg-gray h2 {
    margin: 10vw 0 8vw;
  }
}
#support-hoshu .text_link.mainColor {
  color: #77ddd1;
}

#support-hoshu article.contentsInner {
  width: 100%;
  max-width: 900px;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner {
    margin-top: 0;
  }
}
#support-hoshu article.contentsInner.paddingTop_0 {
  padding-top: 0;
}

#support-hoshu article.contentsInner .heading-type06, #support-hoshu article.contentsInner .page-products-dairiten .contents h2, .page-products-dairiten .contents #support-hoshu article.contentsInner h2, #support-hoshu article.contentsInner .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents #support-hoshu article.contentsInner h2 {
  margin-bottom: 1.75rem;
}

#support-hoshu article.contentsInner .link-card-list {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner .link-card-list {
    margin-top: 2.5rem;
  }
}
#support-hoshu article.contentsInner .link-card-list .link-card-list__item p {
  margin-bottom: 0;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner table.tab_support {
    margin-top: 1rem;
  }
}
#support-hoshu article.contentsInner #areaSelector {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner #areaSelector {
    font-size: 16px;
    font-size: 1rem;
  }
}
#support-hoshu article.contentsInner #areaSelector label {
  display: inline-block;
  width: auto;
  color: #77ddd1;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}

#support-hoshu article.contentsInner #areaSelector label select {
  padding: 0.75rem 3.625rem 0.75rem 1.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 10px;
  transition-property: color, background, box-shadow;
  transition-duration: 0.25s;
  position: relative;
  background: url(../images/common/icon_arrow_open.svg) no-repeat calc(100% - 0.8rem) center/1.25rem;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner #areaSelector label select {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.5rem 2.625rem 0.5rem 0.625rem;
  }
}
#support-hoshu article.contentsInner #areaSelector label select.placeholder {
  color: #a3a3a3;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner p#shiborikomi {
    margin-top: 2.5rem;
  }
}
#support-hoshu article.contentsInner p#shiborikomi .colorStrong {
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  #support-hoshu article.contentsInner p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
#support-hoshu .table-area {
  margin-top: 6rem;
}

@media screen and (max-width: 1050px) {
  #support-hoshu .table-area {
    margin-top: 0;
  }
}
#support-hoshu .table-area + .table-area {
  margin-top: 0;
}

#support-hoshu .table-area + .table-area article.contentsInner {
  margin-top: 0;
}

#support-hoshu .table-area:last-child:not(.bg-gray) article.contentsInner {
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  #support-hoshu ul li {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document {
    padding: 1.25rem 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-support-entry-entry article.document .contents_wrap + .contents_wrap {
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap + .contents_wrap {
    margin-top: 3.5rem;
  }
}
.page-support-entry-entry article.document .contents_wrap .heading-type02 {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap .heading-type02 {
    margin-top: 2.5rem;
  }
}
.page-support-entry-entry article.document .contents_wrap table + .heading-type05, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #basicPartner table table + h5, .page-products-dairiten #basicPartner table .page-support-entry-entry article.document .contents_wrap table + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #expertPartner table table + h5, .page-products-dairiten #expertPartner table .page-support-entry-entry article.document .contents_wrap table + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #basicPartner table table + h5, .page-products-dairiten-partnerProgram #basicPartner table .page-support-entry-entry article.document .contents_wrap table + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #expertPartner table table + h5, .page-products-dairiten-partnerProgram #expertPartner table .page-support-entry-entry article.document .contents_wrap table + h5 {
  margin-top: 2.5rem;
}

.page-support-entry-entry article.document .contents_wrap table .listStyle02 {
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap table .listStyle02 li {
    font-size: 11.2px;
    font-size: 0.7rem;
  }
}
.page-support-entry-entry article.document .contents_wrap table .listStyle02 + .strong {
  display: block;
  margin-top: 1rem;
}

.page-support-entry-entry article.document .contents_wrap table.spec tr > th:first-child {
  width: 27%;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap table.spec tr > th:first-child {
    width: 30%;
  }
}
.page-support-entry-entry article.document .contents_wrap .heading-type05, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-support-entry-entry article.document .contents_wrap h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-support-entry-entry article.document .contents_wrap h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-support-entry-entry article.document .contents_wrap h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-support-entry-entry article.document .contents_wrap h5 {
  margin-top: 1.25rem;
}

.page-support-entry-entry article.document .contents_wrap .img_text_set {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.page-support-entry-entry article.document .contents_wrap .img_text_set .img {
  width: 100%;
  max-width: 250px;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap .img_text_set .img {
    max-width: 100%;
  }
}
.page-support-entry-entry article.document .contents_wrap .img_text_set .img img {
  width: 100%;
}

.page-support-entry-entry article.document .contents_wrap .img_text_set p {
  margin-left: 5%;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap .img_text_set p {
    margin: 1.25rem 0 0;
  }
}
.page-support-entry-entry article.document .contents_wrap .img_text_set + .heading-type05, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #basicPartner table .img_text_set + h5, .page-products-dairiten #basicPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #expertPartner table .img_text_set + h5, .page-products-dairiten #expertPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #basicPartner table .img_text_set + h5, .page-products-dairiten-partnerProgram #basicPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #expertPartner table .img_text_set + h5, .page-products-dairiten-partnerProgram #expertPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5 {
  margin-top: 3.25rem;
}

@media screen and (max-width: 1050px) {
  .page-support-entry-entry article.document .contents_wrap .img_text_set + .heading-type05, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #basicPartner table .img_text_set + h5, .page-products-dairiten #basicPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten #expertPartner table .img_text_set + h5, .page-products-dairiten #expertPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #basicPartner table .img_text_set + h5, .page-products-dairiten-partnerProgram #basicPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5, .page-support-entry-entry article.document .contents_wrap .page-products-dairiten-partnerProgram #expertPartner table .img_text_set + h5, .page-products-dairiten-partnerProgram #expertPartner table .page-support-entry-entry article.document .contents_wrap .img_text_set + h5 {
    margin-top: 1.5rem;
  }
}
.page-support-toolDownload .buttonBox .link-button, .page-support-toolDownload .buttonBox #emergencyForm #mailform button, #emergencyForm #mailform .page-support-toolDownload .buttonBox button, .page-support-toolDownload #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .page-support-toolDownload .buttonBox a.mainColor span, .page-support-toolDownload #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .page-support-toolDownload .buttonBox button, .page-support-toolDownload .buttonBox #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-toolDownload .buttonBox div.call_form_btn > a {
  padding-bottom: 0.0625rem;
}

.page-support-toolDownload #section02 {
  padding-top: 150px;
}

@media screen and (max-width: 1050px) {
  .page-support-toolDownload #section02 {
    padding-top: 4rem;
  }
}
.page-support-toolDownload #section02 .heading-type03 {
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-remote #section01 {
    padding-bottom: 0;
  }
}
.page-support-remote #section01 article.contentsInner {
  max-width: 1128px;
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .page-support-remote #section01 article.contentsInner {
    padding: 0 1rem 6rem;
  }
}
.page-support-remote #section01 article.contentsInner .intro {
  font-size: 18px;
  font-size: 1.125rem;
}

@media screen and (max-width: 1050px) {
  .page-support-remote #section01 article.contentsInner .intro {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-support-remote #section01 article.contentsInner .notice-block {
  margin-top: 3.125rem;
  padding: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-remote #section01 article.contentsInner .notice-block {
    padding: 2rem 0.5rem;
  }
}
.page-support-remote #section01 article.contentsInner .notice-block .notice-title {
  min-width: 11rem;
  padding: 0.2rem 1.25rem;
}

.page-support-remote #section01 article.contentsInner .notice-block .listStyle02 {
  margin: 0;
}

.page-support-remote #section01 article.contentsInner .notice-block .listStyle02 li {
  text-align: left;
}

.page-support-remote #section01 article.contentsInner .note {
  text-align: center;
  margin: 5rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-support-remote #section01 article.contentsInner .note {
    margin-top: 2.5rem;
  }
}
.page-support-remote #section01 article.contentsInner .note .note_wrap {
  display: inline-block;
}

.page-support-remote #section01 article.contentsInner .note .note_wrap p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin: 0;
  text-align: left;
}

.page-support-remote #section01 article.contentsInner .note .note_wrap .listStyle02 {
  margin: 0;
}

.page-support-remote #section01 article.contentsInner .note .note_wrap .listStyle02 li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin: 0;
  text-align: left;
}

.page-support-remote #section01 article.contentsInner .note a.link-button, .page-support-remote #section01 article.contentsInner .note #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-remote #section01 article.contentsInner .note div.call_form_btn > a {
  min-width: 334px;
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-remote #section01 article.contentsInner .note a.link-button, .page-support-remote #section01 article.contentsInner .note #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-remote #section01 article.contentsInner .note div.call_form_btn > a {
    min-width: 100%;
  }
}
.page-support-setup-installer .contentsInner {
  max-width: 924px;
  padding-top: 0;
  padding-bottom: 0;
}

.page-support-setup-installer .intro {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer .intro {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-support-setup-installer .intro:last-of-type {
  margin-bottom: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer .intro:last-of-type {
    margin-bottom: 2.5rem;
  }
}
.page-support-setup-installer .heading-type06, .page-support-setup-installer .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-support-setup-installer h2, .page-support-setup-installer .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-support-setup-installer h2 {
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer .heading-type06, .page-support-setup-installer .page-products-dairiten .contents h2, .page-products-dairiten .contents .page-support-setup-installer h2, .page-support-setup-installer .page-products-dairiten-partnerProgram .contents h2, .page-products-dairiten-partnerProgram .contents .page-support-setup-installer h2 {
    text-align: left;
  }
}
.page-support-setup-installer .heading-type06 + ol, .page-support-setup-installer .page-products-dairiten .contents h2 + ol, .page-products-dairiten .contents .page-support-setup-installer h2 + ol, .page-support-setup-installer .page-products-dairiten-partnerProgram .contents h2 + ol, .page-products-dairiten-partnerProgram .contents .page-support-setup-installer h2 + ol {
  margin: 0 0 3.75rem;
  padding-left: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer .heading-type06 + ol, .page-support-setup-installer .page-products-dairiten .contents h2 + ol, .page-products-dairiten .contents .page-support-setup-installer h2 + ol, .page-support-setup-installer .page-products-dairiten-partnerProgram .contents h2 + ol, .page-products-dairiten-partnerProgram .contents .page-support-setup-installer h2 + ol {
    font-size: 14px;
    font-size: 0.875rem;
    padding-left: 1rem;
    margin-bottom: 2.5rem;
  }
}
.page-support-setup-installer ul.chuki {
  margin-bottom: 5rem !important;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer ul.chuki {
    margin-bottom: 2.5rem !important;
  }
}
.page-support-setup-installer ul.chuki:last-of-type:not(:only-of-type) {
  margin-top: 2.5rem;
  margin-bottom: 0 !important;
}

.page-support-setup-installer table tr th:first-of-type {
  width: 30%;
}

.page-support-setup-installer form td {
  padding: 0.5rem 1rem;
  text-align: left;
}

.page-support-setup-installer form td span {
  margin-left: 1rem;
  display: inline-block;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer form td span {
    margin: 0.5rem 0 0;
  }
}
.page-support-setup-installer form input {
  width: 14rem;
  padding: 0.625rem 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-setup-installer form input {
    width: 100%;
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase + section.contents.oshirase {
  padding-top: 2.5rem !important;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase article {
    padding: 1.25rem 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase article time {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase article time + .heading-type01 {
    margin: 0.5rem 0 0.75rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a {
  max-width: 500px;
  height: auto;
  margin-top: 0;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-size: 1rem;
  padding: 1rem;
  justify-content: flex-start;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a {
    width: 100%;
    justify-content: center;
    max-width: auto;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button.file, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button.file, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button.file, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span.file, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button.file, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button.file, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a.file, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a.file {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button.file:before, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button.file:before, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button.file:before, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.file:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span.file:before, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button.file:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button.file:before, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a.file:before, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a.file:before {
  margin-bottom: 0;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button + .link-button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform .link-button + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform span + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + .link-button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform span + button, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .link-button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform button + span, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button + span, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button + .link-button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox .link-button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + .link-button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + span, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > .link-button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > .link-button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > span + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + a {
  margin-top: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button + .link-button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform .link-button + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform span + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + .link-button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform span + button, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .link-button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform button + span, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button + span, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button + .link-button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox .link-button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + .link-button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + span, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > .link-button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > .link-button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > span + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a + a {
    margin-top: 1.25rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .link-button span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #emergencyForm #mailform button span, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase button span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase span span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn #mailform .buttonBox button span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase button span, .page-support-firmware section#section01 #support_contents section.contents.oshirase #main.faq2020 div.call_form_btn > a span, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase div.call_form_btn > a span {
    font-size: 12px;
    font-size: 0.75rem;
    margin-right: -0.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase ol li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block {
  text-align: left;
  padding: 2.5rem;
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block {
    padding: 2rem 1rem 1.25rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block p.intro {
  font-size: 16px;
  font-size: 1rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .flex {
  display: flex;
  align-items: center;
  margin-top: 2.5rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .flex img {
  display: inline-block;
  height: 36;
  width: 36;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .flex p {
  margin: 0 0 0 0.625rem;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .flex p {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .flex + ul.note {
  margin-top: 0.75rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block ul.note li {
  display: flex;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block ul.note li {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block ul.note li + li {
  margin-top: 0.5rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a {
  width: 100%;
  max-width: 620px;
  margin: 0 auto;
  justify-content: center;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a {
    width: 100%;
    max-width: auto;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button.align-center, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.align-center, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button.align-center, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a.align-center, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a.align-center {
  width: 256px;
  min-width: auto;
  max-width: auto;
  margin-top: 1.25rem;
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button.align-center, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.align-center, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button.align-center, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a.align-center, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a.align-center {
    width: 100%;
    display: inline-block;
    line-height: 16vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button.align-center, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span.align-center, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button.align-center, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button.align-center, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a.align-center, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a.align-center {
    width: 256px;
    line-height: 6vw;
  }
}
.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button + .link-button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform .link-button + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform span + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span + .link-button, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform span + button, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .link-button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor #emergencyForm #mailform button + span, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform button + span, #emergencyForm #mailform #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + .link-button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block a.mainColor button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block a.mainColor button + span, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + span, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox .link-button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .link-button + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block a.mainColor span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block a.mainColor span + button, #main.faq2020 div.call_form_btn #mailform #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span + button, #main.faq2020 #faqBackButtonArea div.call_form_btn #mailform .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block span + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox button + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block button + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a + .link-button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a + .link-button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform div.call_form_btn > a + button, #emergencyForm #mailform #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a + button, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > a + span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a + span, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn #mailform .buttonBox div.call_form_btn > a + button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a + button, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > .link-button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > .link-button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #emergencyForm #mailform div.call_form_btn > button + a, #emergencyForm #mailform #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > button + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #faqBackButtonArea .buttonBox a.mainColor div.call_form_btn > span + a, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > span + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn #mailform .buttonBox div.call_form_btn > button + a, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > button + a, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block #main.faq2020 div.call_form_btn > a + a, #main.faq2020 .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block div.call_form_btn > a + a {
  margin-top: 1.25rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .heading-type05, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #basicPartner table h5, .page-products-dairiten #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #expertPartner table h5, .page-products-dairiten #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #expertPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 {
  margin-top: 2.5rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .heading-type05 + p + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #basicPartner table h5 + p + div.button-area, .page-products-dairiten #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #expertPartner table h5 + p + div.button-area, .page-products-dairiten #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #basicPartner table h5 + p + div.button-area, .page-products-dairiten-partnerProgram #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #expertPartner table h5 + p + div.button-area, .page-products-dairiten-partnerProgram #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area {
  margin-top: 1.25rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .heading-type05 + p + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #basicPartner table h5 + p + div.button-area + ul.note, .page-products-dairiten #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #expertPartner table h5 + p + div.button-area + ul.note, .page-products-dairiten #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #basicPartner table h5 + p + div.button-area + ul.note, .page-products-dairiten-partnerProgram #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #expertPartner table h5 + p + div.button-area + ul.note, .page-products-dairiten-partnerProgram #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + p + div.button-area + ul.note {
  margin-top: 1.25rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .heading-type05 + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #basicPartner table h5 + div.button-area, .page-products-dairiten #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #expertPartner table h5 + div.button-area, .page-products-dairiten #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #basicPartner table h5 + div.button-area, .page-products-dairiten-partnerProgram #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #expertPartner table h5 + div.button-area, .page-products-dairiten-partnerProgram #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area {
  margin-top: 1.25rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .heading-type05 + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #basicPartner table h5 + div.button-area + ul.note, .page-products-dairiten #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten #expertPartner table h5 + div.button-area + ul.note, .page-products-dairiten #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #basicPartner table h5 + div.button-area + ul.note, .page-products-dairiten-partnerProgram #basicPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area + ul.note, .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .page-products-dairiten-partnerProgram #expertPartner table h5 + div.button-area + ul.note, .page-products-dairiten-partnerProgram #expertPartner table .page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block h5 + div.button-area + ul.note {
  margin-top: 1.25rem;
}

.page-support-firmware section#section01 #support_contents section.contents.oshirase .notice-block .movie {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  max-width: 900px;
  display: block;
  margin: 1.25rem auto 0;
}

.page-support section#section01 {
  padding-top: 0;
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 {
    margin-top: 2.5rem;
  }
}
.page-support section#section01 .contentsInner {
  padding: 0;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner {
    padding: 0 1rem;
  }
}
.page-support section#section01 .contentsInner .link-card-list a, .page-support section#section01 .contentsInner .link-card-list__inner {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}

.page-support section#section01 .contentsInner .link-card-list__item__wrap {
  flex-grow: 1;
  margin-bottom: 1.5rem;
}

.page-support section#section01 .contentsInner .link-card-list__item__wrap figure img {
  width: 3.75rem;
}

.page-support section#section01 .contentsInner .link-card-list__item__wrap p {
  min-height: 3em;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .link-card-list__item__wrap p {
    min-height: auto;
  }
}
.page-support section#section01 .contentsInner .flex__area {
  display: flex;
  justify-content: space-between;
  margin-top: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area {
    display: block;
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area {
    width: 100%;
    max-width: 500px;
    margin: 2.5rem auto 0;
  }
}
.page-support section#section01 .contentsInner .flex__area .button-area {
  width: calc((100% - 5rem) / 2);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area {
    width: 100%;
  }
}
@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area + .button-area {
    display: block;
    margin-top: 1.5rem;
  }
}
.page-support section#section01 .contentsInner .flex__area .button-area__inner {
  flex-grow: 1;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area__inner {
    flex-grow: inherit;
  }
}
@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area__inner .link-list {
    margin-bottom: 0;
  }
}
.page-support section#section01 .contentsInner .flex__area .button-area__inner .link-list li + li {
  margin: 1.7rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area__inner .link-list li + li {
    margin-top: 1rem;
  }
}
.page-support section#section01 .contentsInner .flex__area .button-area__inner .link-list li a.blank:after {
  width: 0.875rem;
  height: 1rem;
}

.page-support section#section01 .contentsInner .flex__area .button-area .link-button, .page-support section#section01 .contentsInner .flex__area .button-area #emergencyForm #mailform button, #emergencyForm #mailform .page-support section#section01 .contentsInner .flex__area .button-area button, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support section#section01 .contentsInner .flex__area .button-area span, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support section#section01 .contentsInner .flex__area .button-area button, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support section#section01 .contentsInner .flex__area .button-area div.call_form_btn > a {
  margin-top: 1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area .link-button, .page-support section#section01 .contentsInner .flex__area .button-area #emergencyForm #mailform button, #emergencyForm #mailform .page-support section#section01 .contentsInner .flex__area .button-area button, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support section#section01 .contentsInner .flex__area .button-area span, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support section#section01 .contentsInner .flex__area .button-area button, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support section#section01 .contentsInner .flex__area .button-area div.call_form_btn > a {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 16vw;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area .link-button, .page-support section#section01 .contentsInner .flex__area .button-area #emergencyForm #mailform button, #emergencyForm #mailform .page-support section#section01 .contentsInner .flex__area .button-area button, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support section#section01 .contentsInner .flex__area .button-area span, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support section#section01 .contentsInner .flex__area .button-area button, .page-support section#section01 .contentsInner .flex__area .button-area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support section#section01 .contentsInner .flex__area .button-area div.call_form_btn > a {
    line-height: 3.75;
  }
}
@media screen and (max-width: 1050px) {
  .page-support section#section01 .contentsInner .flex__area .button-area__intro {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-supportinfo-products .news_layout {
  max-width: calc(1128px + 1.5rem);
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  position: relative;
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout {
    display: block;
    margin-top: 0;
    padding: 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .index_box {
    display: none;
  }
}
.page-support-supportinfo-products .news_layout .index_box .sticky-wrap {
  position: sticky;
  top: 0;
  left: 0;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .index_box .sticky-wrap {
    position: relative;
    width: 100%;
  }
}
.page-support-supportinfo-products .news_layout .index_box .sticky-wrap .sticky_title {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
  color: #77ddd1;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .index_box .sticky-wrap .sticky_title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .index_box .sticky-wrap .aside_menu_list li {
    display: inline-block;
  }
}
.page-support-supportinfo-products .news_layout .index_box .sticky-wrap .aside_menu_list li a {
  display: inline-block;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  padding: 1rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .index_box .sticky-wrap .aside_menu_list li a {
    padding: 5px 10px;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 500;
    line-height: 1.7;
  }
}
.page-support-supportinfo-products .news_layout .index_box .sticky-wrap.sticky {
  top: 180px;
  left: 0;
  transition: top 0.4s ease-out;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .index_box .sticky-wrap.sticky {
    position: relative;
    top: 0;
  }
}
.page-support-supportinfo-products .news_layout .article__wrap {
  max-width: 900px;
}

.page-support-supportinfo-products .news_layout .article__wrap .heading-type02 {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .article__wrap .heading-type02 {
    margin-top: 2.5rem;
  }
}
.page-support-supportinfo-products .news_layout .article__wrap article {
  width: 100%;
  margin: 2.5rem auto;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .article__wrap article {
    margin: 1.5rem auto;
  }
}
.page-support-supportinfo-products .news_layout .article__wrap .article {
  min-width: 900px;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .article__wrap .article {
    min-width: 100%;
  }
}
.page-support-supportinfo-products .news_layout .article__wrap .article .openTargetContents article {
  margin: 0 auto;
  padding: 1.25rem;
}

.page-support-supportinfo-products .news_layout .article__wrap .article .openTargetContents section + section {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .article__wrap .article .openTargetContents section + section {
    margin-top: 1.5rem;
  }
}
.page-support-supportinfo-products .news_layout .article__wrap .article .openTargetContents .heading-type09:nth-child(n+2) {
  margin-top: 2.5rem;
}

.page-support-supportinfo-products .news_layout .article__wrap .article .openTargetContents .heading-type09 + ol {
  margin-top: 0 !important;
}

.page-support-supportinfo-products .news_layout .list_box {
  width: 78.7%;
  max-width: 888px;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .news_layout .list_box {
    width: 100%;
    max-width: 100%;
    margin: 2.5rem 0 0;
  }
}
.page-support-supportinfo-products section#section01 {
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products {
    padding: 0 1rem;
  }
}
.page-support-supportinfo-products section#section01 .support-contents__products:nth-child(2) {
  background-color: #f3faf8;
}

.page-support-supportinfo-products section#section01 .support-contents__products + .support-contents__products {
  padding: 9.375rem 0 0;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products + .support-contents__products {
    padding: clamp(40px, 21.3333333333vw, 80px) 1rem 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article {
    padding: 1.25rem 1rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article + article {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article time {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-supportinfo-products section#section01 .support-contents__products article time + .heading-type01 {
  margin-top: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article time + .heading-type01 + p, .page-support-supportinfo-products section#section01 .support-contents__products article time + .heading-type01 + ol, .page-support-supportinfo-products section#section01 .support-contents__products article time + .heading-type01 + div, .page-support-supportinfo-products section#section01 .support-contents__products article time + .heading-type01 + table {
    margin-top: 1rem;
  }
}
.page-support-supportinfo-products section#section01 .support-contents__products article .heading-type01 .products {
  font-size: 14px;
  font-size: 0.875rem;
  background: #77DDD1;
  color: #fff;
  display: inline-block;
  padding: 0.1em 0.5em;
  border-radius: 10px;
  margin-left: 0.5em;
  vertical-align: middle;
  transform: translateY(-0.15em);
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article .heading-type01 .products {
    margin: 0.3em 0;
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article .heading-type01 .products {
    margin-left: 0.5em;
    transform: translateY(-0.15em);
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.page-support-supportinfo-products section#section01 .support-contents__products article p.chuki span small {
  color: #d62020;
}

.page-support-supportinfo-products section#section01 .support-contents__products article ol {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products section#section01 .support-contents__products article ol li {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 1rem;
  }
}
.page-support-supportinfo-products section#section01 .support-contents__products a.text_link {
  word-break: break-all;
}

.page-support-supportinfo-products section#section01 .support-contents__products figure .colorbox:before {
  display: none;
}

.page-support-supportinfo-products section#section01 p + .listStyle02 {
  margin: 0 0 1.5rem;
}

.page-support-supportinfo-products ul:not(.listStyle02) {
  margin-bottom: 1rem;
}

.page-support-supportinfo-products ul:not(.listStyle02) li {
  line-height: 1.7;
}

.page-support-supportinfo-products ul:not(.listStyle02) li + li {
  margin-top: 0.5rem;
}

.page-support-supportinfo-products .nextContentsOpener {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .nextContentsOpener {
    font-size: 14px;
    font-size: 0.875rem;
    align-items: flex-start;
  }
}
.page-support-supportinfo-products .nextContentsOpener:after {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../images/common/icon_arrow_open.svg) no-repeat center/contain;
  transform: rotate(0);
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .nextContentsOpener:after {
    width: 25px;
  }
}
.page-support-supportinfo-products .nextContentsOpener.open:after {
  transform: rotate(180deg);
}

.page-support-supportinfo-products .nextContentsOpener span {
  width: calc(100% - (1rem + 20px));
}

.page-support-supportinfo-products .openTargetContents {
  display: none;
  background-color: #f3faf8;
  padding: 1.25rem 1.25rem 2.5rem;
  margin-top: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .openTargetContents {
    padding: 1.25rem 1rem;
  }
}
.page-support-supportinfo-products .openTargetContents.open {
  display: block;
}

.page-support-supportinfo-products .openTargetContents p {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products .openTargetContents p {
    margin-top: 1rem;
  }
}
.page-support-supportinfo-products .note_link {
  margin-top: 1.5rem;
}

.page-support-supportinfo-products .chuki + p {
  margin-top: 1.5rem;
}

.page-support-supportinfo-products .chuki.hasOriginalList li {
  margin-bottom: 0;
}

.page-support-supportinfo-products .chuki.hasOriginalList li + li {
  margin-top: 1rem;
}

.page-support-supportinfo-products .articleContentsBox .link-button, .page-support-supportinfo-products .articleContentsBox #emergencyForm #mailform button, #emergencyForm #mailform .page-support-supportinfo-products .articleContentsBox button, .page-support-supportinfo-products .articleContentsBox #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-support-supportinfo-products .articleContentsBox span, .page-support-supportinfo-products .articleContentsBox #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-support-supportinfo-products .articleContentsBox button, .page-support-supportinfo-products .articleContentsBox #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-support-supportinfo-products .articleContentsBox div.call_form_btn > a {
  margin: 1.5rem 0 0;
}

.page-support-supportinfo-products ol + .heading-type05, .page-support-supportinfo-products .page-products-dairiten #basicPartner table ol + h5, .page-products-dairiten #basicPartner table .page-support-supportinfo-products ol + h5, .page-support-supportinfo-products .page-products-dairiten #expertPartner table ol + h5, .page-products-dairiten #expertPartner table .page-support-supportinfo-products ol + h5, .page-support-supportinfo-products .page-products-dairiten-partnerProgram #basicPartner table ol + h5, .page-products-dairiten-partnerProgram #basicPartner table .page-support-supportinfo-products ol + h5, .page-support-supportinfo-products .page-products-dairiten-partnerProgram #expertPartner table ol + h5, .page-products-dairiten-partnerProgram #expertPartner table .page-support-supportinfo-products ol + h5 {
  margin-top: 2.5rem;
}

.page-support-supportinfo-xsion section#section01 p {
  margin-bottom: 0;
}

.page-support-supportinfo-products ol li .listStyle02 {
  margin: 0.5rem auto;
}

@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products ol li .listStyle02 {
    margin: 0.25rem auto;
  }
}
@media screen and (max-width: 1050px) {
  .page-support-supportinfo-products ol li .listStyle02 li {
    margin-top: 0 !important;
  }
}
.page-support-supportinfo-xronosLink .listStyle02 li ul li:before {
  display: none !important;
}

#main.faq2020 h1.single {
  text-align: center;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.7;
  width: 100%;
  max-width: calc(1130px + 1.5rem);
  padding-left: 0.75rem;
  padding-right: 0.75rem;
  margin-left: auto;
  margin-right: auto;
  padding-top: 150px;
  margin-bottom: 50px;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 h1.single {
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
}
@media screen and (max-width: 1050px) {
  #main.faq2020 h1.single {
    width: 100%;
    max-width: calc(1130px + 1.5rem);
    padding-left: 0.75rem;
    padding-right: 0.75rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: clamp(40px, 21.3333333333vw, 80px);
    margin-bottom: clamp(12px, 6.4vw, 24px);
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 1.7;
  }
}
@media screen and (max-width: 1050px) and (max-width: 1050px) {
  #main.faq2020 h1.single {
    padding-left: 4.2vw;
    padding-right: 4.2vw;
  }
}
#main.faq2020 h1.single:before {
  content: "faq";
  text-transform: uppercase;
  display: block;
  color: #77ddd1;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.4;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 h1.single:before {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.4;
  }
}
#main.faq2020 .contentsSection.search h2 {
  display: none;
}

#main.faq2020 .contentsSection.search, #main.faq2020 .contents.search.result {
  padding: 3rem 0 3.5rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 .contentsSection.search, #main.faq2020 .contents.search.result {
    padding: 0 1rem;
  }
}
#main.faq2020 .contentsSection.search .gsc-search-box, #main.faq2020 .contents.search.result .gsc-search-box {
  margin: 0 auto !important;
}

#main.faq2020 .contentsSection.search div, #main.faq2020 .contents.search.result div {
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

#main.faq2020 .contentsSection.search div.wrapper, #main.faq2020 .contents.search.result div.wrapper {
  padding: 1.5rem 0 2.5rem;
}

#main.faq2020 .contentsSection.search form, #main.faq2020 .contents.search.result form {
  width: auto;
  margin: 1.5rem auto 3rem !important;
  max-width: 420px;
  padding: 0;
  border-radius: 10px;
  background: #FFF;
  border: 1px solid #EAEAEA;
}

#main.faq2020 .contentsSection.search form table, #main.faq2020 .contents.search.result form table {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  border-spacing: 0;
  position: relative;
  border-collapse: separate;
  overflow: hidden;
}

#main.faq2020 .contentsSection.search form table td.gsc-input, #main.faq2020 .contentsSection.search form table td.gsc-search-button, #main.faq2020 .contents.search.result form table td.gsc-input, #main.faq2020 .contents.search.result form table td.gsc-search-button {
  padding: 0;
  vertical-align: middle;
}

#main.faq2020 .contentsSection.search form table tr, #main.faq2020 .contentsSection.search form table td, #main.faq2020 .contents.search.result form table tr, #main.faq2020 .contents.search.result form table td {
  min-width: 0;
  background: none !important;
  border: none;
}

#main.faq2020 .contentsSection.search form table td#gs_tti50, #main.faq2020 .contents.search.result form table td#gs_tti50 {
  padding: 0.5rem 1rem !important;
}

@media screen and (min-width: 520px) and (max-width: 1050px) {
  #main.faq2020 .contentsSection.search form table td#gs_tti50, #main.faq2020 .contents.search.result form table td#gs_tti50 {
    padding: 0 1rem !important;
  }
}
#main.faq2020 .contentsSection.search form table td.gsib_a, #main.faq2020 .contents.search.result form table td.gsib_a {
  width: 95%;
  max-width: none;
}

#main.faq2020 .contentsSection.search form table input, #main.faq2020 .contents.search.result form table input {
  font-size: 1rem !important;
  border-radius: 0 !important;
  padding: 0 !important;
  line-height: 1.7 !important;
}

#main.faq2020 .contentsSection.search form table td.gsc-input, #main.faq2020 .contents.search.result form table td.gsc-input {
  width: 85%;
  max-width: none;
}

#main.faq2020 .contentsSection.search form table td.gsc-input div.gsc-input-box, #main.faq2020 .contents.search.result form table td.gsc-input div.gsc-input-box {
  background: #FFFFFF;
}

#main.faq2020 .contentsSection.search form table td.gsc-search-button, #main.faq2020 .contents.search.result form table td.gsc-search-button {
  width: 15%;
  margin: 0;
}

#main.faq2020 .contentsSection.search form table td.gsc-search-button button, #main.faq2020 .contents.search.result form table td.gsc-search-button button {
  height: 3.375rem;
  width: 100%;
  margin: 0;
  font-size: 0;
  background: #77DDD1;
  border: none;
  border-radius: 0 10px 10px 0;
  transition: color 0.25s ease-in, background 0.25s ease-in;
  cursor: pointer;
  padding: 1rem;
}

@media screen and (min-width: 520px) and (max-width: 1050px) {
  #main.faq2020 .contentsSection.search form table td.gsc-search-button button, #main.faq2020 .contents.search.result form table td.gsc-search-button button {
    height: 54px;
    padding: 0;
  }
}
#main.faq2020 .contentsSection.search form table td.gsc-search-button button svg, #main.faq2020 .contents.search.result form table td.gsc-search-button button svg {
  width: 1.3125rem;
  height: 1.3125rem;
  fill: #fff;
}

@media screen and (min-width: 520px) and (max-width: 1050px) {
  #main.faq2020 .contentsSection.search form table td.gsc-search-button button svg, #main.faq2020 .contents.search.result form table td.gsc-search-button button svg {
    width: 21px;
    height: 21px;
  }
}
#main.faq2020 .contentsSection.search form table td.gsc-clear-button, #main.faq2020 .contents.search.result form table td.gsc-clear-button {
  display: none;
}

#main.faq2020 .contentsSection.search form .gsc-input, #main.faq2020 .contents.search.result form .gsc-input {
  font-size: 1rem;
}

#main.faq2020 .contentsSection.search form .gsst_b {
  width: 32px;
  font-size: 16px;
  padding: 0 2px;
  position: relative;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  float: right;
}

#main.faq2020 .contents.search.result {
  background: none !important;
  padding: 9rem 0 12rem;
}

#main.faq2020 .contents.search.result form .gsst_b {
  width: 32px;
  font-size: 16px;
  padding: 0 2px;
  position: relative;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  white-space: nowrap;
  float: right;
}

#main.faq2020 .contents.search.result > h2 {
  font-size: 3.6rem;
}

#main.faq2020 .contents.search.result > p {
  margin-bottom: 3rem;
  font-size: 1.8rem;
}

#main.faq2020 .contents.search.result div.wrapper {
  margin: 0 auto;
  padding: 3rem 1.5rem !important;
  background: #FFFFFF;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-results-wrapper-nooverlay.gsc-results-wrapper-visible {
  width: 90%;
  margin: 0 auto 3rem;
}

#main.faq2020 .contents.search.result div.wrapper table.gsc-above-wrapper-area-container {
  width: 100%;
  margin: 0 auto 0.5rem;
  text-align: left;
  border: none;
}

#main.faq2020 .contents.search.result div.wrapper table.gsc-above-wrapper-area-container * {
  background: none !important;
  border: none;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-wrapper {
  border-top: 1px solid #CCC;
  padding-top: 1.5rem;
  font-size: 1.4rem !important;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-wrapper div.gsc-adBlock {
  display: none;
  margin: 1.5rem 1% 0;
  padding: 1rem 1.5rem;
  border: 1px solid #F4F4F4;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2509803922);
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-wrapper div.gsc-expansionArea {
  margin: 1.5rem 1% 0.5rem;
  padding: 0 1.5rem;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-wrapper div.gsc-expansionArea > div.gsc-webResult {
  margin: 1.5rem 0;
  padding-bottom: 1.5rem;
  border-bottom: 1px dashed #DEDEDE;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-expansionArea a.gs-title {
  text-decoration: underline;
  padding: 3px 8px 3px 16px;
  color: #0f759b;
  font-size: 1.6rem;
  position: relative;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-expansionArea a.gs-title:hover {
  color: #fff;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-expansionArea a.gs-title:before {
  display: block;
  width: 1px;
  height: 1px;
  content: "";
  border-top: 6px solid transparent;
  border-left: 9px solid #0f759b;
  border-bottom: 6px solid transparent;
  position: absolute;
  top: 5px;
  left: 5px;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-url-top, #main.faq2020 .contents.search.result div.wrapper div.gsc-table-result {
  padding-left: 15px;
  line-height: 1.5;
  transform: rotate(0.03deg);
  font-size: 1.4rem;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-table-cell-thumbnail {
  display: none;
}

#main.faq2020 .contents.search.result div.wrapper div.gcsc-more-maybe-branding-root a:hover {
  background: none;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-cursor-box {
  margin: 0.5rem 1% 1.5rem;
  padding: 0 1.5rem;
  font-size: 1.4rem;
}

#main.faq2020 .contents.search.result div.wrapper div.gsc-cursor-box div.gsc-cursor-page {
  margin: 0.5rem;
  border-radius: 0;
}

#main.faq2020 .contents.search.result div.wrapper div.gcsc-more-maybe-branding-root {
  background: #F4F4F4;
  padding: 0 1.5rem;
}

#main.faq2020 .contents.search.result div.wrapper div.gcsc-more-maybe-branding-root div.gcsc-find-more-on-google {
  margin-top: 0.5rem;
}

#main.faq2020 .faqAnswer .answer > * ul.chuki {
  margin: 1.5rem 0 0;
  background: #FFF;
  padding: 1rem;
  border-radius: 10px;
}

#main.faq2020 .faqAnswer .answer > * ul.chuki:first-child {
  margin-top: 0;
}

#main.faq2020 .faqAnswer .answer > * ul.chuki li:first-letter {
  margin-left: 0 !important;
}

#main.faq2020 .faqAnswer .answer > * ul.chuki li {
  margin: 0;
}

#main.faq2020 .faqAnswer .answer > * ul.chuki li span {
  color: #d62020;
  margin-right: 0.2rem;
  text-indent: -1.2em;
  display: inline-block;
}

#main .contents.questionList {
  padding-top: 2.5rem;
}

#main .contents.questionList.boxGray {
  background: #FAFAFA;
}

#main .contents.questionList h2 {
  display: block;
  margin: 0 auto 2.5rem;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  color: #171717;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  #main .contents.questionList ul.blue_dot {
    margin-left: 2.5rem !important;
    margin-right: 1.5rem !important;
  }
}
#main .contents.questionList ul.blue_dot li {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}

#main .contents.questionList ul.blue_dot li:before {
  display: block;
  width: 1em;
  height: 1em;
  background: #77DDD1;
  border-radius: 9999px;
  content: "";
  line-height: 1;
  position: absolute;
  top: 0.35em;
  left: -1em;
}

#main .contentsSection div.wrapper {
  margin-bottom: 0;
  padding-bottom: 0;
}

#main .contentsSection.category {
  background: #F3F5F5;
}

#main .contentsSection.category h2 + div {
  width: calc(100% - 2rem - 4px);
  margin-top: 2rem;
  padding: 2rem 0;
  background: rgba(208, 215, 217, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2509803922);
  border-radius: 0.6rem;
}

#main .contentsSection.questionList .wrapper {
  max-width: 100%;
  width: 100%;
  overflow: visible;
}

#main .contentsSection .category {
  margin-bottom: 4rem;
}

#main .contentsSection .category nav {
  width: calc(100% - 2rem);
  max-width: 1128px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
}

@media screen and (max-width: 1175px) {
  #main .contentsSection .category nav {
    max-width: 896px;
  }
}
@media screen and (max-width: 1050px) {
  #main .contentsSection .category nav {
    gap: 1.4rem 0.8rem;
    width: 15rem;
    margin: 0 auto;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  #main .contentsSection .category nav {
    max-width: 413px;
    width: calc(100% - 2rem);
    justify-content: flex-start;
  }
}
#main .contentsSection .category nav a {
  display: block;
  min-width: 12.5rem;
  padding: 0.25rem 0.5rem 0.2925rem;
  font-feature-settings: "palt";
  color: #77ddd1;
  background: #FFFFFF;
  border: 1px solid #77DDD1;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.7;
  transition: all 0.3s ease;
}

#main .contentsSection .category nav a:hover, #main .contentsSection .category nav a.now {
  color: #fff;
  background: #77DDD1;
}

#main .contentsSection .category nav li {
  position: relative;
}

#main .contentsSection .category nav li.now a {
  color: #fff;
  background: #77DDD1;
  border-color: rgba(255, 255, 255, 0);
}

#main .contentsSection .category nav li:before {
  display: none !important;
}

#main .contentsSection .category div.wrapper > article {
  width: calc(100% - 2rem - 4px);
}

#main .contentsSection.search article {
  padding: 0 !important;
  background: none;
}

#main .contentsSection.search .chuki {
  margin: 0.5rem auto;
  padding: 0.5rem 0;
  color: #74868b;
  background: none;
  background: rgba(255, 255, 255, 0.25);
  max-width: 980px;
  text-align: center;
}

#main .contentsSection.search .chuki span {
  display: inline-block;
}

#main article a.showMovieButton + .movie {
  padding: 3rem 0;
  background: #000;
  width: 100%;
  max-width: 850px;
  height: 0;
  margin: 0 auto !important;
  padding: 0 !important;
  opacity: 0;
}

#main article a.showMovieButton + .movie > div {
  width: 90%;
  max-width: 800px;
  height: 450px;
  margin: 0 auto;
  padding: 1px;
  border-radius: 2px;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1050px) {
  #main article a.showMovieButton + .movie > div {
    height: auto;
    padding-top: 5px !important;
    padding-bottom: 50% !important;
  }
}
#main article a.showMovieButton + .movie > div iframe {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px 0 0 1px;
  position: absolute;
  top: 0;
  left: 0;
}

#main article a.showMovieButton.show {
  border-bottom: none !important;
}

#main article a.showMovieButton.show + .movie {
  height: auto;
  margin: 1.5rem auto 3rem !important;
  padding-top: 1.5rem !important;
  opacity: 1;
  transition: all 0.25s ease-out 0.25s;
}

@media screen and (max-width: 1050px) {
  #main article a.showMovieButton.show + .movie {
    padding-top: 1px !important;
  }
}
#main .faqAnswer {
  background: #FFF;
}

#main .faqAnswer article {
  max-width: 900px;
  margin: 0 auto;
  padding: 3rem 0 7.5rem !important;
  background: rgba(208, 215, 217, 0.25);
  border-radius: 10px;
}

#main .faqAnswer h4, #main .faqAnswer .answer > * {
  display: inline-block;
  width: calc(95% - 14rem);
  max-width: 850px;
  margin: 2rem 0 1.5rem 8.5rem;
  padding: 1.5rem;
  color: #fff;
  background: #CEF3EE;
  line-height: 1.5;
  border: solid 2px #77DDD1;
  font-size: 1.6rem;
  border-radius: 10px;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer h4, #main .faqAnswer .answer > * {
    width: calc(95% - 14rem);
    margin: 1rem 0 1.5rem 4.5rem;
    padding: 1.5rem 1rem;
  }
}
#main .faqAnswer h4 {
  width: auto;
  max-width: calc(95% - 14rem);
  font-weight: 400;
  font-size: 16px;
  font-size: 1rem;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer h4 {
    max-width: calc(95% - 4rem);
  }
}
#main .faqAnswer .answer > * {
  font-size: 16px;
  font-size: 1rem;
}

#main.textBlack .faqAnswer article {
  background: #FFF;
  overflow: hidden;
}

#main.textBlack .faqAnswer h4 {
  color: #171717;
  background: #FFF;
  border-color: #adebe3;
  border-width: 1px;
  position: relative;
}

#main.textBlack .faqAnswer h4:after {
  border-right-color: #adebe3;
}

#main.textBlack .faqAnswer .answer > * {
  color: #171717;
  background: #CEF3EE;
  border-color: #adebe3;
  border-width: 1px;
}

@media screen and (max-width: 1050px) {
  #main.textBlack .faqAnswer .answer > * {
    width: calc(100% - 4rem);
  }
}
#main.textBlack .faqAnswer .answer > *:after {
  border-left-color: #adebe3;
}

#main.textBlack section h6:after {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
}

#main .faqAnswer h4:before {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  position: absolute;
  top: -1.3rem;
  left: -6rem;
  content: "";
  background: url(../images/support/faq/questions.svg) no-repeat;
  background-size: 100%;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer h4:before {
    width: 3.5rem;
    height: 3.5rem;
    top: -1rem;
    left: -4.5rem;
  }
}
#main .faqAnswer h4:after {
  display: block;
  width: 0;
  height: 0;
  background: none;
  content: "";
  border-bottom: 1rem solid transparent;
  border-right: 1.2rem solid #ADEBE3;
  opacity: 1;
  position: absolute;
  top: 1.4rem;
  left: -1.2rem;
  bottom: 0;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer h4:after {
    border-bottom-width: 0.6rem;
    border-right-width: 0.8rem;
    top: 1.4rem;
    left: -0.8rem;
  }
}
#main .faqAnswer .answer {
  min-height: 0;
  margin-bottom: 3rem;
  padding: 0;
  line-height: 1.5;
}

#main .faqAnswer .answer > * {
  margin: 3rem 8.5rem 0 0;
  background: #83D1C8;
  line-height: 1.5;
  border-color: #45baab;
  float: right;
  overflow: visible;
  position: relative;
}

#main .faqAnswer .answer > *:after {
  display: block;
  width: 0;
  height: 0;
  background: none;
  content: "";
  border-bottom: 0.6rem solid transparent;
  border-right: 0.8rem solid #ADEBE3;
  opacity: 1;
  position: absolute;
  top: 1.2rem;
  left: -0.8rem;
  bottom: 0;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer > *:after {
    border-bottom-width: 0.3rem;
    border-right-width: 0.4rem;
  }
}
@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer > * {
    margin: 2rem 4rem 0 0;
  }
}
#main .faqAnswer .answer > * p {
  margin: 0.5rem 1.5% !important;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer > * p {
    margin: 0.5rem 0 !important;
  }
}
#main .faqAnswer .answer > * p:only-child {
  margin: 0 1.5%;
}

#main .faqAnswer .answer > * ul, #main .faqAnswer .answer > * ol {
  margin: 0 0 1.5rem;
  padding-left: 0;
}

#main .faqAnswer .answer > * * > li {
  margin-right: 0;
  line-height: 1.5;
  list-style-position: inside;
  padding-left: 0.1rem;
  text-indent: -0.1rem;
}

#main .faqAnswer .answer ul > li {
  margin: 1.5rem 0;
  padding-left: 1.2em;
}

#main .faqAnswer .answer ul > li:first-letter {
  margin-left: -1.2em;
}

#main .faqAnswer .answer ul > li:before {
  display: none;
}

#main .faqAnswer .answer ul > li:last-of-type {
  margin-bottom: 0;
}

#main .faqAnswer .answer > * ul ul, #main .faqAnswer .answer > * ol ol, #main .faqAnswer .answer > * ul ol, #main .faqAnswer .answer > * ol ul {
  margin: 0 2.5% 1.5rem;
}

#main .faqAnswer .answer .movie {
  padding: 1rem 0;
  background: #000;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer .movie {
    padding: 0.5rem 0;
  }
}
#main .faqAnswer .answer .movie div {
  width: 90%;
  max-width: 800px;
  height: 360px;
  margin: 0 auto;
  line-height: 0;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer .movie div {
    height: auto;
    padding-top: 0.5rem !important;
    padding-bottom: 50% !important;
  }
}
#main .faqAnswer .answer .movie div iframe {
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  margin: 1px 0 0 1px;
  position: absolute;
  top: 0;
  left: 0;
}

#main .faqAnswer p.chuki {
  width: auto;
  margin: 2rem 2% 1.5rem !important;
  border-top: none;
  background: #FFF;
}

#main .faqAnswer li p.chuki {
  margin: 1.5rem 2% 1.5rem 0.5rem !important;
}

#main .faqAnswer .answer > *:before {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  background: url(../images/support/faq/answers.svg) no-repeat;
  background-size: 100%;
  content: "";
  position: absolute;
  top: -0.5rem;
  right: -7rem;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer > *:before {
    width: 3.5rem;
    height: 3.5rem;
    right: -4.5rem;
  }
}
#main .faqAnswer .answer > *:after {
  border-bottom: 1.6rem solid transparent;
  border-right: none;
  border-left: 1.8rem solid #83D1C8;
  left: auto;
  right: -1.8rem;
}

@media screen and (max-width: 1050px) {
  #main .faqAnswer .answer > *:after {
    border-bottom-width: 0.8rem;
    border-left-width: 1rem;
    right: -1rem;
  }
}
#main .faqAnswer h5 {
  display: block;
  margin: 1rem 2% 2.5rem !important;
  padding: 1rem 1.5rem;
  color: #45baab;
  background: #FFF;
  border-bottom: none;
  border-radius: 0.3rem !important;
}

#main section h5:before, #main section h5:after {
  display: none;
}

#main section h6 {
  margin: 3rem 0 2rem;
  font-size: 1.7rem;
  font-weight: 400;
  position: relative;
}

#main section h6:first-letter {
  margin: 0;
}

#main section h6:after {
  width: 100%;
  height: 1px;
  content: "";
  background: #FFF;
  position: absolute;
  bottom: -0.5rem;
  left: 0;
  transform: rotate(-0.06deg);
}

#main section a.mainImg {
  background: #E9F7F5;
  transition: background 0.1s linear;
  border-radius: 6px;
}

#main section a.mainImg:hover {
  background: #FFF;
}

#main.faq2020.textBlack .faqAnswer article a {
  color: #171717;
  text-decoration: underline;
  transition: all 0.1s linear;
  display: inline-block;
  word-break: break-all;
}

#main.faq2020.textBlack .faqAnswer article a:hover {
  text-decoration: none;
}

#main.faq2020.textBlack .faqAnswer article figure {
  margin: 1.5rem auto;
  text-align: center;
}

#main .questionList .questions {
  width: calc(100% - 2rem);
  max-width: 1128px;
  margin: 3rem auto 4rem;
  padding: 3.75rem;
  background: #FFFFFF;
  border-radius: 10px;
}

@media screen and (max-width: 1050px) {
  #main .questionList .questions {
    padding: 2.5rem 1rem;
    margin: 3rem auto;
  }
}
#main .questionList .questions > *:first-child {
  margin-top: 0;
}

#main .questionList .questions h4 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  color: #77ddd1;
}

@media screen and (max-width: 1050px) {
  #main .questionList .questions h4 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#main .questionList .questions h5 {
  margin-top: 2.5rem;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  #main .questionList .questions h5 {
    font-size: 16px;
    font-size: 1rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}
#main .questionList .questions h5:not(:first-of-type) {
  margin-top: 2.5rem;
}

@media screen and (max-width: 1050px) {
  #main .questionList .questions h5:not(:first-of-type) {
    margin-top: 1.5rem;
  }
}
#main .questionList .questions h5:after {
  display: none;
}

#main .questionList .questions a {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  display: block;
  margin-bottom: 0.75rem;
  transition: opacity 0.3s ease;
  position: relative;
  padding-right: 1.5rem;
}

@media screen and (max-width: 1050px) {
  #main .questionList .questions a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#main .questionList .questions a:after {
  content: "";
  width: 1.5rem;
  min-width: 1.5rem;
  height: 1.5rem;
  display: block;
  background: url(../images/common/icon_arrow.svg) no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 0.1rem;
}

#main .questionList .questions a:hover {
  opacity: 0.7;
}

#main .questionList .questions a:not(.overlayImg).movie:after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-left: 0.5rem;
  background: url(../images/support/faq/movie.svg);
  background-size: 100%;
  vertical-align: middle;
  content: "";
  border-radius: 6px;
  position: relative;
  top: -2px;
}

#main.faq2020 div.call_form_btn {
  margin: 3rem auto -3rem;
  padding: 5.5rem 3rem 6rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn {
    padding: 2rem 1rem;
  }
}
#main.faq2020 div.call_form_btn > a {
  margin: 1rem auto;
  color: #fff;
  background: #77DDD1;
  position: relative;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn > a {
    min-width: 90%;
  }
}
#main.faq2020 div.call_form_btn > a span {
  display: inline-block;
  padding: 0.25rem 0.8rem 0.3rem;
  color: #128fa0;
  background: #FFFFFF;
  border: 1px solid #128FA0;
  border-radius: 50px;
  font-size: 1rem;
  line-height: 1;
  position: absolute;
  top: -1.2rem;
  left: -0.1rem;
  transition: all 0.25s linear;
}

#main.faq2020 div.call_form_btn > a img {
  display: none;
}

#main.faq2020 div.call_form_btn > a:hover {
  background: #FFF;
  border-color: #77ddd1;
  color: #77ddd1;
}

#main.faq2020 div.call_form_btn > a:hover span {
  color: #fff;
  background: #128FA0;
}

#main.faq2020 div.call_form_btn form {
  display: none;
  background: #FFF;
  border-radius: 10px;
  padding: 1.5rem 5%;
  max-width: 900px;
  margin: 0 auto;
}

#main.faq2020 div.call_form_btn form table {
  width: 95%;
  max-width: 40rem;
  background: none;
  border: none;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn form table {
    max-width: 100%;
  }
}
#main.faq2020 div.call_form_btn form table a.colorbox {
  display: block;
}

#main.faq2020 div.call_form_btn #mailform h3 {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 1em;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform h3 {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.7;
  }
}
#main.faq2020 div.call_form_btn #mailform table {
  border: none;
}

#main.faq2020 div.call_form_btn #mailform table th, #main.faq2020 div.call_form_btn #mailform table td {
  border: none !important;
  background: none;
  text-align: left;
  display: block;
  padding: 0;
  max-width: 100%;
  position: relative;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform table th, #main.faq2020 div.call_form_btn #mailform table td {
    display: block;
  }
}
#main.faq2020 div.call_form_btn #mailform table th {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.7142857143;
  margin-bottom: 0.5rem;
  display: inline-block;
}

#main.faq2020 div.call_form_btn #mailform table td {
  margin-bottom: 1.5rem;
}

#main.faq2020 div.call_form_btn #mailform table td .hissu {
  display: inline-block;
  background: #D62020;
  color: #fff;
  padding: 0 0.25rem;
  border-radius: 2px;
  position: absolute;
  top: -2.3rem;
  right: 0;
}

#main.faq2020 div.call_form_btn #mailform input {
  border-color: #eaeaea;
  border-radius: 10px;
  padding: 0.75rem 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

#main.faq2020 div.call_form_btn #mailform input.form3rem {
  width: 3rem;
}

#main.faq2020 div.call_form_btn #mailform input.form60 {
  width: 40rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform input.form60 {
    width: 100%;
  }
}
#main.faq2020 div.call_form_btn #mailform input.form80 {
  width: 40rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform input.form80 {
    width: 100%;
  }
}
#main.faq2020 div.call_form_btn #mailform label {
  display: inline-block;
  width: auto;
  vertical-align: middle;
  cursor: pointer;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.1428571429;
  margin-bottom: 0.625rem;
}

#main.faq2020 div.call_form_btn #mailform label select, #main.faq2020 div.call_form_btn #mailform label textarea {
  padding: 0.75rem 2.625rem 0.75rem 0.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  background: #FFF;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  transition-property: color, background, box-shadow;
  transition-duration: 0.25s;
}

#main.faq2020 div.call_form_btn #mailform label select {
  position: relative;
  background: url(../images/common/icon_arrow_open.svg) no-repeat calc(100% - 0.8rem) center/1.25rem;
}

#main.faq2020 div.call_form_btn #mailform label select.placeholder {
  color: #a3a3a3;
}

#main.faq2020 div.call_form_btn #mailform label input[type=text]:focus, #main.faq2020 div.call_form_btn #mailform label input[type=email]:focus, #main.faq2020 div.call_form_btn #mailform label input[name=key]:focus, #main.faq2020 div.call_form_btn #mailform label input[name=code]:focus {
  color: #00879e;
  background: #FFFFFF;
  border-color: #77ddd1;
  box-shadow: 0 0 5px #77ddd1;
}

#main.faq2020 div.call_form_btn #mailform label select:focus, #main.faq2020 div.call_form_btn #mailform label textarea:focus {
  background-color: #fff;
  border-color: #77ddd1;
  box-shadow: 0 0 5px #77ddd1;
}

#main.faq2020 div.call_form_btn #mailform label.text, #main.faq2020 div.call_form_btn #mailform label.textarea {
  width: 100%;
}

#main.faq2020 div.call_form_btn #mailform .buttonBox {
  text-align: center;
}

#main.faq2020 div.call_form_btn #mailform .buttonBox p {
  margin-bottom: 1rem;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 2.1428571429;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform .buttonBox p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform .buttonBox .checkbox {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.4;
  }
}
#main.faq2020 div.call_form_btn #mailform .buttonBox button {
  background: #77DDD1;
  color: #fff;
  margin: 1rem auto;
  width: 100%;
  max-width: 540px;
  font-size: 16px;
  font-size: 1rem;
}

#main.faq2020 div.call_form_btn #mailform .buttonBox button:hover {
  background: #fff;
  color: #77ddd1;
}

#main.faq2020 div.call_form_btn #mailform .notice-block {
  margin: 3rem 0;
  width: 100%;
  padding-bottom: 2rem;
}

#main.faq2020 div.call_form_btn #mailform .notice-block .align-center {
  margin: 1.5rem auto 0;
}

#main.faq2020 div.call_form_btn #mailform .notice-title02 {
  color: #77ddd1;
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 1.3125rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 div.call_form_btn #mailform .notice-title02 {
    font-size: 20px;
    font-size: 1.25rem;
  }
}
#main.faq2020 div.call_form_btn #mailform .notice-list li {
  font-size: 16px;
  font-size: 1rem;
  padding-left: 1em;
  text-indent: -1em;
}

#main.faq2020 .faqAnswer .answer a.slide_link {
  display: table;
  width: auto;
  margin: 0 0.5rem;
  padding: 0.5rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 .faqAnswer .answer a.slide_link {
    margin: 0;
  }
}
#main.faq2020 .faqAnswer .answer a.slide_link b {
  font-size: 20px;
  font-size: 1.25rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 .faqAnswer .answer a.slide_link b {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#main.faq2020 .faqAnswer .answer div.slide_box {
  margin: 0 0 1.5rem;
  transition: margin 0.3s ease;
}

#main.faq2020 .faqAnswer .answer div.slide_box h4, #main.faq2020 .faqAnswer .answer div.slide_box h5 {
  font-size: 16px;
  font-size: 1rem;
  margin: 2rem 0 1.5rem !important;
}

#main.faq2020 .faqAnswer .answer div.slide_box:last-of-type {
  margin-bottom: 0;
}

#main.faq2020 h2 {
  color: #128fa0;
}

#main.faq2020 #faq_contents {
  background: #F3FAF8;
  padding-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  #main.faq2020 #faq_contents {
    padding-top: 2.5rem;
  }
}
@media screen and (max-width: 1050px) {
  #main.faq2020 #faq_contents article {
    padding: 3rem 1rem !important;
  }
}
#main.faq2020 #faqBackButtonArea .buttonBox a.mainColor {
  display: block;
  width: 316px;
  margin: 0 auto;
}

#main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span {
  background-color: #77ddd1;
  color: #fff;
}

#main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:hover {
  background: #FFF;
  color: #77ddd1;
}

body.faqPage #main.faq2020 #support_contents .gray1 {
  background-color: #fafafa;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem !important;
}

@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .gray1 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
body.faqPage #main.faq2020 #support_contents .gray1 p:first-of-type {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  letter-spacing: 0.1em;
  max-width: 900px;
  margin: 0 auto;
}

@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .gray1 p:first-of-type {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .gray1 p:first-of-type {
    max-width: 600px;
  }
}
body.faqPage #main.faq2020 #support_contents .gray1 .pageNavi {
  padding-top: 1.5rem;
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .gray1 .pageNavi ul {
    gap: 1.4rem 0.8rem;
    width: 15rem;
    margin: 0 auto;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .gray1 .pageNavi ul {
    max-width: 413px;
    width: 100%;
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
  }
}
body.faqPage #main.faq2020 #support_contents .gray1 .pageNavi ul a {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  padding: 0.25rem 0.5rem 0.2925rem;
  font-feature-settings: "palt";
}

@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .gray1 .pageNavi ul a {
    min-width: 12.5rem;
  }
}
body.faqPage #main.faq2020 #support_contents .articleContentsBox {
  max-width: 900px;
  width: 100%;
  margin-bottom: 4.5rem;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox h4 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
  color: #128fa0;
  margin-bottom: 1em;
}

@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .articleContentsBox h4 {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    text-align: center;
  }
}
body.faqPage #main.faq2020 #support_contents .articleContentsBox div {
  max-width: 1128px;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2rem;
}

@media screen and (max-width: 1175px) {
  body.faqPage #main.faq2020 #support_contents .articleContentsBox div {
    max-width: 896px;
  }
}
@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .articleContentsBox div {
    gap: 1.4rem 0.8rem;
    width: 15rem;
    margin: 0 auto;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .articleContentsBox div {
    max-width: 413px;
    width: calc(100% - 2rem);
    justify-content: flex-start;
  }
}
body.faqPage #main.faq2020 #support_contents .articleContentsBox div a {
  display: block;
  min-width: 12.5rem;
  padding: 0.25rem 0.5rem;
  color: #77ddd1;
  background: #FFFFFF;
  border: 1px solid #77DDD1;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
  transition: all 0.3s ease;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div a:hover {
  color: #fff;
  background: #77DDD1;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div a.teletime {
  width: calc(25% - 1.5rem);
  line-height: 1.2;
  padding: 1rem 2rem;
  color: #128fa0;
  text-align: center;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div a.teletime img {
  margin: 0 auto 1.5rem;
  display: block;
}

@media screen and (max-width: 1050px) {
  body.faqPage #main.faq2020 #support_contents .articleContentsBox div a.teletime img {
    margin-bottom: 0.5rem;
  }
}
body.faqPage #main.faq2020 #support_contents .articleContentsBox div a.teletime .small {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div a.teletime:hover {
  background: #ADEBE3;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div li {
  position: relative;
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div li.now a {
  color: #fff;
  background: #77DDD1;
  border-color: rgba(255, 255, 255, 0);
}

body.faqPage #main.faq2020 #support_contents .articleContentsBox div li:before {
  display: none !important;
}

@keyframes fukidashi {
  0% {
    opacity: 0;
  }
  50% {
    transform: skew(25deg) scale(0.95);
    opacity: 0;
    left: -50px;
  }
  80% {
    transform: skew(0);
    opacity: 1;
    left: 0;
  }
  85% {
    transform: rotate(2.5deg);
  }
  90% {
    transform: rotate(-1.5deg) scale(1);
  }
  95% {
    transform: rotate(1.5deg);
  }
  97.5% {
    transform: rotate(-1deg);
  }
  to {
    transform: rotate(0);
  }
}
.page-jirei input {
  display: none;
}

.page-jirei .jirei-filter__area {
  width: 90%;
  max-width: 1128px;
  margin: 0 auto;
  border: 1px solid #128FA0;
  border-radius: 0.625rem;
  padding: 2.5rem 2.5rem 1.5rem;
  text-align: center;
}

@media screen and (max-width: 1050px) {
  .page-jirei .jirei-filter__area {
    width: auto;
    margin: 0 1rem;
    padding: 1.25rem 1rem;
  }
}
.page-jirei .jirei-filter__list {
  display: inline-block;
  margin: 0 auto;
}

.page-jirei .jirei-filter__list__item {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-jirei .jirei-filter__list__item {
    display: block;
  }
}
.page-jirei .jirei-filter__list__item > p {
  min-width: 152px;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  margin: 0;
  text-align: left;
  margin-bottom: 0.5rem;
}

.page-jirei .jirei-filter__list__item + .jirei-filter__list__item {
  margin-top: 0.5rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei .jirei-filter__list__item + .jirei-filter__list__item {
    margin-top: 2rem;
  }
}
.page-jirei .jirei-filter-cond__list {
  display: flex;
  align-items: start;
  flex-wrap: wrap;
  margin-top: 0.2rem;
  max-width: calc(100% - 152px);
}

@media screen and (max-width: 1050px) {
  .page-jirei .jirei-filter-cond__list {
    margin-top: 0.625rem;
    margin-right: -1rem;
    max-width: 100%;
  }
}
.page-jirei .jirei-filter-cond__list li {
  margin: 0 1rem 1rem 0;
}

.page-jirei .jirei-filter-cond__list li label {
  cursor: pointer;
}

.page-jirei .jirei-filter-cond__list li label input:checked + span {
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.7;
  background-color: #77ddd1;
  border: 1px solid #77DDD1;
  color: #fff;
}

.page-jirei .jirei-filter-cond__list li label span {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.7;
  padding: 2px 10px;
  border-radius: 50px;
  color: #171717;
  background-color: #fff;
  border: 1px solid #EAEAEA;
}

.page-jirei .jirei-case__container {
  max-width: 1128px;
  margin: 5rem auto 0;
}

@media screen and (max-width: 1050px) {
  .page-jirei .jirei-case__container {
    width: auto;
    margin: 2rem 1rem;
  }
}
.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area {
  display: flex;
  margin-bottom: -5rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area {
    margin-bottom: 0;
  }
}
.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show-jirei-case__count {
  min-width: 95px;
  margin: 0;
}

.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show-jirei-case__count span.number {
  font-size: 32px;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
}

.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show-jirei-case__count small {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1;
  margin-left: 2px;
}

.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show__jirei-filter-cond__list {
  max-width: calc(100% - 95px);
  margin: -0.5rem 0 0 0.75rem;
}

.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show__jirei-filter-cond__list li {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.7;
  padding: 2px 10px;
  border-radius: 50px;
  background-color: #77ddd1;
  border: 1px solid #77DDD1;
  color: #fff;
  margin-right: 1rem;
  margin-top: 0.75rem;
}

.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show__jirei-filter-cond__list li.radioList {
  display: none;
}

.page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show__jirei-filter-cond__list li.radioList.showType01, .page-jirei .jirei-case__container .jirei-case_list__area .show-jirei-case__area .show__jirei-filter-cond__list li.radioList.showType02 {
  display: inline-block;
}

.page-jirei .jirei-case__container .jirei-case_list__area .topCase__list {
  margin-top: 1.5rem;
}

.page-jirei .jirei-case__container .jirei-case_list__area .topCase__list .topCase__item {
  margin-top: 5rem;
}

.page-jirei .jirei-case__container .jirei-case_list__area .topCase__list .topCase__item.hideClass {
  display: none;
}

@media screen and (max-width: 1050px) {
  .page-jirei .jirei-case__container .jirei-case_list__area .topCase__list .topCase__item {
    margin-top: 0;
  }
}
@media screen and (max-width: 1050px) {
  .page-jirei .jirei-case__container .jirei-case_list__area .topCase__list .topCase__item + .topCase__item {
    margin-top: 1.5rem;
  }
}
.page-jirei-case .page-heading {
  max-width: 900px;
  text-align: left;
  padding: 150px 0 0;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case .page-heading {
    padding: 3.75rem 1rem 0;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.7;
  }
}
.page-jirei-case section.contents {
  max-width: 900px;
  margin: 3.75rem auto;
  padding: 0;
}

.page-jirei-case section.contents p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents {
    margin: 1.5rem 1rem 0;
  }
}
.page-jirei-case section.contents article {
  width: 100%;
}

.page-jirei-case section.contents + section.contents {
  margin-top: 6.25rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents + section.contents {
    margin-top: 2.5rem;
  }
}
.page-jirei-case section.contents .company-information__wrap {
  margin-top: 3.125rem;
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .company-information__wrap {
    display: block;
  }
}
.page-jirei-case section.contents .company-information__wrap .main_visual {
  width: 51.5%;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .company-information__wrap .main_visual {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-jirei-case section.contents .company-information__wrap .main_visual {
    max-width: 600px;
    margin: 0 auto;
  }
}
.page-jirei-case section.contents .company-information__wrap .main_visual img {
  width: 100%;
  aspect-ratio: 464/313;
  border-radius: 10px;
  overflow: hidden;
}

.page-jirei-case section.contents .company-information__wrap .company-information {
  width: calc(100% - (51.5% + 2.5rem));
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .company-information__wrap .company-information {
    width: 100%;
    margin-top: 1.5rem;
  }
}
.page-jirei-case section.contents .company-information__wrap .company-name__wrap {
  display: flex;
  align-items: center;
}

.page-jirei-case section.contents .company-information__wrap .company-name__wrap figure {
  height: 2.5rem;
}

.page-jirei-case section.contents .company-information__wrap .company-name__wrap figure img {
  width: auto;
  height: 100%;
}

.page-jirei-case section.contents .company-information__wrap .company-name__wrap .company_name {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin-left: 0.625rem;
}

.page-jirei-case section.contents .company-information__wrap .company-name__wrap .company_name:first-child {
  margin-left: 0;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list {
  margin-top: 0.625rem;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list li {
  display: flex;
  flex-wrap: wrap;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list li span {
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.7;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list li span.main-color {
  color: #128fa0;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list li span + span {
  margin-left: 0.25rem;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list li span a.text_link.blank:after {
  height: 1rem;
  width: 1rem;
}

.page-jirei-case section.contents .company-information__wrap .company-information__list + .topCase__item__tag {
  margin-top: 1rem;
}

.page-jirei-case section.contents .company-information__wrap p {
  margin-top: 1.25rem;
}

.page-jirei-case section.contents .jirei-case-intro__wrap {
  margin-top: 3.75rem;
  padding: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-intro__wrap {
    padding: 1.25rem 1rem;
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
  }
}
.page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li {
  display: flex;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li {
    display: block;
  }
}
.page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li .title_wrap {
  width: 24.3%;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li .title_wrap {
    width: 100%;
  }
}
.page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li ul.listStyle02 {
  width: 75.7%;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li ul.listStyle02 {
    width: 100%;
  }
}
.page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li ul.listStyle02 li + li {
  margin-top: 0;
}

.page-jirei-case section.contents .jirei-case-intro__wrap .intro__list > li + li {
  margin-top: 1.5rem;
}

.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents {
  margin-top: 1.5rem;
}

.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents .document-h4 {
  margin: 0;
}

.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents .document-h4 + p {
  margin-top: 1rem;
}

.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents + .jirei-case-contents {
  margin-top: 3.75rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents + .jirei-case-contents {
    margin-top: 2rem;
  }
}
.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 {
    display: block;
  }
}
.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 div {
  width: 48.3%;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 div {
    width: 100%;
  }
}
.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 figure {
  width: calc(100% - (48.3% + 1.5rem));
  margin-left: 3.4%;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 figure {
    width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 figure {
    max-width: 600px;
    margin: 1.5rem auto 0;
  }
}
.page-jirei-case section.contents .jirei-case-contents__wrap .jirei-case-contents.column2 figure figcaption {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
  margin-top: 0.5rem;
}

.page-jirei-case section.contents .jirei-case-contents__wrap .heading-type06 + img, .page-jirei-case .page-products-dairiten section.contents .jirei-case-contents__wrap h2 + img, .page-products-dairiten .page-jirei-case section.contents .jirei-case-contents__wrap h2 + img, .page-jirei-case .page-products-dairiten-partnerProgram section.contents .jirei-case-contents__wrap h2 + img, .page-products-dairiten-partnerProgram .page-jirei-case section.contents .jirei-case-contents__wrap h2 + img {
  margin-top: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .heading-type06 + img, .page-jirei-case .page-products-dairiten section.contents .jirei-case-contents__wrap h2 + img, .page-products-dairiten .page-jirei-case section.contents .jirei-case-contents__wrap h2 + img, .page-jirei-case .page-products-dairiten-partnerProgram section.contents .jirei-case-contents__wrap h2 + img, .page-products-dairiten-partnerProgram .page-jirei-case section.contents .jirei-case-contents__wrap h2 + img {
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .page-jirei-case section.contents .jirei-case-contents__wrap .heading-type06 + img, .page-jirei-case .page-products-dairiten section.contents .jirei-case-contents__wrap h2 + img, .page-products-dairiten .page-jirei-case section.contents .jirei-case-contents__wrap h2 + img, .page-jirei-case .page-products-dairiten-partnerProgram section.contents .jirei-case-contents__wrap h2 + img, .page-products-dairiten-partnerProgram .page-jirei-case section.contents .jirei-case-contents__wrap h2 + img {
    max-width: 600px;
    margin: 1rem auto 0;
    display: block;
  }
}
.page-jirei-case .jirei-case-products {
  margin-bottom: 5rem;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case .jirei-case-products {
    margin: 2.5rem 1rem 3.75rem;
  }
}
.page-jirei-case .jirei-case-products .products-list {
  justify-content: center;
  margin-top: 3.125rem;
}

.page-jirei-case .jirei-case-products p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.page-jirei-case .jirei_case__area {
  margin-top: 9.375rem;
  padding: 6.25rem 0;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case .jirei_case__area {
    margin: 0;
    padding: 2.5rem 1rem 5rem;
  }
}
.page-jirei-case .jirei_case__area .topCase__list {
  max-width: 1128px;
  margin: 3.125rem auto 0;
}

.page-jirei-case .jirei_case__area p {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.7;
}

.page-jirei-case .jirei_case__area .link-button, .page-jirei-case .jirei_case__area #emergencyForm #mailform button, #emergencyForm #mailform .page-jirei-case .jirei_case__area button, .page-jirei-case .jirei_case__area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-jirei-case .jirei_case__area div.call_form_btn > a, .page-jirei-case .jirei_case__area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-jirei-case .jirei_case__area button, .page-jirei-case .jirei_case__area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-jirei-case .jirei_case__area span {
  margin-top: 50px;
}

@media screen and (max-width: 1050px) {
  .page-jirei-case .jirei_case__area .link-button, .page-jirei-case .jirei_case__area #emergencyForm #mailform button, #emergencyForm #mailform .page-jirei-case .jirei_case__area button, .page-jirei-case .jirei_case__area #main.faq2020 div.call_form_btn > a, #main.faq2020 .page-jirei-case .jirei_case__area div.call_form_btn > a, .page-jirei-case .jirei_case__area #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .page-jirei-case .jirei_case__area button, .page-jirei-case .jirei_case__area #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .page-jirei-case .jirei_case__area span {
    margin-top: 32px;
  }
}
.jirei-cta {
  padding: 2.5rem 0;
  background-color: #f3faf8;
}

@media screen and (max-width: 1050px) {
  .jirei-cta {
    padding: 3rem 1rem 2.5rem;
  }
}
.jirei-cta + section.contents {
  margin-top: 3.75rem;
}

.jirei-cta__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 1050px) {
  .jirei-cta__inner {
    display: block;
  }
}
.jirei-cta__inner .link-button, .jirei-cta__inner #emergencyForm #mailform button, #emergencyForm #mailform .jirei-cta__inner button, .jirei-cta__inner #main.faq2020 div.call_form_btn > a, #main.faq2020 .jirei-cta__inner div.call_form_btn > a, .jirei-cta__inner #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .jirei-cta__inner button, .jirei-cta__inner #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .jirei-cta__inner span {
  min-width: 400px;
  height: 80px;
  font-size: 19px;
  font-size: 1.1875rem;
  line-height: 4.2105263158;
  margin: 0 0 0 5rem;
  background-color: #77ddd1;
  color: #fff;
}

@media screen and (max-width: 1050px) {
  .jirei-cta__inner .link-button, .jirei-cta__inner #emergencyForm #mailform button, #emergencyForm #mailform .jirei-cta__inner button, .jirei-cta__inner #main.faq2020 div.call_form_btn > a, #main.faq2020 .jirei-cta__inner div.call_form_btn > a, .jirei-cta__inner #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .jirei-cta__inner button, .jirei-cta__inner #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .jirei-cta__inner span {
    min-width: 100%;
    margin: 1.5rem auto 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .jirei-cta__inner .link-button, .jirei-cta__inner #emergencyForm #mailform button, #emergencyForm #mailform .jirei-cta__inner button, .jirei-cta__inner #main.faq2020 div.call_form_btn > a, #main.faq2020 .jirei-cta__inner div.call_form_btn > a, .jirei-cta__inner #main.faq2020 div.call_form_btn #mailform .buttonBox button, #main.faq2020 div.call_form_btn #mailform .buttonBox .jirei-cta__inner button, .jirei-cta__inner #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .jirei-cta__inner span {
    min-width: 400px;
  }
}
.jirei-cta__inner .link-button:before, .jirei-cta__inner #emergencyForm #mailform button:before, #emergencyForm #mailform .jirei-cta__inner button:before, .jirei-cta__inner #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .jirei-cta__inner div.call_form_btn > a:before, .jirei-cta__inner #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .jirei-cta__inner button:before, .jirei-cta__inner #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .jirei-cta__inner span:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 22px;
  width: 22px;
  background-image: url(../images/common/icon_download_wh.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateY(-2px);
  transition: 0.3s ease;
  margin-right: 8px;
}

@media screen and (max-width: 1050px) {
  .jirei-cta__inner .link-button:before, .jirei-cta__inner #emergencyForm #mailform button:before, #emergencyForm #mailform .jirei-cta__inner button:before, .jirei-cta__inner #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .jirei-cta__inner div.call_form_btn > a:before, .jirei-cta__inner #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .jirei-cta__inner button:before, .jirei-cta__inner #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .jirei-cta__inner span:before {
    height: 5.8666666667vw;
    width: 5.8666666667vw;
    margin-right: 2.1333333333vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .jirei-cta__inner .link-button:before, .jirei-cta__inner #emergencyForm #mailform button:before, #emergencyForm #mailform .jirei-cta__inner button:before, .jirei-cta__inner #main.faq2020 div.call_form_btn > a:before, #main.faq2020 .jirei-cta__inner div.call_form_btn > a:before, .jirei-cta__inner #main.faq2020 div.call_form_btn #mailform .buttonBox button:before, #main.faq2020 div.call_form_btn #mailform .buttonBox .jirei-cta__inner button:before, .jirei-cta__inner #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor span:before, #main.faq2020 #faqBackButtonArea .buttonBox a.mainColor .jirei-cta__inner span:before {
    height: 22px;
    width: 22px;
    margin-right: 8px;
  }
}
.jirei-cta__bubble__wrap {
  text-align: center;
}

.jirei-cta__bubble__wrap p {
  margin: 0;
}

.jirei-cta__bubble {
  display: inline-block;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.7;
  color: #128fa0;
  position: relative;
}

.jirei-cta__bubble:before, .jirei-cta__bubble:after {
  content: "";
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  position: absolute;
  height: 21px;
  width: 21px;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media screen and (max-width: 1050px) {
  .jirei-cta__bubble:before, .jirei-cta__bubble:after {
    height: 5.8666666667vw;
    width: 5.8666666667vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 1050px) {
  .jirei-cta__bubble:before, .jirei-cta__bubble:after {
    height: 22px;
    width: 22px;
  }
}
.jirei-cta__bubble:before {
  background-image: url(../images/common/ico_bubble_01.svg);
  left: -10px;
  transform: translate(-100%);
}

.jirei-cta__bubble:after {
  background-image: url(../images/common/ico_bubble_02.svg);
  right: -8px;
  transform: translate(100%);
}

.jirei-cta__lead {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  margin-top: 4px;
}

@media screen and (max-width: 1050px) {
  .jirei-cta__lead {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
  }
}
#ttCloud {
  width: calc(100% - 2rem);
  max-width: 1128px;
}

#ttCloud time {
  display: block;
  width: 100%;
  text-align: center;
}

#ttCloud .serverStatus {
  border-radius: 10px;
  box-shadow: 0 12px 36px rgba(0, 72, 49, 0.1019607843), 4px 4px 4px rgba(0, 72, 49, 0.0392156863);
  text-align: center;
  overflow: hidden;
  width: calc(33% - 1rem);
}

@media screen and (max-width: 1050px) {
  #ttCloud .serverStatus {
    width: 100%;
  }
}
#ttCloud .serverStatus__list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
}

#ttCloud .serverStatus__head {
  color: #fff;
}

#ttCloud .serverStatus__head .status {
  display: block;
  background: #77DDD1;
  padding: 0.625rem;
}

#ttCloud .serverStatus__head .status.alert {
  background-color: #d62020;
}

#ttCloud .serverStatus__name {
  padding: 1.5rem 1rem;
}

#ttCloud .notice-block {
  border-color: #128fa0;
  margin: 5rem auto !important;
  text-align: left;
  padding: 2.5rem;
}

@media screen and (max-width: 1050px) {
  #ttCloud .notice-block {
    padding: 2.5rem 1rem;
    margin-bottom: 1rem !important;
  }
}
@media screen and (max-width: 1050px) {
  #ttCloud .notice-block p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
#ttCloud .notice-block .listStyle02 {
  margin-bottom: 0;
}

#ttCloud .notice-title {
  background-color: #fff;
  color: #128fa0;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  white-space: nowrap;
  top: -1.5rem;
  padding-top: 0;
}

@media screen and (max-width: 1050px) {
  #ttCloud .notice-title {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 1.7;
    top: -1.8rem;
  }
}
.emergencyForm__wrap {
  border: 2px solid #D62020;
  border-radius: 10px;
  background: #FAFAFA;
  padding: 2.5rem;
}

@media screen and (max-width: 1050px) {
  .emergencyForm__wrap {
    padding: 1.25rem 1rem;
  }
}
.emergencyForm__wrap#form-wrap {
  display: block;
}

.emergencyForm__notice {
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .emergencyForm__notice {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
#emergencyForm {
  display: none;
  border-radius: 10px;
  overflow: hidden;
  margin-top: 2.5rem;
  background: #FFF;
  max-width: 100% !important;
  padding: 0 !important;
}

@media screen and (max-width: 1050px) {
  #emergencyForm {
    margin-top: 1.5rem;
  }
}
#emergencyForm h3 {
  background: #D62020;
  color: #fff;
  text-align: center;
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.7;
  padding: 1.25rem;
  margin: 0;
}

@media screen and (max-width: 1050px) {
  #emergencyForm h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#emergencyForm #mailform {
  padding: 1.5rem;
}

@media screen and (max-width: 1050px) {
  #emergencyForm #mailform {
    padding: 0.5rem 0.5rem 1.5rem;
  }
}
#emergencyForm #mailform table, #emergencyForm #mailform tbody, #emergencyForm #mailform tr, #emergencyForm #mailform th, #emergencyForm #mailform td {
  display: block;
  border: none;
  padding: 0;
  text-align: left;
}

#emergencyForm #mailform th {
  background: none;
  width: 100%;
  padding: 0 0 0.5rem;
}

#emergencyForm #mailform td {
  margin-bottom: 1.5rem;
}

#emergencyForm #mailform label {
  width: 100%;
  margin: 0;
}

#emergencyForm #mailform label.checkbox {
  width: auto;
}

#emergencyForm #mailform button {
  max-width: 344px !important;
  border-color: #d62020;
  margin-top: 1.5rem !important;
}

#emergencyForm #mailform button:hover, #emergencyForm #mailform button:active, #emergencyForm #mailform button:focus {
  color: #d62020 !important;
  background: #FFF !important;
}

#emergencyForm #mailform button[type=submit] {
  color: #fff;
  background: #D62020;
}

#emergencyForm #mailform button[type=reset] {
  color: #d62020;
  background: #FFF;
}

#emergencyForm #mailform button[type=reset]:hover, #emergencyForm #mailform button[type=reset]:active, #emergencyForm #mailform button[type=reset]:focus {
  color: #fff !important;
  background: #D62020 !important;
}

@media screen and (max-width: 1050px) {
  #emergencyForm .buttonBox p {
    margin: 0 -0.5rem;
  }
}
.showFormButton p {
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 1050px) {
  .showFormButton p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
.buttonTypeLink {
  background: #D62020;
  color: #fff;
  border-color: #d62020;
}

@media screen and (max-width: 1050px) {
  .buttonTypeLink {
    margin-top: 1.5rem;
  }
}
.buttonTypeLink:hover, .buttonTypeLink:active, .buttonTypeLink:focus {
  background: #FFF;
  color: #d62020;
}

.page-corporate-serverStatus #section02 {
  margin-top: 150px;
}

@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus #section02 {
    margin-top: 5rem;
    padding-top: 5rem;
  }
}
.page-corporate-serverStatus section.contents .document {
  max-width: 1128px;
}

.page-corporate-serverStatus section.contents .document h4, .page-corporate-serverStatus section.contents .document h5 {
  font-size: 24px;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.7;
}

@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus section.contents .document h4, .page-corporate-serverStatus section.contents .document h5 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.page-corporate-serverStatus section.contents .document time {
  display: block;
  font-size: 13px;
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.7;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus section.contents .document time {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
.page-corporate-serverStatus section.contents .document a {
  text-decoration: underline;
}

.page-corporate-serverStatus section.contents .document a:hover {
  text-decoration: none;
}

.page-corporate-serverStatus section.contents .document p {
  margin-bottom: 1rem;
}

@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus section.contents .document p {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus .serverInfo {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.page-corporate-serverStatus .serverInfo article .heading-type02 {
  margin-top: 3.75rem;
}

.page-corporate-serverStatus .serverInfo article .chuki {
  margin-bottom: 2rem;
}

.page-corporate-serverStatus .serverInfo__row {
  display: flex;
  gap: 1.5rem;
  align-items: flex-start;
}

@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus .serverInfo__row {
    flex-wrap: wrap;
  }
}
.page-corporate-serverStatus .serverInfo__row.stretch {
  align-items: stretch;
}

.page-corporate-serverStatus .serverInfo__row article {
  border: 1px solid #A3A3A3;
  background: #FFF;
  width: calc(50% - 0.75rem);
}

@media screen and (max-width: 1050px) {
  .page-corporate-serverStatus .serverInfo__row article {
    width: 100%;
  }
}
.page-corporate-serverStatus .serverInfo__row article p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 0.5rem;
  border-top: 1px solid #A3A3A3;
  margin: 0;
  padding-left: calc(50% - 4.5rem);
}

.page-corporate-serverStatus .serverInfo__row article p span {
  font-weight: 400;
}

.page-corporate-serverStatus .serverInfo__row article:nth-of-type(2) p {
  padding-left: calc(50% - 7rem);
}

.page-corporate-serverStatus .serverInfo__row article.serverInfo__stop p {
  padding-left: 1rem;
}

.page-corporate-serverStatus .serverInfo h4 {
  background: #CEF3EE;
  text-align: center;
  padding: 0.5rem;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

.page-corporate-serverStatus .serverInfo .buttonBox {
  margin-top: 3rem;
}

.page-products-dairiten .tab-link, .page-products-dairiten-partnerProgram .tab-link {
  padding: 0;
}

.page-products-dairiten .tab-link.current, .page-products-dairiten-partnerProgram .tab-link.current {
  pointer-events: none;
}

.page-products-dairiten .tab-link a, .page-products-dairiten-partnerProgram .tab-link a {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 3.375rem;
  line-height: 3.375rem;
}

.page-products-dairiten .contents, .page-products-dairiten-partnerProgram .contents {
  padding-bottom: 2rem;
}

.page-products-dairiten .contents h2, .page-products-dairiten-partnerProgram .contents h2 {
  margin-bottom: 2.5rem;
}

.page-products-dairiten .businessPartner, .page-products-dairiten-partnerProgram .businessPartner {
  padding-bottom: 0;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner table, .page-products-dairiten-partnerProgram .businessPartner table {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
    width: calc(100% + 1rem);
  }
}
.page-products-dairiten .businessPartner tr th, .page-products-dairiten-partnerProgram .businessPartner tr th {
  width: 7%;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner tr th, .page-products-dairiten-partnerProgram .businessPartner tr th {
    width: 12%;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
  }
}
.page-products-dairiten .businessPartner tr th:nth-last-of-type(6), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(6) {
  width: 27%;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner tr th:nth-last-of-type(6), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(6) {
    width: 26%;
  }
}
.page-products-dairiten .businessPartner tr th:nth-last-of-type(5), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(5) {
  width: 12% !important;
}

.page-products-dairiten .businessPartner tr th:nth-last-of-type(4), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(4) {
  width: 8%;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner tr th:nth-last-of-type(4), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(4) {
    width: 10%;
  }
}
.page-products-dairiten .businessPartner tr th:nth-last-of-type(3), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(3) {
  width: 12%;
}

.page-products-dairiten .businessPartner tr th:nth-last-of-type(2), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(2) {
  width: 15%;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner tr th:nth-last-of-type(2), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(2) {
    width: 13%;
  }
}
.page-products-dairiten .businessPartner tr th:nth-last-of-type(1), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(1) {
  width: 8%;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner tr th:nth-last-of-type(1), .page-products-dairiten-partnerProgram .businessPartner tr th:nth-last-of-type(1) {
    width: 10%;
  }
}
@media screen and (max-width: 1050px) {
  .page-products-dairiten .businessPartner tr td, .page-products-dairiten-partnerProgram .businessPartner tr td {
    padding: 0.5rem 0.2rem;
    font-size: 10px;
    font-size: 0.625rem;
  }
}
.page-products-dairiten #areaSelector, .page-products-dairiten-partnerProgram #areaSelector {
  text-align: center;
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: 700;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten #areaSelector, .page-products-dairiten-partnerProgram #areaSelector {
    font-size: 16px;
    font-size: 1rem;
  }
}
.page-products-dairiten #areaSelector label, .page-products-dairiten-partnerProgram #areaSelector label {
  display: inline-block;
  width: auto;
  color: #77ddd1;
  vertical-align: middle;
  position: relative;
  line-height: 1;
}

.page-products-dairiten #areaSelector label select, .page-products-dairiten-partnerProgram #areaSelector label select {
  padding: 0.75rem 3.625rem 0.75rem 1.625rem;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
  border: 1px solid #EAEAEA;
  border-radius: 10px;
  transition-property: color, background, box-shadow;
  transition-duration: 0.25s;
  position: relative;
  background: #FFF url(../images/common/icon_arrow_open.svg) no-repeat calc(100% - 0.8rem) center/1.25rem;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten #areaSelector label select, .page-products-dairiten-partnerProgram #areaSelector label select {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.5rem 2.625rem 0.5rem 0.625rem;
  }
}
.page-products-dairiten #areaSelector label select.placeholder, .page-products-dairiten-partnerProgram #areaSelector label select.placeholder {
  color: #a3a3a3;
}

.page-products-dairiten p#shiborikomi, .page-products-dairiten-partnerProgram p#shiborikomi {
  text-align: right;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten p#shiborikomi, .page-products-dairiten-partnerProgram p#shiborikomi {
    margin-top: 2.5rem;
  }
}
.page-products-dairiten p#shiborikomi span, .page-products-dairiten-partnerProgram p#shiborikomi span {
  color: #128fa0;
}

@media screen and (max-width: 1050px) {
  .page-products-dairiten p, .page-products-dairiten-partnerProgram p {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.7;
  }
}
.page-products-dairiten #basicPartner table h5, .page-products-dairiten #expertPartner table h5, .page-products-dairiten-partnerProgram #basicPartner table h5, .page-products-dairiten-partnerProgram #expertPartner table h5 {
  color: #77ddd1;
  font-size: 18px;
  font-size: 1.125rem;
  margin: 1rem 0 0.5rem;
}

.page-products-dairiten #basicPartner table h6, .page-products-dairiten #expertPartner table h6, .page-products-dairiten-partnerProgram #basicPartner table h6, .page-products-dairiten-partnerProgram #expertPartner table h6 {
  margin: 1rem 0 0.5rem;
}

.page-products-dairiten #basicPartner table .chuki, .page-products-dairiten #expertPartner table .chuki, .page-products-dairiten-partnerProgram #basicPartner table .chuki, .page-products-dairiten-partnerProgram #expertPartner table .chuki {
  margin-top: 0.5rem !important;
}

.page-products-dairiten #basicPartner table ol, .page-products-dairiten #expertPartner table ol, .page-products-dairiten-partnerProgram #basicPartner table ol, .page-products-dairiten-partnerProgram #expertPartner table ol {
  margin: 0;
}

.page-products-dairiten #basicPartner table .blue_dot, .page-products-dairiten #expertPartner table .blue_dot, .page-products-dairiten-partnerProgram #basicPartner table .blue_dot, .page-products-dairiten-partnerProgram #expertPartner table .blue_dot {
  padding-left: 2rem;
}

.page-products-dairiten #basicPartner table .blue_dot li, .page-products-dairiten #expertPartner table .blue_dot li, .page-products-dairiten-partnerProgram #basicPartner table .blue_dot li, .page-products-dairiten-partnerProgram #expertPartner table .blue_dot li {
  position: relative;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 0.5em;
  padding-left: 0.5em;
}

.page-products-dairiten #basicPartner table .blue_dot li:before, .page-products-dairiten #expertPartner table .blue_dot li:before, .page-products-dairiten-partnerProgram #basicPartner table .blue_dot li:before, .page-products-dairiten-partnerProgram #expertPartner table .blue_dot li:before {
  display: block;
  width: 1em;
  height: 1em;
  background: #77DDD1;
  border-radius: 9999px;
  content: "";
  line-height: 1;
  position: absolute;
  top: 0.35em;
  left: -1em;
}

.page-products-dairiten #expertPartner, .page-products-dairiten-partnerProgram #expertPartner {
  padding-top: 5rem;
}/*# sourceMappingURL=main.css.map */