.head{
	animation: animationZoom1 4s ease-in-out forwards;
}

@keyframes animationZoom1 {
	90% { transform:scale(1.03)} 
}

.head_img img{
	width: 100%;
	height: 684px;
	object-fit: cover;
}

.head_main_txt{
	width:100%;
	font-size:35px;
	font-weight:bold;
	letter-spacing:2px;
	color:#FFF;
	position:absolute;
	top: 370px;
	text-align:center;

	opacity:0;
	animation-name: sample01; 
	animation-duration: 5s; 
	animation-fill-mode: forwards; 

}

@keyframes sample01 {
	0% {
		opacity: 0;
		color:#FFF;
	}
	90% {
		opacity: 1;
		color:#FFF;
	}
		100% {
		opacity: 1;
		color:#FFF;
	}
}

.nami_border{
	position:absolute;
	bottom:0px;
	width: 100%;
	height: 100px;
	background-image: url(../image/kyotsu/nami_border.png);
	background-repeat: repeat-x;
	background-position: center left;
}

.block1{
	margin-top:50px;
	margin-bottom:100px;
}

.block1_in{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}

.block1_in1-1{
	width:32%;
	margin-right:2%;
	text-align:center;
}

.block1_in1-2{
	width:32%;
	margin-right:2%;
	text-align:center;
}

.block1_in1-3{
	width:32%;
	text-align:center;
}

.block1_box_img img{
	width:306px;
	height:306px;
}

.block1_box_img img:hover{
	animation-name: wobble-top;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;

	opacity:0.8;
}

/* Wobble Top */
@keyframes wobble-top {
	16.65% {
		transform: skew(-12deg);
	}

	33.3% {
		transform: skew(10deg);
	}

	49.95% {
		transform: skew(-6deg);
	}

	66.6% {
		transform: skew(4deg);
	}

	83.25% {
		transform: skew(-2deg);
	}

	100% {
		transform: skew(0);
	}
}


.block1_box_txt1{
	padding-top:20px;
	font-family: 'NotoSansJP-Black_pickup';
	font-size:25px;
	color:#1268cd;
}

.block1_box_txt1:hover{
	opacity:0.5;
}

.block1_box_txt2{
	padding-top:20px;
	font-family: 'NotoSansJP-Black_pickup';
	font-size:15px;
}

.block1_box_txt3{
	padding-top:20px;
	font-family: 'NotoSansJP-Black_pickup';
	font-size:25px;
}

.block2_namiborder img{
	width:100%;
	vertical-align: bottom;
}

.block2{
	background-color:#1268cd;
}

.block2_in{
	padding:90px 0;
	background-color:#1268cd;
	max-width:1000px;
	width:100%;
	margin:0 auto;
}

.block2_in1-1{
	width:49%;
	margin-right:2%;
	text-align:center;
}

.block2_in1-2{
	width:49%;
	text-align:center;
}

.block2_img{
	margin:0 auto;
}

.block2_img img{
	max-width:479px;
	width:100%;
	height:auto;
}


.block3{
	margin-bottom:100px;
}

.block3_in{
	max-width:1000px;
	width:100%;
	margin:0 auto;
}

.block3_title{
	font-family: 'D-DINCondensed-Bold_pickup';
	font-size:50px;
	color:#035bcd;
	letter-spacing:6px;
	padding:100px 0;
	text-align:center;
}

.block3_in1-1{
	width:55%;
	margin-right:5%;
}

.block3_in1-2{
	width:40%;
}

.block3_in1-1_img1 img{
	width:558px;
}

.block3_in1-2_img1{
	width:394px;
	margin-top:-11px;
}

.block3_in1-2_txt1{
	font-family: 'NotoSansJP-Black_pickup';
	font-size:20px;
	color:#1268cd;
	margin-top:5px;
}

.block3_in1-2{
	font-size:17px;
	font-weight:bold;
	margin-top:15px;
}

