@charset "UTF-8";

html {
  scroll-behavior: smooth;
  scroll-snap-type: y proximity;
  scrollbar-gutter: stable;
}

body {
  position: relative;
  width: 100%;
  color: #222222;
  font-weight: 400;
  line-height: 1.6;
  font-family: "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic,
    "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  letter-spacing: 0.03em;
}

img,
video {
  width: 100%;
  vertical-align: bottom;
}

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

em {
  font-style: normal;
  font-weight: 700;
}

input,
button,
select,
textarea {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
  visibility: hidden;
}
input[type="file"] {
  width: 100%;
  height: 5rem;
}

textarea {
  resize: vertical;
}

.l-header {
  z-index: 9999;
  position: fixed;
  top: 0;
  background-color: #ffffff;
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.l-header__title {
  display: flex;
  align-items: center;
}

.l-header__title a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.l-header__title span {
  letter-spacing: 0.1em;
}

.l-header-mega__wrap {
  background-color: #0da093;
}

.l-header-mega__inner {
  margin-inline: auto;
}

.l-header-mega__list,
.l-header-mega__list--disc,
.l-header-mega__list--hyphen {
  display: flex;
  flex-flow: column wrap;
}

.l-header-mega__list--hyphen .l-header-mega__item {
  position: relative;
}

.l-header-mega__list--hyphen .l-header-mega__item::before {
  display: inline-block;
  position: absolute;
  background-color: #ffffff;
  content: "";
}

.l-header-mega__list--disc .l-header-mega__item {
  position: relative;
}

.l-header-mega__list--disc .l-header-mega__item::before {
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #ffffff;
  content: "";
}

.l-header-mega__list--disc .l-header-mega__item .c-icon__pdf {
  text-indent: 0;
}
.l-header-mega__list--disc .l-header-mega__childe_item {
  position: relative;
}

.l-header-mega__list--disc .l-header-mega__childe_item::before {
  display: inline-block;
  position: absolute;
  top: 0.6em;
  left: 0;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: #ffffff;
  content: "";
}

.l-header-mega__list--disc .l-header-mega__childe_item .c-icon__pdf {
  text-indent: 0;
}

.l-header-mega__item a,
.l-header-mega__item span,
.l-header-mega__childe_item a {
  color: #ffffff;
  font-weight: 700;
}

.l-header-mega__item .c-icon__pdf,
.l-header-mega__childe_item .c-icon__pdf {
  margin-left: 0.5em;
  background-color: #ffffff;
  color: #0da093;
}

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

.l-footer__inner {
  margin-inline: auto;
}

.l-footer__heading {
  position: relative;
  font-weight: 700;
}

.l-footer__heading:after {
  display: block;
  position: absolute;
  inset: auto auto 0 0;
  background-color: #05c1b3;
  content: "";
}

.l-footer__copy {
  color: #707070;
}

._sp {
  display: none !important;
}

._pc {
  display: block !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rgap1 {
  row-gap: 1rem;
}
.pt1 {
  padding-top: 1rem;
}
.icon,
.icon__word,
.icon__jpeg,
.icon__html,
.icon__pdf {
  display: block;
  aspect-ratio: 1;
  border-radius: 50%;
  text-align: center;
}

.icon__pdf {
  background-color: #ffe8eb;
  content: "PDF";
}

.icon__html {
  background-color: #ffecd5;
}

.icon__jpeg {
  background-color: #ede0ff;
}

.icon__word {
  background-color: #d3e3ff;
}

.c-icon {
  position: relative;
}

.c-icon__pdf,
.c-icon__excel {
  display: inline-block;
  margin-left: 1em;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
.c-icon__pdf {
  background-color: #505050;
}
.c-icon__excel {
  background-color: #009000;
}
.c-icon__link {
  display: inline-block;
  aspect-ratio: 1;
  margin-left: 0.5em;
  background: url(../img/common/icon-link.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__pagetop {
  display: inline-block;
  aspect-ratio: 1;
  margin-left: 0.5em;
  rotate: -90deg;
  background: url(../img/common/icon-link.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__pagetop2 {
  display: inline-block;
  aspect-ratio: 1;
  background: url(../img/common/icon-pagetop.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__external-link {
  display: inline-block;
  aspect-ratio: 1;
  margin-left: 0.5em;
  background: url(../img/common/icon-external-black.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__arrow-right {
  display: inline-block;
  aspect-ratio: 1;
  translate: 0 -50%;
  rotate: -90deg;
  background: url(../img/common/icon-arrow-green.svg) center center no-repeat;
  background-size: contain;
  transition: translate 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-icon__arrow-bottom {
  display: inline-block;
  aspect-ratio: 1;
  margin-left: 0.5em;
  background: url(../img/common/icon-arrow-green.svg) center center no-repeat;
  background-size: contain;
  transition: translate 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-icon__triangle {
  display: inline-block;
  background: url(../img/common/icon-triangle-green.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__triangle-white {
  display: inline-block;
  background: url(../img/common/icon-triangle-white.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__plus {
  display: inline-block;
  background: url(../img/common/icon-plus.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__close {
  display: inline-block;
  background: url(../img/common/icon-plus.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__exclamation {
  display: inline-block;
  background: url(../img/common/icon-exclamation.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__more {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  background: url(../img/common/icon-link.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__medicine {
  display: block;
  position: absolute;
  top: 50%;
  aspect-ratio: 1;
  translate: 0 -50%;
  background: url(../img/common/icon-medicine.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__book {
  display: block;
  position: absolute;
  top: 50%;
  aspect-ratio: 1;
  translate: 0 -50%;
  background: url(../img/common/icon-book.svg) center center no-repeat;
  background-size: contain;
}

.c-icon__scale {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  background: url(../img/common/icon-scale.svg) center center no-repeat;
  background-size: contain;
}

.c-link {
  position: relative;
}

.c-link__color {
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  color: #3fbfb3;
}
.c-link__color:hover {
  opacity: 0.8;
}

.c-link__icon {
  display: block;
  position: absolute;
  top: 50%;
  aspect-ratio: 1;
  overflow: hidden;
  translate: 0 -50%;
  border-radius: 50%;
  background-color: #2dc0b3;
}

.c-link__icon:before,
.c-link__icon:after {
  display: block;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: url(../img/common/icon-link-white.svg) center center no-repeat;
  background-size: contain;
  content: "";
}

.c-button {
  border: 1px solid #a1c4c1;
}

.c-button a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.c-form__check {
  display: flex;
}

.c-form__check label {
  display: flex;
  align-items: center;
}

.c-form__check label:has(input:checked) .checkbox-mark::after {
  opacity: 1;
}

.c-form__check label input {
  background-color: #cccccc;
}

.c-form__check label .checkbox-mark {
  position: relative;
  background-color: #deefec;
  border: 1px solid #cedfdc;
}

.c-form__check label .checkbox-mark::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: #3fbfb3;
  content: "";
  opacity: 0;
}

.c-form__radio {
  display: flex;
}

.c-form__radio label {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.c-form__radio label:has(input:checked) .radio-mark::after {
  opacity: 1;
}

.c-form__radio label .radio-mark {
  position: relative;
  border-radius: 50%;
  background-color: #deefec;
  border: 1px solid #cedfdc;
}

.c-form__radio label .radio-mark::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  border-radius: 50%;
  background-color: #3fbfb3;
  content: "";
  opacity: 0;
}

.c-form__flex {
  display: flex;
  align-items: center;
}

.c-form__text {
  flex: 1;
}

.c-form__text input[type="text"],
.c-form__text input[type="email"],
.c-form__text input[type="number"],
.c-form__text textarea {
  width: 100%;
  background-color: #f5f5f5;
}

.c-form__text._width-full {
  width: 100%;
}

.c-form__submit input {
  width: 100%;
  height: 100%;
  border: solid 1px #3fbfb3;
  background-color: #3fbfb3;
  color: #ffffff;
  text-align: center;
  cursor: pointer;
}

.c-form__submit._width-full {
  width: 100%;
}

.c-form__select {
  position: relative;
  flex: 1;
  background-color: #f5f5f5;
}

.c-form__select select {
  width: 100%;
  height: 100%;
  padding-inline: 1em;
}

.c-form__select .c-icon__arrow-bottom {
  position: absolute;
}

.c-form__month {
  position: relative;
  background-color: #f5f5f5;
}

.c-form__month input {
  padding-inline: 1em;
}

.c-form__month::after {
  position: absolute;
  aspect-ratio: 1;
  width: 4rem;
  inset: 50% 1.4rem auto auto;
  translate: 0 -50%;
  background: url(../img/common/icon-calender.svg) center no-repeat;
  background-size: contain;
  content: "";
}

.c-form__product-list {
  display: none;
  z-index: 1;
  position: absolute;
  background-color: #fff;
}

.c-form__product-list.is-show {
  display: block;
}

.c-form__product-list ul {
  border: 1px solid #ccc;
}

.c-form__product-list ul li:hover a {
  color: #2dc0b3;
}

.c-form__product-list ul li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.c-form__product-list ul li a {
  display: block;
  padding: 1rem 2rem;
  font-size: 1.3rem;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-form input::-moz-placeholder {
  color: #b4b4b4;
  font-weight: bold;
}

.c-form input::placeholder {
  color: #b4b4b4;
  font-weight: bold;
}

.c-tabs {
  display: flex;
  overflow: hidden;
}

.c-tabs__item {
  display: flex;
  align-items: center;
  background-color: #00c3b3;
  color: #ffffff;
  font-weight: 700;
  line-height: 1.25;
  cursor: pointer;
  transition: background-color 0.3s,
    border-bottom 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-tabs__item.is-show {
  background-color: #ffffff;
  color: #00c3b3;
}

.c-tabs__item.is-inactive {
  pointer-events: none;
}

.c-tabs__panel .content {
  display: none;
  width: 100%;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-tabs__panel .content.is-show {
  display: block;
  animation: tabShowAnime 0.3s ease-in-out forwards;
  opacity: 1;
}
.text-big {
  font-size: 140%;
}
.text-small {
  font-size: 85%;
}
@keyframes tabShowAnime {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.c-lower-wrapper {
  margin-inline: auto;
}

.c-lower-heading {
  display: flex;
  align-items: center;
  background-color: #e4f2f0;
}

.c-lower-heading .inner {
  margin-inline: auto;
}

.c-lower-heading .inner h1 {
  font-weight: 700;
  line-height: 1.35;
}

.c-lower-heading .inner h1::after {
  display: block;
  background-color: #05c1b3;
  content: "";
}
.subtitle{
	display: block;
}

.c-lower-heading._nomal h1::after {
  display: block;
  background-color: #05c1b3;
  content: "";
}

.c-lower-heading._product h1 {
  color: #2dc0b3;
}

.c-lower-heading._product .data {
  color: #4d4d4d;
}

.c-lower-heading._product .data__title {
  border: 1px solid #000000;
}

.c-lower-heading._product .data__date {
  letter-spacing: 0.01em;
}

.c-lower-section__title {
  border-bottom: 2px solid #05c1b3;
  font-weight: 700;
}

.c-news .c-tabs__item {
  justify-content: center;
  font-weight: 400;
  text-align: center;
}

.c-news .not-exist {
  background-color: #f6fbfa;
  text-align: center;
}

.c-news__list .item {
  position: relative;
  background-image: linear-gradient(
    to right,
    #b2b2b2,
    #b2b2b2 1px,
    transparent 1px
  );
  background-position: left bottom;
  background-repeat: repeat-x;
  transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-news__list .item .data {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between;
}

.c-news__list .item .data .new {
  display: inline-flex;
  z-index: -1;
  position: absolute;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #ffff00;
  font-weight: 700;
}

.c-news__list .item .data time {
  font-weight: 400;
  font-family: "Lato", sans-serif;
}

.c-news__list .item .data .category {
  display: inline-block;
  background-color: #e9efee;
  text-align: center;
}

.c-news__list .item .c-icon__arrow-right {
  position: absolute;
}

.c-modal {
  visibility: hidden;
  z-index: 9999;
  position: fixed;
  inset: 0;
  opacity: 0;
}

.c-modal__image,
.c-modal__video,
.c-modal__product {
  z-index: 101;
  position: absolute;
  translate: -50% -50%;
}

.c-modal__image,
.c-modal__video {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s 0.2s, visibility 0.3s 0.2s,
    translate 0.3s 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-modal__product iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.c-modal__video {
  cursor: pointer;
}

.c-modal__video:hover .play {
  scale: 1.1;
}

.c-modal__video .play {
  display: block;
  visibility: visible;
  position: absolute;
  aspect-ratio: 1;
  translate: -50% 0;
  rotate: 0;
  scale: 1;
  background: url(../img/common/icon-movie-play.svg) center no-repeat;
  background-size: contain;
  opacity: 1;
  pointer-events: none;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s, visibility 0.3s, scale 0.3s,
    rotate 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-modal__video .play.is-play {
  visibility: hidden;
  rotate: y 90deg;
  scale: 0.8;
  opacity: 0;
}

.c-modal__inner {
  overflow: auto;
  -webkit-overflow-scrolling: touch !important;
}

.c-modal__title {
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}

.c-modal .close,
.c-modal-base .close {
  display: block;
  position: absolute;
  aspect-ratio: 1;
  background-color: #06c1b3;
  cursor: pointer;
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-modal .close::before,
.c-modal .close::after,
.c-modal-base .close::before,
.c-modal-base .close::after {
  display: block;
  position: absolute;
  width: 55%;
  height: 2px;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  background-color: #ffffff;
  content: "";
}

.c-modal .close::before,
.c-modal-base .close::before {
  rotate: 45deg;
}

.c-modal .close::after,
.c-modal-base .close::after {
  rotate: -45deg;
}

.c-modal__bg {
  visibility: hidden;
  z-index: 100;
  position: fixed;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    visibility 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    -webkit-backdrop-filter 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
}

.c-modal.is-show {
  visibility: visible !important;
  opacity: 1;
}

.c-modal.is-show .c-modal__image,
.c-modal.is-show .c-modal__video {
  visibility: visible;
  opacity: 1;
}

.c-modal.is-show .c-modal__bg {
  visibility: visible;
  opacity: 1;
}

iframe html {
  width: 100% !important;
}

.c-dialog {
  background-color: #ffffff;
}

.c-dialog .title {
  border-bottom: 1px solid #d8d8d8;
  color: #2dc0b3;
  font-weight: 700;
}

.c-dialog .content .name {
  font-weight: 700;
  line-height: 1.3;
}

.c-dialog .content .name a {
  display: block;
  width: 100%;
  color: #2dc0b3;
}

.c-dialog .content .name .data {
  display: inline-block;
  color: #4d4d4d;
  font-weight: 400;
}

.c-dialog .content .name .data__title {
  border: 1px solid;
}

.c-dialog .content .name .data__date {
  font-weight: 400;
  letter-spacing: 0.01em;
}

.c-dialog .content .detail p {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.c-dialog .content .detail p .c-icon__exclamation {
  position: absolute;
  left: 0;
}

.c-dialog .content .detail__download {
  display: flex;
}

.c-dialog .content .detail__download .c-button {
  transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-dialog .content .detail__check-list {
  display: flex;
  flex-flow: row wrap;
}

.c-dialog.all-download .content .detail p {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.c-dialog.all-download .content .detail p .c-icon__exclamation {
  position: absolute;
  left: 0;
}

.c-dialog.all-download .content .detail__download {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.c-dialog.image-download .content .detail__download {
  display: flex;
}

.c-dialog.image-download .content .detail__check-list .item label {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.c-dialog.material-download .title {
  border-bottom: none;
}

.c-dialog.material-download .content .summary {
  display: flex;
  justify-content: space-between;
}

.c-dialog.material-download .content .summary .name {
  display: flex;
  flex-direction: column;
  font-weight: 700;
  line-height: 1.3;
}

.c-dialog.material-download .content .summary .name a {
  display: block;
  width: 100%;
  color: #2dc0b3;
}

.c-dialog.material-download .content .summary .name .data {
  display: inline-block;
  color: #4d4d4d;
  font-weight: 400;
}

.c-dialog.material-download .content .summary .name .data__title {
  border: 1px solid;
}

.c-dialog.material-download .content .summary .name .data__date {
  font-weight: 400;
  letter-spacing: 0.01em;
}

.c-dialog.material-download .content .summary .information {
  display: flex;
  align-items: center;
}

.c-dialog.material-download .content .summary .information__description .set,
.c-dialog.material-download
  .content
  .summary
  .information__description
  .enclose {
  position: relative;
}

.c-dialog.material-download
  .content
  .summary
  .information__description
  .set::before,
.c-dialog.material-download
  .content
  .summary
  .information__description
  .enclose::before {
  display: inline-block;
  position: absolute;
  inset: 51% auto auto 0;
  translate: 0 -50%;
  content: "";
}

.c-dialog.material-download
  .content
  .summary
  .information__description
  .set::before {
  background-color: #f0d4b3;
}

.c-dialog.material-download
  .content
  .summary
  .information__description
  .enclose::before {
  background-color: #f0b3e2;
}

.c-dialog.material-download .content .summary .information__mail {
  position: relative;
  border: solid 1px #2dc0b3;
}

.c-dialog.material-download .content .summary .information__mail::after {
  display: inline-block;
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  background: url(../img/common/icon-mail.png) center center no-repeat;
  background-size: contain;
  content: "";
}

.c-dialog.material-download .content .summary .information__mail a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}

.c-dialog.material-download .content .detail {
  border-top: 1px solid #d8d8d8;
}

.c-dialog.material-download .content .detail p {
  width: -moz-max-content;
  width: max-content;
  margin-inline: auto;
}

.c-dialog.material-download .content .detail p .c-icon__exclamation {
  position: absolute;
  left: 0;
}

.c-dialog.material-download .content .detail__download {
  display: flex;
}

.c-dialog.material-download .content .detail__download .c-button {
  transition: background 0.3s cubic-bezier(0.215, 0.61, 0.355, 1),
    color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-dialog.material-download .content .detail__check-list {
  display: flex;
  flex-flow: row wrap;
}

.c-dialog.material-download .content .detail__check-list .item label {
  font-weight: 700;
  line-height: 2;
}

.c-dialog.material-download .content .detail__check-list .set,
.c-dialog.material-download .content .detail__check-list .enclose {
  font-weight: 400;
  line-height: 1;
}

.c-dialog.material-download .content .detail__check-list .set {
  background-color: #f0d4b3;
}

.c-dialog.material-download .content .detail__check-list .enclose {
  background-color: #f0b3e2;
}

.c-dialog.material-download .content .detail__check-list .comment {
  font-size: 1.4rem;
}

.c-dialog.material-download .content .detail__check-list .c-icon {
  color: #3fbfb3;
  font-weight: 700;
}

.c-pagetop {
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}

.c-pagetop .c-icon {
  display: flex;
  align-items: center;
}

.c-pagetop .c-icon__pagetop {
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-pagetop2 {
  z-index: 100;
  position: fixed;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
  inset: auto 1.2rem 1.2rem auto;
}

.c-pagetop2 .c-icon {
  display: flex;
  align-items: center;
}

.c-pagetop2 .c-icon__pagetop2 {
  transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-search-product {
  display: none;
}

.c-search-product--active {
  display: block;
}

.c-search-product .product-list {
  z-index: 1;
  margin-top: 1.6rem;
  background-color: #fff;
}

.c-search-product .product-list ul li {
  cursor: pointer;
}

.c-search-product .product-list ul li:hover a {
  color: #2dc0b3;
}

.c-search-product .product-list ul li:not(:last-child) {
  border-bottom: 1px solid #ccc;
}

.c-search-product .product-list ul li a {
  display: block;
  pointer-events: none;
  transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.c-search-product:has(.product-list--active) .product-list {
  overflow-y: scroll;
  border: 1px solid #ccc;
}

.c-search-product .form-error {
  display: none;
  color: #d62c2c;
}

.c-search-product .form-error--active {
  display: block;
}

.result {
  display: none;
}

.result--active {
  display: block;
}

.result__detail dl {
  display: flex;
}

.result__detail dl dd {
  flex: 1;
}

.spinner {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #0000 94%, #0000) top/8px 8px
      no-repeat,
    conic-gradient(#0000 30%, #2dc0b3);
  -webkit-mask: radial-gradient(farthest-side, #0000 calc(100% - 8px), #000 0);
  animation: l13 1s infinite linear;
}

/* 親要素 */
#loading {
  width: 100vw;
  height: 100vh;
  /* 真ん中寄せ */
  display: grid;
  place-items: center;
  transition: all 1s;
}

/* 真ん中に配置したい要素 */
.center-item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.g-recaptcha > div{
  margin-inline: auto;
}

@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}

@media print, screen and (min-width: 769px) {
  html {
    width: max(1200px, 100%);
    font-size: 10px;
    scroll-padding-top: 10rem;
  }

  body {
    font-size: 1.6rem;
  }

  .l-header + main {
    margin-top: 10rem;
  }

  .l-header {
    width: max(120rem, 100%);
  }

  .l-header__inner {
    width: clamp(120rem, 100%, 150rem);
    min-height: 10rem;
    margin-inline: auto;
    padding-inline: 5rem;
    flex-wrap: wrap;
  }

  .l-header__title {
    -moz-column-gap: 2.8rem;
    z-index: 100;
    column-gap: 2.8rem;
    transition: 0.3s opacity cubic-bezier(0.215, 0.61, 0.355, 1);
    margin-top: 3rem;
  }

  .l-header__title:hover {
    opacity: 0.8;
  }

  .l-header__title a {
    width: 42rem;
  }

  .l-header__title img {
    width: 26.8rem;
  }

  .l-header__title span {
    font-size: 1.4rem;
  }

  .l-header-nav {
    display: grid;
    grid-template-rows: 3rem 3rem;
    grid-template-columns: 1fr 15.5rem 15.5rem;
    align-items: center;
    -moz-column-gap: 5rem;
    column-gap: 2rem;
    margin-left: auto;
  }

  .l-header-nav__list {
    display: flex;
    grid-row: 2;
    grid-column: 1;
    margin-right: -1rem;
  }

  .l-header-nav__item {
    min-width: 9rem;
  }

  .l-header-nav__item .c-icon__arrow-bottom {
    width: 0.9rem;
  }

  .l-header-nav__item:hover > a {
    opacity: 0.6;
  }

  .l-header-nav__item > a {
    display: inline-block;
    z-index: 111;
    position: relative;
    padding-inline: 1rem;
    font-weight: 700;
    text-align: center;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .l-header-nav .corporate {
    z-index: 111;
    grid-row: 1;
    grid-column: 1;
    font-size: 1.4rem;
    text-align: right;
  }

  .l-header-nav .corporate a .c-icon__external-link {
    width: 1.2rem;
  }

  .l-header-nav .corporate a:hover {
    text-decoration: underline;
  }

  .l-header-nav .reactionreport,
  .l-header-nav .contact {
    z-index: 111;
    grid-row: 1/3;
    height: 4rem;
    border: solid 1px #05c1b3;
    border-radius: 0.6rem;
    background-color: #05c1b3;
    color: #ffffff;
    font-weight: 700;
    line-height: 3.8rem;
    text-align: center;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: background-color, color;
  }
  .l-header-nav .reactionreport {
    grid-column: 2;
    margin-left: 1rem;
    width: 100%;
    font-size: 1.4rem;
  }
  .l-header-nav .contact {
    grid-column: 3;
    width: 100%;
  }

  .l-header-nav .reactionreport:hover,
  .l-header-nav .contact:hover {
    background-color: #ffffff;
    color: #05c1b3;
  }

  .l-header-nav .sp-search {
    display: none;
  }

  .l-header-mega {
    visibility: hidden;
    z-index: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: max(140rem, 100%);
    padding-top: 10rem;
    transform: translateX(-1rem);
    opacity: 0;
  }

  .l-header-mega-product .l-header-mega__inner {
    display: flex;
    justify-content: space-between;
  }

  .l-header-mega-product .l-header-mega__item {
    padding-left: 0;
  }
  .l-header-mega-product .l-header-mega__childe_item {
    padding-left: 3rem;
    margin-left: 2rem;
  }

  .l-header-mega-product__left {
    width: 48.5rem;
  }

  .l-header-mega-product__left .search .c-tabs {
    display: flex;
    -moz-column-gap: 0.6rem;
    column-gap: 0.6rem;
  }

  .l-header-mega-product__left .search .c-tabs__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc((100% - 1.2rem) / 3);
    height: 5.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #3fbfb3;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.4rem;
    line-height: 1.4;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .l-header-mega-product__left .search .c-tabs__item:hover {
    background-color: rgba(0, 195, 179, 0.5);
  }

  .l-header-mega-product__left .search .c-tabs__item.is-show {
    background-color: #ffffff;
    color: #222222;
  }

  .l-header-mega-product__left .search .c-tabs__panel {
    overflow: hidden;
    border-radius: 0 0 0.8rem 0.8rem;
    background-color: #ffffff;
  }

  .l-header-mega-product__left .search .c-tabs__panel .content {
    padding: 2.5rem 4.5rem 3.5rem;
    background-color: #ffffff;
  }

  .l-header-mega-product__left .search .c-tabs__panel .content hr {
    margin-block: 2.5rem;
    color: #e8e8e8;
  }

  .l-header-mega-product__left .search__more {
    width: 11rem;
    margin-top: 3rem;
  }

  .l-header-mega-product__left .search__more a {
    display: block;
    font-size: 1.4rem;
  }

  .l-header-mega-product__left .search .search-name .c-form__radio label,
  .l-header-mega-product__left .search .search-name .c-form__check label {
    font-size: 1.6rem;
  }

  .l-header-mega-product__left .search .search-name .c-form__text {
    flex: 1;
  }

  .l-header-mega-product__left .search .search-code .c-form__text {
    width: 31rem;
  }

  .l-header-mega-product__left .search .search-code .c-form__select {
    width: 31rem;
  }

  .l-header-mega-product__left .search .search-code .c-form__text {
    flex: 1;
  }

  .l-header-mega-product__left .search-method__title {
    font-weight: 700;
    font-size: 1.6rem;
  }

  .l-header-mega-product__left .search-method__title .c-icon__triangle {
    width: 1.1rem;
    height: 1rem;
    margin-right: 1rem;
    translate: 0 -0.1rem;
  }

  .l-header-mega-product__left .search-method__block {
    margin-top: 2rem;
  }

  .l-header-mega-product__left .search-method__area {
    margin-top: 1rem;
  }

  .l-header-mega-product__left .search-method__text {
    margin-top: 3rem;
    font-size: 1.2rem;
  }

  .l-header-mega-product__left .search-method__link {
    margin-top: 1rem;
    font-size: 1.4rem;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .l-header-mega-product__left .search-method__link:hover {
    opacity: 0.8;
  }

  .l-header-mega-product__left .search-method__link:hover .c-icon__arrow-right {
    translate: 0.5rem 0.1rem;
  }

  .l-header-mega-product__left .search-method__link a {
    color: #3fbfb3;
  }

  .l-header-mega-product__left .search-method__link .c-icon__arrow-right {
    width: 1.2rem;
    translate: 0.3rem 0.1rem;
  }

  .l-header-mega-product__right {
    width: max(75rem, 52%);
  }

  .l-header-mega__inner {
    width: clamp(130rem, 100%, 140rem);
    padding-inline: 5rem;
    padding-block: 5rem 9rem;
  }

  .l-header-mega__title {
    padding-bottom: 1.6rem;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-weight: 700;
    font-size: 2.6rem;
  }

  .l-header-mega__content {
    padding-top: 4rem;
  }

  .l-header-mega__content._pc-column3 {
    display: flex;
    width: 100%;
  }

  .l-header-mega__content._pc-column3 > ul {
    width: 33.3333333333%;
  }

  .l-header-mega__content._pc-column2 {
    display: flex;
  }

  .l-header-mega__content._pc-column2 > ul {
    width: 50%;
  }

  .l-header-mega__list--hyphen {
    row-gap: 2rem;
  }

  .l-header-mega__list--hyphen .l-header-mega__item {
    padding-left: 2rem;
  }

  .l-header-mega__list--hyphen .l-header-mega__item::before {
    width: 1rem;
    height: 0.2rem;
    inset: 50% auto auto 0;
  }

  .l-header-mega__list--disc {
    row-gap: 1.4rem;
  }

  .l-header-mega__list--disc .l-header-mega__item,
  .l-header-mega__list--disc .l-header-mega__childe_item {
    padding-left: 1em;
  }
  .l-header-mega__list--disc .l-header-mega__item::before,
  .l-header-mega__list--disc .l-header-mega__childe_item::before {
    width: 0.6rem;
  }

  .l-header-mega__childe_item a:hover,
  .l-header-mega__item a:hover {
    text-decoration: underline;
  }

  .l-header-mega__item .c-icon__pdf,
  .l-header-mega__childe_item .c-icon__pdf {
    width: 5rem;
    height: 1.8rem;
    border-radius: 0.5rem;
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .l-header-hamburger {
    display: none;
  }

  .l-footer {
    margin-top: 10rem;
  }

  .l-footer__inner {
    width: 110rem;
    padding-block: 5rem 3rem;
  }

  .l-footer__nav {
    display: grid;
    grid-template-rows: auto auto;
    grid-template-columns: 41rem 37rem 32rem;
    row-gap: 4rem;
  }

  .l-footer__heading {
    margin-bottom: 2.6rem;
    padding-bottom: 1.6rem;
    font-size: 2rem;
  }

  .l-footer__heading:after {
    width: 2rem;
    height: 0.2rem;
  }

  .l-footer .list:not(:first-of-type) {
    margin-top: 1em;
  }

  .l-footer .list .item {
    font-size: 1.4rem;
  }

  .l-footer .list .item:hover {
    text-decoration: underline;
  }

  .l-footer .list .item:not(:first-of-type) {
    margin-top: 1em;
  }

  .l-footer__products {
    grid-row: 1/4;
    grid-column: 1;
  }

  .l-footer__info {
    grid-row: 1/4;
    grid-column: 2;
  }

  .l-footer__useful {
    grid-row: 1;
    grid-column: 3;
  }

  .l-footer__reactionreport {
    grid-row: 2;
    grid-column: 3;
  }
  .l-footer__contact {
    grid-row: 3;
    grid-column: 3;
  }

  .l-footer__copy {
    margin-top: 6rem;
    font-size: 1.2rem;
  }

  .c-link:hover .c-link__icon:before,
  .c-link:hover .c-link__icon::after {
    animation: HoverAnime 0.3s both;
  }

  @keyframes HoverAnime {
    from {
      transform: translateX(0);
    }

    to {
      transform: translateX(3rem);
    }
  }

  .c-link__icon {
    width: 3rem;
  }

  .c-link__icon:before,
  .c-link__icon:after {
    width: 1.5rem;
    height: 0.8rem;
  }

  .c-link__icon:before {
    left: calc(50% - 0.7rem);
  }

  .c-link__icon:after {
    left: calc(50% - 3.7rem);
  }

  .c-button {
    height: 8rem;
    border-radius: 1rem;
    line-height: 8rem;
  }

  .c-button:hover a {
    color: #2dc0b3;
  }

  .c-button a {
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-form__check {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .c-form__check label {
    font-size: 1.3rem;
    cursor: pointer;
  }

  .c-form__check label:hover span {
    opacity: 0.7;
  }

  .c-form__check label span {
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-form__check label .checkbox-mark {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 1rem;
  }

  .c-form__check label .checkbox-mark::after {
    width: 0.8rem;
    height: 0.8rem;
  }

  .c-form__radio {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .c-form__radio label {
    font-size: 1.3rem;
    cursor: pointer;
  }

  .c-form__radio label:hover span {
    opacity: 0.7;
  }

  .c-form__radio label span {
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-form__radio label .radio-mark {
    width: 1.4rem;
    height: 1.4rem;
    margin-right: 1rem;
  }

  .c-form__radio label .radio-mark::after {
    width: 0.8rem;
    height: 0.8rem;
  }

  .c-form__flex {
    -moz-column-gap: 1.6rem;
    column-gap: 1.6rem;
  }

  .c-form__text input[type="text"],
  .c-form__text input[type="email"],
  .c-form__text input[type="number"] {
    height: 5rem;
    padding-inline: 2.5rem;
    border-radius: 0.6rem;
    font-size: 1.4rem;
  }
  .c-form__text textarea {
    height: 30rem;
    padding: 1.5rem 2.5rem;
    border-radius: 0.6rem;
    font-size: 1.4rem;
  }

  .c-form__submit {
    width: 6.8rem;
  }

  .c-form__submit input {
    height: 5rem;
    border-radius: 0.4rem;
    font-size: 1.5rem;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: background-color, color;
  }

  .c-form__submit input:hover {
    background-color: #ffffff;
    color: #05c1b3;
  }

  .c-form__select {
    height: 5rem;
  }

  .c-form__select select {
    border-radius: 0.6rem;
  }

  .c-form__select .c-icon__arrow-bottom {
    top: 2.2rem;
    right: 1.5rem;
    width: 0.9rem;
    translate: 0 -0.2rem;
  }

  .c-form__month input {
    height: 5rem;
    border-radius: 0.6rem;
  }

  .c-form input::-moz-placeholder {
    font-size: 1.4rem;
  }

  .c-form input::placeholder {
    font-size: 1.4rem;
  }

  .c-tabs {
    position: relative;
    -moz-column-gap: 0.4rem;
    column-gap: 0.4rem;
  }

  .c-tabs__item {
    height: 8rem;
    border-radius: 1rem 1rem 0 0;
  }

  .c-tabs__item.is-inactive {
    border: none !important;
    background-color: #bababa;
    color: #ffffff;
  }

  .c-lower-wrapper {
    width: min(130rem, 100%);
    margin-top: 10rem;
    padding-inline: 5rem;
  }

  .c-lower-heading {
    min-height: 18rem;
  }

  .c-lower-heading .inner {
    width: min(130rem, 100%);
    padding-inline: 5rem;
  }

  .c-lower-heading .inner h1 {
    font-size: 3.2rem;
  }

  .c-lower-heading._nomal h1 {
    font-size: 5rem;
  }

  .c-lower-heading._nomal h1::after {
    width: 4rem;
    height: 0.6rem;
    margin-top: 1rem;
  }

  .subtitle{
    font-size: 4rem;
  }

  .c-lower-heading._product .data {
    margin-top: 1rem;
  }

  .c-lower-heading._product .data__title {
    margin-top: 1.5rem;
    padding: 0.2rem 2.5rem;
    border-radius: 0.3rem;
    font-size: 1.6rem;
  }

  .c-lower-heading._product .data__date {
    margin-left: 1.4rem;
    font-size: 2rem;
  }

  .c-lower-section:not(:first-child) {
    margin-top: 5rem;
  }

  .c-lower-section__title {
    padding-bottom: 1.2rem;
    font-size: 2.4rem;
  }

  .c-lower-section__inner {
    padding-block: 5rem;
  }

  .c-news {
    margin-top: 10rem;
  }

  .c-news .c-tabs::after {
    display: block;
    z-index: -1;
    position: absolute;
    width: 100%;
    height: 0.3rem;
    inset: auto auto 0 0;
    content: "";
  }

  .c-news .c-tabs__item {
    flex: 1;
    translate: 0 0.3rem;
    border-top: 0.3rem solid #00c3b3;
    border-right: 0.3rem solid #00c3b3;
    border-bottom: 0.3rem solid #00c3b3;
    border-left: 0.3rem solid #00c3b3;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-news .c-tabs__item:not(.is-show):hover {
    border-bottom: 0.3rem solid rgba(0, 195, 179, 0.4);
    opacity: 0.7;
  }

  .c-news .c-tabs__panel {
    padding-left: 4rem;
  }

  .c-news .c-tabs__panel .content {
    margin-top: 3rem;
  }

  .c-news .not-exist {
    margin-top: 5rem;
    margin-right: 4rem;
    padding: 2rem;
    border-radius: 0.5rem;
  }

  .c-news__list .item {
    background-size: 0.4rem 0.1rem;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-news__list .item:hover:has(a) {
    background-color: #f5f5f5;
  }

  .c-news__list .item:hover a {
    translate: 0.6rem 0;
  }

  .c-news__list .item .inner {
    display: flex;
    align-items: center;
    -moz-column-gap: 2rem;
    column-gap: 2rem;
    padding: 2rem 16rem 2rem 0;
  }

  .c-news__list .item a {
    line-height: 1.8;
    transition: translate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-news__list .item .data {
    align-self: flex-start;
    width: 24rem;
  }

  .c-news__list .item .data .category {
    width: 13rem;
    height: 2.6rem;
    margin-left: 1.6rem;
    border-radius: 0.5rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
  }

  .c-news__list .item .data .new {
    top: -1.5rem;
    left: -2.4rem;
    width: 3.4rem;
    height: 3.4rem;
    font-size: 1rem;
  }

  .c-news__list .item .text {
    display: flex;
    align-items: center;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    flex: 1;
    word-break: keep-all;
  }

  .c-news__list .item .c-icon__arrow-right {
    width: 1.2rem;
    inset: 50% 4.5rem auto auto;
    translate: 0 -50%;
  }

  .c-news .c-button {
    width: 59rem;
    margin: 8rem auto 0;
  }

  .c-news .c-button .c-link__icon {
    right: 3rem;
  }

  .c-news .c-button a {
    font-size: 1.8rem;
  }

  .c-modal__image,
  .c-modal__video,
  .c-modal__product {
    width: 50%;
    inset: 50% auto auto 50%;
    translate: -50% calc(-50% - 1rem);
  }

  .c-modal__video {
    width: 93rem;
  }

  .c-modal__title {
    margin-top: 2rem;
    font-size: 2.4rem;
  }

  .c-modal__product {
    width: 110rem;
  }

  .c-modal .close,
  .c-modal-base .close {
    width: 6rem;
    inset: -3rem -3rem auto auto;
    border-radius: 0.5rem;
  }

  .c-modal .close:hover,
  .c-modal-base .close:hover {
    scale: 1.1;
  }

  .c-modal .play {
    width: 9.6rem;
    inset: 21rem auto auto 50%;
  }

  .c-modal.is-show .c-modal__image,
  .c-modal.is-show .c-modal__video,
  .c-modal.is-show .c-modal__product {
    translate: -50% -50%;
  }

  .c-dialog .inner {
    padding: 7rem 8.5rem;
  }

  .c-dialog .title {
    padding-bottom: 2rem;
    font-size: 2.5rem;
  }

  .c-dialog .content .name {
    padding-block: 1.5rem;
    font-size: 1.8rem;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-dialog .content .name .data {
    margin-top: 1rem;
    margin-left: 1rem;
    font-size: 1.4rem;
  }

  .c-dialog .content .name .data__title {
    padding: 0 0.8rem;
    border-radius: 0.3rem;
  }

  .c-dialog .content .name .data__date {
    margin-left: 1.4rem;
  }

  .c-dialog .content .detail {
    margin-top: 2.5rem;
  }

  .c-dialog .content .detail p {
    padding-left: 4rem;
    font-size: 1.8rem;
  }

  .c-dialog .content .detail p .c-icon__exclamation {
    width: 2.7rem;
    height: 2.7rem;
  }

  .c-dialog .content .detail__download {
    margin-top: 4rem;
  }

  .c-dialog .content .detail__download .c-button {
    width: 18.5rem;
    height: 5.5rem;
    padding: 1rem 5.5rem 1rem 2.5rem;
    background: url(../img/common/icon-download-green.svg) right 2.5rem center
      no-repeat;
    background-size: 1.8rem;
    cursor: pointer;
  }

  .c-dialog .content .detail__download .c-form__check {
    margin-left: 4rem;
  }

  .c-dialog .content .detail__download .c-form__check label {
    font-size: 1.6rem;
  }

  .c-dialog .content .detail__check-list {
    margin-top: 4.5rem;
    gap: 3.5rem 3rem;
  }

  .c-dialog .content .detail__check-list .item {
    width: calc((100% - 9rem) / 4);
  }

  .c-dialog .content .detail__check-list .item label {
    font-size: 1.6rem;
  }

  .c-dialog .content .detail__check-list .item .image {
    margin-top: 1rem;
  }

  .c-dialog.all-download .content .detail__download {
    margin-top: 4rem;
  }

  .c-dialog.image-download .content .detail__download {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
  }

  .c-dialog.image-download .content .detail__download .c-form__check {
    margin-left: 0;
  }

  .c-dialog.image-download .content .detail__download .c-button {
    margin-top: 1.5rem;
  }

  .c-dialog.material-download .inner {
    padding: 7rem 8.5rem;
  }

  .c-dialog.material-download .title {
    padding-bottom: 2rem;
    font-size: 2.5rem;
  }

  .c-dialog.material-download .content .summary .name {
    padding-block: 1.5rem;
    font-size: 1.8rem;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-dialog.material-download .content .summary .name .data {
    margin-top: 1.5rem;
    font-size: 1.4rem;
  }

  .c-dialog.material-download .content .summary .name .data__title {
    padding: 0 0.8rem;
    border-radius: 0.3rem;
  }

  .c-dialog.material-download .content .summary .name .data__date {
    margin-left: 1.4rem;
  }

  .c-dialog.material-download .content .summary .information {
    -moz-column-gap: 2rem;
    column-gap: 2rem;
  }

  .c-dialog.material-download .content .summary .information__description .set,
  .c-dialog.material-download
    .content
    .summary
    .information__description
    .enclose {
    padding-left: 4.7rem;
    font-size: 1.2rem;
  }

  .c-dialog.material-download
    .content
    .summary
    .information__description
    .set::before,
  .c-dialog.material-download
    .content
    .summary
    .information__description
    .enclose::before {
    width: 3.8rem;
    height: 1.5rem;
    border-radius: 0.3rem;
  }

  .c-dialog.material-download .content .summary .information__mail {
    border-radius: 1rem;
  }

  .c-dialog.material-download .content .summary .information__mail:hover a {
    color: #2dc0b3;
  }

  .c-dialog.material-download .content .summary .information__mail a {
    width: 20rem;
    height: 5rem;
    padding-left: 2rem;
    transition: color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-dialog.material-download .content .summary .information__mail::after {
    right: 1.8rem;
    width: 2.2rem;
    height: 1.5rem;
  }

  .c-dialog.material-download .content .detail {
    margin-top: 2rem;
  }

  .c-dialog.material-download .content .detail__download {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 4rem;
  }

  .c-dialog.material-download .content .detail__download .c-form__check {
    margin-left: 0;
  }

  .c-dialog.material-download .content .detail__download .c-button {
    margin-top: 1.5rem;
  }

  .c-dialog.material-download .content .detail__check-list {
    margin-top: 3rem;
    gap: 1rem 3rem;
  }

  .c-dialog.material-download .content .detail__check-list .item {
    width: calc((100% - 9rem) / 3);
  }

  .c-dialog.material-download .content .detail__check-list .item label {
    position: relative;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    flex-flow: row wrap;
    padding-left: 2rem;
  }

  .c-dialog.material-download
    .content
    .detail__check-list
    .item
    label
    .checkbox-mark {
    position: absolute;
    top: 1rem;
    left: 0rem;
  }

  .c-dialog.material-download .content .detail__check-list .item label span {
    opacity: 1;
  }

  .c-dialog.material-download .content .detail__check-list .set,
  .c-dialog.material-download .content .detail__check-list .enclose {
    padding: 0.25rem 0.7rem 0.3rem 0.7rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
  }

  .c-dialog.material-download .content .detail__check-list .c-icon {
    font-size: 1.1rem;
    transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-dialog.material-download .content .detail__check-list .c-icon:hover {
    opacity: 0.8;
  }

  .c-dialog.material-download
    .content
    .detail__check-list
    .c-icon
    .c-icon__arrow-right {
    width: 0.8em;
    margin-left: 0.4rem;
    translate: 0 0.1rem;
    transition: scale 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-pagetop {
    margin-top: 10rem;
  }

  .c-pagetop .c-icon__pagetop {
    width: 2.8rem;
  }

  .c-pagetop:hover .c-icon__pagetop {
    scale: 1.1;
  }

  .c-pagetop2 {
    margin-top: 10rem;
  }

  .c-pagetop2 .c-icon__pagetop2 {
    width: 5.2rem;
  }

  .c-pagetop2:hover .c-icon__pagetop2 {
    scale: 1.1;
  }

  .c-search-product .product-list {
    margin-top: 0.8rem;
  }

  .c-search-product .product-list ul li a {
    display: block;
    padding: 1rem 2rem;
    font-size: 1.3rem;
  }

  .c-search-product:has(.product-list--active) .product-list {
    max-height: 19rem;
  }

  .c-search-product .form-error {
    margin-top: 0.4rem;
    font-size: 1.3rem;
  }

  .result__detail {
    margin-top: 1.6rem;
  }
  .ui-datepicker select.ui-datepicker-year {
    height: auto;
  }
  .ui-ympicker-year {
    height: auto;
    width: auto;
  }
  .ui-ympicker-calendar td {
    width: 3rem;
  }
}

@media print, screen and (max-width: 768px) {
  html {
    font-size: 2.666vw;
    scroll-padding-top: 8rem;
  }

  body {
    font-size: 1.3rem;
  }

  .l-header + main {
    margin-top: 6rem;
  }

  .l-header {
    width: 100%;
  }

  .l-header__inner {
    height: 6rem;
    padding-left: 1rem;
  }

  .l-header__title img {
    width: 18rem;
  }

  .l-header__title span {
    margin-left: 1.2rem;
    font-size: 1rem;
  }

  .l-header-nav {
    display: flex;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 1rem;
    flex-flow: row wrap;
    width: 100vw;
    height: 100%;
    padding: 5.5rem 2rem 3rem;
    overflow-y: scroll;
    background-color: #0da093;
    opacity: 0;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: opacity, visibility, left;
  }

  .l-header-nav.is-active {
    visibility: visible;
    left: 0;
    opacity: 1;
  }

  .l-header-nav__item {
    padding-inline: 1rem;
    border-bottom: 1px solid #4bc9be;
  }

  .l-header-nav__item > a {
    display: block;
    position: relative;
    padding-block: 2rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.5rem;
  }

  .l-header-nav__item > a.is-active .c-icon__arrow-bottom {
    rotate: x 180deg;
  }

  .l-header-nav__item .c-icon__arrow-bottom {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0.9rem;
    translate: 0 -0.2rem;
    background: url(../img/common/icon-arrow-white.svg) center center no-repeat;
    background-size: contain;
    transition: rotate 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .l-header-nav .corporate {
    order: 1;
    margin-top: 2.5rem;
    margin-inline: auto;
  }

  .l-header-nav .corporate a {
    color: #ffffff;
  }

  .l-header-nav .corporate a .c-icon__external-link {
    width: 1.2rem;
    background: url(../img/common/icon-external-white.svg) center center
      no-repeat;
    background-size: contain;
  }

  .l-header-nav .reactionreport,
  .l-header-nav .contact {
    display: block;
    width: 100%;
    height: 5rem;
    margin-top: 3rem;
    border: solid 1px #ffffff;
    border-radius: 0.6rem;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.5rem;
    line-height: 5rem;
    text-align: center;
  }

  .l-header-nav .sp-search {
    margin-top: 3.5rem;
    border-radius: 0.5rem;
    background-color: #f6f6f6;
  }

  .l-header-nav .sp-search__head {
    position: relative;
    width: 100%;
    padding: 2.5rem 1rem 0;
  }

  .l-header-nav .sp-search__title {
    margin-left: 2rem;
    font-weight: 700;
    font-size: 1.9rem;
  }

  .l-header-nav .sp-search .c-icon__triangle {
    width: 0.9rem;
    height: 0.8rem;
    margin-right: 0.4rem;
  }

  .l-header-nav .sp-search__more {
    position: absolute;
    top: 2.7rem;
    right: 2rem;
    width: 9rem;
  }

  .l-header-nav .sp-search__more a {
    display: block;
    position: relative;
  }

  .l-header-nav .sp-search__more .c-link__icon {
    right: 0;
    width: 2rem;
  }

  .l-header-nav .sp-search__more .c-link__icon:before {
    width: 0.9rem;
    height: 0.5rem;
  }

  .l-header-nav .sp-search .c-tabs {
    display: flex;
    justify-content: space-between;
    margin-top: 2.5rem;
  }

  .l-header-nav .sp-search .c-tabs__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    height: 4.5rem;
    border-radius: 0.5rem 0.5rem 0 0;
    background-color: #3fbfb3;
    color: #ffffff;
    font-weight: 700;
    font-size: 1.1rem;
    line-height: 1.4;
  }

  .l-header-nav .sp-search .c-tabs__item.is-show {
    background-color: #ffffff;
    color: #222222;
  }

  .l-header-nav .sp-search .c-tabs__panel {
    padding: 0 1rem 1rem 1rem;
  }

  .l-header-nav .sp-search .c-tabs__panel .content {
    margin-top: 0;
    padding: 2rem;
    border-radius: 0 0 0.8rem 0.8rem;
    background-color: #ffffff;
  }

  .l-header-nav .sp-search .c-tabs__panel .content hr {
    margin-block: 2rem;
    color: #e8e8e8;
  }

  .l-header-nav .sp-search-method {
    width: 25.5rem;
    margin-left: auto;
  }

  .l-header-nav .sp-search-method__title {
    margin-left: -1.2rem;
    font-weight: 700;
    font-size: 1.2rem;
  }

  .l-header-nav .sp-search-method__block {
    margin-top: 1.5rem;
  }

  .l-header-nav .sp-search-method__area {
    margin-top: 1rem;
  }

  .l-header-nav .sp-search-method__text {
    margin-top: 2rem;
    font-size: 1rem;
  }

  .l-header-nav .sp-search-method__link {
    margin-top: 1rem;
    font-size: 1.2rem;
  }

  .l-header-nav .sp-search-method__link a {
    color: #3fbfb3;
  }

  .l-header-nav .sp-search-method__link .c-icon__arrow-right {
    width: 0.8rem;
    translate: 0.4rem -0.05rem;
  }

  .l-header-mega {
    width: 100%;
    height: 0;
    overflow: hidden;
  }

  .l-header-mega-product__left {
    display: none;
  }

  .l-header-mega-product__right {
    width: 100%;
  }

  .l-header-mega__inner {
    width: 100%;
  }

  .l-header-mega__title {
    display: none;
  }

  .l-header-mega__content {
    margin-bottom: 2rem;
  }

  .l-header-mega__content._sp-column1 .l-header-mega__item {
    width: 100%;
  }

  .l-header-mega__content._sp-column2 .l-header-mega__item {
    width: 50%;
  }

  .l-header-mega__list--hyphen .l-header-mega__item {
    width: 100%;
    padding-left: 1.8rem;
  }

  .l-header-mega__list--hyphen .l-header-mega__item::before {
    width: 1rem;
    height: 0.1rem;
    inset: 50% auto auto 0.2rem;
  }

  .l-header-mega__list--disc .l-header-mega__item,
  .l-header-mega__list--disc .l-header-mega__childe_item {
    width: 100%;
    padding-left: 1em;
  }
  .l-header-mega__list--disc .l-header-mega__childe_item {
    margin-left: 1rem;
  }

  .l-header-mega__list--disc .l-header-mega__item::before,
  .l-header-mega__list--disc .l-header-mega__childe_item::before {
    top: 50%;
    width: 0.5rem;
    translate: 0 -50%;
  }

  .l-header-mega__item a,
  .l-header-mega__childe_item a {
    display: inline-block;
    padding-block: 1rem;
    font-size: 1.2rem;
  }

  .l-header-mega__item .c-icon__pdf,
  .l-header-mega__childe_item .c-icon__pdf {
    width: 4rem;
    height: 1.5rem;
    border-radius: 0.3rem;
    font-size: 0.9rem;
    line-height: 1.5rem;
  }

  .l-header-hamburger {
    display: grid;
    position: absolute;
    place-items: center;
    aspect-ratio: 1;
    width: 5.6rem;
    inset: 0 0 auto auto;
    border-bottom-left-radius: 1rem;
    background-color: #3fbfb3;
  }

  .l-header-hamburger .line {
    position: relative;
    width: 2rem;
    height: 1.7rem;
  }

  .l-header-hamburger .line span {
    display: inline-block;
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: top, rotate, opacity;
  }

  .l-header-hamburger .line span:nth-of-type(1) {
    top: 0%;
  }

  .l-header-hamburger .line span:nth-of-type(2) {
    top: 50%;
  }

  .l-header-hamburger .line span:nth-of-type(3) {
    top: 100%;
  }

  .l-header-hamburger.is-active {
    background-color: #ffffff;
  }

  .l-header-hamburger.is-active .line span {
    background-color: #3fbfb3;
  }

  .l-header-hamburger.is-active .line span:nth-of-type(1) {
    top: 50%;
    rotate: 45deg;
  }

  .l-header-hamburger.is-active .line span:nth-of-type(2) {
    opacity: 0;
  }

  .l-header-hamburger.is-active .line span:nth-of-type(3) {
    top: 50%;
    rotate: -45deg;
  }

  .l-footer {
    margin-top: 7rem;
  }

  .l-footer__inner {
    width: 29.5rem;
    padding-block: 4.5rem 3rem;
  }

  .l-footer__heading {
    width: 100%;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    font-size: 1.5rem;
  }

  .l-footer__heading:after {
    width: 2rem;
    height: 0.2rem;
  }

  .l-footer .list .item {
    font-size: 1.1rem;
    line-height: 1.3;
  }

  .l-footer .list .item:not(:first-of-type) {
    margin-top: 1.4rem;
  }

  .l-footer .list .item:hover {
    text-decoration: underline;
  }

  .l-footer__products,
  .l-footer__info,
  .l-footer__useful,
  .l-footer__reactionreport,
  .l-footer__contact {
    display: flex;
    flex-flow: row wrap;
  }

  .l-footer__products:not(.l-footer__products),
  .l-footer__info:not(.l-footer__products),
  .l-footer__useful:not(.l-footer__products),
  .l-footer__contact:not(.l-footer__products),
  .l-footer__reactionreport:not(.l-footer__products) {
    margin-top: 4rem;
  }

  .l-footer__copy {
    margin-top: 5rem;
    font-size: 1rem;
  }

  ._sp {
    display: block !important;
  }

  ._pc {
    display: none !important;
  }

  .c-link__icon {
    width: 2rem;
  }

  .c-link__icon:before {
    width: 1rem;
    height: 0.5rem;
  }

  .c-link__icon:before {
    left: calc(50% - 0.5rem);
  }

  .c-link__icon:after {
    content: none;
  }

  .c-button {
    height: 6rem;
    border-radius: 0.5rem;
    line-height: 6rem;
  }

  .c-form__check {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .c-form__check label {
    font-size: 1.2rem;
  }

  .c-form__check label .checkbox-mark {
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
  }

  .c-form__check label .checkbox-mark::after {
    width: 0.6rem;
    height: 0.6rem;
  }

  .c-form__radio {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem;
  }

  .c-form__radio label {
    font-size: 1.2rem;
  }

  .c-form__radio label .radio-mark {
    width: 1rem;
    height: 1rem;
    margin-right: 0.8rem;
  }

  .c-form__radio label .radio-mark::after {
    width: 0.6rem;
    height: 0.6rem;
  }

  .c-form__flex {
    -moz-column-gap: 1rem;
    column-gap: 1rem;
  }

  .c-form__text input[type="text"],
  .c-form__text input[type="email"],
  .c-form__text input[type="number"] {
    height: 4rem;
    padding-inline: 2rem;
    border-radius: 0.4rem;
    font-size: 1.2rem;
  }
  .c-form__text textarea {
    height: 20rem;
    padding-inline: 2rem;
    border-radius: 0.4rem;
    font-size: 1.2rem;
  }

  .c-form__submit {
    width: 4rem;
  }

  .c-form__submit input {
    height: 4rem;
    border-radius: 0.4rem;
    font-size: 1.3rem;
    transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-property: background-color, color;
  }

  .c-form__select {
    height: 4rem;
  }

  .c-form__select select {
    border-radius: 0.4rem;
  }

  .c-form__select .c-icon__arrow-bottom {
    top: 2rem;
    right: 1.5rem;
    width: 0.9rem;
    translate: 0 -0.2rem;
  }

  .c-form__month input {
    height: 4rem;
    border-radius: 0.4rem;
  }

  .c-form input::-moz-placeholder {
    font-size: 1rem;
  }

  .c-form input::placeholder {
    font-size: 1rem;
  }

  .c-tabs {
    flex-flow: row wrap;
    justify-content: space-between;
    margin-top: 3rem;
    gap: 0.5rem;
  }

  .c-tabs__item {
    width: 10.8rem;
    height: 5rem;
  }

  .c-tabs__item.is-inactive {
    background-color: #f6f6f6;
    color: #868686;
  }

  .c-lower-wrapper {
    width: 33.5rem;
    margin-top: 4rem;
  }

  .c-lower-heading .inner {
    width: 100%;
    padding: 2.5rem 4rem;
  }

  .c-lower-heading .inner h1 {
    font-size: 2.2rem;
  }

  .c-lower-heading._nomal h1 {
    font-size: 2.4rem;
  }

  .c-lower-heading._nomal h1::after {
    width: 2rem;
    height: 0.3rem;
    margin-top: 0.6rem;
  }

  .subtitle{
    font-size: 2rem;
  }

  .c-lower-heading._product .data {
    margin-top: 1rem;
  }

  .c-lower-heading._product .data__title {
    margin-top: 1.5rem;
    padding: 0.2rem 1rem;
    border-radius: 0.3rem;
  }

  .c-lower-heading._product .data__date {
    margin-left: 1.4rem;
  }

  .c-lower-section:not(:first-child) {
    margin-top: 5rem;
  }

  .c-lower-section__title {
    padding-bottom: 0.8rem;
    font-size: 1.7rem;
  }

  .c-lower-section__inner {
    padding-block: 2rem;
  }

  .c-news {
    margin-top: 5rem;
  }

  .c-news .content {
    margin-top: 2rem;
  }

  .c-news .not-exist {
    margin-top: 3rem;
    padding: 2rem;
    border-radius: 0.5rem;
    font-size: 1.2rem;
  }

  .c-news__list .item {
    background-size: 0.4rem 0.1rem;
  }

  .c-news__list .item .inner {
    display: block;
    padding: 2rem 3rem 2rem 1rem;
  }

  .c-news__list .item a {
    line-height: 1.7;
  }

  .c-news__list .item .data {
    width: 20rem;
    margin-bottom: 1rem;
  }

  .c-news__list .item .data .new {
    top: -1.5rem;
    left: -1rem;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 0.8rem;
  }

  .c-news__list .item .data .category {
    width: 10.5rem;
    height: 2rem;
    margin-left: 2rem;
    border-radius: 0.3rem;
    font-size: 1rem;
    line-height: 2rem;
  }

  .c-news__list .item .text p {
    display: inline;
  }

  .c-news__list .item .c-icon__arrow-right {
    width: 0.8rem;
    inset: 50% 1rem auto auto;
    translate: 0 -50%;
  }

  .c-news .c-button {
    width: 100%;
    margin: 4rem auto 0;
  }

  .c-news .c-button .c-link__icon {
    right: 2rem;
  }

  .c-modal__image,
  .c-modal__video,
  .c-modal__product {
    width: 90%;
    inset: 50% auto auto 50%;
  }

  .c-modal__title {
    margin-top: 1rem;
    font-size: 1.4rem;
  }

  .c-modal .close,
  .c-modal-base .close {
    width: 3rem;
    inset: -1.5rem -1.5rem auto auto;
    border-radius: 0.5rem;
  }

  .c-modal .play {
    display: none;
  }

  .c-modal.is-show .c-modal__image,
  .c-modal.is-show .c-modal__video {
    translate: -50% calc(-50% - -1rem);
  }

  .c-dialog .inner {
    padding: 5rem 2rem;
  }

  .c-dialog .title {
    padding-bottom: 2rem;
    font-size: 1.8rem;
  }

  .c-dialog .content .name {
    padding-top: 2.5rem;
    font-size: 1.4rem;
    transition: background-color 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  .c-dialog .content .name .data {
    margin-top: 1.4rem;
  }

  .c-dialog .content .name .data__title {
    padding: 0 0.8rem;
    border-radius: 0.3rem;
    font-size: 1.2rem;
  }

  .c-dialog .content .name .data__date {
    margin-left: 1rem;
    font-size: 1.3rem;
  }

  .c-dialog .content .detail {
    margin-top: 4rem;
  }

  .c-dialog .content .detail p {
    padding-left: 4rem;
    font-size: 1.8rem;
  }

  .c-dialog .content .detail p .c-icon__exclamation {
    width: 2.7rem;
    height: 2.7rem;
  }

  .c-dialog .content .detail__download .c-button {
    width: 14rem;
    height: 3.5rem;
    padding: 0 3rem 0 2rem;
    background: url(../img/common/icon-download-green.svg) right 1.5rem center
      no-repeat;
    background-size: 1.5rem;
    font-size: 1.1rem;
  }

  .c-dialog .content .detail__check-list {
    margin-top: 3.5rem;
    gap: 3rem 2rem;
  }

  .c-dialog .content .detail__check-list .item {
    width: calc((100% - 2rem) / 2);
  }

  .c-dialog .content .detail__check-list .item .checkbox-mark {
    width: 1.5rem;
    height: 1.5rem;
  }

  .c-dialog .content .detail__check-list .item .checkbox-mark::after {
    width: 0.8rem;
    height: 0.8rem;
  }

  .c-dialog .content .detail__check-list .item label {
    font-size: 1.3rem;
  }

  .c-dialog .content .detail__check-list .item .image {
    margin-top: 1rem;
  }

  .c-dialog.image-download .content .detail__download {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
  }

  .c-dialog.image-download
    .content
    .detail__download
    .c-form__check
    .checkbox-mark {
    width: 1.5rem;
    height: 1.5rem;
  }

  .c-dialog.image-download
    .content
    .detail__download
    .c-form__check
    .checkbox-mark::after {
    width: 0.8rem;
    height: 0.8rem;
  }

  .c-dialog.image-download
    .content
    .detail__download
    .c-form__check
    .checkbox-mark
    label {
    font-size: 1.4rem;
  }

  .c-dialog.image-download .content .detail__download .c-button {
    margin-top: 1.5rem;
  }

  .c-dialog.material-download .title {
    padding-bottom: 0;
  }

  .c-dialog.material-download .content .summary {
    flex-direction: column;
  }

  .c-dialog.material-download .content .summary .name {
    font-size: 1.6rem;
  }

  .c-dialog.material-download .content .summary .name .data {
    margin-top: 1rem;
    font-size: 1.2rem;
  }

  .c-dialog.material-download .content .summary .information {
    justify-content: space-between;
    margin-top: 2.5rem;
  }

  .c-dialog.material-download .content .summary .information__description .set,
  .c-dialog.material-download
    .content
    .summary
    .information__description
    .enclose {
    padding-left: 5rem;
    font-size: 1.2rem;
  }

  .c-dialog.material-download
    .content
    .summary
    .information__description
    .set::before,
  .c-dialog.material-download
    .content
    .summary
    .information__description
    .enclose::before {
    width: 4rem;
    height: 1.5rem;
    border-radius: 0.3rem;
  }

  .c-dialog.material-download
    .content
    .summary
    .information__description
    .enclose {
    margin-top: 0.4rem;
  }

  .c-dialog.material-download .content .summary .information__mail {
    border-radius: 1rem;
  }

  .c-dialog.material-download .content .summary .information__mail:hover a {
    color: #2dc0b3;
  }

  .c-dialog.material-download .content .summary .information__mail a {
    width: 14rem;
    height: 3.5rem;
    padding-left: 1.4rem;
    font-size: 1.1rem;
  }

  .c-dialog.material-download .content .summary .information__mail::after {
    right: 1rem;
    width: 1.7rem;
    height: 1.1rem;
  }

  .c-dialog.material-download .content .detail {
    margin-top: 2.5rem;
  }

  .c-dialog.material-download .content .detail__download {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 3rem;
  }

  .c-dialog.material-download
    .content
    .detail__download
    .c-form__check
    .checkbox-mark {
    width: 1.5rem;
    height: 1.5rem;
  }

  .c-dialog.material-download
    .content
    .detail__download
    .c-form__check
    .checkbox-mark::after {
    width: 0.8rem;
    height: 0.8rem;
  }

  .c-dialog.material-download
    .content
    .detail__download
    .c-form__check
    .checkbox-mark
    label {
    font-size: 1.4rem;
  }

  .c-dialog.material-download .content .detail__download .c-button {
    margin-top: 1.5rem;
  }

  .c-dialog.material-download .content .detail__check-list {
    flex-direction: column;
    margin-top: 2.5rem;
    gap: 1.5rem;
  }

  .c-dialog.material-download .content .detail__check-list .item {
    width: 100%;
  }

  .c-dialog.material-download .content .detail__check-list .item label {
    position: relative;
    flex-wrap: wrap;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
    padding-left: 2rem;
    font-size: 1.4rem;
  }

  .c-dialog.material-download
    .content
    .detail__check-list
    .item
    label
    .checkbox-mark {
    position: absolute;
    top: 0.7rem;
    left: 0;
  }

  .c-dialog.material-download .content .detail__check-list .set,
  .c-dialog.material-download .content .detail__check-list .enclose {
    padding: 0.25rem 0.7rem 0.3rem 0.7rem;
    border-radius: 0.3rem;
    font-size: 1rem;
  }

  .c-dialog.material-download .content .detail__check-list .c-icon {
    display: block;
  }

  .c-dialog.material-download
    .content
    .detail__check-list
    .c-icon
    .c-icon__arrow-right {
    width: 0.8em;
    margin-left: 0.4rem;
    translate: 0;
  }

  .c-pagetop {
    margin-top: 4rem;
  }

  .c-pagetop .c-icon__pagetop {
    width: 2.2rem;
  }

  .c-pagetop2 {
    margin-top: 4rem;
  }

  .c-pagetop2 .c-icon__pagetop2 {
    width: 3.4rem;
  }

  .c-search-product .product-list {
    margin-top: 1.6rem;
  }

  .c-search-product .product-list ul li a {
    display: block;
    padding: 1rem 2rem;
    font-size: 1.1rem;
  }

  .c-search-product:has(.product-list--active) .product-list {
    max-height: 17.7rem;
  }

  .c-search-product .form-error {
    margin-top: 0.4rem;
    font-size: 1.1rem;
  }

  .result__detail {
    margin-top: 1.6rem;
  }

  .result__detail dl dt {
    width: -moz-max-content;
    width: max-content;
  }
}