@charset "UTF-8";
.col-xl-3.col-sm-6.col-lg-3 .menu {
	color: #FFFFFF;
}
.container.base {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px;
	padding-right: 0px;
	margin-top: 10px;
}
.navbar.navbar-expand-lg.navbar-light {
	background-color: #D6FFDD;
}
.container.base .row.menu {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #1A7B00;
	text-shadow: 0px 0px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
}
.container.base h1 {
	text-align: center;
	font-family: Osaka-mono, "MS Gothic", monospace;
}


a.jump_point {height: 1px;
display: block;
padding-top: 130px;
margin-top: -130px;
}

.container.base .container.greetingtitle {
	text-align: center;
	margin-top: 20px;
	background-color: #FAF299;
	margin-bottom: 0px;
	font-family: Osaka-mono, "MS Gothic", monospace;
}
.container.base .row.greeting {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
.row.greeting .col-xl-2.col-lg-3.col-md-12  {
	text-align: center;
}
.img-fluid.greetingpicture {
	height: 150px;
}
.row.greeting .col-xl-12 .greetingmozi {
	font-size: medium;
	line-height: 2rem;
	margin-top: 10px;
}
.container.base .row.biomass {
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0pt;
}
.container.base .row.biomass {
	margin-top: 30px;
}
.container.base .row.biomass .picture01.col-xl-2.icon10 {
	margin-bottom: auto;
	margin-top: auto;
}
.container.base .row.biomass .picture03.col-xl-2.icon10 {
	margin-bottom: auto;
	margin-top: auto;
}
.row.biomass .col-xl-12 .biomass.mozi {
	line-height: 2rem;
	margin-top: 10px;
}
.container.base .row.map {
    margin-top: 50px;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
}
.row.map .col-xl-6.map {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 30%;
}
.row.map .col-xl-6.map iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.row.map .col-xl-6.address {
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
}
.container.base h2 {
	text-align: center;
	margin-top: 30px;
	color: #6AA84F;
	font-family: Osaka-mono, "MS Gothic", monospace;
}
.container.base .row.enterprise {
	margin-top: 50px;
}
.row.enterprise .col-xl-6.col-lg-6 .title {
	text-align: left;
}
.row.enterprise .col-xl-6.col-lg-6 p {
	font-size: medium;
}
.container.base .title {
	margin-top: 50px;
	text-shadow: 0px 0px;
	text-align: center;
	color: #6AA84F;
}
.container.base .day {
	text-align: right;
	line-height: 2rem;
	margin-bottom: 20px;
}
.container.base .img-fluid.card {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	-webkit-box-shadow: 10px 10px 10px #6AA84F;
	box-shadow: 10px 10px 10px #6AA84F;
}
.container.base .row.course {
	border: 3px double #6AA84F;
	margin-top: 30px;
	padding-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}
.col-xl-6.course.col-lg-6 .img-fluid.course {
	margin-top: 10px;
	margin-bottom: 10px;
}
.container.base .row.course .col-xl-6.course {
	text-align: center;
}
.container.base .meisyou {
    margin-top: 10px;
    margin-bottom: 10px;
}

@media (max-width: 991px){
.container.base h1 {
	text-align: center;
	font-family: Osaka-mono, "MS Gothic", monospace;
	font-size: x-large;
}
.container.base .row.greeting .col-xl-2.col-lg-3.col-md-12 {
	text-align: center;
}
}

@media (max-width: 767px){
.navbar.navbar-expand-lg.navbar-light.sticky-top a .img-fluid {
	width: 300px;
}
.container.base h1 {
	font-size: medium;
	font-weight: bold;
}
.container.greetingtitle h3 {
	font-size: medium;
}
.container.base .row.greeting .col-xl-3.col-md-5.col-lg-4 {
	text-align: center;
}
.row.greeting .col-xl-3.col-md-5.col-lg-4 .img-fluid.greetingpicture {
	width: 200px;
}
.row.map .col-xl-6.address.col-lg-6.col-md-6 .address {
	margin-top: 30px;
	font-weight: bold;
}
.row.map .col-xl-6.address.col-lg-6.col-md-6 .address {
	font-size: medium;
	font-style: oblique;
}
}

@media (max-width: 575px){
.navbar.navbar-expand-lg.navbar-light.sticky-top a .img-fluid {
	width: 250px;
}
.container.base .row.greeting .col-xl-3.col-md-5.col-lg-4 {
	text-align: center;
}
.row.greeting .col-xl-3.col-md-5.col-lg-4 .img-fluid.greetingpicture {
	width: 200px;
}
.row.map .col-xl-6.address.col-lg-6.col-md-6 .address {
	margin-top: 30px;
}
}
.SDGs {
}
.container-fluid.sf {
    text-align: center;
    margin-top: 0px;
}
.watanabe {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.tourokukatawaku {
	font-size: medium;
	line-height: 2rem;
	margin-top: 10px;
}
.name {
    text-align: center;
}



.hover-link-image {
  display: inline-block;
  overflow: hidden;
  border-radius: 8px; /* お好みで角丸 */
}

.hover-link-image img {
  display: block;
  width: 100%; /* 必要に応じて幅を指定 */
  height: auto;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-link-image:hover img {
  transform: translate(-10px, -10px); /* 左上方向へ移動 */
  box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.3); /* 右下に影を付けて立体感 */
}





.video-section {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  margin: 0 auto;
}

.responsive-video {
  width: 100%;
  height: auto;
  display: block;
}