@charset "utf-8";
html,body{
    padding:0;
    margin:0;
    height:100%
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
overflow: visible;
}


a,a:hover{
	text-decoration: none;
}
div#baes{
}
div#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 100%;
/*	line-height: 1.8;*/
}
img{
	width:100%;
}


/****フレーム*****************************/
.wrap{
	width:100%;
font-size:15px;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.inner{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}
/**全画面ハンバーガーメニュー*****************************************/
.left_big_area{
	padding-top:20px;
	color:#fff;
	background:#333;
}
.left_na_area{
	padding: 10px 5px 10px 13px;
	border-bottom:1px solid #282828;
}
.left_na_area:hover{
	border-bottom:1px solid #282828;
	background:#555;
    -webkit-transition: all 1.0s ease;
    -moz-transition: all 1.0s ease;
    -o-transition: all 1.0s ease;
    transition: all  1.0s ease;
}
a .left_na_area{
	color:#ddd;
}
.left_na_area a:visited{
	color:#ddd;
}
.left_na_area a:hover{
	color:#ddd;
}

#mj{
	line-height: 1;
	margin-left:8px;
}
/*******************************************/
/**********    エリア   **********************/
/******************************************/
.area1_wrap{
	background:#fff url(../img/bg_area1.jpg) no-repeat center center;
	background-size:cover;
    height: 100vh;
	width:100%;
	margin:0;
	padding:0;

}

/**************************************/
.area2_wrap{
	background:#fff;
	width:100%;
}
.area2_wrap_in{
	background:#fff;
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
}

.area2b_wrap{
	background: url(../img/gloss.jpg) repeat;
	width:100%;
}
.area2b_wrap_in{
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
}
/**アニメ********************************************/
/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:8s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/***エリア1******************************************/
.area1_in{
	margin:0 auto;
	text-align:center;
}
.area1_in img{
	width:160px;
	margin-top:calc(50vh - 190px);
}


/***エリア2******************************************/
.title_area{
	padding-top:400px;
	padding-bottom:400px;
	margin:0 auto;
	text-align:center;
}
.bord1{
	margin:0 auto;
	width:240px;
	border-bottom:1px solid #000;
	margin-top:10px;
	margin-bottom:10px;
}
.title_1{
	font-size:17px;
	letter-spacing:4px;
}

/***エリア3******************************************/
.area3_wrap{
	background:#f5f5f5;
	width:100%;
		height:850px;
}
.area_left{
	float:left;
	width:33%;
	height:100%;
	background:#fff url(../img/bg_area3.jpg) no-repeat center right;
	background-size:cover;
}
.area_right{
	float:right;
	width:67%;
	background:#f5f5f5;
	text-align:left;
}
.area_right img{
	width:550px;
}
.tategaki{
margin-top:200px;
	  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size:15px;
  line-height:2em;
  
}
.clear{
	clear:both;
}
.tate2{
margin-top:-30px;
  font-size:27px;
}
.bigg{
	font-size:34px;
}
/***エリア4********************/
.area4_wrap{
	background:#fff;
	width:100%;
	padding-bottom:200px;
}
.area4_wrap_in{
	background:#fff;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
}
.area_left2{
	float:left;
	width:50%;
	height:100%;
	background:#fff;
}
.area_left2_in{
	padding-left:20px;
	padding-right:25px;
	font-size:14px;
}	
.area_right2{
	float:right;
	width:50%;
	background:#fff;
	text-align:left;
}
.area_right2_in{
	padding-left:25px;
	padding-right:20px;
	font-size:14px;
}	

.cp_title {
	font-size:20px;
    padding:0px 0px 0px 0px ;  /*内側の余白*/
color:#1f1f1f;
font-weight:bold;
margin-bottom:20px;
letter-spacing:0.2em;
}

.cp_title:before {
    content: url("../img/ic1.png");  /*画像のURL*/
    margin-right:10px;  /*画像右の余白*/vertical-align:top;
}

.hin_out{
	border-left:1px solid #c7c7c7;
	padding-left:0px;
}
.hin{
	font-size:16px;
	border-left:1px solid #efefef;
	padding-left:10px;
}
.kankaku{
	height:160px;
}
.kankaku2{
	height:200px;
}
.kankaku3{
	height:160px;
}
.kankaku4{
	height:180px;
}
/************************************************/
/***エリア5******************************************/
.area5_wrap{
	background: url(../img/gloss2.jpg) repeat;
	width:100%;
		height:900px;
}
.area_left5{
	float:left;
	width:50%;
	height:100%;
	background:#fff url(../img/bg_area5_1.jpg) no-repeat center center;
	background-size:cover;
}
.area_right5{
	float:right;
	width:50%;
	text-align:left;
}
.area_left5c{
	float:left;
	width:50%;
	height:100%;
	background:#fff url(../img/bg_area5_3.jpg) no-repeat center center;
	background-size:cover;
}

