@charset "utf-8";

/*#wrapper{
	width: 100%;
	vertical-align: bottom;
	margin: 0 auto;

}*/

/*.baka{
	tab-size: 50px;
}
.active_main_1_info,.main_3_info {
  position: absolute;
  top: 600px;
  left: 1000px;
  z-index: 1;
  }

.main_2_info {
  position: absolute;
  top:500px;
  left: 50px;  
}
.active_main_1_info,.main_2_info,.main_3_info{
  opacity: 0;
  transition: all 2s ease;
}*/




	
	/*margin: 0 auto;*/





.active {
  opacity: 1;
}


main{
	width: 1440px;
	margin: 0 auto;
	/*border: solid 1px #000;*/
	}

	/*color: #fff;*/

	
/*.she-header-nav{
	bottom: 0;
	box-sizing: border-box;
	height: 1.2em;
	left: auto;
	padding-right: 35px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opcity .4s ease;
		    transition-behavior:normal;
    transition-duration: 0.4s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: opacity;
	width: 100%;
	z-index: 200;
	
}*/

header{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #fceede;
	padding: 5px 20px 25px 50px;
	display: flex;
	z-index: 1;
	/*margin-left:auto;*/
}


.she-header-nav{
	display: flex;
	position: absolute;
	right: 7%
	/*border: solid #000;*/
	/*margin-left: 950px;*/
	/*position: relative;*/
	
		
}


 ul{
	display: flex;
	list-style: none;
	/*justify-content: flex-end;*/
	list-style-type: none;
	
	}


/*nav{
	margin-left: 300px;
}*/


li{
	margin-left: 40px;
}

a{
	text-decoration: none;
	color: #000;
}


/*nav {
    font-size: 1em;
	font-weight: 400;
	padding: 0;
	unicode-bidi: isolate;
}*/

/*.blank{
	padding-bottom: 100px;
}*/

.she-header-nav_sns{
	align-items: center;
	display: flex;
}



.SHEs-re_loge{
margin: 25px 0 0 45px;
}
.snslogo{
	/*margin: 19px 0 0 40px;*/
	padding-left: 30px
	
}

.in-icon{
	padding-right: 5px;
}


/*ブラントヒストリー　ここから*/

.brandhistory{
	width: 1440px;
	margin-left: 236px;
	padding-top: 250px;
}

.under-brandhistory{
	padding-top: 50px;
	
}
.hit_item_cap:hover{
	color: #f00;
	
}
.brand-his-pho{
	margin-left: 300px;
	margin-top: 30px;
	/*padding-left: 300px;*/
}
.under-brandhistory{
	/*display: inline-block;*/
	display: flex;
	justify-content: space-between;
	margin-left: -295px;
}

.brandhistory-r{
	margin: 30px 400px 0 0; 
}

.brand_text{
	margin-top: 45px;
	/*margin-left: 0;*/
	font-size: 26px;
}

.brand-his-more{
	padding-top: 40px;
	padding-left: 190px;
}
/*ブラントヒストリー　ここまで*/



/*ヒットアイテムーここから*/
.allmore{
	display: block;
	padding-top: 15px;
	width: 150px;
}

.allmore:hover{
	opacity: 0.3;
	transition: 0.3s;
}

.hit_item_midasi{
	margin-left: 236px;
	padding-top: 250px;
}

.hit_item_cap{
	font-size: 20px;
	margin-top: -5px;
}


.hit_item_top,.hit_item_bottom{
	margin-top: -5px;
	font-size: 20px;
	display: flex;
	justify-content: space-between;
}


.hit_item_1,.hit_item_3{
	margin-left: -37.5px;
	/*padding-right: -150px*/
	
}

.hit_item_2{
	margin-left: -50px;
	padding-right: 520px;
	
}

.hit_item_3{
	/*padding-right: -200px;*/
}
.hit_item_4{
	margin-left: -50px;
}


.hit_item_5{
	margin-left: -45px;
	padding-right: 595px;
}

/*ヒットアイテムーここまで*/


/*ヒットアイテムーここから*/
.hit_line_midasi{
	margin-left: 236px;
	padding-top: 250px;
}

