@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
==================================================*/
.flex {
  display: flex; }
  .flex-wrap {
    flex-wrap: wrap; }
  .flex-col {
    flex-direction: column; }
  .flex-row-r {
    flex-direction: row-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: inherit; } }
@media screen and (max-width: 600px) {
  .sp {
    display: inherit; } }
/*==================================================

** 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 .en {
  font: normal normal 600 1em/1.75 "Lexend", "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", "M+ 1p", sans-serif; }
.sitewrap .space-btm {
  padding-bottom: 120px; }
@media screen and (max-width: 600px) {
  .sitewrap .space-btm {
    padding-bottom: 104px; } }

.main .mt0 {
  margin-top: 0; }
.main .linktxt {
  text-decoration: underline; }
  .main .linktxt:hover {
    text-decoration: none;
    color: #cb1f22; }
.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 .linkbtn {
  width: 360px;
  margin: 64px auto 0; }
  .main .linkbtn a,
  .main .linkbtn button {
    display: block;
    color: #fff;
    background: #1a1a1a;
    text-align: center;
    font-weight: 700;
    padding: 19px;
    line-height: 1.75;
    opacity: 1;
    text-decoration: none;
    position: relative; }
    .main .linkbtn a:before,
    .main .linkbtn button:before {
      content: '';
      display: block;
      width: 100%;
      height: 3px;
      background: #cb1f22;
      position: absolute;
      bottom: 0;
      left: 0;
      transition: all 0.3s;
      transform: scale(0, 1);
      transform-origin: left top; }
    .main .linkbtn a:hover:before,
    .main .linkbtn button:hover:before {
      transition: all 0.6s;
      transform: scale(1, 1); }
  .main .linkbtn button {
    width: 100%; }
@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 .linkbtn {
    width: 100%;
    margin: 48px auto 0; } }

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

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

** cpt common
==================================================*/
.main {
  /* pager 
  .pager {
  	margin:50px 0 0;
  	ul,ol {
  		margin:0;
  		@include flex;
  		li {
  			background:none;
  			padding:0;
  			margin:0;
  			position: relative;
  			&:before,&:after { content:none; }
  			+ li { margin-left:10px; }
  		}
  	}
  	a,span {
  		border:1px solid #ccc;
  		color:#ccc;
  		display:block;
  		text-align:center;
  	}
  	a:hover,
  	span {
  		background:#ccc;
  		color:#fff;
  	}
  	.current {
  		span { background: #f5f5f5; }
  	}
  	.first,
  	.prev,
  	.next,
  	.last {
  		i:before {
  			@include icon-free('',1em,900,false,false);
  		}
  	}
  	.first {
  		i:before {
  			content: '\f100';
  		}
  	}
  	.prev {
  		i:before {
  			content: '\f104';
  		}
  	}
  	.next {
  		i:before {
  			content: '\f105';
  		}
  	}
  	.last {
  		i:before {
  			content:'\f101';
  		}
  	}
  }
  */ }