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

/* slider
---------------------------------------------------------- */
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-slide {
	background: url(/assets/img/top/main01_bg.jpg) no-repeat center center;
	background-size: cover;
}
.swiper-slide.slide02 {
	background: url(/assets/img/top/main02_bg.jpg) no-repeat center center;
	background-size: cover;
}
.swiper-slide.slide03 {
	background: url(/assets/img/top/main03_bg.jpg) no-repeat center center;
	background-size: cover;
}
.swiper-slide .box {
	height: 500px;
}
.swiper-slide .box .txt {
	padding-top: 160px;
}

/* page_index 
---------------------------------------------------------- */
.page_index #topics .img img{
	height: 30px;
}
.page_index #topics .img { 
	width: 15%;
	padding-top: 5%;
}
.page_index #topics .msg{
	width: 85%;
	border-left: 1px solid #ddd;
	padding: 2% 4%;
	padding-right: 0;
	box-sizing: border-box;
}
.page_index #topics .msg ul{
	overflow: auto;
	height: 280px;
	padding-right: 20px;
}
.page_index #topics .msg ul::-webkit-scrollbar-track{
	background-color: #dfede5;
}
.page_index #topics .msg ul::-webkit-scrollbar{
	width: 5px;
	background-color: #dfede5;
}
.page_index #topics .msg ul::-webkit-scrollbar-thumb{
	background-color: #00a04f;
}
.page_index #topics .msg a,
.page_index #topics .msg span.no_link{
	color: #333;
	text-decoration: none;
	line-height: 1.7;
}
.page_index #topics .msg a span,
.page_index #topics .msg span.no_link span{
	display: block;
	font-weight: bold;
	color: #019b4d;
	line-height: 1.6;
}
.page_index #topics .msg li{
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.page_index #service{
	background: #f3f3f3;
}
.page_index #service h4{
	font-weight: bold;
	font-size: 120%;
	color: #000;
	margin: 10px 0;
}
.page_index #service .service_col p {
	line-height: 1.7;
}

/* page_greeting 
---------------------------------------------------------- */
.name img{
	height: 25px;
	margin-top: 30px;
}

/* page_solution 
---------------------------------------------------------- */
.page_solution .wrap_out{
	background: #e9e9e9;
	padding: 30px 40px 90px 40px;
}
.page_solution .wrap_out .txt_green01{ margin-bottom: 10px; }
.page_solution .wrap_out .title_main{ margin-bottom: 5px;}
.page_solution .subInner{
	background: #f3f3f3;
	padding: 40px 80px 60px 80px;
	position: relative;
}
.page_solution .click{
	margin-bottom: 0;
	text-align: right;
	margin: -53px 40px 0 40px;
	padding: 15px 0;
	border-top: 1px solid #ccc;
	cursor: pointer;
}

.page_solution .click span{
	background: url(/assets/img/common/ico_plus.png) no-repeat right center;
	background-size: 12px;
	padding-right: 20px;
	color: #029646;
	font-weight: bold;
}

.page_solution span.open{ background-image: url(/assets/img/common/ico_min.png);}

.page_solution .click_2{
	background: #e9e9e9;
	text-align: center;
	cursor: pointer;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 0;
}
.page_solution .click_2:hover{ background: #d8d8d8; }
.page_solution .click_2 span{
	background: url(/assets/img/common/bg_arr.png) no-repeat right center;
	background-size: 7px;
	padding-right: 15px;
	color: #029646;
	font-weight: bold;
}
/* -- sub_sty -- */
.sub_sty .pack{
	background: url(/assets/img/common/bg_line.jpg) no-repeat left bottom;
	padding-bottom: 20px;
}
.sub_sty .pack span{
	display: block;
	width: 90px;
	float: left;	
	font-weight: bold;
	color: #029646;
}
.sub_sty .pack p,
.sub_sty .pack .over_r{
	width: 720px;
	float: right;	
}

.sub_sty_long .pack span{ width: 195px; }
.sub_sty_long .pack p{ width: 600px; }


/* page_philosophy 
---------------------------------------------------------- */
.page_philosophy #policy p {
	font-size: 16px;
	font-weight: bold;
}
.page_philosophy #mission p {
	line-height: 2.0;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
}
.page_philosophy #corevalue .case {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}
.page_philosophy #corevalue p {
	font-size: 16px;
	line-height: 2.0;
}
.page_philosophy .list_col{
	width: 310px;
	margin: auto;
	text-align: left;
}
.page_philosophy .list_col li{
	/*width: 45%;
	float:left;*/
	font-size: 16px;
	line-height: 2.0;
}


