@charset "UTF-8";
/* Only output numerical values
/* 数値のみ出力する
====================================== */
/* font $size
====================================== */
/* font family
====================================== */
/* Break point ブレイクポイント
====================================== */
/* max site width コンテンツ最大幅
====================================== */
/* colors 色管理
====================================== */
/* media query
====================================== */
/* font-size フォントサイズのrem表示用
====================================== */
/* 三角形生成
====================================== */
/* グラデーション
====================================== */
/* Margin class in 5px steps
 * 余白調整用のクラス　5px刻みで20回処理を繰り返し
====================================== */
.mt0 {
  margin-top: 0px !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.com-txt-color-text {
  color: #333333 !important;
}

.com-bg-text {
  background-color: #333333 !important;
}

.com-txt-color-main {
  color: #e63333 !important;
}

.com-bg-main {
  background-color: #e63333 !important;
}

.com-txt-color-danger {
  color: #e63333 !important;
}

.com-bg-danger {
  background-color: #e63333 !important;
}

.com-txt-color-white {
  color: #fff !important;
}

.com-bg-white {
  background-color: #fff !important;
}

.com-txt-color-black {
  color: #000 !important;
}

.com-bg-black {
  background-color: #000 !important;
}

.com-txt-color-blue {
  color: #003A81 !important;
}

.com-bg-blue {
  background-color: #003A81 !important;
}

.com-txt-color-accent {
  color: #E63333 !important;
}

.com-bg-accent {
  background-color: #E63333 !important;
}

.com-txt-color-base_gray1 {
  color: #F4F4F4 !important;
}

.com-bg-base_gray1 {
  background-color: #F4F4F4 !important;
}

.com-txt-color-base_gray2 {
  color: #F0F0F0 !important;
}

.com-bg-base_gray2 {
  background-color: #F0F0F0 !important;
}

.com-txt-color-input_gray {
  color: #D1D1D1 !important;
}

.com-bg-input_gray {
  background-color: #D1D1D1 !important;
}

.com-txt-color-input_arr_gray {
  color: #686868 !important;
}

.com-bg-input_arr_gray {
  background-color: #686868 !important;
}

.com-txt-color-border_gray {
  color: #D1D1D1 !important;
}

.com-bg-border_gray {
  background-color: #D1D1D1 !important;
}

.com-txt-color-sort_gray {
  color: #F2F2F1 !important;
}

.com-bg-sort_gray {
  background-color: #F2F2F1 !important;
}

.com-txt-color-mv_cover_gray1 {
  color: #EAEAEA !important;
}

.com-bg-mv_cover_gray1 {
  background-color: #EAEAEA !important;
}

.com-txt-color-mv_cover_gray2 {
  color: #E6E6E6 !important;
}

.com-bg-mv_cover_gray2 {
  background-color: #E6E6E6 !important;
}

.com-txt-color-slash_gray {
  color: #EDEDED !important;
}

.com-bg-slash_gray {
  background-color: #EDEDED !important;
}

.com-txt-color-footer {
  color: #111111 !important;
}

.com-bg-footer {
  background-color: #111111 !important;
}

.com-txt-color-btn_mail {
  color: #222222 !important;
}

.com-bg-btn_mail {
  background-color: #222222 !important;
}

.com-txt-color-pager_bor {
  color: #C0C0C0 !important;
}

.com-bg-pager_bor {
  background-color: #C0C0C0 !important;
}

.com-txt-color-pager_col {
  color: #808080 !important;
}

.com-bg-pager_col {
  background-color: #808080 !important;
}

.com-txt-color-gra {
  color: #343434 !important;
}

.com-bg-gra {
  background-color: #343434 !important;
}

.com-txt-color-fas {
  color: #707070 !important;
}

.com-bg-fas {
  background-color: #707070 !important;
}

.com-txt-color-cat_news {
  color: #E63333 !important;
}

.com-bg-cat_news {
  background-color: #E63333 !important;
}

.com-txt-color-cat_recruit {
  color: #3E486A !important;
}

.com-bg-cat_recruit {
  background-color: #3E486A !important;
}

.com-txt-color-cat_update {
  color: #309DB7 !important;
}

.com-bg-cat_update {
  background-color: #309DB7 !important;
}

.com-txt-color-facebook {
  color: #3b5999 !important;
}

.com-bg-facebook {
  background-color: #3b5999 !important;
}

.com-txt-color-twitter {
  color: #1da1f2 !important;
}

.com-bg-twitter {
  background-color: #1da1f2 !important;
}

.com-txt-color-youtube {
  color: #cd201f !important;
}

.com-bg-youtube {
  background-color: #cd201f !important;
}

.com-txt-color-line {
  color: #18ba07 !important;
}

.com-bg-line {
  background-color: #18ba07 !important;
}

.com-txt-color-yahoo_auction {
  color: #FED948 !important;
}

.com-bg-yahoo_auction {
  background-color: #FED948 !important;
}

/* ホバーアニメーション
====================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "palt";
  font-size: 15px;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 2;
  color: #333333;
  font-size: 15px;
  font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", sans-serif;
  color: #333333;
  line-height: 1.2;
}

p {
  margin: 0;
}
p + p {
  margin-top: 1em;
}

ul, dl, figure {
  margin: 0;
  padding: 0;
}

dt {
  font-weight: normal;
}

ul, li {
  list-style: none;
}

a {
  color: #333333;
  transition: 0.4s;
}
a:before, a:after {
  transition: 0.4s;
}
a:hover {
  color: #333333;
  text-decoration: none;
}

em {
  font-style: normal;
  font-weight: normal;
  color: inherit;
}

input,
select,
textarea {
  outline: none;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.0666666667rem;
}

input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]):not([type=submit]):not([type=reset]):not([type=button]):not([type=image]),
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 0.4em;
  border: 1px solid #D1D1D1;
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  vertical-align: top;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  width: 100%;
  font-size: 15px;
  font-size: 1rem;
  line-height: 2;
  padding: 0;
  background: none;
}

address {
  margin-bottom: 0;
}

/* uk-container
====================================== */
.uk-container {
  max-width: 960px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 960px) {
  .uk-container {
    padding-left: 40px;
    padding-right: 40px;
  }
}
.uk-container-small {
  max-width: 375px;
}
.uk-container-large {
  max-width: 1300px;
}
.uk-container-expand {
  max-width: none;
}

.slick-slide,
.slick-slide a {
  outline: none;
}

.slick-prev,
.slick-next {
  cursor: pointer;
}

/* Contact Form 7
====================================== */
.wpcf7 .ajax-loader {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

/* reCAPTCHA
====================================== */
.grecaptcha-badge {
  visibility: hidden;
}

/* #header
====================================== */
/* parts
--------------------------------- */
.header {
  background-color: #fff;
}
.header-top {
  display: flex;
  justify-content: space-between;
  height: 48px;
}
.header-top-logo {
  margin-left: 8px;
  margin-top: 7px;
  margin-bottom: 0;
  width: 171px;
  position: relative;
  z-index: 2;
}
.header-top-logo a {
  display: block;
}
.header-top-logo a img {
  vertical-align: top;
}
.header-top-menu {
  display: flex;
  align-items: center;
}
@media (min-width: 960px) {
  .header-top {
    border-bottom: 1px solid #D1D1D1;
    height: 84px;
  }
  .header-top-logo {
    margin-left: 23px;
    margin-top: 13px;
    width: 280px;
  }
  .header-top-menu {
    height: 84px;
    margin-bottom: -1px;
  }
}
.header-group {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 1;
}
@media (max-width: 959px) {
  .header-group {
    background-color: #F4F4F4;
    height: 100%;
    width: 129px;
  }
  .header-group::after {
    content: "";
    position: absolute;
    top: 0;
    left: -24px;
    border: 24px solid transparent;
    border-bottom: 0;
    border-top: 48px solid #fff;
    width: 0;
    height: 0;
    z-index: -1;
  }
}
@media (min-width: 960px) {
  .header-group {
    flex-direction: column;
  }
}
@media (min-width: 1300px) {
  .header-group {
    flex-direction: row;
  }
}
.header-language {
  text-align: center;
  font-size: 0;
  margin-right: 8px;
}
@media (min-width: 960px) {
  .header-language {
    background-color: #F0F0F0;
    padding: 4px 2px;
    margin-right: 0;
    width: 189px;
  }
}
.header-language li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
  width: 50%;
}
@media (min-width: 960px) {
  .header-language li {
    padding-right: 2px;
    padding-left: 2px;
    width: 50%;
  }
}
.header-language a {
  background-color: #fff;
  color: #333333;
  display: block;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 500;
  line-height: 1.2;
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media (min-width: 960px) {
  .header-language a {
    padding: 2px 10px;
    width: auto;
    height: auto;
  }
}
.header-language a i {
  font-style: normal;
}
@media (max-width: 959px) {
  .header-language a i.spell {
    display: none;
  }
}
@media (min-width: 960px) {
  .header-language a i.code {
    display: none;
  }
}
.header-language a.is-current, .header-language a[data-stt-active] {
  background-color: #333333;
  border: 1px solid #333333;
  color: #fff;
  pointer-events: none;
}
.header-language a:not(.is-current):hover {
  opacity: 0.7;
}
.header-search {
  display: none;
}
@media (min-width: 960px) {
  .header-search {
    display: block;
    height: 27px;
    margin-top: 10px;
    width: 189px;
  }
}
@media (min-width: 960px) and (min-width: 1300px) {
  .header-search {
    margin-top: 0;
    margin-left: 21px;
  }
}
@media (min-width: 960px) {
  .header-search-group {
    position: relative;
    line-height: 1;
  }
  .header-search-group-input {
    background-color: #fff;
    border: 1px solid #D1D1D1 !important;
    font-size: 12px;
    font-size: 0.8rem;
    font-weight: 400;
    line-height: 25px;
    padding: 0 30px 0 11px !important;
    vertical-align: top;
  }
  .header-search-group-input ::-moz-placeholder {
    color: #D1D1D1;
  }
  .header-search-group-input ::placeholder {
    color: #D1D1D1;
  }
  .header-search-group-btn {
    cursor: pointer;
    background: url(../img/common/parts/icon_search-white.svg) no-repeat center/14px auto;
    background-color: #D1D1D1;
    position: absolute;
    top: 0;
    right: 0;
    width: 27px;
    height: 27px;
  }
}
.header-contact {
  display: none;
}
@media (min-width: 960px) {
  .header-contact {
    background-color: #333333;
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: 3px;
    position: relative;
    z-index: 0;
  }
  .header-contact::after {
    content: "";
    position: absolute;
    top: 0;
    border: 42px solid transparent;
    border-top: 0;
    border-bottom: 84px solid #333333;
    width: 0;
    height: 0;
    left: -42px;
    z-index: -1;
  }
  .header-contact-inner {
    position: relative;
    padding: 15px 104px 15px 20px;
  }
  .header-contact-tel {
    color: #fff;
    line-height: 1;
    display: flex;
    align-items: center;
    font-size: 36px;
    font-size: 2.4rem;
    white-space: nowrap;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
  }
  .header-contact-tel::before {
    content: "";
    display: block;
    margin-right: 8px;
    width: 29px;
    height: 29px;
    background: url(../img/common/parts/icon_tel-white.svg) no-repeat;
  }
  .header-contact-text {
    color: #fff;
    line-height: 1;
    font-weight: 500;
    font-size: 12px;
    font-size: 0.8rem;
    margin-top: 7px;
  }
  .header-contact-mail {
    background-color: #E63333;
    color: #fff;
    text-align: center;
    display: block;
    line-height: 1;
    padding-top: 18px;
    position: absolute;
    top: 0;
    right: 0;
    width: 84px;
    height: 84px;
    transition: background-color 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .header-contact-mail > span {
    display: block;
    font-weight: 700;
    font-size: 12px;
    font-size: 0.8rem;
    margin-top: 12px;
  }
  .header-contact-mail:hover {
    background-color: rgba(230, 51, 51, 0.7);
    color: #fff;
  }
}

/* #header-offcanvas-btn
--------------------------------- */
#header-offcanvas-btn {
  background-color: #E63333;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
}
#header-offcanvas-btn > div {
  margin: auto;
  width: 30px;
  height: 26px;
}
#header-offcanvas-btn i {
  background-color: #fff;
  display: block;
  height: 4px;
  width: 100%;
}
#header-offcanvas-btn i + * {
  margin-top: 7px;
}
@media (min-width: 960px) {
  #header-offcanvas-btn {
    display: none;
  }
}

/* #header-logo　
--------------------------------- */
/* #header-tel　
--------------------------------- */
/* gnav
====================================== */
#gnav {
  overflow: hidden;
  display: none;
}
@media (min-width: 960px) {
  #gnav {
    display: block;
  }
  #gnav .gnav-list {
    display: flex;
    align-items: center;
  }
  #gnav .gnav-item {
    width: 16.6666666667%;
  }
  #gnav .gnav-item a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 15px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.03em;
    height: 46px;
    z-index: 2;
  }
  #gnav .gnav-item a::after {
    content: "";
    background-color: #F4F4F4;
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 1px);
    height: 100%;
    z-index: -1;
    transform: skewX(-24deg);
    opacity: 0;
  }
  #gnav .gnav-item a:hover::after, #gnav .gnav-item a.is-current::after {
    background-color: #F4F4F4;
    opacity: 1;
  }
  #gnav .gnav-item:first-child a:hover::after, #gnav .gnav-item:last-child a:hover::after {
    width: calc(100% + 10px);
  }
  #gnav .gnav-item:first-child a:hover::after {
    left: -10px;
  }
}

/* #lnav
====================================== */
/* #footer
====================================== */
#footer {
  margin-top: 60px;
}
#footer.margin-none {
  margin-top: 0;
}
@media (min-width: 960px) {
  #footer {
    margin-top: 100px;
  }
}

.footer {
  /* footer-inner
  ====================================== */
  /* footer-contact
  ====================================== */
  /* footer-about
  ====================================== */
  /* footer-foot
  ====================================== */
  /* footer-nav
  ====================================== */
  /* footer-sub
  ====================================== */
  /* footer-sns
  ====================================== */
}
.footer-inner {
  padding-left: 5.3333333333%;
  padding-right: 5.3333333333%;
}
@media (min-width: 960px) {
  .footer-inner {
    padding-left: 40px;
    padding-right: 40px;
    margin: 0 auto;
    max-width: 1380px;
  }
}
.footer-contact {
  background-color: #fff;
  padding-top: 47px;
  padding-bottom: 60px;
}
@media (min-width: 960px) {
  .footer-contact {
    padding-top: 72px;
    padding-bottom: 72px;
  }
}
@media (min-width: 960px) {
  .footer-contact > .footer-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
}
@media (min-width: 1300px) {
  .footer-contact > .footer-inner {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
.footer-contact-item + .footer-contact-item {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .footer-contact-item + .footer-contact-item {
    margin-top: 0;
  }
  .footer-contact-item:nth-of-type(1) {
    width: 100%;
  }
}
@media (min-width: 960px) and (min-width: 1300px) {
  .footer-contact-item:nth-of-type(1) {
    width: auto;
  }
}
@media (min-width: 960px) {
  .footer-contact-item:nth-of-type(2) {
    padding-left: 4.6153846154%;
    padding-right: 4.6153846154%;
  }
  .footer-contact-item:nth-of-type(3) {
    width: 40.1538461538%;
  }
}
.footer-contact-tit {
  margin-bottom: 33px;
}
@media (min-width: 960px) {
  .footer-contact-tit {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    width: 280px;
  }
}
@media (min-width: 960px) and (min-width: 1300px) {
  .footer-contact-tit {
    text-align: left;
    margin-bottom: 0;
  }
}
.footer-contact-tit .tit {
  border-bottom: 2px solid #E63333;
  font-size: 21px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 12px;
  margin: 0;
}
.footer-contact-tit .tit + * {
  margin-top: 12px;
}
@media (min-width: 960px) {
  .footer-contact-tit .tit {
    font-size: 28px;
    font-size: 1.8666666667rem;
  }
}
.footer-contact-tit .sub {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.4;
}
.footer-contact-phone-number {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  white-space: nowrap;
  font-size: 9.66vw;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
  font-family: "Roboto", sans-serif;
}
@media (min-width: 640px) {
  .footer-contact-phone-number {
    font-size: 40px;
    font-size: 2.6666666667rem;
    justify-content: flex-start;
  }
}
@media (min-width: 960px) {
  .footer-contact-phone-number {
    font-size: 48px;
    font-size: 3.2rem;
    justify-content: center;
  }
}
.footer-contact-phone-number::before {
  content: "";
  display: block;
  background: url(../img/common/parts/icon_tel-dark.svg) no-repeat center;
  background-size: 100% auto;
  width: 9.66vw;
  height: 9.66vw;
  margin-right: 10px;
}
@media (min-width: 640px) {
  .footer-contact-phone-number::before {
    width: 39px;
    height: 39px;
  }
}
.footer-contact-phone-text {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 5px;
}
@media (min-width: 960px) {
  .footer-contact-support {
    display: flex;
    align-items: center;
    margin-left: -22px;
  }
}
.footer-contact-support-btn + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .footer-contact-support-btn {
    padding-left: 22px;
    width: 50%;
  }
  .footer-contact-support-btn + * {
    margin-top: 0;
  }
}
.footer-contact-support-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 10px;
  width: 100%;
  height: 71px;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.footer-contact-support-btn a.line {
  background-color: #18ba07;
}
.footer-contact-support-btn a.line i {
  display: block;
  background: url(../img/common/parts/icon_balloon_line.svg) no-repeat center/contain;
  width: 44px;
  height: 42px;
  margin-right: 10px;
}
.footer-contact-support-btn a.mail {
  background-color: #222222;
}
.footer-contact-support-btn a.mail i {
  display: block;
  background: url(../img/common/parts/icon_mail.svg) no-repeat center/contain;
  width: 42px;
  height: 32px;
  margin-right: 10px;
}
.footer-contact-support-btn a > span {
  display: inline-block;
  position: relative;
}
.footer-contact-support-btn a:hover {
  opacity: 0.7;
}
.footer-about {
  background-color: #fff;
  padding-top: 62px;
  padding-bottom: 37px;
}
@media (min-width: 960px) {
  .footer-about {
    padding-top: 70px;
    padding-bottom: 54px;
  }
}
.footer-contact + .footer-about {
  border-top: 1px solid #D1D1D1;
}
.footer-about-info {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 960px) {
  .footer-about-info {
    flex-direction: row;
    margin-left: -60px;
  }
  .footer-about-info > * {
    padding-left: 60px;
  }
}
.footer-about-logo {
  text-align: center;
}
.footer-about-logo > img {
  width: 100%;
  max-width: 280px;
}
.footer-about-logo-sub {
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 500;
  line-height: 1.5;
  margin-top: 10px;
}
.footer-about-address {
  margin-top: 36px;
}
@media (min-width: 960px) {
  .footer-about-address {
    flex-grow: 1;
    margin-top: 0;
  }
}
.footer-about-address dl {
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .footer-about-address dl {
    text-align: left;
    flex-direction: row;
  }
}
.footer-about-address dl + * {
  margin-top: 23px;
}
@media (min-width: 960px) {
  .footer-about-address dl + * {
    margin-top: 10px;
  }
}
.footer-about-address dl dt,
.footer-about-address dl dd {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.5;
  font-weight: 500;
}
@media (min-width: 960px) {
  .footer-about-address dl dt {
    flex-shrink: 0;
    width: 194px;
  }
}
.footer-foot {
  background-color: #111111;
  position: relative;
  padding-top: 51px;
  padding-bottom: 142px;
  z-index: 2;
}
.footer-foot::after {
  content: "";
  background: url(../img/common/parts/footer_bg_sp.png) no-repeat center/cover;
  position: absolute;
  top: 0;
  right: 0;
  width: 56.8%;
  height: 100%;
  z-index: -1;
}
@media (min-width: 960px) {
  .footer-foot {
    padding-top: 27px;
    padding-bottom: 200px;
  }
  .footer-foot::after {
    background-image: url(../img/common/parts/footer_bg.png);
    width: 315px;
  }
}
.footer-nav {
  display: flex;
  flex-wrap: wrap;
  margin-left: -1em;
}
@media (min-width: 960px) {
  .footer-nav {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-left: -2em;
  }
}
.footer-nav-list {
  width: 50%;
  padding-left: 1em;
}
@media (max-width: 959px) {
  .footer-nav-list:nth-child(n+3) {
    margin-top: 40px;
  }
}
@media (min-width: 960px) {
  .footer-nav-list {
    width: auto;
    padding-left: 2em;
  }
}
.footer-nav-list > li {
  line-height: 1.4;
}
.footer-nav-list > li + li {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .footer-nav-list > li + li {
    margin-top: 17px;
  }
}
.footer-nav-list a {
  display: block;
  color: #fff;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 500;
  padding-left: 20px;
  position: relative;
  transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
  text-transform: capitalize;
}
.footer-nav-list a::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 13px;
  height: 5px;
}
.footer-nav-list a:hover {
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.7);
}
.footer-sub {
  margin-top: 64px;
}
@media (min-width: 960px) {
  .footer-sub {
    margin-top: 80px;
  }
}
.footer-sns {
  display: flex;
  margin-left: -7px;
}
.footer-sns > * {
  padding-left: 7px;
}
.footer-sns a {
  display: block;
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.footer-sns a:hover {
  opacity: 0.7;
}
.footer-sns img {
  height: 37px;
}

/* parts
====================================== */
/* pagetop
-------------------------------------- */
.pagetop {
  font-size: 10px;
  font-size: 0.6666666667rem;
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 100;
}

/* footer-nav
-------------------------------------- */
/* .copyright
--------------------------------- */
.copyright {
  display: block;
  margin-top: 20px;
  font-size: 10px;
  font-size: 0.6666666667rem;
  line-height: 1.5;
  color: #fff;
  font-weight: 400;
}

.uk-offcanvas-bar {
  background: #fff;
  padding: 0;
}

.uk-offcanvas-overlay::before {
  background: rgba(0, 0, 0, 0.7);
}

.uk-nav .uk-nav-header {
  background: #E63333;
  color: #fff;
  padding: 0.5em 1em;
  border-bottom: 0;
}
.uk-nav > li {
  border-bottom: 1px solid #DCDCDC;
}
.uk-nav > li a {
  padding: 0.5em 1em;
  color: #333333 !important;
}
.uk-nav .uk-parent a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
  height: 2em !important;
}
.uk-nav .uk-parent.uk-open a::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E") !important;
}
.uk-nav .uk-nav-sub {
  background: #F5F5F5;
  padding: 0;
}
.uk-nav .uk-nav-sub li a {
  padding: 0.5em 1em;
  padding-left: 2em;
}
.uk-nav .uk-nav-sub li + li {
  border-top: 1px solid #fff;
}

.uk-offcanvas-sns {
  display: flex;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 100px;
  margin-left: -10px;
}
.uk-offcanvas-sns > * {
  margin-left: 10px;
  width: 37px;
}
.uk-offcanvas-sns a {
  display: block;
}

