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

** animation
==================================================*/
[class*="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-start; }
  .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: 961px) {
    .ctr-pc {
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .ctr-pc-tab {
      text-align: center; } }
  @media screen and (max-width: 960px) and (min-width: 768px) {
    .ctr-tab {
      text-align: center; } }
  @media screen and (max-width: 960px) {
    .ctr-tab-sp {
      text-align: center; } }
  @media screen and (max-width: 767px) {
    .ctr-sp {
      text-align: center; } }

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

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

@media screen and (min-width: 961px) {
  .pc {
    display: revert; } }
@media screen and (min-width: 768px) {
  .pc-tab {
    display: revert; } }
@media screen and (max-width: 960px) and (min-width: 768px) {
  .tab {
    display: revert; } }
@media screen and (max-width: 960px) {
  .tab-sp {
    display: revert; } }
@media screen and (max-width: 767px) {
  .sp {
    display: revert; } }
/*==================================================

** click
==================================================*/
.clickoff {
  pointer-events: none; }
  @media screen and (min-width: 961px) {
    .clickoff-pc {
      pointer-events: none; } }
  @media screen and (min-width: 768px) {
    .clickoff-pc-tab {
      pointer-events: none; } }
  @media screen and (max-width: 960px) and (min-width: 768px) {
    .clickoff-tab {
      pointer-events: none; } }
  @media screen and (max-width: 960px) {
    .clickoff-tab-sp {
      pointer-events: none; } }
  @media screen and (max-width: 767px) {
    .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: 767px) {
  .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 .en {
  font: normal normal 800 1em/1.5 "Poppins", "Zen Kaku Gothic New", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; }
.sitewrap .mincho {
  font: normal normal 400 1em/1.5 YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "MS PMincho", "MS 明朝", serif; }
.sitewrap .gothic {
  font: normal normal 400 1em/1.5 "Zen Kaku Gothic New", "游ゴシック 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-txt {
  text-decoration: underline;
  text-underline-offset: 2px; }
  .main .link-txt:hover {
    text-decoration: none; }
@media screen and (max-width: 767px) {
  .main .scrollbox {
    margin-right: -5.5%;
    display: flex; }
    .main .scrollbox:after {
      content: '';
      display: block;
      padding-right: 5.5%; } }

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

** form common
==================================================*/
.main input,
.main textarea,
.main select {
  width: 100%;
  border: 1px solid #b4b4b4;
  border-radius: 5px;
  background-color: #fff; }
  .main input:placeholder-shown,
  .main textarea:placeholder-shown,
  .main select:placeholder-shown {
    color: #e3e3e3; }
  .main input::-webkit-input-placeholder,
  .main textarea::-webkit-input-placeholder,
  .main select::-webkit-input-placeholder {
    color: #e3e3e3; }
  .main input:-moz-placeholder,
  .main textarea:-moz-placeholder,
  .main select:-moz-placeholder {
    opacity: 1;
    color: #e3e3e3; }
  .main input::-moz-placeholder,
  .main textarea::-moz-placeholder,
  .main select::-moz-placeholder {
    opacity: 1;
    color: #e3e3e3; }
  .main input:-ms-input-placeholder,
  .main textarea:-ms-input-placeholder,
  .main select:-ms-input-placeholder {
    color: #e3e3e3; }
.main .select {
  position: relative;
  background: url("../img/common/ico_select_gy.svg") no-repeat right 10px center/9px, linear-gradient(to right, #ddd, #ddd) no-repeat right top/30px 100%, #fff; }

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

** cpt common
.main {
    .art {
        &-ttl {}
        &-pht {}
        &-body {
        @include first-margin;
        &::after { @include clear; }
        ul {}
        ol {
            > li {
                position: relative;
                &::before {
                    content:counter(number,decimal-leading-zero)'.';
                    position: absolute;
                    left:0;top:0;
                }
                + li {}
            }
        }
        a {}
        strong,em,b {}
        .scrollbox {
                margin-top:0;
                table { min-width: 100%; }
            }
        }
        &-pager {}
    }
    .pager {
        margin:50px 0 0;
        ul,ol {
            margin:0;
            display:flex;
            gap:0;
            li {
                width: 44px;
                padding:0;
                margin:0;
            }
        }
        a,span {
            display:block;
            border:1px solid #ccc;
            color:#ccc;
            text-align:center;
            position: relative;
        }
        a:hover,
        span {
            background:#ccc;
            color:#fff;
        }
        .current {
            span { background: #f5f5f5; }
        }
        :where(
            .first,
            .prev,
            .next,
            .last
        ) {
            i:before {
            @include ico-faf5('',1em,900,false,false);
            }
        }
        .first {
            i:before { content: '\f100'; }
        }
        .prev {
            i:before { content: '\f104'; }
        }
        .next {
            i:before { content: '\f105'; }
        }
        .last {
            i:before { content:'\f101'; }
        }
    }
}
==================================================*/