/*window width 1200px-UP device=PC*/
@media (min-width: 1200px){
	h1{
		font-size:min(5vw,95px);
		line-height: 300px;
	}
	h2{
		font-size: min(2.8vw,61px);
	}
	.h2_en{
		font-size: min(2.8vw,73px);
	}
	h3{
		font-size: min(1.7vw,30px);
	}
	.tx-rondo{
		font-size:min(4.5vw,90px);
	}
/*ヘッダー*/
	header{
		height: 300px;
	}
/*メニューボタン*/
	#menu-board{
		background-image: url("/data/img/menu.png");
		right: 10px;
		bottom: 80px;
		width: 220px;
		height: 328px;
	}
	
	.menu-1{
		top:70px;
		right: 22px;
		transition-duration: 0.3s;
		
	}
	.menu-1:hover{
		opacity: 0.7;
  		transition-duration: 0.3s;
	}
	
	.menu-2{
		top: 145px;
		right: 22px;
		transition-duration: 0.3s;
	}
	.menu-2:hover{
		opacity: 0.7;
  		transition-duration: 0.3s;
	}
	
	.menu-3{
		top: 225px;	
		right: 22px;
		transition-duration: 0.3s;
	}
	.menu-3:hover{
		opacity: 0.7;
  		transition-duration: 0.3s;
	}
	
	.menu-totop{
		bottom: -40px;
		right: 3px;
	}
	
/*SNSボタン*/
	#sns{
		left: 10px;
		top: 30%;
	}
		.sns-btn{
		box-shadow: 0px 2px 3px #c0c0c0;
		transition-duration: 0.3s;

	}
		.sns-btn:hover{
		opacity: 0.5;
  		transition-duration: 0.3s;
	}

/*footer*/
	.footer_item:nth-child(1){
		order: 1;
		margin: 2% 5% 5% 5%;
		width: 30%;
	}
	.footer_item:nth-child(2){
		order: 2;
		margin: 2% 5% 5% 5%;
		width: 70%;
		text-align: end;
	}
}


/*window width ~764px device=SP*/
@media (max-width: 764px){
	h1{
		font-size: min(6.5vw,95px);
		line-height: 100px;
	}
	h2{
		font-size: min(2.8vw,61px);
	}
	.h2_en{
		font-size: min(4.8vw,73px);
	}
	h3{
		font-size: min(3.5vw,30px);
	}
	.tx-rondo{
		font-size: min(5.5vw,90px);
	}
	header{
		height: 100px;
	}
/* フッター */
	footer .sp img{
		width: 80%;
		margin-top: 15%;
	}

	footer .sp ul{
		padding: initial !important;
		margin-top: 10%;
	}

	footer .sp li{
		padding-bottom: 1.5%;
	}
}