@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');

@import url('https://fonts.googleapis.com/css2?f&family=Zen+Maru+Gothic:wght@300;400;500;700&display=swap');



/* ==============================================
setting
============================================== */

#checktool *{
margin:0;
padding:0;
box-sizing: border-box;
}
#checktool h1,#checktool h2,#checktool h3,#checktool h4,#checktool h5,#checktool p,#checktool li,#checktool input{
font-family: 'Roboto','Noto Sans JP', sans-serif;
font-size: 12px;
line-height: 18px;
letter-spacing: 0.4px;
font-weight: 500;
margin:0;
color:#363636;
}
#checktool img{
width: 100%;
height: auto;
border:none;
vertical-align:middle;
}
#checktool ul{
list-style:none;
}
#checktool ul:after{
content:".";
clear:both;
height:0;
display:block;
visibility:hidden;
}
#checktool a{
color:#363636;
text-decoration:none;
}
#checktool .pc{
display:none!important;
}
@media screen and (min-width:750px) {
#checktool .sp{
display:none!important;
}
}
    
 /* selectの見た目変更*/   
select {
  color: #666;             
  background-color: #fff; 
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.5em 1em;
  font-size: 16px;
}

/* ==============================================
#checktool
============================================== */

#checktool{
max-width:700px;
margin: 0 auto;
}
#checktool .checktool-inner{

}



/* ==============================================
#checktool #hero
============================================== */

#checktool #hero{
background: url("../images/chk_hr_bgimg.png")no-repeat;
background-size: 100%;
padding:40px 0 0 0;
}
#checktool #hero h1{
margin: 0 auto 10px auto;
font-size:clamp(20px, 5.6vw, 44px);
line-height: clamp(32px, 6.0vw, 52px);
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
text-align: center;
}
#checktool #hero h1 span{
font-size:clamp(20px, 5.3vw, 42px);
line-height: clamp(32px, 6.0vw, 52px);
font-weight: 500;
font-family: "Zen Maru Gothic", sans-serif;
}

#checktool #hero p{
font-size:14px;
line-height: 24px;
font-weight: 400;
margin:10px 30px 40px 30px;
}




/* ==============================================
#checktool #index
============================================== */

#checktool #index{
border: solid 1px #e4e4e4;
margin:0 30px;
padding:10px 0;
position: relative;
}
#checktool #index h2{
font-size:14px;
line-height: 24px;
text-align: center;

}
#checktool #index h2 span{
font-size:12px;
line-height: 24px;
text-align: center;
}
#checktool #index .checktool-inner .accordion-button{
height: 38px;
width: 100%;
position: absolute;
background: none;
top:0;
left: 0;
z-index: 1;
}

#checktool #index .checktool-inner .accordion{
max-height: 60px; /* 閉じてる時の高さ */
overflow: hidden;
transition: max-height 0.4s ease;
}
#checktool #index .checktool-inner .accordion::before{
content: '';
width: 20px;
height: 20px;
background: url("../images/chk_in_btn_pl.png")no-repeat;
background-size:20px 20px;
background-position:95% 60%;
position: absolute;
top:8px;
right:10px;
}
#checktool #index .checktool-inner .accordion.open::before{
content: '';
width: 20px;
height: 20px;
background: url("../images/chk_in_btn_mn.png")no-repeat;
background-size:20px 20px;
background-position:95% 60%;
position: absolute;
top:8px;
right:10px;
}
#checktool #index .checktool-inner .accordion::after{
content: '';
width: 100%;
height: 30px;
background-image: linear-gradient(to top, white 40%, transparent 100%);
z-index:1;
position: absolute;
bottom:0;
left: 0;
}
#checktool #index .checktool-inner .accordion.open{
max-height: 150px; /* 開く時の高さ */
overflow: hidden;
transition: max-height 0.4s ease;
}
#checktool #index .checktool-inner .accordion.open::after{
background: none;
}
#checktool #index .checktool-inner .accordion ul{
margin: 0 20px;
}
#checktool #index .checktool-inner .accordion.open ul{
margin: 0 20px;
}

#checktool #index .checktool-inner .accordion ul li{
margin:8px 0;
font-weight: 500;
}
#checktool #index .checktool-inner .accordion ul li a{
text-decoration: underline;
background: #fff url("../images/chk_in_arw.png")no-repeat;
background-size:20px 20px;
background-position:0% 50%;
padding:0 0 0 20px;
display: block;
}

/* ==============================================
#checktool #check
============================================== */