.hit_line_cap{
	
	font-size: 26px;
	margin-top: -5px;
	margin-left: 236px;
}

.hit_line_cap_komidasi{
	font-size: 34px;
	margin-left: 236px;
}


.hit_line_top{
	display: flex;
	justify-content: space-between;
	/*border: solid #000;*/
	width: 976px;
	margin-left: 200px;
	}

.hit_line_bottom{
	display: flex;
	justify-content: space-between;
	/*border: solid #000;*/
	width: 976px;
	margin-left: 200px;
	}

.hit_line_cap2 {
	font-size: 20px;
	color:#f00;
	font-weight: bold;
	text-decoration: underline;
}

.hit_line_cap2:hover{
	color:#FCC4C4;
}
/*ヒットアイテムーここまで*/



/*POINT MAKEUPここから*/

/*.point_line_up{
	padding-top: 20px;
}*/
.point_line_up_top{
	display: flex;
	justify-content: space-between;
	/*border: solid #000;*/
	width: 976px;
	margin-left: 200px;
	}

.point_line_bottom{
	display: flex;
	justify-content: space-between;
	/*border: solid #000;*/
	width: 976px;
	margin-left: 200px;
	}

.hit_line_cap2 {
	font-size: 20px;
	color:#f00;
	font-weight: bold;
	text-decoration: underline;
}

.hit_line_cap2:hover{
	color:#FCC4C4;
}


/*POINT MAKEUPここまで*/

footer{
	position: relative;
	margin-top: 350px;
	background-image: url(image_2/footer.svg);
	background-size: cover;
	width: 100%;
	/*background-color: #fceede;*/
	padding: 125px 20px 125px 50px;
	/*border: 10px solid #f00;*/

}

.footer_top,.footer_bottom{
	display: flex;
	
	margin: 0 auto;
	/*position: relative;*/
		
}

.she-footer-nav{
	display: flex;
	align-items: center;
	position: absolute;
	right: 5%
	/*position: relative;*/
		
}
.footer_bottom{
	margin-left: 35px;
	
}

.itibun{
	margin-top: -10px;
	margin-bottom: 35px;
	
}
.biseido-logo{
	padding-left: 5px;
}
.fiction{
	font-size: 25px;
	text-align: center;
	font-weight: bold;
	color: #0071bc;
	/*padding-bottom: -20px;*/
}

.copyright{
	text-align: center;
	/*position: relative;*/
	position: absolute;
	left:50%;
	top:85%;
	transform: translate(-50%, -50%) ;
	/*padding-top: 50px;*/
}

/*.copyright_2{
	margin-top: -20px;
}*/




/*【下層ページ】ブランドヒストリーページここから*/
    .wrapper_br {
      margin-top: 200px;
      font-family: sans-serif;
    }

    .main-section {
      display: flex;
      height: 100vh;
      overflow: hidden;
    }

    .left {
      width: 50%;
		/*height: 100%;*/
      display: flex;
      align-items: center;     /* 上下中央 */
      justify-content: center; /* 左右中央（必要なら） */
      /*background-color: #fceede */ /* 背景を確認しやすくするため */
    }

    .left img {
      width: auto;    /* 任意の幅 */
      height: 85%;    /* 自動で高さを調整、もしくは固定高さもOK */
      max-height: 110%; /* 高さが大きすぎないように調整可能 */
      border-radius: 15px;
		/*border: 1px solid #eee;*/
    }

    .right {
		position: relative;
      width: 50%;
      overflow-y: auto;
      padding: 20px;
      box-sizing: border-box;
      /*background-color: #fceede;*/
		/*text-align: center;*/
		align-items: center;
		/*border: 1px solid #000;*/
    }

    .extra-section {
      padding: 60px 20px;
      background-color: #ddd;
    }
	  
