/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2025 | 22:00:50 */
@media (max-width: 500px){
	#pg-3970-0>.panel-row-style {
			height: 80vh;
	}
}

/*  -------------------------------------  */
/* ------- hero ------- */

#front-hero img{
 margin-left:0;
 margin-right:-2vh;
 margin-bottom:1px;
/* animation */
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    -ms-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible!important;
}


@-webkit-keyframes fadeInDown {
	0% {
	 	opacity: 0;
	 	-webkit-transform: translateY(-10px);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0); 
}
}
@keyframes fadeIn {
 0% {opacity: 0;}
 100% {	opacity: 1;}
}
@-webkit-keyframes fadeIn {
	0% { opacity: 0;}
	100% { opacity: 1;}
}
@keyframes fadeInDown {
 0% {
 	opacity: 0;
 	-webkit-transform: translateY(-10px);
 	-ms-transform: translateY(-10px);
 	transform: translateY(-10px); 
 }
 100% {
 	opacity: 1;
 	-webkit-transform: translateY(0);
 	-ms-transform: translateY(0);
 	transform: translateY(0);
 }
}

.so-panel.widget.widget_sow-image {
	  /* max-width:70vh; */
    display: inline-block;
    vertical-align: middle; 
	  /* 下端を揃える */

}
#hero-img-11 img{
	max-height:10vw;
	max-width:11vw;
	animation-delay: 1.0s;
}
#hero-img-21 img{
	margin-left:2vh;
	max-height:4.7vh;
	max-width:40vh;
	animation-delay: 1.0s;
}
#hero-img-31 img{
	max-height:6vh;
	max-width:10vh;
	margin-right:1vh;
	animation-delay: 1.25s;
}
#hero-img-32 img{
	max-height:20vh;
	max-width:60vh;
	animation-delay: 1.25s;
}
#hero-img-41 img{
	max-height:9.1vh;
	max-width:50vh;
	animation-delay: 1.5s;
}
#hero-img-51 img{
	max-height:7vh;
	max-width:14vh;
	animation-delay: 1.75s;
}

/* 縦長 */
@media screen and (orientation: portrait) {
	#pg-3970-0>.panel-row-style{
		background-image: url(/wp-content/uploads/2025/07/top_mobile_senkyo.png);
		background-size:cover;
		background-position:center center;
		margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
	}
	.hero-img{
		display:none;
	}
}