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

*{margin:0;padding:0;}

html{background:#ffffff;}

body{
font-size: 16px;
font-family: Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"Noto Sans JP",sans-serif;
color:#333;
height: 100%;
line-height: 1.8;
background:#ffffff;
}

a{color:#3fa9f5;text-decoration: none;}
a:hover{color:#999;text-decoration:none;}
a:active, a:focus {outline: 0;}
img{border:0;vertical-align:bottom; }
.clear{clear:both;}
p{margin-bottom: 10px;}
.center{text-align:center;}
.right{text-align:right;}
.f-right{float: right;}
.visible_pc{display: block;}
.visible_sp{display: none;}

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

#cont{
	position: relative;
	height: 100%;
}

/*******************************
ナビゲーション
*******************************/
#sideNavi{
	width: 200px;
	padding: 55px 30px;
	height: 100%;
	height: calc(100vh - 110px);
	position: fixed;
	background: #fff;
	overflow-y: auto;
}

#sideNavi .logo{
	width: 80%;
	margin-bottom: 30px;
	text-align: center;
}

#sideNavi .logo img{
	width: 100%;
}

#sideNavi ul{
	list-style: none;
	margin: 0.5em 0;
}

#sideNavi ul li{
	padding-left: 20px;
	margin-bottom: 10px;
	/* line-height: 25px; */
}

#sideNavi ul li a{
	color: #333;
	font-weight: 600;
}

#sideNavi ul li a:hover{
	color: #3fa9f5;
	text-decoration: none;
}

#sideNavi ul li span{
	font-size: x-small;
}

#sideNavi ul li ul li{
	padding-left: 10px;
	line-height: 1;
}

#sideNavi ul li ul li a{
	/* color: #3fa9f5; */
	font-size: smaller;
}

.bold{
	font-weight: 600;
}

.sns{
	display: inline;
	width: 100%;
	margin: 10px 0;
	padding-left: 30px;
}
.sns:last-child{
	padding-left: 10px;
}
.sns img{
	width:15%;
}

.sns_s, .sns_s_x{
	display: flex;
}
.sns_s a, .sns_s_x a{
	flex-basis: 40px;
	flex-shrink: 0;
}
.sns_s_p{
	padding-left: 20px !important;
}

/*
.brs::after{
	content: url(../images/i-brs.png);
	position: relative;
	top: 5px;
}
*/

.brs2::after{
	content: url(../images/i-brs2.png);
}



/*******************************
コンテンツ表示箇所（右）
*******************************/
#sideMain{
	padding-left: 259px;
	background: #f1f2f6;
	border-left: 1px solid #f3f3f3;
	overflow-x: hidden;
}

#wrapper{
	padding: 50px 80px;
}

#bread{
	color: #3fa9f5;
	margin-bottom: 30px;
}

#topimage{
	width: 100%;
	object-fit: contain;
}

#topimage img{
	width: 100%;
}

.b_w{
	background: #fff;
	padding: 50px 80px;
}

h1 {
  border-bottom: solid 3px #e6e6e6;
  position: relative;
	margin-bottom: 30px;
}

h1:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #29abe2;
  bottom: -3px;
  width: 3%;
}

.news{
	margin-bottom: 50px;
}

.news_t{
	width: 100%;
	margin-bottom: 10px;
	display: flex;
	overflow-y: auto;
	border-bottom: 1px solid #29abe2;
}

.news_t p.date{
	margin-right: 1em;
}

.news_t p.text{
	width: 100%;
}

.conText{
	width: 100%;
	background: #fff;
	margin-bottom: 50px;
	padding: 30px;
	border-radius: 10px;
	box-sizing: border-box;
}

.conText .img{
	width: 100%;
	margin-bottom: 30px;
}

.conText .img img{
	width: 100%;
}

.conText h2{
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	margin-bottom: 15px;
  background: transparent;/*背景透明に*/
  border-left: solid 5px #3fa9f5;/*左線*/
}

.conText p, .conText_i p{
	padding: 0 15px;
}

.conText_i{
		display: flex;
}

.conText_i .left{
	flex-basis: 45%;
	flex-shrink: 0;
}

.conText_i .left img{
	width: 100%;
}

.conText_i .right{
	padding: 30px;
	min-width: 0;
	text-align: inherit;
}

.conText_i .right img{
	max-width: 100%;
}

.conText_i .right p{
	padding: 0;
}

.conText h3{
	padding: 10px 15px;
}

.conText_i .right h3{
	padding: 10px 0;
}

.conText ul{
	padding-left: 40px;
	margin-bottom: 20px;
}

.conText_i .right ul{
	padding-left: 25px;
	margin-bottom: 20px;
}