#checktool #check{
/*max-width: 375px;*/
margin: auto;
}
#checktool #check .checktool-inner{
padding: 0 30px;
}
#checktool #check .checktool-inner h2{
font-size: 18px;
line-height: 24px;
letter-spacing: 0.8px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 700;
text-align:left;
padding: 32px 0 0 0;
}
#checktool #check .checktool-inner h2 + p{
font-size: 12px;
line-height: 18px;
letter-spacing: 0.4px;
font-weight: 500;
margin: 12px 0 0 0;
}



#checktool #check .checktool-inner #tab{
margin: 20px 0 0 0;
}
#checktool #check .checktool-inner #tab ul{
}
#checktool #check .checktool-inner #tab ul li{
float: left;
width: calc(50% - 2px);
margin: 0 4px 0 0;
}
#checktool #check .checktool-inner #tab ul li:nth-child(2){
margin: 0;
}
#checktool #check .checktool-inner #tab ul li a{
text-align: center;
display: block;
background: #ef858c;
height: 76px;
padding: 28px 0 0 0;
border-radius: 16px 16px 0 0;
font-family: "Zen Maru Gothic", sans-serif;
font-size:18px;
line-height: 24px;
}

#checktool #check .checktool-inner #tab ul li.select a{
display: block;
background: #ef858c;
color: #fff;
}
#checktool #check .checktool-inner #tab ul .food a{
background: #ef858c url("../images/chk_chk_food_icon.png")no-repeat;
background-size:40px;
background-position:15% 50%;
color: #fff;
padding:28px 0 0 30px;
}
#checktool #check .checktool-inner #tab ul .food.select a{
background: #ffe6e6 url("../images/chk_chk_food_icon_sc.png")no-repeat;
background-size:40px;
background-position:15% 50%;
color: #ff878c;
padding:28px 0 0 30px;
position: relative;
}
#checktool #check .checktool-inner #tab ul .drink a{
background: #16aaff url("../images/chk_chk_drnk_icon.png")no-repeat;
background-size:55px;
background-position:15% 50%;
padding:28px 0 0 40px;
color: #fff;
}
#checktool #check .checktool-inner #tab ul .drink.select a{
background: #e2f4ff url("../images/chk_chk_drnk_icon_sc.png")no-repeat;
background-size:55px;
background-position:15% 50%;
padding:28px 0 0 40px;
color: #16aaff;
}

#checktool #check .checktool-inner #tab ul li a img{
}



#checktool #check .checktool-inner .tab-inner{
}
#checktool #check .checktool-inner .tab-inner.off{
display: none;
}
#checktool #check .checktool-inner .tab-inner .search{
background: #ffe6e6;
border-radius: 0 0 16px 16px;
padding: 0 16px 18px 16px;
}
#checktool #check .checktool-inner #category-02.tab-inner .search{
background: #e2f4ff;
}
#checktool #check .checktool-inner .tab-inner .search h3{
font-size: 12px;
line-height: 18px;
letter-spacing: 0.8px;
font-weight: 400;
padding: 12px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .search ul{
margin: 8px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .search ul li{
display: inline-block;
margin:3px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .search ul li a{
font-size: 12px;
line-height: 18px;
letter-spacing: 0.4px;
font-weight: 400;
display: block;
height: 24px;
border:solid 1px #ef858c;
border-radius: 12px;
background: #fff;
padding: 2px 8px 0 8px;
}
#checktool #check .checktool-inner #category-02.tab-inner .search ul li a{
border:solid 1px #16aaff;
}
#checktool #check .checktool-inner .tab-inner .search select{
font-size: 16px;
line-height: 22px;
letter-spacing: 0.4px;
font-weight: 500;
width: 100%;
height: 36px;
margin: 16px 0 0 0;
padding: 0 0 0 8px;
}
#checktool #check .checktool-inner .tab-inner .result{
background: #fff4f4;
border-radius: 16px;
margin:40px 0 0 0;
padding: 0 16px 18px 16px;
position: relative;
animation: fadeIn 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#checktool #check .checktool-inner .tab-inner .result::before{
content: '';
background: url("../images/chk_chk_rs_arw.png")no-repeat;
background-size:100%;
max-width:400px;
width:100%;
height:100px;
position: absolute;
top:-30px;
left:0;
right:0;
margin:0 auto;
animation: fade 0.7s ease forwards;
}
@keyframes fade {
  0% {
    opacity: 0;
    top:-50px;
left:0;
  }
  100% {
    opacity: 1;
   top:-30px;
left:0;
  }
}
#checktool #check .checktool-inner .tab-inner .result h3{
font-size: 12px;
line-height: 18px;
letter-spacing: 0.8px;
font-weight: 500;
padding: 24px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .result h3 strong{
font-size: 17px;
line-height: 23px;
letter-spacing: 0.8px;
font-weight: 700;
display: table;
margin: 4px 0 0 0;
padding: 0 0 4px 0;
border-bottom: 1px solid #5b5959;
}
#checktool #check .checktool-inner .tab-inner .result ul{
margin: 24px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .result ul li{
float: left;
width: calc(33.33333% - 2.66666px);
margin: 0 4px 0 0;
}
#checktool #check .checktool-inner .tab-inner .result ul li:nth-child(3){
margin: 0;
}
#checktool #check .checktool-inner .tab-inner .result ul li img{
}
#checktool #check .checktool-inner .tab-inner .result p{
text-align: center;
margin: 16px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .result p img{
width: 184px;
}
#checktool #check .checktool-inner .tab-inner .result .button{
margin: 16px 0 0 0;
}
#checktool #check .checktool-inner .tab-inner .result .button a{
font-size: 14px;
line-height: 20px;
letter-spacing: 0.8px;
font-weight: 700;
text-align: center;
display: block;
height: 44px;
border-radius: 22px;
background: #ffc4c4 url("../images/chk_app_btn_aro.png")no-repeat;
background-size:33px;
background-position:95% 50%;
padding: 12px 0 0 0;
}

