* {
	margin: 0;
	padding: 0;
}
body {
	font-family: YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	letter-spacing: .025em;
	line-height: 1.8;
	margin: 0;
	margin-top: 5.1em;	/* 20240508 ibayashi ヘッダー固定の為、bodyを下げる */
	scroll-behavior: smooth;
  }
@media screen and (min-width: 41.62em) {
	.custom-menu .pure-menu-heading {
		color: white;
		font-weight: bold;
	}
}
@media screen and (max-width: 41.62em) {
	body {
	  margin-top: 8.8em;
	}
	.custom-menu .pure-menu-heading {
		color: white;
		font-weight: bold;
		font-size: 15px;
	}
}
svg.inline {
	display: inline-box;
}
.custom-menu-wrapper {
	background-color: #1E90FF;
	white-space: nowrap;
	position: relative;
}
.custom-menu {
	display: inline-block;
	width: auto;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
}
.custom-menu .pure-menu-link {
	color: white;
	font-weight: bold;
}
.custom-menu .pure-menu-link:hover,
.custom-menu .pure-menu-heading:hover {
	background-color: transparent;
}
.custom-menu-top {
	position: relative;
	padding-top: .8em;
	padding-bottom: .8em;
}
.custom-menu-brand {
	display: block;
	text-align: center;
	position: relative;
}
.custom-menu-toggle {
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	top: 3px;
	right: 0;
	display: none;
}
.custom-menu-toggle .bar {
	background-color: white;
	display: block;
	width: 20px;
	height: 2px;
	border-radius: 100px;
	position: absolute;
	top: 22px;
	right: 12px;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	transition: all 0.5s;
}
.custom-menu-toggle .bar:first-child {
	-webkit-transform: translateY(-6px);
	-moz-transform: translateY(-6px);
	-ms-transform: translateY(-6px);
	transform: translateY(-6px);
}
.custom-menu-toggle.x .bar {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.custom-menu-toggle.x .bar:first-child {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* 20240508 ibayashi ヘッダーメニュー縦リスト化対応 */
.custom-menu-screen {
	-webkit-transform: translateY(-44px);
	-moz-transform: translateY(-44px);
	-ms-transform: translateY(-44px);
	transform: translateY(-44px);
}
/* 20240508 ibayashi ヘッダー追従対応 */
header {
	position: fixed;	/* 位置を固定する */
	top: 0;	/* 固定する位置を指定 */
	left: 0;	/* 固定する位置を指定 */
	width: 100%;	/* ヘッダーの幅 */
	height: 20%;	/* ヘッダーの高さ */
	z-index:10000;	/* 最前面 */
}
/* 20240508 ibayashi ヘッダーメニューホバー時強調対応 */
header .pure-menu-list .pure-menu-item :hover {
	text-decoration: underline #f52d4c 2.5px;
	text-underline-offset: 7.5px;
	color: #f52d4c;
}
@media (max-width: 62em) {
	.custom-menu {
		display: block;
	}
	.custom-menu-toggle {
		display: block;
		display: none\9;
	}
	.custom-menu-bottom {
		position: absolute;
		width: 100%;
		/* 20240509 ibayashi ヘッダーメニューの枠線削除 */
		/* border-top: 1px solid #eee; */
		background-color: #1E90FF;
		z-index: 100;
	}
	/* 20240508 ibayashi ヘッダーメニュー縦リスト化対応 */
	.custom-menu-bottom .pure-menu-link {
		-webkit-transform: translateY(-140px);
		-moz-transform: translateY(-140px);
		-ms-transform: translateY(-140px);
		transform: translateY(-140px);
		opacity: 0;
		opacity: 1\9;
	}
	.custom-menu-bottom.custom-menu-tucked .pure-menu-link {
		opacity: 1;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
	}
	.pure-menu-horizontal {
		z-index: -1;
		top: 45px;
		position: absolute;
		overflow: hidden;
	}
	/* 20240508 ibayashi ヘッダーメニュー縦リスト化対応 */
	.pure-menu-horizontal.custom-menu-tucked {
		z-index: 0;
		top: 0;
		position: relative;
	}
	.custom-menu-screen {
		width: 100%;
		min-width: 515px;
	}
	/* 20240508 ibayashi ヘッダーメニュー縦リスト化対応 */
	.custom-menu-tucked .custom-menu-screen {
		background-color: #1E90FF;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		transition: all 0.5s;
		height: 3em;
		position: absolute;
		top: 0;
		z-index: -1;
	}
	.custom-menu-tucked .pure-menu-list {
		padding: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;	/* 並び順を縦方向に変更 */
		flex-wrap: wrap;	/* 折返し */
	}
	.custom-menu-tucked .pure-menu-item {
		list-style: none;
		width: 100%;
		height: 10%;
		box-sizing: border-box;
		padding: 10px;
		display: flex;
		align-items: center;
	}
}
article {
	margin-bottom: 1rem;
	overflow: hidden;	/* 20240517 ibayashi 横幅縮小時のレイアウト修正 */
}
article > h3 {
	letter-spacing: 1px;
	background-color: #1E90FF;
	color: #fff;
}
subtitle3 {
	letter-spacing: 1px;
	background-color: #1E90FF;
	color: #fff;
}
.mainContent {
	padding-left: 2rem;
	padding-right: 2rem;
}
footer {
	position: relative;
	background-color: #1E90FF;
	color: white;
	padding-top: 2rem;
	text-align: center;
	font-weight: bold;
}
.pure-u-1-4  a,
.pure-u-1-1 a {
	color: white;
	text-decoration: none;
}
footer .pure-u-1-4 :hover {
	text-decoration: underline #f52d4c 2.5px;
	text-underline-offset: 7.5px;
	color: #f52d4c;
}

.pure-menu-item :hover {
	text-decoration: underline #f52d4c 2.5px;
	text-underline-offset: 7.5px;
	color: #f52d4c;
}

.alignleft {
	text-align: left;
}
.hide {
	display:none !important;
}

table.table_main {
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 0.95em;
}

.table_midashi1 {
	background-color:#1E90FF;
	color: white;
	font-weight: bold;
	width:105px;
	padding: 8px;
}

.company_f {
	display: grid;
	list-style: none;
	place-content: center;
	place-items: center;
	font-size: 15px;
}
/*====================================================================
見出しスタイル
====================================================================*/

.midashi1b {
	font-weight: bold;
	padding: 1rem 2rem;
	margin-top: 10px;
	border-left: 5px solid #1E90FF;
	padding-top: 10px;
	padding-bottom: 10px;
}

.midashi1y {
	font-weight: bold;
	padding: 1rem 2rem;
	margin-top: 10px;
	border-left: 5px solid #ff9a05;
	padding-top: 10px;
	padding-bottom: 10px;
}

.midashi1r {
	font-weight: bold;
	padding: 1rem 2rem;
	margin-top: 10px;
	border-left: 5px solid #f52d4c;
	padding-top: 10px;
	padding-bottom: 10px;
}
  
.midashi2 {
	font-weight: bold;
  }
  
.midashi3 {
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #1E90FF;
	color: #fff;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
  
.midashi3r {
	font-weight: bold;
	letter-spacing: 1px;
	background-color: #f52d4c;
	color: #fff;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.midashi3-gradient {
	font-weight: bold;
	letter-spacing: 1px;
	background-image: linear-gradient(90deg, rgba(65, 164, 253, 1), rgba(14, 244, 255, 1));
	color: #fff;
	padding-left: 5px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*====================================================================
.sec_1 .accordion_one
====================================================================*/
.sec_1 .accordion_one {
	max-width: 1024px;
	margin: 0 auto;
  }
  .sec_1 .accordion_one .accordion_header {
	background-color: #1E90FF;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	padding: 20px 11%;
	text-align: center;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition-duration: 0.2s;
  }
  
  .sec_1 .accordion_one:nth-of-type(2) .accordion_header {
	  background-color: #ff9a05;
  }
  .sec_1 .accordion_one:nth-of-type(3) .accordion_header {
	  background-color: #f52d4c;
  }
  .sec_1 .accordion_one:nth-of-type(3) .accordion_inner .accordion_header {
	background-color: #f52d4c;
  }
  .sec_1 .accordion_one:nth-of-type(3) .accordion_inner .accordion_inner  .accordion_header {
	background-color: #ff667e;
  }
  
  .sec_1 .accordion_one:nth-of-type(4) .accordion_header {
	  background-color: #ff9a05;
  }
  .sec_1 .accordion_one .accordion_header:hover {
	opacity: .8;
  }
  .sec_1 .accordion_one .accordion_header .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	right: 5%;
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	margin-top: -20px;
	box-sizing: border-box;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
  }
  .sec_1 .accordion_one .accordion_header.stay .i_box {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  .sec_1 .accordion_one .accordion_header .i_box .one_i {
	display: block;
	width: 18px;
	height: 18px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transform-origin: center center;
	transition-duration: 0.2s;
	position: relative;
  }
  .sec_1 .accordion_one .accordion_header.stay .i_box .one_i {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  .sec_1 .accordion_one .accordion_header.stay.open .i_box .one_i {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
  }
  .sec_1 .accordion_one .accordion_header.open .i_box {
	-webkit-transform: rotate(-360deg);
	transform: rotate(-360deg);
  }
  .sec_1 .accordion_one .accordion_header.stay.open .i_box {
	-webkit-transform: rotate(315eg);
	transform: rotate(315deg);
  }
  .sec_1 .accordion_one .accordion_header .i_box .one_i:before, .sec_1 .accordion_one .accordion_header .i_box .one_i:after {
	display: flex;
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transform-origin: center center;
  }
  .sec_1 .accordion_one .accordion_header .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
  }
  .sec_1 .accordion_one .accordion_header.stay .i_box .one_i:before {
	content: none;
  }
  .sec_1 .accordion_one .accordion_header.open .i_box .one_i:before {
	content: none;
  }
  .sec_1 .accordion_one .accordion_header.stay.open .i_box .one_i:before {
	content: "";
  }
  .sec_1 .accordion_one .accordion_header.open .i_box .one_i:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }
  .sec_1 .accordion_one .accordion_header.stay.open .i_box .one_i:after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
  }
  .sec_1 .accordion_one .accordion_inner {
	display: none;
	padding: 30px 30px;
/* 20240508 ibayashi 枠線削除
	border-left: 2px solid #1E90FF;
	border-right: 2px solid #1E90FF;
	border-bottom: 2px solid #1E90FF;
*/
	box-sizing: border-box;
  }
  .sec_1 .accordion_one .accordion_inner.stay {
	display: block;
  }
  .sec_1 .accordion_one:nth-of-type(2) .accordion_inner {
	border-left: 2px solid #ff9a05;
	border-right: 2px solid #ff9a05;
	border-bottom: 2px solid #ff9a05;
  }
  .sec_1 .accordion_one:nth-of-type(3) .accordion_inner {
	border-left: 2px solid #f52d4c;
	border-right: 2px solid #f52d4c;
	border-bottom: 2px solid #f52d4c;
  }
  
  .sec_1 .accordion_one:nth-of-type(3) .accordion_inner .accordion_header .accordion_one .accordion_inner {
	border-left: 2px solid #f52d4c;
	border-right: 2px solid #f52d4c;
	border-bottom: 2px solid #f52d4c;
  }
  
  .sec_1 .accordion_one:nth-of-type(4) .accordion_inner {
	border-left: 2px solid #ff9a05;
	border-right: 2px solid #ff9a05;
	border-bottom: 2px solid #ff9a05;
  }
  /* .sec_1 .accordion_one .accordion_inner .box_one {
	height: 300px;
  } */
  .sec_1 .accordion_one .accordion_inner p.txt_a_ac {
	margin: 0;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea {
	width: 180px;
	margin: 0 auto;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #1E90FF;
	padding: 15px 15px 15px 20px;
	text-decoration: none;
	line-height: 1.3;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	transition-duration: 0.2s;
  }
  .sec_1 .accordion_one:nth-of-type(2) .accordion_inner .closeArea .close_box a.close_btn {
	  background-color: #ff9a05;
  }
  .sec_1 .accordion_one:nth-of-type(3) .accordion_inner .closeArea .close_box a.close_btn {
	  background-color: #f52d4c;
  }
  .sec_1 .accordion_one:nth-of-type(4) .accordion_inner .closeArea .close_box a.close_btn {
	  background-color: #ff9a05;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn:hover {
	opacity: .8;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	left: 10%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	width: 18px;
	height: 18px;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before, .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:after {
	content: '';
	background-color: #fff;
	border-radius: 10px;
	width: 18px;
	height: 4px;
	position: absolute;
	top: 7px;
	left: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(45deg);
	transform-origin: center center;
  }
  .sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn .i_box .one_i:before {
	width: 4px;
	height: 18px;
	top: 0;
	left: 7px;
  }
  @media screen and (max-width: 1024px) {
	.sec_1 .accordion_one .accordion_header {
	  font-size: 18px;
	}
	.sec_1 .accordion_one .accordion_header .i_box {
	  width: 30px;
	  height: 30px;
	  margin-top: -15px;
	}
	.sec_1 .accordion_one .accordion_inner .closeArea .close_box a.close_btn {
	  font-size: 14px;
	}
  }
  @media screen and (max-width: 767px) {
	.sec_1 .accordion_one .accordion_header {
	  font-size: 16px;
	  text-align: left;
	  padding: 15px 60px 15px 15px;
	}
  }

  .section {
	max-width: 1024px;
	margin: 0 auto;
	padding: 20px 20px 20px;
  }
  .section p._a {
	font-size: 12px;
	font-weight: bold;
	margin: 30px 0 0;
  }
  .section p._a .link {
	display: inline-block;
	color: #607D8B;
	padding-left: 1.3em;
	text-indent: -1.3em;
  }
  .section p._a .link:before {
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	border-top: 2px solid #607D8B;
	border-right: 2px solid #607D8B;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 10px;
  }
/* 20240508 ibayashi 会社概要用スタイル追加 */
/*====================================================================
会社概要用スタイル
====================================================================*/
.company-info, .history-info {
	width: 100%;
	text-align: left;
}

.company-info tr {
	border-top: 1px solid #1E90FF;
	border-left: 1px solid #1E90FF;
	border-right: 1px solid #1E90FF;
	border-bottom: 1px solid #1E90FF;
}
.company-info th {
	/* 20240510 ibayashi sp表示の枠線重複対応 */
	/* border-right: 1px solid #1E90FF; */
	background: #B4ECFF;
	color: #1E90FF;
}
.company-info td {
	word-break: break-all;
}
@media screen and (min-width: 48em) {
	.company-info-wrap {
		max-width: 53.125em;
		margin: 0 auto;
	}
	.company-info th,
	.company-info td,
	.history-info th,
	.history-info td {
		padding: 1.5em 2.5em;
	}
	.company-info th {
		/* 20240510 ibayashi sp表示の枠線重複対応 */
		border-right: 1px solid #1E90FF;
		width: 4.125em;
		min-width: 4.125em;
	}
	.history-list td {
		margin-top: -4.8em;
		padding-left: 11em;
		padding-bottom: 1.5em;
		border-bottom: 1px dotted #1E90FF;
	}
	.visual_company {
		width: 100%;
		aspect-ratio: 4/1;
		image-rendering: -webkit-optimize-contrast;
	}
}
@media screen and (max-width: 47.9375em) {
	.company-info th,
	.company-info td {
		display: block;
		padding: 1em 1.5em;
	}
	.company-info th,
	.history-info th {
		min-width: 8em;
	}
	.history-info th,
	.history-info td {
		padding: 0.25em 1.5em;
	}
	.history-list td {
    	border-bottom: 1px dotted #1E90FF;
	}
	.history-list td {
		border-bottom: 1px dotted #1E90FF;
	}
	.visual_company {
		width: 100%;
		aspect-ratio: 2/1;
		image-rendering: -webkit-optimize-contrast;
	}
}
.history-info th,
.history-info td {
	display: block;
}
.history-list {
	margin: 0 auto;
	text-align: left;
}
.history-list th {
	padding-top: 1em;
	font-weight:bold;
	color: #1E90FF;
}
.access {
	width: 100%;
	height: 100%;
}
.access .access-map {	
	width: 100%;
	height: 300px;
}
.access .access-photo {
	width: 100%;
	height: 100%;
}
/* 20240508 ibayashi 事業内容用スタイル追加 */
/*====================================================================
事業内容用スタイル
====================================================================*/
.business-list {
	max-width: 100%;
	display: grid;
}
.business-item {
	display: flex;
	list-style: none;	/* リスト先頭の中点削除 */
	border-top: 1px solid #1E90FF;
	border-left: 1px solid #1E90FF;
	border-right: 1px solid #1E90FF;
	border-bottom: 1px solid #1E90FF;
}
.business-item a {
	display: block;
	background: #fff;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
	width: 100%;
	text-align: center;
}
.business-item a:hover {
	background: #b4ecff;
	color: #1E90FF;
}
.business-item a:hover img {
	opacity: .5;
}
.business-item-figure {
	margin: 0;
	padding: 2em 0;
}
@media screen and (min-width: 48em) {
	.business-list {
		grid-template-columns: repeat(3, 33.3%);
	}
	.business-item-figure img {
		max-width: 85%;
		border-radius: 10px;
	}
	.pie-graph-list {
		display: grid;
		grid-template-columns: repeat(2, 50%);
	}
	.visual_business {
		width: 100%;
		aspect-ratio: 4/1;
		image-rendering: -webkit-optimize-contrast;
	}
}
@media screen and (max-width: 47.9375em) {
	.business-list {
		grid-template-columns: repeat(2, 50%);
	}
	.business-item-figure img {
		max-width: 85%;
		border-radius: 10px;
	}
	.visual_business {
		width: 100%;
		aspect-ratio: 2/1;
		image-rendering: -webkit-optimize-contrast;
	}
}
.development-language-list {
	list-style: none;	/* リスト先頭の中点削除 */
}
.database-language-list {
	list-style: none;	/* リスト先頭の中点削除 */
}
.qualified-person-list {
	list-style: none;	/* リスト先頭の中点削除 */
}

.pie-graph-item {
	display: flex;
	list-style: none;
}
.pie-graph-item img {
	width: 100%;
}
/*====================================================================
社員ページ用スタイル
====================================================================*/
/* 20240510 ibayashi スライドショー対応 */
/*====================================================================
スライダーのためのcss
====================================================================*/
.slider {
	position:relative;
	height: 100%;	/* スライダー全体の縦幅 */
}
.wrapper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 80%;
	height: 80%;
}
.wrapper ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
/*　背景画像設定　*/
.slider-item01-01 {background:url(img/staff/2023/kickoff2023_1s.jpg);}
.slider-item01-02 {background:url(img/staff/2023/kickoff2023_2s.jpg);}
.slider-item02-01 {background:url(img/staff/2019/trip1s.jpg);}
.slider-item02-02 {background:url(img/staff/2019/trip2s.jpg);}
.slider-item02-03 {background:url(img/staff/2019/trip3s.jpg);}
.slider-item02-04 {background:url(img/staff/2019/trip4s.jpg);}
.slider-item02-05 {background:url(img/staff/2019/trip5s.jpg);}
.slider-item03-01 {background:url(img/staff/2023/run2023_1s.jpg);}
.slider-item03-02 {background:url(img/staff/2023/run2023_2s.jpg);}
.slider-item03-03 {background:url(img/staff/2023/run2023_3s.jpg);}
.slider-item03-04 {background:url(img/staff/2023/run2023_4s.jpg);}
.slider-item03-05 {background:url(img/staff/2023/run2023_5s.jpg);}
.slider-item03-06 {background:url(img/staff/2022/marathon2022_1s.jpg);}
.slider-item03-07 {background:url(img/staff/2022/marathon2022_2s.jpg);}
.slider-item03-08 {background:url(img/staff/2022/marathon2022_3s.jpg);}
.slider-item03-09 {background:url(img/staff/2022/marathon2022_4s.jpg);}
.slider-item03-10 {background:url(img/staff/2022/marathon2022_5s.jpg);}
.slider-item03-11 {background:url(img/staff/2019/marathon2s.jpg);}
.slider-item03-12 {background:url(img/staff/2019/marathon4s.jpg);}
.slider-item03-13 {background:url(img/staff/2019/marathon5s.jpg);}
.slider-item03-14 {background:url(img/staff/2018/marathon1s.jpg);}
.slider-item03-15 {background:url(img/staff/2018/marathon2s.jpg);}
.slider-item03-16 {background:url(img/staff/2018/marathon3s.jpg);}
.slider-item03-17 {background:url(img/staff/2018/marathon4s.jpg);}
.slider-item03-18 {background:url(img/staff/2018/marathon5s.jpg);}
.slider-item04-01 {background:url(img/staff/2018/bowling1s.jpg);}
.slider-item04-02 {background:url(img/staff/2018/bowling2s.jpg);}
.slider-item04-03 {background:url(img/staff/2018/bowling3s.jpg);}
.slider-item04-04 {background:url(img/staff/2018/softball1s.jpg);}
/* 画像サイズ設定 */
.slider-item {
	width: 100%;	/* 各スライダー全体の横幅*/
	height:60vh;	/* 各スライダー全体の縦幅*/
	background-repeat: no-repeat;	/* 背景画像をリピートしない */
	background-position: center;	/* 背景画像の位置を中央に */
	background-size: cover;	/* 背景画像が.slider-item全体を覆い表示 */
}
/* 矢印の設定 */
/* 戻る、次へ矢印の位置 */
.slick-prev, 
.slick-next {
	position: absolute;	/* 絶対配置にする */
	z-index: 1;
	top: 42%;
	cursor: pointer;	/* マウスカーソルを指マークに */
	outline: none;	/* クリックをしたら出てくる枠線を消す */
	border-top: 2px solid #fff;	/* 矢印の色 */
	border-right: 2px solid #fff;	/* 矢印の色 */
	height: 1.5625em;
	width: 1.5625em;
}
.slick-prev {	/* 戻る矢印の位置と形状 */
	left:2.5%;
	transform: rotate(-135deg);
}
.slick-next {	/* 次へ矢印の位置と形状 */
	right:2.5%;
	transform: rotate(45deg);
}
/* ドットナビゲーションの設定 */
.slick-dots {
	position: relative;
	z-index: 1;
	text-align:center;
	bottom: 3em;
}
.slick-dots li {
	display:inline-block;
	margin:0 0.3125em;
}
.slick-dots button {
	color: transparent;
	outline: none;
	width: 0.8em;	/* ドットボタンのサイズ */
	height: 0.8em;	/* ドットボタンのサイズ */
	display:block;
	border-radius:50%;
	background:#fff;	/* ドットボタンの色 */
	border-style: none;
}
.slick-dots .slick-active button {
	background:#1E90FF;	/* ドットボタンの現在地表示の色 */
}
/*====================================================================
トップページ用スタイル
====================================================================*/
a.company_btn,a.service_btn,a.recruit_btn {
	text-decoration: inherit;
	font-weight: bold;
}

@media screen and (min-width: 62em) {
    a.company_btn,a.service_btn,a.recruit_btn {
        min-width: 320px;
    }

    .company-section div,
	.service-section div,
	.recruit-section div {
    	width: 50%;
	}

	.visual_title img {
	    width: 100%;
	    aspect-ratio: 3 / 1;
	    image-rendering: -webkit-optimize-contrast;
	}
}

@media screen and (min-width: 41.62em) {
	.sp_only {
  		display: none !important;
  	}
  	.section_title {
	    margin: 0 0 16px;
	    color: #2c2d30;
	    font-size: 1.6rem;
	    line-height: 1.6;
	    letter-spacing: .35rem;
	    font-weight: normal;
	    white-space: nowrap;
	}
}
@media screen and (max-width: 41.62em) {
	.pc_only {
  		display: none !important;
  	}
  	.section_title {
	    margin: 0 0 16px;
	    color: #2c2d30;
	    font-size: 5vw;
	    line-height: 1.6;
	    letter-spacing: .35rem;
	    font-weight: normal;
	    white-space: nowrap;
	}
	.section_lead {
	    font-size: 3.5vw;
	}
}

@media screen and (max-width: 62.0625em) {
	a.company_btn,a.service_btn,a.recruit_btn {
        min-width: 160px;
    }

    .company-section,.service-section,.recruit-section {
        flex-direction: column;
    }

	.visual_title img {
	    width: 100%;
	    aspect-ratio: 2 / 1;
	    image-rendering: -webkit-optimize-contrast;
	}
}

.company_btn,.service_btn,.recruit_btn {
    display: inline-block;
    position: relative;
    padding: 1em 2em;
    border: 1px solid #1e90ff;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.2em;
    background: #1e90ff;
    transition: border .2s, color .2s, background-color .2s;
    will-change: border, color, background-color;
}

.company-section,.service-section,.recruit-section {
    position: relative;
    text-align: center;
    max-height: 569px;
    padding-top: 50px;
    padding-bottom: 50px;
    display: flex;
    align-items: center;
}

.company-section div,
.service-section div,
.recruit-section div {
    box-sizing: border-box;
    padding: 10px;
}

.company_btn:hover,
.company_btn.soft:hover,
.service_btn:hover,
.service_btn.soft:hover,
.recruit_btn:hover,
.recruit_btn.soft:hover {
    z-index: 1;
    color: #fff;
    border-color: #1eadff;
    background: #1eadff;
}

.visual_title {
    position: relative;
}

.visual_title p {
	    position: absolute;
	    top: 20%;
	    left: 50%;
	    font-weight: bold;
	    font-size: 3.9vw;
	    padding: 0;
	    margin: 0;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	    text-align: center;
	    font-family: 'Lato-Italic', sans-serif;
	    color: #ffffff;
	    white-space: nowrap;
	    line-height: 1.1;
	    letter-spacing: .35rem;
	}
/*====================================================================
採用情報用スタイル
====================================================================*/
.recruit-info {
	width: 100%;
	text-align: left;
}

.recruit-info tr {
	border-top: 1px solid #1E90FF;
	border-left: 1px solid #1E90FF;
	border-right: 1px solid #1E90FF;
	border-bottom: 1px solid #1E90FF;
}

.recruit-info th {
	background: #b4ecff;
	color: #1E90FF;
}

.recruit-info td {
	display: block;
	vertical-align: bottom;
}

.recruit-item {
	display: flex;
	list-style:none;
}

.recruit-item a,
.recruit-option a {
	display: block;
	background: #fff;
	transition: .2s linear;
	-webkit-transition: .2s linear;
	-moz-transition: .2s linear;
	-o-transition: .2s linear;
	-ms-transition: .2s linear;
	width: 100%;
	text-align: center;
}

.recruit-item-figure {
	margin: 0;
}

.recruit-item-figure img {
	width: 10em;
	height: 10em;
}

.entry_btn {
    display: inline-block;
    position: relative;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    letter-spacing: 0.2em;
    background: #1e90ff;
    transition: border .2s, color .2s, background-color .2s;
    will-change: border, color, background-color;
}

.entry_btn:hover,
.entry_btn.soft:hover {
    z-index: 1;
    color: #fff;
    border-color: #1eadff;
    background: #1eadff;
}

@media screen and (min-width: 48em) {
	.recruit-info-wrap {
		max-width: 53.125em;
		margin: 0 auto;
	}
	.recruit-info th, .recruit-info td {
		padding: 1.5em 2.5em;
	}
	.recruit-info th {
		border-right: 1px solid #1E90FF;
		width: 10em;
		min-width: 10em;
	}
	.link-c-1 {
		padding-top: 100px;
	}
	a.entry_btn {
		text-decoration: inherit;
        min-width: 150px;
        padding: 0.25em 1em;
        margin: 1em;
	}
	.rikunabi_link {
        min-width: 185px;
        margin: 1em;
    }
}

@media screen and (max-width: 47.9375em) {
	.recruit-info th,
	.recruit-info td {
		display: block;
		padding: 1em 1.5em;
	}
	.recruit-info th {
		min-width: 8em;
	}
	.link-c-1 {
		padding-top: 100px;
	}
	a.entry_btn {
		text-decoration: inherit;
        width: 100%;
        max-width: 150px;
        padding: 0.25em 0em;
        margin: 1em;
	}
	.rikunabi_link {
        width: 100%;
        max-width: 150px;
        margin: 1em;
	}
}