@charset "UTF-8";
/*
**
** 全案件共通化するcss
** 案件個別の共有cssはここには記載せずcontent.scssに記載してください
** 
** animation
** layout
** fluffy
** txt
** display
** click
** wordpress
**
**
*/
/*==================================================

** animation
==================================================*/
.fluffy {
  opacity: 0;
  position: relative; }
  .fluffy-upper {
    bottom: -50px; }
    .fluffy-upper.move {
      opacity: 1;
      bottom: 0;
      transition: all 0.8s; }
  .fluffy-appear {
    opacity: 0; }
    .fluffy-appear.move {
      opacity: 1;
      transition: all 0.8s ease; }
  .fluffy-slidein-l {
    opacity: 0;
    left: -50px; }
    .fluffy-slidein-l.move {
      opacity: 1;
      left: 0;
      transition: all 0.8s; }
  .fluffy-slidein-r {
    opacity: 0;
    right: -50px; }
    .fluffy-slidein-r.move {
      opacity: 1;
      right: 0;
      transition: all 0.8s; }
  .fluffy-scale-up {
    opacity: 0;
    bottom: -50px;
    transform: scale(1.1); }
    .fluffy-scale-up.move {
      opacity: 1;
      bottom: 0;
      transition: all 1s ease;
      transform: scale(1); }

.fadelist > li {
  opacity: 0;
  top: 30px;
  position: relative; }
.fadelist.move > li {
  opacity: 1;
  top: 0px;
  transition: top 1s,opacity 1s; }
  .fadelist.move > li:nth-of-type(1) {
    transition-delay: 0.3s; }
  .fadelist.move > li:nth-of-type(2) {
    transition-delay: 0.6s; }
  .fadelist.move > li:nth-of-type(3) {
    transition-delay: 0.9s; }
  .fadelist.move > li:nth-of-type(4) {
    transition-delay: 1.2s; }
  .fadelist.move > li:nth-of-type(5) {
    transition-delay: 1.5s; }
  .fadelist.move > li:nth-of-type(6) {
    transition-delay: 1.8s; }
  .fadelist.move > li:nth-of-type(7) {
    transition-delay: 2.1s; }
  .fadelist.move > li:nth-of-type(8) {
    transition-delay: 2.4s; }
  .fadelist.move > li:nth-of-type(9) {
    transition-delay: 2.7s; }
  .fadelist.move > li:nth-of-type(10) {
    transition-delay: 3s; }
  .fadelist.move > li:nth-of-type(11) {
    transition-delay: 3.3s; }
  .fadelist.move > li:nth-of-type(12) {
    transition-delay: 3.6s; }
  .fadelist.move > li:nth-of-type(13) {
    transition-delay: 3.9s; }
  .fadelist.move > li:nth-of-type(14) {
    transition-delay: 4.2s; }
  .fadelist.move > li:nth-of-type(15) {
    transition-delay: 4.5s; }
  .fadelist.move > li:nth-of-type(16) {
    transition-delay: 4.8s; }
  .fadelist.move > li:nth-of-type(17) {
    transition-delay: 5.1s; }
  .fadelist.move > li:nth-of-type(18) {
    transition-delay: 5.4s; }
  .fadelist.move > li:nth-of-type(19) {
    transition-delay: 5.7s; }
  .fadelist.move > li:nth-of-type(20) {
    transition-delay: 6s; }
  .fadelist.move > li:nth-of-type(21) {
    transition-delay: 6.3s; }
  .fadelist.move > li:nth-of-type(22) {
    transition-delay: 6.6s; }
  .fadelist.move > li:nth-of-type(23) {
    transition-delay: 6.9s; }
  .fadelist.move > li:nth-of-type(24) {
    transition-delay: 7.2s; }
  .fadelist.move > li:nth-of-type(25) {
    transition-delay: 7.5s; }
  .fadelist.move > li:nth-of-type(26) {
    transition-delay: 7.8s; }
  .fadelist.move > li:nth-of-type(27) {
    transition-delay: 8.1s; }
  .fadelist.move > li:nth-of-type(28) {
    transition-delay: 8.4s; }
  .fadelist.move > li:nth-of-type(29) {
    transition-delay: 8.7s; }
  .fadelist.move > li:nth-of-type(30) {
    transition-delay: 9s; }

