<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */

/* ページタイトル:ページによってアイコン変更 */

/* page-title */

.page-ttl{
	width: 100%;
	height: auto;
	background: rgba(51,153,204,1.00);
	box-sizing:border-box;
}

.page-ttl h1{
	width: 100%;
	height: auto;
	color: #FFF;
	line-height: 5.0;
	font-size: 3.0rem;
	font-weight: normal;
	box-sizing: border-box;
	text-align: center;
	text-shadow:0px 0px 6px #000000;
}

/*////////////////////////////////////
On Line展示
////////////////////////////////////*/
.box{
	background:#e8e8e8;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 20px;
}
/*////////////////////////////////////
社内イベント
////////////////////////////////////*/
.event{
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background: rgba(255,255,255,.8);
	padding: 20px;
}

.event h1{
	background: rgba(51,153,204,1.00);
	color: #FFF;
	font-weight: normal;
	box-sizing: border-box;
	padding: 10px 0 10px 10px;
	margin-bottom: 20px;
	font-size: 1.0rem;
}

.event &gt; i{

	margin-right: 5px;
}

.event time{
	font-weight: bold;
	margin-right: 5px;
}

.event &gt; span{
	color: #FFF;
	background:#E5561F;
	padding: 3px 5px;
}

.event &gt; p{
	box-sizing: border-box;
	padding: 10px;
	line-height: 2.0;
}

.event-image{
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.event-image div{
	float: left;
	width: 32%;
	height: auto;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.event-image div:nth-child(1){
	margin-right: 2%;
}

.event-image div:nth-child(2){
	margin-right: 2%;
}

.event-image div:nth-child(4){
	margin-right: 2%;
}

.event-image div:nth-child(5){
	margin-right: 2%;
}

.event-image div img{
	max-width: 100%;
	height: auto;
	border: 1px solid #AAA;
}

.event-image-4{
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.event-image-2{
	margin-bottom: 20px;
}

.event-image-2 div{
	float: left;
	width: 48%;
	height: auto;
	box-sizing: border-box;
}

.event-image-2 div:nth-child(1){
	margin-right: 1%;
}

.event-image-2 div:nth-child(2){
	margin-right: 1%;
}

.event-image-2 div img{
	max-width: 100%;
	height: auto;
	border: 1px solid #AAA;
}

.event-image-2 div span{
	font-size: 0.8rem;
}

.event-image-2 div{
	float: left;
	width: 48%;
	height: auto;
	box-sizing: border-box;
}

.event-image-4 div{
	float: left;
	width: 23%;
	height: auto;
	box-sizing: border-box;
}

.event-image-4 div:nth-child(1){
	margin-right: 1%;
}

.event-image-4 div:nth-child(2){
	margin-right: 1%;
}

.event-image-4 div:nth-child(3){
	margin-right: 1%;
}

.event-image-4 div img{
	max-width: 100%;
	height: auto;
	border: 1px solid #AAA;
}

.event-image-4 div span{
	font-size: 0.8rem;
}

/*////////////////////////////////////
movie
////////////////////////////////////////*/
.movieWrapper{
	width: 100%;
	height: auto;
	maring: 0 auto;
}

.movieWrapper video{
	width: 100%;
	height: auto;
}

.movieWrapper video.tate{
	width: 100%;
	height: 640px;
}

/*////////////////////////////////////
社内イベント
////////////////////////////////////*/


@media screen and (max-width: 1280px){

	.ct-wrapper-box{
		width: 90%;
	}
}

@media screen and (max-width: 930px){

}

@media screen and (max-width: 630px){

	.event-image div{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.event-image div:nth-child(1){
		margin-right: 0;
	}

	.event-image div:nth-child(2){
		margin-right: 0;
	}

	.event-image-2 div{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.event-image-2 div:nth-child(1){
		margin-right: 0;
	}

	.event-image-2 div:nth-child(2){
		margin-right: 0;
	}

	.event-image-2 div:nth-child(3){
		margin-right: 0;
	}


	.event-image-4 div{
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.event-image-4 div:nth-child(1){
		margin-right: 0;
	}

	.event-image-4 div:nth-child(2){
		margin-right: 0;
	}

	.event-image-4 div:nth-child(3){
		margin-right: 0;
	}


}
</pre></body></html>