<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 */
/* ------------------------------------------------------------------------ */

/*  Reset

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

html {
	overflow-y	: scroll;
	height		: 100%;
	font-size	: 62.5%;
	-webkit-text-size-adjust: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,p,blockquote {
	margin 	: 0;
	padding : 0;
}

fieldset {
	display	: inline;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style : normal;
}

body/**/table {
	line-height	: 1.5;
}

q:before,
q:after {
	content : '';
}

object,embed {
	vertical-align : top;
}

legend	{
	display : none;
}

h1,h2,h3,h4,h5,h6 {
	font-size : 100%;
}

img,abbr,acronym,fieldset {
	border : 0;
}

li {
	list-style-type : none;
}

img[usemap] {
	border		: none;
	height		: auto;
	max-width	: 100%;
	width		: auto;
}

img {
	border		: 0;
	max-width	: 100%;
}

i {
	padding	: 5px 5px 2px 0;
}

/* Flexible Images */
img{
    max-width	: 100%;
    height		: auto;
    width /***/	: auto;
	backface-visibility: hidden;
}

submit	{ -webkit-appearance : none;}

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

/*  Basic Style

/* ------------------------------------------------------------------------ */
body {
	margin		: 0;
	padding		: 0;
	height		: 100%;
	font-family	: 'Noto Sans JP',"娓搞偞銈枫儍銈綋", YuGothic, "娓搞偞銈枫儍銈� Medium", "Yu Gothic Medium", "娓搞偞銈枫儍銈�", "Yu Gothic" , MS PGothic, Meiryo, Arial, sans-serif;
	font-size	: 1.8rem;
	line-height	: 1.5;
	text-align	: justify;
	color		: #333;
	-webkit-text-size-adjust	: 100%;
	font-smoothing	: auto;
	text-justify: inter-ideograph;
	word-break: break-word;
	background: #b7193f;
}
body *, body *::before, body *::after {
	box-sizing: border-box;
}

#wrap{
	margin		: 0 auto;
	text-align	: center;
}

body &gt; #wrap { height : auto; overflow: hidden; position: relative;}

.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.contents{
	max-width: 1140px;
	padding: 0 20px;
	width: 100%;
	margin: 0 auto;
}

.spStyle{
	display: none;
}

.indent{
	text-indent: -1em;
	padding-left: 1em;
}

.txt_container p{
	margin-bottom: 20px;
}
@media screen and (max-width: 767px){
	body{
		background: #fff;
		font-size: 1.6rem;
	}
	.spStyle{
		display: block;
	}
	.pcStyle{
		display: none;
	}
}

/* Link
--------------------------------------------------------------------------- */

.opacity a:hover img{
	opacity: 0.85;
}

a:link	{
	text-decoration	: none;
	color			: #004097;
}

a:visited	{
	text-decoration	: none;
	color			: #004097;
}

a:hover	{
	text-decoration	: underline;
}

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

/* Hedaer

/* ------------------------------------------------------------------------ */
header{
	background: rgba(255,255,255,0.6);
	position: fixed;
	width: 454px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	z-index: 90;
}
	header p a{
		font-size: 2rem;
		color: #ae193f !important;
		font-weight: 700;
	}
		header p a:hover{
			text-decoration: none;
		}

@media screen and (max-width: 1023px){
	header{
		width: 420px;
	}
}
@media screen and (max-width: 767px){
	header{
		width: 100%;
	}
}