.area_left5b{
	float:left;
	width:50%;
	height:100%;
	text-align:right;
}
.area_right5b{
	float:right;
	width:50%;
	height:100%;
	background:#fff url(../img/bg_area5_2.jpg) no-repeat center center;
	background-size:cover;
}
.title_area5{
	padding-top:400px;
	padding-bottom:100px;
	margin:0 auto;
	text-align:center;
}
.title_area5f{
	padding-top:300px;
	padding-bottom:100px;
	margin:0 auto;
	text-align:center;
}

.ubi{
	float:right;
	text-align:left;
	margin-right:80px;
}
.pydit{
	margin:0 auto;
	text-align:center;
		padding-bottom:200px;
}
.tategaki5{
margin-top:160px;
	  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size:14px;
  line-height:1.9em;
  	height:610px;
}

.tate5{
margin-top:-60px;
  font-size:25px;
  padding-right:20px;
}

.tate5:before {
    content: url("../img/sp1.png");  /*画像のURL*/
    margin-right:10px;  /*画像右の余白*/
    
}
.tate5b{
margin-top:-60px;
  font-size:25px;
  padding-right:20px;
}

.tate5b:before {
    content: url("../img/sp2.png");  /*画像のURL*/
    margin-right:10px;  /*画像右の余白*/
    
}

.tate5c{
margin-top:-60px;
  font-size:25px;
  padding-right:20px;
}

.tate5c:before {
    content: url("../img/sp3.png");  /*画像のURL*/
    margin-right:10px;  /*画像右の余白*/
    
}
#col1{
	color:#38b9ae;
	font-size:20px;
}


/****固定バナー******************/
#fix-box {
	z-index:99999;
    bottom: 80px;
}

.fix-bn {
    width: 43px;
    height: 130px;
    position: fixed !important;
    position: absolute;
    right: 0;
    -webkit-transition: width ease-in-out 0.5s;
    -moz-transition: width ease-in-out 0.5s;
    -ms-transition: width ease-in-out 0.5s;
    -o-transition: width ease-in-out 0.5s;
    transition: width ease-in-out 0.5s;
}

.fix-bn:hover {
    width: 288px;
}

.fix-bn a {
    display: block;
    width: 100%;
    height: 100%;
}
.fix_area{
width:288px;
    height: 130px;
	background: url(../img/fix_area.png) no-repeat center left;
	padding-left:50px;
}
.fix_tel{
	font-size:24px;
	padding-top:18px;
	margin-left:22px;
}
.fix_tel a{
	color:#10b896;
	transition: all 0.5s 0s ease;
}
.fix_tel a:visited{
	color:#10b896;
}
.fix_tel a:hover{
	color:#e39601;
	transition: all 0.5s 0s ease;
}
.fix_mail{
	font-size:15px;
	padding-top:28px;
	margin-left:16px;
}
.fix_mail a{
	color:#333;
	transition: all 0.5s 0s ease;
}
.fix_mail a:visited{
	color:#333;
}
.fix_mail a:hover{
	color:#e39601;
	transition: all 0.5s 0s ease;
}

/****フッター****************/

.foot_wrap{
	background:#151515;
	width:100%;
}
.foot_wrap_in{
	height:100px;
	text-align:center;
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
}
.copy{
	margin-top:28px;
	color:#555;
	font-size:12px;
}
/****エリア8************************/
.area8_wrap{
	background:#fff;
	width:100%;
	padding-bottom:00px;
}
.area8_wrap_in{
	background:#fff;
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
}
.area_left8{
	float:left;
	width:50%;
	height:100%;
	background:#fff;
}
.area_left8_in{
	padding-left:20px;
	padding-right:25px;
	font-size:14px;
}	
.area_right8{
	float:right;
	width:50%;
	background:#fff;
	text-align:left;
}
.area_right8_in{
	padding-left:25px;
	padding-right:20px;
	font-size:14px;
}	
/****/
.box28 {
    position: relative;
    margin: 0;
    padding: 110px 15px 50px 50px;
    border: solid 1px #ccc;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 20px 30px 20px 30px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #555;
    color: #ffffff;
    font-weight: bold;
    margin:0 auto;
}
.box28 p {
    margin: 0; 
    padding: 0;
}
.gaiin{
	font-size:15px;
}
/****/
.area_left8_in img{
	width:455px;
}
.area_right8_in img{
	width:455px;
}
.kankaku8{
	height:120px;
}
.kankaku9{
	height:40px;
}
.box28b {
    position: relative;
    margin: 0;
    padding: 110px 15px 50px 35px;
    border: solid 1px #ccc;
}
.box28b .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 20px 30px 20px 30px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #555;
    color: #ffffff;
    font-weight: bold;
    margin:0 auto;
}
#miniko{
	font-size:14px;
}
/*************************************************/
.area9_wrap{
	background:#fff url(../img/bg_area9.jpg) no-repeat;
background-position:	bottom;
    height: 800px;
	width:100%;
	margin-top:150px;
}
.area9_wrapb{
	background:#fff url(../img/bg_area9b.jpg) no-repeat;
background-position:	bottom;
    height: 800px;
	width:100%;
	margin-top:0px;
	padding:0;
}