/* トップページ
====================================== */
/* メインビジュアル
--------------------------------- */
.top-mv {
  position: relative;
  height: calc(100vh - 48px);
}
@media (min-width: 960px) {
  .top-mv {
    height: 640px;
  }
}
.top-mv-slide {
  display: none;
  overflow: hidden;
}
.top-mv-slide.slick-initialized {
  display: block;
}
body.is-loaded .top-mv-slide-item.slick-current .logo img, body.is-loaded .top-mv-slide-item.slick-active .logo img {
  animation: mv-logo 1s cubic-bezier(0.215, 0.61, 0.355, 1) forwards 0.5s;
}
body.is-loaded .top-mv-slide-item.slick-current .top-mv-bg img, body.is-loaded .top-mv-slide-item.slick-active .top-mv-bg img {
  opacity: 1;
  animation: mv-zoom-in 3s linear 0s normal both;
}
body.is-loaded .top-mv-slide-item.slick-current .tit > span, body.is-loaded .top-mv-slide-item.slick-active .tit > span {
  animation: mv-tit 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation-delay: 0.7s;
}
body.is-loaded .top-mv-slide-item.slick-current .btn, body.is-loaded .top-mv-slide-item.slick-active .btn {
  animation: mv-tit 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  animation-delay: 0.7s;
}
body.is-loaded .top-mv-slide-item.slick-current .text, body.is-loaded .top-mv-slide-item.slick-active .text {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1s;
}
.top-mv-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  width: 100%;
}
.top-mv-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
  transform: scale(1.2);
}
@media (min-width: 960px) {
  .top-mv-bg img {
    height: 640px;
  }
}
.top-mv-bg-inner {
  background-color: #000;
  position: relative;
  width: 100%;
  height: 100%;
}
.top-mv-bg-inner::after {
  content: "";
  position: absolute;
  top: -48px;
  left: 0;
  height: 32%;
  width: 100%;
  transform: skewY(-10deg);
}
@media (min-width: 960px) {
  .top-mv-bg-inner::after {
    height: 100%;
    top: 0;
    left: -60px;
    transform: skewX(-10deg);
  }
}
@media (max-width: 959px) {
  .top-mv-bg-inner.dark::after {
    background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (min-width: 960px) {
  .top-mv-bg-inner.dark::after {
    max-width: 980px;
    background: linear-gradient(to right, black 50%, rgba(0, 0, 0, 0) 100%);
  }
}
@media (max-width: 959px) {
  .top-mv-bg-inner.gray::after {
    background: linear-gradient(to bottom, #eaeaea 0%, rgba(230, 230, 230, 0.03) 100%);
  }
}
@media (min-width: 960px) {
  .top-mv-bg-inner.gray::after {
    max-width: 1172px;
    background: linear-gradient(to right, #eaeaea 50%, rgba(230, 230, 230, 0.03) 100%);
  }
}
.top-mv-main {
  position: relative;
  padding: 43px 2.6666666667% 116px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: calc(100vh - 48px);
  width: 100%;
  z-index: 1;
}
@media (max-width: 959px) {
  .top-mv-main.padding-large {
    padding-top: 65px;
  }
  .top-mv-main.padding-small {
    padding-top: 30px;
  }
}
@media (min-width: 960px) {
  .top-mv-main {
    height: 640px;
    padding: 90px 80px;
  }
}
.top-mv-main.top {
  align-items: flex-start;
}
.top-mv-main.bottom {
  align-items: flex-end;
}
.top-mv-main.left {
  text-align: left;
  justify-content: flex-start;
}
.top-mv-main.left .logo {
  margin-left: 0;
}
.top-mv-main.right {
  text-align: right;
  justify-content: flex-end;
}
.top-mv-main.right .logo {
  margin-right: 0;
}
.top-mv-main-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .top-mv-main-inner {
    display: block;
    height: auto;
  }
}
.top-mv-main .red {
  color: #E63333 !important;
}
.top-mv .logo {
  margin-left: auto;
  margin-right: auto;
  max-width: 282px;
}
.top-mv .logo.width-01 {
  max-width: 100px;
}
@media (min-width: 960px) {
  .top-mv .logo.width-01 {
    max-width: 420px;
  }
}
.top-mv .logo img {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  opacity: 0;
}
.top-mv .logo + * {
  margin-top: 24px;
}
.top-mv .tit {
  overflow: hidden;
  color: #fff;
  font-size: 26px;
  font-size: 1.7333333333rem;
  font-weight: 700;
  line-height: 1.4;
  margin-top: auto;
  margin-bottom: 16px;
  word-wrap: break-word;
}
@media (min-width: 960px) {
  .top-mv .tit {
    font-size: 47px;
    font-size: 3.1333333333rem;
    margin-top: 24px;
    margin-bottom: 34px;
  }
}
@media (min-width: 960px) {
  .top-mv .tit.large {
    font-size: 49px;
    font-size: 3.2666666667rem;
  }
}
.top-mv .tit.small\@m {
  font-size: 32px;
  font-size: 2.1333333333rem;
}
@media (min-width: 960px) {
  .top-mv .tit.small\@m {
    font-size: 47px;
    font-size: 3.1333333333rem;
  }
}
.top-mv .tit.dark {
  color: #333333;
}
.top-mv .tit > span {
  display: block;
  transform: translateX(-100%);
}
.top-mv .tit .sub {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.2rem;
}
@media (min-width: 960px) {
  .top-mv .tit .sub {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
}
.top-mv .tit .note {
  font-weight: bold;
  font-size: 14px;
  font-size: 0.9333333333rem;
}
@media (min-width: 960px) {
  .top-mv .tit .note {
    font-size: 18px;
    font-size: 1.2rem;
  }
}
.top-mv .btn {
  overflow: hidden;
  transform: translateX(-200%);
  font-size: 17px;
}
.top-mv .text {
  overflow: hidden;
  color: #fff;
  font-size: 11px;
  font-size: 0.7333333333rem;
  line-height: 1.6;
  font-weight: 500;
  opacity: 0;
  transform: translateY(30px);
}
.top-mv .text > span {
  display: inline-block;
}
@media (min-width: 960px) {
  .top-mv .text {
    font-size: 15px;
    font-size: 1rem;
    margin-top: 34px;
  }
}
.top-mv .text.dark {
  color: #333333;
}
.top-mv .text .red {
  color: #E63333;
}
.top-mv .text .small {
  font-size: 13px;
  font-size: 0.8666666667rem;
}
.top-mv .text .large-01 {
  font-size: 17px;
  font-size: 1.1333333333rem;
}
@media (min-width: 960px) {
  .top-mv .text .large-01 {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
}
.top-mv .text .large-02 {
  font-size: 19px;
  font-size: 1.2666666667rem;
  line-height: 1.3;
}
@media (min-width: 960px) {
  .top-mv .text .large-02 {
    font-size: 27px;
    font-size: 1.8rem;
  }
}
.top-mv-btn {
  background-color: #222222;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.45;
  padding: 35px 10px;
  position: relative;
  width: 100%;
  z-index: 2;
}
@media (min-width: 960px) {
  .top-mv-btn {
    font-size: 20px;
    font-size: 1.3333333333rem;
    padding: 36px 10px;
  }
}
.top-mv-btn::before, .top-mv-btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 3px;
  bottom: 0;
  margin: auto;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  width: 100%;
  height: calc(100% - 6px);
  z-index: -1;
  opacity: 0.13;
}
@media (min-width: 960px) {
  .top-mv-btn::before, .top-mv-btn::after {
    width: 163px;
  }
}
.top-mv-btn::before {
  background: rgba(255, 255, 255, 0.13);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.13) 0%, #343434 100%);
  z-index: -2;
}
.top-mv-btn::after {
  background: rgba(255, 255, 255, 0.3);
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.3) 0%, #343434 100%);
  z-index: -1;
  opacity: 0;
}
.top-mv-btn > span {
  display: inline-block;
  position: relative;
}
.top-mv-btn > span::after {
  content: "";
  position: absolute;
  background: url(../img/common/parts/icon_chevron-down.svg) no-repeat center;
  background-size: 100% auto;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 10px;
  height: 6px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s, transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.7s;
}
@media (min-width: 960px) {
  .top-mv-btn > span::after {
    bottom: -20px;
    width: 20px;
    height: 11px;
  }
}
@media (min-width: 960px) {
  .top-mv-btn:hover {
    color: #fff;
  }
  .top-mv-btn:hover::after {
    width: calc(100% - 6px);
    opacity: 1;
  }
}
.top-mv-btn-wrap {
  position: absolute;
  bottom: 10px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  width: calc(100% - 10px);
  opacity: 0;
  transform: translateY(10px);
}
@media (min-width: 960px) {
  .top-mv-btn-wrap {
    left: 50%;
    bottom: -54px;
    width: 100%;
    max-width: 803px;
    transform: translateY(10px) translateX(-50%);
  }
}
.top-mv-btn-wrap > * {
  padding-left: 10px;
  width: 50%;
}
@media (min-width: 960px) {
  .top-mv-btn-wrap > * {
    max-width: 400px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
body.is-loaded .top-mv-btn-wrap {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1s;
}
@media (min-width: 960px) {
  body.is-loaded .top-mv-btn-wrap {
    transform: translateY(0) translateX(-50%);
  }
}

/* top-product
--------------------------------- */
.top-product {
  background-color: #F4F4F4;
  padding-top: 37px;
  padding-bottom: 220px;
}
@media (min-width: 960px) {
  .top-product {
    padding-top: 60px;
    padding-bottom: 135px;
  }
}
.top-product-head {
  text-align: center;
  padding-bottom: 32px;
  opacity: 0;
  transform: translateY(10px);
}
@media (min-width: 960px) {
  .top-product-head {
    padding-top: 62px;
    padding-bottom: 70px;
  }
}
.top-product-head .tit {
  font-weight: 700;
  font-size: 25px;
  font-size: 1.6666666667rem;
  line-height: 1.45;
  position: relative;
  margin-bottom: 0;
  z-index: 2;
}
.top-product-head .tit + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .top-product-head .tit {
    font-size: 31px;
    font-size: 2.0666666667rem;
  }
  .top-product-head .tit + * {
    margin-top: 17px;
  }
}
.top-product-head .tit::after {
  content: "";
  background-color: #333333;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto 0;
  width: 100%;
  height: 1px;
  z-index: -1;
}
.top-product-head .tit > span {
  background-color: #F4F4F4;
  padding-left: 16px;
  padding-right: 16px;
  display: inline-block;
}
@media (min-width: 960px) {
  .top-product-head .tit > span {
    padding-left: 50px;
    padding-right: 50px;
  }
}
.top-product-head .sub {
  line-height: 1.6;
}
@media (min-width: 960px) {
  .top-product-head .sub {
    line-height: 1.4;
  }
}
body.is-loaded .top-product-head {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 1s;
}
.top-product-search {
  background-color: #333333;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding-top: 8px;
  padding-bottom: 30px;
  position: relative;
}
@media (min-width: 960px) {
  .top-product-search {
    flex-direction: row;
  }
}
.top-product-search + * {
  margin-top: 30px;
}
@media (min-width: 960px) {
  .top-product-search {
    padding-top: 9px;
    padding-bottom: 9px;
  }
  .top-product-search + * {
    margin-top: 30px;
  }
}
.top-product-search-tit {
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-size: 1.1333333333rem;
  line-height: 1.47;
  font-weight: 500;
  margin-bottom: 12px;
}
@media (min-width: 960px) {
  .top-product-search-tit {
    margin-bottom: 0;
    min-width: 110px;
    max-width: 264px;
    width: 30.3099885189%;
  }
}
@media (max-width: 959px) {
  .top-product-search form {
    width: 100%;
  }
}
@media (min-width: 960px) {
  .top-product-search form {
    width: 100%;
    max-width: 871px;
  }
}
.top-product-search-form {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media (min-width: 960px) {
  .top-product-search-form {
    width: auto;
    flex-direction: row;
    margin-left: -10px;
    margin-bottom: -10px;
    padding-left: 0;
    padding-right: 0;
  }
}
.top-product-search-input, .top-product-search-input.form-input {
  margin-top: 0;
  padding-bottom: 10px;
  width: 100%;
}
@media (min-width: 960px) {
  .top-product-search-input, .top-product-search-input.form-input {
    padding-left: 10px;
    width: 28.7026406429%;
    max-width: 250px;
  }
}
@media (min-width: 960px) {
  .top-product-search-input.width-small {
    width: 17.2215843858%;
  }
}
.top-product-search-select, .top-product-search-select.form-select {
  margin-top: 0;
  padding-bottom: 10px;
  width: 100%;
}
@media (min-width: 960px) {
  .top-product-search-select, .top-product-search-select.form-select {
    padding-left: 10px;
    width: 28.7026406429%;
    max-width: 250px;
  }
}
.top-product-search-btn {
  position: relative;
  width: auto;
  margin-top: 0 !important;
  margin-left: 0;
  margin-right: auto;
  margin-bottom: 10px;
  padding: 0;
  background: none;
}
@media (min-width: 960px) {
  .top-product-search-btn {
    margin-left: 13px;
    margin-right: 0;
  }
}
.top-product-search-btn > input {
  position: absolute;
  opacity: 0;
}
.top-product-search-btn > span {
  cursor: pointer;
  border-radius: 5px;
  background-color: #D1D1D1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 500;
  width: 92px;
  min-width: 60px;
  height: 32px;
}
.top-product-search-btn > span:before {
  content: "";
  display: block;
  margin-top: 1px;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background: url(../img/common/parts/icon_search-dark.svg) no-repeat;
}
.top-product-link {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 200px;
}
@media (min-width: 960px) {
  .top-product-link {
    position: static;
    width: 22%;
    min-width: 230px;
    max-width: 285px;
    margin-left: auto;
    margin-top: -9px;
    margin-bottom: -9px;
  }
}
.top-product-link a {
  overflow: hidden;
  background-color: #E63333;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 700;
  line-height: 1.46;
  width: 100%;
}
.top-product-link a::before {
  content: "";
  position: absolute;
  top: 0;
  left: -26px;
  border: 26px solid transparent;
  border-bottom: 0;
  border-top: 60px solid #333333;
  width: 0;
  height: 0;
}
@media (max-width: 959px) {
  .top-product-link a {
    padding: 6px 20px;
  }
  .top-product-link a::after {
    width: 13px;
    height: 12px;
  }
}
@media (min-width: 960px) {
  .top-product-link a:hover {
    background-color: rgba(230, 51, 51, 0.7);
  }
}
.top-product-list {
  background-color: #fff;
  margin-top: 0;
  padding-top: 20px;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 960px) {
  .top-product-list {
    background-color: transparent;
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
}
.top-product-list + * {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .top-product-list + * {
    margin-top: 70px;
  }
}

/* top-product-more
--------------------------------- */
@media (max-width: 959px) {
  .top-product-more {
    padding-bottom: 50px;
  }
}
@media (min-width: 960px) {
  .top-product-more {
    height: 160px;
  }
}
.top-product-more-group {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-top: -200px;
}
@media (min-width: 960px) {
  .top-product-more-group {
    flex-direction: row;
    margin-left: -40px;
    margin-top: -70px;
  }
}
.top-product-more-group .btn {
  width: 100%;
}
.top-product-more-group .btn + * {
  padding-top: 20px;
}
@media (min-width: 960px) {
  .top-product-more-group .btn {
    flex: 1;
    width: auto;
    max-width: 380px;
    padding-left: 40px;
  }
  .top-product-more-group .btn + * {
    padding-top: 0;
  }
}
.top-product-more-group a {
  height: 120px;
  width: 100%;
}
@media (min-width: 960px) {
  .top-product-more-group a {
    height: 130px;
  }
}
.top-product-more-group .sub {
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 700;
}
@media (min-width: 960px) {
  .top-product-more-group .sub {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
}

/* top-tit-01
--------------------------------- */
.top-tit-01 {
  overflow: hidden;
  background-color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 960px) {
  .top-tit-01 {
    flex-direction: row;
    margin-top: -1px;
    height: 570px;
  }
}
.top-tit-01 .bg {
  overflow: hidden;
  width: 100%;
  height: 68.2666666667vw;
  transform: translateX(100px);
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 960px) {
  .top-tit-01 .bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    height: 100%;
  }
}
.top-tit-01 .bg-inner {
  overflow: hidden;
  height: 100%;
  width: 100%;
  margin-left: auto;
  position: relative;
}
@media (min-width: 960px) {
  .top-tit-01 .bg-inner {
    width: 56.5625%;
    min-width: 905px;
  }
}
.top-tit-01 .bg-inner::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -50px;
  height: 100%;
  width: calc(100% + 50px);
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 960px) {
  .top-tit-01 .bg-inner::before {
    transform: skewX(-20deg);
  }
}
.top-tit-01 .bg img {
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 100% 0;
     object-position: 100% 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
}
@media (min-width: 960px) {
  .top-tit-01 .bg img {
    -o-object-position: 0 0;
       object-position: 0 0;
  }
}
body.is-loaded .top-tit-01 .bg.is-active {
  transform: translateX(0);
}
body.is-loaded .top-tit-01 .bg.is-active .bg-inner::before {
  transform: translateX(-100%);
}
@media (min-width: 960px) {
  body.is-loaded .top-tit-01 .bg.is-active .bg-inner::before {
    transform: skewX(-20deg) translateX(-100%);
  }
}
body.is-loaded .top-tit-01.row-reverse .bg.is-active .bg-inner::before {
  transform: translateX(100%);
}
@media (min-width: 960px) {
  body.is-loaded .top-tit-01.row-reverse .bg.is-active .bg-inner::before {
    transform: skewX(-20deg) translateX(100%);
  }
}
.top-tit-01.row-reverse .bg {
  transform: translateX(-100px);
}
@media (min-width: 960px) {
  .top-tit-01.row-reverse .bg-inner {
    margin-left: 0;
  }
  .top-tit-01.row-reverse .bg-inner::before {
    left: -50px;
  }
}
.top-tit-01 .content {
  width: 100%;
  height: 100%;
  position: relative;
  max-width: 1380px;
  margin: auto;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 960px) {
  .top-tit-01 .content {
    padding-left: 40px;
    padding-right: 40px;
  }
}
body.is-loaded .top-tit-01 .content.is-active .slash-line {
  animation-delay: 0.2s;
}
body.is-loaded .top-tit-01 .content.is-active .slash-line:nth-of-type(2) {
  animation-delay: 0.3s;
}
body.is-loaded .top-tit-01 .content.is-active .slash-line:nth-of-type(3) {
  animation-delay: 0.4s;
}
body.is-loaded .top-tit-01 .content.is-active .slash-line:nth-of-type(4) {
  animation-delay: 0.5s;
}
body.is-loaded .top-tit-01 .content.is-active .head .text,
body.is-loaded .top-tit-01 .content.is-active .detail,
body.is-loaded .top-tit-01 .content.is-active .btn {
  transition-delay: 1.1s;
}
.top-tit-01 .main {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 28px;
  padding-bottom: 60px;
}
.top-tit-01 .main::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -104px;
  height: 100%;
  width: 100%;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 960px) {
  .top-tit-01 .main::before {
    transform: skewX(-20deg);
  }
}
@media (min-width: 960px) {
  .top-tit-01 .main {
    padding-top: 0;
    padding-bottom: 0;
    width: 41.9230769231%;
    min-width: 485px;
  }
}
@media (min-width: 960px) {
  .top-tit-01.row-reverse .main {
    margin-left: auto;
  }
  .top-tit-01.row-reverse .main:before {
    right: auto;
    left: -104px;
  }
}
.top-tit-01 .head {
  color: #333333;
}
@media (min-width: 960px) {
  .top-tit-01 .head {
    display: flex;
    align-items: center;
  }
}
.top-tit-01 .head + * {
  margin-top: 35px;
}
.top-tit-01 .head .tit {
  display: flex;
  margin-bottom: 0;
}
.top-tit-01 .head .tit > * {
  display: block;
}
.top-tit-01 .head .letter {
  overflow: hidden;
  line-height: 1;
  font-weight: 700;
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-style: italic;
  position: relative;
  padding-right: 10px;
  flex-shrink: 0;
}
@media (min-width: 960px) {
  .top-tit-01 .head .letter {
    font-size: 25px;
    font-size: 1.6666666667rem;
  }
}
.top-tit-01 .head .letter > * {
  display: block;
}
.top-tit-01 .head .letter .large {
  font-size: 37px;
  font-size: 2.4666666667rem;
}
@media (min-width: 960px) {
  .top-tit-01 .head .letter .large {
    font-size: 41px;
    font-size: 2.7333333333rem;
  }
}
.top-tit-01 .head .slash {
  display: flex;
  padding-left: 20px;
  height: 55px;
  width: 76px;
}
@media (min-width: 960px) {
  .top-tit-01 .head .slash {
    padding-left: 25px;
    height: 61px;
    width: 79px;
  }
}
.top-tit-01 .head .slash-line {
  display: block;
  flex-shrink: 0;
  background-color: #E63333;
  height: 100%;
  width: 5px;
  transform: translateX(10px) skewX(-31deg);
}
.top-tit-01 .head .slash-line + * {
  margin-left: 5px;
}
.top-tit-01 .head .text {
  line-height: 1.4;
  font-weight: 500;
  font-size: 13px;
  font-size: 0.8666666667rem;
  margin-top: 4px;
}
@media (min-width: 960px) {
  .top-tit-01 .head .text {
    margin-top: 0;
    font-size: 15px;
    font-size: 1rem;
  }
}
.top-tit-01 .detail .catch {
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 1.45;
  font-weight: 700;
  padding-bottom: 22px;
  margin-bottom: 30px;
  position: relative;
}
@media (min-width: 960px) {
  .top-tit-01 .detail .catch {
    font-size: 22px;
    font-size: 1.4666666667rem;
    padding-bottom: 28px;
    margin-bottom: 15px;
  }
}
.top-tit-01 .detail .catch::after {
  content: "";
  border-bottom: 1px solid #333333;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (min-width: 960px) {
  .top-tit-01 .detail .catch::after {
    width: calc(100% + 110px);
  }
}
@media (min-width: 960px) {
  .top-tit-01.row-reverse .detail .catch::after {
    left: auto;
    right: 0;
    width: calc(100% + 99px);
  }
}
.top-tit-01 .img {
  position: relative;
  margin-top: -20px;
}
@media (min-width: 960px) {
  .top-tit-01 .img {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: -380px;
  }
}
.top-tit-01 .img img {
  width: 100%;
}
@media (min-width: 960px) {
  .top-tit-01 .img img {
    width: 55.4594594595%;
  }
}
.top-tit-01 .img + .btn {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .top-tit-01 .img + .btn {
    margin-top: 30px;
  }
}
.top-tit-01 .btn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 25px;
}
@media (min-width: 960px) {
  .top-tit-01 .btn {
    flex-direction: row;
    margin-top: 30px;
    margin-left: -20px;
  }
}
@media (min-width: 960px) {
  .top-tit-01 .btn.justify-end {
    justify-content: flex-end;
  }
}
.top-tit-01 .btn > div {
  width: 100%;
}
.top-tit-01 .btn > div + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .top-tit-01 .btn > div {
    max-width: 220px;
    padding-left: 20px;
  }
  .top-tit-01 .btn > div + * {
    margin-top: 0;
  }
}
.top-tit-01 .btn a {
  padding-left: 22px;
  padding-right: 22px;
}
@media (max-width: 959px) {
  .top-tit-01 .btn a {
    max-width: 100%;
  }
}

/* top-tit-02
--------------------------------- */
.top-tit-02 {
  overflow: hidden;
  background-color: #F0F0F0;
}
@media (min-width: 960px) {
  .top-tit-02 {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: -1px;
    height: 488px;
  }
}
.top-tit-02 .bg {
  overflow: hidden;
  position: relative;
  height: 68.2666666667vw;
  transform: translateX(-50px);
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 960px) {
  .top-tit-02 .bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.top-tit-02 .bg-inner {
  overflow: hidden;
  background-color: #000;
  height: 100%;
  width: 100%;
  position: relative;
  margin-right: auto;
}
@media (min-width: 960px) {
  .top-tit-02 .bg-inner {
    width: 56.5625%;
    min-width: 905px;
  }
}
.top-tit-02 .bg-inner::before {
  content: "";
  background-color: #F0F0F0;
  position: absolute;
  top: 0;
  left: -50px;
  height: 100%;
  width: calc(100% + 50px);
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  z-index: 1;
}
@media (min-width: 960px) {
  .top-tit-02 .bg-inner::before {
    transform: skewX(-20deg);
  }
}
.top-tit-02 .bg .cap {
  color: #fff;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 700;
  display: block;
  position: absolute;
  bottom: 14px;
  left: 20px;
}
@media (min-width: 960px) {
  .top-tit-02 .bg .cap {
    bottom: 18px;
    left: 30px;
  }
}
.top-tit-02 .bg img {
  pointer-events: none;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  vertical-align: top;
  opacity: 0.65;
}
@media (min-width: 960px) {
  .top-tit-02 .bg img {
    -o-object-position: -180px ​center;
       object-position: -180px ​center;
  }
}
body.is-loaded .top-tit-02 .bg.is-active {
  transform: translateX(0);
}
body.is-loaded .top-tit-02 .bg.is-active .bg-inner::before {
  transform: translateX(100%);
}
@media (min-width: 960px) {
  body.is-loaded .top-tit-02 .bg.is-active .bg-inner::before {
    transform: skewX(-20deg) translateX(100%);
  }
}
.top-tit-02 .content {
  width: 100%;
  height: 100%;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 960px) {
  .top-tit-02 .content {
    max-width: 1380px;
    margin: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
}
body.is-loaded .top-tit-02 .content.is-active .head,
body.is-loaded .top-tit-02 .content.is-active .detail,
body.is-loaded .top-tit-02 .content.is-active .btn {
  transition-delay: 0.7s;
}
.top-tit-02 .main {
  background-color: #F0F0F0;
  width: 100%;
  height: 100%;
  position: relative;
  padding-top: 20px;
  padding-bottom: 60px;
}
.top-tit-02 .main::before {
  content: "";
  background-color: #F0F0F0;
  position: absolute;
  top: 0;
  left: -91px;
  height: 100%;
  width: 100%;
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (min-width: 960px) {
  .top-tit-02 .main::before {
    transform: skewX(-20deg);
  }
}
@media (min-width: 960px) {
  .top-tit-02 .main {
    width: 65.1538461538%;
    min-width: 680px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
}
.top-tit-02 .head {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column-reverse;
  color: #333333;
}
@media (min-width: 960px) {
  .top-tit-02 .head {
    flex-direction: row;
  }
}
.top-tit-02 .head + * {
  margin-top: 44px;
}
@media (min-width: 960px) {
  .top-tit-02 .head + * {
    margin-top: 23px;
  }
}
.top-tit-02 .head .tit {
  font-size: 26px;
  font-size: 1.7333333333rem;
  font-weight: 700;
  line-height: 1.45;
  margin-bottom: 0;
  margin-top: 30px;
}
@media (min-width: 960px) {
  .top-tit-02 .head .tit {
    font-size: 31px;
    font-size: 2.0666666667rem;
    margin-bottom: 15px;
    margin-top: 0;
  }
}
.top-tit-02 .head .tit > * {
  display: block;
}
.top-tit-02 .head .list {
  display: flex;
  align-items: center;
  margin-left: -8px;
}
.top-tit-02 .head .list > * {
  padding-left: 8px;
}
.top-tit-02 .head .label {
  text-align: center;
  background-color: #333333;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 700;
  line-height: 1.2;
  width: 77px;
  height: 77px;
}
@media (min-width: 960px) {
  .top-tit-02 .head .label {
    font-size: 15px;
    font-size: 1rem;
    width: 80px;
    height: 80px;
  }
}
.top-tit-02 .head .label.red {
  background-color: #E63333;
}
.top-tit-02 .detail .catch {
  font-size: 21px;
  font-size: 1.4rem;
  line-height: 1.45;
  font-weight: 700;
  padding-bottom: 20px;
  margin-bottom: 22px;
  position: relative;
}
@media (min-width: 960px) {
  .top-tit-02 .detail .catch {
    font-size: 24px;
    font-size: 1.6rem;
    padding-bottom: 23px;
    margin-bottom: 15px;
  }
}
.top-tit-02 .detail .catch::after {
  content: "";
  border-bottom: 1px solid #333333;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
}
@media (min-width: 960px) {
  .top-tit-02 .detail .catch::after {
    left: auto;
    right: 0;
    width: calc(100% + 92px);
  }
}
.top-tit-02 .btn {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  margin-top: 30px;
}
@media (min-width: 960px) {
  .top-tit-02 .btn {
    flex-wrap: nowrap;
    flex-direction: row;
    margin-left: -22px;
    margin-bottom: -10px;
  }
}
.top-tit-02 .btn > div {
  width: 100%;
}
.top-tit-02 .btn > div + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .top-tit-02 .btn > div {
    max-width: 217px;
    width: 25.491%;
    padding-left: 22px;
    padding-bottom: 10px;
  }
  .top-tit-02 .btn > div + * {
    margin-top: 0;
  }
}
.top-tit-02 .btn a {
  padding-left: 22px;
  padding-right: 22px;
  max-width: 100%;
}
@media (min-width: 960px) {
  .top-tit-02 .btn a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    max-width: none;
  }
}

/* top-localnav
--------------------------------- */
.top-localnav {
  padding-bottom: 60px;
}
@media (min-width: 960px) {
  .top-localnav {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 960px) {
  .top-localnav-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-left: -30px;
    margin-bottom: -30px;
  }
}
@media (min-width: 1300px) {
  .top-localnav-wrap {
    margin-left: -26px;
    margin-bottom: 0;
  }
}
.top-localnav-wrap .item {
  width: 100%;
}
@media (max-width: 959px) {
  .top-localnav-wrap .item + * {
    margin-top: 10px;
  }
}
@media (min-width: 960px) {
  .top-localnav-wrap .item {
    width: 50%;
    padding-left: 30px;
    padding-bottom: 30px;
  }
}
@media (min-width: 1300px) {
  .top-localnav-wrap .item {
    width: 25%;
    padding-left: 26px;
    padding-bottom: 0;
  }
}
.top-localnav-btn {
  width: 100%;
}
@media (max-width: 959px) {
  .top-localnav-btn .main .tit {
    font-size: 18px;
    font-size: 1.2rem;
  }
  .top-localnav-btn .main .tit::after {
    width: 52px;
  }
}
@media (max-width: 959px) {
  .top-localnav-btn .main .sub {
    font-size: 13px;
    font-size: 0.8666666667rem;
  }
}

/* top-video
--------------------------------- */
.top-video {
  padding-top: 43px;
  padding-bottom: 40px;
}
@media (min-width: 960px) {
  .top-video {
    padding-top: 70px;
    padding-bottom: 85px;
  }
}
.top-video-tit {
  margin-bottom: 24px;
}
@media (min-width: 960px) {
  .top-video-tit {
    margin-bottom: 28px;
  }
}
.top-video-tit a {
  display: inline-flex;
  align-items: center;
  padding-right: 26px;
}
.top-video-tit a::after {
  right: 0;
  width: 19px;
  height: 16px;
}
.top-video-tit a > span {
  display: block;
}
.top-video-tit .img {
  max-width: 161px;
}
.top-video-tit .text {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 500;
  margin-left: 18px;
}
@media (min-width: 960px) {
  .top-video-list {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-bottom: -20px;
  }
}
.top-video-item {
  width: 100%;
}
.top-video-item + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .top-video-item {
    padding-left: 15px;
    padding-bottom: 20px;
    width: 25%;
  }
  .top-video-item + * {
    margin-top: 0;
  }
}
.top-video-frame {
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.top-video-frame > iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
}
.top-video-text {
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1.4;
  font-weight: 500;
  margin-top: 8px;
}
@media (min-width: 960px) {
  .top-video-text {
    font-size: 14px;
    font-size: 0.9333333333rem;
  }
}

/* top-news
--------------------------------- */
.top-news {
  background-color: #F4F4F4;
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (min-width: 960px) {
  .top-news {
    padding-bottom: 70px;
  }
}
.top-news .tit {
  line-height: 1.4;
  margin-bottom: 0;
}
.top-news .tit > * {
  display: block;
}
.top-news .tit strong {
  font-size: 21px;
  font-size: 1.4rem;
  margin-bottom: 7px;
}
@media (min-width: 960px) {
  .top-news .tit strong {
    font-size: 31px;
    font-size: 2.0666666667rem;
  }
}
.top-news .tit span {
  font-size: 15px;
  font-size: 1rem;
}
.top-news .main {
  margin-top: 21px;
}
@media (min-width: 960px) {
  .top-news .main {
    margin-top: 34px;
  }
}
.top-news .btn {
  margin-top: 20px;
  width: 100%;
}
@media (max-width: 959px) {
  .top-news .btn a {
    max-width: 100%;
  }
}
@media (min-width: 960px) {
  .top-news .btn {
    margin-top: 25px;
    max-width: 200px;
  }
}
@media (min-width: 960px) {
  .top-news-content {
    display: flex;
    margin-left: -60px;
  }
  .top-news-content > * {
    margin-left: 60px;
  }
}
.top-news-item {
  width: 100%;
}
.top-news-item + * {
  margin-top: 60px;
}
@media (min-width: 960px) {
  .top-news-item + * {
    margin-top: 0;
  }
  .top-news-item:nth-of-type(1) {
    width: 65.0769230769%;
    max-width: 846px;
  }
  .top-news-item:nth-of-type(2) {
    width: 30.3076923077%;
    max-width: 394px;
  }
}

/* topics-list
--------------------------------- */
@media (min-width: 960px) {
  .topics-list {
    margin-top: 41px;
  }
}
.topics-list-item {
  border-bottom: 1px solid #D1D1D1;
}
@media (min-width: 960px) {
  .topics-list-item .info-btn-01 {
    padding: 16px 65px 14px 0;
  }
  .topics-list-item .info-btn-01::before {
    content: none;
    display: none;
  }
  .topics-list-item .info-btn-01::after {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    background-image: url(../img/common/parts/icon_arrow-right-r.svg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 19px;
    height: 16px;
  }
}
.topics-list-item .info-btn-01 .date {
  margin-top: 4px;
}
.topics-list-item .info-btn-01:hover::after {
  animation: move-arrow cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s forwards;
}
.topics-list-item .info-btn-01:hover .text {
  text-decoration: underline;
}
.topics-list-item .info-btn-01 > * {
  margin: 0;
}

/* sns-list
--------------------------------- */
.sns-list {
  margin-top: 31px;
}
@media (min-width: 960px) {
  .sns-list {
    margin-top: 0;
  }
}
.sns-list-item a {
  display: block;
}
.sns-list-item + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .sns-list-item.margin {
    margin-top: 45px;
  }
}
@media (min-width: 960px) {
  .sns-list-item a:hover {
    opacity: 0.7;
  }
}

/* menubar
--------------------------------- */
.menubar {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 58px;
  width: 100%;
  z-index: 100;
  opacity: 0;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  pointer-events: none;
}
.is-scroll .menubar {
  opacity: 1;
  pointer-events: all;
}
.menubar-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.menubar-list {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
}
.menubar-item {
  padding-left: 5px;
}
.menubar-item a {
  border-radius: 3px;
  background-color: #333333;
  display: flex;
  position: relative;
  width: 48px;
  height: 48px;
}
.menubar-item a.red {
  background-color: #E63333;
}
.menubar-item a::after {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.menubar-item a.ico-search::after {
  background-image: url(../img/common/parts/icon_search-white.svg);
  width: 19px;
  height: 20px;
}
.menubar-item a.ico-mail::after {
  background-image: url(../img/common/parts/icon_mail.svg);
  width: 28px;
  height: 21px;
}
.menubar-item a.ico-tel::after {
  background-image: url(../img/common/parts/icon_tel-white.svg);
  width: 28px;
  height: 29px;
}
.menubar-popup {
  background-color: #333333;
  position: absolute;
  left: 0;
  bottom: 70px;
  width: 100%;
  opacity: 0;
  animation: fade-down 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  pointer-events: none;
  z-index: -1;
}
body.is-loaded .menubar-popup.is-open {
  pointer-events: all;
  animation: fade-up 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.menubar-popup-inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.menubar-popup-inner::after {
  content: "";
  position: absolute;
  left: 23px;
  bottom: -14px;
  border: 9px solid transparent;
  border-bottom: 0;
  border-top: 18px solid #333333;
  width: 0;
  height: 0;
}
.menubar-form {
  padding: 15px 20px;
}
.menubar-form-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 7px;
}
.menubar-form-head .tit {
  color: #fff;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 500;
  line-height: 1.4;
  margin-bottom: 0;
}
.menubar-form-head .menubar-close {
  display: block;
  color: #fff;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 400;
  line-height: 1.4;
  padding-right: 25px;
  position: relative;
}
.menubar-form-head .menubar-close::before, .menubar-form-head .menubar-close::after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 50%;
  right: 0;
  width: 20px;
  height: 1px;
}
.menubar-form-head .menubar-close::before {
  transform: rotate(45deg);
}
.menubar-form-head .menubar-close::after {
  transform: rotate(-45deg);
}
.menubar-form-btn {
  position: relative;
  margin-top: 10px !important;
}
.menubar-form-btn > input {
  position: absolute;
  opacity: 0;
}
.menubar-form-btn > span {
  cursor: pointer;
  border-radius: 5px;
  background-color: #D1D1D1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 500;
  width: 92px;
  height: 32px;
}
.menubar-form-btn > span:before {
  content: "";
  display: block;
  margin-top: 1px;
  margin-right: 5px;
  width: 16px;
  height: 16px;
  background: url(../img/common/parts/icon_search-dark.svg) no-repeat;
}
@media (min-width: 960px) {
  .menubar {
    display: none;
  }
}

.fit-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.fit-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.font-noto {
  font-family: "Noto Sans JP", sans-serif;
}
.font-roboto {
  font-family: "Roboto", sans-serif;
}

/* アニメーション
====================================== */
.com-anime-01 {
  opacity: 0;
  transform: translateY(10px);
}
body.is-loaded .is-active .com-anime-01, body.is-loaded .com-anime-01.is-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.com-anime-02 {
  opacity: 0;
}
body.is-loaded .is-active .com-anime-02, body.is-loaded .com-anime-02.is-active {
  opacity: 1;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.com-anime-03 {
  opacity: 0;
  transform: translateX(10px);
}
.com-anime-03.reverse {
  transform: translateX(-10px);
}
body.is-loaded .is-active .com-anime-03, body.is-loaded .com-anime-03.is-active {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.com-anime-letter {
  display: block;
  position: relative;
  overflow: hidden;
}
.com-anime-letter:after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  right: -5px;
  width: calc(100% + 10px);
  height: 100%;
  transition: all 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.is-loaded .is-active .com-anime-letter::after, body.is-loaded .com-anime-letter.is-active::after {
  width: 0;
}

.com-anime-slash-line {
  opacity: 0;
  transform: translateX(20px) skewX(-31deg);
}
body.is-loaded .is-active .com-anime-slash-line, body.is-loaded .com-anime-slash-line.is-active {
  animation: slash-in 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
body.is-loaded .is-active .com-anime-slash-line:nth-of-type(2), body.is-loaded .com-anime-slash-line.is-active:nth-of-type(2) {
  animation-delay: 0.1s;
}
body.is-loaded .is-active .com-anime-slash-line:nth-of-type(3), body.is-loaded .com-anime-slash-line.is-active:nth-of-type(3) {
  animation-delay: 0.2s;
}
body.is-loaded .is-active .com-anime-slash-line:nth-of-type(4), body.is-loaded .com-anime-slash-line.is-active:nth-of-type(4) {
  animation-delay: 0.3s;
}

@keyframes slash-in {
  0% {
    opacity: 0;
    transform: translateX(50px) skewX(-31deg);
  }
  100% {
    opacity: 1;
    transform: translateX(0) skewX(-31deg);
  }
}
@keyframes move-arrow {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(3px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-arrow-reverse {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(-3px, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes move-arrow-down {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 3px);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fade-down {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(10px);
  }
}
@keyframes mv-tit {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes mv-logo {
  0% {
    opacity: 0;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes mv-zoom-in {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  3% {
    opacity: 1;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/* .main-container
====================================== */
.main-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .main-container {
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    margin-top: 60px;
  }
}
.main-section {
  width: 100%;
}
@media (max-width: 959px) {
  .main-section:not(.no-padding) {
    padding-top: 32px;
  }
  .main-section > *:first-child {
    padding-top: 0;
  }
}
@media (min-width: 960px) {
  .main-section {
    flex: 1;
    width: 73.8461538462%;
    max-width: calc(100% - 340px);
  }
}

/* .side
====================================== */
.side {
  flex-shrink: 0;
  height: 100%;
  /* side-container
  ====================================== */
  /* side-panel
  ====================================== */
  /* side-list
  ====================================== */
  /* side-special
  ====================================== */
  /* side-card
  ====================================== */
  /* side-btn
  ====================================== */
  /* side-banner
  ====================================== */
}
@media (min-width: 960px) {
  .side {
    width: 280px;
  }
}
* + .side {
  margin-top: 40px;
}
@media (min-width: 960px) {
  * + .side {
    margin-top: 0;
    margin-right: 60px;
  }
}
.side-container {
  overflow: auto;
  height: 100%;
}
.side-new-products {
  margin-top: 40px !important;
  margin-bottom: 40px;
}
.side-panel {
  background-color: #F0F0F0;
}
.side-panel + * {
  margin-top: 20px;
}
.side-panel + *.side-card {
  margin-top: 40px;
}
.side-panel-head {
  background-color: #333333;
}
.side-panel-tit {
  color: #fff;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
.side-panel-tit > * {
  display: block;
  padding: 10px 30px 10px 17px;
}
.side-panel-tit a {
  color: #fff;
  position: relative;
}
.side-panel-tit a::after {
  content: "";
  background: url(../img/common/parts/icon_arrow-right-w.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  margin: auto 0;
  width: 13px;
  height: 11px;
}
.side-panel-tit a:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.side-panel-body {
  padding: 0 15px;
}
.side-panel-body > *:first-child:not(ul) {
  margin-top: 15px;
}
.side-panel-input + * {
  margin-top: 10px;
}
* + .side-panel-btn {
  margin-top: 15px;
  padding-bottom: 15px;
}
.side-panel-btn .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  margin-left: auto;
  margin-right: auto;
  width: 92px;
}
.side-panel-btn .btn::after {
  display: none;
}
.side-panel-btn .btn .icon-search {
  display: block;
  width: 13px;
  height: 14px;
  margin-right: 5px;
  background: url(../img/common/parts/icon_search-white.svg) center no-repeat;
  background-size: contain;
}
.side-panel .side-banner {
  margin-top: 20px;
}
.side-panel .side-banner:last-child {
  padding-bottom: 20px;
}
.side-list + * {
  margin-top: 20px;
}
.side-list.white {
  background-color: #fff;
}
.side-list.white a {
  padding: 14px 15px 14px 14px;
}
.side-list.expand {
  margin-left: -15px;
  margin-right: -15px;
}
.side-list.white.expand {
  border-right: 1px solid #D1D1D1;
  border-left: 1px solid #D1D1D1;
}
.side-list.white.expand a::after {
  right: 10px;
}
.side-list + * {
  margin-top: 20px;
}
.side-list li {
  border-bottom: 1px solid #D1D1D1;
}
.side-list a {
  display: block;
  padding: 14px 15px 14px 5px;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
}
.side-list a::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url(../img/common/parts/icon_arrow-right-r.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 13px;
  height: 11px;
}
.side-list a.is-current {
  pointer-events: none;
  background-color: #F4F4F4;
}
.side-list a:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.side-special {
  margin-top: 40px;
}
.side-special + * {
  margin-top: 40px;
}
.side-card + * {
  margin-top: 10px;
}
.side-card-layer {
  background-color: #F0F0F0;
  display: flex;
  align-items: center;
  position: relative;
  padding: 9px 24px 9px 7px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.side-card-layer::after {
  content: "";
  border: 1px solid transparent;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.side-card-layer:hover {
  opacity: 0.7;
}
.side-card-layer:hover::after {
  border-color: #D1D1D1;
}
.side-card-layer:hover .com-btn-02 {
  background-color: #000;
}
.side-card-layer:hover .com-btn-02::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.side-card-img {
  flex-shrink: 0;
}
.side-card-img-inner {
  overflow: hidden;
  width: 81px;
  height: 81px;
}
.side-card-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.side-card-main {
  flex-grow: 1;
  padding-left: 10px;
}
.side-card-tit {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 7px;
  margin-bottom: 6px;
  position: relative;
}
.side-card-tit::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 42px;
}
.side-card-sub {
  margin: 0;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 500;
  line-height: 1.4;
}
.side-card-btn {
  position: absolute;
  top: 50%;
  right: 3px;
  transform: translateY(-50%);
}
.side-btn-01 {
  display: flex;
  border: 2px solid #e63333;
  font-weight: bold;
}
.side-btn-01:hover .arrow::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.side-btn-01 .inner {
  padding: 20px 35px;
}
.side-btn-01 .accent {
  display: block;
  color: #e63333;
  font-size: 14px;
  font-size: 0.9333333333rem;
}
.side-btn-01 .tit {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  border-top: 1px solid #333333;
  margin-top: 0.2em;
  padding-top: 0.2em;
}
.side-btn-01 .arrow {
  width: 42px;
  margin-left: auto;
  background: #e63333;
  display: flex;
  justify-content: center;
  align-items: center;
}
.side-btn-01 .arrow::after {
  content: url(../img/common/parts/icon_arrow-right-w.svg);
}
.side-banner {
  margin-top: 40px;
}
.side-banner + * {
  margin-top: 40px;
}
.side-banner a {
  display: block;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.side-banner a:not(.yahoo):not(.noborder) {
  border: 1px solid #D1D1D1;
}
.side-banner a + a {
  margin-top: 10px;
}
.side-banner a:hover {
  opacity: 0.7;
}
.side-banner a.side-banner-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 98px;
  padding: 1em;
  font-size: 16px;
  font-size: 1.0666666667rem;
  color: #fff;
  background: #000 no-repeat center;
  background-size: cover;
}
@media (min-width: 960px) {
  .side-banner a.side-banner-btn {
    font-size: 18px;
    font-size: 1.2rem;
  }
}
.side-banner a.side-banner-btn:hover {
  color: #fff;
}
.side-banner a.side-banner-btn.instant-delivery {
  background-image: url(../img/common/parts/banner_instant-delivery.jpg);
}

/* parts
====================================== */
/* pagetop
--------------------------------- */
.pagetop {
  background-color: #e63333;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  right: 10px;
  bottom: -48px;
  z-index: 100;
  width: 48px;
  height: 48px;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.pagetop > span {
  position: relative;
  display: block;
}
.pagetop > span::after {
  content: "";
  background: url(../img/common/parts/icon_chevron-up.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 9px;
  transform: translate(-50%, -50%);
}
.is-scroll .pagetop {
  bottom: 10px;
}

/* page-breadcrumb
--------------------------------- */
.page-breadcrumb {
  overflow: hidden;
  background-color: #333333;
  position: relative;
  padding-left: 30px;
}
@media (min-width: 960px) {
  .page-breadcrumb {
    padding-left: 150px;
  }
}
.page-breadcrumb::before, .page-breadcrumb::after {
  content: "";
  position: absolute;
  top: 0;
}
.page-breadcrumb::before {
  border: 28px solid transparent;
  border-bottom: 0;
  border-top: 56px solid #333333;
  width: 0;
  height: 0;
  left: -2px;
  z-index: 4;
}
@media (min-width: 960px) {
  .page-breadcrumb::before {
    left: 120px;
  }
}
.page-breadcrumb::after {
  border: 28px solid transparent;
  border-bottom: 0;
  border-top: 56px solid #E63333;
  width: 0;
  height: 0;
  left: 0;
  z-index: 3;
}
@media (min-width: 960px) {
  .page-breadcrumb::after {
    left: 123px;
  }
}
.page-breadcrumb-list {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  background-color: #F4F4F4;
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  z-index: 2;
  padding: 10px 10px 10px 25px;
}
@media (min-width: 960px) {
  .page-breadcrumb-list {
    padding: 16px 10px 16px 40px;
  }
}
.page-breadcrumb-item {
  position: relative;
  color: #333333;
  line-height: 1;
}
.page-breadcrumb-item:not(:first-child):not(:last-child) {
  padding-right: 24px;
  margin-right: 3px;
}
.page-breadcrumb-item:not(:first-child):not(:last-child)::before {
  content: "＞";
  position: absolute;
  top: 50%;
  right: 4px;
  transform: translateY(-50%);
  font-size: 13px;
  font-size: 0.8666666667rem;
  width: 1em;
  height: 1em;
}
.page-breadcrumb-item:first-child {
  padding-right: 38px;
  margin-right: 8px;
}
.page-breadcrumb-item:first-child::before {
  content: "";
  border-top: 1px solid #E63333;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 24px;
  height: 1px;
}
.page-breadcrumb-item > a, .page-breadcrumb-item > span {
  color: #333333;
  display: inline-block;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 400;
  line-height: 1.4;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
@media (min-width: 960px) {
  .page-breadcrumb-item > a, .page-breadcrumb-item > span {
    font-size: 13px;
    font-size: 0.8666666667rem;
  }
}
.page-breadcrumb-item > a:hover {
  color: #333333;
  opacity: 0.7;
}

/* narrowdown-bar
--------------------------------- */
.narrowdown-bar {
  background-color: #F2F2F1;
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding: 10px 13px;
}
@media (min-width: 960px) {
  .narrowdown-bar {
    padding: 15px 5px;
  }
}
.com-text-01 + .narrowdown-bar {
  margin-top: 40px;
}
.com-tit-01 + .narrowdown-bar {
  margin-top: 60px;
}
.narrowdown-bar + * {
  margin-top: 60px;
}
.narrowdown-bar-head {
  display: none;
}
@media (min-width: 960px) {
  .narrowdown-bar-head {
    display: block;
    padding-left: 13px;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-size: 0.8666666667rem;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
  }
  .narrowdown-bar-head::after {
    content: "";
    border-right: 1px solid #D1D1D1;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
  }
}
.narrowdown-bar-body {
  display: flex;
  align-items: center;
  margin-bottom: -10px;
  margin-left: -20px;
}
@media (max-width: 959px) {
  .narrowdown-bar-body {
    flex-wrap: wrap;
  }
}
.narrowdown-bar-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-bottom: 10px;
}
@media (min-width: 640px) {
  .narrowdown-bar-item {
    width: auto;
  }
}
.narrowdown-bar-btn {
  justify-content: center;
}
.narrowdown-bar-btn .btn {
  width: 100px;
  font-size: 14px;
  font-size: 0.9333333333rem;
}
.narrowdown-bar-select {
  min-width: 150px;
}
@media (max-width: 639px) {
  .narrowdown-bar-select {
    flex: 1;
  }
}
@media (min-width: 640px) {
  .narrowdown-bar-select {
    max-width: 230px;
  }
}
.narrowdown-bar-select > select {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  padding-right: 28px !important;
  padding-left: 14px !important;
}
@media (max-width: 959px) {
  .narrowdown-bar-select > select {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}
.narrowdown-bar + .sort-bar {
  margin-top: 0;
}

/* sort-bar
--------------------------------- */
.sort-bar {
  display: flex;
  align-items: center;
  margin-top: 40px;
  padding: 10px 13px;
  border-top: 1px solid #F2F2F1;
  border-bottom: 1px solid #F2F2F1;
}
@media (min-width: 960px) {
  .sort-bar {
    padding: 10px 5px;
  }
}
.com-text-01 + .sort-bar {
  margin-top: 40px;
}
.com-tit-01 + .sort-bar {
  margin-top: 60px;
}
.sort-bar + * {
  margin-top: 60px;
}
.sort-bar-head {
  display: none;
}
@media (min-width: 960px) {
  .sort-bar-head {
    display: block;
    padding-left: 13px;
    padding-right: 15px;
    margin-right: 15px;
    font-size: 13px;
    font-size: 0.8666666667rem;
    font-weight: 400;
    line-height: 1.4;
    position: relative;
  }
  .sort-bar-head::after {
    content: "";
    border-right: 1px solid #D1D1D1;
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
  }
}
.sort-bar-body {
  display: flex;
  align-items: center;
  margin-bottom: -10px;
  margin-left: -20px;
}
@media (max-width: 959px) {
  .sort-bar-body {
    flex-wrap: wrap;
  }
}
.sort-bar-item {
  display: flex;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-bottom: 10px;
}
@media (min-width: 640px) {
  .sort-bar-item {
    width: auto;
  }
}
.sort-bar-item > p {
  flex-shrink: 0;
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 639px) {
  .sort-bar-item > p {
    min-width: 6em;
  }
}
.sort-bar-item > p:first-child {
  margin-right: 8px;
}
.sort-bar-select {
  min-width: 150px;
}
@media (max-width: 639px) {
  .sort-bar-select {
    flex: 1;
  }
}
@media (min-width: 640px) {
  .sort-bar-select {
    max-width: 230px;
  }
}
.sort-bar-select > select {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 400;
  padding-right: 28px !important;
  padding-left: 14px !important;
}
@media (max-width: 959px) {
  .sort-bar-select > select {
    padding-left: 11px !important;
    padding-right: 11px !important;
  }
}

/* コンテンツ幅の展開用クラス
--------------------------------- */
@media (max-width: 959px) {
  .com-expand-s {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 960px) {
  .com-expand-m {
    margin-left: -40px;
    margin-right: -40px;
  }
}

/* section セクション
--------------------------------- */
.com-section-01 {
  padding-top: 50px;
}
@media (min-width: 960px) {
  .com-section-01 {
    padding-top: 70px;
  }
}

.com-section-02 {
  padding-top: 75px;
}
@media (min-width: 960px) {
  .com-section-02 {
    padding-top: 110px;
  }
}

/* grid グリッド
--------------------------------- */
@media (max-width: 959px) {
  .com-grid-01 > * + * {
    margin-top: 40px;
  }
}
@media (min-width: 960px) {
  .com-grid-01 {
    display: flex;
    flex-wrap: wrap;
    margin-left: -50px;
    margin-bottom: -60px;
  }
  .com-grid-01 > * {
    width: 50%;
    padding-left: 50px;
    padding-bottom: 60px;
  }
}

.com-grid-02 {
  margin-left: -30px;
}
@media (min-width: 1360px) {
  .com-grid-02 {
    margin-left: -50px;
  }
}
.com-grid-02 > * {
  padding-left: 30px;
}
@media (min-width: 1360px) {
  .com-grid-02 > * {
    padding-left: 50px;
  }
}

.com-grid-05 {
  margin-left: -5px;
}
.com-grid-05 > * {
  padding-left: 5px;
}
.com-grid-05 > .uk-grid-margin {
  margin-top: 5px;
}

.com-grid-10 {
  margin-left: -10px;
}
.com-grid-10 > * {
  padding-left: 10px;
}
.com-grid-10 > .uk-grid-margin {
  margin-top: 10px;
}

.com-grid-30 {
  margin-left: -30px;
}
.com-grid-30 > * {
  padding-left: 30px;
}
.com-grid-30 > .uk-grid-margin {
  margin-top: 30px;
}

/* text テキスト
--------------------------------- */
.com-text-01 {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.86;
  font-weight: 400;
}
.com-text-01 + * {
  margin-top: 24px;
}
.com-text-01 + p {
  margin-top: 14px;
}
.com-text-01.large {
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 960px) {
  .com-text-01.large {
    font-size: 24px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
.com-text-01.large + * {
  margin-top: 32px;
}
.com-text-01.bold,
.com-text-01 .bold {
  font-weight: 700;
}

.block-editor-writing-flow p.has-small-font-size,
.block-content p.has-small-font-size,
.single-detail p.has-small-font-size, .com-text-01.small {
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1.8;
}

.com-text-02 {
  font-size: 17px;
  font-size: 1.1333333333rem;
  line-height: 1.5;
  font-weight: 700;
  margin: 0;
}
.com-text-02.normal {
  font-weight: 400;
}
.com-text-02 + * {
  margin-top: 14px;
}

.com-em-01 {
  display: inline-block;
  padding: 10px 20px;
  font-weight: bold;
  color: #e63333;
  border: 1px solid #e63333;
}

/* panel パネル
--------------------------------- */
.com-panel-wrap {
  display: block;
  margin-top: 40px;
}
@media (min-width: 960px) {
  .com-panel-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 60px;
    margin-left: -60px;
    margin-bottom: -60px;
  }
}
@media (min-width: 960px) {
  .com-panel-wrap > * {
    margin-left: 60px;
    margin-bottom: 60px;
    width: calc(50% - 60px);
  }
}
.com-panel-wrap > * + * {
  margin-top: 60px;
}
@media (min-width: 960px) {
  .com-panel-wrap > * + * {
    margin-top: 0;
  }
}

.com-panel-01 {
  display: block;
}
.com-panel-01 .img {
  overflow: hidden;
  text-align: center;
  position: relative;
}
.com-panel-01 .img + * {
  margin-top: 10px;
}
.com-panel-01 .img.new::after {
  content: "NEW";
  position: absolute;
  top: 0;
  left: 0;
  background-color: #E63333;
  color: #fff;
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1.46;
  font-weight: 500;
  padding: 3px 10px;
}
.com-panel-01 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-panel-01 .label {
  display: flex;
  flex-wrap: wrap;
  margin-left: -5px;
  margin-bottom: -5px;
}
.com-panel-01 .label > * {
  margin-left: 5px;
  margin-bottom: 5px;
}
.com-panel-01 .label + * {
  margin-top: 16px;
}
.com-panel-01 .main {
  margin-top: 16px;
}
.com-panel-01 .btn {
  width: 150px;
  padding: 12px 20px;
}
.com-panel-01 .btn:hover {
  background-color: #000;
}
.com-panel-01 .btn:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.com-panel-01 .btn.movie {
  padding-right: 30px;
}
.com-panel-01 .btn.movie i {
  width: 26px;
  height: 15px;
  margin-right: 5px;
}
.com-panel-01:hover .img img {
  transform: scale(1.03);
}

.com-panel-02 + * {
  margin-top: 40px;
}
.com-panel-02:nth-child(odd) a {
  background-color: #F4F4F4;
}
.com-panel-02 a {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: block;
  position: relative;
  padding: 30px 20px 60px;
}
@media (min-width: 960px) {
  .com-panel-02 a {
    padding: 40px;
  }
}
@media (min-width: 960px) {
  .com-panel-02 a:hover .img img {
    transform: scale(1.03);
  }
  .com-panel-02 a:hover .btn .com-btn-02::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}
.com-panel-02 .tit {
  border-bottom: 1px solid #D1D1D1;
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-weight: 700;
  line-height: 1.45;
  padding: 0 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 23px;
}
.com-panel-02 .tit > span {
  display: inline-block;
  position: relative;
  padding: 0 20px 18px;
  margin-left: -20px;
  margin-right: -20px;
}
.com-panel-02 .tit > span::before {
  content: "";
  background-color: #E63333;
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 4px;
  width: 165px;
}
@media (min-width: 960px) {
  .com-panel-02 .tit {
    padding: 0 40px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 30px;
  }
  .com-panel-02 .tit > span {
    display: inline-block;
    padding: 0 40px 24px;
    margin-left: -40px;
    margin-right: -40px;
  }
  .com-panel-02 .tit > span::before {
    width: 100%;
  }
}
.com-panel-02 .main {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .com-panel-02 .main {
    flex-direction: row;
  }
}
.com-panel-02 .img {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
  width: 100%;
}
@media (min-width: 960px) {
  .com-panel-02 .img {
    width: 190px;
    height: 125px;
  }
}
@media (max-width: 959px) {
  .com-panel-02 .img::before {
    content: "";
    display: block;
    padding-top: 62.5%;
  }
}
.com-panel-02 .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media (max-width: 959px) {
  .com-panel-02 .img img {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.com-panel-02 .text {
  line-height: 1.87;
  min-width: 0;
}
@media (min-width: 960px) {
  .com-panel-02 .text {
    margin-top: 0;
  }
}
@media (max-width: 959px) {
  .com-panel-02 .img + .text {
    margin-top: 23px;
  }
}
@media (min-width: 960px) {
  .com-panel-02 .img + .text {
    margin-left: 20px;
  }
}
.com-panel-02 .btn {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 26px;
  width: 100%;
}
.com-panel-02 .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  opacity: 0.33;
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.19) 100%);
}
@media (min-width: 960px) {
  .com-panel-02 .btn::after {
    width: 60%;
  }
}
.com-panel-02 .label {
  background-color: #E63333;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  width: 128px;
}
.com-panel-02 .label::after {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  border: 13px solid transparent;
  border-top: 0;
  border-bottom: 26px solid #E63333;
  width: 0;
  height: 0;
}

.com-panel-03 + * {
  margin-top: 64px;
}
.com-panel-03 a {
  overflow: hidden;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #D1D1D1;
  background-color: #fff;
  display: block;
  position: relative;
}
@media (min-width: 1300px) {
  .com-panel-03 a {
    min-height: 232px;
  }
}
@media (min-width: 960px) {
  .com-panel-03 a:hover .bg img {
    transform: scale(1.03);
  }
  .com-panel-03 a:hover .btn .com-btn-02::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}
.com-panel-03 .bg {
  overflow: hidden;
}
@media (min-width: 960px) {
  .com-panel-03 .bg {
    height: 200px;
  }
}
@media (min-width: 960px) and (min-width: 1300px) {
  .com-panel-03 .bg {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 35.208%;
    max-width: 338px;
  }
}
.com-panel-03 .bg-inner {
  background-color: #000;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.com-panel-03 .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-panel-03 .bg .over {
  text-align: center;
  color: #fff;
  line-height: 1.4;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  opacity: 0.65;
}
@media (min-width: 1300px) {
  .com-panel-03 .bg .over {
    top: 84px;
    padding-right: 40px;
    transform: translate(-50%, 0);
  }
}
.com-panel-03 .bg .over p {
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 500;
}
.com-panel-03 .bg .over strong {
  display: block;
  font-size: 27px;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 2px;
}
.com-panel-03 .main {
  position: relative;
  z-index: 0;
  letter-spacing: 0.03em;
  padding: 35px 20px 40px;
}
@media (min-width: 1300px) {
  .com-panel-03 .main {
    margin-left: auto;
    padding: 35px 4.176% 40px 14px;
    width: 64.792%;
    min-height: 232px;
  }
}
@media (min-width: 1300px) {
  .com-panel-03 .main::after {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -182px;
    width: 100%;
    height: 1000px;
    transform: skewX(-20deg);
    z-index: -1;
  }
}
.com-panel-03 .tit {
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-weight: 700;
  line-height: 1.45;
  padding-bottom: 17px;
  position: relative;
  width: 100%;
}
.com-panel-03 .tit:before {
  content: "";
  background-color: #333333;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 1px;
}
@media (min-width: 1300px) {
  .com-panel-03 .tit:before {
    width: calc(100% + 40px);
  }
}
.com-panel-03 .sub {
  font-size: 19px;
  font-size: 1.2666666667rem;
  font-weight: 700;
  line-height: 1.4;
}
.com-panel-03 .text {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}
.com-panel-03 .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  height: 26px;
  width: 100%;
}
.com-panel-03 .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  opacity: 0.33;
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.19) 100%);
}
@media (min-width: 960px) {
  .com-panel-03 .btn::after {
    width: 60%;
  }
}
.com-panel-03 .label {
  background-color: #E63333;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  width: 128px;
}
.com-panel-03 .label::after {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  border: 13px solid transparent;
  border-top: 0;
  border-bottom: 26px solid #E63333;
  width: 0;
  height: 0;
}
.com-panel-03.gray a {
  background-color: #F0F0F0;
}
@media (min-width: 1300px) {
  .com-panel-03.gray a .main::after {
    background-color: #F0F0F0;
  }
}

.com-panel-04 {
  padding: 20px;
  background: #F4F4F4;
}
@media (min-width: 960px) {
  .com-panel-04 {
    display: flex;
    align-items: center;
  }
}
@media (min-width: 960px) {
  .com-panel-04 .content {
    flex: 1;
    order: 2;
  }
}
.com-panel-04 .head {
  padding-bottom: 16px;
  margin-bottom: 15px;
  border-bottom: 1px solid #D1D1D1;
}
@media (min-width: 960px) {
  .com-panel-04 .head {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
  }
}
.com-panel-04 .tit {
  margin: 0;
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 960px) {
  .com-panel-04 .tit {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
}
.com-panel-04 .labels {
  display: flex;
  margin-top: 10px;
  margin-right: 0;
  margin-left: auto;
  margin-bottom: -5px;
}
@media (min-width: 960px) {
  .com-panel-04 .labels {
    flex-wrap: wrap;
    margin-top: 0;
  }
}
.com-panel-04 .labels > * {
  margin-left: 5px;
  margin-bottom: 5px;
}
.com-panel-04 .text {
  font-size: 15px;
  font-size: 1rem;
  letter-spacing: 0.03em;
  line-height: 1.8;
}
.com-panel-04 .img {
  width: 100%;
  margin-top: 24px;
}
@media (min-width: 960px) {
  .com-panel-04 .img {
    order: 1;
    width: 294px;
    margin-right: 26px;
    margin-top: 0;
  }
}
.com-panel-04 .img img {
  width: 100%;
}

.com-panel-05 a {
  overflow: hidden;
  background-color: #F4F4F4;
  display: block;
  position: relative;
  padding-bottom: 26px;
}
@media (min-width: 960px) {
  .com-panel-05 a:hover .bg img {
    transform: scale(1.03);
  }
  .com-panel-05 a:hover .btn .com-btn-02::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}
.com-panel-05 .bg {
  padding: 10px;
}
.com-panel-05 .bg-inner {
  overflow: hidden;
  background-color: #000;
  position: relative;
  width: 100%;
  height: 200px;
  z-index: 0;
}
@media (min-width: 960px) {
  .com-panel-05 .bg-inner {
    height: 250px;
  }
}
.com-panel-05 .bg-inner::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.65;
}
.com-panel-05 .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-panel-05 .bg .over {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  line-height: 1.4;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.com-panel-05 .bg .over small {
  position: relative;
  display: block;
  margin-top: 14px;
  padding-top: 20px;
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 400;
}
.com-panel-05 .bg .over small::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 60px;
  height: 4px;
  background: #E63333;
  transform: translate(-50%, 0);
}
.com-panel-05 .bg .over .tit {
  display: block;
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2px;
  color: #fff;
}
.com-panel-05 .text {
  text-align: center;
  padding: 10px 10px 15px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 960px) {
  .com-panel-05 .text {
    padding: 15px 24px 25px;
  }
}
.com-panel-05 .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  height: 26px;
  width: 100%;
}
.com-panel-05 .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  opacity: 0.33;
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.19) 100%);
}
@media (min-width: 960px) {
  .com-panel-05 .btn::after {
    width: 60%;
  }
}
.com-panel-05 .label {
  background-color: #E63333;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  width: 128px;
}
.com-panel-05 .label::after {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  border: 13px solid transparent;
  border-top: 0;
  border-bottom: 26px solid #E63333;
  width: 0;
  height: 0;
}

/* table テーブル
--------------------------------- */
.com-table-01, .block-editor-writing-flow .wp-block-table,
.block-content .wp-block-table,
.single-detail .wp-block-table {
  border: none;
}
.com-table-01 table, .block-editor-writing-flow .wp-block-table table,
.block-content .wp-block-table table,
.single-detail .wp-block-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.com-table-01 table td, .block-editor-writing-flow .wp-block-table table td,
.block-content .wp-block-table table td,
.single-detail .wp-block-table table td, .com-table-01 table th, .block-editor-writing-flow .wp-block-table table th,
.block-content .wp-block-table table th,
.single-detail .wp-block-table table th {
  padding: 15px 12px 11px;
  border: 1px solid #707070;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.5;
  background: #fff;
}
.com-table-01 table thead th, .block-editor-writing-flow .wp-block-table table thead th,
.block-content .wp-block-table table thead th,
.single-detail .wp-block-table table thead th {
  color: #fff;
  font-weight: bold;
  background: #333;
}
.com-table-01 figcaption, .block-editor-writing-flow .wp-block-table figcaption,
.block-content .wp-block-table figcaption,
.single-detail .wp-block-table figcaption {
  margin-top: 5px;
  font-size: 13px;
  font-size: 0.8666666667rem;
}
.com-table-01 + *, .block-editor-writing-flow .wp-block-table + *,
.block-content .wp-block-table + *,
.single-detail .wp-block-table + * {
  margin-top: 40px;
}
* + .com-table-01, .block-editor-writing-flow * + .wp-block-table,
.block-content * + .wp-block-table,
.single-detail * + .wp-block-table {
  margin-top: 40px;
}
.com-table-01.has-fixed-layout table, .block-editor-writing-flow .has-fixed-layout.wp-block-table table,
.block-content .has-fixed-layout.wp-block-table table,
.single-detail .has-fixed-layout.wp-block-table table {
  table-layout: fixed;
}
.com-table-01.is-style-stripes tbody tr:nth-child(even) > *, .block-editor-writing-flow .is-style-stripes.wp-block-table tbody tr:nth-child(even) > *,
.block-content .is-style-stripes.wp-block-table tbody tr:nth-child(even) > *,
.single-detail .is-style-stripes.wp-block-table tbody tr:nth-child(even) > * {
  background-color: #F4F4F4;
}

/* table テーブル
--------------------------------- */
.com-dl-01 {
  line-height: 1.75;
}
@media (max-width: 639px) {
  .com-dl-01 {
    border-bottom: 1px solid #989898;
  }
}
@media (min-width: 640px) {
  .com-dl-01 {
    display: grid;
    grid-template-columns: 196px 1fr;
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
}
.com-dl-01 dt {
  padding: 1.25em 16px;
  font-weight: bold;
  position: relative;
  border-top: 1px solid #989898;
  background: #F4F4F4;
}
@media (min-width: 640px) {
  .com-dl-01 dt {
    border-top: 1px solid #989898;
  }
  .com-dl-01 dt:last-of-type {
    border-bottom: 1px solid #989898;
  }
}
.com-dl-01 dd {
  padding: 1.25em 16px;
  font-weight: 400;
}
@media (min-width: 640px) {
  .com-dl-01 dd {
    border-top: 1px solid #989898;
  }
  .com-dl-01 dd:last-of-type {
    border-bottom: 1px solid #989898;
  }
}

.com-dl-02 {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
.com-dl-02 dt {
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid #707070;
  font-weight: bold;
}
.com-dl-02 dd + dt {
  margin-top: 32px;
}
@media (min-width: 960px) {
  .com-dl-02 dd + dt {
    margin-top: 40px;
  }
}
.com-dl-02 + * {
  margin-top: 32px;
}
@media (min-width: 960px) {
  .com-dl-02 + * {
    margin-top: 40px;
  }
}

/* Gap between sections or blocks
/* セクションやブロック間の隙間
--------------------------------- */
.com-mt-s {
  margin-top: 20px !important;
}
@media (min-width: 640px) {
  .com-mt-s {
    margin-top: 30px !important;
  }
}

.com-mt-m {
  margin-top: 40px !important;
}
@media (min-width: 640px) {
  .com-mt-m {
    margin-top: 60px !important;
  }
}

.com-mt-l {
  margin-top: 90px !important;
}
@media (min-width: 640px) {
  .com-mt-l {
    margin-top: 120px !important;
  }
}

.com-mt-1em {
  margin-top: 1em;
}

/* img 画像スタイル
--------------------------------- */
.com-img-01 {
  text-align: center;
  margin-bottom: 40px;
}
.com-img-01:not(:first-child) {
  margin-top: 60px;
}
.com-img-01 iframe {
  width: 100%;
}
.com-img-01 figcaption,
.com-img-01 .caption {
  font-size: 14px;
  font-size: 0.9333333333rem;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-top: 8px;
  text-align: left;
}
@media (min-width: 960px) {
  .com-img-01 figcaption,
  .com-img-01 .caption {
    font-size: 15px;
    font-size: 1rem;
  }
}
@media (max-width: 959px) {
  .com-img-01.expand {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.com-img-01.medium img {
  width: 100%;
  max-width: 630px;
}

.com-img-02 {
  display: flex;
  flex-direction: column;
  margin-bottom: -30px;
  margin-left: -30px;
}
@media (min-width: 960px) {
  .com-img-02 {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
  }
}
.com-img-02 > * {
  display: flex;
  flex-direction: column;
  margin-top: 0;
  padding-left: 30px;
  padding-bottom: 30px;
  text-align: center;
}
.com-img-02 img {
  vertical-align: top;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.com-img-02 figcaption,
.com-img-02 .caption {
  font-size: 14px;
  font-size: 0.9333333333rem;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-top: 8px;
  text-align: left;
}
@media (min-width: 960px) {
  .com-img-02 figcaption,
  .com-img-02 .caption {
    font-size: 15px;
    font-size: 1rem;
  }
}
.com-img-02 + * {
  margin-top: 40px;
}
.com-img-02 + .com-img-02, * + .com-img-02 {
  margin-top: 30px;
}
.com-img-02:not([class*=uk-child-width-]) > * {
  width: 100%;
}
@media (min-width: 960px) {
  .com-img-02:not([class*=uk-child-width-]).column-2 > * {
    width: 50%;
  }
}
@media (min-width: 960px) {
  .com-img-02:not([class*=uk-child-width-]).column-3 > * {
    width: 33.33%;
  }
}
@media (min-width: 960px) {
  .com-img-02:not([class*=uk-child-width-]).column-4 > * {
    width: 25%;
  }
}
.com-img-02:not([class*=uk-child-width-]).padding-small {
  margin-bottom: -10px;
  margin-left: -10px;
}
.com-img-02:not([class*=uk-child-width-]).padding-small > * {
  padding-bottom: 10px;
  padding-left: 10px;
}
.com-img-02.border img {
  border: 1px solid #F4F4F4;
}

[class*=com-ratio\@] {
  position: relative;
  overflow: hidden;
  max-width: none;
  max-height: none;
  height: auto;
}
[class*=com-ratio\@]::before {
  content: "";
  display: block;
}
[class*=com-ratio\@] > img {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.com-ratio\@4\:3::before {
  padding-top: 75%;
}

.com-ratio\@16\:9::before {
  padding-top: 56.25%;
}

.com-ratio\@16\:10::before {
  padding-top: 62.5%;
}

/* list style リストスタイル
--------------------------------- */
.com-list-01 {
  counter-reset: listnum;
}
.com-list-01 li {
  counter-increment: listnum;
  margin-left: 1.2em;
}
.com-list-01 li::before {
  content: "・";
  display: inline-block;
  width: 1.2em;
  margin-left: -1.2em;
}
.com-list-01 li + li {
  margin-top: 0.4em;
}
.com-list-01.notice li::before {
  content: "※";
}
.com-list-01.circle li::before {
  content: "●";
}
.com-list-01.square li::before {
  content: "■";
}
.com-list-01.notice {
  font-size: 13px;
  font-size: 0.8666666667rem;
}
.com-list-01.number li {
  margin-left: 2em;
}
.com-list-01.number li::before {
  content: "（" counter(listnum) "）";
  width: 2em;
  margin-left: -2em;
}

.com-list-02, .block-editor-writing-flow ol:not([class]),
.block-editor-writing-flow ol.wp-block,
.block-content ol:not([class]),
.block-content ol.wp-block,
.single-detail ol:not([class]),
.single-detail ol.wp-block, .block-editor-writing-flow ul:not([class]),
.block-editor-writing-flow ul.wp-block,
.block-content ul:not([class]),
.block-content ul.wp-block,
.single-detail ul:not([class]),
.single-detail ul.wp-block {
  list-style: none;
  padding-left: 0;
}
* + .com-list-02, .block-editor-writing-flow * + ol:not([class]),
.block-editor-writing-flow * + ol.wp-block,
.block-content * + ol:not([class]),
.block-content * + ol.wp-block,
.single-detail * + ol:not([class]),
.single-detail * + ol.wp-block, .block-editor-writing-flow * + ul:not([class]),
.block-editor-writing-flow * + ul.wp-block,
.block-content * + ul:not([class]),
.block-content * + ul.wp-block,
.single-detail * + ul:not([class]),
.single-detail * + ul.wp-block, .com-list-02 + *, .block-editor-writing-flow ol:not([class]) + *,
.block-editor-writing-flow ol.wp-block + *,
.block-content ol:not([class]) + *,
.block-content ol.wp-block + *,
.single-detail ol:not([class]) + *,
.single-detail ol.wp-block + *, .block-editor-writing-flow ul:not([class]) + *,
.block-editor-writing-flow ul.wp-block + *,
.block-content ul:not([class]) + *,
.block-content ul.wp-block + *,
.single-detail ul:not([class]) + *,
.single-detail ul.wp-block + * {
  margin-top: 30px;
}
.com-list-02 li, .block-editor-writing-flow ol:not([class]) li,
.block-editor-writing-flow ol.wp-block li,
.block-content ol:not([class]) li,
.block-content ol.wp-block li,
.single-detail ol:not([class]) li,
.single-detail ol.wp-block li, .block-editor-writing-flow ul:not([class]) li,
.block-editor-writing-flow ul.wp-block li,
.block-content ul:not([class]) li,
.block-content ul.wp-block li,
.single-detail ul:not([class]) li,
.single-detail ul.wp-block li {
  position: relative;
  background-color: #F4F4F4;
  padding: 13px 14px 13px 48px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.86;
  word-break: break-all;
}
.com-list-02 li::before, .block-editor-writing-flow ol:not([class]) li::before,
.block-editor-writing-flow ol.wp-block li::before,
.block-content ol:not([class]) li::before,
.block-content ol.wp-block li::before,
.single-detail ol:not([class]) li::before,
.single-detail ol.wp-block li::before, .block-editor-writing-flow ul:not([class]) li::before,
.block-editor-writing-flow ul.wp-block li::before,
.block-content ul:not([class]) li::before,
.block-content ul.wp-block li::before,
.single-detail ul:not([class]) li::before,
.single-detail ul.wp-block li::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 22px;
  width: 15px;
  height: 15px;
  background-color: #E63333;
}
.com-list-02 li + li, .block-editor-writing-flow ol:not([class]) li + li,
.block-editor-writing-flow ol.wp-block li + li,
.block-content ol:not([class]) li + li,
.block-content ol.wp-block li + li,
.single-detail ol:not([class]) li + li,
.single-detail ol.wp-block li + li, .block-editor-writing-flow ul:not([class]) li + li,
.block-editor-writing-flow ul.wp-block li + li,
.block-content ul:not([class]) li + li,
.block-content ul.wp-block li + li,
.single-detail ul:not([class]) li + li,
.single-detail ul.wp-block li + li {
  margin-top: 20px;
}
.com-list-02 a, .block-editor-writing-flow ol:not([class]) a,
.block-editor-writing-flow ol.wp-block a,
.block-content ol:not([class]) a,
.block-content ol.wp-block a,
.single-detail ol:not([class]) a,
.single-detail ol.wp-block a, .block-editor-writing-flow ul:not([class]) a,
.block-editor-writing-flow ul.wp-block a,
.block-content ul:not([class]) a,
.block-content ul.wp-block a,
.single-detail ul:not([class]) a,
.single-detail ul.wp-block a {
  text-decoration: underline;
  display: inline;
}
.com-list-02 a:hover, .block-editor-writing-flow ol:not([class]) a:hover,
.block-editor-writing-flow ol.wp-block a:hover,
.block-content ol:not([class]) a:hover,
.block-content ol.wp-block a:hover,
.single-detail ol:not([class]) a:hover,
.single-detail ol.wp-block a:hover, .block-editor-writing-flow ul:not([class]) a:hover,
.block-editor-writing-flow ul.wp-block a:hover,
.block-content ul:not([class]) a:hover,
.block-content ul.wp-block a:hover,
.single-detail ul:not([class]) a:hover,
.single-detail ul.wp-block a:hover {
  text-decoration: none;
}
.com-list-02 > li > .com-list-02, .block-editor-writing-flow ol:not([class]) > li > .com-list-02,
.block-editor-writing-flow ol.wp-block > li > .com-list-02,
.block-content ol:not([class]) > li > .com-list-02,
.block-content ol.wp-block > li > .com-list-02,
.single-detail ol:not([class]) > li > .com-list-02,
.single-detail ol.wp-block > li > .com-list-02, .block-editor-writing-flow .com-list-02 > li > ol:not([class]), .block-editor-writing-flow ol:not([class]) > li > ol:not([class]),
.block-editor-writing-flow ol.wp-block > li > ol:not([class]),
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]),
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]),
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]),
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]),
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]),
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]),
.block-editor-writing-flow .com-list-02 > li > ol.wp-block,
.block-editor-writing-flow ol:not([class]) > li > ol.wp-block,
.block-editor-writing-flow ol.wp-block > li > ol.wp-block,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block,
.block-content .com-list-02 > li > ol:not([class]),
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]),
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]),
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]),
.block-content ol:not([class]) > li > ol:not([class]),
.block-content ol.wp-block > li > ol:not([class]),
.single-detail .block-content ol:not([class]) > li > ol:not([class]),
.block-content .single-detail ol:not([class]) > li > ol:not([class]),
.single-detail .block-content ol.wp-block > li > ol:not([class]),
.block-content .single-detail ol.wp-block > li > ol:not([class]),
.block-content .com-list-02 > li > ol.wp-block,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block,
.block-content ol:not([class]) > li > ol.wp-block,
.block-content ol.wp-block > li > ol.wp-block,
.single-detail .block-content ol:not([class]) > li > ol.wp-block,
.block-content .single-detail ol:not([class]) > li > ol.wp-block,
.single-detail .block-content ol.wp-block > li > ol.wp-block,
.block-content .single-detail ol.wp-block > li > ol.wp-block,
.single-detail .com-list-02 > li > ol:not([class]),
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]),
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]),
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]),
.block-content .single-detail ol:not([class]) > li > ol:not([class]),
.single-detail .block-content ol:not([class]) > li > ol:not([class]),
.block-content .single-detail ol.wp-block > li > ol:not([class]),
.single-detail .block-content ol.wp-block > li > ol:not([class]),
.single-detail ol:not([class]) > li > ol:not([class]),
.single-detail ol.wp-block > li > ol:not([class]),
.single-detail .com-list-02 > li > ol.wp-block,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block,
.block-content .single-detail ol:not([class]) > li > ol.wp-block,
.single-detail .block-content ol:not([class]) > li > ol.wp-block,
.block-content .single-detail ol.wp-block > li > ol.wp-block,
.single-detail .block-content ol.wp-block > li > ol.wp-block,
.single-detail ol:not([class]) > li > ol.wp-block,
.single-detail ol.wp-block > li > ol.wp-block, .block-editor-writing-flow ul:not([class]) > li > .com-list-02, .block-editor-writing-flow ul:not([class]) > li > ol:not([class]),
.block-editor-writing-flow ul:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]),
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]),
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block,
.block-editor-writing-flow ul.wp-block > li > .com-list-02,
.block-editor-writing-flow ul.wp-block > li > ol:not([class]),
.block-editor-writing-flow ul.wp-block > li > ol.wp-block,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]),
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]),
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]),
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]),
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block,
.block-content ul:not([class]) > li > .com-list-02,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]),
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block,
.block-content ul:not([class]) > li > ol:not([class]),
.block-content ul:not([class]) > li > ol.wp-block,
.block-content .single-detail ul:not([class]) > li > ol:not([class]),
.single-detail .block-content ul:not([class]) > li > ol:not([class]),
.block-content .single-detail ul:not([class]) > li > ol.wp-block,
.single-detail .block-content ul:not([class]) > li > ol.wp-block,
.block-content ul.wp-block > li > .com-list-02,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]),
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]),
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block,
.block-content ul.wp-block > li > ol:not([class]),
.block-content ul.wp-block > li > ol.wp-block,
.block-content .single-detail ul.wp-block > li > ol:not([class]),
.single-detail .block-content ul.wp-block > li > ol:not([class]),
.block-content .single-detail ul.wp-block > li > ol.wp-block,
.single-detail .block-content ul.wp-block > li > ol.wp-block,
.single-detail ul:not([class]) > li > .com-list-02,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]),
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]),
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block,
.single-detail .block-content ul:not([class]) > li > ol:not([class]),
.block-content .single-detail ul:not([class]) > li > ol:not([class]),
.single-detail .block-content ul:not([class]) > li > ol.wp-block,
.block-content .single-detail ul:not([class]) > li > ol.wp-block,
.single-detail ul:not([class]) > li > ol:not([class]),
.single-detail ul:not([class]) > li > ol.wp-block,
.single-detail ul.wp-block > li > .com-list-02,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]),
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]),
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block,
.single-detail .block-content ul.wp-block > li > ol:not([class]),
.block-content .single-detail ul.wp-block > li > ol:not([class]),
.single-detail .block-content ul.wp-block > li > ol.wp-block,
.block-content .single-detail ul.wp-block > li > ol.wp-block,
.single-detail ul.wp-block > li > ol:not([class]),
.single-detail ul.wp-block > li > ol.wp-block, .block-editor-writing-flow .com-list-02 > li > ul:not([class]), .block-editor-writing-flow ol:not([class]) > li > ul:not([class]),
.block-editor-writing-flow ol.wp-block > li > ul:not([class]),
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]),
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]),
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]),
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]),
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]),
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]),
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]),
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]), .block-editor-writing-flow ul:not([class]) > li > ul:not([class]),
.block-editor-writing-flow ul.wp-block > li > ul:not([class]),
.block-editor-writing-flow .com-list-02 > li > ul.wp-block,
.block-editor-writing-flow ol:not([class]) > li > ul.wp-block,
.block-editor-writing-flow ol.wp-block > li > ul.wp-block,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block,
.block-editor-writing-flow ul:not([class]) > li > ul.wp-block,
.block-editor-writing-flow ul.wp-block > li > ul.wp-block,
.block-content .com-list-02 > li > ul:not([class]),
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]),
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]),
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]),
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]),
.block-content ol:not([class]) > li > ul:not([class]),
.block-content ol.wp-block > li > ul:not([class]),
.block-content .single-detail ol:not([class]) > li > ul:not([class]),
.single-detail .block-content ol:not([class]) > li > ul:not([class]),
.block-content .single-detail ol.wp-block > li > ul:not([class]),
.single-detail .block-content ol.wp-block > li > ul:not([class]),
.block-content ul:not([class]) > li > ul:not([class]),
.block-content ul.wp-block > li > ul:not([class]),
.block-content .com-list-02 > li > ul.wp-block,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block,
.block-content ol:not([class]) > li > ul.wp-block,
.block-content ol.wp-block > li > ul.wp-block,
.block-content .single-detail ol:not([class]) > li > ul.wp-block,
.single-detail .block-content ol:not([class]) > li > ul.wp-block,
.block-content .single-detail ol.wp-block > li > ul.wp-block,
.single-detail .block-content ol.wp-block > li > ul.wp-block,
.block-content ul:not([class]) > li > ul.wp-block,
.block-content ul.wp-block > li > ul.wp-block,
.single-detail .com-list-02 > li > ul:not([class]),
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]),
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]),
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]),
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]),
.single-detail .block-content ol:not([class]) > li > ul:not([class]),
.block-content .single-detail ol:not([class]) > li > ul:not([class]),
.single-detail .block-content ol.wp-block > li > ul:not([class]),
.block-content .single-detail ol.wp-block > li > ul:not([class]),
.single-detail ol:not([class]) > li > ul:not([class]),
.single-detail ol.wp-block > li > ul:not([class]),
.single-detail ul:not([class]) > li > ul:not([class]),
.single-detail ul.wp-block > li > ul:not([class]),
.single-detail .com-list-02 > li > ul.wp-block,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block,
.single-detail .block-content ol:not([class]) > li > ul.wp-block,
.block-content .single-detail ol:not([class]) > li > ul.wp-block,
.single-detail .block-content ol.wp-block > li > ul.wp-block,
.block-content .single-detail ol.wp-block > li > ul.wp-block,
.single-detail ol:not([class]) > li > ul.wp-block,
.single-detail ol.wp-block > li > ul.wp-block,
.single-detail ul:not([class]) > li > ul.wp-block,
.single-detail ul.wp-block > li > ul.wp-block {
  margin-top: 10px;
}
.com-list-02 > li > .com-list-02 li, .block-editor-writing-flow ol:not([class]) > li > .com-list-02 li,
.block-editor-writing-flow ol.wp-block > li > .com-list-02 li,
.block-content ol:not([class]) > li > .com-list-02 li,
.block-content ol.wp-block > li > .com-list-02 li,
.single-detail ol:not([class]) > li > .com-list-02 li,
.single-detail ol.wp-block > li > .com-list-02 li, .block-editor-writing-flow .com-list-02 > li > ol:not([class]) li, .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow ol.wp-block > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .com-list-02 > li > ol.wp-block li,
.block-editor-writing-flow ol:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow ol.wp-block > li > ol.wp-block li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block li,
.block-content .com-list-02 > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li,
.block-content ol:not([class]) > li > ol:not([class]) li,
.block-content ol.wp-block > li > ol:not([class]) li,
.single-detail .block-content ol:not([class]) > li > ol:not([class]) li,
.block-content .single-detail ol:not([class]) > li > ol:not([class]) li,
.single-detail .block-content ol.wp-block > li > ol:not([class]) li,
.block-content .single-detail ol.wp-block > li > ol:not([class]) li,
.block-content .com-list-02 > li > ol.wp-block li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block li,
.block-content ol:not([class]) > li > ol.wp-block li,
.block-content ol.wp-block > li > ol.wp-block li,
.single-detail .block-content ol:not([class]) > li > ol.wp-block li,
.block-content .single-detail ol:not([class]) > li > ol.wp-block li,
.single-detail .block-content ol.wp-block > li > ol.wp-block li,
.block-content .single-detail ol.wp-block > li > ol.wp-block li,
.single-detail .com-list-02 > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li,
.block-content .single-detail ol:not([class]) > li > ol:not([class]) li,
.single-detail .block-content ol:not([class]) > li > ol:not([class]) li,
.block-content .single-detail ol.wp-block > li > ol:not([class]) li,
.single-detail .block-content ol.wp-block > li > ol:not([class]) li,
.single-detail ol:not([class]) > li > ol:not([class]) li,
.single-detail ol.wp-block > li > ol:not([class]) li,
.single-detail .com-list-02 > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block li,
.block-content .single-detail ol:not([class]) > li > ol.wp-block li,
.single-detail .block-content ol:not([class]) > li > ol.wp-block li,
.block-content .single-detail ol.wp-block > li > ol.wp-block li,
.single-detail .block-content ol.wp-block > li > ol.wp-block li,
.single-detail ol:not([class]) > li > ol.wp-block li,
.single-detail ol.wp-block > li > ol.wp-block li, .block-editor-writing-flow ul:not([class]) > li > .com-list-02 li, .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow ul:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow ul.wp-block > li > .com-list-02 li,
.block-editor-writing-flow ul.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow ul.wp-block > li > ol.wp-block li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block li,
.block-content ul:not([class]) > li > .com-list-02 li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block li,
.block-content ul:not([class]) > li > ol:not([class]) li,
.block-content ul:not([class]) > li > ol.wp-block li,
.block-content .single-detail ul:not([class]) > li > ol:not([class]) li,
.single-detail .block-content ul:not([class]) > li > ol:not([class]) li,
.block-content .single-detail ul:not([class]) > li > ol.wp-block li,
.single-detail .block-content ul:not([class]) > li > ol.wp-block li,
.block-content ul.wp-block > li > .com-list-02 li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]) li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block li,
.block-content ul.wp-block > li > ol:not([class]) li,
.block-content ul.wp-block > li > ol.wp-block li,
.block-content .single-detail ul.wp-block > li > ol:not([class]) li,
.single-detail .block-content ul.wp-block > li > ol:not([class]) li,
.block-content .single-detail ul.wp-block > li > ol.wp-block li,
.single-detail .block-content ul.wp-block > li > ol.wp-block li,
.single-detail ul:not([class]) > li > .com-list-02 li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block li,
.single-detail .block-content ul:not([class]) > li > ol:not([class]) li,
.block-content .single-detail ul:not([class]) > li > ol:not([class]) li,
.single-detail .block-content ul:not([class]) > li > ol.wp-block li,
.block-content .single-detail ul:not([class]) > li > ol.wp-block li,
.single-detail ul:not([class]) > li > ol:not([class]) li,
.single-detail ul:not([class]) > li > ol.wp-block li,
.single-detail ul.wp-block > li > .com-list-02 li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]) li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block li,
.single-detail .block-content ul.wp-block > li > ol:not([class]) li,
.block-content .single-detail ul.wp-block > li > ol:not([class]) li,
.single-detail .block-content ul.wp-block > li > ol.wp-block li,
.block-content .single-detail ul.wp-block > li > ol.wp-block li,
.single-detail ul.wp-block > li > ol:not([class]) li,
.single-detail ul.wp-block > li > ol.wp-block li, .block-editor-writing-flow .com-list-02 > li > ul:not([class]) li, .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li,
.block-editor-writing-flow ol.wp-block > li > ul:not([class]) li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]) li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]) li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]) li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]) li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li, .block-editor-writing-flow ul:not([class]) > li > ul:not([class]) li,
.block-editor-writing-flow ul.wp-block > li > ul:not([class]) li,
.block-editor-writing-flow .com-list-02 > li > ul.wp-block li,
.block-editor-writing-flow ol:not([class]) > li > ul.wp-block li,
.block-editor-writing-flow ol.wp-block > li > ul.wp-block li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block li,
.block-editor-writing-flow ul:not([class]) > li > ul.wp-block li,
.block-editor-writing-flow ul.wp-block > li > ul.wp-block li,
.block-content .com-list-02 > li > ul:not([class]) li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]) li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]) li,
.block-content ol:not([class]) > li > ul:not([class]) li,
.block-content ol.wp-block > li > ul:not([class]) li,
.block-content .single-detail ol:not([class]) > li > ul:not([class]) li,
.single-detail .block-content ol:not([class]) > li > ul:not([class]) li,
.block-content .single-detail ol.wp-block > li > ul:not([class]) li,
.single-detail .block-content ol.wp-block > li > ul:not([class]) li,
.block-content ul:not([class]) > li > ul:not([class]) li,
.block-content ul.wp-block > li > ul:not([class]) li,
.block-content .com-list-02 > li > ul.wp-block li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block li,
.block-content ol:not([class]) > li > ul.wp-block li,
.block-content ol.wp-block > li > ul.wp-block li,
.block-content .single-detail ol:not([class]) > li > ul.wp-block li,
.single-detail .block-content ol:not([class]) > li > ul.wp-block li,
.block-content .single-detail ol.wp-block > li > ul.wp-block li,
.single-detail .block-content ol.wp-block > li > ul.wp-block li,
.block-content ul:not([class]) > li > ul.wp-block li,
.block-content ul.wp-block > li > ul.wp-block li,
.single-detail .com-list-02 > li > ul:not([class]) li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]) li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]) li,
.single-detail .block-content ol:not([class]) > li > ul:not([class]) li,
.block-content .single-detail ol:not([class]) > li > ul:not([class]) li,
.single-detail .block-content ol.wp-block > li > ul:not([class]) li,
.block-content .single-detail ol.wp-block > li > ul:not([class]) li,
.single-detail ol:not([class]) > li > ul:not([class]) li,
.single-detail ol.wp-block > li > ul:not([class]) li,
.single-detail ul:not([class]) > li > ul:not([class]) li,
.single-detail ul.wp-block > li > ul:not([class]) li,
.single-detail .com-list-02 > li > ul.wp-block li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block li,
.single-detail .block-content ol:not([class]) > li > ul.wp-block li,
.block-content .single-detail ol:not([class]) > li > ul.wp-block li,
.single-detail .block-content ol.wp-block > li > ul.wp-block li,
.block-content .single-detail ol.wp-block > li > ul.wp-block li,
.single-detail ol:not([class]) > li > ul.wp-block li,
.single-detail ol.wp-block > li > ul.wp-block li,
.single-detail ul:not([class]) > li > ul.wp-block li,
.single-detail ul.wp-block > li > ul.wp-block li {
  padding-left: 24px;
}
.com-list-02 > li > .com-list-02 li::before, .block-editor-writing-flow ol:not([class]) > li > .com-list-02 li::before,
.block-editor-writing-flow ol.wp-block > li > .com-list-02 li::before,
.block-content ol:not([class]) > li > .com-list-02 li::before,
.block-content ol.wp-block > li > .com-list-02 li::before,
.single-detail ol:not([class]) > li > .com-list-02 li::before,
.single-detail ol.wp-block > li > .com-list-02 li::before, .block-editor-writing-flow .com-list-02 > li > ol:not([class]) li::before, .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow ol.wp-block > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .com-list-02 > li > ol.wp-block li::before,
.block-editor-writing-flow ol:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow ol.wp-block > li > ol.wp-block li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block li::before,
.block-content .com-list-02 > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li::before,
.block-content ol:not([class]) > li > ol:not([class]) li::before,
.block-content ol.wp-block > li > ol:not([class]) li::before,
.single-detail .block-content ol:not([class]) > li > ol:not([class]) li::before,
.block-content .single-detail ol:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-content ol.wp-block > li > ol:not([class]) li::before,
.block-content .single-detail ol.wp-block > li > ol:not([class]) li::before,
.block-content .com-list-02 > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block li::before,
.block-content ol:not([class]) > li > ol.wp-block li::before,
.block-content ol.wp-block > li > ol.wp-block li::before,
.single-detail .block-content ol:not([class]) > li > ol.wp-block li::before,
.block-content .single-detail ol:not([class]) > li > ol.wp-block li::before,
.single-detail .block-content ol.wp-block > li > ol.wp-block li::before,
.block-content .single-detail ol.wp-block > li > ol.wp-block li::before,
.single-detail .com-list-02 > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li::before,
.block-content .single-detail ol:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-content ol:not([class]) > li > ol:not([class]) li::before,
.block-content .single-detail ol.wp-block > li > ol:not([class]) li::before,
.single-detail .block-content ol.wp-block > li > ol:not([class]) li::before,
.single-detail ol:not([class]) > li > ol:not([class]) li::before,
.single-detail ol.wp-block > li > ol:not([class]) li::before,
.single-detail .com-list-02 > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block li::before,
.block-content .single-detail ol:not([class]) > li > ol.wp-block li::before,
.single-detail .block-content ol:not([class]) > li > ol.wp-block li::before,
.block-content .single-detail ol.wp-block > li > ol.wp-block li::before,
.single-detail .block-content ol.wp-block > li > ol.wp-block li::before,
.single-detail ol:not([class]) > li > ol.wp-block li::before,
.single-detail ol.wp-block > li > ol.wp-block li::before, .block-editor-writing-flow ul:not([class]) > li > .com-list-02 li::before, .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow ul:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block li::before,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block li::before,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow ul.wp-block > li > .com-list-02 li::before,
.block-editor-writing-flow ul.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow ul.wp-block > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block li::before,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block li::before,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block li::before,
.block-content ul:not([class]) > li > .com-list-02 li::before,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block li::before,
.block-content ul:not([class]) > li > ol:not([class]) li::before,
.block-content ul:not([class]) > li > ol.wp-block li::before,
.block-content .single-detail ul:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-content ul:not([class]) > li > ol:not([class]) li::before,
.block-content .single-detail ul:not([class]) > li > ol.wp-block li::before,
.single-detail .block-content ul:not([class]) > li > ol.wp-block li::before,
.block-content ul.wp-block > li > .com-list-02 li::before,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]) li::before,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block li::before,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block li::before,
.block-content ul.wp-block > li > ol:not([class]) li::before,
.block-content ul.wp-block > li > ol.wp-block li::before,
.block-content .single-detail ul.wp-block > li > ol:not([class]) li::before,
.single-detail .block-content ul.wp-block > li > ol:not([class]) li::before,
.block-content .single-detail ul.wp-block > li > ol.wp-block li::before,
.single-detail .block-content ul.wp-block > li > ol.wp-block li::before,
.single-detail ul:not([class]) > li > .com-list-02 li::before,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block li::before,
.single-detail .block-content ul:not([class]) > li > ol:not([class]) li::before,
.block-content .single-detail ul:not([class]) > li > ol:not([class]) li::before,
.single-detail .block-content ul:not([class]) > li > ol.wp-block li::before,
.block-content .single-detail ul:not([class]) > li > ol.wp-block li::before,
.single-detail ul:not([class]) > li > ol:not([class]) li::before,
.single-detail ul:not([class]) > li > ol.wp-block li::before,
.single-detail ul.wp-block > li > .com-list-02 li::before,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li::before,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]) li::before,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block li::before,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block li::before,
.single-detail .block-content ul.wp-block > li > ol:not([class]) li::before,
.block-content .single-detail ul.wp-block > li > ol:not([class]) li::before,
.single-detail .block-content ul.wp-block > li > ol.wp-block li::before,
.block-content .single-detail ul.wp-block > li > ol.wp-block li::before,
.single-detail ul.wp-block > li > ol:not([class]) li::before,
.single-detail ul.wp-block > li > ol.wp-block li::before, .block-editor-writing-flow .com-list-02 > li > ul:not([class]) li::before, .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li::before,
.block-editor-writing-flow ol.wp-block > li > ul:not([class]) li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]) li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]) li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]) li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]) li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li::before, .block-editor-writing-flow ul:not([class]) > li > ul:not([class]) li::before,
.block-editor-writing-flow ul.wp-block > li > ul:not([class]) li::before,
.block-editor-writing-flow .com-list-02 > li > ul.wp-block li::before,
.block-editor-writing-flow ol:not([class]) > li > ul.wp-block li::before,
.block-editor-writing-flow ol.wp-block > li > ul.wp-block li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block li::before,
.block-editor-writing-flow ul:not([class]) > li > ul.wp-block li::before,
.block-editor-writing-flow ul.wp-block > li > ul.wp-block li::before,
.block-content .com-list-02 > li > ul:not([class]) li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]) li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]) li::before,
.block-content ol:not([class]) > li > ul:not([class]) li::before,
.block-content ol.wp-block > li > ul:not([class]) li::before,
.block-content .single-detail ol:not([class]) > li > ul:not([class]) li::before,
.single-detail .block-content ol:not([class]) > li > ul:not([class]) li::before,
.block-content .single-detail ol.wp-block > li > ul:not([class]) li::before,
.single-detail .block-content ol.wp-block > li > ul:not([class]) li::before,
.block-content ul:not([class]) > li > ul:not([class]) li::before,
.block-content ul.wp-block > li > ul:not([class]) li::before,
.block-content .com-list-02 > li > ul.wp-block li::before,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li::before,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block li::before,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block li::before,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block li::before,
.block-content ol:not([class]) > li > ul.wp-block li::before,
.block-content ol.wp-block > li > ul.wp-block li::before,
.block-content .single-detail ol:not([class]) > li > ul.wp-block li::before,
.single-detail .block-content ol:not([class]) > li > ul.wp-block li::before,
.block-content .single-detail ol.wp-block > li > ul.wp-block li::before,
.single-detail .block-content ol.wp-block > li > ul.wp-block li::before,
.block-content ul:not([class]) > li > ul.wp-block li::before,
.block-content ul.wp-block > li > ul.wp-block li::before,
.single-detail .com-list-02 > li > ul:not([class]) li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]) li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]) li::before,
.single-detail .block-content ol:not([class]) > li > ul:not([class]) li::before,
.block-content .single-detail ol:not([class]) > li > ul:not([class]) li::before,
.single-detail .block-content ol.wp-block > li > ul:not([class]) li::before,
.block-content .single-detail ol.wp-block > li > ul:not([class]) li::before,
.single-detail ol:not([class]) > li > ul:not([class]) li::before,
.single-detail ol.wp-block > li > ul:not([class]) li::before,
.single-detail ul:not([class]) > li > ul:not([class]) li::before,
.single-detail ul.wp-block > li > ul:not([class]) li::before,
.single-detail .com-list-02 > li > ul.wp-block li::before,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li::before,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block li::before,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block li::before,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block li::before,
.single-detail .block-content ol:not([class]) > li > ul.wp-block li::before,
.block-content .single-detail ol:not([class]) > li > ul.wp-block li::before,
.single-detail .block-content ol.wp-block > li > ul.wp-block li::before,
.block-content .single-detail ol.wp-block > li > ul.wp-block li::before,
.single-detail ol:not([class]) > li > ul.wp-block li::before,
.single-detail ol.wp-block > li > ul.wp-block li::before,
.single-detail ul:not([class]) > li > ul.wp-block li::before,
.single-detail ul.wp-block > li > ul.wp-block li::before {
  left: 0;
}
.com-list-02 > li > .com-list-02 li + li, .block-editor-writing-flow ol:not([class]) > li > .com-list-02 li + li,
.block-editor-writing-flow ol.wp-block > li > .com-list-02 li + li,
.block-content ol:not([class]) > li > .com-list-02 li + li,
.block-content ol.wp-block > li > .com-list-02 li + li,
.single-detail ol:not([class]) > li > .com-list-02 li + li,
.single-detail ol.wp-block > li > .com-list-02 li + li, .block-editor-writing-flow .com-list-02 > li > ol:not([class]) li + li, .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow ol.wp-block > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .com-list-02 > li > ol.wp-block li + li,
.block-editor-writing-flow ol:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow ol.wp-block > li > ol.wp-block li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block li + li,
.block-content .com-list-02 > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li + li,
.block-content ol:not([class]) > li > ol:not([class]) li + li,
.block-content ol.wp-block > li > ol:not([class]) li + li,
.single-detail .block-content ol:not([class]) > li > ol:not([class]) li + li,
.block-content .single-detail ol:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-content ol.wp-block > li > ol:not([class]) li + li,
.block-content .single-detail ol.wp-block > li > ol:not([class]) li + li,
.block-content .com-list-02 > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.wp-block li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.wp-block li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.wp-block li + li,
.block-content ol:not([class]) > li > ol.wp-block li + li,
.block-content ol.wp-block > li > ol.wp-block li + li,
.single-detail .block-content ol:not([class]) > li > ol.wp-block li + li,
.block-content .single-detail ol:not([class]) > li > ol.wp-block li + li,
.single-detail .block-content ol.wp-block > li > ol.wp-block li + li,
.block-content .single-detail ol.wp-block > li > ol.wp-block li + li,
.single-detail .com-list-02 > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol:not([class]) li + li,
.block-content .single-detail ol:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-content ol:not([class]) > li > ol:not([class]) li + li,
.block-content .single-detail ol.wp-block > li > ol:not([class]) li + li,
.single-detail .block-content ol.wp-block > li > ol:not([class]) li + li,
.single-detail ol:not([class]) > li > ol:not([class]) li + li,
.single-detail ol.wp-block > li > ol:not([class]) li + li,
.single-detail .com-list-02 > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.wp-block li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.wp-block li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.wp-block li + li,
.block-content .single-detail ol:not([class]) > li > ol.wp-block li + li,
.single-detail .block-content ol:not([class]) > li > ol.wp-block li + li,
.block-content .single-detail ol.wp-block > li > ol.wp-block li + li,
.single-detail .block-content ol.wp-block > li > ol.wp-block li + li,
.single-detail ol:not([class]) > li > ol.wp-block li + li,
.single-detail ol.wp-block > li > ol.wp-block li + li, .block-editor-writing-flow ul:not([class]) > li > .com-list-02 li + li, .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow ul:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block li + li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block li + li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow ul.wp-block > li > .com-list-02 li + li,
.block-editor-writing-flow ul.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow ul.wp-block > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block li + li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block li + li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block li + li,
.block-content ul:not([class]) > li > .com-list-02 li + li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.wp-block li + li,
.block-content ul:not([class]) > li > ol:not([class]) li + li,
.block-content ul:not([class]) > li > ol.wp-block li + li,
.block-content .single-detail ul:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-content ul:not([class]) > li > ol:not([class]) li + li,
.block-content .single-detail ul:not([class]) > li > ol.wp-block li + li,
.single-detail .block-content ul:not([class]) > li > ol.wp-block li + li,
.block-content ul.wp-block > li > .com-list-02 li + li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol:not([class]) li + li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.wp-block li + li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.wp-block li + li,
.block-content ul.wp-block > li > ol:not([class]) li + li,
.block-content ul.wp-block > li > ol.wp-block li + li,
.block-content .single-detail ul.wp-block > li > ol:not([class]) li + li,
.single-detail .block-content ul.wp-block > li > ol:not([class]) li + li,
.block-content .single-detail ul.wp-block > li > ol.wp-block li + li,
.single-detail .block-content ul.wp-block > li > ol.wp-block li + li,
.single-detail ul:not([class]) > li > .com-list-02 li + li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.wp-block li + li,
.single-detail .block-content ul:not([class]) > li > ol:not([class]) li + li,
.block-content .single-detail ul:not([class]) > li > ol:not([class]) li + li,
.single-detail .block-content ul:not([class]) > li > ol.wp-block li + li,
.block-content .single-detail ul:not([class]) > li > ol.wp-block li + li,
.single-detail ul:not([class]) > li > ol:not([class]) li + li,
.single-detail ul:not([class]) > li > ol.wp-block li + li,
.single-detail ul.wp-block > li > .com-list-02 li + li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol:not([class]) li + li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol:not([class]) li + li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.wp-block li + li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.wp-block li + li,
.single-detail .block-content ul.wp-block > li > ol:not([class]) li + li,
.block-content .single-detail ul.wp-block > li > ol:not([class]) li + li,
.single-detail .block-content ul.wp-block > li > ol.wp-block li + li,
.block-content .single-detail ul.wp-block > li > ol.wp-block li + li,
.single-detail ul.wp-block > li > ol:not([class]) li + li,
.single-detail ul.wp-block > li > ol.wp-block li + li, .block-editor-writing-flow .com-list-02 > li > ul:not([class]) li + li, .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li + li,
.block-editor-writing-flow ol.wp-block > li > ul:not([class]) li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]) li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]) li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]) li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]) li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li + li, .block-editor-writing-flow ul:not([class]) > li > ul:not([class]) li + li,
.block-editor-writing-flow ul.wp-block > li > ul:not([class]) li + li,
.block-editor-writing-flow .com-list-02 > li > ul.wp-block li + li,
.block-editor-writing-flow ol:not([class]) > li > ul.wp-block li + li,
.block-editor-writing-flow ol.wp-block > li > ul.wp-block li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block li + li,
.block-editor-writing-flow ul:not([class]) > li > ul.wp-block li + li,
.block-editor-writing-flow ul.wp-block > li > ul.wp-block li + li,
.block-content .com-list-02 > li > ul:not([class]) li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul:not([class]) li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul:not([class]) li + li,
.block-content ol:not([class]) > li > ul:not([class]) li + li,
.block-content ol.wp-block > li > ul:not([class]) li + li,
.block-content .single-detail ol:not([class]) > li > ul:not([class]) li + li,
.single-detail .block-content ol:not([class]) > li > ul:not([class]) li + li,
.block-content .single-detail ol.wp-block > li > ul:not([class]) li + li,
.single-detail .block-content ol.wp-block > li > ul:not([class]) li + li,
.block-content ul:not([class]) > li > ul:not([class]) li + li,
.block-content ul.wp-block > li > ul:not([class]) li + li,
.block-content .com-list-02 > li > ul.wp-block li + li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li + li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.wp-block li + li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.wp-block li + li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.wp-block li + li,
.block-content ol:not([class]) > li > ul.wp-block li + li,
.block-content ol.wp-block > li > ul.wp-block li + li,
.block-content .single-detail ol:not([class]) > li > ul.wp-block li + li,
.single-detail .block-content ol:not([class]) > li > ul.wp-block li + li,
.block-content .single-detail ol.wp-block > li > ul.wp-block li + li,
.single-detail .block-content ol.wp-block > li > ul.wp-block li + li,
.block-content ul:not([class]) > li > ul.wp-block li + li,
.block-content ul.wp-block > li > ul.wp-block li + li,
.single-detail .com-list-02 > li > ul:not([class]) li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul:not([class]) li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul:not([class]) li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul:not([class]) li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul:not([class]) li + li,
.single-detail .block-content ol:not([class]) > li > ul:not([class]) li + li,
.block-content .single-detail ol:not([class]) > li > ul:not([class]) li + li,
.single-detail .block-content ol.wp-block > li > ul:not([class]) li + li,
.block-content .single-detail ol.wp-block > li > ul:not([class]) li + li,
.single-detail ol:not([class]) > li > ul:not([class]) li + li,
.single-detail ol.wp-block > li > ul:not([class]) li + li,
.single-detail ul:not([class]) > li > ul:not([class]) li + li,
.single-detail ul.wp-block > li > ul:not([class]) li + li,
.single-detail .com-list-02 > li > ul.wp-block li + li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.wp-block li + li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.wp-block li + li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.wp-block li + li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.wp-block li + li,
.single-detail .block-content ol:not([class]) > li > ul.wp-block li + li,
.block-content .single-detail ol:not([class]) > li > ul.wp-block li + li,
.single-detail .block-content ol.wp-block > li > ul.wp-block li + li,
.block-content .single-detail ol.wp-block > li > ul.wp-block li + li,
.single-detail ol:not([class]) > li > ul.wp-block li + li,
.single-detail ol.wp-block > li > ul.wp-block li + li,
.single-detail ul:not([class]) > li > ul.wp-block li + li,
.single-detail ul.wp-block > li > ul.wp-block li + li {
  margin-top: 0;
}
.com-list-02 > li > .com-list-02.number > li, .block-editor-writing-flow ol:not([class]) > li > .com-list-02.number > li,
.block-editor-writing-flow ol.wp-block > li > .com-list-02.number > li,
.block-content ol:not([class]) > li > .com-list-02.number > li,
.block-content ol.wp-block > li > .com-list-02.number > li,
.single-detail ol:not([class]) > li > .com-list-02.number > li,
.single-detail ol.wp-block > li > .com-list-02.number > li, .block-editor-writing-flow .com-list-02 > li > ol.number:not([class]) > li, .block-editor-writing-flow ol:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow ol.wp-block > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .com-list-02 > li > ol.number.wp-block > li,
.block-editor-writing-flow ol:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow ol.wp-block > li > ol.number.wp-block > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.number.wp-block > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.number.wp-block > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.number.wp-block > li,
.block-content .com-list-02 > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.number:not([class]) > li,
.block-content ol:not([class]) > li > ol.number:not([class]) > li,
.block-content ol.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-content ol:not([class]) > li > ol.number:not([class]) > li,
.block-content .single-detail ol:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-content ol.wp-block > li > ol.number:not([class]) > li,
.block-content .single-detail ol.wp-block > li > ol.number:not([class]) > li,
.block-content .com-list-02 > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ol.number.wp-block > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ol.number.wp-block > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ol.number.wp-block > li,
.block-content ol:not([class]) > li > ol.number.wp-block > li,
.block-content ol.wp-block > li > ol.number.wp-block > li,
.single-detail .block-content ol:not([class]) > li > ol.number.wp-block > li,
.block-content .single-detail ol:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-content ol.wp-block > li > ol.number.wp-block > li,
.block-content .single-detail ol.wp-block > li > ol.number.wp-block > li,
.single-detail .com-list-02 > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.number:not([class]) > li,
.block-content .single-detail ol:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-content ol:not([class]) > li > ol.number:not([class]) > li,
.block-content .single-detail ol.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-content ol.wp-block > li > ol.number:not([class]) > li,
.single-detail ol:not([class]) > li > ol.number:not([class]) > li,
.single-detail ol.wp-block > li > ol.number:not([class]) > li,
.single-detail .com-list-02 > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ol.number.wp-block > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ol.number.wp-block > li,
.block-content .single-detail ol:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-content ol:not([class]) > li > ol.number.wp-block > li,
.block-content .single-detail ol.wp-block > li > ol.number.wp-block > li,
.single-detail .block-content ol.wp-block > li > ol.number.wp-block > li,
.single-detail ol:not([class]) > li > ol.number.wp-block > li,
.single-detail ol.wp-block > li > ol.number.wp-block > li, .block-editor-writing-flow ul:not([class]) > li > .com-list-02.number > li, .block-editor-writing-flow ul:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow ul:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.number.wp-block > li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow ul.wp-block > li > .com-list-02.number > li,
.block-editor-writing-flow ul.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow ul.wp-block > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.number.wp-block > li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.number.wp-block > li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.number.wp-block > li,
.block-content ul:not([class]) > li > .com-list-02.number > li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ul:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ul:not([class]) > li > ol.number.wp-block > li,
.block-content ul:not([class]) > li > ol.number:not([class]) > li,
.block-content ul:not([class]) > li > ol.number.wp-block > li,
.block-content .single-detail ul:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-content ul:not([class]) > li > ol.number:not([class]) > li,
.block-content .single-detail ul:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-content ul:not([class]) > li > ol.number.wp-block > li,
.block-content ul.wp-block > li > .com-list-02.number > li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.number:not([class]) > li,
.block-content .block-editor-writing-flow ul.wp-block > li > ol.number.wp-block > li,
.block-editor-writing-flow .block-content ul.wp-block > li > ol.number.wp-block > li,
.block-content ul.wp-block > li > ol.number:not([class]) > li,
.block-content ul.wp-block > li > ol.number.wp-block > li,
.block-content .single-detail ul.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-content ul.wp-block > li > ol.number:not([class]) > li,
.block-content .single-detail ul.wp-block > li > ol.number.wp-block > li,
.single-detail .block-content ul.wp-block > li > ol.number.wp-block > li,
.single-detail ul:not([class]) > li > .com-list-02.number > li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ul:not([class]) > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ul:not([class]) > li > ol.number.wp-block > li,
.single-detail .block-content ul:not([class]) > li > ol.number:not([class]) > li,
.block-content .single-detail ul:not([class]) > li > ol.number:not([class]) > li,
.single-detail .block-content ul:not([class]) > li > ol.number.wp-block > li,
.block-content .single-detail ul:not([class]) > li > ol.number.wp-block > li,
.single-detail ul:not([class]) > li > ol.number:not([class]) > li,
.single-detail ul:not([class]) > li > ol.number.wp-block > li,
.single-detail ul.wp-block > li > .com-list-02.number > li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.number:not([class]) > li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-editor-writing-flow ul.wp-block > li > ol.number.wp-block > li,
.block-editor-writing-flow .single-detail ul.wp-block > li > ol.number.wp-block > li,
.single-detail .block-content ul.wp-block > li > ol.number:not([class]) > li,
.block-content .single-detail ul.wp-block > li > ol.number:not([class]) > li,
.single-detail .block-content ul.wp-block > li > ol.number.wp-block > li,
.block-content .single-detail ul.wp-block > li > ol.number.wp-block > li,
.single-detail ul.wp-block > li > ol.number:not([class]) > li,
.single-detail ul.wp-block > li > ol.number.wp-block > li, .block-editor-writing-flow .com-list-02 > li > ul.number:not([class]) > li, .block-editor-writing-flow ol:not([class]) > li > ul.number:not([class]) > li,
.block-editor-writing-flow ol.wp-block > li > ul.number:not([class]) > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.number:not([class]) > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.number:not([class]) > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.number:not([class]) > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.number:not([class]) > li, .block-editor-writing-flow ul:not([class]) > li > ul.number:not([class]) > li,
.block-editor-writing-flow ul.wp-block > li > ul.number:not([class]) > li,
.block-editor-writing-flow .com-list-02 > li > ul.number.wp-block > li,
.block-editor-writing-flow ol:not([class]) > li > ul.number.wp-block > li,
.block-editor-writing-flow ol.wp-block > li > ul.number.wp-block > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.number.wp-block > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.number.wp-block > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.number.wp-block > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.number.wp-block > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.number.wp-block > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.number.wp-block > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.number.wp-block > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.number.wp-block > li,
.block-editor-writing-flow ul:not([class]) > li > ul.number.wp-block > li,
.block-editor-writing-flow ul.wp-block > li > ul.number.wp-block > li,
.block-content .com-list-02 > li > ul.number:not([class]) > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.number:not([class]) > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.number:not([class]) > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.number:not([class]) > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.number:not([class]) > li,
.block-content ol:not([class]) > li > ul.number:not([class]) > li,
.block-content ol.wp-block > li > ul.number:not([class]) > li,
.block-content .single-detail ol:not([class]) > li > ul.number:not([class]) > li,
.single-detail .block-content ol:not([class]) > li > ul.number:not([class]) > li,
.block-content .single-detail ol.wp-block > li > ul.number:not([class]) > li,
.single-detail .block-content ol.wp-block > li > ul.number:not([class]) > li,
.block-content ul:not([class]) > li > ul.number:not([class]) > li,
.block-content ul.wp-block > li > ul.number:not([class]) > li,
.block-content .com-list-02 > li > ul.number.wp-block > li,
.block-content .block-editor-writing-flow ol:not([class]) > li > ul.number.wp-block > li,
.block-editor-writing-flow .block-content ol:not([class]) > li > ul.number.wp-block > li,
.block-content .block-editor-writing-flow ol.wp-block > li > ul.number.wp-block > li,
.block-editor-writing-flow .block-content ol.wp-block > li > ul.number.wp-block > li,
.block-content ol:not([class]) > li > ul.number.wp-block > li,
.block-content ol.wp-block > li > ul.number.wp-block > li,
.block-content .single-detail ol:not([class]) > li > ul.number.wp-block > li,
.single-detail .block-content ol:not([class]) > li > ul.number.wp-block > li,
.block-content .single-detail ol.wp-block > li > ul.number.wp-block > li,
.single-detail .block-content ol.wp-block > li > ul.number.wp-block > li,
.block-content ul:not([class]) > li > ul.number.wp-block > li,
.block-content ul.wp-block > li > ul.number.wp-block > li,
.single-detail .com-list-02 > li > ul.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.number:not([class]) > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.number:not([class]) > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.number:not([class]) > li,
.single-detail .block-content ol:not([class]) > li > ul.number:not([class]) > li,
.block-content .single-detail ol:not([class]) > li > ul.number:not([class]) > li,
.single-detail .block-content ol.wp-block > li > ul.number:not([class]) > li,
.block-content .single-detail ol.wp-block > li > ul.number:not([class]) > li,
.single-detail ol:not([class]) > li > ul.number:not([class]) > li,
.single-detail ol.wp-block > li > ul.number:not([class]) > li,
.single-detail ul:not([class]) > li > ul.number:not([class]) > li,
.single-detail ul.wp-block > li > ul.number:not([class]) > li,
.single-detail .com-list-02 > li > ul.number.wp-block > li,
.single-detail .block-editor-writing-flow ol:not([class]) > li > ul.number.wp-block > li,
.block-editor-writing-flow .single-detail ol:not([class]) > li > ul.number.wp-block > li,
.single-detail .block-editor-writing-flow ol.wp-block > li > ul.number.wp-block > li,
.block-editor-writing-flow .single-detail ol.wp-block > li > ul.number.wp-block > li,
.single-detail .block-content ol:not([class]) > li > ul.number.wp-block > li,
.block-content .single-detail ol:not([class]) > li > ul.number.wp-block > li,
.single-detail .block-content ol.wp-block > li > ul.number.wp-block > li,
.block-content .single-detail ol.wp-block > li > ul.number.wp-block > li,
.single-detail ol:not([class]) > li > ul.number.wp-block > li,
.single-detail ol.wp-block > li > ul.number.wp-block > li,
.single-detail ul:not([class]) > li > ul.number.wp-block > li,
.single-detail ul.wp-block > li > ul.number.wp-block > li {
  padding-left: 40px;
}

