<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
@charset "utf-8";
/* ----------------------------------------------
common
---------------------------------------------- */
html { scroll-behavior: smooth;}

.cf:after{ content:""; display:block; clear:both; }

.fl{ float: left; }
.fr{ float:right; }

/* ãƒ‘ã‚½ã‚³ãƒ³ã§è¦‹ãŸã¨ãã¯"pc"ã®classãŒã¤ã„ãŸç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ */
.pc { display: block !important; }
.sp { display: none !important; }
 
section { width: 100%; }
.contentsW {
	margin:0 auto;
	padding: 60px 0;
	max-width: 1000px;
	width: 90%;
	text-align: center;
}
@media screen and (max-width: 768px) {
	.contentsW { padding: 10% 0; }
}
.center {
	text-align: center;
}

a {
    transition-property: all;
    transition: 0.3s linear;
}
a:hover {
    opacity:0.5;
}
img {
	width: 100%;
    vertical-align: top;
    font-size: 0;
    line-height: 0;
}

@media screen and (max-width: 768px) {
	section{
		width:100%;
		margin:0 auto;
		overflow: hidden;
	}

	.contents_main{
		width:90%;
		margin:30px auto;
		background-color: #fff;
		border-radius: 10px;
		padding:10px 0 30px 0;
	}

	/* ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§è¦‹ãŸã¨ãã¯"sp"ã®classãŒã¤ã„ãŸç”»åƒãŒè¡¨ç¤ºã•ã‚Œã‚‹ */
	.pc { display: none !important; }
	.sp { display: block !important; }
}

/* ----------------------------------------------
Fonts
---------------------------------------------- */
@font-face {
	font-family: "NotoSans";/*è¦ç´&nbsp;ã«æŒ‡å®šã™ã‚‹ã¨ãã«ä½¿ã†ãƒ•ã‚©ãƒ³ãƒˆå*/
	src:url(../../shared/fonts/NotoSansJP-SemiBold.woff2) format('woff2'),
		url(../../shared/fonts/NotoSansJP-SemiBold.woff) format('woff');
	font-display: swap;
}
@font-face {
	font-family: "NotoSerif";/*è¦ç´&nbsp;ã«æŒ‡å®šã™ã‚‹ã¨ãã«ä½¿ã†ãƒ•ã‚©ãƒ³ãƒˆå*/
	src:url(../../shared/fonts/NotoSerifJP-SemiBold.woff2) format('woff2'),
		url(../../shared/fonts/NotoSerifJP-SemiBold.woff) format('woff');
	font-display: swap;
}
body{
	font-family: 'NotoSans', serif;
  	letter-spacing: normal;
	line-height: 1.4;
	color:#144376;
	font-size: 1.1rem;
	font-weight: 500;
}

/* HTMLã‚¿ã‚°ã«é©ç”¨ */
::selection {
	color: #fff;
	background-color: #144376;
}
h2 { font-size: 28px; }
h3 { font-size: 24px; }

@media screen and (max-width: 768px) {
	h2 { font-size: 1.4rem; line-height: 1.2; text-align: left !important; }
	h3 { font-size: 1.2rem; line-height: 1.4; }
}

.f_min { font-family: 'NotoSerif', serif; font-weight: 700; }
.f_mark { background: linear-gradient(transparent 75%, #d0d9e4 90%); }
.f_small { font-size:80%; }
.f_big { font-size:140%; }

a:link,
a:visited {
	color:#144376;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* ----------------------------------------------
ã‚«ãƒ©ãƒ¼è¨­å®š
---------------------------------------------- */
/* èƒŒæ™¯ */
.bg_Blue { background-color: #144376; }
.bg_Gray { background-color: #f0f0f0; }

.f_orange { color:#dd1327; }

/* ----------------------------------------------
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆè¨­å®š
---------------------------------------------- */
.effect_shadow { filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.2)); }
.effect_cornerR { border-radius: 5px; }


/* ----------------------------------------------
KV
---------------------------------------------- */
#KV {
	margin:0 auto 0;
	padding: 0;
	width:100%;
	text-align: center;
	background: #fff;
}

#KV .logo {
	margin:0 auto;
	padding: 15px 0;
	max-width: 440px;
	width:70%;
}

#KV #MV {
	position: relative;
	height: 70vh;
	min-height: 600px;
	width:100%;
	background: #fff url(../../images/mv.jpg) no-repeat bottom center;
	background-size: cover;
}
#KV #MV #ccopy {
	margin:0 auto;
	padding:30px 0;
	width:90%;
	max-width:1000px;
	text-align: right;
}
#KV #MV .cc {
	color: #144376;
	writing-mode: vertical-rl;
	display: inline-block;
	text-align: left;
	line-height: 1.8;
	letter-spacing: 0.2em;
	font-size:26px;
}
#KV #MV .cc span {
	background: #FFF;
	padding:5px 0;
}
#KV #MV .t {
	width:100%;
	position: absolute;
	bottom:0;
	left:0;
}
#KV #MV .t img {
	margin:0 auto;
	width: 100%;
	max-width: 1200px;
}