.area9_in{
	margin:0 auto;
	text-align:center;
}
.area9_in img{
	width:250px;
	margin-top:360px;
}
.area9_in2{
text-align:center;
margin:0 auto;
	width:95%;
	margin-top:25px;
}
.fa-solid{
	font-size:15px;
}

#footiroiro{
	font-size:15px;
	padding-top:18px;
	margin-left:22px;
}
#footiroiro a{
	color:#999;
	transition: all 0.5s 0s ease;
}
#footiroiro a:visited{
	color:#999;
}
#footiroiro a:hover{
	color:#e39601;
	transition: all 0.5s 0s ease;
}

#footiroiro2{
	font-size:15px;
	padding-top:18px;
	margin-left:22px;
	margin-top:22px;
}
#footiroiro2 a{
	color:#999;
	transition: all 0.5s 0s ease;
}
#footiroiro2 a:visited{
	color:#999;
}
#footiroiro2 a:hover{
	color:#e39601;
	transition: all 0.5s 0s ease;
}


/***盆栽とひと***************/
.area2e_wrap{
	background: url(../img/gloss3.jpg) repeat;
	width:100%;
}
.area2e_wrap_in{
	width:100%;
	max-width:900px;
	margin:0 auto;
	padding: 10px 0px 10px 0px;
}

.bonhito{margin:0 auto;
	width:800px;
	
	background:#fff;
	margin-bottom:350px;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);    /* 影指定 */
	border-radius:  20px;
}
#f_f{
	font-size:18px;
}
#f_f2{
	font-size:18px;
	color:#a58f44;
	margin-bottom:10px;
}
.f_left{
	float:left;
	width:30%;
}
.f_left img{
	width:150px;
	margin:60px 0px 0px 50px;
}
.f_right{
	float:right;
	width:63%;
	padding:60px 50px 50px 0px ;
}

#menmo{
	font-size:15px;
}
.title_2{
	font-size:13px;
	margin-top:16px;

}


