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


/*--------------------------------------
背景設定
---------------------------------------*/

.bg_dinosaur01 {
	background: #F2EBD2;
}


.bg_dinosaur02 {
	background: #0E2414;
	width: 100%;
}


.bg_dinosaur03 {
  background-image: url("../img/bg_dinasour03.webp");
	width: 100%;
	background-size:100%;
	background-repeat: repeat-y;
}



.bg_dinosaur04 {
  background-image: url("../img/bg_dinasour04.webp");
	width: 100%;
	background-size:100%;
	background-repeat: repeat-y;
}



.bg_pd {
  padding: 0 60px;}


@media screen and (max-width:768px) {
.bg_pd {
  padding: 0 10px;}
}




/*--------------------------------------
背景設定
---------------------------------------*/

.img_maru  {
	border: solid 3px #0E2414;
	border-radius: 20px;
	margin: 5px;
}

.img_maru img {
	padding: 10px;
	border-radius: 20px;
}


@media screen and (max-width:768px) {
.img_maru  {
	border: solid 2px #0E2414;
	border-radius: 10px;
	margin: 5px;
}

.img_maru img {
	padding: 3px;
	border-radius: 10px;
}
}





 /*--------------------------------------
スマホの時だけ改行
---------------------------------------*/
.sma{
    display: none;
}

@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}




/*--------------------------------------
youtube(比率変わらない表示)
---------------------------------------*/

.movie {
	width: 100%; /* 横幅変更 */
	padding: 0;
	box-sizing: border-box;
}

.movie-wrap {
	width: 100%;
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100% ;
}




 /*--------------------------------------
スライダーの中央を大きくするため
---------------------------------------*/




.slide img {
	transform: scale(.8);
	transition: transform .3s;
}
.slide.slick-center img {
	transform: scale(1);
}