<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700&amp;display=swap');

body {
	margin: 0;
	padding: 0;
	font-family: 'Noto Sans JP', "Yu Gothic", YuGothic, "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif;
	font-size:95%;
	font-weight: 300;
	line-height:180%;
	color: #222;
	min-width:1250px;
	-webkit-text-size-adjust: 100% ;/* iPhone?t?H?窶�?g?T?C?Y?g窶和窶露?o */
}
img {
	border: none;
	vertical-align:bottom;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd {
	margin: 0;
	padding: 0;
	list-style:none;
	box-sizing:border-box;
}
div, p, ul, ul li, h1, h2, h3, h4, h5, dl, dt, dd, ol, ol li, table, th, td {
	background-image:url(../image/spacer.gif);
}
a:link {color:#0A4475; outline:none; }
a:visited {color:#0A4475;}
a:hover {color: #333;}
a:hover img { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#wrapper {}
.base { margin:0 auto; max-width:1000px; }

.pc {display:block;}
.sm {display:none!important;}


/*====================================================================================================
  HEADER
====================================================================================================*/

#header { clear:both; width:100%; margin: 0 auto 10px; max-width: 1250px; }
#header::after { /*float_clear*/ display:block; clear:both; content:"";}

/* LOGO */
#header h1,
#header h1 a { display: block; width: 335px; height:110px;}
#header h1 { float: left;}
#header h1 a { text-indent: -9999px; background: url("../image/logo.png") no-repeat center center;}

/* NAVIGATION */
#header .h_nav { float: right; padding-top:0;}
#header .h_nav ul {}
#header .h_nav ul::after { display:block; clear:both; content:"";}
#header .h_nav ul li { float: left;}
#header .h_nav ul li a { 
	position: relative;
	display: block;
	margin:0 15px;
	padding-top: 50px;
	height:110px;
	color: #000;
	font-size: 110%;
	font-weight:500;
	text-align: center;
	text-decoration: none;
	line-height: 130%;
	box-sizing: border-box;
}
#header .h_nav ul li:nth-child(1),
#header .h_nav ul li:nth-child(8) { display: none; }
#header .h_nav ul li:hover { opacity: 0.7; filter: alpha(opacity=70); -moz-opacity: 0.7;}

#header .h_nav ul li a::before,
#header .h_nav ul li a::after {
	display:inline-block;
	clear:both;
	content:"";
	position:absolute;
	top:0;
	width:0;
	height:5px;
	background:#951D34;
	transition: 0.3s ease-out;
}
#header .h_nav ul li a::before {left: 50%; background:#014880;}
#header .h_nav ul li a::after { right: 50%; background:#1880c9;}
#header .h_nav ul li a:hover::before,
#header .h_nav ul li a:hover::after { width:50%; }
#header .h_nav ul li a.active::before,
#header .h_nav ul li a.active::after { width:50%; }

/* SNS and BANNER */
#header .h_nav ul li.fb,
#header .h_nav ul li.fb a { display: block; width: 23px; height: 23px;}
#header .h_nav ul li.fb { position: relative; top: 50px;}
#header .h_nav ul li.fb a { text-indent: -9999px; background: url("../image/fb-logo.png") no-repeat;}
#header .h_nav ul li.bana,
#header .h_nav ul li.bana a { display: block; width: 115px !important; height:27px !important; overflow: hidden;}
#header .h_nav ul li.bana { position: relative; top: 45px; margin-left: 40px; border-left:1px solid #CCC;}
#header .h_nav ul li.bana a { text-indent: -9999px; background:url("../image/jimin-logo.png") no-repeat left 3px; background-size: 95px auto !important; box-sizing: border-box;}
#header .h_nav ul li.fb a::before,
#header .h_nav ul li.bana a::before,
#header .h_nav ul li.fb a::after,
#header .h_nav ul li.bana a::after { display: none;}
#header .h_nav ul li.fb_sm { display: none;}



/*====================================================================================================
  CONTENT
====================================================================================================*/
#content { clear:both; width:100%; }



/*====================================================================================================
  FOOTER
====================================================================================================*/
#footer { clear:both;  color: #FFF; background: rgb(1,72,128);}
#footer .f_box { margin: auto; padding: 35px 0; max-width: 1000px;}
#footer .f_box::after { /*float_clear*/ display:block; clear:both; content:"";}
#footer a { color: #FFF;}

/* ADDRESS */
#footer .add { float: left; width:40%; }
#footer p:nth-child(1) {
	margin-bottom:10px;
	width: 100%;
	height: 50px;
	background: url("../image/f_logo_pc.png") no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
	border-bottom: 1px solid rgba(255,255,255,0.50);
}
#footer p:nth-child(2) b { margin-right: 20px;}

/* NAV */
#footer .f_nav { float: right; width:55%;}
#footer .f_nav ul { font-weight:500;}
#footer .f_nav ul::after { /*float_clear*/ display:block; clear:both; content:"";}
#footer .f_nav ul li { float: left; width: 25%; }
#footer .f_nav a { text-decoration: none; color: #fff; font-size:85%;}
#footer .f_nav a::before { content:'?'; margin-right: 10px; font-size:70%; }

/* COPYRIGHT */
#footer .copy { padding:20px 0; text-align: center; color: #555; background: #FFF;}



/*====================================================================================================
  DEVICE [No Touch]
====================================================================================================*/
#device {display:none; background:#FFF; padding:20px; text-align:center;}
#device::after {}
#device p {}
#device p a {
	display:block;
	padding:10px;
	color:#555;
	text-decoration:none;
	background:#EEE;
	border:1px solid #DDD;
	border-radius: 5px; /* CSS3 */
	-webkit-border-radius: 5px; /* Safari,Google Chrome */
	-moz-border-radius: 5px;/* Firefox */
}



/*====================================================================================================
  PAGE [No Touch]
====================================================================================================*/
#page,
#page a { display:block; width:51px; height:51px;}
#page { position: fixed; bottom:130px; right: 20px;}
#page a { text-indent: -9999px; background:#444 url(../image/page_top.png) no-repeat;}



/*====================================================================================================
  COLOR eto.. [No Touch]
====================================================================================================*/
.light-blue { color: #40A6DD;}
.blue { color: #0000FF;}
.dark-blue { color: #000099;}
.purple { color: #660099;}
.pink { color: #FF6699;}
.red { color: #FF0000;}
.orange { color: #FF6600;}
.yellow { color: #FFCC00;}
.white { color: #FFFFFF;}
.gray { color: #666666;}
.brown { color: #663300;}
.green { color: #339900;}
.italic { font-style: italic;}
.strong { font-weight: bold;}
.large { font-size: 115%; line-height: 140%;}
.small { font-size: 80%;}
.underline { text-decoration: underline;}
.line-through { text-decoration: line-through;}
.left { text-align: left;}
.center { text-align: center;}
.right { text-align: right;}</pre></body></html>