/***盆栽と人**************************************************/
.hito_out{
	margin:0 auto;
	width:90%;
	max-width:1200px;
	padding:40px40px40px20px;
	margin-bottom:90px;
}
.hito_in{
	background:#fff;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
}
/***/
.hito_left{
	background:#fff url(../img/hito/bg_1.jpg) no-repeat center center;
	background-size:cover;
	height:650px;
	float:left;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.hito_leftb{
	background:#fff url(../img/hito/bg_2.jpg) no-repeat center center;
	background-size:cover;
	height:650px;
	float:left;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.hito_leftc{
	background:#fff url(../img/hito/bg_3.jpg) no-repeat center center;
	background-size:cover;
	height:650px;
	float:left;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.hito_leftd{
	background:#fff url(../img/hito/bg_4.jpg) no-repeat center center;
	background-size:cover;
	height:650px;
	float:left;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.hito_lefte{
	background:#fff url(../img/hito/bg_5.jpg) no-repeat center center;
	background-size:cover;
	height:650px;
	float:left;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}


.hito_right{
	float:right;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	padding:80px 0px 0px 0px ;
}
/***/
.hito_left2{
	height:500px;
	float:left;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.hito_right2{
	background:#fff url(../img/hito/hito1.jpg) no-repeat center center;
	background-size:cover;
	float:right;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
			height:600px;
}
.hito_right2b{
	background:#fff url(../img/hito/hito2.jpg) no-repeat center center;
	background-size:cover;
	float:right;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
			height:550px;
}
.hito_right2c{
	background:#fff url(../img/hito/hito3.jpg) no-repeat center center;
	background-size:cover;
	float:right;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
			height:550px;
}


.hito_right2d{
	background:#fff url(../img/hito/hito4.jpg) no-repeat center center;
	background-size:cover;
	float:right;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
			height:550px;
}



.hito_right2e{
	background:#fff url(../img/hito/hito5.jpg) no-repeat center center;
	background-size:cover;
	float:right;
	width:50%;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
			height:550px;
}








/****/
.hito_title1{
	margin-right:150px;
}
.hito_title2{
	margin-right:0px;
	font-size:30px;
}
.hito_title3{
	margin-right:-41px;
	margin-top:400px;
	font-size:20px;
}
.hito_title3c{
	margin-right:-0px;
	margin-top:400px;
	font-size:20px;
}
.hito_title3d{
	margin-right:-41px;
	margin-top:400px;
	font-size:20px;text-orientation: upright;
}

.hito_title4{text-orientation: upright;
	margin-right:40px;
	margin-top:30px;
}
.hito_title5{
	margin-right:140px;
	margin-top:90px;
}
/*****************/
@media only screen and (max-width: 1100px){
	.hito_title1{
		margin-right:70px;
	}
	.hito_title5{
		margin-right:70px;
		margin-top:90px;
	}
}
/*****************/


/***盆栽と人ここまで******************************************/





/****背景のパララックス****************************************/
.cd-fixed-bg {
width:100%;
    position: relative;
    min-height: 100%;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    z-index: 2;
}

/*--固定背景01--*/
.cd-fixed-bg.cd-bg-1  {
height:700px;
  background-image: url(../img/pbg1.jpg) ;
	background-size:cover;
}
.cd-fixed-bg.cd-bg-2  {
height:700px;
  background-image: url(../img/pbg2.jpg) ;
	background-size:cover;
}

.cd-fixed-bg.cd-bg-3  {
height:700px;
  background-image: url(../img/pbg3.jpg) ;
	background-size:cover;
}

.syumiwo{
 line-height:27px;
}

/****画像だけの背景****************************************/
.img_bg_1{
	width:100%;
	height:850px;
	background-image: url(../img/fbg1.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.img_bg_2{
	width:100%;
	height:850px;
	background-image: url(../img/fbg2.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.img_bg_3{
	width:100%;
	height:850px;
	background-image: url(../img/fbg3.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}
.img_bg_4{
	width:100%;
	height:850px;
	background-image: url(../img/fbg4.jpg) ;
	background-repeat: no-repeat;
	background-position: center;
	background-size:cover;
}

/**********************************************/
.modoru{
position: fixed;
    top: 0px;
    left: 0px;
    width: 150px;
    z-index:9999;
}




/****盆栽と人のミニコ******************************************/
.hito_out2{
	margin:0 auto;
	width:90%;
	max-width:900px;
	padding:40px40px 0px 20px;
	margin-bottom:90px;
}
.hito_in2{
	background:#fff;
	box-shadow: 0px 3px 15px rgba(0,0,0,0.1);
		padding:0px;
}
.hito_in2 a{
	color:#000;
}

.hito_mini_left1{
	background:#fff url(../img/hito/bg_1.jpg) no-repeat center center;
	background-size:cover;
	float:left;
	width:35%;
		height:330px;
}
.hito_mini_left2{
	background:#fff url(../img/hito/bg_2.jpg) no-repeat center center;
	background-size:cover;
	float:left;
	width:35%;
		height:330px;
}
.hito_mini_left3{
	background:#fff url(../img/hito/bg_3.jpg) no-repeat center center;
	background-size:cover;
	float:left;
	width:35%;
		height:330px;
}
.hito_mini_left4{
	background:#fff url(../img/hito/bg_4.jpg) no-repeat center center;
	background-size:cover;
	float:left;
	width:35%;
		height:330px;
}
.hito_mini_left5{
	background:#fff url(../img/hito/bg_5.jpg) no-repeat center center;
	background-size:cover;
	float:left;
	width:35%;
		height:330px;
}



.hito_mini_right1{
	float:right;
	width:65%;
	padding:0px 0px 0px 0px ;
	    position: relative;
	height:330px;
}


.hito_mini_titleen{
	padding:60px 20px 0px 40px ;
	font-size:13px;
		color:#ad9166;
}
.hito_mini_title{
	padding:0px 20px 0px 40px ;
	font-size:30px;
}
.hito_mini_title_name{
	padding:0px 20px 0px 40px ;
	font-size:18px;
}
.hito_mini_dit{
	padding:40px 20px 0px 40px ;
}
.moreimg{
    position: absolute;
    right: 0;
    bottom: 0;
	width:150px;
}