/* Navigation
/* ------------------------------------------------------------------------ */
div.hg_menu_btn {
	cursor: pointer;
	background: #b7193f;
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 10px;
	margin: 0 0 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
	div.hg_menu_btn span {
		position: relative;
		display: inline-block;
		width: 40px;
		height: 1px;
		background: #fff;
		margin: 15px 0;
		transition: 0.3s ease;
	}
		div.hg_menu_btn span::before,
		div.hg_menu_btn span::after {
			content: "";
			position: absolute;
			background: #fff;
			display: block;
			height: 1px;
			width: 100%;
			transition: .3s;
		}
			div.hg_menu_btn span::before {
				bottom: 10px;
			}
			div.hg_menu_btn span::after {
				top: 10px;
			}
				div.hg_menu_btn.active span{
					transform: rotate(180deg);
					background: none;
				}
				div.hg_menu_btn.active span::before{
					top: 50%;
					transform: translateY(-50%) rotate(45deg);
				}
				div.hg_menu_btn.active span::after{
					top: 50%;
					transform: translateY(-50%) rotate(-45deg);
				}

nav {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	width: 100%;
	overflow: auto;
	z-index: 90;
}
	nav ul li.li_sns{
		background: #fff;
	}
		nav ul li a{
			color: #fff !important;
			display: block;
			width: 100%;
			padding: 20px;
			border-bottom: solid 3px #fff;
			font-size: 1.8rem;
		}
			nav ul li a:hover{
				text-decoration: none;
			}

		nav ul li.li_top a{
			background: rgba(183, 25, 63, 0.95);
		}
			nav ul li.li_top:hover a{
				background: rgba(183, 25, 63, 1);
			}

		nav ul li.li_tag a{
			background: rgba(0, 128, 128, 0.95);
		}
			nav ul li.li_tag:hover a{
				background: rgba(0, 128, 128, 1);
			}

		nav ul li.li_image a{
			background: rgba(155, 140, 109, 0.95);
		}
			nav ul li.li_image:hover a{
				background: rgba(155, 140, 109, 1);
			}

		nav ul li.li_voice a{
			background: rgba(170, 82, 128, 0.95);
		}
			nav ul li.li_voice:hover a{
				background: rgba(170, 82, 128, 1);
			}

		nav ul li.li_sound a{
			background: rgba(125, 132, 97, 0.95);
		}
			nav ul li.li_sound:hover a{
				background: rgba(125, 132, 97, 1);
			}

		nav ul li.li_sns .sns_box{
			justify-content: center;
		}
			nav ul li.li_sns a{
				width: 15%;
				padding: 10px;
				border-bottom: none;
			}

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

/* Contents

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

#pcBlock{
	margin-right: 2%;
}
	.toplogo_svg{
		max-width: 467px;
	}
	.pcBlock-logo{
		margin-bottom: 40px;
	}

.loading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url("/admissions/academics/shinro/common/img/loading_bg_pc.jpg") no-repeat center #fff;
	background-size: cover;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 999;
}
	#loading_layer01,
	#loading_layer02,
	#loading_layer03{
		transition: 0.8s ease;
		transform: scale(0);
	}
	#loading_layer01{
		transition-delay: 0.1s;
		transform-origin: calc(100% * 40.2 / 776.3) calc(100% * 264.8 / 834.7);
	}
	#loading_layer02{
		transition-delay: 0.4s;
		transform-origin: calc(100% * 39.9 / 776.3) calc(100% * 654.4 / 834.7);
	}
	#loading_layer03{
		transition-delay: 0.8s;
		transform-origin: calc(100% * 109.9 / 776.3) calc(100% * 793.9 / 834.7);
	}
	#loading_layer01.visible,
	#loading_layer02.visible,
	#loading_layer03.visible{
		transform: scale(1);
	}

@media all and (-ms-high-contrast: none) {
	.loading_inner{
		width: 500px;
		height: 630px;
	}
}
	.loading_inner{
		width: 500px;
	}
		.loading_inner svg{
			display: block;
			margin: 0 auto;
			width: 100%;
		}

#contentsBlock &gt; section{
	padding: 50px 10px;
}
	#wrap{
		max-width: 1280px;
		width: 100%;
		margin: 0 auto;
		padding: 0 40px;
	}

.mainBlock_outer{
	width: 534px;
	background: rgb(154,44,72);
	background: linear-gradient(0deg, rgba(154,44,72,1) 0%, rgba(231,128,78,1) 100%);
	padding: 0 40px;
	flex-shrink: 0;
}
#mainBlock {
	clear : both;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	height: 100vh;
	min-height: 640px;
	background: #fff;
}
#contentsBlock{
	min-height: 100vh;
} 


@media screen and (max-width: 1023px){
	#pcBlock{
		width: 35%;
	}
	.mainBlock_outer{
		width: 500px;
	}
	#wrap{
		padding: 0 0 0 40px;
	}
}
@media screen and (max-width: 767px){
	#pcBlock{
		display: none;
	}
	body &gt; #wrap{
		display: block;
		padding: 0;
	}
	.mainBlock_outer{
		background: none;
		padding: 0;
		max-width: inherit;
		width: 100%;
	}
	#mainBlock{
		margin: 0 auto;
	}
	#contentsBlock &gt; section {
		padding: 20px;
	}
}



/* pageTop&amp;銉椼儵銈ゃ儛銈枫兗銉濄儶銈枫兗
/* ------------------------------------------------------------------------ */
#pageTop{
	background: #b7193f;
	padding: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#pageTop::before{
	content: "";
	width: 20px;
	height: 20px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	transform: rotate(-45deg);
	margin-bottom: -13px;
}

.policyLink{
	padding: 20px;
}
	.policyLink a{
		color: #b7193f;
		text-decoration: underline;
		font-size: 1.4rem;
	}
	.policyLink a:hover{
		text-decoration: none;
	}

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

/* Footer

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

footer {
	clear : both;
	background: #2c363d;
	padding: 30px 10px;
	position: relative;
}

footer .logo{
	width: 70%;
	margin: 0 auto 20px;
}

footer .copy{
	color: #fff;
	font-size: 1.4rem;
}
</pre></body></html>