.crumb-block{position:absolute;z-index:2;top:0;left:0;width:100%}.area-block{padding-top:100px;padding-bottom:180px}@media only screen and (max-width: 1024px){.area-block{padding-top:50px;padding-bottom:150px}}@media only screen and (max-width: 767px){.area-block{padding:0 40px 100px}}.area-block .block-content{max-width:1020px;margin:85px auto 0}@media only screen and (max-width: 1024px){.area-block .block-content{margin-top:60px}}.area-block .each-area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width: 900px){.area-block .each-area{max-width:370px;margin:auto}}.area-block .each-area:not(:first-child){margin-top:45px}@media only screen and (max-width: 900px){.area-block .each-area:not(:first-child){margin-top:60px}}.area-block .each-area:hover .photo-box,.area-block .each-area.active .photo-box{border:1px solid #55FFD6;-webkit-box-shadow:0 0 20px 5px #55ffd6;box-shadow:0 0 20px 5px #55ffd6}.area-block .each-area:hover .photo-box .image,.area-block .each-area.active .photo-box .image{opacity:1;-webkit-transition:.8s;transition:.8s}.area-block .each-area:hover .photo-box .photo:before,.area-block .each-area.active .photo-box .photo:before{opacity:0}.area-block .each-area:hover .photo-box .photo:after,.area-block .each-area.active .photo-box .photo:after{opacity:1}.area-block .each-area:hover .photo-box .text,.area-block .each-area.active .photo-box .text{bottom:20%}@media only screen and (max-width: 767px){.area-block .each-area:hover .photo-box .text,.area-block .each-area.active .photo-box .text{bottom:15%}}@media only screen and (max-width: 900px){.area-block .each-area:nth-child(odd){-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.area-block .each-area:nth-child(odd) .text-box{padding-left:75px}@media only screen and (max-width: 900px){.area-block .each-area:nth-child(odd) .text-box{padding-left:0}}.area-block .each-area:nth-child(even){-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media only screen and (max-width: 900px){.area-block .each-area:nth-child(even){-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.area-block .each-area:nth-child(even) .text-box{text-align:right;padding-right:75px}@media only screen and (max-width: 900px){.area-block .each-area:nth-child(even) .text-box{text-align:left;padding-right:0}}.area-block .each-area .photo-box{position:relative;width:45%;max-width:430px;border-radius:10px;overflow:hidden;border:1px solid #7867FF;-webkit-box-shadow:20px 20px 10px rgba(120,103,255,.5);box-shadow:20px 20px 10px rgba(120,103,255,.502);-webkit-transition:.4s;transition:.4s}@media only screen and (max-width: 900px){.area-block .each-area .photo-box{width:100%}}@media only screen and (max-width: 767px){.area-block .each-area .photo-box{-webkit-box-shadow:15px 15px 10px rgba(120,103,255,.5);box-shadow:15px 15px 10px rgba(120,103,255,.502)}}.area-block .each-area .photo-box .photo{position:relative;z-index:1;width:100%;padding-bottom:112.8%}.area-block .each-area .photo-box .photo:before,.area-block .each-area .photo-box .photo:after{z-index:2;-webkit-transition:.4s;transition:.4s;content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%}.area-block .each-area .photo-box .photo:before{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(55%,rgba(120,103,255,.1)),to(rgba(120,103,255,.5)));background-image:linear-gradient(to bottom,rgba(120,103,255,.1) 55%,rgba(120,103,255,.5) 100%)}.area-block .each-area .photo-box .photo:after{background-image:-webkit-gradient(linear,left top,left bottom,color-stop(55%,rgba(70,241,200,.1)),to(rgba(70,241,200,.48))),-webkit-gradient(linear,left bottom,left top,from(rgba(17,17,53,.5)),to(rgba(17,17,53,.5)));background-image:linear-gradient(180deg,rgba(70,241,200,.1) 55%,rgba(70,241,200,.48) 100%),linear-gradient(0deg,rgba(17,17,53,.5),rgba(17,17,53,.5));opacity:0}.area-block .each-area .photo-box .image{z-index:1;opacity:0;-webkit-transition:opacity .4s;transition:opacity .4s}.area-block .each-area .photo-box .text{position:absolute;z-index:2;left:0;bottom:15%;padding-left:55px;padding-right:55px;-webkit-transition:bottom .4s;transition:bottom .4s}@media only screen and (max-width: 1024px){.area-block .each-area .photo-box .text{padding-left:40px;padding-right:40px;bottom:10%}}@media only screen and (max-width: 767px){.area-block .each-area .photo-box .text{padding-left:30px;padding-right:30px}}.area-block .each-area .photo-box .text .icon{width:50px}.area-block .each-area .photo-box .text .name{font-size:2.1875rem;font-weight:700;line-height:1.2;margin-top:20px}@media only screen and (max-width: 1024px){.area-block .each-area .photo-box .text .name{font-size:1.875rem}}@media only screen and (max-width: 767px){.area-block .each-area .photo-box .text .name{font-size:1.5rem;margin-top:10px}}.area-block .each-area .photo-box .text .sub-name{font-size:1.5rem;line-height:1.5;margin-top:20px}@media only screen and (max-width: 1024px){.area-block .each-area .photo-box .text .sub-name{font-size:1.375rem}}@media only screen and (max-width: 767px){.area-block .each-area .photo-box .text .sub-name{font-size:1.25rem;margin-top:10px}}.area-block .each-area .text-box{-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1}@media only screen and (max-width: 900px){.area-block .each-area .text-box{margin-top:40px}}.area-block .each-area .text-box .title{font-size:1.5rem;line-height:1.5}@media only screen and (max-width: 1024px){.area-block .each-area .text-box .title{font-size:1.375rem}}@media only screen and (max-width: 767px){.area-block .each-area .text-box .title{font-size:1.25rem}}.area-block .each-area .text-box p{font-size:.9375rem;line-height:1.8;margin-top:15px}@media only screen and (max-width: 767px){.area-block .each-area .text-box p{font-size:.875rem}}.related-block{margin-bottom:-200px}@media only screen and (max-width: 1024px){.related-block{margin-bottom:-100px}}@media only screen and (max-width: 767px){.related-block{margin-bottom:0}}.area-block .particle-left{position:absolute;left:0;top:55%;width:30%;max-width:250px}@media only screen and (max-width: 767px){.area-block .particle-left{top:80%}}.area-block .particle-left img{opacity:0}.area-block .particle-left img:not(:first-child){position:absolute;bottom:50%;left:0}.area-block .particle-left img:nth-child(1){-webkit-animation:lightUp 2s infinite alternate;animation:lightUp 2s infinite alternate}.area-block .particle-left img:nth-child(2){-webkit-animation:particle-05 4s infinite linear;animation:particle-05 4s infinite linear}.area-block .particle-left img:nth-child(3){-webkit-animation:particle-06 5s infinite linear 1s;animation:particle-06 5s infinite linear 1s}.area-block .particle-left img:nth-child(4){-webkit-animation:particle-07 6s infinite linear 2s;animation:particle-07 6s infinite linear 2s}.area-block .particle-right{position:absolute;right:0;top:20%;width:30%;max-width:250px}@media only screen and (max-width: 767px){.area-block .particle-right{top:40%}}.area-block .particle-right img{opacity:0}.area-block .particle-right img:not(:first-child){position:absolute;bottom:70%;left:0}.area-block .particle-right img:nth-child(1){-webkit-animation:lightUp 2s infinite alternate;animation:lightUp 2s infinite alternate}.area-block .particle-right img:nth-child(2){-webkit-animation:particle-08 4s infinite linear;animation:particle-08 4s infinite linear}.area-block .particle-right img:nth-child(3){-webkit-animation:particle-09 5s infinite linear 1s;animation:particle-09 5s infinite linear 1s}.area-block .particle-right img:nth-child(4){-webkit-animation:particle-10 6s infinite linear 2s;animation:particle-10 6s infinite linear 2s}.article-block .particle-left-top,.article-block .particle-left-bot{position:absolute;left:0;top:5%;width:45%;max-width:500px}@media only screen and (max-width: 767px){.article-block .particle-left-top,.article-block .particle-left-bot{width:60%}}.article-block .particle-left-top img,.article-block .particle-left-bot img{opacity:0}.article-block .particle-left-top img:not(:first-child),.article-block .particle-left-bot img:not(:first-child){position:absolute;top:0;left:0;width:100%}.article-block .particle-left-top img:nth-child(1),.article-block .particle-left-bot img:nth-child(1){-webkit-animation:particle-11 4s infinite linear;animation:particle-11 4s infinite linear}.article-block .particle-left-top img:nth-child(2),.article-block .particle-left-bot img:nth-child(2){-webkit-animation:particle-12 5s infinite linear 1s;animation:particle-12 5s infinite linear 1s}.article-block .particle-left-top img:nth-child(3),.article-block .particle-left-bot img:nth-child(3){-webkit-animation:particle-13 6s infinite linear 2s;animation:particle-13 6s infinite linear 2s}.article-block .particle-left-top img:nth-child(4),.article-block .particle-left-bot img:nth-child(4){-webkit-animation:particle-14 5s infinite linear 3s;animation:particle-14 5s infinite linear 3s}.article-block .particle-right-top,.article-block .particle-right-bot{position:absolute;right:0;top:25%;width:40%;max-width:450px}@media only screen and (max-width: 767px){.article-block .particle-right-top,.article-block .particle-right-bot{width:50%}}.article-block .particle-right-top img,.article-block .particle-right-bot img{opacity:0}.article-block .particle-right-top img:not(:first-child),.article-block .particle-right-bot img:not(:first-child){position:absolute;top:0;left:0;width:100%}.article-block .particle-right-top img:nth-child(1),.article-block .particle-right-bot img:nth-child(1){-webkit-animation:particle-15 4s infinite linear;animation:particle-15 4s infinite linear}.article-block .particle-right-top img:nth-child(2),.article-block .particle-right-bot img:nth-child(2){-webkit-animation:particle-16 5s infinite linear 1s;animation:particle-16 5s infinite linear 1s}.article-block .particle-right-top img:nth-child(3),.article-block .particle-right-bot img:nth-child(3){-webkit-animation:particle-17 6s infinite linear 2s;animation:particle-17 6s infinite linear 2s}.article-block .particle-right-top img:nth-child(4),.article-block .particle-right-bot img:nth-child(4){-webkit-animation:particle-18 5s infinite linear 3s;animation:particle-18 5s infinite linear 3s}.article-block .particle-left-bot{top:50%}.article-block .particle-right-bot{top:80%}
