@charset "UTF-8";

.pc { display: block !important; }
.sp { display: none !important; }

body {

	background-color: #fff;
	scroll-behavior: smooth;
	
	}

img {
  vertical-align: top;
}

/* リンク画像 */
a:hover img{
	filter:alpha(opacity=70);
	-ms-filter:""alpha(opacity=70)"";
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}





.Title-line-shinka {
  background-color: #003966;
  color: #fff;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 20px;
  width: 960px;
}


.shinka-contents {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
}

.shinka-wrapper {
	background-color: #fff;
	text-align: left;
	background-image: url(../images/bg.png);
	background-position: center top;
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 473px ;
}




.TopMainHead {
	background-color: #FFFFFF;
	position: relative;
}



.c-txt {
	font-size: 0.7em;
	line-height: 1.3;
	text-align: center;
	margin-right: 5px;
	margin-left: 5px;
}

.kakaku {
    width: 50%;
	text-align: center;
	margin-top: 30px;
	margin-bottom: 30px;
}


/**/

.Ind-itemBox {
	margin-bottom: 40px;
}

.Cont-itemBox {
	margin-bottom: 40px;
}


.YTzone {
	margin-bottom: 20px;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.IndexTitBox {
	margin-bottom: 20px;
}

.ContTitBox {
	margin-bottom: 20px;
}

.IndBass01 {
	width: 98.95%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.IndBass01-p1 {
	width: 98.94%;
	position: absolute;
	top: 0px;
}


.IndBass01-p2 {
	width: 97.21%;
	position: absolute;
	top: 43.18%;
}


.flx{
	
display: flex;	
justify-content: space-around;	
	flex-wrap: wrap;
}


.Item-flx{
	
display: flex;	

flex-direction: row;
justify-content: flex-start;	
flex-wrap: wrap;	
	
}





.Ind-bn-Box {
	width: 33.3%;
	padding-bottom: 15px;
	text-align: center;


}

.Ind-bn-Box span {
	display: block;
	text-align: center;
}

.Ind-bn-Box img {
	width: 90%;

}



.Ind-bn-Zone {
	background-color: #000000;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.txt_white {
	color: whitesmoke;
}




/**/

 
.Item-Box {
	width: 45%;
	background-color: rgba(3,3,3,0.50);
	margin-bottom: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
.Item-Box-Tit {
	margin-bottom: 20px;
}
.Cont-BtnBox {
	margin-bottom: 20px;
	text-align: center;
}

.Cont-BtnBox img {
	width: 80%;
}






/*うごき*/
.img-wrap {
  animation: img-wrap 2s cubic-bezier(.4, 0, .2, 1);
}

@keyframes img-wrap {
  0% {
    clip-path: circle(0 at 50% 50%);
    -webkit-clip-path: circle(0 at 50% 50%);
  }

  100% {
    clip-path: circle(100% at 50% 50%);
    -webkit-clip-path: circle(100% at 50% 50%);
  }
}





/*TOPアニメーション*/


.img-wrap-top {
  overflow: hidden;
  position: relative;
}

.img-wrap-top:before,
.img-wrap-top:after {
  animation: 2s cubic-bezier(.4, 0, .2, 1) forwards;
  background: #fff;
  bottom: 0;
  content: '';
  pointer-events: none;
  position: absolute;
  top: 0;
  z-index: 1;
}

.img-wrap-top:before {
  animation-name: img-wrap-before;
  left: 0;
  right: 50%;
}

.img-wrap-top:after {
  animation-name: img-wrap-after;
  left: 50%;
  right: 0;
}

@keyframes img-wrap-before {
  100% {
    transform: translateY(100%);
  }
}

@keyframes img-wrap-after {
  100% {
    transform: translateY(-100%);
  }
}

/*bodyアニメーション*/