@import url('https://fonts.googleapis.com/css2?family=Architects+Daughter&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shadows+Into+Light+Two&display=swap');
.num,.cms_title  p {font-family: 'Architects Daughter', cursive;}
.num,.cms_title  p {font-family: 'Shadows Into Light Two', cursive;}

.overlay {background: rgba(59,157,203,0.9)!important;}
.nav_menu_more:first-of-type a .icon:before {content: "\f879";}
.nav_menu_more:last-of-type{display:none;}

#main_img:before {
    /*background-color: rgba(221,153,165,0.15);*/
    background-color: rgba(70,70,70,0.2);
}

#main_img .main_img_spot1,
#main_img .main_img_spot2,
#main_img .main_img_spot3{
    display:none;
}
/*
#main_img .main_img_spot1{
    position: absolute;
    top: 0;
    left: 15%;
    z-index: 1;
    max-width: 400px;
}
#main_img .main_img_spot2{
    position: absolute;
    top: 0;
    right: 15%;
    z-index: 1;
    max-width: 400px;
}
#main_img .main_img_spot3{
    position: absolute;
    bottom: 30%;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 1;
    max-width: 200px;
}
*/

/*
#video::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(./img/dotte.png);
    background-position: left top;
    background-repeat: repeat;
    background-size: 3px auto;
    z-index: 1;
    opacity: 0.7;
}
*/
video{vertical-align: middle;}

.bound{position:relative;height: 160px;}
.bound figure{position: absolute;top:0;}
.bound figure:nth-child(1){left:0;animation: bound-anim 1.8s 0.0s infinite;}
.bound figure:nth-child(2){left:25%;animation: bound-anim 1.8s 0.3s infinite;}
.bound figure:nth-child(3){right:25%;animation: bound-anim 1.8s 0.6s infinite;}
.bound figure:nth-child(4){right:0;animation: bound-anim 1.8s 0.9s infinite;}

@keyframes bound-anim {
	0%,100% {top: 0;transform: scale(1);}
	30% {top: -25%;}
	50% {transform: scale(1);}
	90% {top: 0;transform: scale(1.1,0.9);}
}

#contents2 .num {left: 52.5%;}

.more_btn{background-color: rgba(227,227,227,0.6);}

.back1:before, .back2:before{background-color: rgba(250,239,241,0.4)!important;z-index: -1;}
.back1:after{
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(240,247,251,0.6)!important;
    z-index: -1;
}
.top main > div.back1:after{display:none;}

#info_contact .con_img {border-radius: 20% 10px;}
#info_contact .con_img:before {background-color: rgba(175,175,175,0.2);}

@media screen and (min-width:769px){

}

@media screen and (max-width: 768px){
#video{height: 500px;}
.bound {margin-top:100px;margin-bottom:50px;}
.page_title_box {width: 50%;}
}

@media screen and (max-width: 667px){
#video{height: 40vh;}
.bound {height: 80px;margin-top:50px;margin-bottom:50px;}
.page_title_box {width: 70%;}
.page_title_box h2{font-size: 20px;}
}

@media all and (-ms-high-contrast:none){
#page8 .base_btn a{padding: 13px 10px 7px;}

}