/*	  .brandstory_text{
		  padding-top: 200px;
		  text-align: left;
		  font-size: 20px;
		  line-height: 2.0;
	  }*/
	  
	  .top_logo{
		    width:50%;
		  position: absolute;
		  top:30%;
		  left: 50%;
		 transform: translate(-50%, -50%) 
		  
	  }
	  
	    .next_logo{
			  width:55%;
		  position: absolute;
		  top:60%;
		  left: 50%;
		 transform: translate(-50%, -50%) 
		  
	  }
	  
	      .scroll-indicator{
			  width:7%;
		  position: absolute;
		  top:80%;
		  left: 50%;
		 transform: translate(-50%, -50%) ;
			  transform: translateX(-50%);
		animation: bounce 1.5s infinite;
    	  opacity: 0.7;
   		   pointer-events: none;
    }

    @keyframes bounce {
      0%, 100% { transform: translate(-50%, 0); }
      50%      { transform: translate(-50%, 10px); }
    }

		  

	  
	  .brandstory_text{
		  /*display: block;*/
		  line-height: 2.5;
		  font-size: 24px;
		  width:65%;
		  position: absolute;
		  top:170%;
		  left: 62%;
		 transform: translate(-50%, -50%) ;
			/* border: 1px solid #000;*/
		  
	  }
	  
	  
	  
	   .child_now {
		  position: absolute;
		   top:230%;
		  left: 50%;
		   overflow: hidden;
		    transform: translate(-50%, -50%) ;
		   width:70%;
		/*  border: 10px solid #f00;*/
		  
		  }
	 

	 
	  .child_now img{
		width:100%;
		  border-radius: 8px;
		 
			   }
	  
	.top_logo_2{
		    width:30%;
		  position: absolute;
		  top:250%;
		  left: 50%;
		 transform: translate(-50%, -50%) 
		  
	  }  
   

	  
	  .fade-up {
  opacity: 0;
  transform: translateY(45px);
  transition: all 1.2s ease;
}

.fade-up.active {
  opacity: 1;
  transform: translateY(0);
}
  
	 
	

/*【下層ページ】ブランドヒストリーページここまで
*/

/*.wrapper_br{
	width: 1440px;
	margin: 0 auto;
	border: solid #000;
}*/


/*
.brand_history_main{
	margin: 0 auto;
}
*/
























/*下層ページ（お問い合わせ）ここから*/
.wrapper_con{
	width: 100%;
	margin: 0 auto;
	/*border: solid 1px #000;*/
}
.brank_con{
	margin-top: 200px;
	/*border: solid 1px #000;*/
}

h2{
	margin-top: 330px;
/*	with:960px;*/
	color: #383838;
	font-size: 40px;
	text-align: center;
	}


.entryForm input[type="text"],
.entryForm input[type="email"],
.entryForm input[type="msg"],
.entryForm textarea {
  width: 100%;
  padding: 15px;
  border: 1px solid #ccc;
	border-radius: 5px;
  box-sizing: border-box;
  font-size: 1em;
	background-color: #f9f9f9;
}

.honbun{
	width: 800px;
	color: #383838;
	font-size: 20px;
	margin: 0 auto;
	/*margin-left: 750px;*/
	line-height: 2;
	margin-bottom: 70px;
	text-align: left;
	padding-top: 50px;
	/*border: solid 1px #000;*/
	}

.cos{
	padding-top: 50px;
}

nav{
text-align: right;
	padding: 20px;
}


/*table a{
	margin-left:15px; 
	text-decoration: none;
	color: #fff;
	}*/

table{
	border-spacing: 20px;
	
	margin: 0 auto;
}


table th{
	text-align: right;
	font-size: 18px;
	/*border: 1px solid #000;*/
	
}
table td{
	/*width: 50%;*/
	padding: 10px 0;
	/*border: 1px solid #f00;
	border-radius: 7px;*/
}
 /*a:hover{
	color: #000;		
	}*/

.me{
	padding-top: 20px;
	
}

.entryBtns {
 	text-align: center; 
	font-size: 120%;
	margin-top: 100px;

	}

.entryBtns input {
  width: 200px;
 margin-top: 30px;
  padding: 20px;
  background: #fff;
  border: 2px solid #f6bb9e;
  border-radius: 10px;
  font-size: 1.3em;
  /*-webkit-appearance: none;*/
 }

.entryBtns input[type="submit"] {
  background: #fadccc;
}


.entryBtns input:hover{
	
	background: #f6bb9e;
}
	

td{
	text-align: left;
}



/*下層ページ（お問い合わせ）ここまで*/