/* ==============================================
#checktool #request
============================================== */

#checktool #request{
margin:40px 0 0 0;
}

#checktool #request .checktool-inner{
background: #f8f8f8;
margin:20px 30px;
padding:0 20px 20px 20px;
border-radius:30px;
}
#checktool #request .checktool-inner h2{
text-align: center;
font-size: 16px;
line-height: 24px;
font-weight: 700;
font-family: "Zen Maru Gothic", sans-serif;
padding:40px 0 20px 0;
position: relative;
}
#checktool #request .checktool-inner h2::before{
 content: '';
background: url("../images/chk_rq_icon.png")no-repeat;
background-size: cover;
width: 38px;
height: 46px;
position: absolute;
top:-20px;
left:0;
right: 0;
margin: 0 auto;
}
#checktool #request .checktool-inner h2 span{
color: #fe4747;
}
#checktool #request .checktool-inner h2 img{
}
#checktool #request .checktool-inner .button{
margin:0 0 20px 0;
}
#checktool #request .checktool-inner .button a{
font-size: 14px;
line-height: 20px;
letter-spacing: 0.8px;
font-weight: 700;
text-align: center;
display: block;
height: 44px;
border-radius: 22px;
background: #ffc4c4 url("../images/chk_app_btn_aro.png")no-repeat;
background-size:33px;
background-position:95% 50%;
padding: 12px 0 0 0;
}
#checktool #request .checktool-inner p{
font-size: 12px;
line-height: 20px;
letter-spacing: 0.8px;
font-weight: 400;
}




/* ==============================================
#checktool #apps
============================================== */

#checktool #apps{
}
#checktool #apps{
background: #fff6e9;
padding:40px 0;
}
#checktool #apps h4{
margin:20px 0 0 0;
}
#checktool #apps .banner{
margin:0 3%;
padding:20px 0 30px 0;
background: #fff;
border-radius:20px;
}
#checktool #apps .banner img{
border-radius:30px;
}
#checktool #apps .app_ttl{
padding:20px 0 10px 0;
}
#checktool #apps .button a{
display: block;
background: #ff9595 url("../images/chk_app_btn_aro.png")no-repeat;
background-size:33px;
background-position:95% 50%;
width: 80%;
padding:16px 20px 16px 20px;
margin:0 auto;
text-align: center;
font-size: 16px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 600;
color: #fff;
border-radius:60px;
box-shadow: 0px 5px 1px #be7979;
}
#checktool #apps .checktool-inner .coment_box{
margin:20px 3% 0 2%;
padding:0 5%;
border: solid 1px #ffc4c4;
border-radius:20px;
position: relative;
background:#fff;
}
#checktool #apps .coment_box::after{
content: '';
width: 90%;
height: 38px;
position: absolute;
margin: 0 auto;
bottom:0;
background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);
z-index:1;
}
#checktool #apps .coment_box .name{
margin:20px 0 0 0;
}
#checktool #apps .coment_box .name span img{
width:36px;
}
#checktool #apps .coment_box .coment{
height:80px;
overflow: hidden;
}
#checktool #apps .coment_box .coment_link{
position: absolute;
bottom:3px;
right:5%;
z-index:2;
}
#checktool #apps .coment_box .coment_link a{
text-decoration: underline;
text-align: right;
}