.block-editor-writing-flow ol:not([class]),
.block-editor-writing-flow ol.wp-block,
.block-content ol:not([class]),
.block-content ol.wp-block,
.single-detail ol:not([class]),
.single-detail ol.wp-block, .com-list-02.number, .block-editor-writing-flow ul.number:not([class]),
.block-editor-writing-flow ul.number.wp-block,
.block-content ul.number:not([class]),
.block-content ul.number.wp-block,
.single-detail ul.number:not([class]),
.single-detail ul.number.wp-block {
  counter-reset: listnum;
}
.block-editor-writing-flow ol:not([class]) > li,
.block-editor-writing-flow ol.wp-block > li,
.block-content ol:not([class]) > li,
.block-content ol.wp-block > li,
.single-detail ol:not([class]) > li,
.single-detail ol.wp-block > li, .com-list-02.number > li, .block-editor-writing-flow ul.number:not([class]) > li,
.block-editor-writing-flow ul.number.wp-block > li,
.block-content ul.number:not([class]) > li,
.block-content ul.number.wp-block > li,
.single-detail ul.number:not([class]) > li,
.single-detail ul.number.wp-block > li {
  counter-increment: listnum;
  padding-left: 55px;
}
.block-editor-writing-flow ol:not([class]) > li::before,
.block-editor-writing-flow ol.wp-block > li::before,
.block-content ol:not([class]) > li::before,
.block-content ol.wp-block > li::before,
.single-detail ol:not([class]) > li::before,
.single-detail ol.wp-block > li::before, .com-list-02.number > li::before, .block-editor-writing-flow ul.number:not([class]) > li::before,
.block-editor-writing-flow ul.number.wp-block > li::before,
.block-content ul.number:not([class]) > li::before,
.block-content ul.number.wp-block > li::before,
.single-detail ul.number:not([class]) > li::before,
.single-detail ul.number.wp-block > li::before {
  content: counter(listnum);
  display: flex;
  align-items: center;
  justify-content: center;
  top: 12px;
  left: 14px;
  width: 30px;
  height: 30px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

/* step ステップリスト
--------------------------------- */
.com-step-01 {
  counter-reset: stepnum;
  padding: 0;
}
.com-step-01 .step {
  counter-increment: stepnum;
  position: relative;
  padding: 56px 15px 15px;
  border: 4px solid #365590;
  border-radius: 10px;
  background: #fff;
}
@media (min-width: 960px) {
  .com-step-01 .step {
    padding: 79px 40px 40px;
  }
}
.com-step-01 .step::before {
  content: "STEP-" counter(stepnum);
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 2.35em;
  padding-left: 1.45em;
  padding-right: 1.45em;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: bold;
  color: #fff;
  background: #365590;
  border-radius: 4px 4px 0 0;
}
@media (min-width: 960px) {
  .com-step-01 .step::before {
    width: auto;
    font-size: 20px;
    font-size: 1.3333333333rem;
    border-radius: 4px 0 0 0;
  }
}
.com-step-01 .step + .step {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .com-step-01 .step + .step {
    margin-top: 65px;
  }
}
.com-step-01 .step + .step::after {
  content: "";
  position: absolute;
  top: -15px;
  left: 50%;
  border: 8px solid transparent;
  border-bottom: 0;
  border-top: 15px solid #365590;
  width: 0;
  height: 0;
  transform: translate(-50%, -100%);
}
@media (min-width: 960px) {
  .com-step-01 .step + .step::after {
    top: -22px;
    border: 13px solid transparent;
    border-bottom: 0;
    border-top: 25px solid #365590;
    width: 0;
    height: 0;
  }
}
.com-step-01 .tit {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #365590;
  line-height: 1.5;
  margin: 0;
}
@media (min-width: 960px) {
  .com-step-01 .tit {
    font-size: 22px;
    font-size: 1.4666666667rem;
  }
}
.com-step-01 .tit + * {
  margin-top: 0.8em;
}
.com-step-01 .content {
  flex: 1;
}
.com-step-01 .text {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.8;
}
@media (max-width: 959px) {
  .com-step-01 .img + * {
    margin-top: 1.2em;
  }
}
@media (min-width: 960px) {
  .com-step-01 .img {
    width: 210px;
    margin-right: 32px;
  }
}
.com-step-01 .img img {
  width: 100%;
}
@media (min-width: 960px) {
  .com-step-01 .block {
    display: flex;
    align-items: center;
  }
}
.com-step-01 .column .img {
  width: 100%;
}
.com-step-01.line .step {
  border: 4px solid #00B900;
}
.com-step-01.line .step::before {
  background: #00B900;
}
.com-step-01.line .step + .step::after {
  border: 8px solid transparent;
  border-bottom: 0;
  border-top: 15px solid #00B900;
  width: 0;
  height: 0;
}
@media (min-width: 960px) {
  .com-step-01.line .step + .step::after {
    border: 13px solid transparent;
    border-bottom: 0;
    border-top: 25px solid #00B900;
    width: 0;
    height: 0;
  }
}
.com-step-01.line .tit {
  color: #00B900;
}
@media (min-width: 960px) {
  .com-step-01.line .block .img {
    width: 50%;
    margin-right: 40px;
  }
}

/* qa 質問と回答
--------------------------------- */
.com-qa-panel {
  background-color: #F4F4F4;
  position: relative;
}
* + .com-qa-panel {
  margin-top: 40px;
}
@media (min-width: 960px) {
  * + .com-qa-panel {
    margin-top: 60px;
  }
}
.com-qa-panel + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .com-qa-panel + * {
    margin-top: 30px;
  }
}
.com-qa-panel .ico {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: #fff;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 700;
  width: 30px;
  height: 30px;
}
.com-qa-panel .ico.question {
  background-color: #E63333;
}
.com-qa-panel .ico.answer {
  background-color: #000;
}
.com-qa-panel .main {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  cursor: pointer;
}
@media (min-width: 960px) {
  .com-qa-panel .main {
    padding: 25px 24px 25px 27px;
  }
}
.com-qa-panel .main[class*=trigger] {
  cursor: pointer;
}
.com-qa-panel .main::before {
  content: none;
  display: none;
}
.com-qa-panel .tit {
  display: flex;
  margin-right: 10px;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .com-qa-panel .tit {
    margin-right: 20px;
  }
}
.com-qa-panel .tit em {
  display: block;
  align-self: center;
  line-height: 1.4;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 700;
}
@media (min-width: 960px) {
  .com-qa-panel .tit em {
    font-size: 18px;
    font-size: 1.2rem;
  }
}
.com-qa-panel .tit .ico + em {
  margin-left: 13px;
}
.com-qa-panel .btn {
  position: relative;
  margin-top: 3px;
  text-align: right;
  flex-shrink: 0;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 500;
  line-height: 1.8;
  color: #686868;
}
@media (min-width: 960px) {
  .com-qa-panel .btn {
    padding-right: 40px;
    height: 24px;
    width: 110px;
  }
  .com-qa-panel .btn::before {
    content: "答えを見る";
  }
}
.com-qa-panel .btn > div {
  display: block;
  height: 20px;
  width: 20px;
}
.com-qa-panel .btn > div::before, .com-qa-panel .btn > div::after {
  content: "";
  background-color: #707070;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: rotate(0deg);
  transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.com-qa-panel .btn > div::before {
  right: 0;
  width: 20px;
  height: 3px;
}
@media (min-width: 960px) {
  .com-qa-panel .btn > div::before {
    width: 24px;
  }
}
.com-qa-panel .btn > div::after {
  right: 8px;
  width: 3px;
  height: 20px;
}
@media (min-width: 960px) {
  .com-qa-panel .btn > div::after {
    right: 10px;
    height: 24px;
  }
}
.com-qa-panel .content {
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  opacity: 0;
}
@media (min-width: 960px) {
  .com-qa-panel .content {
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 40px;
  }
}
.com-qa-panel .content .ico + .detail {
  margin-left: 12px;
}
@media (min-width: 960px) {
  .com-qa-panel .content .ico + .detail {
    margin-left: 17px;
  }
}
.com-qa-panel .content-inner {
  border-radius: 5px;
  background-color: #fff;
  display: flex;
  padding: 15px 15px 20px 15px;
}
@media (min-width: 960px) {
  .com-qa-panel .content-inner {
    padding: 20px 44px 27px 20px;
  }
}
.com-qa-panel .detail {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.com-qa-panel .detail .com-btn-01.medium {
  max-width: 250px;
}
.com-qa-panel .list li {
  line-height: 2;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
}
.com-qa-panel .list.number {
  counter-reset: listnum;
}
.com-qa-panel .list.number > li:not(.not-number) {
  counter-increment: listnum;
}
.com-qa-panel .list.number > li:not(.not-number)::before {
  content: counter(listnum);
  font-size: inherit;
  font-weight: inherit;
  line-height: 1;
  color: inherit;
  margin-right: 5px;
}
.com-qa-panel.uk-open .btn > div::before, .com-qa-panel.uk-open .btn > div::after {
  transform: rotate(45deg);
}
@media (min-width: 960px) {
  .com-qa-panel.uk-open .btn::before {
    content: "閉じる";
  }
}
.com-qa-panel.uk-open .content {
  animation: fade-up 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s forwards;
}

/* font-size フォントサイズ
--------------------------------- */
.com-fz-10 {
  font-size: 10px;
  font-size: 0.6666666667rem;
}

.com-fz-11 {
  font-size: 11px;
  font-size: 0.7333333333rem;
}

.com-fz-12 {
  font-size: 12px;
  font-size: 0.8rem;
}

.com-fz-13 {
  font-size: 13px;
  font-size: 0.8666666667rem;
}

.com-fz-14 {
  font-size: 14px;
  font-size: 0.9333333333rem;
}

.com-fz-15 {
  font-size: 15px;
  font-size: 1rem;
}

.com-fz-16 {
  font-size: 16px;
  font-size: 1.0666666667rem;
}

.com-fz-17 {
  font-size: 17px;
  font-size: 1.1333333333rem;
}

.com-fz-18 {
  font-size: 18px;
  font-size: 1.2rem;
}

.com-fz-19 {
  font-size: 19px;
  font-size: 1.2666666667rem;
}

.com-fz-20 {
  font-size: 20px;
  font-size: 1.3333333333rem;
}

.com-fz-21 {
  font-size: 21px;
  font-size: 1.4rem;
}

.com-fz-22 {
  font-size: 22px;
  font-size: 1.4666666667rem;
}

.com-fz-23 {
  font-size: 23px;
  font-size: 1.5333333333rem;
}

.com-fz-24 {
  font-size: 24px;
  font-size: 1.6rem;
}

.com-fz-25 {
  font-size: 25px;
  font-size: 1.6666666667rem;
}

.com-fz-26 {
  font-size: 26px;
  font-size: 1.7333333333rem;
}

.com-fz-27 {
  font-size: 27px;
  font-size: 1.8rem;
}

.com-fz-28 {
  font-size: 28px;
  font-size: 1.8666666667rem;
}

.com-fz-29 {
  font-size: 29px;
  font-size: 1.9333333333rem;
}

.com-fz-30 {
  font-size: 30px;
  font-size: 2rem;
}

/* アクセント色
--------------------------------- */
/* リンク（ボタン）
--------------------------------- */
.com-btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-top: 20px;
}
.com-btn-wrap.left {
  justify-content: flex-start;
}
.com-btn-wrap.right {
  justify-content: flex-end;
}
.com-btn-wrap + * {
  margin-top: 20px;
}
.com-btn-wrap > * + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .com-btn-wrap {
    flex-direction: row;
    margin-left: -22px;
  }
  .com-btn-wrap > * {
    margin-left: 22px;
  }
  .com-btn-wrap > * + * {
    margin-top: 0;
  }
}

