@charset "utf-8";


#main_wrapper{
	position: relative;
	width:100%;
/* 	padding:30px 0; */
  background-repeat: no-repeat;
  background-position:50% 0%;
  background-size:cover;
  overflow: hidden;
/*   padding-top:84px; */
  }
@media only screen and (max-width: 768px) {
#main_wrapper{
/* 	padding:50px 0  0px 0; */	
	margin-bottom:30px;
}	
}

#wrapper{
	width: 1200px;
	margin: 0 auto;
    max-width: 96%;
    position: relative;
    text-align:justify;
}


#main_wrapper{
	padding-bottom:0px;
  }
@media only screen and (max-width: 1066px) {
#main_wrapper{
	
}	
}

.bko .bko_image.shi_hana1{
top: calc(100% - 10%);
left: calc(150% - 55%);
}

@media only screen and (max-width: 970px) {
.bko .bko_image.shi_hana1{
top: calc(100% - 20%);
left: calc(150% - 55%);
opacity:0.5;
}
	}
@media only screen and (max-width: 476px) {
.bko .bko_image.shi_hana1{
top: calc(100% - 50%);
left: calc(150% - 55%);
opacity:0.5;
width:80px;
}
	}
.bko .bko_image.shi_bird{
top: calc(100% - 50%);
left: calc(50% - 52%);
}
@media only screen and (max-width: 828px) {
.bko .bko_image.shi_bird{
top: calc(100% - 70%);
left: calc(50% - 52%);
}
}
@media only screen and (max-width: 640px) {
.bko .bko_image.shi_bird{
top: calc(100% - 76%);
left: calc(50% - 48%);
width:15%;
}
}

.bko2 .bko_image.bk_o_r{
top: calc(100% - 50%);
left: calc(150% - 70%);
z-index:2;
}
.bko2 .bko_image.bk_o_l{
top: calc(100% - 10%);
left: calc(50% - 30%);
z-index:2;
}

@media screen and (max-width: 640px) {
.bko2 .bko_image.bk_o_r{
top: calc(100% - 45%);
left: calc(150% - 70%);
z-index:2;
max-width:50%;
opacity:0.3;
}
.bko2 .bko_image.bk_o_l{
top: calc(100% - 10%);
left: calc(50% - 30%);
z-index:2;
max-width:50%;
opacity:0.3;
}
}
	
.bko2 .bko_image.bk_o_r2{
top: calc(100% - 50%);
left: calc(150% - 70%);
z-index:2;
}
.bko2 .bko_image.bk_o_l2{
top: calc(100% - 10%);
left: calc(50% - 30%);
z-index:2;
}

@media screen and (max-width: 640px) {
.bko2 .bko_image.bk_o_r2{
top: calc(100% - 45%);
left: calc(150% - 70%);
z-index:2;
max-width:50%;
opacity:0.3;
}
.bko2 .bko_image.bk_o_l2{
top: calc(100% - 10%);
left: calc(50% - 30%);
z-index:2;
max-width:50%;
opacity:0.3;
}
}



.bko_image.bk_hana3{
position: absolute;
left:-20px;
top:35%;
z-index:2;
}
@media screen and (max-width: 640px) {
.bko_image.bk_hana3{
position: absolute;
left:-20px;
top:60%;
z-index:2;
}	
	}
.bko_image.bk_hana3_2{
position: absolute;
right:0px;
bottom:25%;
z-index:2;
}


.bko_image.bk_maru{
top: 0px;
left: 0;
width:100%;
position: absolute;
}


.bko{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:50;
}
.bko2{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
.bko2 .bko_image{
	position: absolute;
	overflow: hidden;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.bko .bko_image{
	position: absolute;
	overflow: hidden;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}




/*
@media screen and (max-width: 852px) {
#n_bk .n_bk_image:nth-child(1){
top: calc(50% - 46%);
left: calc(50% - 58%);
}	
}

#n_bk .n_bk_image:nth-child(2){
top: calc(50% - 45%);
left: calc(100% - 0%);
}

@media screen and (max-width: 640px) {
#n_bk .n_bk_image:nth-child(2){
display: none;
}	
	}
#n_bk .n_bk_image:nth-child(3){
top: calc(50% - 38%);
left: calc(150% - 46%);
}
@media only screen and (max-width: 891px) {
#n_bk .n_bk_image:nth-child(3){
opacity:0;
}	
}
@media only screen and (max-width: 695px) {
#n_bk .n_bk_image:nth-child(3){
top: calc(50% - 33%);
left: calc(150% - 60%);
opacity:0.5;
}	
}

#n_bk .n_bk_image:nth-child(4){
top: calc(50% - 25%);
left: calc(50% - 62%);
}
#n_bk .n_bk_image:nth-child(5){
top: calc(50% - 14%);
left: calc(150% - 40%);
}
#n_bk .n_bk_image:nth-child(6){
top: calc(100% - 47%);
left: calc(150% - 43%);
}
#n_bk .n_bk_image:nth-child(7){
top: calc(100% - 46%);
left: calc(50% - 53%);
}
#n_bk .n_bk_image:nth-child(8){
top: calc(100% - 30%);
left: calc(50% - 48%);
}
#n_bk .n_bk_image:nth-child(9){
top: calc(100% - 15%);
left: calc(150% - 48%);
}
#n_bk .n_bk_image:nth-child(10){
top: calc(100% - 8%);
left: calc(50% - 55%);
}


#n_bk .n_bk_image:nth-child(11){
top: calc(100% - 58%);
left: calc(50% - 94%);
opacity: 0.8;
}
#n_bk .n_bk_image:nth-child(12){
top: calc(100% - 33%);
left: calc(150% - 0%);
opacity: 0.8;
}
#n_bk .n_bk_image:nth-child(13){
top: calc(50% - 35%);
left: calc(50% - 96%);
opacity: 0.8;
}
#n_bk .n_bk_image:nth-child(14){
top: calc(50% - 29%);
left: calc(150% - 10%);
opacity: 0.8;
}

@media only screen and (max-width: 640px) {
#n_bk .n_bk_image:nth-child(14){
opacity: 0;
}	
}

#n_bk .n_bk_image:nth-child(15){
top: calc(100% - 17%);
left: calc(50% - 96%);
opacity: 0.8;
}
#n_bk .n_bk_image:nth-child(16){
top: calc(50% - 43%);
left: calc(150% - 10%);
opacity: 0.5;
}
*/