#checktool #apps .coment_box .coment_icon{
display: flex;
justify-content: flex-end;
padding:0 5px 5px 0;
}
#checktool #apps .coment_box p{
margin:0 10px 0 0;
}
#checktool #apps .coment_box .coment_icon span img{
width:20px;
margin:0 5px 0 0;
}


/* ==============================================
#checktool #profile
============================================== */

#checktool #profile{
}
#checktool #profile{
padding:40px 0 0 0;
}
#checktool #profile h2{
padding:0 0 20px 20px;
font-size: 16px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 600;
}
#checktool #profile div{
position: relative;
padding:0 0 0 0;
}
#checktool #profile div h3{
font-size: 18px;
line-height: 24px;
font-family: "Zen Maru Gothic", sans-serif;
font-weight: 600;
padding:0 0 10px 150px;
}

#checktool #profile p{
font-size: 12px;
line-height:18px;
padding:0 0 10px 150px;
}
#checktool #profile div figure{
width:110px;
position: absolute;
top:0;
left:20px;
}

#checktool #profile .profile_ttl{
font-size: 12px;
line-height:18px;
font-weight: 400;
padding:5px 10px 5px 10px;
margin:0 20px;
background: #ffdcdc;
}

#checktool #profile div .profile_text{
 font-size: 12px;
line-height:18px;
font-weight: 400;
padding:10px 20px 0px 20px;   
}
#checktool #profile ul{
background: #f6f6f6;
padding:20px 20px 10px 20px;
margin:20px 20px;
}
#checktool #profile ul li{
margin:0 0 10px 0;
}
#checktool #profile ul li a{
text-decoration: underline;
}


/* ==============================================
#checktool #point
============================================== */

#checktool #point{
}

#checktool #point p{
margin:20px 30px;
}

/* ==============================================
#checktool #point-01
============================================== */

#checktool #point-01{
}

#checktool #point-01 h4{
font-size: 18px;
line-height: 24px;
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
margin:40px 30px 10px 60px;
position: relative;
}
#checktool #point-01 h4::before{
content: '';
background: url("../images/chk_pnt_icon.gif")no-repeat;
background-size: cover;
width: 20px;
height: 18px;
position: absolute;
top:5px;
left:-30px;
}

#checktool #point-01 .memo{
background:#d9f1ff;
border:solid #29b1ff 1px;
border-radius:10px;
margin:10px 30px 0 30px;
padding:15px 20px;
}
#checktool #point-01 .memo h5{
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 14px;
line-height: 24px;
margin:0 0 5px 0;
}
#checktool #point-01 .memo h5::before{
content: '⚫︎';
font-size: 20px;
line-height: 20px;
font-family: "Zen Maru Gothic", sans-serif;
color: #29b1ff;
vertical-align:text-top;
}
#checktool #point-01 .memo p{
margin:0;
}


/* ==============================================
#checktool #point-02
============================================== */

#checktool #point-02 h3{
margin:40px 0 0 0;
}
/*.red */
#checktool #point-02 .red h4{
font-size: 18px;
line-height: 24px;
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
margin:40px 30px 30px 60px;
position: relative;
}
#checktool #point-02 .red h4::before{
content: '';
background: url("../images/chk_pnt_ctb_icon.png")no-repeat;
background-size: cover;
width: 20px;
height: 18px;
position: absolute;
top:5px;
left:-30px;
}

/*.red　ng */
#checktool #point-02 .red .ng{
padding:15px 0px 5px 0;
margin:0 20px;
border-radius:14px;
background:#ffe6e6;
position: relative;

}
#checktool #point-02 .red .ng::before{
content:'';
background:url("../images/chk_pnt_ctb_img.png")no-repeat;
background-size: cover;
width:84px;
height:27px;
top:-10px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
#checktool #point-02 .red .ng p{
padding:10px 20px;
margin: 0;
}
#checktool #point-02 .red .ng .memo{
background:#fff;
border-radius:10px;
margin: 0 5px;
padding:15px 20px;
border:none;
}

#checktool #point-02 .red .ng .memo h5{
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 14px;
line-height: 24px;
color:#ff2c82;
margin:0 0 5px 0;
}
#checktool #point-02 .red .ng .memo h5::before{
content: '⚫︎';
font-size: 24px;
line-height: 24px;
font-family: "Zen Maru Gothic", sans-serif;
color: #ff2c82;
vertical-align:text-top;
}
#checktool #point-02 .red .ng .memo p{
padding:0;
margin: 0;
}