.com-btn-01 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #333333;
  color: #fff;
  position: relative;
  padding: 17px 1em;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 400;
  line-height: 1.2;
  max-width: 336px;
  width: 100%;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  cursor: pointer;
}
.com-btn-01::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url(../img/common/parts/icon_arrow-right-w.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  margin: auto;
  width: 15px;
  height: 12px;
}
.com-btn-01.down-arrow::after {
  background-image: url(../img/common/parts/icon_chevron-down.svg);
  right: 20px;
  width: 20px;
  height: 11px;
}
.com-btn-01.hide-arrow::after {
  display: none;
}
.com-btn-01.back-red {
  background-color: #E63333;
}
.com-btn-01.red {
  border: 2px solid #E63333;
  background-color: #fff;
  color: #E63333;
}
.com-btn-01.red::after {
  right: 10px;
  width: 13px;
  height: 10px;
  background-image: url(../img/common/parts/icon_arrow-right-r_2.svg);
  background-size: contain;
}
.com-btn-01.small {
  max-width: 200px;
}
.com-btn-01.medium {
  max-width: 218px;
}
.com-btn-01.large {
  max-width: 280px;
  padding: 10px 30px;
  min-height: 56px;
}
.com-btn-01.full {
  max-width: none;
  width: 100%;
}
.com-btn-01.radius {
  border-radius: 5px;
}
.com-btn-01.pdf > i {
  background: url(../img/common/parts/icon_pdf.svg) no-repeat center/contain;
  display: inline-block;
  width: 25px;
  height: 27px;
  margin-right: 12px;
}
.com-btn-01.movie > i {
  background: url(../img/common/parts/icon_movie.svg) no-repeat center/contain;
  display: inline-block;
  width: 33px;
  height: 24px;
  margin-right: 10px;
}
.com-btn-01.panorama > i {
  background: url(../img/common/parts/icon_360.svg) no-repeat center/contain;
  display: inline-block;
  width: 35px;
  height: 35px;
  margin-right: 6px;
}
.com-btn-01:hover:not(.red) {
  color: #fff;
}
@media (min-width: 960px) {
  .com-btn-01:not(.back-red):not(.red):hover {
    background-color: #000;
  }
  .com-btn-01:not(.back-red):not(.red):hover::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}
