@charset 'UTF-8';


/* fadeUp */

.fadeUp{
animation-name: fadeUpAnime;
animation-duration:1.3s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.js-fade {
    opacity: 0;
    visibility: hidden;
    transform: translateY(50px);
    transition: opacity 1s,visibility 1s, transform 1s;
}

.scroll {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

#container {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
	padding: 2px;
}

#container img {
	width: calc(33.3% - 4px);
}

@media (max-width: 600px) {
	#container img {
		width: calc(50% - 2px);
	}
}

#step {
	width: 100%;
	display: flex;
        justify-content: center;
      margin: 0 auto;
      margin-bottom: 1rem;
	flex-wrap: wrap;
	padding: 3rem;
        background: #eceddd;
}

#step img {
	width: calc(25% - 4px);
	padding: 1rem;
}

@media (max-width: 600px) {
	#step {
		width: 100%;
		display: flex;
	        padding: 1rem;
	}
	#step img {
		width: 33%;
	     padding: 0.1rem;
	}
}

#point_icon {
	width: 100%;
	display: flex;
        justify-content: center;
      margin-bottom: 1rem;
	flex-wrap: wrap;
        background: #000;
}

#point_icon img {
	width: calc(48% - 4px);
	margin: 10px;
	box-shadow: 5px 5px 5px #222;
}

@media (max-width: 600px) {
	#point_icon {
	        padding: 1rem;
	}
	#point_icon img {
		width: 100%;
	    padding: 0rem;
	}
}

#navi_link {
	width: 70%;
	display: flex;
        justify-content: center;
      margin: 0 auto;
      margin-bottom: 1rem;
	flex-wrap: wrap;
	padding: 2rem;
        background: #000;
}

#navi_link a.btn_01 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 20%;
	margin: auto;
	padding: 0.8rem 1rem;
	font-weight: 700;
	border: 0px solid #fff;
	color: #fff;
	transition: 0.5s;
}
#navi_link a.btn_01:hover {
	color: #888;
	background: #000;
}

@media (max-width: 750px) {
	#navi_link {
		width: 100%;
		display: flex;
	}
	#navi_link a.btn_01 {
        font-size: 0.8rem;
	width: 45%;
	margin: 1rem auto;
}
}