html,body {
    width: 100%;
}

/*
* html .layer_board_bg,
* html .layer_board {
	position: absolute;
}*/


#layer_board_area {
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	display: table-cell;
	vertical-align: middle;

}



.layer_board_bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 1000;
	
	top: 0;
	left: 0;
	
	display: none;
	/*cursor: pointer;*/
	background: #000;
}


.layer_board {
	display: none;
	position: fixed;
    top: 50%;  /*上端を中央に*/
	left: 50%;
	margin: -195px 0px 0px -45%;
	
	text-align: center;
	z-index: 2000;
    
    background: #231f20;
    
    width: 90%;
    height: 225px;
    
}

.layer_board p {
    font-size: 200%;
    color: #bcd9ff;
    text-align: left;
    /*padding: 20px 5% 0;*/
    padding: 50px 5% ;
   /* height: 125px;
    vertical-align: middle;*/
}

/*@media screen and (max-device-width: 1024px) {
    .layer_board {
        display: none;
        position: fixed;
        top: 50%;  
        left: 50%;
        margin: -195px 0px 0px -20%;

        text-align: center;
        z-index: 2000;

        background: #231f20;

        width: 40%;
        height: 300px;
    }
    .layer_board p {
        height: 200px;
    }
}*/





.layer_board .layer01{
    float: left;
    background: #b9102c;
    color: #FFF;
    margin: 70px 0 ;
    width:45%;
     height: 130px;
    vertical-align: middle;
    
}
.layer_board .layer02{
    float: right;
    background: #276fb7;
    color: #FFF;
    width:45%;
     height: 130px;
    margin: 70px 0 ;
    vertical-align: middle;
}
.layer_board .layer01 span,
.layer_board .layer02 span
{
    display: block;
    color: #FFF;
    padding: 35px 0 ;
    font-size: 200%;
}


@media screen and (max-device-width: 1024px) {
    .layer_board {
        display: none;
        position: fixed;
        top: 50%;  /*上端を中央に*/
        left: 50%;
        margin: -195px 0px 0px -45%;

        text-align: center;
        z-index: 2000;

        background: #231f20;

        width: 90%;
        height: 225px;
        font-size: 145%;
        
    }
    .layer_board p {
        padding: 50px 5% ;
        margin: 0 auto;
       
        
    }
    
    .layer_board .layer01{
        height: 130px;
        margin: 70px 0 ;
    }
    .layer_board .layer02{
        height: 130px;
        margin: 70px 0 ;
    }
    .layer_board .layer01 span,
    .layer_board .layer02 span
    {
        padding: 35px 0 ;
    }
    
}