@charset "UTF-8";

html { height:100%; font-size:62.5%; }
body { 



position:relative;
margin-left:auto; margin-right:auto; width:auto; height:auto; 
	margin-top:0px;
	padding:0px;

/**/
background: url(../images/bkbkbk.jpg) repeat;
background-position: center center;
height:100%; 
background-attachment: fixed;
font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
font-weight:100;
-webkit-text-size-adjust: 100%;
}



#right_logo{
  position: fixed;
  right 0px;
  /*余白が入らないように*/
  top:37%;
  right:5px;


}





#right_logo .tate{
  -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 -webkit-text-orientation: mixed;
 text-orientation: mixed;
 font-size: 15px;
 opacity: 0.8;
 white-space:nowrap;

color: #847067;

}



/*----------------------------------------------------------------------------------------------------------------------------*/
.flex{
  height:100%; 
  display: flex;
  flex-wrap: wrap;
}

.flex2{

  display: flex;
  flex-wrap: wrap;
}

#menu{
  box-shadow: 2px 0px 8px -5px rgb(52, 51, 51);
width: 250px;
position: fixed;
top: 0px;/**/
height:100%; 
background:#fff;
z-index: 100;
}
.flex2 ul{

}
.flex2 li {
  list-style: none;
  float: left;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 19px;
  margin-right: 5px;
  }

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

  .flex2 a:hover{
    color : #812005;
  }

#main{
  padding-left: 250px;
  flex: 1; 

}

.main_in{
 margin: 0 auto;
width: 1000px;
position:relative;
background-color: rgba(66, 64, 64, 0.5);

box-shadow: 0px 0px 18px -10px;
}



.main_in_no{
  margin: 0 auto;
 width: 1000px;
 position:relative;
 }

.main_in img{
  object-fit: contain;

  width: 100%;
  height: 100%;
}

.main_in_no img{
  object-fit: contain;

  width: 100%;
  height: 100%;
}

#main p{
font-size:16px;
line-height: 30px;
color:#d3cec1;
margin: 0px;

}
#main  h3{
  font-size: 19px;
  line-height: 30px;
  color:#d7d2d2;
  padding-top: 20px ;
  
  }


/*--------------------------MAIN_flex--------------------------------------------------------------------------------------------------*/
  .main_in_flex{
    display: flex;
    flex-wrap: nowrap;
   

  }

  .main_in_flex>div{
    position:relative;
    padding:4px;
        /*コレ*/width: 50%;
        /*コレ*/box-sizing: border-box;
    padding:10px 50px;
  
    }

  .mainasu{
    flex-wrap: nowrap;
    position: absolute;

    top: 0;
    bottom: 0;
  left: -50px;
  padding-right:50px;
  }

  .mainasu_siro img{
    flex-wrap: nowrap;
    position: absolute;
    top: 40px;
    bottom: 0;
  left: -90px;
  padding-right:50px;
  opacity: 0.6;
  }

  .mainasu_siro2 img{
    flex-wrap: nowrap;
    position: absolute;
    top: 40px;
    bottom: 0;
    right: -90px;
    padding-left:50px;
  opacity: 0.6;

  }

  .mainasu2{
    flex-wrap: nowrap;
    position: absolute;
    top: 0;
    bottom: 0;
  right: -50px;
  padding-left:50px;
  }

/*--------------------------MAIN_横いっぱい-------------------------------------------------------------------------------------------------*/

.main_in_all{
  margin:50px 80px;
  position: relative;
  padding: 0.5em 1.5em;
  border-top: solid 1.5px  #847067;
  border-bottom: solid 1.5px #847067;
}
.main_in_all:before, .main_in_all:after{
  content: '';
  position: absolute;
  top: -10px;
  width: 1.5px;
  height: -webkit-calc(100% + 30px);
  height: calc(100% + 30px);
  background-color:  #847067;
}
.main_in_all:before {left: 10px;}
.main_in_all:after {right: 10px;}


.main_in_all p {
  margin: 0; 
  padding:0 30px;
}


.main_in2{
    padding:10px 50px;
}


/*---縦線-------------------------------------------------------------------------------------------------------------------------*/





#main .tate{
   -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  -webkit-text-orientation: mixed;
  text-orientation: mixed;
  font-size: 16px;
  opacity: 0.8;
  white-space:nowrap;

color: #847067;
}


/*--------------------------パラボ--------------------------------------------------------------------------------------------------*/
.parallax_content{
  min-height: 300px;
  height: 300px;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;

 
  z-index:-1;
}

.p_img{
  position: absolute;
  right: 0;
  left: 250px;
  margin: 0 auto;
height:300px;
}

/*--------------------------フッター-------------------------------------------------------------------------------------------------*/
.main_footer{
background: url(../images/bk_siro.png) repeat;
}



.main_footer_in{
  margin: 0 auto;
  width: 1000px;
  position:relative;

}

.main_footer_inin{
  margin: 0 auto;
  width: 800px;
  position:relative;
  background:#3f3b3a;
}

/*----------------------バナー--------------------------------------------------------------------*/


.banner{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 1200px; /* 最大幅 */
  min-width: 600px; /* 最小幅 */
}
.banner>div{
padding:4px;
   /*コレ*/width: 25%;
   /*コレ*/box-sizing: border-box;

 
}

.banner>span{
padding:4px;
   /*コレ*/width: 100%;
   /*コレ*/box-sizing: border-box;

 
}
/*----------------------バナー3--------------------------------------------------------------------*/


.banner3{
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
  max-width: 800px; /* 最大幅 */
  min-width: 600px; /* 最小幅 */
}
.banner3>div{
padding:4px;
   /*コレ*/width: 50%;
   /*コレ*/box-sizing: border-box;

 
}