@charset "UTF-8";

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css");

body{
	font-family: sans-serif;
	background-color:#FFFFFF;
	color:#333333;
	font-size:14px;
	margin-bottom:-20px;
	position:relative;
}
.sticky-top{
	position: sticky;
	z-index: 999;
	top: 0px;
}

#index{
	background-color:#000000;
	color:#FFFFFF;s
}
section{
	padding:10px 20px 30px;
}
section:after{
	content:"";
	display:block;
	clear:both;
}
section h5{
	font-weight:bold;
}
.gyousya{
}
.gyousya h5{
	font-weight:bold;
}
.gyousya a{
	display:block;
	margin-bottom:10px;
	color:#333333;
	font-weight:bold;
}


.wel{
	position: fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	opacity: 0.5;
	background-image: url("../images/depositphotos_185433712-stock-photo-layers-of-digital-world.jpeg");
	background-size: cover;
}

a{
	color:#FFFFFF;
}
a:hover{
	text-decoration:none;
	color:yellow;
}
a img{
	opacity: 0.9;
}
a img:hover{
	opacity: 1.0;
}
.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}
.clear{
	clear:both;
}
hr{
	clear:both;
}
hr.dotted{
	border:2px dotted #cccccc;
}
img{
	max-width:100%;
	padding:1px;
}
.img34{
	aspect-ratio: 3 / 4;
	object-fit:cover;
}
.img35{
	aspect-ratio: 3 / 5;
	object-fit:cover;
}
.img43{
	aspect-ratio: 4 / 3;
	object-fit:cover;
}
.img53{
	aspect-ratio: 5 / 3;
	object-fit:cover;
}
.img52{
	aspect-ratio: 5 / 2;
	object-fit:cover;
}
.img143{
	aspect-ratio: 14 / 3;
	object-fit:cover;
}
.img33{
	aspect-ratio: 3 / 3;
	object-fit:cover;
	object-position: top;
}

.mado{
	position:relative;
}
.mado img{
	opacity: 0.8;
}
.mado img:hover{
	opacity: 1;
}

.top_ul{
	padding:0;
}
.top_ul li{
	line-height:1.2em;
}

#recruit p{
	background-color:#efefef;
	padding:1em;
	border-radius:1em;
	font-size:16px;
}