@charset "utf-8";
/* CSS Document */


/*TOPビジュアル*/
.top-image {
	overflow: hidden;
}









/*帯*/
.obi{
background-color:#373737;
padding:20px;
}
/*紹介*/
.intro {
	padding-bottom:50px;
	padding-top:16px;
	/*background-color:#f2f2f2;*/
}
.intro p{
	display:block;
	font-weight:bold;
	font-size:28px;
	padding-left:20px;
	padding-right:20px;
	margin-top:0;
}
.intro-img{
	width:80%;
	margin:30px auto 0 auto;
	max-width:960px;
}
.intro-img img{
	width:100%;
	margin:auto;
}
@media(max-width:960px){
.intro p{
	font-size:22px;
	margin-top:15px;
}	
}
@media(max-width:768px){
.intro p{
	font-size:18px;
	margin-top:15px;
}	
}
/*メッセージ*/
.message {
position:relative;
padding:100px 0;
}
.message-img{
z-index:2;
position:absolute;
bottom:0;
left:50%;
transform: translateX(-50%);
width:100%;
}
.message-img img{
width:100%;
display:block;
}
.message-text {
  margin: 0 auto;
  width: 100%;
  font-size: 28px;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  display:flex;
  justify-content:space-around;
}

.message-text img {
  width: 70%;
  margin:auto;
  display:block;
  animation: scrollSample01 15s linear infinite;
  padding:0 50px;
}

.message-text::after {
  content: attr(data-text);
  display: inline-block;
  width: 100%;
}

@keyframes scrollSample01 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}




/*流れるお知らせ*/
.loop-wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 40px;
  background: 
#00b3ea;
  z-index:4;
  position:relative;
}
.loop-area {
  display: flex;
  animation: loop-slide 40s infinite linear 1s both;
  list-style: none;
  margin: 0;
  padding: 0;
}
.loop-area li a{
  color:#fff;
}
.loop-area .content {
  width: 500px;
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
/*流れるお知らせここまで*/
/*メッセージ詳細ボタン*/
.message-btn {
	width:100%;
	margin:10px auto 0 0;
	max-width:250px;
}
.message-btn a{
	display:block;
	width:100%;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:7px 0;
	border:solid 2px #000;
	background-color:#000;
	border-radius:50px;
}

/*メニューについて*/
.menu1 {
	/*background-color:#f2f2f2;*/
	padding:50vh 0 100px 0;
}

.menu1-1 {
	display:flex;
	justify-content:space-between;
	width:80%;
	margin:auto;
	flex-wrap:wrap;
}

.menu-box {
	width:22%;
	height:auto;
}
.menu-box a{
	width:100%;
	display:block;
}
.menu-box-img {
}
.menu-box-img img{
	width:100%;
	display:block;
}
.menu-box-text {
	margin-top:10px;
}
.menu-box-text p{
	margin:0;
}
.menu-box-text .p1{
	font-weight:bold;
	color:#0077A6;
	border-bottom:solid 2px #0077A6;
	line-height:35px;
	font-size:30px;
	font-family:'arial black',serif;
}
.menu-box-text .p2{
	margin:7px 0 0 0;
	color:#000;
	font-weight:bold;
}
@media(max-width:1500px){
.menu-box-text .p1{
	font-weight:bold;
	color:#0077A6;
	border-bottom:solid 2px #0077A6;
	line-height:35px;
	font-size:25px;
	font-family:'arial black',serif;
}	
}
@media(max-width:960px){
.menu-box {
	width:47%;
	margin-bottom:30px;
}
}





.slider {
	width:100%;
	height:0;
	position:absolute;
	bottom:150px;
}
.slider .img1{
	width:5%!important;
	margin:60px 0.4%;
}
.slider .img2{
	width:6%!important;
	margin:110px 0.4%;
}
.slider .img3{
	width:4%!important;
	margin:60px 0.4%;
}
.slider .img4{
	width:7%!important;
	margin:60px 0.4%;
}
.slider .img5{
	width:7%!important;
	margin:0 0.4%;
}
.slider .img6{
	width:4%!important;
	margin:0 0.4%;
}
.slider .img7{
	width:6%!important;
	margin:60px 0.4%;
}
.slider img{
	width:100%;
	box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.2);
}

/*ランダムスライドの縦幅*/
.slider .slick-track{
	height:500px;
}
.slider .slick-list{
	height:500px;
}
/*ランダムスライドの縦幅ここまで*/



 /*.slide-paused:hover .slide-wrapper {
   animation-play-state: paused;
 }
 .slide-paused:hover .slide-wrapper img:hover {
   opacity: .8;
   cursor: grabbing;
 }
.slide-container {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  overflow: hidden;
  flex-direction: row;
}
.slide-wrapper {
  display: flex;
  flex-direction: row;
  animation: slide-flow 20s infinite linear 1s both;
}
.slide{
  width: 300px;
  object-fit: cover;
  border: 1px solid #ddd;
}*/
/*@keyframes slide-flow {
     0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}*/
/*topビジュアルスライドの画像について*/
.slider-2 {
	height:auto;
}
.slider-2 img{
	width:100%;
	height:auto;
}
.slider-2-2 img{
	width:100%;
	height:auto;
}



.slider-2 .slide-2-pic{
	padding:10px 10px 20px 10px;
}

.slider-2 img{
	border-radius:12px;
}

.slider-2-2 .slide-2-pic{
	padding:20px 10px 10px 10px;
}

.slider-2-2 img{
	border-radius:12px;
}

#tooltip {
  position: absolute;
  padding: 8px 15px;
  /*background: rgba(0, 0, 0, 0.75);*/
  background-color:#00B3EA;
  color: white;
  border-radius: 50px;
  display: none;
  pointer-events: none;
  font-size: 14px;
  white-space: nowrap;
  font-weight:bold;
}

#tooltip::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 6px 9px 6px;
  border-color: transparent transparent #00b3ea;
  translate: -50% -100%;
}



.tooltip-slide{
	/*background-color:#00b3ea;*/
}