.block3_in1-2_txt2{
	font-size:17px;
	font-weight:bold;
	margin-top:25px;
}

.block3_in1-2_box1{
	margin-top:30px;
}

.block3_in1-2_img2{
	width:48px;
}

.block3_in1-2_txt3{
	font-family: 'D-DINCondensed-Bold_pickup';
	font-size:55px;
	color:#035bcd;
	letter-spacing:5px;
	margin-top:-10px;
	padding-left:10px;
}

.block3_in1-2_txt4{
	font-size:20px;
	font-weight:bold;
	margin-top:5px;
	margin-left:60px;
}

.block3_in1-2_box2{
	position:relative;
	width:401px;
	margin-top:30px;
}

.block3_in1-2_box2:hover{
	opacity:0.7;

	transform: translateY(-6px);
	animation-name: hover;
	animation-duration: 1.5s;
	animation-delay: $defaultDuration;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

/* Hover */
@keyframes hover {
  50% {
    transform: translateY(-3px);
  }

  100% {
    transform: translateY(-6px);
  }
}



.block3_in1-2_img3 img{
	width:401px;
}

.block3_in1-2_txt5{
	position: absolute;
	top: 22px;
	left: 40px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
}

.block4{
	background-color:#1d4b95;
}

.nami_border3{
	bottom:0px;
	width: 100%;
	height: 100px;
	background-image: url(../image/index/nami_border3.png);
	background-repeat: repeat-x;
	background-position: center left;
}

.block4_txt1{
	font-family: 'D-DINCondensed-Bold_pickup';
	font-size:50px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:6px;
	margin-bottom:40px;
	text-align:center;
}

.block4_txt2{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#FFF;
	letter-spacing:1px;
	margin-bottom:95px;
	text-align:center;
}

.block4_txt3{
	font-size:35px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:3px;
	padding-bottom:140px;
	text-align:center;
}

.block5{
	position:relative;
	height:800px;
}

.block5_naname1{
	position: absolute;
}

.block5_naname1 img{
	max-width:329px;
	vertical-align:top;
}

.block5_naname2{
	position: absolute;
	bottom:0px;
	right:0px;
}

.block5_naname2 img{
	width:700px;
	vertical-align:top;
}


/* 「TopToBottom」の動作内容 */
@keyframes TopToBottom {
  0% {
    opacity: 0;/* 透明 */
    transform: translateY(-20px);/* X軸方向に50px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
  }
}

/* 「TopToBottom」を適用する箇所 */
.block5_naname1 {
  opacity: 0;/* ここを追加 */
  animation-duration: 2s;/* アニメーション時間 */
  animation-delay : 0s;/* 変化開始の時間 */
  animation-name: TopToBottom;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
  animation-fill-mode: forwards; /*これで値を保持*/
}

/* 「TopToBottom」を適用する箇所 */
.block5_naname2 {
  opacity: 0;/* ここを追加 */
  animation-duration: 2s;/* アニメーション時間 */
  animation-delay : 0s;/* 変化開始の時間 */
  animation-name: TopToBottom;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
  animation-fill-mode: forwards; /*これで値を保持*/
}




.block5_box{
	position: absolute;
	top: 80px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.block5_box_txt1{
	font-family: 'D-DINCondensed-Bold_pickup';
	font-size:50px;
	text-align:center;
	letter-spacing:8px;
	padding-bottom:20px;
}

.block5_box_txt2{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding-bottom:80px;
}

.block5_box_txt3{
	max-width:650px;
	width:100%;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	padding-bottom:130px;
	margin:0 auto;
}

.block5_box_txt3 a:link, a:visited, a:hover, a:active {
	color: #000;
}

.block5_box_txt3 a:hover{
	opacity:0.7;
}

.block5_box_in{
	width:700px;
	margin:0 auto;
}

.block5_box1-1{
	width:23.5%;
	margin-right:2%;
}

.block5_box1-2{
	width:23.5%;
	margin-right:2%;
}

.block5_box1-3{
	width:23.5%;
	margin-right:2%;
}

.block5_box1-4{
	width:23.5%;
}

.block5_box_img{
	max-width:150px;
	width:100%;
}

.block5_box_img:hover{
	opacity:0.5;
}

.block5_box_img img{
	vertical-align:top;
}






/* 画面幅1024以下　タブレット*/
@media screen and (max-width: 1024px) {

	.head_main_txt{
		font-size:25px;
		top: 400px;
	}

	.block1_box_img{
		width:100%;
	}

	.block1_box_img img{
		max-width:306px;
		width:100%;
		height:auto;
	}

	.block1_box_txt1{
		font-size:18px;
	}

	.block1_box_txt2{
		font-size:13px;
	}

	.block1_box_txt3{

		font-size:18px;
	}

	.block3_in1-1{
		width:100%;
		margin-right:0;
		text-align:center;
	}

	.block3_in1-2{
		width:100%;
		text-align:center;
	}

	.block3_in1-1_img1 img{
		max-width:558px;
		width:90%;
	}

	.block3_in1-2_img1{
		width:100%;
	}

	.block3_in1-2_img1 img{
		max-width:394px;
		width:90%;
	}

	.block3_in1-2_img1 img{
		margin-top:15px;
		text-align:center;
	}

	.block3_in1-2_box1{
		text-align:center;
	}

	.block3_in1-2_img2{
		width:100%;
		margin-bottom:15px;
	}

	.block3_in1-2_txt3{
		width:100%;
		padding-left:0px;
		margin-bottom:20px;
	}

	.block3_in1-2_txt4{
		margin-bottom:20px;
	}

	.block3_in1-2_box2{
		margin:0 auto;
	}

	.block5_naname1 img{
		max-width:229px;
		width:100%;
	}

	.block5_naname2 img{
		max-width:481px;
		width:100%;
	}

}


/* 画面幅700px以下　スマートフォン*/
@media screen and (max-width: 700px) {

	.block1_in1-1{
		width:100%;
		margin-right:0;
		margin-bottom:80px;
	}

	.block1_in1-2{
		width:100%;
		margin-right:0;
		margin-bottom:80px;
	}

	.block1_in1-3{
		width:100%;
	}

	.block1_box_txt1{
		font-size:25px;
	}

	.block1_box_txt2{
		font-size:15px;
	}

	.block1_box_txt3{
		font-size:25px;
	}

	.block2_in1-1{
		width:100%;
		margin-right:0;
		margin-bottom:70px;
	}

	.block2_in1-2{
		width:100%;
	}

	.block2_img img{
		width:80%;
	}

	.block3_in1-2_txt2{
		font-size:15px;
		text-align:center;
		line-height:20px;
		padding:0 20px;
	}

	.block3_in1-2_txt3{
		font-size:40px;
	}

	.block3_in1-2_txt4{
		font-size:15px;
	}

	.block3_in1-2_box2{
		width:95%;
	}

	.block3_in1-2_img3 img{
		width:95%;
	}

	.block5{
		height:1100px;
	}

	.block5_box_txt3{
		padding-bottom:100px;
	}


	.block5_box_in{
		width:350px;
		margin:0 auto;
	}

	.block5_box_img{
		margin:0 auto;
	}

	.block5_box1-1{
		width:48%;
		margin-bottom:20px;
		margin-right:4%;
	}

	.block5_box1-2{
		width:48%;
		margin-bottom:20px;
		margin-right:0;
	}

	.block5_box1-3{
		width:48%;
		margin-right:4%;
	}

	.block5_box1-4{
		width:48%;
	}

	.block5_box_txt3-1{
		width:100%;
	}

	.block5_box_txt3-2{
		width:100%;
		margin-bottom:30px;
	}

}