@media (min-width: 960px) {
  .com-btn-01.back-red:hover {
    background-color: rgba(230, 51, 51, 0.7);
  }
}
@media (min-width: 960px) {
  .com-btn-01.red:hover {
    background-color: rgba(230, 51, 51, 0.1);
  }
  .com-btn-01.red:hover::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}
.com-btn-01.down-arrow:hover::after {
  animation: move-arrow-down 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.com-btn-02 {
  display: block;
  text-decoration: none;
  background-color: #333333;
  position: relative;
  width: 26px;
  height: 26px;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-btn-02::after {
  content: "";
  background: url(../img/common/parts/icon_arrow-right-w.svg) no-repeat center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 16px;
}
.com-btn-02.small {
  width: 21px;
  height: 21px;
}
.com-btn-02.small::after {
  width: 13px;
  height: 13px;
}
.com-btn-02:hover {
  background-color: #000;
}
.com-btn-02:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.com-btn-03 {
  overflow: hidden;
  color: #fff;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 10px 30px;
  height: 98px;
}
.com-btn-03 + * {
  margin-top: 20px;
}
.com-btn-03::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  background-image: url(../img/common/parts/icon_arrow-right-w.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto;
  width: 13px;
  height: 11px;
}
.com-btn-03 .bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.com-btn-03 .bg::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 0;
  width: 50%;
  height: 100%;
  transform: skewX(-24deg);
  opacity: 0.48;
  transition: width cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-btn-03 .bg.bg-left::after {
  left: -50px;
}
.com-btn-03 .bg.bg-right::after {
  right: -50px;
}
.com-btn-03 .bg img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.45;
}
.com-btn-03 .sub {
  position: relative;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0;
}
.com-btn-03:hover {
  color: #fff;
}
.com-btn-03:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.com-btn-03:hover .bg::after {
  width: calc(100% + 100px);
}

.com-btn-04 {
  border: 1px solid #D1D1D1;
  background-color: #fff;
  display: flex;
  align-items: center;
  position: relative;
  padding-right: 24px;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-btn-04:hover {
  opacity: 0.7;
}
.com-btn-04:hover .com-btn-02 {
  background-color: #000;
}
.com-btn-04:hover .com-btn-02::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.com-btn-04 .img {
  flex-shrink: 0;
}
.com-btn-04 .img-inner {
  overflow: hidden;
  width: 102px;
  height: 102px;
}
.com-btn-04 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.com-btn-04 .main {
  flex-grow: 1;
  padding-left: 10px;
}
.com-btn-04 .tit {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 7px;
  margin-bottom: 6px;
  position: relative;
}
.com-btn-04 .tit::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
  width: 42px;
}
.com-btn-04 .sub {
  margin: 0;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 500;
  line-height: 1.4;
}
.com-btn-04 .btn {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.com-btn-05 {
  border: 1px solid #E63333;
  display: block;
  max-width: 336px;
  text-align: center;
  background-color: transparent;
  color: #E63333;
  position: relative;
  padding: 5px 30px;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 400;
  line-height: 1.2;
  transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.com-btn-05::after {
  content: "";
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100% auto;
  background-image: url(../img/common/parts/icon_arrow-right-r.svg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 7px;
  margin: auto;
  width: 15px;
  height: 12px;
}
.com-btn-05 strong {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
}
.com-btn-05:hover {
  background-color: #fff;
  color: #E63333;
}
.com-btn-05:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.com-link-01, .block-editor-writing-flow * > a,
.block-content * > a,
.single-detail * > a {
  text-decoration: underline;
}
.com-link-01.arrow, .block-editor-writing-flow * > a.arrow,
.block-content * > a.arrow,
.single-detail * > a.arrow {
  color: #E63333;
  text-decoration: none;
}
.com-link-01.arrow::after, .block-editor-writing-flow * > a.arrow::after,
.block-content * > a.arrow::after,
.single-detail * > a.arrow::after {
  content: "＞";
  display: inline;
  width: 1em;
}
.com-link-01.arrow:hover, .block-editor-writing-flow * > a.arrow:hover,
.block-content * > a.arrow:hover,
.single-detail * > a.arrow:hover {
  text-decoration: underline;
}

/* ラベル
--------------------------------- */
.com-label-01 {
  display: flex;
  align-items: center;
  font-size: 14px;
  font-size: 0.9333333333rem;
  height: 27px;
  padding: 1px 9px;
  color: #fff;
  background: #333;
}
.com-label-01.red {
  background-color: #E63333;
}

/* list
--------------------------------- */
.recruitments-list-01 li + li {
  margin-top: 20px;
}
@media (min-width: 640px) {
  .recruitments-list-01 li + li {
    margin-top: 30px;
  }
}

/* btn
--------------------------------- */
.recruitments-btn-01 {
  display: flex;
  align-items: center;
  background: #F5F5F5;
  padding: 20px;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.0666666667rem;
}
@media (min-width: 640px) {
  .recruitments-btn-01 {
    padding: 40px 28px;
    font-size: 21px;
    font-size: 1.4rem;
  }
}
.recruitments-btn-01 .tit {
  flex: 1;
}
.recruitments-btn-01::before {
  content: "";
  display: block;
  width: 6px;
  align-self: stretch;
  margin-right: 0.9em;
  background: #e63333;
}
.recruitments-btn-01::after {
  content: "\f054";
  font-family: "FontAwesome", FontAwesome;
  margin-left: auto;
  padding-left: 0.9em;
}
.recruitments-btn-01:hover {
  background: #fce9e9;
}

/* dl table
--------------------------------- */
@media (max-width: 639px) {
  .job-table-01 {
    border-bottom: 1px solid #989898;
  }
}
@media (min-width: 640px) {
  .job-table-01 {
    display: grid;
    grid-template-columns: 292px 1fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.job-table-01 dt {
  padding: 1.5em 0 1em;
  padding-left: 25px;
  font-weight: 500;
  position: relative;
  border-top: 1px solid #989898;
}
@media (min-width: 640px) {
  .job-table-01 dt {
    padding-bottom: 1.5em;
    border-top: 2px solid #989898;
  }
  .job-table-01 dt:last-of-type {
    border-bottom: 2px solid #989898;
  }
}
.job-table-01 dt::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: #e63333;
  position: absolute;
  margin-top: 0.5em;
  left: 0;
}
.job-table-01 dd {
  padding-bottom: 1.5em;
}
@media (min-width: 640px) {
  .job-table-01 dd {
    padding-top: 1.5em;
    border-top: 1px solid #989898;
  }
  .job-table-01 dd:last-of-type {
    border-bottom: 1px solid #989898;
  }
}

/* dl list
--------------------------------- */
.info-dl-01-wrap {
  border: 1px solid #D1D1D1;
}

.info-dl-01 {
  display: flex;
}
.info-dl-01 + .info-dl-01 {
  margin-top: -1px;
}
.info-dl-01:not(:first-child) dt,
.info-dl-01:not(:first-child) dd {
  border-top: 1px solid #D1D1D1;
}
.info-dl-01 dt,
.info-dl-01 dd {
  color: #333333;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  line-height: 1.4;
  padding: 7px 12px;
}
.info-dl-01 dt {
  background-color: #F0F0F0;
  flex-shrink: 0;
  padding-left: 27px;
  position: relative;
  width: 120px;
}
.info-dl-01 dt::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 14px;
  left: 10px;
  width: 10px;
  height: 2px;
}
.info-dl-01 dd {
  flex-grow: 1;
}

.info-dl-02 + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .info-dl-02 + * {
    margin-top: 30px;
  }
}
.info-dl-02 dl {
  border: 1px solid #D1D1D1;
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .info-dl-02 dl {
    flex-direction: row;
    margin-left: -1px;
  }
}
.info-dl-02 dl:not(:last-child) {
  margin-bottom: -1px;
}
.info-dl-02 dt,
.info-dl-02 dd {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4;
  padding-top: 14px;
  padding-bottom: 14px;
  padding-right: 10px;
}
.info-dl-02 dt {
  background-color: #F0F0F0;
  position: relative;
  padding-left: 27px;
}
@media (min-width: 960px) {
  .info-dl-02 dt {
    border-left: 1px solid #D1D1D1;
    flex-shrink: 0;
    margin-left: -1px;
    width: 17.7083333333%;
    max-width: 170px;
  }
}
.info-dl-02 dt::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 24px;
  left: 10px;
  width: 10px;
  height: 2px;
}
@media (max-width: 959px) {
  .info-dl-02 dd + dt {
    border-top: 1px solid #D1D1D1;
  }
}
.info-dl-02 dd {
  padding-left: 27px;
}
@media (min-width: 960px) {
  .info-dl-02 dd {
    flex: 1 1 0;
    padding-left: 20px;
  }
}

/* list
--------------------------------- */
.info-list-01 {
  width: 100%;
  border-top: 1px solid #D1D1D1;
}
.info-list-01 li {
  border-bottom: 1px solid #D1D1D1;
}

/* btn
--------------------------------- */
.info-btn-01 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 1.3em 0;
  position: relative;
}
@media (min-width: 640px) {
  .info-btn-01 {
    padding-top: 2.75em;
    padding-bottom: 2.75em;
    padding-right: 3em;
  }
}
@media (min-width: 960px) {
  .info-btn-01::before {
    content: "";
    width: 21px;
    height: 21px;
    background: #333;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
  }
  .info-btn-01::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 21px;
    height: 21px;
    background: no-repeat center;
    background-size: 13px auto;
    background-image: url(../img/common/parts/icon_arrow-right-w.svg);
  }
}
.info-btn-01:hover {
  background: #fce9e9;
}
.info-btn-01 .tit {
  width: 100%;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 500;
  display: block;
  margin-top: 1em;
  line-height: 1.5;
}
@media (min-width: 640px) {
  .info-btn-01 .tit {
    font-size: 17px;
    font-size: 1.1333333333rem;
  }
}
@media (min-width: 960px) {
  .info-btn-01 .tit {
    flex: 1;
    width: auto;
    margin-top: 0;
    flex: 1;
    border-left: 1px solid #707070;
    padding-left: 1.1em;
    margin-left: 1em;
  }
}
.info-btn-01 .date {
  margin-top: 4px;
  font-weight: 400;
  text-align: center;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.2;
  width: 80px;
}
@media (min-width: 960px) {
  .info-btn-01 .date {
    font-size: 15px;
    font-size: 1rem;
  }
}
.info-btn-01 .cat-ico-01 {
  margin-top: 2px;
  margin-bottom: 0;
}
.info-btn-01 .cat-ico-01 + .date {
  margin-left: 10px;
}
@media (min-width: 960px) {
  .info-btn-01 .cat-ico-01 + .date {
    margin-left: 26px;
  }
}

