@charset "utf-8";
/* CSS Document */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}
html{scroll-behavior: smooth;}
body {line-height: 1.7;}
ul li {list-style: none;}
blockquote, q {quotes: none;}
table {border-collapse: collapse;border-spacing: 0; }
th {text-align: left; }
h1, h2, h3, h4, h5, h6 {font-size: 100%; }
img, fieldset {border: 0; }
* {box-sizing: border-box; }
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }
.clearfix {display: inline-table;min-height: 1%; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block; }
/* End hide from IE-mac */
* html .clearfix {zoom: 1;}
/* IE6 */
*:first-child + html .clearfix {zoom: 1; }


/** 共通の基本仕様 **/
a{text-decoration: none;}
body, html {
  font-family: "Meiryo", "Hiragino Kaku Gothic ProN", "Yu Gothic", "MS PGothic", sans-serif;
  font-weight: 400;
  letter-spacing: .02em;
  box-sizing: border-box;
  font-size: 93.75%;
  color: #444; }
html > body {
  font-size: 15px;
  /* Except IE */ }

.tbld{font-weight: bold;}
.tudl{text-decoration: underline;}
.textlink_alert{color: #ff0000;font-weight: bold;}
.textlink:hover{opacity: 0.6;}

.c_bg-img_fixed{
	position: fixed;
	top:0;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-position: center;
	z-index: -1;
}

.bg02{
	background-image: url("../image/main-bg.webp");
	z-index:-1;
}

/* TOPに戻るボタン */
.container {
  height: 2000px;
  padding: 24px;
  background: linear-gradient(
    90deg,
    rgba(253, 219, 146, 1),
    rgba(209, 253, 254, 1)
  );
}

.pagetop-btn {
  position: fixed;
  width: 52px;
  height: 52px;
  border-radius: 50%;
	background: rgba(255,255,255,0.3);
	border: 2px solid #969696;
  cursor: pointer;
  right: 10px;
  bottom: 120px;
  z-index: 1000;
  opacity: 0;
  transform: translateY(100px);
  transition: opacity 0.3s, transform 0.3s;
}

.pagetop-btn::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-left: 2px solid #969696;
  border-top: 2px solid #969696;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -25%) rotate(45deg);
}

.pagetop-btn.visible {
  opacity: 1;
  transform: translateY(0);
}


/* 下部追従エリア */
 .fixed-ad {
    position: fixed;
	 color: #ffffff;
    bottom: -120px; 
    left: 0;
    width: 100%;
    background: linear-gradient(150deg, #ff8800 0%, #ff1d00 100%);
    text-align: center;
    padding: 25px 10px 15px;
    box-shadow: 0 -2px 10px rgba(0,0,0,0.5);
    z-index: 100;
    transition: bottom 0.5s ease; /* アニメーション */
  }
 .fixed-ad.show {
    bottom: 0; 
  }
.fixed-ad span{
	font-size: 20px;
	font-weight: 700;
}
.fixed-ad button{
	position:absolute;
	top:10px;
	right:10px;
	background:none;
	border:none;
	color:#fff;
	font-size:28px;
	cursor:pointer;
}

.fixed-ad.show {
bottom: 0;
opacity: 1;
}

#section{
    margin-bottom: 70px;
}
.sp_br::after{
	content:"\A";
	white-space:pre;
}

/*-- ページ全体 --*/
body{
    margin: 0 auto;
    font-size: 14px;
    line-height: 30px;
}
h2{
	font-size: 28px;
	font-weight: 800;
	color: #0eb7a9;
	text-align: center;
	margin: 0 10px 30px;
}
.flourish{
	display: flex; 
	text-align: center;
	justify-content: center;
	align-items: center;
}
.flourish img{
	width: 18%;
	height: 5px;
	margin-bottom: 30px;
}
.pcspace_br{
	display: none;
}

@media only screen and (max-width:767px){
    body{
        margin: 0 auto;
        -webkit-text-size-adjust: 100%;
        font-size: 1em;
        line-height: 1.8em;
    }
	h2{
	font-size: 24px;
	}
	.flourish img{
	height:2px;
	}

}

/** 共通の基本仕様-SP **/
@media only screen and (max-width:767px){
	.pc_only{ 
        display: none;
	}
    main{
        width: 100%;
    }
    footer{
        width: 100%;
    }
	.pc {display: none !important; }
    .sp {display: block !important; }
    body {-webkit-text-size-adjust: 100%; }
    body * {font-size: 14px; }
    img {
      max-width: 100%;
      height: auto;
    }
    .wrap {
        margin: 0 auto;
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .pcspace_spbr::after{
        content:"\A";
        white-space:pre;
    }
	.pcspace_br::after{
		content:"\A";
        white-space:pre;
	}
	.disclamer {
        padding: 60px 0;
    }
    .disclamer h2 {
        font-size: 32px;
        font-weight: 700;
        color: #043492;
        text-align: center;
        margin-bottom: 60px;
    }
    .disclamer h2 span {
        border-left: 2px solid #043492;
        border-right: 2px solid #043492;
        line-height: 1;
        padding: 5px 25px;
    }
    .disclamer_box {
        background-color: #eee; }
    /**----box----**/
    .box {
        margin-bottom: 0px; }
    .box .box:last-child {
        margin-bottom: 0; }
    .box h3 {
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 5px; }
    .box h4{
        margin: 15px 0 5px;
    }
    .box a {
        font-size: 14px;
        line-height: 1.4;
        color: #444;
        text-decoration:underline;
    }
   .box p {
        font-size: 14px;
        line-height: 1.8; }
    .box p.attn {
        margin-top: 20px;
    }
    .box p.attn2 {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .box .line {
        width: 100%;
        align-items: center;
        display: inline-block;
        flex-wrap: wrap;
        border-bottom: 1px solid #555555;
        padding: 10px 0;
    }
	.box .line.bdrunone{
		width: 100%;
        align-items: center;
        display: inline-block;
        flex-wrap: wrap;
		border-bottom: 0px solid #F5F5F5;
        padding: 10px 0;
	}
    .box .line.bdru {
        border-top: 1px solid #555555;
        margin: 20px 0 0;
        padding: 10px 0;
    }
    .box .line > div {
        padding: 5px 0;
        height: 100%;
    }
    .box .line .left_blc {
        width: 100%;
        padding-left: 0px;
    }
    .box .line .left_blc p {
        font-weight: 700;
    }
    .box .line .right_blc {
        width: calc(100%);
    }
    .box .right_blc_bold {
        font-weight: 800;
    } 
}

/** 共通の基本仕様-PC **/
@media only screen and (min-width:768px){
	.fixed-ad span{
		font-size: 32px;
	}
    #section{
        margin-bottom: 100px;
    }
    .sp_only{ 
        display: none;
    }
	.sp_br{
		display: none;
    }
    .wrap {
        width: 90%;
        max-width: 1000px;
        margin: 0 5%;
    }
    main{
        width: 100%;
    }
    footer{
        width: 100%;
    }
    .pcspace_spbr{
        padding-left:1em;
    }
	.consideration{
        background-color: #ddd;
        padding: 50px 0;
    }
    .title-consideration{
        font-size: 1.0em;
        font-weight: bold;
    }    
    .para-consideration{
        margin-bottom:0;
        width: 100%;
        line-height: 1.8em;
        font-size: 0.8em;
    }
    .copyright {
      background-color: #848484;
      padding: 45px 0; }
      .copyright p {
        color: #fff;
        font-size: 12px;
        text-align: center; }
    .disclamer {
        padding: 60px 0; }
    .disclamer h2 {
        font-size: 32px;
        font-weight: 700;
        color: #043492;
        text-align: center;
        margin-bottom: 60px; }
    .disclamer h2 span {
        border-left: 2px solid #043492;
        border-right: 2px solid #043492;
        line-height: 1;
        padding: 5px 25px; }
    .disclamer_box {
        background-color: #eee; }   

	
    /**----box----**/
    .box {
        margin-bottom: 40px; }
    .box:last-child {
        margin-bottom: 0; }
    .box h3 {
        font-size: 13px;
        font-weight: 700;
        margin-bottom: 5px; }
    
    .box h4{
        margin-bottom: 5px;;
    }
    .box a {
        font-size: 14px;
        line-height: 1.4;
        color: #444;
        text-decoration:underline;
    }
    .box p {
        font-size: 14px;
        line-height: 1.8; }
    .box p.attn {
        margin-top: 20px; }
    .box p.attn2 {
        margin-top: 10px;
        margin-bottom: 10px;}
    .box .line {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
		border-bottom: 1px solid #555555;
	}
	.box .line-none {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
		border-bottom: none;
	}
	.box .line.bdru{
		border-top: 1px solid #555555;
	}
    .box .line > div {
        height: 100%; 
		padding: 20px 0;
	
	}
    .box .line .left_blc {
        width: 180px;
        padding-left: 20px; 
	}
    .box .line .left_blc p {
        font-weight: 700; }
    .box .line .right_blc {
        width: calc(100% - 180px);
	}
    .box .right_blc_bold {
        font-weight: 800;
    } 
	
	.box .line-none .left_blc {
        width: 180px;
        padding-left: 20px; 
	}
	.box .line-none .left_blc p {
        font-weight: 700; }
}

/** 1101ｐpx～ **/
@media only screen and (min-width:1101px){
    .wrap {
        width: 100%;
        max-width: 1000px;
        margin: 0 auto;
    }
	.pcspace_br{
		content:"\A";
        white-space:pre;		
	}
}

/**  header  **/
header{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    display: block;
    text-align: left;
    padding:5px;
    margin: 0 0 0 0;
    box-shadow: 0 5px 5px 0 rgba(100, 100, 100, .2);
    background-color: #ffffff;
    z-index: 999;
}
.header-logo{
    margin: 10px 0 0 20px;
    display: inline-block;
}
.logo-sawakami{
    width:170px;
}
@media only screen and (max-width:767px){
    header{
        display: block;
        padding:0;
    }
    .header-logo{
        margin: 3% 0 1% 2%;
    }
    .logo-sawakami{
        width:45%;
    }
}

/**  section-top **/
.section-top{
	background-image: url('../image/top-bg.webp');
	-webkit-mask-image: linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%);
	mask-image: linear-gradient(to bottom,#000 0%,#000 93%,transparent 100%);
	background-size: cover;
	background-position: center;
	padding-bottom: 50px;
}

.section-top div{
	padding-top:30px;
}
.section-top p{
	font-size: 12px;
	text-align: center;
	color: #ffffff;
	opacity: 0.8;
	margin-bottom: 50px;
	line-height: 1.5;
}
.top-mainimg_sp{
	width: 100%;
	display: block;
	margin: 0 auto;
}
.top-mainimg_pc{
	display: none;
}
.top-text_sp{
	display: block;
	text-align: center;
	margin: 0 auto 20px;
}
.top-text_pc{
	display: none;
}
@media only screen and (min-width:767px){
	.section-top{
		background-image: url("../image/pcbg.webp");
		padding-bottom: 20px;
	}
	.section-top div{
		padding-top:0px;
	}
	.top-mainimg_sp{
		display: none;
	}
	.top-mainimg_pc{
		width: 70%;
		max-width: 1000px;
		display: block;
		margin: 0 auto;
	}
	.top-text_sp{
		display: none;
	}
	.top-text_pc{
		display: block;
		width: 60%;
		max-width: 1100px;
		margin: 0 auto 30px;
	}
}


/**  section-service **/
.section-service div{
	text-align: center;
}
.section-service h1{
	display: inline-block;
	text-align: center;
	color: #4b91b4;
	font-size: 40px;
	font-weight: 800;
	border-bottom: dotted 5px #4b91b4;
	padding-top: 30px;
	padding-bottom: 10px;
	margin:0 auto;
}
.service-text{
	text-align: left;
	margin-bottom: 20px;
}
.service-gradationtxt{
	font-size: 38px;
	font-weight: 1000;
	line-height:1.2;
	margin: 15px 0 10px;
	background: linear-gradient(150deg, #009676 0%, #75b976 33%, #43b6e3 66%, #6f5caf 100%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}
.service-left{
	margin-right: 5vw;
	background-color:rgba(255,255,255,0.60);
	border-radius: 0 30px 30px 0;
	padding: 30px 0;
	margin-bottom: 50px;
	box-shadow: 0 0 10px #05d187;
}

.service-right{
	margin-left: 5vw;
	background-color:rgba(255,255,255,0.60);
	border-radius: 30px 0 0 30px;
	padding: 30px 0;
	margin-bottom: 50px;
	box-shadow: 0 0 10px #05d187;
}
.service-center{
	background-color:rgba(255,255,255,0.60);
	padding: 30px 0;
	margin-bottom: 50px;
	box-shadow: 0 0 10px #05d187;
}
.service-text-line{
	padding-left: 5%;
}
.service-text-line2{
	padding-right: 5%;
}
.service-right img,.service-left img{
	border-radius: 0px;
	width: 80vw;
	max-width: 900px;
	margin: 0px auto;
}

.service-note{
	font-size: 12px;
	align-items: center;
	margin-bottom: 30px;
}
.service-img_sp{
	display: block;
}
.service-img_pc{
	display: none;
}
@media only screen and (min-width:767px){
	.service-lead div{
	text-align:left;
	}
	.service-lead{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		margin-bottom: 20px;
	}
	.service-center .service-text-line .service-lead{
		margin-bottom: 20px;
	}
	.section-service h1{
		font-size: 38px;
		font-weight: 500;
		margin: 0 30px 0 0;
		border-bottom:dotted 5px #4b91b4;
	}
	.service-gradationtxt{
		margin-bottom: 0;
		font-size: 50px;
		font-weight: 1000;
	}
	.service-img_sp{
	display:none;
	}
	.service-img_pc{
	display: block;
	}
}

/*==================================
カルーセル
===================================*/
.carousel {
	position: relative;
	width: 94%;
	margin: 0px auto;
}
.carousel-viewport {
	overflow: hidden;
	touch-action: pan-y;
}
.carousel-track {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.carousel-slide {
	flex: 0 0 auto;
	width: 80vw;
}
.carousel-slide img {
	display: block;
	width: 100%;
	height: auto;
	transform: scale(0.8);
	transition: transform 1s, opacity 1s;
	opacity: .5;
}
.carousel-slide.is-center img{
	transform: scale(1);
	opacity: 1;
}

/*矢印の設定*/
.carousel-prev, .carousel-next {
	position: absolute;
	top: 42%;
	cursor: pointer;
	outline: none;
	border: none;
	background: none;
	padding: 0;
}
.carousel-prev::before, .carousel-next::before {
	content: '';
	display: block;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	height: 15px;
	width: 15px;
}
.carousel-prev {
	left: -1.5%;
}
.carousel-prev::before {
	transform: rotate(-135deg);
}
.carousel-next {
	right: -1.5%;
}
.carousel-next::before {
	transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/
.carousel-dots {
	text-align:center;
	margin:20px 0 0 0;
	padding:0;
	list-style:none;
}
.carousel-dots li {
	display:inline-block;
	margin:0 5px;
}
.carousel-dots button {
	color: transparent;
	outline: none;
	border: none;
	width:8px;
	height:8px;
	display:block;
	border-radius:50%;
	background:#ccc;
	padding:0;
	cursor:pointer;
}
.carousel-dots li.is-active button{
	background:#333;
}

@media only screen and (min-width:767px){
	.carousel {
		width:94%;
		margin:0px auto;
	}
	.carousel-slide {
		width:50vw; 
	}
}


/**  section-available **/  
.section-available{
	text-align: center;
}
.available-icon{
	margin: 0 20px;
}
.section-available span{
	font-weight: 800;
	font-size: 18px;
	color: #13764b;
}
.available-space{
	padding-bottom: 70px;
}
.section-available p{
	margin: 20px 0;
}


/**  section-faq  **/ 
.faq-text{
	font-weight: 800;
	font-size: 18px;
	color: #13764b;
	text-align: center;
}
/*==================================
アコーディオン
===================================*/
.faq-accordion_title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:1rem;
    font-weight: normal;
    padding: 3% 55px 2% 2%;
    transition: all .5s ease;
}

/*アイコンの＋と×*/
.faq-accordion_title::before,
.faq-accordion_title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #19a26f;
    
}
.faq-accordion_title::before{
    top:48%;
    right: 30px;
    transform: rotate(0deg);
    
}
.faq-accordion_title::after{    
    top:48%;
    right: 30px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
.faq-accordion_title.close::before{
	transform: rotate(45deg);
}

.faq-accordion_title.close::after{
	transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
.faq-accordion_box {
    display: none;/*はじめは非表示*/
    border-top: 2px solid #19a26f;
    background-color: #ffffff;
    padding: 3% 3% 3% 2%;
}

.faq-accordion_arrow{
    display: flex;
    color: #13764b;
	font-weight: 600;

}
.faq-accordion_arrow p{
	color: #333333;
	font-weight: 400;
}
.faq-accordion_arrow img{
    width: 45px;
    height: 45px;
    margin-top: -11px;
}

.faq-accordion_box a{
    color: #444;
    text-decoration: underline;
}
.faq-accordion_box span{
    font-weight: 800;
}


/*-- FAQアコーディオン --*/
.faq-accordion{
    list-style: none;
    width: 96%;
    max-width: 900px;
    margin:0 auto;
}

.faq-accordion li{
    margin: 30px 0;
}

.faq-accordion section {
	border: 2px solid #19a26f;
	background-color: #ddf1ea;
}

/*------------------------SP ～767px-----------------------*/
@media only screen and (max-width:767px){
	.faq-accordion_title {
    padding: 3% 55px 2% 0%;
	}
	.faq-accordion_arrow img{
		width: 30px;
		height: 30px;
		margin-top: -3px;
    }
	/*--- ×マーク ---*/
	.faq-accordion_title::before{
    top:48%;
    right: 20px;
    transform: rotate(0deg);
	}
	.faq-accordion_title::after{    
    top:48%;
    right: 20px;
    transform: rotate(90deg);
	}
}


/**  section-update **/ 
.section-update{
	text-align: center;
}
.section-update span{
	font-weight: 800;
	font-size: 18px;
	color: #13764b;
}
.section-update p{
	text-align: left;
	margin: 20px 0;
}
.contact{
	border: solid 2px #ffffff;
	border-radius: 30px;
	margin-top: 50px;
	box-shadow: 
		inset 0 0 10px #05d187,
		0 0 10px #05d187;
}
.contact img{
	width: 7%;
}
.contact-line{
	margin-top: -30px;
}

.contact-wrap{
	display: flex;
	justify-content: center;
	align-items: center;
}
.contact-wrap div{
	text-align: left;
}
.contact-wrap span{
	font-size: 14px;
	color: #333333;
}
.contact-wrap img{
	width: 30%;
	margin-left: -30px;
}
.contact-wrap h4{
	font-size: 30px;
	font-weight: 800;
	background: linear-gradient(0deg, #5db759 0%, #2995b6 50%);
	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	text-fill-color: transparent;
}
.contact hr{
	width: 80%;
  border: none;
  height: 1.5px;
  background-color: #fff; /* 芯の色（白など明るい色） */
  box-shadow: 
    0 0 5px #05d187,   /* 内側の強い光 */
    0 0 10px #05d187,  /* 外側の光 */
    0 0 20px #05d187,  /* さらに広がる光 */
    0 0 40px #05d187;  /* ぼかしの大きい光 */
}
.contact-time{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
}
@media only screen and (min-width:767px){
	.contact{
		width: 70%;
		margin: 60px auto 0 auto;
	}
	.contact img{
	width: 2%;
	}
	.contact-wrap img{
	width: 15%;
		max-width: 200px;
		margin-left: 0px;
	}
}


/** footer **/
/*----  リスクおよび手数料  -----*/
/*------------------------SP ～767px-----------------------*/
@media only screen and (max-width:767px){
    .consideration{
        background-color: #ddd;
        padding: 10% 0;
    }
    .title-consideration{
        font-size: 1.0em;
        font-weight: bold;
    }    
    .para-consideration{
        margin-bottom:0;
        width: 100%;
        line-height: 1.8em;
        font-size: 0.8em;
    }
    .copyright {
      background-color: #848484;
      padding: 45px 0;
    }
      .copyright p {
        color: #fff;
        font-size: 12px;
        text-align: center;
    }
    .disclamer {
        padding: 60px 0;
    }
    .disclamer h2 {
        font-size: 32px;
        font-weight: 700;
        color: #043492;
        text-align: center;
        margin-bottom: 60px;
    }
    .disclamer h2 span {
        border-left: 2px solid #043492;
        border-right: 2px solid #043492;
        line-height: 1;
        padding: 5px 25px;
    }
    .disclamer_box {
        background-color: #eee; }
    
}
/*-------------------PC 768px～ ---------------------------*/
@media only screen and (min-width:768px){
    .consideration{
        background-color: #ddd;
        padding: 50px 0;
    }
    .title-consideration{
        font-size: 1.0em;
        font-weight: bold;
    }    
    .para-consideration{
        margin-bottom:0;
        width: 100%;
        line-height: 1.8em;
        font-size: 0.8em;
    }
    .copyright {
      background-color: #848484;
      padding: 45px 0; }
      .copyright p {
        color: #fff;
        font-size: 12px;
        text-align: center; }
    .disclamer {
        padding: 60px 0; }
    .disclamer h2 {
        font-size: 32px;
        font-weight: 700;
        color: #043492;
        text-align: center;
        margin-bottom: 60px; }
    .disclamer h2 span {
        border-left: 2px solid #043492;
        border-right: 2px solid #043492;
        line-height: 1;
        padding: 5px 25px; }
    .disclamer_box {
        background-color: #eee; }   

}

/*------------------------ 1101px～ -------------------------*/




.fadeIn{
animation-name: fadeInAnime;
animation-duration:1.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeUp {
    animation-name: fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes fadeUpAnime{
from {
    opacity: 0;
    transform: translateY(100px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.zoomIn{
	animation-name: zoomInAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
}

@keyframes zoomInAnime{
  from {
	transform: scale(0.6);
	opacity: 0;
  }

  to {
    transform: scale(1);
	opacity: 1;
  }
}

.fadeInTrigger,
.fadeUpTrigger,
.zoomInTrigger{
opacity: 0;
}