@charset "utf-8";


/*------------------------------------------------------------
	
	
	about.css


------------------------------------------------------------*/



/*------------------------------------------------------------
	1カラム：導入
------------------------------------------------------------*/

.conts-box-center .txt-box h2.roboto {
	font-size: 6.8vw;
	font-weight: 600;
	font-family: 'roboto-condensed';
	color: #1F84CA;
}


.conts-box-center .txt-box h2 span {
	display: block;
	font: 500 5.2vw/1.7 'heisei-mincho-std';
	margin-top: 10px;
	color: #000;
}

@media only screen and (min-width: 813px) {
	
	.conts-box-center .txt-box h2.roboto {
		font-size: 4rem;
	}
	
	.conts-box-center .txt-box h2 span {
		font-size: 3.2rem;
		margin-top: 15px;
	}
	
}


/*------------------------------------------------------------
	2カラム
------------------------------------------------------------*/

figure {
	position: relative;
}

figure .wht-box {
	display: none;
}

@media only screen and (min-width: 813px) {
		
	figure .wht-box {
		display: block;
		background: #fff;
		width: 30%;
		height: 25%;
		position: absolute;
		z-index: 1;
	}
	
	figure .wht-box.box-01 {
		top: 0;
		left: 0;
		z-index: 10;
	}
	
	figure .wht-box.box-02 {
		bottom: 0;
		right: 0;
		z-index: 10;
	}

}