.center{text-align:center;}
.left{text-align:left;}
.right{text-align:right;}



/* -- box -- */
.life_top_box{
  display: table;
  width:100vw;
  height:100vh;

  background-color:#f1cdbf;
  
  }

.life_contents_box{
  display: table-cell;
  vertical-align: middle;
}





.life_title1{
   margin-top:15px;
   display:inline-block;
			font-weight:100;
   font-family: 'Noto Sans JP', sans-serif;
   color:#a57c52;
   letter-spacing: 15px;
   font-size:38px;
		}


.life_title2{
   margin-top:0px;
   display:inline-block;
			font-weight:400;
   font-family: 'Playfair Display', serif;

   color:#8b6239;
   letter-spacing:6px;
   line-height:1;
   font-size:75px;
		}


.life_font{
   margin-top:10px;
   line-height:2.3;
   
   font-weight:500;
   letter-spacing:3px;
   font-size:20px;
   color:#000;
   font-family: 'Noto Serif JP', serif;
}


.button_life{
    margin-top:80px;
    margin-bottom:20px;
    display:inline-block;

    font-weight: 500;
    text-align: center;
    
    border: 1px solid #fff;
    letter-spacing:0.4px;
    padding: 9px 125px 11px 125px;
   
    font-size: 13px;
    border-radius: 10px;

    line-height: 1;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background: #f1cdbf;
   font-family: 'Noto Sans JP', sans-serif;
}
.button_life:focus {
	outline:0;
}
.button_life:hover {
    opacity:0.7;
}