@media screen and (max-width: 768px) {
	#KV {
		padding: 2% 0 0;
		background: none;
		text-align: center;
	}
	#KV .logo {
		padding: 2% 0;
	}
	#KV #MV {
		height: 480px;
		min-height: 480px;
		width:100%;
		background: #fff url(../../images/mv_sp.jpg) no-repeat bottom center;
		background-size: 100% auto;
	}
	#KV #MV .t {
		width:95%;
		position: absolute;
		bottom:2%;
		left:2.5%;
	}
}

/* ----------------------------------------------
ABOUT
---------------------------------------------- */
#About {
	margin: 0 auto;
	max-width: 1200px;
	background:#fff url(../../images/bg_earth.jpg) no-repeat top right;
	background-size: auto 75%;
}
#About .contentsW {
	text-align: left;
}
#About #un {
	margin: 40px 0;
	font-size: 16px;
}
#About #un p {
	margin-bottom: 5px;
}
#About #un p:last-child {
	margin-bottom: 0;
}
#About #company {
	margin-top:50px;
	font-size:14px;
}
#About #company #comLogo {
	margin-bottom:20px;
	background:url(../../images/com_line.gif) repeat-x center left;
}
#About #company #comLogo img {
	width:200px;
}
#About #company p.com_intro {
	line-height: 1.8;
	margin-bottom:20px;
}
#About #company #ceo {
	max-width:600px;
}
#About #company #ceo img {
	float:left;
	width: 30%;
}
#About #company #intro {
	margin-top:10%;
	float:right;
	margin-left:5%;
	width: 65%;
	font-size:12px;
}
#About #company #intro p.title {
	padding:3px 5px;
	font-size: 12px;
	color:#fff;
	background: -moz-linear-gradient(left, #144376 50%, #FFF);
  	background: -webkit-linear-gradient(left, #144376 50%, #FFF);
  	background: linear-gradient(to right, #144376 50%, #FFF);
}
#About #company #intro p.name {
	margin:10px 0;
	font-size: 18px;
}
#About #company #intro p.link {
	margin-top:10px;
}
#About #company #intro p.link span {
	background: #144376;
	color:#fff;
	font-size: 9px;
	padding:3px 5px;
	margin-right: 5px;
}

#About #ob {
	margin-top:30px;
	padding:20px;
	background: #144376;
	color:#fff;
	display: flex;
}
#About #ob img {
	width: 100%;
	max-width: 180px;
	padding-right: 20px;
	margin-right: 20px;
	border-right: #fff 1px solid;
}
#About #ob p {
	width:auto;
}
@media screen and (max-width: 768px) {
	#About {
		margin: 0 auto;
		max-width: 1200px;
		background:none;
	}
	#About #company {
		margin-top:0;
	}
	#About #company #comLogo img {
		margin:0 30%;
		width:40%;
	}
	#About #company #ceo {
		max-width:100%;
	}
	#About #company #ceo img {
		float:none;
		margin:0 25%;
		width: 50%;
	}
	#About #company #intro {
		margin-top:5%;
		float:none;
		margin-left:0;
		width: 100%;
		font-size:12px;
	}
	#About #ob {
		margin: 5% auto 0;
		display: block;
		width: 90%;
	}
	#About #ob img {
		margin:0 25%;
		width: 50%;
		max-width: 70%;
		padding-right: 0;
		margin-right: 0;
		margin-bottom: 4%;
		border-right: none;
	}
	#About #ob p {
		width:auto;
		padding-top:4%;
		border-top: #fff 1px solid;
	}
}

/* ----------------------------------------------
LineDeco
---------------------------------------------- */
#LineDeco {
	width: 100%;
	text-align: center;
}
#LineDeco img {
	width:100%;
	max-width: 1440px;
}
#LineDeco #LineDecoBg {
	width:100%;
	background: url(../../images/section_line_bg.gif) no-repeat top center;
}
#LineDeco #LineDecoBg2 {
	width:100%;
	background: url(../../images/section_line_bg2.gif) repeat-x top center;
}