/* icon
--------------------------------- */
.cat-ico-01 {
  display: inline-block;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  background-color: #333333;
  text-align: center;
  color: #fff;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 3px;
}
@media (min-width: 960px) {
  .cat-ico-01 {
    display: flex;
    font-size: 12px;
    font-size: 0.8rem;
    padding: 5px 3px;
    margin-top: 3px;
    margin-bottom: 3px;
  }
}
.cat-ico-01.red {
  background-color: #E63333;
  color: #fff !important;
}
.cat-ico-01.blue {
  background-color: #003A81;
  color: #fff !important;
}
.cat-ico-01.gray {
  background-color: #F0F0F0;
  color: #333333;
}
.cat-ico-01.cat-news {
  background-color: #E63333;
}
.cat-ico-01.cat-recruit {
  background-color: #3E486A;
}
.cat-ico-01.cat-update {
  background-color: #309DB7;
}

.cat-ico-02 {
  position: relative;
}
.cat-ico-02::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 12px;
  margin: auto 0;
  width: 13px;
  height: 11px;
}
.cat-ico-02.arrow-white::after {
  background-image: url(../img/common/parts/icon_arrow-right-w.svg);
}
.cat-ico-02.arrow-red::after {
  background-image: url(../img/common/parts/icon_arrow-right-r.svg);
}
.cat-ico-02.arrow-black::after {
  background-image: url(../img/common/parts/icon_arrow-right-b.svg);
}
.cat-ico-02.position-top::after {
  top: 11px;
  bottom: inherit;
  margin: 0;
}
.cat-ico-02:hover::after {
  animation: move-arrow cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s forwards;
}

.cat-ico-03 {
  background-color: #E63333;
  color: #fff;
  display: inline-block;
  padding: 3px 12px;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 500;
  line-height: 1.3;
}

.cat-ico-04 {
  text-align: center;
  background-color: #333333;
  color: #fff;
  display: inline-block;
  padding: 5px 10px;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 700;
  line-height: 1.3;
  width: 106px;
}
.cat-ico-04.cat-ico-red {
  background-color: #E63333;
}
.cat-ico-04.cat-ico-square {
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.35;
  width: 30px;
}

.search-panel-01 a {
  overflow: hidden;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  border: 1px solid #D1D1D1;
  background-color: #fff;
  display: block;
  position: relative;
}
@media (min-width: 960px) {
  .search-panel-01 a:hover .btn .com-btn-02::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}
.search-panel-01 .main {
  position: relative;
  z-index: 0;
  letter-spacing: 0.03em;
  padding: 35px 20px 40px;
}
.search-panel-01 .tit {
  position: relative;
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  line-height: 1.45;
  width: 100%;
  margin: 0;
  padding: 0;
}
.search-panel-01 .tit + .text {
  position: relative;
  margin-top: 15px;
  padding-top: 17px;
}
.search-panel-01 .tit + .text:before {
  content: "";
  background-color: #333333;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 1px;
}
.search-panel-01 .text {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
}
.search-panel-01 .btn {
  position: absolute;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  height: 26px;
  width: 100%;
}
.search-panel-01 .btn::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 30%;
  height: 100%;
  opacity: 0.33;
  background: rgba(0, 0, 0, 0);
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.19) 100%);
}
@media (min-width: 960px) {
  .search-panel-01 .btn::after {
    width: 60%;
  }
}
.search-panel-01 .label {
  background-color: #E63333;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  width: 128px;
}
.search-panel-01 .label::after {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  border: 13px solid transparent;
  border-top: 0;
  border-bottom: 26px solid #E63333;
  width: 0;
  height: 0;
}
.search-panel-01 .tag {
  margin-right: 1em;
  padding: 0 0.75em;
  background-color: #333333;
  color: #fff;
  text-align: center;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 500;
  border-radius: 3px;
  line-height: 29px;
  vertical-align: top;
}
.search-panel-01 + .search-panel-01 {
  margin-top: 24px;
}

/* layout
--------------------------------- */
.qa-layout-01 > * .com-img-01 {
  margin-bottom: 16px;
}
@media (min-width: 960px) {
  .qa-layout-01 > * .com-img-01 {
    margin-bottom: 32px;
  }
}

/* tit
--------------------------------- */
.qa-tit-01, .block-editor-writing-flow h2:not([class]),
.block-editor-writing-flow h2.wp-block,
.block-content h2:not([class]),
.block-content h2.wp-block,
.single-detail h2:not([class]),
.single-detail h2.wp-block {
  text-align: center;
  font-weight: 700;
  font-size: 25px;
  font-size: 1.6666666667rem;
  line-height: 1.44;
  padding-bottom: 32px;
  margin-bottom: 0;
  position: relative;
  border-bottom: 1px solid #D1D1D1;
}
.qa-tit-01::before, .block-editor-writing-flow h2:not([class])::before,
.block-editor-writing-flow h2.wp-block::before,
.block-content h2:not([class])::before,
.block-content h2.wp-block::before,
.single-detail h2:not([class])::before,
.single-detail h2.wp-block::before {
  content: "";
  position: absolute;
  bottom: -1px;
  background-color: #E63333;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 100px;
}
* + .qa-tit-01, .block-editor-writing-flow * + h2:not([class]),
.block-editor-writing-flow * + h2.wp-block,
.block-content * + h2:not([class]),
.block-content * + h2.wp-block,
.single-detail * + h2:not([class]),
.single-detail * + h2.wp-block, p + .qa-tit-01 {
  margin-top: 70px !important;
}
@media (min-width: 960px) {
  * + .qa-tit-01, .block-editor-writing-flow * + h2:not([class]),
  .block-editor-writing-flow * + h2.wp-block,
  .block-content * + h2:not([class]),
  .block-content * + h2.wp-block,
  .single-detail * + h2:not([class]),
  .single-detail * + h2.wp-block, p + .qa-tit-01 {
    margin-top: 100px !important;
  }
}
.qa-tit-01 + *, .block-editor-writing-flow h2:not([class]) + *,
.block-editor-writing-flow h2.wp-block + *,
.block-content h2:not([class]) + *,
.block-content h2.wp-block + *,
.single-detail h2:not([class]) + *,
.single-detail h2.wp-block + * {
  margin-top: 40px;
}

.qa-tit-02, .block-editor-writing-flow h3:not([class]),
.block-editor-writing-flow h3.wp-block,
.block-content h3:not([class]),
.block-content h3.wp-block,
.single-detail h3:not([class]),
.single-detail h3.wp-block {
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  color: #333333;
  padding: 15px 20px 15px 40px;
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  background: url(../img/common/parts/bg_tit-06.svg) top right no-repeat #F4F4F4;
  background-size: contain;
}
.qa-tit-02::before, .block-editor-writing-flow h3:not([class])::before,
.block-editor-writing-flow h3.wp-block::before,
.block-content h3:not([class])::before,
.block-content h3.wp-block::before,
.single-detail h3:not([class])::before,
.single-detail h3.wp-block::before {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  left: 20px;
  width: 4px;
  height: calc(100% - 30px);
  background: #E63333;
}

.qa-tit-03, .block-editor-writing-flow h4:not([class]),
.block-editor-writing-flow h4.wp-block,
.block-content h4:not([class]),
.block-content h4.wp-block,
.single-detail h4:not([class]),
.single-detail h4.wp-block {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 10px 0 10px 40px;
  margin-bottom: 0;
  position: relative;
  word-break: break-all;
}
.qa-tit-03 + *, .block-editor-writing-flow h4:not([class]) + *,
.block-editor-writing-flow h4.wp-block + *,
.block-content h4:not([class]) + *,
.block-content h4.wp-block + *,
.single-detail h4:not([class]) + *,
.single-detail h4.wp-block + * {
  margin-top: 10px !important;
}
* + .qa-tit-03, .block-editor-writing-flow * + h4:not([class]),
.block-editor-writing-flow * + h4.wp-block,
.block-content * + h4:not([class]),
.block-content * + h4.wp-block,
.single-detail * + h4:not([class]),
.single-detail * + h4.wp-block {
  margin-top: 30px;
}
.qa-tit-03::after, .block-editor-writing-flow h4:not([class])::after,
.block-editor-writing-flow h4.wp-block::after,
.block-content h4:not([class])::after,
.block-content h4.wp-block::after,
.single-detail h4:not([class])::after,
.single-detail h4.wp-block::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 21px;
  left: 0;
  width: 30px;
  height: 3px;
}

/* section
--------------------------------- */
* + .maint-section-01 {
  margin-top: 60px;
}
@media (min-width: 960px) {
  * + .maint-section-01 {
    margin-top: 80px;
  }
}