/*.yellow */
#checktool #point-02 .yellow h4{
font-size: 18px;
line-height: 24px;
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
margin:40px 30px 30px 60px;
position: relative;
}
#checktool #point-02 .yellow h4::before{
content: '';
background: url("../images/chk_pnt_ctc_icon.png")no-repeat;
background-size: cover;
width: 20px;
height: 18px;
position: absolute;
top:5px;
left:-30px;
}

/*.yellow .caution */
#checktool #point-02 .yellow .caution{
padding:15px 0px 5px 0;
margin:0 20px;
border-radius:14px;
background:#ffe88b;
position: relative;

}
#checktool #point-02 .yellow .caution::before{
content:'';
background:url("../images/chk_pnt_ctc_img.png")no-repeat;
background-size: cover;
width:195px;
height:27px;
top:-10px;
left: 0;
right: 0;
margin: 0 auto;
position: absolute;
}
#checktool #point-02 .yellow .caution p{
padding:10px 20px;
margin: 0;
}
#checktool #point-02 .yellow .caution .memo{
background:#fff;
border-radius:10px;
margin: 0 5px;
padding:15px 20px;
border:none;
}

#checktool #point-02 .yellow .caution .memo h5{
font-weight: 600;
font-family: "Zen Maru Gothic", sans-serif;
font-size: 14px;
line-height: 24px;
color:#ff762c;
margin:0 0 5px 0;
}
#checktool #point-02 .yellow .caution .memo h5::before{
content: '⚫︎';
font-size: 24px;
line-height: 24px;
font-family: "Zen Maru Gothic", sans-serif;
color: #ff762c;
vertical-align:text-top;
}
#checktool #point-02 .yellow .caution .memo p{
padding:0;
margin: 0;
}


/*#checktool #point .link*/

#checktool #point .link h3{
margin:0 20px;
}
#checktool #point .link .link_btn{
border: solid 1px #e4e4e4;
position: relative;
padding:0 10px 8px 10px;
margin:0 10px;
}

#checktool #point .link h4{
font-size: 16px;
line-height: 24px;
padding:16px 0 0 136px;
height: 66px;
overflow: hidden;
}
#checktool #point .link p{
padding:8px 0 0 136px;
margin: 0;
height: 60px;
overflow: hidden;
}
#checktool #point .link figure{
width:120px;
height:120px;
margin:8px;
position: absolute;
top:0;
left: 0;
}
#checktool #point .link figure img{
object-fit: cover;
object-position: center center;
}



/* ==============================================
#checktool #okng
============================================== */

#checktool #okng{
margin:40px 0 0 0;
}
#checktool #okng h2{
margin:0 0 20px 0;
}

#checktool #okng #okng-01{
font-family: "Zen Maru Gothic", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #fff;
padding:8px 20px 8px 40px;
margin:0 20px;
background: #fa9090;
border-radius:30px;
position: relative;
}
#checktool #okng #okng-01::before{
content: '';
background: url("../images/chk_on_fdicon.png")no-repeat;
background-size: cover;
width: 28px;
height: 28px;
position: absolute;
top:8px;
left:10px;
}

#checktool #okng h4{
font-size: 16px;
line-height: 24px;
padding:20px 10px 10px 10px;
}
#checktool #okng h4 img{
width:50px;
}

#checktool #okng ul{
}
#checktool #okng ul li{
padding:10px 10px 10px 20px;
border-top:  solid 1px #e4e4e4;
background: url("../images/chk_on_arw.png")no-repeat;
background-size:20px 20px;
background-position:99% 50%;
}
#checktool #okng ul .arrow_none{
padding:10px 10px 10px 20px;
border-top:  solid 1px #e4e4e4;
background: none;
background-size:20px 20px;
background-position:99% 50%;
}
#checktool #okng ul .arrow_none a{
pointer-events: none;
}
#checktool #okng ul li:last-child{
border-top:  solid 1px #e4e4e4;
border-bottom:  solid 1px #e4e4e4;
}
#checktool #okng ul li a{
display: block;
}


#checktool #okng #okng-02{
font-family: "Zen Maru Gothic", sans-serif;
font-size: 16px;
line-height: 24px;
font-weight: 600;
color: #fff;
padding:8px 20px 8px 50px;
margin:20px 20px ;
background: #16aaff;
border-radius:30px;
position: relative;
}

#checktool #okng #okng-02::before{
content: '';
background: url("../images/chk_on_dricon.png")no-repeat;
background-size: cover;
width: 33px;
height: 28px;
position: absolute;
top:8px;
left:13px;
}



/* ==============================================
#Additional from js
============================================== */
#select-01-02.init,
#select-02-02.init{
	display:none;
}

#category-01 .result.init,
#category-02 .result.init{
	display:none;
}

/* ==============================================
#animetion js
============================================== */

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}



@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}