/* ----------------------------------------------
SERVICE
---------------------------------------------- */
.circle,.sub2 { padding-left:1em; }
.circle li:before { content:"â—Ž "; }
.circle li,.sub2 li { margin-top:0.5em !important; margin-left:1em; list-style:none; text-indent: -1em; }
.sub li:before { content:"ãƒ» "; }
.sub2 li:before { content:"ãƒ» "; }
#Service {
	background: #fff url(../../images/earth_bg.gif) no-repeat top center;
	background-size: 90% auto;
}
#Service .sv {
	text-align: left;
}
#Service .sv .title {
	margin-left:30px;
	margin-bottom:30px;
	font-size:28px;
}
#Service #sv1 .no {
	background: url(../../images/sv_no1.png) no-repeat top left;
	background-size: 12% auto;
}
#Service .bottomDeco {
	padding:50px;
	background: url(../../images/sv_bd.gif) no-repeat bottom right;
	background-size: 20% auto;
}
#Service ul li {
	margin-bottom:10px;
}
#Service #sv2 ul li {
	margin-bottom:40px;
}
#Service ul li:last-child {
	margin-bottom:0;
}
#Service #sv2 {
	margin:50px 0;
}
#Service #sv2 .no {
	background: url(../../images/sv_no2.png) no-repeat top left;
	background-size: 12% auto;
}
#Service ul.sub {
	margin-top:10px;
}
#Service #sv2 ul.sub li {
	font-size:14px;
	margin-bottom:0;
}
#Service #sv3 .no {
	background: url(../../images/sv_no3.png) no-repeat top left;
	background-size: 12% auto;
}

#Service #Partner {
	margin:50px auto;
	max-width: 1000px;
	text-align: center;
}
#Service #Partner h2 {
	line-height: 1.5;
}
#Service #Partner p img {
	margin: 40px 0;
	max-width: 400px;
	width: 70%;
}
#Service #Partner ul li {
	float:left;
	width:calc(100%/3);
	margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
	#Service #sv1 .no,
	#Service #sv2 .no,
	#Service #sv3 .no {
		background-size: 20% auto;
	}
	#Service .bottomDeco {
		padding:8%;
		background: url(../../images/sv_bd.gif) no-repeat bottom right;
		background-size: 30% auto;
	}
	#Service .sv .title {
		margin-left:10%;
		margin-bottom:5%;
		font-size:24px;
	}
	#Service .sv {
		font-size: 16px;
	}
	#Service #sv2 {
		margin:5% 0;
	}
	#Service #Partner {
		margin:5% auto;
		max-width: 1200px;
		text-align: center;
	}
	#Service #Partner h2 {
		line-height: 1.5;
		text-align: center !important;
	}
	#Service #Partner ul {
		margin: 0 auto 5%;
		width: 90%;
	}
	#Service #Partner ul li {
		float:left;
		width:50%;
		margin-bottom: 0;
	}
	#Service #Partner ul li:last-child {
		margin:0 25%;
	}
	#Service #Partner p img {
		margin: 8% 0;
		max-width: 80%;
		width: 80%;
	}
}

/* ----------------------------------------------
footer
---------------------------------------------- */
footer {
	width: 100%;
	padding: 0;
	text-align: left;
	color:#fff;
	font-size: 14px;
}
footer #cityBg {
	width:100%;
	background: #144376 url(../../images/footer_img_bg2.gif) repeat-x top center;
	background-size: auto 100%;
}
footer #city {
	width:100%;
	background: url(../../images/footer_img_bg.gif) no-repeat top center;
	background-size: auto 100%;
}
footer .contentsW {
	padding:0;
}

footer #address {
	padding:50px 0;
	background: #144376;
	width: 100%;
	text-align: center;
}
footer #address img {
	width:100%;
	max-width: 250px;
	margin-bottom:40px;
}
footer a:link,
footer a:visited {
	color:#fff;
	text-decoration: none;
}
footer a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 768px) {
	footer {
		width: 100%;
		text-align: center;
	}
	footer #city .contentsW {
		width: 100%;
		background: none;
	}
	footer #address img {
		margin-bottom:5%;
		width:50%;
	}
}

/* ----------------------------------------------
ãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹
---------------------------------------------- */
#PageTopBTN {
    position: fixed;
    bottom: 10px;
    right: 10px;
	width: 60px;
	cursor: pointer;
}

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

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