<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
html{
	margin:0;
	padding:0;
	font-size:62.5%;
}

body{
	min-height:1.0vh;
	margin:0 auto;
	padding:0;
	font-size:1.4em;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', '游ゴシック', YuGothic, '游ゴシック体', 'ＭＳ Ｐゴシック', sans-serif;
	font-weight:400;
}
h1, h2, h3, h4, h5, h6,a{
	line-height:125%;
}
p{
	line-height:170%;
}
li{
	line-height:145%;
}

@media screen and (min-width:813px){
	/* iPad背景切れ対策 */
	body{
		min-width:980px;
		height:100%;
	}
}

*,*::before,*::after{
	-ms-box-sizing:border-box;
	box-sizing:border-box;
}
header,footer,section,aside,nav,article,main{
	display:block;
}
h1, h2, h3, h4, h5, h6,p,figure,ul,ol,li,dl,dt,dd{
	margin:0;
	padding:0;
}
p{
	font-size:100%;
}
img {
	border:none;
	vertical-align:top;
	margin:0;
	padding:0;
}
ul li,ol li{
	list-style:none;
}
a{
	color:#FFFFFF;
	text-decoration:none;
	transition:color 0.2s;
}
a:link{
	color:#FFFFFF;
}
a:visited{
	color:#FFFFFF;
}
a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
a.txtLink:hover{
	text-decoration:none;
}

/* button初期化 */
button{
	-webkit-appearance:none;
	appearance:none;
	background:none;
	border:none;
	outline:none;
}
button:hover{
	cursor:pointer;
}

/* 表示切替 */
.switch{
	visibility:hidden;
}
.sp{
	display:none;
}


/*
	Content
-------------------------------------------------------------------------*/
#wrapper{
	/*background:url(../images/bg_kv_pc.png) center top no-repeat;*/
	background-size:contain;
}
.leadArea{
	padding:100px 30px 60px 30px;
	margin:0 auto;
	text-align:center;
}
.leadArea p{
	padding:70px 0 20px;
	font-size:1.6rem;
	letter-spacing:0.1em;
}
/*
.leadArea p:nth-of-type(2){
	padding:0 0 30px 0;
	font-size:1.5rem;
	letter-spacing:0;
}*/
a.btnEntry{
	display:inline-block;
	padding:25px 60px 25px 40px;
	font-size:2.2rem;
	font-weight:bold;
	letter-spacing:0.1em;
	background-color:#0f1ed2;
	box-shadow:0 2px 5px 0 rgba(0,0,0,0.3);
	position:relative;
	transition:background-color 0.2s;
}
a.btnEntry::after{
	content:' ';
	display:block;
	width:16px;
	height:16px;
	border-top:3px solid #FFFFFF;
	border-right:3px solid #FFFFFF;
	position:absolute;
	top:50%;
	right:25px;
	transform:translateY(-50%) rotate(45deg);
}
a.btnEntry:hover{
	background-color:#002B62;
}
.listCompany{
	display:-ms-flex;
	display:flex;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	width:980px;
	padding:30px;
	margin:0 auto;
}
.listCompany li{
	width:440px;
	padding:30px;
	margin:0 40px 40px 0;
	background-color:rgba(255,255,255,0.9);
	border:2px solid #002B62;
	text-align: justify;
}
.listCompany li:nth-of-type(2n){
	margin:0 0 40px 0;
}
.listCompany li .tit{
	font-size:2.3rem;
	padding:15px 0;
	margin:-30px -30px 0 -30px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#002B62;
}
.listCompany li figure{
	padding:20px 0 18px 0;
}
footer{
	padding:20px;
	font-size:1.2rem;
	color:#FFFFFF;
	text-align:center;
	letter-spacing:0.1em;
	background-color:#002B62;
}

/*
	Animation
-------------------------------------------------------------------------*/
.anm{
	opacity:0;
}

/* フェードイン */
@keyframes fadeIn{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}

#wrapper{
	opacity:0;
	animation:fadeIn 1.0s 1 normal 0.5s cubic-bezier(0, 0, 0.44, 0.98) forwards;
}
.leadArea{
	opacity:0;
	animation:fadeIn 0.8s 1 normal 1.2s cubic-bezier(0, 0, 0.44, 0.98) forwards;
}
.listCompany li{
	opacity:0;
}
.listCompany li:nth-of-type(1){
	animation:fadeIn 0.8s 1 normal 2.0s cubic-bezier(0, 0, 0.44, 0.98) forwards;
}
.listCompany li.anmStart{
	animation:fadeIn 0.8s 1 normal 0s cubic-bezier(0, 0, 0.44, 0.98) forwards;
}
@media screen and (min-width:813px){
	.listCompany li:nth-of-type(2){
		animation:fadeIn 0.8s 1 normal 2.0s cubic-bezier(0, 0, 0.44, 0.98) forwards;
	}
	.listCompany li.anmStart:nth-of-type(2n){
		animation:fadeIn 0.8s 1 normal 0.2s cubic-bezier(0, 0, 0.44, 0.98) forwards;
	}
}
	
@media screen and (max-width:812px){
	body{
		-webkit-text-size-adjust:100%;
	}
	img{
		width:100%;
	}
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	br.sp{
		display:inline-block;
	}
	
	/*
		Content
	-------------------------------------------------------------------------*/
	#wrapper{
		/*background:url(../images/bg_kv_sp.png) center top no-repeat;*/
		background-size:contain;
	}
	#logo img{
		width:240px;
	}
	.leadArea{
		max-width:500px;
		padding:60px 25px 20px 25px;
	}
	.leadArea p{
		padding:50px 0 20px 0;
		font-size:1.4rem;
		letter-spacing:0;
	}
	.leadArea p:nth-of-type(2){
		padding:0 0 30px 0;
		font-size: 1.2rem;
	}
	a.btnEntry{
		padding:20px 28px 20px 15px;
		font-size:1.4rem;
		letter-spacing:0.05em;
	}
	a.btnEntry::after{
		width:12px;
		height:12px;
		border-top:2px solid #FFFFFF;
		border-right:2px solid #FFFFFF;
		right:12px;
		transform:translateY(-50%) rotate(45deg);
	}
	.listCompany{
		display:block;
		width:100%;
		max-width:500px;
		padding:25px;
	}
	.listCompany li{
		width:100%;
		padding:20px;
		margin:0 0 20px 0;
		border:2px solid #002B62;
	}
	.listCompany li:nth-of-type(2n){
		margin:0 0 20px 0;
	}
	.listCompany li .tit{
		margin:-20px -20px 0 -20px;
		padding:12px 0;
		font-size:1.7rem;
	}
	.listCompany li figure {
		padding:20px 0 16px 0;
	}
	footer{
		padding:20px;
		font-size:1.2rem;
		color:#FFFFFF;
		text-align:center;
		letter-spacing:0.1em;
		background-color:#002B62;
	}
}</pre></body></html>