/* list
--------------------------------- */
.maint-list-01 {
  margin-top: 40px;
  padding-left: 0;
}
@media (min-width: 960px) {
  .maint-list-01 {
    margin-top: 30px;
  }
}
.maint-list-01 + * {
  margin-top: 25px;
}
.maint-list-01 > li + li {
  margin-top: 30px;
}
@media (min-width: 960px) {
  .maint-list-01 > li + li {
    margin-top: 42px;
  }
}
.maint-list-01 .before,
.maint-list-01 .after {
  position: relative;
  background-color: #F4F4F4;
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .maint-list-01 .before,
  .maint-list-01 .after {
    align-items: center;
    flex-direction: row;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.maint-list-01 .before + li,
.maint-list-01 .after + li {
  margin-top: 20px;
}
.maint-list-01 .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 106px;
  margin: 0;
  padding: 4px 15px 6px;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: bold;
  line-height: 1.2;
}
.maint-list-01 .label::after {
  display: block;
  margin-left: 0.25em;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: bold;
  line-height: 1.2;
}
.maint-list-01 .text {
  margin: 0;
  padding: 26px 20px 30px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8666666667;
}
@media (min-width: 960px) {
  .maint-list-01 .text {
    padding: 15px 15px 15px 30px;
  }
}
@media (min-width: 960px) {
  .maint-list-01 .label + .text {
    width: calc(100% - 135px);
    margin-left: auto;
    margin-right: 0;
    padding-left: 30px;
    border-left: 1px solid #D1D1D1;
  }
}
.maint-list-01 .before .text {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5555555556;
}
.maint-list-01 .after {
  background-color: transparent;
  border-bottom: 1px solid #D1D1D1;
}
@media (min-width: 960px) {
  .maint-list-01 .after {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.maint-list-01 .after + .maint-list-01 .after {
  margin-top: 5px;
}
@media (min-width: 960px) {
  .maint-list-01 .after + .maint-list-01 .after {
    margin-top: 0;
  }
}
.maint-list-01 .after .text {
  padding: 17px 0 26px;
}
@media (min-width: 960px) {
  .maint-list-01 .after .text {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 960px) {
  .maint-list-01 .after .label + .text {
    padding-left: 30px;
  }
}

*[class] + .machine-section-01 {
  margin-top: 71px;
}
@media (min-width: 960px) {
  *[class] + .machine-section-01 {
    margin-top: 120px;
  }
}

.machine-tit-01 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .machine-tit-01 {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
*[class] + .machine-tit-01 {
  margin-top: 64px;
}
@media (min-width: 960px) {
  *[class] + .machine-tit-01 {
    margin-top: 58px;
  }
}
.machine-tit-01 + * {
  margin-top: 21px;
}
@media (min-width: 960px) {
  .machine-tit-01 + * {
    margin-top: 18px;
  }
}
.machine-tit-01 > * {
  margin: 0;
}
.machine-tit-01 .tit {
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 10px;
  position: relative;
}
.machine-tit-01 .tit::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: 2px;
}
.machine-tit-01 .tit > span {
  display: inline;
}
.machine-tit-01 .btn {
  flex-shrink: 0;
  width: 84px;
}
.machine-tit-01 .btn a {
  font-size: 13px;
  font-size: 0.8666666667rem;
  line-height: 1.4;
  padding: 6px 22px;
}
.machine-tit-01 .tit + .btn {
  margin-top: 14px;
}
@media (min-width: 960px) {
  .machine-tit-01 .tit + .btn {
    margin-top: 0;
  }
}

.machine-slide {
  overflow: hidden;
  margin-right: -20px;
  margin-left: -20px;
}
@media (min-width: 960px) {
  .machine-slide {
    margin-right: 0;
    margin-left: 0;
  }
}
.machine-slide + * {
  margin-top: 36px;
}
@media (min-width: 960px) {
  .machine-slide + * {
    margin-top: 26px;
  }
}
.machine-slide-main, .machine-slide-nav {
  display: none;
}
.machine-slide-main.slick-initialized, .machine-slide-nav.slick-initialized {
  display: block;
}
.machine-slide-main {
  margin-bottom: 10px;
}
.machine-slide-nav {
  position: relative;
  padding-left: 37px;
  padding-right: 37px;
}
.machine-slide-nav > .slick-list {
  margin-left: -5px;
  margin-right: -5px;
}
.machine-slide-item {
  overflow: hidden;
  position: relative;
}
.machine-slide-item::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
}
.machine-slide-item img {
  margin: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.machine-slide-main .machine-slide-item {
  height: 65.0666666667vw;
}
@media (min-width: 960px) {
  .machine-slide-main .machine-slide-item {
    height: 622px;
  }
}
.machine-slide-main .machine-slide-item img {
  width: auto;
  height: 100%;
}
.machine-slide-nav .machine-slide-item {
  cursor: pointer;
  margin-left: 5px;
  margin-right: 5px;
  height: 24.2666666667vw;
  max-height: 140px;
}
@media (min-width: 960px) {
  .machine-slide-nav .machine-slide-item {
    height: 91px;
  }
}
.machine-slide-nav .machine-slide-item img {
  width: 100%;
  height: 100%;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media (min-width: 960px) {
  .machine-slide-nav .machine-slide-item:hover img {
    transform: scale(1.03);
  }
}
.machine-slide-arrow {
  cursor: pointer;
  background-color: #fff;
  position: absolute;
  top: 0;
  width: 32px;
  height: 100%;
}
.machine-slide-arrow::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  height: 18px;
}
.machine-slide-arrow.prev {
  left: 0;
}
.machine-slide-arrow.prev::after {
  background-image: url(../img/common/parts/icon_chevron-left-red.svg);
}
.machine-slide-arrow.prev:hover::after {
  animation: move-arrow-reverse 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}
.machine-slide-arrow.next {
  right: 0;
}
.machine-slide-arrow.next::after {
  background-image: url(../img/common/parts/icon_chevron-right-red.svg);
}
.machine-slide-arrow.next:hover::after {
  animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
}

.machine-video {
  margin-right: -20px;
  margin-left: -20px;
}
@media (min-width: 960px) {
  .machine-video {
    margin-right: 0;
    margin-left: 0;
  }
}
.machine-video + * {
  margin-top: 60px;
}
.machine-video-frame {
  height: 0;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}
.machine-video-frame > iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
}
.machine-video-text {
  margin-top: 10px;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.8;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 960px) {
  .machine-video-text {
    padding-left: 0;
    padding-right: 0;
  }
}

/* text
--------------------------------- */
.purchase-text-01 {
  font-size: 21px;
  font-size: 1.4rem;
  font-weight: 700;
}
.purchase-text-01 + * {
  margin-top: 60px;
}

/* list
--------------------------------- */
.purchase-list-01 {
  margin-top: 30px;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .purchase-list-01 {
    margin-top: 37px;
  }
}
.purchase-list-01 > li {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 10px 20px;
}
@media (min-width: 960px) {
  .purchase-list-01 > li {
    flex-direction: row;
  }
}
.purchase-list-01 > li + * {
  margin-top: 43px;
}
.purchase-list-01 > li + *::before {
  content: "";
  border-style: solid;
  border-width: 13px 11px 0 11px;
  border-color: #686868 transparent transparent transparent;
  width: 0;
  height: 0;
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
}
.purchase-list-01 > li > * {
  display: block;
  padding-top: 10px;
  padding-bottom: 10px;
}
.purchase-list-01 .label {
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 500;
  position: relative;
  flex-shrink: 0;
}
@media (min-width: 960px) {
  .purchase-list-01 .label {
    width: 163px;
  }
}
.purchase-list-01 .label::before {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 20px;
  left: 22px;
  width: 15px;
  height: 15px;
}
.purchase-list-01 .info {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.purchase-list-01 .label + .info {
  border-top: 1px solid #D1D1D1;
  margin-top: 15px;
}
@media (max-width: 959px) {
  .purchase-list-01 .label + .info {
    padding-top: 15px;
  }
}
@media (min-width: 960px) {
  .purchase-list-01 .label + .info {
    border-top: none;
    border-left: 1px solid #D1D1D1;
    margin-top: 0;
    padding-left: 22px;
  }
}
.purchase-list-01 .cat {
  text-align: center;
  background-color: #EDEDED;
  color: #686868;
  display: inline-block;
  font-size: 11px;
  font-size: 0.7333333333rem;
  line-height: 1.45;
  padding: 2px 5px;
  min-width: 62px;
}
.purchase-list-01 .text {
  line-height: 1.86;
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.purchase-list-01 .cat + .text {
  margin-top: 7px;
}
@media (min-width: 960px) {
  .purchase-list-01 .cat + .text {
    margin-top: 14px;
  }
}
.purchase-list-01.number {
  counter-reset: listnum;
}
.purchase-list-01.number .label {
  counter-increment: listnum;
  padding-left: 43px;
}
.purchase-list-01.number .label::before {
  content: counter(listnum);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 10px;
  left: 0;
  width: 30px;
  height: 30px;
  font-size: 19px;
  font-size: 1.2666666667rem;
  font-weight: 700;
}

/* banner
--------------------------------- */
.purchase-banner-01 {
  display: block;
  margin-top: 40px;
  transition: opacity 0.3s;
}
.purchase-banner-01:hover {
  opacity: 0.7;
}
@media (min-width: 960px) {
  .purchase-banner-01 {
    margin-top: 90px;
  }
}
.purchase-banner-01 img {
  width: 100%;
}

/* layout
--------------------------------- */
.sell-layout-01 {
  background-color: #F4F4F4;
  margin-top: 60px;
  padding: 20px;
}
@media (min-width: 960px) {
  .sell-layout-01 {
    padding: 45px 40px;
  }
}

.sell-panel-01 {
  margin-top: 50px;
}
@media (min-width: 960px) {
  .sell-panel-01 {
    margin-top: 70px;
  }
}
.sell-panel-01 .com-tit-03 {
  margin-bottom: 32px;
  padding-bottom: 28px;
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: bold;
  text-align: center;
}
@media (min-width: 960px) {
  .sell-panel-01 .com-tit-03 {
    margin-bottom: 40px;
    font-size: 25px;
    font-size: 1.6666666667rem;
  }
}
.sell-panel-01 .com-tit-03::after {
  left: 50%;
  transform: translateX(-50%);
}

/* list
--------------------------------- */
.sell-list-01 {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-bottom: -10px;
}
.sell-list-01 > li {
  width: 50%;
  padding-left: 10px;
  padding-bottom: 10px;
  text-align: center;
}
@media (min-width: 960px) {
  .sell-list-01 > li {
    width: 33.3333%;
  }
}
@media (min-width: 1300px) {
  .sell-list-01 > li {
    width: 25%;
  }
}
.sell-list-01 > li > div {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 76px;
  padding: 10px;
  background: #F4F4F4;
}

/* banner
--------------------------------- */
.sell-banner-01 {
  display: block;
  margin-top: 40px;
  transition: opacity 0.3s;
}
.sell-banner-01:hover {
  opacity: 0.7;
}
@media (min-width: 960px) {
  .sell-banner-01 {
    margin-top: 90px;
  }
}
.sell-banner-01 img {
  width: 100%;
}

/* other
--------------------------------- */
@media (min-width: 1300px) {
  .sell-qa-contact {
    display: flex;
    align-items: center;
  }
}
.sell-qa-contact .phone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #333333;
}
@media (min-width: 1300px) {
  .sell-qa-contact .phone {
    display: block;
    margin-right: 40px;
  }
}
.sell-qa-contact .phone-number {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
  white-space: nowrap;
}
.sell-qa-contact .phone-number::before {
  content: "";
  display: block;
  background: url(../img/common/parts/icon_tel-dark.svg) no-repeat center;
  background-size: 100% auto;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.sell-qa-contact .phone-text {
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 500;
  margin-top: 0px;
  white-space: nowrap;
}
.sell-qa-contact .mail {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 16px;
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 10px;
  width: 100%;
  height: 51px;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
  background-color: #222222;
}
@media (min-width: 960px) {
  .sell-qa-contact .mail {
    flex: 1;
  }
}
.sell-qa-contact .mail i {
  display: block;
  background: url(../img/common/parts/icon_mail.svg) no-repeat center/contain;
  width: 39px;
  height: 29px;
  margin-right: 10px;
}
.sell-qa-contact .mail:hover {
  opacity: 0.7;
}

/* list
--------------------------------- */
.sitemap-list-01 > li + li {
  margin-top: 32px;
}
@media (min-width: 960px) {
  .sitemap-list-01 > li + li {
    margin-top: 40px;
  }
}

/* btn
--------------------------------- */
.sitemap-btn-01 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0.9em 40px 0.9em 30px;
  position: relative;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.5;
  background: #F5F5F5;
}
@media (min-width: 960px) {
  .sitemap-btn-01 {
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
}
.sitemap-btn-01::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 13px;
  width: 6px;
  height: calc(100% - 2em);
  background: #E63333;
  transform: translateY(-50%);
}
.sitemap-btn-01::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  width: 21px;
  height: 21px;
  background: url(../img/common/parts/icon_arrow-right-w.svg) #333 no-repeat center;
  background-size: 13px auto;
}
@media (min-width: 960px) {
  .sitemap-btn-01::after {
    right: 23px;
  }
}
.sitemap-btn-01:hover {
  background: #fce9e9;
}

.sitemap-btn-02 {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0.9em 40px 0.9em 30px;
  position: relative;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.5;
  border-bottom: 1px solid #D1D1D1;
}
@media (min-width: 960px) {
  .sitemap-btn-02 {
    font-size: 16px;
    font-size: 1.0666666667rem;
  }
}
.sitemap-btn-02::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  width: 21px;
  height: 21px;
  background: url(../img/common/parts/icon_arrow-right-w.svg) #333 no-repeat center;
  background-size: 13px auto;
}
@media (min-width: 960px) {
  .sitemap-btn-02::after {
    right: 23px;
  }
}
.sitemap-btn-02:hover {
  background: #fce9e9;
}

.online-tour-youtube {
  text-align: center;
  max-width: 540px;
  margin: auto;
}
.online-tour-youtube .logo {
  margin-bottom: 1em;
}

.line-assessment-btn-01 {
  display: inline-block;
  max-width: 460px;
  transition: opacity 0.3s;
}
.line-assessment-btn-01:hover {
  opacity: 0.7;
}

.line-assessment-panel-01 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 2px solid #00B900;
  padding: 20px;
}
@media (min-width: 960px) {
  .line-assessment-panel-01 {
    padding: 32px 24px;
  }
}
.line-assessment-panel-01 .tit {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.5;
  color: #00B900;
}
@media (min-width: 960px) {
  .line-assessment-panel-01 .tit {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
}
.line-assessment-panel-01 .tit + * {
  margin-top: 10px;
}
.line-assessment-panel-01 .text {
  font-size: 14px;
  font-size: 0.9333333333rem;
  line-height: 1.5;
}

/* pagination ページナビ
--------------------------------- */
.com-pagination ul.page-numbers {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-left: -8px;
  margin-bottom: -8px;
}
.com-pagination ul.page-numbers > * {
  margin-left: 8px;
  margin-bottom: 8px;
}
.com-pagination ul.page-numbers > *.hidden {
  display: none;
}
.com-pagination ul.page-numbers > *:not(.prev):not(.next) > *:not(.dots) {
  border: 1px solid #C0C0C0;
  background-color: #fff;
  color: #808080;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  font-size: 1.1333333333rem;
  font-weight: 400;
  width: 64px;
  height: 64px;
}
.com-pagination ul.page-numbers > *:not(.prev):not(.next) > .dots {
  padding-left: 0.25em;
  padding-right: 0.25em;
}
.com-pagination ul.page-numbers > *:not(.prev):not(.next) > a:not(.current):hover {
  opacity: 0.7;
}
.com-pagination ul.page-numbers > *:not(.prev):not(.next) > *.current {
  pointer-events: none;
  border: 2px solid #E63333;
  color: #E63333;
}
.com-pagination ul.page-numbers > *.prev > *, .com-pagination ul.page-numbers > *.next > * {
  color: #707070;
  width: 32px;
  height: 32px;
  border: none;
}
.com-pagination ul.page-numbers > *.prev > *.disabled, .com-pagination ul.page-numbers > *.next > *.disabled {
  pointer-events: none;
  opacity: 0.3;
}

/* layout
--------------------------------- */
.com-layout-01 {
  background-color: #F4F4F4;
  margin-top: 60px;
  padding: 20px;
}
@media (min-width: 960px) {
  .com-layout-01 {
    padding: 45px 40px;
  }
}

.com-layout-02 {
  overflow: hidden;
  padding: 20px 5.9701492537% 50px;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 960px) {
  .com-layout-02 {
    padding: 45px 8.3333333333% 78px;
  }
}
.com-layout-02 .com-layout-02-main {
  order: 1;
}
@media (min-width: 960px) {
  .com-layout-02 .com-layout-02-main {
    order: 0;
  }
}
.com-layout-02 .com-layout-02-img {
  order: 2;
}
@media (min-width: 960px) {
  .com-layout-02 .com-layout-02-img {
    order: 0;
  }
}
*:not(.com-layout-02) + .com-layout-02 {
  margin-top: 43px;
}
.com-layout-02.white {
  background-color: #fff;
}
.com-layout-02.light {
  background-color: #F4F4F4;
}
.com-layout-02.light *:not(.com-btn-01) {
  color: #333333;
}
.com-layout-02.dark {
  background-color: #333333;
}
.com-layout-02.dark * {
  color: #fff;
}
.com-layout-02 + .com-layout-02::before {
  content: "";
  position: absolute;
  top: 0;
  right: -260px;
  width: 140px;
  height: 140px;
  transform: skewX(68deg);
}
@media (min-width: 960px) {
  .com-layout-02 + .com-layout-02::before {
    right: -180px;
  }
}
.com-layout-02 + .com-layout-02.light::before {
  background-color: #333333;
}
.com-layout-02 + .com-layout-02.dark::before {
  background-color: #F4F4F4;
}

/* tit
--------------------------------- */
.com-layout-tit-01 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
}
.com-layout-tit-01 + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .com-layout-tit-01 + * {
    margin-top: 45px;
  }
}
.com-layout-tit-01 .tit {
  display: block;
  font-size: 20px;
  font-size: 1.3333333333rem;
  font-weight: 700;
}
@media (min-width: 960px) {
  .com-layout-tit-01 .tit {
    font-size: 24px;
    font-size: 1.6rem;
  }
}
.com-layout-tit-01 .line {
  display: flex;
  flex-shrink: 0;
  width: 60px;
  height: 35px;
}
@media (min-width: 960px) {
  .com-layout-tit-01 .line {
    width: 65px;
    height: 50px;
  }
}
.com-layout-tit-01 .line > span {
  display: block;
  flex-shrink: 0;
  background-color: #E63333;
  height: 100%;
  width: 5px;
  transform: translateX(15px) skewX(-31deg);
}
.com-layout-tit-01 .line > span + * {
  margin-left: 5px;
}
.com-layout-tit-01 .tit + .line {
  margin-left: 6px;
}

.com-layout-tit-02 {
  padding-top: 32px;
  padding-bottom: 32px;
  position: relative;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.4;
  padding-left: 40px;
}
@media (min-width: 960px) {
  .com-layout-tit-02 {
    font-size: 23px;
    font-size: 1.5333333333rem;
    padding-left: 75px;
  }
}
.com-layout-tit-02:after {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 30px;
  height: 3px;
}
@media (min-width: 960px) {
  .com-layout-tit-02:after {
    width: 60px;
  }
}

/* list
--------------------------------- */
.column-list-01 {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .column-list-01 {
    margin-left: -25px;
    margin-bottom: -30px;
  }
}
.column-list-01 + * {
  margin-top: 40px;
}
.column-list-01 > * {
  width: 50%;
}
@media (min-width: 960px) {
  .column-list-01 > * {
    padding-left: 25px;
    padding-bottom: 30px;
    width: 20%;
  }
}

.column-list-02 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 960px) {
  .column-list-02 {
    flex-direction: row;
    margin-left: -45px;
    margin-bottom: -45px;
  }
}
.column-list-02 + * {
  margin-top: 45px;
}
.column-list-02 > * {
  width: 100%;
}
@media (min-width: 960px) {
  .column-list-02 > * {
    padding-left: 45px;
    padding-bottom: 45px;
    width: 50%;
  }
}
@media (min-width: 1300px) {
  .column-list-02 > * {
    width: 33.33%;
  }
}
.column-list-02 > * + * {
  margin-top: 45px;
}
@media (min-width: 960px) {
  .column-list-02 > * + * {
    margin-top: 0;
  }
}

.column-list-03 {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
@media (min-width: 960px) {
  .column-list-03 {
    flex-direction: row;
    margin-left: -20px;
    margin-bottom: -20px;
  }
}
.column-list-03 + * {
  margin-top: 20px;
}
.column-list-03 .item {
  width: 100%;
}
.column-list-03 .item + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .column-list-03 .item {
    padding-left: 20px;
    padding-bottom: 20px;
    height: 100%;
    width: 25%;
  }
  .column-list-03 .item + * {
    margin-top: 0;
  }
}
@media (max-width: 959px) {
  .column-list-03.column-sp {
    flex-direction: row;
    margin-left: -20px;
    margin-bottom: -25px;
  }
  .column-list-03.column-sp .item {
    padding-left: 20px;
    padding-bottom: 25px;
    width: 50%;
  }
  .column-list-03.column-sp .item + * {
    margin-top: 0;
  }
}
@media (min-width: 960px) {
  .column-list-03.column-center {
    justify-content: center;
  }
}

.column-list-04 {
  display: flex;
  flex-direction: column;
}
@media (min-width: 960px) {
  .column-list-04 {
    flex-wrap: wrap;
    flex-direction: row;
    margin-left: -15px;
    margin-bottom: -60px;
  }
}
.column-list-04 + * {
  margin-top: 20px;
}
.column-list-04 .item {
  width: 100%;
}
.column-list-04 .item + * {
  margin-top: 40px;
}
@media (min-width: 960px) {
  .column-list-04 .item {
    padding-left: 15px;
    padding-bottom: 60px;
    height: 100%;
    width: 33.33%;
  }
  .column-list-04 .item + * {
    margin-top: 0;
  }
}

/* btn
--------------------------------- */
.column-btn-01 {
  background-color: #fff;
  display: block;
  position: relative;
  padding: 5px 5px 30px;
  height: 100%;
}
@media (min-width: 960px) {
  .column-btn-01 {
    padding: 15px;
  }
}
.column-btn-01 .img {
  overflow: hidden;
  position: relative;
}
.column-btn-01 .img + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .column-btn-01 .img + * {
    margin-top: 15px;
  }
}
.column-btn-01 .img.no-data::before {
  content: "NO IMAGE";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.column-btn-01 .img figure {
  text-align: center;
}
.column-btn-01 .img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 2;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.column-btn-01 .cat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
}
.column-btn-01 .cat > *,
.column-btn-01 .cat .cat-ico-01 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  min-width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}
@media (min-width: 960px) {
  .column-btn-01 .cat > *,
  .column-btn-01 .cat .cat-ico-01 {
    font-size: 11px;
    font-size: 0.7333333333rem;
    min-width: 86px;
  }
}
.column-btn-01 .label {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 16px);
}
@media (min-width: 960px) {
  .column-btn-01 .label {
    width: calc(100% - 32px);
  }
}
.column-btn-01 .label > * {
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0;
}
.column-btn-01 .tit {
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 500;
  display: block;
  line-height: 1.4;
  margin-top: 6px;
  margin-bottom: 2px;
}
@media (min-width: 960px) {
  .column-btn-01 .tit {
    font-size: 14px;
    font-size: 0.9333333333rem;
    margin-top: 15px;
    margin-bottom: 5px;
  }
}
.column-btn-01 .data {
  margin-top: 0;
  margin-right: 25px;
  font-weight: 400;
  font-size: 10px;
  font-size: 0.6666666667rem;
}
@media (min-width: 960px) {
  .column-btn-01 .data {
    margin-right: 20px;
    font-size: 11px;
    font-size: 0.7333333333rem;
  }
}
.column-btn-01 .btn {
  pointer-events: none;
  position: absolute;
  bottom: 20px;
  right: 5px;
}
@media (min-width: 960px) {
  .column-btn-01 .btn {
    bottom: 0;
    right: 0;
  }
}
@media (min-width: 960px) {
  .column-btn-01:hover .img img {
    transform: scale(1.03);
  }
  .column-btn-01:hover .btn::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}

.column-btn-02 {
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  display: block;
  position: relative;
  height: 100%;
}
.column-btn-02 .img {
  overflow: hidden;
  position: relative;
}
.column-btn-02 .img.no-data::after {
  content: "NO IMAGE";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.column-btn-02 .img img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 2;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
@media (min-width: 960px) {
  .column-btn-02 .img.img-size-middle {
    height: 188px;
  }
}
.column-btn-02 .info {
  padding: 20px;
}
.column-btn-02 .cat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -5px;
}
.column-btn-02 .cat > *,
.column-btn-02 .cat .cat-ico-01 {
  font-size: 10px;
  font-size: 0.6666666667rem;
  min-width: auto;
  margin-right: 5px;
  margin-bottom: 5px;
}
@media (min-width: 960px) {
  .column-btn-02 .cat > *,
  .column-btn-02 .cat .cat-ico-01 {
    font-size: 11px;
    font-size: 0.7333333333rem;
    min-width: 86px;
  }
}
.column-btn-02 .label {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  width: calc(100% - 16px);
  z-index: 1;
}
@media (min-width: 960px) {
  .column-btn-02 .label {
    width: calc(100% - 32px);
  }
}
.column-btn-02 .label > * {
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0;
}
.column-btn-02 .tit {
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 400;
  display: block;
  line-height: 1.4;
  margin-top: 3px;
  margin-bottom: 12px;
  padding-bottom: 14px;
  position: relative;
}
.column-btn-02 .tit::after {
  content: "";
  position: absolute;
  background-color: #E63333;
  bottom: 0;
  left: 0;
  width: 32px;
  height: 2px;
}
.column-btn-02 .text {
  line-height: 1.6470588235;
  font-weight: 700;
  font-size: 17px;
  font-size: 1.1333333333rem;
}
.column-btn-02 .text + * {
  margin-top: 12px;
}
@media (min-width: 960px) {
  .column-btn-02 .text + * {
    margin-top: 18px;
  }
}
.column-btn-02 .btn {
  pointer-events: none;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media (min-width: 960px) {
  .column-btn-02:hover .img img {
    transform: scale(1.03);
  }
  .column-btn-02:hover .btn::after {
    animation: move-arrow 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) forwards;
  }
}

.column-btn-03 {
  display: block;
  height: 100%;
}
.column-btn-03 .img {
  overflow: hidden;
  position: relative;
}
.column-btn-03 .img.no-data::before {
  content: "NO IMAGE";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.column-btn-03 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 2;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.column-btn-03 .text {
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 500;
  line-height: 1.8571428571;
}
.column-btn-03 * + .text {
  margin-top: 7px;
}

@media (min-width: 960px) {
  a.column-btn-03:hover .img img {
    transform: scale(1.03);
  }
}

.column-btn-04 {
  text-align: center;
  display: block;
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 960px) {
  .column-btn-04 {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
  }
}
.column-btn-04 .img {
  overflow: hidden;
  position: relative;
}
.column-btn-04 .img.no-data::before {
  content: "NO IMAGE";
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.column-btn-04 .img figure {
  height: 62.9333333333vw;
}
@media (min-width: 960px) {
  .column-btn-04 .img figure {
    height: 194px;
  }
}
.column-btn-04 .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  z-index: 2;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.column-btn-04 .link {
  display: inline-block;
  font-size: 17px;
  font-size: 1.1333333333rem;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 17px;
  padding-left: 25px;
  padding-right: 25px;
  position: relative;
}
.column-btn-04 .link::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  width: 13px;
  height: 13px;
}
.column-btn-04 .link.ico-arrow-red::after {
  background-image: url(../img/common/parts/icon_arrow-right-r_2.svg);
}
@media (min-width: 960px) {
  .column-btn-04:hover .img img {
    transform: scale(1.03);
  }
  .column-btn-04:hover .link::after {
    animation: move-arrow cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s forwards;
  }
}

/* container 記事コンテナー
--------------------------------- */
.single-01 {
  width: 100%;
}

.single-tit {
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.5;
  padding: 20px 0 20px 40px;
  margin-bottom: 0;
  position: relative;
}
@media (max-width: 959px) {
  .single-tit {
    margin-left: -20px;
    margin-right: -20px;
  }
}
@media (min-width: 960px) {
  .single-tit {
    padding-top: 20px;
    padding-bottom: 26px;
    font-size: 21px;
    font-size: 1.4rem;
    border-bottom: 1px solid #D1D1D1;
  }
}
.single-tit + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .single-tit + * {
    margin-top: 26px;
  }
}
.single-tit::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  top: 32px;
  left: 0;
  width: 30px;
  height: 3px;
}
@media (min-width: 960px) {
  .single-tit::after {
    top: 34px;
  }
}

.single-detail p {
  line-height: 2.5;
}