.fadein-item {
  opacity: 0;
  top: 50px;
  position: relative; }
.fadein-down {
  top: -50px; }
.fadein.move .fadein-item {
  opacity: 1;
  top: 0px;
  transition: top 1s,opacity 1s; }
.fadein.move .fadein-num1 {
  transition-delay: 0.3s; }
.fadein.move .fadein-num2 {
  transition-delay: 0.6s; }
.fadein.move .fadein-num3 {
  transition-delay: 0.9s; }
.fadein.move .fadein-num4 {
  transition-delay: 1.2s; }
.fadein.move .fadein-num5 {
  transition-delay: 1.5s; }
.fadein.move .fadein-num6 {
  transition-delay: 1.8s; }
.fadein.move .fadein-num7 {
  transition-delay: 2.1s; }
.fadein.move .fadein-num8 {
  transition-delay: 2.4s; }
.fadein.move .fadein-num9 {
  transition-delay: 2.7s; }
.fadein.move .fadein-num10 {
  transition-delay: 3s; }
.fadein.move .fadein-num11 {
  transition-delay: 3.3s; }
.fadein.move .fadein-num12 {
  transition-delay: 3.6s; }
.fadein.move .fadein-num13 {
  transition-delay: 3.9s; }
.fadein.move .fadein-num14 {
  transition-delay: 4.2s; }
.fadein.move .fadein-num15 {
  transition-delay: 4.5s; }
.fadein.move .fadein-num16 {
  transition-delay: 4.8s; }
.fadein.move .fadein-num17 {
  transition-delay: 5.1s; }
.fadein.move .fadein-num18 {
  transition-delay: 5.4s; }
.fadein.move .fadein-num19 {
  transition-delay: 5.7s; }
.fadein.move .fadein-num20 {
  transition-delay: 6s; }
.fadein.move .fadein-num21 {
  transition-delay: 6.3s; }
.fadein.move .fadein-num22 {
  transition-delay: 6.6s; }
.fadein.move .fadein-num23 {
  transition-delay: 6.9s; }
.fadein.move .fadein-num24 {
  transition-delay: 7.2s; }
.fadein.move .fadein-num25 {
  transition-delay: 7.5s; }
.fadein.move .fadein-num26 {
  transition-delay: 7.8s; }
.fadein.move .fadein-num27 {
  transition-delay: 8.1s; }
.fadein.move .fadein-num28 {
  transition-delay: 8.4s; }
.fadein.move .fadein-num29 {
  transition-delay: 8.7s; }
.fadein.move .fadein-num30 {
  transition-delay: 9s; }

/*==================================================

** layout
==================================================*/
[class*="flex-"] {
  display: flex; }

.flex {
  display: flex; }
  .flex-wrap {
    flex-wrap: wrap; }
  .flex-row {
    flex-direction: row; }
  .flex-col {
    flex-direction: column; }
  .flex-row-r {
    flex-direction: row-reverse; }
  .flex-col-r {
    flex-direction: column-reverse; }
  .flex-jcc {
    justify-content: center; }
  .flex-jcsb {
    justify-content: space-between; }
  .flex-jcfe {
    justify-content: flex-end; }
  .flex-aic {
    align-items: center; }
  .flex-aifs {
    align-items: flex-start; }
  .flex-aife {
    align-items: flex-end; }

.float:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }
.float-r {
  float: right; }
.float-l {
  float: left; }

/*==================================================

** txt
==================================================*/
.ctr {
  text-align: center; }
  @media screen and (min-width: 601px) {
    .ctr-pc {
      text-align: center; } }
  @media screen and (max-width: 600px) {
    .ctr-sp {
      text-align: center; } }

/*==================================================

** display
==================================================*/
.pc,
.pc-tab,
.tab,
.tab-sp,
.sp {
  display: none; }