.table_design03,
.table_design03_it {
  border-collapse: collapse;
  width: 100%;
	margin-bottom: 30px;
}
.table_design03 th, .table_design03 td,
.table_design03_it th, .table_design03_it td {
  border-bottom: 1px solid #3fa9f5;
  padding: 1em;
}
.table_design03 th,
.table_design03_it th {
	border-bottom: 1px solid #3fa9f5;
  font-weight: bold;
  text-align: center;
  width: 20%;
  min-width: 4em;
}
.table_design03 th ul, .table_design03 td ul,
.table_design03_it th ul, .table_design03_it td ul{
	padding-left: 20px;
	margin-bottom: 0;
}

.ser_box{
	width: 100%;
	display: flex;
	margin-bottom: 80px;
}

.ser_box a{
	width: calc( ( 100% - 60px ) / 3 );
	color: #333;
	font-weight: 600;
	margin-right: 30px;
	position: relative;
	overflow: hidden;
}

.ser_box a:hover{
	color: #3fa9f5;
}

.ser_box a:last-child{
	margin-right: 0;
}

.ser_box_s img{
	width: 100%;
	transition: all 0.5s ease-in-out;
}
.ser_box_s img:hover{
	transform: scale(1.3);
}

.ser_box_s p{
	position: absolute;
	width: 100%;
	padding: 10px;
	background-color: rgba(230, 230, 230, 0.6);
	bottom: -10px;
}

.company_b{
	display: flex;
	width: 100%;
	margin-bottom: 50px;
	overflow: hidden;
}
.company_b .left,
.company_b .right{
	width: calc(100% / 2);
	margin: 0 20px;
	overflow: hidden;
}

.company_b img{
	width: 100%;
	height: 166px;
	border: 1px solid #333;
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
}

.company_b img:hover{
	transform: scale(1.1);
}

.left_l{
	overflow: hidden;
}

.left_l img{
	transition: all 0.5s ease-in-out;
	box-sizing: border-box;
}

.left_l img:hover{
	transform: scale(1.1);
}

.topText{
	margin-bottom: 50px;
}

.company_c{
	width: 100%;
	display: flex;
	justify-content: center;
}

.company_c .left,
.company_c .right{
	width: calc(100% / 2);
	max-width: 580px;
	margin-right: 20px;
	text-align: left;
}

.company_c .right{
	margin-right: 0;
}

.company_c .left a img,
.company_c .right a img{
	width: 100%;
}

/*
.topText{
	display: flex;
	margin-bottom: 50px;
}

.topText .left{
	flex-basis: 45%;
	flex-shrink: 0;
}

.topText .left img{
	width: 100%;
}

.topText .right{
	padding: 20px;
	text-align: inherit;
}

.topText .right h2{
	margin-bottom: 10px;
}

.topText .right p.big{
	font-size: x-large;
}

.topText .right p a{
	border-bottom: 1px solid;
}

.topText .right p span{
	color: #999;
}

.topText .right .sns,
.conText_i .right .sns{
	display: inline-flex;
	width: 35px;
	margin: 20px 10px;
	padding-left: 0;
}
.topText .right .sns img,
.conText_i .right .sns img{
	width:100%;
}
*/

.c_img{
	width: 100%;
	margin-bottom: 30px;
	box-sizing: border-box;
}

.c_img img{
	width: 100%;
}
.c_logo{
	display: flex;
	width: 85%;
	margin: auto;
}
.c_logo a{
	width: calc(100% / 3);
	text-align: center;
	vertical-align: top;
}
.c_logo a img{
	max-width: 100%;
}

/*******************************
/* Kidsプログラミング教室
*******************************/
.kids_f{
	display: flex;
	min-width: 0;
}

.kids_f .left,
.kids_f .right{
	padding: 10px;
	flex-basis: calc(100% / 2);
	flex-shrink: 0;
	box-sizing: border-box;
	text-align: inherit;
}

.kids_f .left img,
.kids_f .right img{
	max-width: 100%;
}


/*******************************
/* フッター
*******************************/

footer .f-menu{
	width: 100%;
	margin: auto;
	padding: 30px 0;
	background: #f9f9f9;
}

footer .f-menu ul{
	width: 350px;
	margin: auto;
	list-style: none;
	display: flex;
}

footer .f-menu ul li{
	margin-right: 15px;
}

footer .f-menu ul li:last-child{
	margin-right: 0;
}

footer{
	text-align: center;
	background: #0071bc;
}

footer p{
	color: #fff;
	padding: 20px 0;
	margin-bottom: 0;
}

/******************
/* ヘッダーナビゲーション
******************/




/*******************************
メイン画像
*******************************/


/*******************************
コンテンツ位置
*******************************/


/*************************
/* ボックス
*************************/


/*************
/* 見出し
*************/


/*************
/* リスト
*************/


/*******************************
/* フッター
*******************************/
</pre></body></html>