/* post navigation 記事前後ボタン
--------------------------------- */
.single-nav {
  border-top: 1px solid #D1D1D1;
  margin-top: 40px;
  padding-top: 40px;
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 20px;
}
@media (min-width: 640px) {
  .single-nav {
    grid-template-columns: 3fr 3fr 2fr;
    margin-top: 60px;
    padding-top: 60px;
  }
}
.single-nav a {
  display: block;
  text-align: center;
  padding: 0.5em;
  border: 2px solid #707070;
  color: #707070;
  position: relative;
}
.single-nav a::before {
  font-family: "FontAwesome", FontAwesome;
  height: 1em;
  line-height: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.single-nav a[rel=prev] {
  padding-left: 2em;
}
.single-nav a[rel=prev]::before {
  content: "\f053";
  left: 1em;
}
.single-nav a[rel=next] {
  padding-right: 2em;
}
.single-nav a[rel=next]::before {
  content: "\f054";
  right: 1em;
}
.single-nav a.index {
  background: #e63333;
  border-color: #e63333;
  color: #fff;
  padding-right: 2em;
}
.single-nav a.index::before {
  content: "\f077";
  right: 1em;
}

/* article
====================================== */
@media (max-width: 959px) {
  .article-content:first-child {
    margin-top: 40px;
  }
}
@media (min-width: 960px) {
  .article-content:not(:first-child) {
    margin-top: 36px;
  }
}
.article-contact {
  overflow: hidden;
  background-color: #333333;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 30px 20px;
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 960px) {
  .article-contact {
    padding-left: 3.125%;
    padding-right: 3.125%;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1300px) {
  .article-contact {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
*[class] + .article-contact {
  margin-top: 89px;
}
.article-contact-item {
  width: 100%;
}
@media (min-width: 1300px) {
  .article-contact-item {
    width: auto;
  }
  .article-contact-item:nth-of-type(3) {
    width: 100%;
  }
}
.article-contact-item + * {
  margin-top: 20px;
}
@media (min-width: 1300px) {
  .article-contact-item + * {
    margin-top: 0;
  }
}
.article-contact-tit {
  min-width: 170px;
}
@media (max-width: 1299px) {
  .article-contact-tit {
    text-align: center;
    margin-left: -3.125%;
    margin-right: -3.125%;
  }
}
.article-contact-tit .tit {
  color: #fff;
  border-bottom: 2px solid #E63333;
  font-size: 23px;
  font-size: 1.5333333333rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 12px;
  margin-bottom: 0;
}
@media (min-width: 960px) {
  .article-contact-tit .tit {
    max-width: none;
  }
}
@media (min-width: 1300px) {
  .article-contact-tit .tit {
    padding-left: 30px;
    margin-left: -30px;
    max-width: 210px;
  }
}
.article-contact-tit .tit + * {
  margin-top: 8px;
}
.article-contact-tit .sub {
  color: #fff;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.4;
}
.article-contact-phone {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -15px;
  color: #fff;
}
@media (min-width: 1300px) {
  .article-contact-phone {
    justify-content: flex-start;
    margin-left: 32px;
    margin-right: 20px;
  }
}
.article-contact-phone > * {
  padding-left: 15px;
}
.article-contact-phone-number {
  display: flex;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 34px;
  font-size: 2.2666666667rem;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
  white-space: nowrap;
}
.article-contact-phone-number::before {
  content: "";
  display: block;
  background: url(../img/common/parts/icon_tel-white.svg) no-repeat center;
  background-size: 100% auto;
  width: 28px;
  height: 28px;
  margin-right: 8px;
}
.article-contact-phone-text {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0px;
  white-space: nowrap;
}
.article-contact-support {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .article-contact-support {
    margin-left: -4%;
  }
}
.article-contact-support-btn {
  width: 100%;
}
.article-contact-support-btn + * {
  margin-top: 20px;
}
@media (min-width: 960px) {
  .article-contact-support-btn {
    padding-left: 4%;
    width: 50%;
  }
  .article-contact-support-btn + * {
    margin-top: 0;
  }
}
.article-contact-support-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  white-space: nowrap;
  font-size: 15px;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 10px 14px;
  width: 100%;
  height: 60px;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.article-contact-support-btn a.line {
  background-color: #18ba07;
}
.article-contact-support-btn a.line i {
  display: block;
  background: url(../img/common/parts/icon_balloon_line.svg) no-repeat center/contain;
  width: 44px;
  height: 42px;
  margin-right: 10px;
}
.article-contact-support-btn a.mail {
  background-color: #E63333;
}
.article-contact-support-btn a.mail i {
  display: block;
  background: url(../img/common/parts/icon_mail.svg) no-repeat center/contain;
  width: 42px;
  height: 32px;
  margin-right: 7px;
}
.article-contact-support-btn a > span {
  display: inline-block;
  position: relative;
}
.article-contact-support-btn a:hover {
  opacity: 0.7;
}
.article-contact-02 {
  margin-top: 60px;
}
@media (min-width: 960px) {
  .article-contact-02 {
    border: 1px solid #D1D1D1;
    margin-top: 100px;
  }
}
.article-contact-02 + * {
  margin-top: 60px;
}
@media (min-width: 960px) {
  .article-contact-02 + * {
    margin-top: 100px;
  }
}
.article-contact-02-tit {
  text-align: center;
  background-color: #333333;
  margin-left: -20px;
  margin-right: -20px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (min-width: 960px) {
  .article-contact-02-tit {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
  }
}
.article-contact-02-tit .tit {
  color: #fff;
  font-size: 14px;
  font-size: 0.9333333333rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 960px) {
  .article-contact-02-tit .tit {
    font-size: 19px;
    font-size: 1.2666666667rem;
  }
}
.article-contact-02-info {
  padding-top: 30px;
}
@media (min-width: 960px) {
  .article-contact-02-info {
    padding: 3.125%;
  }
}
.article-contact-02-phone {
  text-align: center;
  color: #333333;
}
.article-contact-02-phone + * {
  margin-top: 22px;
}
@media (min-width: 960px) {
  .article-contact-02-phone + * {
    margin-top: 30px;
  }
}
.article-contact-02-phone-number {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Roboto", sans-serif;
  font-size: 36px;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 1.1;
  position: relative;
  white-space: nowrap;
}
.article-contact-02-phone-number::before {
  content: "";
  display: block;
  background: url(../img/common/parts/icon_tel-dark.svg) no-repeat center;
  background-size: 100% auto;
  width: 29px;
  height: 29px;
  margin-right: 8px;
  flex-shrink: 0;
}
@media (min-width: 960px) {
  .article-contact-02-phone-number {
    font-size: 50px;
    font-size: 3.3333333333rem;
  }
  .article-contact-02-phone-number::before {
    width: 39px;
    height: 39px;
    margin-right: 11px;
  }
}
.article-contact-02-phone-text {
  font-size: 15px;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.6;
  margin-top: 11px;
}
@media (min-width: 960px) {
  .article-contact-02-phone-text {
    line-height: 1.4;
    margin-top: 8px;
  }
}
.article-contact-02-support {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 960px) {
  .article-contact-02-support {
    margin-left: -3%;
  }
}
.article-contact-02-support-btn {
  width: 100%;
}
.article-contact-02-support-btn + * {
  margin-top: 10px;
}
@media (min-width: 960px) {
  .article-contact-02-support-btn {
    padding-left: 3%;
    width: 50%;
  }
  .article-contact-02-support-btn + * {
    margin-top: 0;
  }
}
.article-contact-02-support-btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  white-space: nowrap;
  font-size: 16px;
  font-size: 1.0666666667rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 10px 14px;
  width: 100%;
  height: 56px;
  transition: all cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.article-contact-02-support-btn a.line {
  background-color: #18ba07;
}
.article-contact-02-support-btn a.line i {
  display: block;
  background: url(../img/common/parts/icon_balloon_line.svg) no-repeat center/contain;
  width: 44px;
  height: 42px;
  margin-right: 10px;
}
.article-contact-02-support-btn a.mail {
  background-color: #222222;
}
.article-contact-02-support-btn a.mail i {
  display: block;
  background: url(../img/common/parts/icon_mail.svg) no-repeat center/contain;
  width: 42px;
  height: 32px;
  margin-right: 7px;
}
.article-contact-02-support-btn a > span {
  display: inline-block;
  position: relative;
}
.article-contact-02-support-btn a:hover {
  opacity: 0.7;
}
.article-footer {
  margin-top: 90px;
}
@media (min-width: 960px) {
  .article-footer .column-list-03 .item {
    width: 50%;
  }
}
@media (min-width: 1300px) {
  .article-footer .column-list-03 .item {
    width: 25%;
  }
}

/* section
--------------------------------- */
.contact-section-01 {
  position: relative;
  padding-top: 0;
}
.contact-section-01::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 28px;
  left: 0;
  width: 100%;
  height: calc(100% - 28px);
  background: #F4F4F4;
}
*:not(.uk-section) + .contact-section-01 {
  margin-top: 32px;
}
@media (min-width: 960px) {
  *:not(.uk-section) + .contact-section-01 {
    margin-top: 40px;
  }
}

/* panel
--------------------------------- */
.contact-panel-01 {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
}
.contact-panel-01 .tel {
  width: 40px;
  line-height: 22px;
  margin-right: 0.9em;
  text-align: center;
  color: #707070;
  font-size: 12px;
  font-size: 0.8rem;
  font-weight: 700;
  border: #707070 1px solid;
}
@media (min-width: 640px) {
  .contact-panel-01 .tel {
    width: 52px;
    line-height: 28px;
    font-size: 14px;
    font-size: 0.9333333333rem;
  }
}
.contact-panel-01 .number {
  line-height: 1;
  font-size: 32px;
  font-size: 2.1333333333rem;
  font-weight: 500;
  color: #707070;
}
@media (min-width: 640px) {
  .contact-panel-01 .number {
    font-size: 43px;
    font-size: 2.8666666667rem;
  }
}
.contact-panel-01 .number a {
  color: #707070;
}

/* sell
--------------------------------- */
#contact-sell-02.contact-section-01 {
  padding-bottom: 0;
}
#contact-sell-02 .inquiry-sell-02 {
  margin-top: 40px;
  padding-bottom: 0;
  background: #fff;
}
@media (min-width: 960px) {
  #contact-sell-02 .inquiry-sell-02 {
    margin-top: 65px;
  }
}

/* list
--------------------------------- */
.thanks-panel-01 {
  padding-top: 1.5em;
  padding-bottom: 1.5em;
  border-top: 1px solid #989898;
  border-bottom: 1px solid #989898;
}

/* input text
--------------------------------- */
.form-input + * {
  margin-top: 10px;
}
.form-input-val {
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 400;
  padding-right: 10px !important;
  padding-left: 10px !important;
  height: 32px;
}
.form-input-val::-moz-placeholder {
  color: #D1D1D1;
}
.form-input-val::placeholder {
  color: #D1D1D1;
}

.form-select {
  position: relative;
  cursor: pointer;
}
.form-select + * {
  margin-top: 10px;
}
.form-select-val {
  font-size: 13px;
  font-size: 0.8666666667rem;
  font-weight: 400;
  padding: 0;
  padding-right: 20px !important;
  padding-left: 10px !important;
  height: 32px;
  line-height: 30px;
  background: #fff;
}
.form-select-val.is-empty {
  color: #D1D1D1;
}
.form-select-control {
  pointer-events: none;
  background-color: #fff;
  position: absolute;
  top: 1px;
  right: 1px;
}
.form-select-control i {
  cursor: pointer;
  position: relative;
  display: block;
  height: 14px;
  width: 20px;
}
.form-select-control i::after {
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s;
}
.form-select-control i:nth-of-type(1)::after {
  border: 5px solid transparent;
  border-top: 0;
  border-bottom: 10px solid #686868;
  width: 0;
  height: 0;
  border-width: 5px;
  margin-top: 3px;
}
.form-select-control i:nth-of-type(2)::after {
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid #686868;
  width: 0;
  height: 0;
  border-width: 5px;
}
.form-select-control i:hover:nth-of-type(1)::after {
  border-top-color: #000;
}
.form-select-control i:hover:nth-of-type(2)::after {
  border-bottom-color: #000;
}

/* select
--------------------------------- */
.wpcf7-form-control.wpcf7-select {
  width: 100%;
  cursor: pointer;
  padding-right: 25px;
}
@media (min-width: 640px) {
  .wpcf7-form-control.wpcf7-select {
    width: auto;
    min-width: 200px;
  }
}

.wpcf7-select-wrap {
  position: relative;
  display: inline-block;
}
.wpcf7-select-wrap + * {
  margin-top: 10px;
}
.wpcf7-select-wrap::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 13px;
  border: 5px solid transparent;
  border-bottom: 0;
  border-top: 10px solid #686868;
  width: 0;
  height: 0;
  border-width: 5px;
}

/* dl table
--------------------------------- */
@media (max-width: 639px) {
  .form-table-01 {
    border-bottom: 1px solid #989898;
  }
}
@media (min-width: 640px) {
  .form-table-01 {
    display: grid;
    grid-template-columns: 292px 1fr;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
.form-table-01 > dt {
  padding: 1.5em 0 1em;
  font-weight: 500;
  position: relative;
  border-top: 1px solid #989898;
}
@media (min-width: 640px) {
  .form-table-01 > dt {
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 2px solid #989898;
  }
  .form-table-01 > dt:last-of-type {
    border-bottom: 2px solid #989898;
  }
}
.form-table-01 .required:before {
  content: "必須";
  float: right;
  font-size: 11px;
  font-size: 0.7333333333rem;
  background: #e63333;
  color: #fff;
  padding: 0.2em 0.8em;
  margin-left: 1em;
}
.form-table-01 > dd {
  padding-bottom: 2em;
}
@media (min-width: 640px) {
  .form-table-01 > dd {
    padding-top: 2em;
    border-top: 1px solid #989898;
  }
  .form-table-01 > dd:last-of-type {
    border-bottom: 1px solid #989898;
  }
}
.form-table-01 > dd small {
  display: block;
  font-size: 12px;
  font-size: 0.8rem;
  line-height: 1.5;
}
.form-table-01 > dd small + * {
  margin-top: 1em;
}
.form-table-01 > dd small + small {
  margin-top: 0;
}
.form-table-01 .row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2em;
  margin-bottom: -0.5em;
}
@media (min-width: 960px) {
  .form-table-01 .row {
    flex-wrap: nowrap;
  }
}
.form-table-01 .row > * {
  display: flex;
  align-items: center;
  padding-left: 2em;
  padding-bottom: 0.5em;
}
@media (min-width: 960px) {
  .form-table-01 .form-row {
    display: flex;
  }
  .form-table-01 .form-row > .form-set + .form-set {
    margin-top: 0;
  }
}
.form-table-01 .form-set {
  display: flex;
}
.form-table-01 .form-set + .form-set {
  margin-top: 8px;
}
.form-table-01 .form-label {
  margin-top: 10px;
  margin-right: 18px;
  padding: 0 7px;
  line-height: 1.5;
}
@media (max-width: 959px) {
  .form-table-01 .form-label {
    min-width: 80px;
  }
}
@media (min-width: 960px) {
  .form-table-01 .form-width-min {
    width: 245px !important;
  }
}
.form-table-01 .wpcf7-form-control-wrap.birth-y input.form-birth {
  width: 6em !important;
  margin-left: 0.5em;
  margin-right: 0.5em;
}
.form-table-01 .wpcf7-form-control-wrap.birth-m input.form-birth, .form-table-01 .wpcf7-form-control-wrap.birth-d input.form-birth {
  width: 4em !important;
  margin-right: 0.5em;
}

@media (min-width: 960px) {
  .form-table-02 {
    display: grid;
    grid-gap: 1em;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
  }
}
@media (max-width: 959px) {
  .form-table-02 dd + dt {
    margin-top: 1em;
  }
}

.form-icon-required {
  display: inline-block;
  font-size: 11px;
  font-size: 0.7333333333rem;
  background: #e63333;
  color: #fff;
  padding: 0.2em 0.8em;
  margin-right: 1em;
}

div.screen-reader-response {
  display: none;
}

.wpcf7-radio,
.wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  margin-left: -2em;
}
.wpcf7-radio > .wpcf7-list-item,
.wpcf7-checkbox > .wpcf7-list-item {
  padding-left: 2em;
  margin-left: 0;
}
.wpcf7-radio > .wpcf7-list-item input,
.wpcf7-checkbox > .wpcf7-list-item input {
  background: #fff;
  border-radius: 2px;
}

.wpcf7-not-valid-tip {
  display: block;
  font-size: 14px;
  font-size: 0.9333333333rem;
  color: #E63333;
  line-height: 1.4;
  margin-top: 6px;
}

.wpcf7-form-control::-moz-placeholder {
  color: #D1D1D1;
}

.wpcf7-form-control::placeholder {
  color: #D1D1D1;
}
.wpcf7-form-control.wpcf7-not-valid {
  border-color: #E63333 !important;
}

input[type=radio] {
  position: relative;
  vertical-align: middle;
  -webkit-appearance: none;
  border: 1px solid #cccccc;
  background-position: 50% 50%;
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 50%;
  outline: none;
  margin: 0 5px 0 0;
}
input[type=radio]:checked {
  border-color: #e63333;
  border-width: 2px;
}
input[type=radio]:checked:after {
  content: "";
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background-color: #e63333;
  border-radius: 50%;
}
input[type=radio] label {
  display: inline-block;
}

input[type=checkbox] {
  margin: 0 5px 0 0;
  width: 18px;
  height: 18px;
  border: 1px solid #cccccc;
  vertical-align: middle;
  -webkit-appearance: none;
  display: inline-block;
  outline: none;
}
input[type=checkbox]:checked {
  position: relative;
}
input[type=checkbox]:checked:after {
  content: "";
  display: block;
  width: 10px;
  height: 18px;
  border: 4px solid #e63333;
  box-sizing: border-box;
  border-top: none;
  border-left: 0;
  transform: rotate(45deg);
  position: absolute;
  top: -6px;
  left: 6px;
}
input[type=checkbox] label {
  display: inline-block;
}

/* title タイトル
--------------------------------- */
.page-tit-01 .content {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  min-height: 132px;
  text-align: center;
  position: relative;
}
@media (min-width: 960px) {
  .page-tit-01 .content {
    min-height: 240px;
  }
}
.page-tit-01 .main {
  color: #fff;
  position: relative;
  z-index: 1;
  margin: 0 auto;
  max-width: 960px;
  padding: 20px;
  opacity: 0;
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.2s;
}
body.is-loaded .page-tit-01 .main {
  opacity: 1;
}
.page-tit-01 .tit {
  display: block;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.4;
  padding-bottom: 6px;
  position: relative;
}
.page-tit-01 .tit::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 3px;
  width: 40px;
}
@media (min-width: 960px) {
  .page-tit-01 .tit {
    padding-bottom: 12px;
    font-size: 28px;
    font-size: 1.8666666667rem;
  }
  .page-tit-01 .tit::after {
    height: 4px;
    width: 60px;
  }
}
.page-tit-01 .tit + .text {
  margin-top: 7px;
}
@media (min-width: 960px) {
  .page-tit-01 .tit + .text {
    margin-top: 10px;
  }
}
.page-tit-01 .text {
  display: block;
  font-size: 10px;
  font-size: 0.6666666667rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0;
  text-transform: uppercase;
}
@media (min-width: 960px) {
  .page-tit-01 .text {
    font-size: 15px;
    font-size: 1rem;
  }
}
.page-tit-01 .bg {
  background-color: #111111;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  z-index: 0;
}
.page-tit-01 .bg-inner {
  height: 100%;
  position: relative;
}
.page-tit-01 .bg-inner::after {
  content: "";
  background: rgba(255, 255, 255, 0.11);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.11) 0%, rgba(255, 255, 255, 0) 100%);
  position: absolute;
  top: 0;
  right: -53px;
  width: 264px;
  height: 100%;
  transform: skewX(-27deg);
  opacity: 0.48;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.3s;
}
@media (min-width: 960px) {
  .page-tit-01 .bg-inner::after {
    right: -112px;
    width: 610px;
    height: 80%;
  }
}
.page-tit-01 .bg-inner img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: scale(1.03);
  transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body.is-loaded .page-tit-01 .bg-inner img {
  transform: scale(1);
  opacity: 0.3;
}

.page-tit-02 {
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 0;
  min-height: 233px;
}
.page-tit-02.min-large {
  min-height: 300px;
}
@media (max-width: 959px) {
  .page-tit-02.expand {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.page-tit-02 .bg {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
.page-tit-02 .bg img {
  opacity: 0.45;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: scale(1);
  transition: opacity 0.4s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.page-tit-02 .tit {
  position: relative;
  margin: 0 auto;
  padding: 25px 10px;
  color: #fff;
  font-size: 22px;
  font-size: 1.4666666667rem;
  font-weight: 700;
  line-height: 1.45;
}
@media (min-width: 960px) {
  .page-tit-02 .tit {
    font-size: 31px;
    font-size: 2.0666666667rem;
  }
  .page-tit-02 .tit.small {
    font-size: 28px;
    font-size: 1.8666666667rem;
  }
}
.page-tit-02 .label {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  bottom: 0;
  right: 0;
  height: 25px;
  width: 100%;
}
@media (min-width: 960px) {
  .page-tit-02 .label::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 30%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, black 100%);
  }
}
.page-tit-02 .label > span {
  background-color: #E63333;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  font-size: 11px;
  font-size: 0.7333333333rem;
  font-weight: 700;
  width: 135px;
  z-index: 1;
}
.page-tit-02 .label > span::after {
  content: "";
  position: absolute;
  top: 0;
  left: -13px;
  border: 13px solid transparent;
  border-top: 0;
  border-bottom: 25px solid #E63333;
  width: 0;
  height: 0;
  z-index: -1;
}

.com-tit-01 {
  padding-top: 20px;
}
@media (min-width: 960px) {
  .com-tit-01 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-left: -30px;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
  }
  .com-tit-01 > * {
    padding-left: 30px;
  }
  .com-tit-01::before, .com-tit-01::after {
    content: "";
    position: absolute;
    left: 0;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .com-tit-01::before, .com-tit-01::after {
    left: 30px;
  }
}
@media (min-width: 960px) {
  .com-tit-01::before {
    background-color: #D1D1D1;
    width: 100%;
    height: 1px;
    bottom: 0;
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .com-tit-01::before {
    width: calc(100% - 30px);
  }
}
@media (min-width: 960px) {
  .com-tit-01::after {
    background-color: #E63333;
    bottom: -1px;
    width: 100px;
    height: 3px;
    z-index: 1;
  }
  .com-tit-01.slash {
    overflow: hidden;
  }
  .com-tit-01.slash::before, .com-tit-01.slash::after {
    height: 5px;
    bottom: 0;
  }
  .com-tit-01.slash::before {
    background-color: #F4F4F4;
  }
  .com-tit-01.slash::after {
    left: -3px;
    width: 133px;
    transform: skewX(-30deg);
  }
}
@media (min-width: 960px) and (min-width: 960px) {
  .com-tit-01.slash::after {
    left: 30px;
  }
}
.com-tit-01 + * {
  margin-top: 40px;
}
.com-tit-01 .tit {
  font-weight: 700;
  margin-bottom: 0;
  overflow-wrap: break-word;
  word-break: break-word;
}
@media (max-width: 959px) {
  .com-tit-01 .tit {
    font-size: 20px;
    font-size: 1.3333333333rem;
    line-height: 1.6;
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
  }
  .com-tit-01 .tit::before, .com-tit-01 .tit::after {
    content: "";
    position: absolute;
    left: 0;
  }
  .com-tit-01 .tit::before {
    background-color: #D1D1D1;
    bottom: 0;
    width: 100%;
    height: 1px;
  }
  .com-tit-01 .tit::after {
    background-color: #E63333;
    bottom: -1px;
    width: 100px;
    height: 3px;
  }
}
@media (min-width: 960px) {
  .com-tit-01 .tit {
    font-size: 27px;
    font-size: 1.8rem;
    line-height: 1.48;
  }
}
@media (max-width: 959px) {
  .com-tit-01.slash .tit {
    overflow: hidden;
  }
  .com-tit-01.slash .tit::before, .com-tit-01.slash .tit::after {
    height: 5px;
    bottom: 0;
  }
  .com-tit-01.slash .tit::before {
    background-color: #F4F4F4;
  }
  .com-tit-01.slash .tit::after {
    left: -3px;
    width: 133px;
    transform: skewX(-30deg);
  }
}
.com-tit-01 .label {
  display: flex;
  flex-wrap: wrap;
  margin-top: 13px;
  margin-right: -5px;
  margin-bottom: -5px;
}
@media (min-width: 960px) {
  .com-tit-01 .label {
    flex-wrap: nowrap;
    align-self: flex-start;
  }
}
.com-tit-01 .label > * {
  margin-right: 5px;
  margin-bottom: 5px;
}
@media (min-width: 960px) {
  .com-tit-01 .label > * {
    font-size: 15px;
    font-size: 1rem;
    min-width: 110px;
  }
}
.com-tit-01 .red {
  color: #E63333;
}

.com-tit-02 {
  overflow: hidden;
  background-color: #333333;
  color: #fff;
  font-size: 21px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  padding: 15px 20px 15px 47px;
  margin-bottom: 0;
}
* + .com-tit-02, p + .com-tit-02 {
  margin-top: 110px;
}
.com-tit-02 + * {
  margin-top: 40px;
}
.com-tit-02 + .com-tit-02, .com-tit-02 + .com-tit-03 {
  margin-top: 56px;
}
.com-tit-02::before, .com-tit-02::after {
  content: "";
  position: absolute;
}
.com-tit-02::before {
  background-color: #E63333;
  top: 29px;
  left: 0;
  height: 4px;
  width: 36px;
}
@media (min-width: 960px) {
  .com-tit-02::after {
    background-color: rgba(255, 255, 255, 0.13);
    top: 0;
    right: -252px;
    width: 500px;
    height: 500px;
    transform: skewX(-24deg);
  }
}

.com-tit-03 {
  display: block;
  padding-bottom: 15px;
  margin-bottom: 0;
  position: relative;
  font-size: 18px;
  font-size: 1.2rem;
  line-height: 1.45;
}
@media (min-width: 960px) {
  .com-tit-03 {
    font-size: 20px;
    font-size: 1.3333333333rem;
  }
}
* + .com-tit-03, p + .com-tit-03 {
  margin-top: 56px;
}
.com-tit-03 + *:not(.com-tit-02):not(.com-tit-03) {
  margin-top: 30px;
}
.com-tit-03::before, .com-tit-03::after {
  content: "";
  position: absolute;
  left: 0;
}
.com-tit-03::before {
  background-color: #D1D1D1;
  width: 100%;
  height: 1px;
  bottom: 0;
}
.com-tit-03::after {
  background-color: #E63333;
  bottom: -1px;
  width: 100px;
  height: 3px;
  z-index: 1;
}

.com-tit-04 {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  font-size: 1.6rem;
  line-height: 1.25;
  padding-bottom: 11px;
  position: relative;
}
.com-tit-04 + * {
  margin-top: 34px;
}
.com-tit-04::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 2px;
  width: 80px;
}

.com-tit-05 {
  text-align: center;
  font-weight: 700;
  font-size: 27px;
  font-size: 1.8rem;
  line-height: 1.6;
  padding-bottom: 30px;
  position: relative;
}
.com-tit-05::after {
  content: "";
  background-color: #E63333;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 4px;
  width: 100px;
}
.com-tit-05 span {
  color: #E63333;
}

.com-panorama-01 {
  width: 100%;
  aspect-ratio: 16/9;
}

.data-num-item {
  background-color: #F4F4F4;
  padding: 20px;
}

.data-num-tit {
  background-color: #333333;
  border-radius: 500px;
  position: relative;
  text-align: center;
  padding: 4px 10px 6px;
  color: #fff;
  margin-bottom: 35px;
}
.data-num-tit:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 12px solid #333333;
  position: absolute;
  top: 100%;
  transform: translateX(-50%);
  left: 50%;
}

.interview-img-01 {
  position: relative;
}
.interview-img-01 .slug {
  color: #fff;
  font-size: 17px;
  font-size: 1.1333333333rem;
  position: absolute;
  left: 15px;
  top: 5px;
}

.interview-img-02 {
  position: relative;
  height: 450px;
}
.interview-img-02 > img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 83% center;
     object-position: 83% center;
}
.interview-img-02 .slug {
  color: #fff;
  font-size: 17px;
  font-size: 1.1333333333rem;
  position: absolute;
  left: 15px;
  top: 5px;
}
.interview-img-02 .tit {
  position: absolute;
  left: 20px;
  bottom: 0;
  font-size: 23px;
  font-size: 1.5333333333rem;
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  padding-right: 20px;
  text-shadow: 5px 5px 15px #030303;
}
@media (min-width: 640px) {
  .interview-img-02 .tit {
    left: 45px;
    bottom: 30px;
    font-size: 27px;
    font-size: 1.8rem;
  }
}

.interview-tit-01 {
  font-size: 24px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-top: 20px;
  line-height: 1.5;
}
.interview-tit-01 span {
  color: #E63333;
}

.interview-info-01 .name {
  font-size: 10px;
  font-size: 0.6666666667rem;
  display: block;
}
.interview-info-01 .name-jp {
  line-height: 1.7;
  font-size: 26px;
  font-size: 1.7333333333rem;
  font-weight: bold;
}
.interview-info-01 .name-jp small {
  font-size: 16px;
  font-size: 1.0666666667rem;
  font-weight: 400;
}
.interview-info-01 .com-btn-01 {
  margin: 15px 0 10px;
  padding: 14px 30px;
  width: 185px;
}

.interview-btn-01 .img {
  position: relative;
}
.interview-btn-01 .img:after {
  content: url(../img/page/recruit/our-works/arrow.png);
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 1;
}
.interview-btn-01 .job {
  font-size: 12px;
  font-size: 0.8rem;
  display: block;
  margin-top: 5px;
}
.interview-btn-01 .name {
  font-size: 11px;
  font-size: 0.7333333333rem;
}
.interview-btn-01 .name-jp {
  line-height: 1.3;
  font-size: 18px;
  font-size: 1.2rem;
  font-weight: bold;
}

.pt0 {
  padding-top: 0;
}

.block-editor-writing-flow p.has-large-font-size,
.block-content p.has-large-font-size,
.single-detail p.has-large-font-size {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.5;
}
.block-editor-writing-flow .has-text-align-center,
.block-content .has-text-align-center,
.single-detail .has-text-align-center {
  text-align: center;
}
.block-editor-writing-flow .has-text-align-left,
.block-content .has-text-align-left,
.single-detail .has-text-align-left {
  -moz-text-align-last: left;
       text-align-last: left;
}
.block-editor-writing-flow .has-text-align-right,
.block-content .has-text-align-right,
.single-detail .has-text-align-right {
  text-align: right;
}
.block-editor-writing-flow * > strong,
.block-content * > strong,
.single-detail * > strong {
  font-weight: bold;
}
.block-editor-writing-flow .has-black-color,
.block-content .has-black-color,
.single-detail .has-black-color {
  color: rgb(0, 0, 0);
}
.block-editor-writing-flow .has-cyan-bluish-gray-color,
.block-content .has-cyan-bluish-gray-color,
.single-detail .has-cyan-bluish-gray-color {
  color: rgb(171, 184, 195);
}
.block-editor-writing-flow .has-white-color,
.block-content .has-white-color,
.single-detail .has-white-color {
  color: white;
}
.block-editor-writing-flow .has-pale-pink-color,
.block-content .has-pale-pink-color,
.single-detail .has-pale-pink-color {
  color: rgb(247, 141, 167);
}
.block-editor-writing-flow .has-vivid-red-color,
.block-content .has-vivid-red-color,
.single-detail .has-vivid-red-color {
  color: rgb(207, 46, 46);
}
.block-editor-writing-flow .has-luminous-vivid-orange-color,
.block-content .has-luminous-vivid-orange-color,
.single-detail .has-luminous-vivid-orange-color {
  color: rgb(255, 105, 0);
}
.block-editor-writing-flow .has-luminous-vivid-amber-color,
.block-content .has-luminous-vivid-amber-color,
.single-detail .has-luminous-vivid-amber-color {
  color: rgb(252, 185, 0);
}
.block-editor-writing-flow .has-light-green-cyan-color,
.block-content .has-light-green-cyan-color,
.single-detail .has-light-green-cyan-color {
  color: rgb(123, 220, 181);
}
.block-editor-writing-flow .has-vivid-green-cyan-color,
.block-content .has-vivid-green-cyan-color,
.single-detail .has-vivid-green-cyan-color {
  color: rgb(0, 208, 132);
}
.block-editor-writing-flow .has-pale-cyan-blue-color,
.block-content .has-pale-cyan-blue-color,
.single-detail .has-pale-cyan-blue-color {
  color: rgb(142, 209, 252);
}
.block-editor-writing-flow .has-vivid-cyan-blue-color,
.block-content .has-vivid-cyan-blue-color,
.single-detail .has-vivid-cyan-blue-color {
  color: rgb(6, 147, 227);
}
.block-editor-writing-flow .has-vivid-purple-color,
.block-content .has-vivid-purple-color,
.single-detail .has-vivid-purple-color {
  color: rgb(155, 81, 224);
}

/* トップページ
====================================== */
/* メインビジュアル
--------------------------------- */
.new-machine-btn-01 {
  position: relative;
}
.new-machine-btn-01::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 250px;
  background-image: linear-gradient(90deg, rgb(255, 255, 255) 65%, rgba(255, 255, 255, 0));
}
@media (min-width: 960px) {
  .new-machine-btn-01::before {
    width: 300px;
  }
}
@media (min-width: 640px) {
  .new-machine-btn-01 {
    border-width: 3px;
    height: 200px;
    background: url(../img/page/new-machine/06_01.jpg) no-repeat center right/cover;
  }
}
.new-machine-btn-01 .inner {
  padding: 15px 35px;
  align-self: center;
  position: relative;
  z-index: 1;
}
@media (min-width: 1300px) {
  .new-machine-btn-01 .inner {
    padding: 40px;
  }
}
.new-machine-btn-01 .accent {
  font-size: 18px;
  font-size: 1.2rem;
}
@media (min-width: 960px) {
  .new-machine-btn-01 .accent {
    font-size: 19px;
    font-size: 1.2666666667rem;
  }
}
.new-machine-btn-01 .tit {
  font-size: 22px;
  font-size: 1.4666666667rem;
}
@media (min-width: 960px) {
  .new-machine-btn-01 .tit {
    font-size: 27px;
    font-size: 1.8rem;
  }
}