.h2_en{
	color: #00df77;
}
#experience>h3{
	color: #c69c6d;
}

header img{
	width: 100%;
}

.kansou_content{
	background-color: aliceblue;
	padding: 2px 20px 20px 20px;
	border-radius: 10px;
}

.kansou_content:before{
	content: "";
  	position: absolute;
  	top: -40px;
  	left: 49%;
  	margin-left: -15px;
  	border: 20px solid transparent;
  	border-bottom: 20px solid aliceblue;
}


/*window width 1200px-UP device=PC*/
@media (min-width: 1200px){
	h1{
		font-size:min(5vw,95px);
		margin-left: 7.5%;
	}
	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);
	}
/*ヘッダー*/
	.section-menu_img1{
		width: 23vw;
		max-width: 383.6px;
	}
	
	.section-btn1{
		top: 90%;
		left: 5%;
	}
	
	.section-menu_img2{
		width: 23vw;
		max-width: 383.6px;
	}
	
	.section-btn2{
		top: 90%;
		left: 28%;
	}
	
	.section-menu_img3{
		width: 23vw;
		max-width: 383.6px;
	}
	
	.section-btn3{
		top: 90%;
		left: 51%;
	}
	
/*メニューボタン*/
	#menu-board{
		background-image: url("../img/menu.png");
		right: -300px;
		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: -300px;
		top: 30%;
	}
		.sns-btn{
		box-shadow: 0px 2px 3px #c0c0c0;
		transition-duration: 0.3s;

	}
		.sns-btn:hover{
		opacity: 0.5;
  		transition-duration: 0.3s;
	}
	
/*CHARACTERISTICS*/
	
/*EXPERIENCE*/
	#experience h2{
		text-shadow: 0px 0px 15px #8f8f8f;
	}
	#experience h3{
		margin-top: -2%;
		margin-bottom: 5%;
	}
	#voice .dp-tb{
		border-spacing: 100px 0;
	}
	.kansou_content{
		width: min(23vw,350px);
	}
	.PR_content{
		width: min(30vw,600px);
	}
	#PR .dp-tb{
		border-spacing: 10rem 0;
	}
	#PR .tx-rondo{
		font-size: min(2.2vw,42.24px);
	}
	#youtube_video{
		width: min(100%,576px);
		height: min(18vw,345.6px);
	}
	#PR div>img{
		width: min(100%,668px);
	}	
	.bk-green_img{
		top: .5%;
		left: 5%;
		width: 55%;
		height: auto;
		z-index: -999;
	}
	

/*PASSION*/
	#passion .tx-vdl-v7{
		font-size:min(2vw,31px);
	}
	
/*予約ボタン*/
	.reservation-btn{
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}

	.reservation-btn {
    	width: 600px;
    	font-size: 50px;
    	font-weight: 500;
    	color: #fff;
    	cursor: pointer;
    	height: 150px;
    	text-align:center;
    	border: none;
    	background-size: 300% 100%;
    	border-radius: 100px;
    	moz-transition: all .4s ease-in-out;
    	-o-transition: all .4s ease-in-out;
    	-webkit-transition: all .4s ease-in-out;
    	transition: all .4s ease-in-out;
	}

	.reservation-btn:hover {
    	background-position: 100% 0;
    	moz-transition: all .4s ease-in-out;
    	-o-transition: all .4s ease-in-out;
    	-webkit-transition: all .4s ease-in-out;
    	transition: all .4s ease-in-out;
	}

	.reservation-btn:focus {
    	outline: none;
	}

	.reservation-btn.btn-col {
    	background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    	box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
	}
	
	.reservation-btn{
		padding-top: 1%;
		line-height: 2rem;
	}
	
	#nonereservation{
		font-size: 15px;
		font-family: a-otf-ud-shin-go-con80-pr6n,sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	
/*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);
		margin: 10% 0 10% 7.5%;
	}
	h2{
		font-size: min(2.8vw,61px);
	}
	.h2_en{
		font-size: min(4.8vw,73px);
	}
	h3{
		font-size: min(3.5vw,30px);
		margin-bottom: 10%;
	}
	.tx-rondo{
		font-size: min(5.5vw,90px);
	}
/* 右下予約ボタン */
	#sp_reservation-btn{
		bottom: 8px;
		right: -300px;
		z-index: 999;
	}
/* キャッチコピー */
	#catchcopy_sp{
		top: 80vw;
		left: 0;
		right: 0;
	}
/* メニュー */
	#sp_menu{
		width: 90%;
		top: 126vw;
		left: 5vw;
		right: 0;
	}

	#sp_menu-btn{
		justify-content: space-between;
	}

	#sp_menu-btn a{
		width: 42vw;
	}

	#sp_sns-btn{
		margin-top: 12%;
	}

	#sp_sns-btn span img{
		width: 15vw;
	}

	#sp_sns-btn img{
		width: 15vw;
	}
	#sp_sns-btn a{
		margin-left: 2%;
	}
/* ヘッダー内PR */
	.PR_content img{
		max-width: 90%;
	}
/* EXPERIENCE */
	#voice .tb-box{
		display: block;
	}

	#PR .tb-box{
		display: block;
	}

	.kansou_content{
		margin: 10% auto;
		width: 80%;
	}

	.bk-green_img{
		z-index: -999;
		width: 45vw;
		left: 15%;
	}

	#youtube_video{
		width: 80vw;
		height: 50vw;
		margin-bottom: 15%;
	}
/* 予約ボタン */
	.reservation-btn{
    	-webkit-box-sizing: border-box;
    	-moz-box-sizing: border-box;
    	box-sizing: border-box;
	}

	.reservation-btn {
    	width: 70vw;
    	font-size: 6vw;
    	font-weight: 300;
    	color: #fff;
    	cursor: pointer;
    	height: 20vw;
    	text-align:center;
    	border: none;
    	background-size: 300% 100%;
    	border-radius: 8vw;
    	moz-transition: all .4s ease-in-out;
    	-o-transition: all .4s ease-in-out;
    	-webkit-transition: all .4s ease-in-out;
    	transition: all .4s ease-in-out;
	}

	.reservation-btn:hover {
    	background-position: 100% 0;
    	moz-transition: all .4s ease-in-out;
    	-o-transition: all .4s ease-in-out;
    	-webkit-transition: all .4s ease-in-out;
    	transition: all .4s ease-in-out;
	}

	.reservation-btn:focus {
    	outline: none;
	}

	.reservation-btn.btn-col {
    	background-image: linear-gradient(to right, #f5ce62, #e43603, #fa7199, #e85a19);
    	box-shadow: 0 4px 15px 0 rgba(229, 66, 10, 0.75);
	}
	
	.reservation-btn{
		padding-top: 1%;
		line-height: 4.8vw;
	}

	#nonereservation{
		font-size: 2.5vw;
		font-family: a-otf-ud-shin-go-con80-pr6n,sans-serif;
		font-weight: 200;
		font-style: normal;
	}
/* フッター */
	footer .sp img{
		width: 80%;
		margin-top: 15%;
	}

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

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