@charset "UTF-8";
/* CSS Document */


body,html {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

.anime {
	display: none;
	width: 100%;
	height: 100%;
	max-height: 8000px;
	background-color: #f7f7f7;
	position: relative;
}

.anime img {
 position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 50%;
  max-height: 50%;
}

.mainSite {
	width: 100%;
	height: 100%;
}
/*---------------------------------

キービジュアル

---------------------------------*/
#main-visual {
  height: 500px;
  background: url(../images/pc_main_left@2x.png) no-repeat top right;
}

.main-visual_text {
  text-align: left;
  font: normal normal bold 32px/56px Noto Sans JP;
  letter-spacing: 3.2px;
  color: #002855;
  padding-top: 22%;
}

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

メッセージ

---------------------------------*/
.about {
  padding-top: 110px;
  padding-bottom: 100px;
  background: url(../images/pc_main_right@2x.png) no-repeat top left, linear-gradient(to top, rgba(5, 94, 193, 0.05) 0%, rgba(255, 255, 255, 0.05) 100%);
}
.about_text {
  text-align: left;
  font: normal normal bold 20px/40px Noto Sans JP;
  letter-spacing: 0px;
  color: #002855;

  margin: 100px auto 0px;
  width: 80%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 10px 10px 30px #055ec11a;
  padding: 76px 80px;

  opacity: 0.9 !important;
}

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

ニュース

---------------------------------*/
.news {
  margin-top: 120px;
}
.news_text {
  padding: 10px 20px 20px;
}
.news_img {
  width: 300px;
  height: 200px;
  object-fit: cover; /* 画像トリミング */
}
.news_p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-align: -webkit-auto;
}

.news_categoy_media {
  font-size: 0.750rem;
  font-weight: 700;
  color: #109F95;
}
.news_categoy_press {
  font-size: 0.750rem;
  font-weight: 700;
  color: #1B85EF;
}
.news_category_border {
  color: #eee;
  font-weight: 700;
}
.news_date {
  font-size: 0.750rem;
  font-weight: 700;
  color: #333;
}
.news_li {
  text-decoration: none;
  color: #333;
  border: 1px solid #eee;
  border-radius: 3px;
  margin: 0 10px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.news_li a {
  text-decoration: none;
}
.news_li:hover {
  transition: 0.3s;
  border-radius: 4px;
  transform: translate(0, -10px);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}
.external_link{
    background: url("../images/external_link.svg");
    background-repeat: no-repeat;
    background-size: 14px;
    font-size: 0.6rem;
    color: #a4a4a4;
    padding-left: 18px;
    margin-left: 10px;
}
/*---------------------------------

サービス

---------------------------------*/
.service {
  margin-top: 120px;
}
.service_li {
  padding-top: 30px;
  margin: 0 15px;
}
.service_img {
  text-align: center;
  height: 160px;
  border: 1px solid #eee;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}
.service_main {
  /*border:1px solid #ccc;	*/
  margin-bottom: 30px;
  margin-top: 30px;
}
.service_main_img img {
  width: 100%;
}
.service_main_text {
  margin: 30px;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
}
.service_main_logo {
  display: inline-block;
  height: 40px;
  margin-bottom: 10px;
}
.service_link {
  margin-top: 10px;
}
.service_main_p {
  font-size: 1rem;
  line-height: 1.75;
  text-align: justify;
  color: #333;
  font-feature-settings: "palt";
  margin-top: 10px;
  margin-bottom: 10px;
}
.service_img img {
  width: 80%;
}
a:hover .service_img{
	opacity: 0.5;
}
/*---------------------------------

導入企業

---------------------------------*/
.customer {
  margin-top: 120px;
  margin-bottom: 90px;
}
.logo_li {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
	padding: 20px;
}
.logo_li img {
  width: 100%;
  height: auto;
}
/*---------------------------------

チーム

---------------------------------*/
.team {
  margin-top: 120px;
}
/*スライダー*/
.center {
  margin: 0 0 50px;
}
.center img {
  width: 99%;
  height: 540px;
  object-fit: cover;
  object-position: 0% 0%
}
}
.center .slick-next {
  right: 20px;
  z-index: 99;
}
.center .slick-prev {
  left: 15px;
  z-index: 100;
}
.slick-dots li.slick-active button:before {
  color: #155AA8;
}
.slick-next {
  right: 40px;
}
.slick-prev::before {
  content: url("../images/pre.svg");
}
.slick-next::before {
  content: url("../images/next.svg");
}
.slick-dots li button:before {
	color: #155AA8;
}
/*写真*/
.team_main {
  background-size: cover;
  height: 540px;
}
.team_main_text {
  padding: 60px;
  padding-top: 160px;
  line-height: 1.75;
  text-align: justify;
  background-color: #edeff0;
}
.team_main_text_midashi {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 10px;
}
.team_main_text_name {
  padding-top: 10px;
  font-size: 1rem;
  font-weight: 700;
}
.team_main_text_name_en {
  font-size: 0.75rem;
  color: #666;
  display: block;
}
.team_post {
  font-size: 0.875rem;
  font-weight: 700;
}
.grid1-1_team {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr 1fr;
}
.team_main_text {
  grid-row-start: 1;
}
.team_main_img {
  grid-row-start: 2;
}
.team_border {
  color: #999;
  margin: 0 15px;
  font-size: 12px;
  position: relative;
  bottom: 2px;
}
/*---------------------------------

企業情報/採用情報

---------------------------------*/
.corporate {
  margin-top: 30px;
}
.corporate_text {
  padding: 10px 20px 20px;
}
.corporate_img {
  width: 440px;
  object-fit: cover; /* 画像トリミング */
}
.corporate_p {
  /*	height:80px;*/
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.corporate_link {
  text-decoration: none;
  color: #333;
  border: 1px solid #eee;
  border-radius: 3px;
  margin: 0 20px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  margin-top: 120px;
}
.corporate_link:hover {
  transition: 0.3s;
  border-radius: 4px;
  transform: translate(0, -10px);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
}