/* page_overview 
---------------------------------------------------------- */
.sub_sty_full .pack p,
.sub_sty_full .pack .over_r{ width: 850px; }
.page_overview .tb_overview{
	width: 100%;
}
.page_overview .tb_overview th{ width: 150px; text-align: left;}

.page_overview .over_add em{
	width: 445px;
	display: block;
	float: left;
}
.page_overview .over_add .btn_sty{
	float: left;
	display: inline-block;
	margin-top: 30px;
}

/* page_staff 
---------------------------------------------------------- */
.page_staff .staff_top{
	background: #029646; 
}
.page_staff .staff_top *{ color: #FFF !important;}
.page_staff .staff_top .img{
	width: 50%;
}
.page_staff .staff_top .msg{
	width: 50%;
	padding: 4%;
	box-sizing: border-box;
}
.page_staff .staff_top .title_main{ 
	margin-bottom: 15px; 
	font-size: 170%;
}
.page_staff .name_staff{
	border-bottom: 2px solid #ffc708;
	padding-bottom: 5px;
}
.page_staff .name_staff em{
	font-size: 130%;
	font-weight: bold;
	display: inline-block;
	border-top: 2px solid #ffc708;
	padding-top: 5px;
}
.page_staff .name_staff span{
	display: block;
	font-weight: bold;
	font-size: 240%;
	line-height: 1.2;
	font-family: 'Advent Pro', sans-serif;	
}
.page_staff .edu span{
	display: inline-block;
	background: #005d2b;
	padding: 0px 15px;
	margin: 5px 0;
	font-weight: bold;
}
.page_staff .bg_gray{
	padding: 4%;
}
.page_staff .staff_qa span{
	font-size: 130%;
	font-weight: bold;
	color: #029646; 
}
.page_staff .staff_qa em{
	font-size: 180%;
	font-family: 'Advent Pro', sans-serif;	
	font-weight: bold;
	color: #029646; 
	
}
.page_staff .staff_qa .pack{
	border-bottom: 1px solid #ddd;
	padding-bottom: 2%;
	margin-bottom: 2%;
}
.page_staff .staff_qa .pack:last-child{
	border: none;
	margin-bottom: 0;
}

/* page_greeting
---------------------------------------------------------- */
.page_greeting .msg p{ 
	font-size: 16px;
	line-height: 2.0;
}

/* page_policy 
---------------------------------------------------------- */
.page_policy .dis_bl{ 
	display: block;
	margin-bottom: 10px;
}
.page_policy th {
	width: 176px;
}

/* page_privacy 
---------------------------------------------------------- */
.page_privacy .privacy_b .ico_privacy{
	width: 100px;
	float:left;
}
.page_privacy .privacy_b p{
	float: right;
	text-align: right;
}


/* page_contact 
---------------------------------------------------------- */
.txt_tel{
	font-size: 240%;
	font-weight: 600;
	display: block;
	font-family: 'Advent Pro', sans-serif;	
	background: url(/assets/img/common/ico_tel.png) no-repeat left center;
	background-size: 25px;
	padding-left: 35px;
}
.txt_tel a{
	color: #333;
	font-family: 'Advent Pro', sans-serif;	
	font-size: 100%;
	font-weight: 600;
	text-decoration: none;
}
.txt_mail{
	display: inline-block;
	background: url(/assets/img/common/ico_mail.png) no-repeat left center;
	background-size: 25px;
	padding-left: 35px;
	font-size: 130%;
}

/* page_history
---------------------------------------------------------- */
.page_history th{
	width: 100px;
}

/* page_cutomer
---------------------------------------------------------- */
.page_cutomer th{
	width: 60px;
}

/* page_overview
---------------------------------------------------------- */
.page_overview th{
	width: 115px;
}



/* page_solution
---------------------------------------------------------- */
.page_solution #solution01 th{
	width: 100px;
}
.page_solution #solution02 th{
	width: 100px;
}
.page_solution #solution03 th{
	width: 100px;
}