@media screen and (min-width: 601px) {
  .pc {
    display: revert; } }
@media screen and (max-width: 600px) {
  .sp {
    display: revert; } }
/*==================================================

** click
==================================================*/
.clickoff {
  pointer-events: none; }
  @media screen and (min-width: 601px) {
    .clickoff-pc {
      pointer-events: none; } }
  @media screen and (max-width: 600px) {
    .clickoff-sp {
      pointer-events: none; } }

/*==================================================

** wordpress
==================================================*/
/* figure float */
.alignleft {
  float: left;
  display: inline;
  margin-right: 20px; }

.alignright {
  float: right;
  display: inline;
  margin-left: 20px; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

@media screen and (max-width: 600px) {
  .alignleft,
  .alignright,
  .aligncenter {
    float: none;
    display: block;
    margin: 20px 0 0; } }
/* clearfix */
.clear:after {
  clear: both;
  content: '';
  display: block;
  height: 0; }

/*
**
** 案件共有css
** page common
** form common
** cpt common
** 
*/
/*==================================================

** page common
==================================================*/
.sitewrap .mincho {
  font: normal normal 400 1em/1.6 YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "MS PMincho", "MS 明朝", serif; }
.sitewrap .gothic {
  font: normal normal 400 1em/1.6 "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }

.main .mt-0 {
  margin-top: 0; }
.main .txtbox > :first-child {
  margin-top: 0; }
.main .scrollbox {
  overflow-x: auto; }
  .main .scrollbox > :first-child {
    margin-top: 0; }
  .main .scrollbox table th, .main .scrollbox table td {
    display: table-cell !important; }
.main .link-btn {
  width: 360px;
  margin: 48px auto 0; }
  .main .link-btn a {
    display: block;
    border: 1px solid #0985df;
    line-height: 1.6;
    padding: 14px;
    text-align: center;
    color: #0985df;
    border-radius: 1000px;
    background: #fff; }
    .main .link-btn a:hover {
      background: #0985df;
      color: #fff; }
.main .link-txt {
  text-decoration: underline; }
  .main .link-txt:hover {
    text-decoration: none;
    color: #0985df; }
@media screen and (max-width: 600px) {
  .main .scrollbox {
    margin-right: -5.5%;
    display: flex; }
    .main .scrollbox:after {
      content: '';
      display: block;
      padding-right: 5.5%; }
  .main .link-btn {
    width: 100%; } }

/*==================================================

** form common
==================================================*/
/*==================================================

** cpt common
==================================================*/
.main .art-body {
  clear: both;
  content: '';
  display: block;
  height: 0; }
  .main .art-body > :first-child {
    margin-top: 0; }
  .main .art-body ol > li {
    position: relative; }
    .main .art-body ol > li::before {
      content: counter(number,decimal-leading-zero) ".";
      position: absolute;
      left: 0;
      top: 0; }
  .main .art-body .scrollbox {
    margin-top: 0; }
    .main .art-body .scrollbox table {
      min-width: 100%; }
.main .pager {
  margin: 50px 0 0; }
  .main .pager ul, .main .pager ol {
    margin: 0;
    display: flex;
    gap: 0; }
    .main .pager ul li, .main .pager ol li {
      width: 44px;
      background: none;
      padding: 0;
      margin: 0; }
  .main .pager a, .main .pager span {
    display: block;
    border: 1px solid #ccc;
    color: #ccc;
    text-align: center;
    position: relative; }
  .main .pager a:hover,
  .main .pager span {
    background: #ccc;
    color: #fff; }
  .main .pager .current span {
    background: #f5f5f5; }
  .main .pager :where(.first,
  .prev,
  .next,
  .last) i:before {
    content: "";
    font: normal normal 900 1em "Font Awesome 5 Free";
    line-height: inherit; }
  .main .pager .first i:before {
    content: '\f100'; }
  .main .pager .prev i:before {
    content: '\f104'; }
  .main .pager .next i:before {
    content: '\f105'; }
  .main .pager .last i:before {
    content: '\f101'; }