.sdgs{}



.about{
	margin-bottom: 5.625em;
}
.about-header{
	padding-top: 3em;
	padding-bottom: 3em;
	background-color: #FFFFFF;
}
.about-header__fig{
	margin-bottom: 1em;
	/*margin-bottom: 3em;*/
	display: table;
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
}
.about-header__logo{
	max-width: 100%;
}
@media (max-width: 768px){
	.about-header__logo{
		max-width: 100%;
	}
	.about-header{
	padding-top: 2em;
	padding-bottom: 2em;

}
}
.about-header__title{
	font-size: 1.5625em;
	font-weight: normal;
	color:#FF6666;
	
	margin: 0;
	padding: 0;
	
	margin-bottom: .5em;
	text-align:center;
}
.about-header__note{
	margin: 0 auto 2em auto;
	padding: 0;
	
	font-size: 1em;
	width:85%;
}
.about-group:not(:last-child):after{
	content: "";
	display: block;
	
	margin-top: 4.375em;
	margin-bottom: 4.375em;
}
.about-group__header{
	font-size: 1.5625em;
	font-weight: bold;
	text-align: center;
	
	color: #AE8C4F;
	
	margin-top: 2.75em;
	margin-bottom: 2.75em;
}
.about-group__logo{
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
.about-list{
	margin: 0;
	padding: 0;
	list-style: none;
}
.about-list__item{
	
}
.about-list__item:not(:last-child){
	border-bottom: 1px solid #DEDEDE;
	
	margin-bottom: 2.75em;
	padding-bottom: 2.75em;
}
.about-list__photo{}
@media (max-width: 768px){
	.about-list__photo{
		margin-bottom: 1em;
	}
}

.about-item__photo{
	width: 100%;
}
.about-list__body{}
.about-item__title{
	margin: 0;
	padding: 0;
	margin-top: 3%;
	margin-bottom: .5em;
	
	
	font-size: 1.25em;
	
	
}
.about-item__note{
	margin: 0;
	padding: 0;
}
.about-icon{
	margin: 0;
	padding: 0;
	list-style: none;
	
	display: flex;
	flex-wrap: wrap;
	
	margin-top: 1em;
	margin-left: -1em;
	margin-bottom: -1em;
}
.about-icon__item{
	margin-left: 1em;
	margin-bottom: 1em;
}
.about-icon__data{
	max-width: 100%;
	min-width: 100px;
}

@media (min-width: 769px){
	.about-list__item{
display: flex;
 flex-wrap: wrap;
 width: 100%;	}
	.about-list__photo{
width: 50%;
 border: 1px solid white;
 box-sizing: border-box;		/*flex: 0 0 40%;
		margin-right: 3em;*/
	}
	.about-list__body{
		flex: 1 1 auto;
	}
}
@media (max-width: 768px){
	.about-icon{
		justify-content: center;
	}
}




.vision{
	background-color: #EEEBDF;
	
	padding-top: 5.625em;
	padding-bottom: 5.625em;
}
.vision-header{
	margin-bottom: 5.625em;
	
	position: relative;
	z-index: 0;
	
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
}
.vision-header__inner,
.vision-header__bg{
	grid-column: 1;
	grid-row: 1;
	
	align-self: center;
	justify-self: center;
}
.vision-header__bg{
	z-index: -1;
	opacity: .3;
	
	text-align: center;
}
.vision-header__icon{
	max-width: 100%;
}
@media (max-width: 768px){
	.vision-header__icon{
		max-width: 60%;
	}
}

.vision-header__title1{
	font-size: 4.625em;
	line-height: 1em;
	text-align: center;
	
	margin: 0;
	padding: 0;
}
.vision-header__title2{
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	text-align: center;
	
	margin: 0;
	padding: 0;
}
.vision-header__title1 + .vision-header__title2{
	margin-top: .5em;
}
.vision-header__note{
	font-size: 1.125em;
}
.vision-header__title2 + .vision-header__note{
	margin-top: 2em;
}
.vision-list{}
.vision-list__items{
	margin: 0;
	padding: 0;
	list-style: none;
}
.vision-list__item{
	margin-bottom: 2.75em;
}
.vision-photo{
	margin-bottom: 1em;
}
.vision-photo__data{
	width: 100%;
}
.vision-item__title{
	font-size: 1.25em;
	
	margin: 0;
	padding: 0;
	
	margin-top: .5em;
	margin-bottom: .5em;
}
.vision-item__note{
	margin: 0;
	padding: 0;
	
	flex: 1 1 auto;
}
.vision-icon{
	display: flex;
}
.vision-icon__items{
	margin: 0;
	padding: 0;
	list-style: none;
	
	flex: 0 0 auto;
	max-width: 24%;
	
	margin-left: 1em;
}
.vision-icon__item{}
.vision-item__icon{
	max-width: 100%;
}

@media (min-width: 769px){
	.vision-list__items{
		display: flex;
		flex-wrap: wrap;
		
		margin-left: -7%;
	}
	.vision-list__item{
		box-sizing: border-box;		
		flex: 0 0 43%;
		
		margin-left: 7%;
	}
}
@media (max-width: 768px){}


.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}



		.fadein {
			opacity : 0.1;
			transform : translate(0px, 100px);
			transition : all 1000ms;
			}
		.fadein.scrollin {
			opacity : 1;
			transform : translate(0px, 0px);
			}
		.red{ color:#CC0000;}
		.bg-gray{
			border-top:1px solid #DEDEDE;
			border-bottom:1px solid #DEDEDE;
			padding:2%;
			}
		.p0{ font-size:0.85em;}
		.hotel-list a{
			display:inline-block;
			margin:1%;
			padding:1%;
			background-color:#FF9900;
			color:#FFFFFF;
			text-decoration:none;
			border-radius:5px;
			}
		.hotel-list a:hover{
			background-color:#DEDEDE;
			color:#000000;
			}
		.hotel-list a.blue{
			display:inline-block;
			margin:1%;
			padding:1%;
			background:#6699CC;
			color:#FFFFFF;
			text-decoration:none;
			border-radius:5px;
			}
		.hotel-list a.blue:hover{
			background:#DEDEDE;
			color:#000000;
			}
		ul#num li{
			list-style:decimal;
			border-bottom:1px dotted #999999;
			padding-bottom:2%;
			padding-top:2%;
			font-size:1em;
			list-style-position:inside;
			}
		.sitewidth2 img{
			width:100%;
			}
	.moviebg{ background:#E6E1CE;}
	.moviebg2{ background:#FFFFFF;}
	.movie{width:70%; margin:5% auto;}
	video{
		width:100%;
		/*border:1px solid #CCCCCC;*/
		}
	@media (max-width: 768px){
		.hotel-list a{
			display:block;
			margin:1%;
			padding:2%;
			width:94%;
			}
		.hotel-list a.blue{
			display:block;
			margin:1%;
			padding:2%;
			width:94%;
			}
	.movie{width:90%; margin:2% auto;}
	video{
		width:100%;
		border:none;
		}
	}
	h2{ font-weight:normal; text-align:center; margin:5% 0 0 0;
		position: relative;
  padding: 0.75em;
  background: #a6d3c8;
  color: white;
  font-size:1.75em;
	
	}
	h2::before{
	position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
  }
	@media (max-width: 768px){
	h2{ font-weight:normal; text-align:center; margin:5% 0 0 0;
		position: relative;
  padding: 0.75em;
  background: #a6d3c8;
  color: white;
  font-size:1.25em;
  font-weight:bold;
	}
	h2::before{
	position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
  }
	}

.center{
	text-align:center;
	}
a.head-link{
	display:inline-block;
	margin:0 auto;
	padding:0.5em;
	border-radius:3px;
	border:1px solid #FF9933;
	color: #FF9933;
	text-decoration:none;
	font-weight:bold;
	}
a.head-link:hover{
	background:#FF9933;
	color:#FFFFFF;
	font-weight:bold;
	}
@media (max-width: 768px){
a.head-link{
	margin:1% 0 3% 0;
}
}