/* page_career 
---------------------------------------------------------- */
.page_career th{
	width: 160px;
}
.page_career td span {
	width: 100px;
	display: inline-block;
}
.page_career p.indent {
	padding-left: 14px;
	text-indent: -14px;
	margin-bottom: 0!important;
}

/* page_career 
---------------------------------------------------------- */
.page_guidance th{
	width: 160px;
}
.page_guidance .headlink{
	text-align: center;
}

/* page_message
---------------------------------------------------------- */
.page_message p {
	width:  600px;
	margin-left: auto;
	margin-right: auto;
}
.page_message p.main_txt {
	font-size: 16px;
	line-height: 2.0;
}

/* page_ncc
---------------------------------------------------------- */
#ncc * {
	box-sizing: border-box;
  }
  #ncc body {
	min-height: 100vh;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  #ncc ul {
	padding: 0;
  }
  #ncc li {
	list-style-type: none;
  }
  #ncc dd {
	margin-left: 0;
  }
  
  #ncc .flow {
	padding-left: 120px;
	position: relative;
  }
  #ncc .flow::before {
	content: "";
	width: 15px;
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
  }
  #ncc .flow &gt; li {
	position: relative;
  }
  #ncc .flow &gt; li:not(:last-child) {
	margin-bottom: 8vh;
  }
  #ncc .flow &gt; li .icon {
	font-size: 12px;
	color: #fff;
	background: rgb(247,93,139);
	background: -moz-linear-gradient(left, rgba(247,93,139,1) 0%, rgba(254,220,64,1) 100%);
	background: -webkit-linear-gradient(left, rgba(247,93,139,1) 0%,rgba(254,220,64,1) 100%);
	background: linear-gradient(to right, rgba(247,93,139,1) 0%,rgba(254,220,64,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: 0;
	left: -120px;
	z-index: 100;
  }
  #ncc .flow &gt; li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #FEDC40FF;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
  }
  #ncc .flow &gt; li dl {
	padding-left: 50px;
	position: relative;
  }
  #ncc .flow &gt; li dl::before,
  #ncc .flow &gt; li dl::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
  }
  #ncc .flow &gt; li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #F75D8BFF;
	border-radius: 50%;
	left: -4px;
  }
  #ncc .flow &gt; li dl::after {
	width: 30px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
  }
  #ncc .flow &gt; li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: rgb(247,93,139);
	margin-bottom: 1vh;
  }
  
  /* スライドショー */
  .slide-show-wrapper {
	  position: relative;
	  width: 100%;
	  height: 300px;
	  overflow: hidden;
	  border-radius: 20px;
  }
  .slide-show {
	  position: absolute;
	  width: 100%;
	  animation-name: change-img-anim;
	  animation-duration: 21s;
	  animation-iteration-count: infinite;
	  animation-fill-mode: both;
	  animation-timing-function: ease;
  }
  .slide-show:nth-of-type(1) {
	  animation-delay: 0s;
  }
  .slide-show:nth-of-type(2) {
	  animation-delay: 7s;
  }
  .slide-show:nth-of-type(3) {
	  animation-delay: 14s;
  }
  
  @keyframes change-img-anim {
	  0%{ opacity: 0; transform: scale(1);}
	  33%{ opacity: 1;}
	  67%{ opacity: 0;transform: scale(1.1);}
	  100%{ opacity: 0;}
  }
</pre></body></html>