@charset "utf-8";
/* リセット
------------------------------------- */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

table {border-spacing: 0; border-collapse: collapse;}
* html table {border-collapse: collapse;}
*:first-child+html table {border-collapse: collapse;}
caption,th {text-align: left; font-weight: normal;}
table,th,td,img {border: 0;}
input {vertical-align: middle;}
q:before,q:after {content: '';}
ul {list-style: none;}

hr,
legend,
caption {display: none;}

img {border:0; vertical-align: bottom;}

a:focus {outline: none;}

/* iPhone用inputリセット */
input[type="submit"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus {
  outline-offset: -2px;
}

/* selectリセット */
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
}
select:focus {
	outline: none;
}

::selection {
    background: rgba(1,55,91,0.99);
    color: #fff;
}

/* aタグ設定
------------------------------------- */
a:hover,
.submit:hover,
.pageContact .back:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	zoom: 1;
}
a:hover.bright,
#firstArea .subNavList li a:hover,
.pageService .subNavList li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	-moz-opacity: 1;
	-khtml-opacity: 1;
	zoom: 1;
}
a:hover.bright img {
	-webkit-filter: brightness(1.2);
	-moz-filter: brightness(1.2);
	-o-filter: brightness(1.2);
	-ms-filter: brightness(1.2);
			filter: brightness(1.2);
}
a,
a.bright img,
.submit,
.pageContact .back {
	transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
	text-decoration: none;
	color: #333;
}
a,
a.bright img {
	display: inline-block;
}

/* 基本設定
------------------------------------- */
html { font-size: 62.5%; }
body {
	-webkit-text-size-adjust: 100%;
	font-size: 1.4rem;/* =14px */
	font-family: 'Lato' , 'Avenir', 'Corbel', 'Noto Sans JP',"游ゴシック", YuGothic, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,Verdana, Roboto, "Droid Sans", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	min-width: 1024px;
}
.mt0 {
	margin-top: 0!important;
}
.sp {
	display: none!important;
}

#contents {
	padding-top: 80px;
}
.inner {
	width: 1000px;
	margin: 0 auto;
}

.btn a,
.submit input {
	font-weight: bold;
	color: #fff;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
}

header {
	width: 100%;
	height: 80px;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
header.scroll {
	height: 70px;
	background: rgba(255,255,255,0.7);
	box-shadow: 1px 1px 3px 0 #ccc;
}
header.scroll:hover {
	background: rgba(255,255,255,1);
}

header .mainBox.inner {
	height: 80px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
header.scroll .mainBox.inner {
	height: 70px;
}
header .logo {
	font-size: 10px;
}
header.scroll .logo img {
	width: 277px;
	height: auto;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
header #menu,
header .gNavList,
header .toolList {
	display: flex;
	align-items: center;
}
header #menu,
header .gNavList,
header .gNavList li,
header .pageName {
	height: 100%;
}
header .gNavList > li:not(:first-child),
header .toolList li:not(:first-child),
header .toolList {
	padding-left: 20px;
}
header .toolList li:last-child {
	padding-left: 4px;
	margin-left: 4px;
}
header .toolList {
	font-weight: bold;
}
header .toolList .languageBtn + .languageBtn {
	border-left: 1px solid #ccc;
}
header .pageName {
	font-size: 12px;
	line-height: 1.5;
	cursor: pointer;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}
/*header.scroll .pageName {
	font-size: 16px;
}*/
header .pageName::after {
	content: '';
	width: 100%;
	height: 2px;
	display: block;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
	position: absolute;
	top: calc(50% + 3px);
	left: 0;
	transform: translateY(-50%);
}
/*header.scroll .pageName::after {
	top: calc(50% + 10px);
}*/
header .pageName .en {
	font-size: 19px;
	line-height: 1.3684;
	display: block;
	color: #404040;
	margin-bottom: 5px;
}
/*header.scroll .pageName .en {
	display: none;
}*/
header .gNavChild {
	padding-top: 30px;
	padding-bottom: 60px;
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.1);
}
header.scroll .gNavChild {
	top: 70px;
}
header .gNavChild .title {
	font-size: 22px;
	font-weight: 500;
	line-height: 1.5;
	padding-bottom: 13px;
	margin-bottom: 44px;
}
header .gNavChild .title::after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
	margin-top: 13px;
}
header .gNavList li.service .gNavChildList {
	display: flex;
	justify-content: flex-end;
}
header .gNavList li.service .gNavChildList li {
	width: 188px;
}
header .gNavList li.service .gNavChildList li:not(:first-child) {
	margin-left: 15px;
}
header .gNavList li.service .gNavChildList a {
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4615;
	width: 100%;
	padding-top: 118px;
	background: 0 0 no-repeat;
	background-image: url("/common/images/kari.gif");
	background-size: 188px 112px;
}
header .gNavList li.service .gNavChildList li:nth-child(1) a {
	background-image: url("/common/images/icon_itcon.svg");
	background-size: 188px 112px;
}
header .gNavList li.service .gNavChildList li:nth-child(2) a {
	background-image: url("/common/images/icon_app.svg");
	background-size: 188px 112px;
}
header .gNavList li.service .gNavChildList li:nth-child(3) a {
	background-image: url("/common/images/icon_infra.svg");
	background-size: 188px 112px;
}
header .gNavList li.service .gNavChildList li:nth-child(4) a {
	background-image: url("/common/images/icon_emb.svg");
	background-size: 188px 112px;
}
/* ここに画像差し替え */
header .gNavList li.service .gNavChildList li:nth-child(5) a {
	background-image: url("/common/images/icon_sec.svg");
	background-size: 188px 112px;
}
header .gNavList li.company .pageLinkImg {
	float: left;
}
header .gNavList li.company .gNavChildList {
	float: right;
	display: flex;
	flex-wrap: wrap;
	width: calc(99% - 254px);
}
header .gNavList li.company .gNavChildList li {
	width: 25%;
}
header .gNavList li.company .gNavChildList li:nth-child(1),
header .gNavList li.company .gNavChildList li:nth-child(5) {
	width: 31%;
}
header .gNavList li.company .gNavChildList li:nth-child(4),
header .gNavList li.company .gNavChildList li:nth-child(8) {
	width: 17%;
}
header .gNavList li.company .gNavChildList li:nth-child(9) {
	width: 56%;
}
header .gNavList li.company .gNavChildList li:nth-child(n + 5) {
	margin-top: 15px;
}
header .gNavList li.company .gNavChildList li a::after {
	content: '';
	width: 9px;
	height: 9px;
	display: inline-block;
	border-top: 1px solid #46aee2;
	border-right: 1px solid #46aee2;
	transform: rotate(45deg);
	margin-left: 7px;
}
header .gNavList li.jobs .pageLinkImg {
	float: left;
}
header .gNavList li.jobs .gNavChildList {
	float: right;
	display: flex;
	flex-wrap: wrap;
	width: calc(99% - 254px);
}
header .gNavList li.jobs .gNavChildList li {
	width: 25%;
}
header .gNavList li.jobs .gNavChildList li:nth-child(n + 5) {
	margin-top: 15px;
}
header .gNavList li.jobs .gNavChildList li a::after {
	content: '';
	width: 9px;
	height: 9px;
	display: inline-block;
	border-top: 1px solid #46aee2;
	border-right: 1px solid #46aee2;
	transform: rotate(45deg);
	margin-left: 7px;
}


footer {
	background: #e6e4e4;
	padding-top: 38px;
	padding-bottom: 30px;
}
footer .inner {
	display: flex;
	justify-content: space-between;
	padding: 0 85px;
}
footer .menuList li:not(:first-child) {
	margin-top: 14px;
}
footer .heading,
footer .menuList a {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4286;
}
footer .menuList .subheading {
	margin-left: 14px;
}
footer .menuList .subheading:not(:nth-of-type(1)) {
	margin-top: 6px;
}
footer .menuList .subheading a {
	font-weight: 400;
	line-height: 1.5;
	color: #666;
}
footer .licenseBox {
	width: 490px;
}
footer .licenseBox .ttl {
	font-size: 14px;
	line-height: 1.4286;
}
footer .licenseBox .txt {
	font-size: 13px;
	font-weight: 300;
	line-height: 1.4615;
	color: #666;
}
footer .licenseBox .box01,
footer .licenseBox .box02 {
	position: relative;
	padding-right: 170px;
}
footer .licenseBox .box01 {
	min-height: 86px;
}
footer .licenseBox .box02 {
	min-height: 120px;
	margin-top: 18px;
}
footer .licenseBox .licenseImg {
	position: absolute;
	top: 0;
	right: 0;
}
footer .licenseBox .box03 {
	text-align: right;
	margin-top: 19px;
}
footer .copy {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	text-align: center;
	margin-top: 56px;
}

/* ページトップボタン
------------------------------------- */
.pageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index:10000;
}
.pageTop a {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: #00375e;
}
.pageTop a .txt {
	display: none;
}
.pageTop a .triangle {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	color: #bbb;
	display: inline-block;
	margin-left: 20px;
	margin-right: 8px;
	position: relative;
	top: -10px;
}
.pageTop a:hover .triangle {
	color: #01375b;
	margin-left: 71px;
}
.pageTop a .triangle::after {
	content: '';
	width: 46px;
	height: 1px;
	display: block;
	background: #bbb;
	position: absolute;
	bottom: 0;
	right: -8px;
}
.pageTop a:hover .triangle::after {
	width: 77px;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
}

/* top
------------------------------------- */
.top #contents {
	padding-bottom: 102px;
}
.top h2.ttl {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: #666;
	height: 89px;
	display: inline-block;
	background: url("/common/images/ttl_deco.png") right 0 no-repeat;
	background-size: 93px 89px;
	padding-top: 18px;
	padding-right: 110px;
}

.top h2.ttl span {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
}

#firstArea {
	background-image: url(../images/top_bgimg_sp.jpg);
	background-size:cover;
	min-height: 808px;
	overflow: hidden;
	position: relative;
	
}
#firstArea video {
	position:absolute;
	right:50%;
	bottom:50%;
	width:100%;
	height:100%;
	transform:translate(50%,50%);
}
#firstArea .inner {
	position: relative;
	padding-top: 230px;
}
#firstArea .mainLead {
	font-size: 45px;
	font-weight: bold;
	color: #01375b;
	line-height: 1.5111;
  text-shadow: 0 0 5px #fefde9;
}
#firstArea .mainLead span {
	font-size: 48px;
}
#firstArea .btn a {
	width: 200px;
	height: 47px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 1;
	letter-spacing: 0.1em;
}
#firstArea .box02 {
	position: absolute;
	bottom: 104px;
	right: 0;
}
#firstArea .subNavList li {
	text-align: right;
}
#firstArea .subNavList li:not(:first-child) {
	margin-top: 27px;
}
#firstArea .subNavList li a {
	font-size: 17px;
	font-weight: 300;
	line-height: 1.4706;
	color: #bbb;
}
#firstArea .subNavList li a {
	font-size: 17px;
	font-weight: 300;
	line-height: 1.4706;
	color: #bbb;
}
#firstArea .subNavList li.cur a,
#firstArea .subNavList li a:hover {
	color: #00375e;
}
#firstArea .subNavList li a .num {
	position: relative;
	display: inline-block;
	top: -12px;
	margin-left: 38px;
}
#firstArea .subNavList li.cur a .num,
#firstArea .subNavList li a:hover .num {
	color: #01375b;
	margin-left: 66px;
}
#firstArea .subNavList li a .num::after {
	content: '';
	width: 46px;
	height: 1px;
	display: block;
	background: #888;
	position: absolute;
	bottom: 0;
	right: -7px;
}
#firstArea .subNavList li.cur a .num::after,
#firstArea .subNavList li a:hover .num::after {
	width: 76px;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
}

#serviceArea {
	margin-top: 70px;
}
#serviceArea .serviceList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 30px;
}
#serviceArea .serviceList > li {
	width: 490px;
}
#serviceArea .serviceList > li:nth-child(n + 3) {
	margin-top: 64px;
}
#serviceArea .serviceList a {
	font-size: 16px;
	line-height: 1.5;
}
#serviceArea .itemListArea {
	margin-top: 7px;
}
#serviceArea .itemListArea li:not(:first-child) {
	margin-top: 12px;
}
#serviceArea .itemListArea a {
}
#serviceArea .itemListArea a::after {
	content: '';
	width: 9px;
	height: 9px;
	display: inline-block;
	border-top: 1px solid #46aee2;
	border-right: 1px solid #46aee2;
	transform: rotate(45deg);
	margin-left: 8px;
}

#visionArea {
	margin-top: 136px;
	height: 667px;
	background: url("/common/images/vision_img.jpg") 0 center no-repeat;
	background-size: 100% auto;
	padding-top: 99px;
}
#visionArea .inner {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	padding-right: 38px;
}
#visionArea .txtBox {
	width: 466px;
	margin-right: 30px;
}
#visionArea .txtBox .ttl {
	font-size: 18px;
	line-height: 1.2778;
	letter-spacing: 0.1em;
	margin-top: 52px;
}
#visionArea .txtBox .txt {
	font-size: 16px;
	line-height: 1.875;
	color: #666;
	margin-top: 32px;
}

#NewsArea {
	margin-top: 88px;
}
#NewsArea .newsList {
	width: 919px;
	margin-top: 80px;
}
#NewsArea .newsList li,
#NewsArea .newsList .acTrigger {
	position: relative;
}
#NewsArea .newsList li {
	border-bottom: 1px solid #46aee2;
	padding-bottom: 8px;
}
#NewsArea .newsList li.open {
	padding-bottom: 43px;
}
#NewsArea .newsList li:not(:first-child) {
	margin-top: 52px;
}
#NewsArea .newsList li > a,
#NewsArea .newsList .acTrigger a {
	width: 100%;
	height: 100%;
}
#NewsArea .newsList li::before {
	content: '';
	width: 11px;
	height: 11px;
	background: #fff;
	display: block;
	border-radius: 50%;
	border: 1px solid #46aee2;
	position: absolute;
	bottom: -6px;
	left: 0;
	z-index: 3;
}
#NewsArea .newsList li.open::after {
	content: '';
	width: 60px;
	height: 60px;
	background: #fff;
	border-top: 1px solid #46aee2;
	display: block;
	position: absolute;
	bottom: -31px;
	right: -29px;
	z-index: 2;
	transform: rotate(-45deg);
}
#NewsArea .newsList li.open .acTrigger::after {
	content: '';
	width: 100px;
	height: 3px;
	background: #46aee2;
	display: block;
	margin: 7px auto 0;
}
#NewsArea .newsList .date {
	font-size: 14px;
	line-height: 2;
	color: #666;
}
#NewsArea .newsList .category {
	font-size: 14px;
	line-height: 2;
	color: #46aee2;
	margin-left: 18px;
}
#NewsArea .newsList .ttl01 {
	font-size: 16px;
	line-height: 1.75;
	margin-top: 4px;
	width: 800px;
}
#NewsArea .newsList li.link .ttl01::after {
	content: '';
	width: 19px;
	height: 19px;
	background: url("/common/images/icon_link.svg") 0 0 no-repeat;
	background-size: cover;
	display: inline-block;
	position: relative;
	top: 4px;
	margin-left: 19px;
}
#NewsArea .newsList li.pdf .ttl01::after {
	content: '';
	width: 21px;
	height: 28px;
	background: url("/common/images/icon_pdf.svg") 0 0 no-repeat;
	background-size: cover;
	display: inline-block;
	margin-left: 21px;
	vertical-align: bottom;
}
#NewsArea .newsList .detailTag {
	font-weight: bold;
	color: #fff;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.15em;
	width: 70px;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
}
#NewsArea .newsList li.open .detailTag {
	bottom: 10px;
	background: #01375B;
}
#NewsArea .newsList .acBody {
	width: 830px;
	margin: 0 auto;
	margin-top: 60px;
}
#NewsArea .newsList .txt01 {
	font-size: 16px;
	line-height: 2;
}
#NewsArea .newsList img {
	max-width: 100%;
	height: auto;
}
#NewsArea .newsList .img01 {
	margin-top: 50px;
}
#NewsArea .newsList .img01 img {
	width: 100%;
	height: auto;
}
#NewsArea .newsList .close {
	text-align: right;
	margin-top: 26px;
}
#NewsArea .txtLink {
	text-align: right;
	margin-top: 28px;
}
#NewsArea .txtLink a {
	font-size: 14px;
	line-height: 1.4286;
	color: #666;
}

#contactArea {
	margin-top: 130px;
}
#contactArea .txt {
	font-size: 16px;
	line-height: 1.5;
	margin-top: 42px;
}
#contactArea .btn {
	margin-top: 38px;
}
#contactArea .btn a {
	width: 310px;
	height: 62px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 1;
	margin: 0 auto;
}

/* low
------------------------------------- */
.low #ttlArea {
	background: url("/common/images/ttlarea_bg.jpg") center center no-repeat;
	background-size: cover;
	height: 280px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.low #ttlArea h2.ttl {
	font-size: 42px;
	font-weight: bold;
	line-height: 1.4762;
	color: #01375b;
}
.low #ttlArea h2.ttl .en {
	font-size: 30px;
	font-weight: 300;
	line-height: 1.8667;
	color: #fff;
	text-shadow: #01375b 1px 1px 2px;
}

.low .tabArea .tabList {
	display: flex;
	position: relative;
	border-top: 1px solid #46aee2;
	padding: 0 1px;
}
.low .tabArea .tabList::before,
.low .tabArea .tabList::after {
	content: '';
	width: 12px;
	height: 12px;
	background: #fff;
	display: block;
	border-radius: 50%;
	border: 2px solid #46aee2;
	position: absolute;
	top: -6px;
	z-index: 2;
	box-sizing: border-box;
}
.low .tabArea .tabList::before {
	left: -12px;
}
.low .tabArea .tabList::after {
	right: -12px;
}
.low .tabArea .tabList li {
	position: relative;
	top: -1px;
	z-index: 3;
}
.low .tabArea .tabList li a {
	background: 0 0 no-repeat;
	background-image: url("/common/images/tab_frame.png");
	background-size: cover;
}
.low .tabArea .tabList li.cur a {
	background-image: url("/common/images/tab_frame_cur.jpg");
	background-size: cover;
}
.low .tabArea .tabList li:not(:first-child) {
	margin-left: 18px;
}
.low .tabArea .tabList li a {
	width: 236px;
	height: 68px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	color: #666;
	text-align: center;
}
.low .tabArea .tabList li.cur a {
	font-weight: bold;
	color: #333;
	pointer-events: none;
}
.low .tabBox {
	display: none;
}
.low #tab01.tabBox {
	display: block;
}
.low .numList .num {
	margin-right: 28px;
}
/* 三角背景 */
.pageCompany #greeting,
#pageCompanyEn #info {
	background: url("/common/images/bg_triangle.png") right bottom no-repeat;
	background-size: 71.47% auto;
}

/* 個人情報保護方針
------------------------------------- */
#pagePrivacy .box02 h3.ttl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	color: #fff;
	background: #01375b;
	height: 58px;
	padding-top: 15px;
	padding-left: 35px;
}
#pagePrivacy .box02 .txtBox,
#pagePrivacy .box02 .txtBox a {
	font-size: 16px;
	line-height: 1.875;
	color: #666;
}
#pagePrivacy .box02 .txtBox .name {
	color: #4679c0;
}
#pagePrivacy .box02 .txtBox .tel a {
	margin-right: 18px;
}
#pagePrivacy .box02 .txtBox .ttl,
#pagePrivacy #tab02 .box02 .txtBox .time {
	font-weight: bold;
}
#pagePrivacy .box02 .txtBox .ttl:not(:nth-of-type(2)),
#pagePrivacy #tab02 .box02 .txtBox .time {
	margin-top: 30px;
}
#pagePrivacy #tab01 {
	padding-top: 20px;
	padding-bottom: 100px;
}
#pagePrivacy #tab01 .date {
	text-align: right;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	color: #666;
	margin: 0 56px;
}
#pagePrivacy #tab01 .leadTxt {
	text-align: justify;
	font-size: 16px;
	line-height: 1.75;
	display: flex;
	justify-content: center;
	min-height: 100px;
	margin: 25px 56px 0;
}
#pagePrivacy #tab01 .leadTxt .img {
	margin-right: 25px;
}
#pagePrivacy #tab01 .numList {
	margin-top: 66px;
}
#pagePrivacy #tab01 .numList li {
	display: flex;
	align-items: center;
	padding-left: 11px;
}
#pagePrivacy #tab01 .numList li:not(:first-child) {
	margin-top: 20px;
}
#pagePrivacy #tab01 .numList .txt {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
	color: #4679c0;
}
#pagePrivacy #tab01 .box02 {
	margin-top: 61px;
}
#pagePrivacy #tab01 .box02 .txtBox {
	margin-top: 30px;
	margin-left: 84px;
}
#pagePrivacy #tab02 {
	padding-top: 80px;
	padding-bottom: 160px;
}
#pagePrivacy #tab02 .numList,
#pagePrivacy #tab02 .numList a,
#pageSecurity #tab01 .numList {
	font-size: 16px;
	line-height: 2;
	color: #666;
}
#pagePrivacy #tab02 .numList > li,
#pageSecurity #tab01 .numList > li {
	padding-left: 11px;
	padding-right: 85px;
}
#pagePrivacy #tab02 .numList > li:not(:first-child) {
	margin-top: 50px;
}
#pagePrivacy #tab02 .numList .num,
#pageSecurity #tab01 .numList .num {
	width: 46px;
	position: absolute;
	padding-top: 10px;
}
#pagePrivacy #tab02 .numList .ttl01,
#pageSecurity #tab01 .numList .ttl01 {
	font-size: 22px;
	font-weight: 500;
	line-height: 2.5455;
	color: #4679c0;
	margin-left: 85px;
	margin-bottom: 23px;
}
#pagePrivacy #tab02 .numList .blue {
	color: #4679c0;
}
#pagePrivacy #tab02 .numList .ttl02 {
	margin-top: 30px;
}
#pagePrivacy #tab02 .numList .bold {
	font-weight: bold;
}
#pagePrivacy #tab02 .numList .normal {
	font-weight: normal;
}
#pagePrivacy #tab02 .numList .txt01,
#pageSecurity #tab01 .numList .txt01 {
	margin-left: 85px;
}
#pagePrivacy #tab02 .numList .txtList02 li {
	text-indent: -1em;
	padding-left: 1em;
}
#pagePrivacy #tab02 .numList .txtList02 li::before {
	content: '・';
}
#pagePrivacy #tab02 .numList .small {
	font-size: 14px;
	display: block;
	padding-left: 1em;
}
#pagePrivacy #tab02 .box02 {
	margin-top: 92px;
}
#pagePrivacy #tab02 .box02 .txtBox {
	margin-top: 39px;
	margin-left: 85px;
}

/* 情報セキュリティ基本方針
------------------------------------- */
#pageSecurity #tab01 {
	padding-top: 50px;
	padding-bottom: 100px;
}
#pageSecurity .leadTxt {
	font-size: 16px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.005em;
}
#pageSecurity .date {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	color: #666;
	text-align: right;
}
#pageSecurity #tab01 .leadTxt {
	margin: 0 85px;
}
#pageSecurity #tab01 .date {
	margin: 10px 85px 0;
}
#pageSecurity #tab01 .numList {
	margin-top: 28px;
}
#pageSecurity #tab01 .numList {
	line-height: 1.5;
}
#pageSecurity #tab01 .numList .ttl01 {
	margin-bottom: 4px;
}
#pageSecurity #tab01 .numList > li:not(:first-child) {
	margin-top: 43px;
}

#pageSecurity #tab02 {
	font-size: 16px;
	line-height: 1.5;
	padding: 50px 85px 145px;
}
#pageSecurity #tab02 h3.ttl {
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}
#pageSecurity #tab02 h3.ttl span {
	display: inline-block;
}
#pageSecurity #tab02 h3.ttl span::after {
	content: '';
	width: calc(100% + 22px);
	height: 3px;
	display: block;
	background: #46aee2;
	position: relative;
	left: -11px;
}
#pageSecurity #tab02 .leadTxt {
	margin-top: 35px;
}
#pageSecurity #tab02 .date {
	margin: 10px 0 0;
}
#pageSecurity #tab02 .box02 {
	margin-top: 47px;
}
#pageSecurity #tab02 .box02::before {
	content: '';
	width: 100px;
	height: 3px;
	display: block;
	background: #46aee2;
	margin: 0 auto 32px;
}
#pageSecurity #tab02 .box02 {
	color: #666;
}
#pageSecurity #tab02 .box02 .ttl {
	font-weight: 500;
	text-indent: -1em;
	padding-left: 1em;
}
#pageSecurity #tab02 .box02 .dataList {
	margin-top: 20px;
}
#pageSecurity #tab02 .box02 .dataList span::after {
	content: '：';
}
#pageSecurity #tab02 .box02 .img01 {
	margin-top: 51px;
}
#pageSecurity #tab02 .box02 .img02 {
	margin-top: 37px;
}

/* 最新情報
------------------------------------- */
#pageNews #NewsArea {
	margin-top: 0;
	padding-bottom: 112px;
}
#pageNews #NewsArea .tabBox {
	padding-top: 50px;
}
#pageNews #NewsArea .newsList {
	width: 924px;
	margin: 0 auto;
}
#pageTop .backnumberList {
	display:none;
}

#pageNews .backnumberList {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 20px;
}
#pageNews .backnumberList li {
	font-size: 18px;
	line-height: 1.2222;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pageNews .backnumberList li.cur {
	border-bottom: 1px solid #01375b;
}
#pageNews .backnumberList li a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #bbb;
}
#pageNews .backnumberList li:first-child a {
	width: 0;
	height: 0;
	display: block;
	border-right: 8px solid #01375c;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
#pageNews .backnumberList li:last-child a {
	width: 0;
	height: 0;
	display: block;
	border-left: 8px solid #01375c;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
}
#pageNews .backnumberList li:not(:first-child) {
	margin-left: 5px;
}

/* 会社情報
------------------------------------- */
.pageCompany.low #ttlArea {
	margin-bottom: 0;
}
.pageCompany h3.ttl {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: #666;
	height: 89px;
	display: inline-block;
	background: url("/common/images/ttl_deco.png") right 0 no-repeat;
	background-size: 93px 89px;
	padding-top: 18px;
	padding-right: 110px;
}
.pageCompany h3.ttl span {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
}
.pageCompany #philosophy,
.pageCompany #info,
.pageCompany #businessPeatner,
.pageCompany #kanagawa {
	margin-top: 160px;
}

.pageCompany #contents {
	padding-bottom: 150px;
}
.pageCompany .layout {
	position: relative;
}
.pageCompany .img01 {
	position: absolute;
	width: 100%;
	margin-top: 61px;
	padding-top: 543px;
}
.pageCompany .img01::before {
	content: '';
	width: calc(50% - 132px);
	min-width: 588px;
	height: 546px;
	background: rgba(224,240,245,0.8);
	position: absolute;
	top: 38px;
	right: calc(50% + 132px);
	z-index: 1;
	display: inline-block;
}
.pageCompany .img01 .imgBox {
	width: calc(50% - 160px);
	min-width: 560px;
	height: 524px;
	display: block;
	position: absolute;
	top: 0;
	right: calc(50% + 160px);
	z-index: 2;
}
.pageCompany .img01 .imgCap {
	width: calc(50% - 160px);
	position: relative;
	z-index: 2;
	text-align: right;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
}
.pageCompany .txtBox .ttl01 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.45;
}
.pageCompany .txtBox .ttl01::after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: -moz-linear-gradient(left, #b8dce9, #fffeec);
  background: -webkit-linear-gradient(left, #b8dce9, #fffeec);
  background: linear-gradient(to right, #b8dce9, #fffeec);
	margin-top: 10px;
}
.pageCompany .txtBox .ttl01:not(:nth-of-type(1)) {
	margin-top: 50px;
}
.pageCompany .txtBox .txt01 {
	font-size: 16px;
	font-weight: 300;
	line-height: 2;
	margin-top: 26px;
}
.pageCompany .txtBox .txt02::before {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: -moz-linear-gradient(left, #b8dce9, #fffeec);
  background: -webkit-linear-gradient(left, #b8dce9, #fffeec);
  background: linear-gradient(to right, #b8dce9, #fffeec);
}
.pageCompany .blTtl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	color: #fff;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
	padding: 15px 35px 14px;
}

.pageCompany #greeting {
	margin-top: 56px;
}
.pageCompany #greeting .img01 .imgBox {
	background: url("/common/images/company/president_img.jpg") center center no-repeat;
	background-size: 100% auto;
}
.pageCompany #greeting .txtBox {
	padding-left: 405px;
	margin-top: 9px;
}

.pageCompany #manegementPolicy {
	margin-top: 80px;
	padding-bottom: 12px;
}
.pageCompany #manegementPolicy .txtList {
	min-height: 186px;
	background: url("/common/images/company/icon_3.gif") 80px 0 no-repeat;
	background-size: 93px 93px;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	color: #666;
	padding-top: 7px;
	padding-left: 255px;
	margin-top: 50px;
}

.pageCompany #philosophy .img01 {
	margin-top: 0;
}
.pageCompany #philosophy .img01 .imgBox {
	background: url("/common/images/company/build_img.jpg") center 0 no-repeat;
	background-size: 100% auto;
}
.pageCompany #philosophy .txtBox {
	min-height: 584px;
	padding-left: 405px;
	margin-top: 41px;
}
.pageCompany #philosophy .txt02 {
	font-size: 20px;
	font-weight: 500;
	line-height: 2.05;
	color: #666;
	padding-left: 20px;
}
.pageCompany #philosophy .txt02::before {
	margin-bottom: 39px;
}

.pageCompany #gamePlans {
	margin-top: 99px;
}
.pageCompany #gamePlans .boxList {
	width: 100%;
	height: 490px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	margin-top: 60px;
}
.pageCompany #gamePlans .boxList li {
	width: 235px;
	height: 235px;
	position: relative;
	text-align: center;
	padding: 9px 22px;
}
.pageCompany #gamePlans .boxList li::before,
.pageCompany #gamePlans .boxList li::after {
	content: '';
	display: block;
	position: absolute;
	right: 0;
}
.pageCompany #gamePlans .boxList li::before {
	width: 1px;
	height: 100%;
	background: -moz-linear-gradient(top, #b8dce9, #fffeec);
  background: -webkit-linear-gradient(top, #b8dce9, #fffeec);
  background: linear-gradient(to bottom, #b8dce9, #fffeec);
	top: 0;
}
.pageCompany #gamePlans .boxList li::after {
	width: 100%;
	height: 1px;
	background: -moz-linear-gradient(left, #b8dce9, #fffeec);
  background: -webkit-linear-gradient(left, #b8dce9, #fffeec);
  background: linear-gradient(to right, #b8dce9, #fffeec);
	bottom: 0;
}
.pageCompany #gamePlans .boxList .ttl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	background: center bottom no-repeat;
	padding-bottom: 89px;
}
.pageCompany #gamePlans .boxList li:nth-child(1) .ttl {
	background-image: url("/common/images/company/icon_8_01.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(2) .ttl {
	background-image: url("/common/images/company/icon_8_02.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(3) .ttl {
	background-image: url("/common/images/company/icon_8_03.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(4) .ttl {
	background-image: url("/common/images/company/icon_8_04.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(5) .ttl {
	background-image: url("/common/images/company/icon_8_05.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(6) .ttl {
	background-image: url("/common/images/company/icon_8_06.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(7) .ttl {
	background-image: url("/common/images/company/icon_8_07.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList li:nth-child(8) .ttl {
	background-image: url("/common/images/company/icon_8_08.gif");
	background-size: 98px 80px;
}
.pageCompany #gamePlans .boxList .txt {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.5625;
	margin-top: 6px;
}

.pageCompany #info table {
	width: 830px;
	margin: 0 auto;
}
.pageCompany #info tr {
	border-bottom: 1px solid #01375b;
}
.pageCompany #info th {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4706;
	vertical-align: baseline;
	padding: 18px 30px 19px;
}
.pageCompany #info th .month {
	width: 2.4em;
	display: inline-block;
}
.pageCompany #info td {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	padding: 18px 5px 19px 0;
}
.pageCompany #info .info01 td,
.pageCompany #info td .kanagawa,
.pageCompany #info td .nakameguro,
.pageCompany #info td .kanda{
	position: relative;
}
.pageCompany #info td .kanda {
	margin-top: 20px;
}
.pageCompany #info td .ttl {
	font-weight: normal;
}
.pageCompany #info td .address {
	display: block;
	margin-top: 8px;
}
.pageCompany #info td .mapLink {
	position: absolute;
	top: 0;
	right: 27px;
}
.pageCompany #info td .mapLink a {
	width: 196px;
	height: 40px;
	border-radius: 2px;
	border: 1px solid #01375b;
	display: flex;
	justify-content: center;
	align-items: center;
	background: url("/common/images/icon_map.svg") 20px center no-repeat;
	background-size: 15px 24px;
	padding-left: 20px;
}

.pageCompany #info .info01 {
	margin-top: 52px;
}
.pageCompany #info .info01 th {
	text-align: center;
	width: 180px;
}
.pageCompany #info .info01 tr:nth-of-type(1) td {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.1364;
}
.pageCompany #info .info01 td .fax {
	margin-left: 30px;
}
.pageCompany #info .info01 tr:nth-of-type(2) td .mapLink {
	top: 20px;
	right: 37px;
}
.pageCompany #info .info01 tr:nth-of-type(2) td .mapLink02 {
	top: 140px;
	right: 37px;
}
.pageCompany #info .info01 tr:nth-of-type(7) span {
	width: 90px;
	display: inline-block;
	margin-right: 30px;
}
.pageCompany #info .info01 tr:nth-of-type(9) .inList {
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	/* height: 320px; */
}

.pageCompany #history {
	margin-top: 130px;
}
.pageCompany #history .info02 {
	margin-top: 23px;
}
.pageCompany #history th {
	text-align: right;
	min-width: 150px;
	padding: 18px 20px 19px 10px;
}
.pageCompany #history td {
	line-height: 1.5625;
}

.pageCompany #organizationalChart {
	margin-top: 100px;
	position: relative;
}
.pageCompany #organizationalChart .date{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	color: #666;
	position: absolute;
	top: 102px;
	right: 18px;
}
.pageCompany #organizationalChart .chartImg{
	margin-top: 44px;
}

.pageCompany #businessPeatner {
	background: url("/common/images/company/partner_bgimg.jpg") 0 bottom no-repeat;
	background-size: 100% auto;
}
.pageCompany #businessPeatner .ttlBox,
.pageCompany #kanagawa .ttlBox {
	background: #fff;
	padding-bottom: 42px;
}
.pageCompany #businessPeatner .txtBox {
	width: 100%;
	height: 554px;
	position: relative;
	right: calc(50% - 458px);
	background: #fff;
}
.pageCompany #businessPeatner .ttl01 {
	width: 883px;
	position: absolute;
	top: 0;
	right: 75px;
	font-size: 22px;
	line-height: 2;
	color: #4679c0;
}
.pageCompany #businessPeatner .ttl01::after {
	width: 660px;
	height: 2px;
}
.pageCompany #businessPeatner .txt01 {
	width: 883px;
	position: absolute;
	top: 110px;
	right: 75px;
	margin-top: 0;
}
.pageCompany .cantactBox {
	width: 100%;
	position: relative;
	left: calc(50% + 25px);
	background: rgba(255,255,255,0.8);
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	padding-bottom: 34px;
	margin-top: 153px;
}
.pageCompany .cantactBox .ttl {
	font-size: 27px;
	line-height: 1.3333;
	color: #fff;
	background: #01375b;
	padding: 14px 0 14px 41px;
}
.pageCompany .cantactBox .tel,
.pageCompany .cantactBox .fax,
.pageCompany .cantactBox .mail {
	margin-left: 32px;
	background: 0 center no-repeat;
	padding-left: 59px;
}
.pageCompany .cantactBox .tel {
	min-height: 42px;
	background-image: url("/common/images/icon_call.svg");
	background-size: 42px 42px;
	margin-top: 19px;
}
.pageCompany .cantactBox .fax {
	min-height: 43px;
	background-image: url("/common/images/icon_fax.svg");
	background-size: 42px 43px;
	margin-top: 20px;
}
.pageCompany .cantactBox .mail {
	min-height: 33px;
	background-image: url("/common/images/icon_mail.svg");
	background-size: 42px 33px;
	margin-top: 13px;
}
.pageCompany #businessPeatner .btn,
.pageCompany #kanagawa .btn {
	width: 310px;
	height: 62px;
	border-radius: 5px;
	position: relative;
	top: 31px;
	background: #fff;
	margin: 0 auto;
}
.pageCompany #businessPeatner .btn a,
.pageCompany #kanagawa .btn a {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 1;
}
.pageCompany #kanagawa .btn a img {
	width: 12px;
	margin-left: 5px;
	vertical-align: baseline;
}

.pageCompany #kanagawa {
	background: url("/common/images/company/kanagawa_bgimg.jpg") 0 bottom no-repeat;
	background-size: 100% auto;
}
.pageCompany #kanagawa .txtBox {
	width: 100%;
	height: 180px;
	position: relative;
	right: calc(50% - 458px);
	background: #fff;
}
.pageCompany #kanagawa .ttl01 {
	width: 883px;
	position: absolute;
	top: 0;
	right: 75px;
	font-size: 22px;
	line-height: 1.5;
	color: #4679c0;
}
.pageCompany #kanagawa .ttl01::after {
	content: none;
}
.pageCompany #kanagawa .txt01 {
	font-size: 19px;
	font-weight: 500;
	line-height: 1.4737;
	width: 883px;
	position: absolute;
	top: 70px;
	right: 75px;
	margin-top: 0;
}
.pageCompany #kanagawa .boxLayout {
	position: relative;
}
.pageCompany #kanagawa .infoBox {
	width: 100%;
	position: relative;
	right: calc(50% + 45px);
	background: rgba(255,255,255,0.8);
	font-size: 16px;
	line-height: 1.5;
	padding-bottom: 40px;
	margin-top: 101px;
}
.pageCompany #kanagawa .infoBox .ttl {
	font-size: 27px;
	line-height: 1.4815;
	color: #fff;
	background: #01375b;
}
.pageCompany #kanagawa .infoBox .ttl span {
	width: 415px;
	display: block;
	padding: 20px 0 19px 29px;
	margin: 0 40px 0 auto;
}
.pageCompany #kanagawa .infoBox .blue {
	color: #4679c0;
}
.pageCompany #kanagawa .infoBox .address {
	font-size: 18px;
	line-height: 1.5;
}
.pageCompany #kanagawa .infoBox .cap {
	font-size: 14px;
	line-height: 1.9286;
}
.pageCompany #kanagawa .infoBox .txt {
	width: 415px;
	display: block;
	margin: 21px 40px 0 auto;
}
.pageCompany #kanagawa .cantactBox {
	position: absolute;
	bottom: 0;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.8125;
	padding-bottom: 30px;
	margin-top: 0;
}
.pageCompany .cantactBox .txt {
	margin-top: 22px;
	margin-left: 32px;
}
.pageCompany .cantactBox .tel {
	margin-left: 32px;
	background: none;
	padding-left: 0;
	min-height: inherit;
	background-image: none;
}
.pageCompany .cantactBox .tel a {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	background: 0 center no-repeat;
	background-image: url("/common/images/icon_call.svg");
	background-size: 42px 42px;
	min-height: 42px;
	padding-left: 59px;
}

#pageCompany #contents,
.pageService #contents {
	overflow: hidden;
}

/* 英語ページ
------------------------------------- */
#pageCompanyEn.pageCompany h3.ttl {
	padding-top: 14px;
}
#pageCompanyEn.pageCompany h3.ttl span {
	font-size: 44px;
	font-weight: 900;
	line-height: 1.1818;
}

#pageCompanyEn.pageCompany #info {
	margin-top: 56px;
}
#pageCompanyEn #info {
	padding-bottom: 66px;
}
#pageCompanyEn.pageCompany #info th {
	font-size: 17px;
	font-weight: 900;
	line-height: 1.2353;
	vertical-align: baseline;
	padding: 20px 0 17px;
	text-align: center;
	width: 234px;
}
#pageCompanyEn.pageCompany #info td {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.625;
	padding: 20px 5px 17px 0;
}
#pageCompanyEn #info td .cap {
	font-size: 14px;
	line-height: 1.2143;
	color: #666;
}
#pageCompanyEn.pageCompany #info td .kanda {
	margin-top: 40px;
}
#pageCompanyEn #info {
	padding-bottom: 66px;
}

#pageCompanyEn .enTxt .box {
	margin-top: 51px;
}
#pageCompanyEn .enTxt .box.box01 {
	margin-top: 25px;
}
#pageCompanyEn .enTxt .ttlBL {
	font-size: 38px;
	font-weight: 900;
	line-height: 1.2105;
	color: #4679c0;
}
#pageCompanyEn .enTxt .txt {
	font-size: 18px;
	line-height: 2.1111;
	margin-top: 10px;
}

#solution {
	margin-top: 78px;
}

#application {
	margin-top: 132px;
}

#construction {
	margin-top: 160px;
}


/* Service＆Solution
------------------------------------- */
.pageService #contents {
	padding-bottom: 160px;
}
.pageService.low section {
	margin-top: 160px;
}
.pageService.low #ttlArea {
	margin-top: 0;
	margin-bottom: 50px;
}
.pageService.low #menuArea {
	margin-top: 0;
}

.pageService .pageNav {
	position: fixed;
	top: 50%;
	right: 30px;
	z-index:10000;
}
.pageService .subNavList li {
	text-align: right;
}
.pageService .subNavList li:not(:first-child) {
	margin-top: 12px;
}
.pageService .subNavList li a {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: #bbb;
}
.pageService .subNavList li.cur a,
.pageService .subNavList li a:hover {
	color: #00375e;
}
.pageService .subNavList li a .ttl {
	display: none;
}
.pageService .subNavList li a .num {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.5;
	position: relative;
	display: inline-block;
	top: -10px;
	margin-left: 38px;
}
.pageService .subNavList li.cur a .num,
.pageService .subNavList li a:hover .num {
	color: #01375b;
	margin-left: 66px;
}
.pageService .subNavList li a .num::after {
	content: '';
	width: 46px;
	height: 1px;
	display: block;
	background: #bbb;
	position: absolute;
	bottom: 0;
	right: -7px;
}
.pageService .subNavList li.cur a .num::after,
.pageService .subNavList li a:hover .num::after {
	width: 76px;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
}

.pageService #menuArea .leadTtl {
	font-size: 32px;
	font-weight: bold;
	line-height: 1.5;
	color: #01375b;
	padding-right: 299px;
}
.pageService #menuArea .numMenuList {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	padding-right: 340px;
	margin-top: 25px;
}
.pageService #menuArea .numMenuList li {
	display: flex;
	align-items: center;
}
.pageService #menuArea .numMenuList li:not(:first-child) {
	margin-top: 19px;
}
.pageService #menuArea .numMenuList .num {
	margin-right: 18px;
}
.pageService #menuArea .numMenuList .blue {
	font-weight: 500;
	color: #01375b;
}
.pageService #menuArea .leadTxt {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7778;
	color: #01375b;
	margin-top: 27px;
}
.pageService .imgBox .ttl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
}
.pageService h3.ttl {
	font-size: 40px;
	font-weight: 500;
	line-height: 1.475;
	color: #666;
	display: flex;
	align-items: center;
	margin-bottom: 32px;
}
.pageService h3.ttl .txt {
	height: 89px;
	display: inline-block;
	background: url(/common/images/ttl_deco.png) right 0 no-repeat;
	background-size: 93px 89px;
	padding-top: 15px;
	padding-right: 112px;
}
.pageService h3.ttl .txt .txt-sm {
	font-size: 24px;
}
.pageService h3.ttl .num {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	color: #01375b;
	position: relative;
	padding-right: 10px;
	margin-right: 24px;
}
.pageService h3.ttl .num::after {
	content: '';
	width: 1px;
	height: 20px;
	display: block;
	background: #ccc;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
.pageService h4.ttl {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.5;
	color: #4679c0;
	min-height: 58px;
	display: flex;
	align-items: center;
	background: url("/common/images/service/icon_blman.svg") 0 center no-repeat;
	background-size: 64px 58px;
	padding-left: 69px;
}
.pageService .pointList {
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	margin-top: 20px;
}
.pageService .pointList li {
	text-indent: -20px;
	padding-left: 20px;
}
.pageService .pointList li::before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	background: #4679c0;
	margin-right: 10px;
}
.pageService .pointList li:not(:first-child) {
	margin-top: 18px;
}
.pageService .pointList .blue {
	color: #4679c0;
}
.pageService .pointList .underLine {
	position: relative;
}
.pageService .pointList .underLine::after {
	content: '';
	width: 100%;
	height: 2px;
	display: block;
	background: #fe7474;
	position: absolute;
	bottom: -4px;
	left: 0;
}
.pageService .col02List {
	display: flex;
	justify-content: space-between;
	margin-top: 36px;
}
.pageService .col02List > li {
	width: 490px;
	min-height: 615px;
	border: 1px solid #999;
	padding: 46px 15px 40px;
	background: 0 bottom no-repeat;
}
.pageService .col02List > li:nth-child(1) {
	background-image: url("/common/images/service/service_2col_line01.png");
	background-size: 100% auto;
}
.pageService .col02List > li:nth-child(2) {
	background-image: url("/common/images/service/service_2col_line02.png");
	background-size: 100% auto;
}
.pageService .col02List .ttl01 {
	background: 10px center no-repeat;
	font-size: 27px;
	font-weight: bold;
	line-height: 41px;
	color: #4679c0;
	padding-left: 90px;
}
.pageService .col02List > li:nth-child(1) .ttl01 {
	background-image: url("/common/images/service/service_2col_icon01.png");
	background-size: 64px 64px;
}
.pageService .col02List > li:nth-child(2) .ttl01 {
	background-image: url("/common/images/service/service_2col_icon02.png");
	background-size: 64px 64px;
}
.pageService .col02List .ttl01 .small01 {
	font-size: 22px;
}
.pageService .col02List .ttl01 .small02 {
	font-size: 16px;
}
.pageService .col02List .ttl01 .small03 {
	font-size: 23px;
}
.pageService .col02List .ttl02 {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.4762;
	margin-top: 35px;
}
.pageService .col02List .txt01 {
	font-size: 16px;
	line-height: 2;
	color: #666;
	margin-top: 20px;
}
.pageService .col02List > li:nth-child(1) .txt01 {
	color: #4679c0;
}
.pageService .imgTxtBox {
	display: flex;
	align-items: center;
}
.pageService .imgTxtBox .ttl,
#pageItconsulting .imgTxtBox03 .ttl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
}
.pageService .imgTxtBox .txt {
	font-size: 16px;
	line-height: 2;
	color: #666;
}

.pageService .boxTtl {
	font-size: 30px;
	font-weight: 500;
}
.pageService .imgTxtBox00 {
	margin-top: 65px;
}
.pageService .imgTxtBox00.imgTxtBox01 {
	margin-top: 38px;
}
.pageService .imgTxtBox00 .img {
	margin-top: 32px;
}
.pageService .imgTxtBox00 .imgTxtCover {
	position: relative;
}
.pageService .imgTxtBox00 .txtBox {
	width: 320px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 16px;
	line-height: 1.5;
}
.pageService .imgTxtBox00 .txtBox .ttl01,
#pageAppli #appliArea02 .txtBox .ttl01,
#pageEmbedded #embeddedArea01 .txtBox .ttl01 {
	font-size: 19px;
	font-weight: bold;
	color: #4679c0;
}
.pageService .imgTxtBox00 .txtBox .ttl02 {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3333;
	margin-top: 20px;
}
.pageService .imgTxtBox00 .txtBox .ttl03 {
	margin-top: 20px;
}
.pageService .imgTxtBox00 .txtBox .ttl03:nth-of-type(3) {
	margin-top: 0;
}
.pageService .imgTxtBox00 .txtBox .achieve {
	font-weight: 300;
	color: #666;
	padding-left: 0.8em;
}
.pageService .imgTxtBox00 .txtBox .achieve li {
	text-indent: -1em;
	padding-left: 1em;
}
.pageService .imgTxtBox00 .txtBox .ttl03::before,
.pageService .imgTxtBox00 .txtBox .achieve li::before {
	content: '・';
}
.pageService .imgTxtBox00 .txtBox .txt01,
#pageAppli #appliArea02 .txtBox .txt01,
#pageEmbedded #embeddedArea01 .txtBox .txt01 {
	font-size: 16px;
	font-weight: 500;
	color: #4679c0;
	margin-top: 26px;
	padding-left: 0.8em;
}

/* ITコンサルティングサービス */
#pageItconsulting.pageService.low #itconArea01 {
	margin-top: 233px;
}

#pageItconsulting #menuArea .imgBox {
	margin-top: 131px;
}
#pageItconsulting #menuArea .imgBox .img {
	margin-top: 18px;
}

#pageItconsulting #itconArea01 .imgTxtBox01 {
	margin-top: 53px;
}
#pageItconsulting #itconArea01 .imgTxtBox01 .txtBox,
#pageItconsulting #itconArea01 .imgTxtBox02 .img {
	margin-right: 10px;
}
#pageItconsulting #itconArea01 .imgTxtBox01 .txtBox {
	width: calc(100% - 500px);
}
#pageItconsulting #itconArea01 .imgTxtBox02 {
	position: relative;
	top: -32px;
}
#pageItconsulting #itconArea01 .imgTxtBox02 .img {
	order: 1;
}
#pageItconsulting #itconArea01 .imgTxtBox02 .txt {
	width: calc(100% - 510px);
	order: 2;
}
#pageItconsulting #itconArea01 .txtBox .txt {
	margin-top: 27px;
}
#pageItconsulting #itconArea01 .imgTxtBox03 {
	width: 548px;
	margin: 43px auto 0;
}
#pageItconsulting #itconArea01 .imgTxtBox03 .img {
	margin-top: 37px;
}
#pageItconsulting #itconArea01 .roleArea {
	margin-top: 100px;
}
#pageItconsulting #itconArea01 .roleArea .img {
	margin-top: 36px;
}
#pageItconsulting #itconArea01 .stepList {
	display: flex;
	flex-wrap: wrap;
	margin-top: 30px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.9444;
}
#pageItconsulting #itconArea01 .stepList li {
	width: 50%;
	margin-top: 12px;
}
#pageItconsulting #itconArea01 .stepList li:nth-child(n + 4) {
	width: 45%;
}
#pageItconsulting #itconArea01 .stepList li:nth-child(1) {
	order: 1;
	margin-top: 0;
}
#pageItconsulting #itconArea01 .stepList li:nth-child(2) {
	order: 5;
}
#pageItconsulting #itconArea01 .stepList li:nth-child(3) {
	order: 3;
}
#pageItconsulting #itconArea01 .stepList li:nth-child(5) {
	order: 2;
	margin-top: 0;
}
#pageItconsulting #itconArea01 .stepList li:nth-child(6) {
	order: 4;
}
#pageItconsulting #itconArea01 .stepList .num {
	color: #fff;
	display: inline-block;
	background: #01375b;
	padding: 0 10px;
	margin-right: 10px;
}

/* アプリケーション開発サービス
------------------------------------- */
#pageAppli.pageService #menuArea .numMenuList,
#pageEmbedded.pageService #menuArea .numMenuList {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.4615;
}
#pageAppli.pageService .imgTxtBox00.imgTxtBox01 .img {
	text-align: center;
}

#pageAppli #appliArea02 {
	position: relative;
	min-height: 731px;
}
#pageAppli #appliArea02 .inner,
#pageEmbedded #embeddedArea01 .inner {
	width: 1024px;
}
#pageAppli #appliArea02::before,
#pageEmbedded #embeddedArea01::before {
	content: '';
	width: calc(50% + 161px);
	min-width: 881px;
	height: 586px;
	background: 0 bottom no-repeat;
	background-image: url("/common/images/service/appli/distribution_bg.jpg");
	background-size: 100% auto;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
#pageEmbedded #embeddedArea01::before {
	background-image: url("/common/images/service/embedded/softwere_bg.jpg");
	background-size: 100% auto;
}
#pageAppli.pageService #appliArea02 h3.ttl,
#pageEmbedded.pageService #embeddedArea01 h3.ttl {
	position: relative;
	z-index: 2;
	background: #fff;
	margin-bottom: 0;
	padding: 0 12px 32px;
}
#pageAppli #appliArea02 h4.ttl,
#pageEmbedded #embeddedArea01 h4.ttl {
	background: url("/common/images/service/icon_blman.svg") 0 center no-repeat;
	background-size: 64px 58px;
	position: relative;
	z-index: 2;
	padding-left: 69px;
}
#pageAppli #appliArea02 .title,
#pageEmbedded #embeddedArea01 .title {
	font-size: 30px;
	font-weight: 500;
	background: #fff;
	position: relative;
	z-index: 2;
	padding: 32px 12px 16px;
}
#pageAppli #appliArea02 .txtBox,
#pageEmbedded #embeddedArea01 .txtBox {
	width: 320px;
	margin: 56px 0 0 auto;
}
#pageAppli #appliArea02 .txtBox .txtList {
	font-size: 17px;
	line-height: 1.5;
	margin-top: 8px;
}
#pageAppli #appliArea02 .txtBox .txtList li:not(:first-child) {
	margin-top: 20px;
}
#pageAppli #appliArea02 .txtBox .txt01,
#pageEmbedded #embeddedArea01 .txtBox .txt01 {
	margin-top: 30px;
}

#pageAppli #appliArea03 .imgTxtBox00 {
	margin-top: 32px;
}
#pageAppli.pageService #appliArea03 .imgTxtBox00 .txtBox .achieve {
	font-size: 18px;
	line-height: 2;
	color: #333;
	margin-top: 5px;
}
#pageAppli.pageService #menuArea .numMenuList li:nth-child(4) .blue {
	font-size: 30px;
}
#pageAppli.pageService #appliArea02 .bgCover {
	background: #fff;
	padding: 0 12px 12px;
}

/* ITインフラ構築サービス
------------------------------------- */
#pageItInfra.pageService #menuArea .numMenuList {
	font-size: 26px;
	font-weight: 500;
	line-height: 1.4615;
}

#pageItInfra .awsBox {
	margin-top: 38px;
}
#pageItInfra .awsBox .layout {
	display: flex;
	padding-left: 46px;
	padding-right: 78px;
	margin-top: 14px;
}
#pageItInfra .awsBox .txt {
	font-size: 18px;
	color: #666;
	order: 2;
	padding-top: 2px;
}
#pageItInfra .awsBox .awsLink {
	order: 1;
	margin-right: 37px;
}
#pageItInfra .awsBox .awsLink img {
	border: 1px solid #e6e4e4;
}

#pageItInfra .listBox .boxTtl .blue {
	font-size: 26px;
	color: #4679c0;
	margin-left: 20px;
}
#pageItInfra .listBox .img {
	text-align: center;
	margin-top: 20px;
}

#pageItInfra .supportBox {
	margin-top: 100px;
}
#pageItInfra .supportBox .img {
	margin-top: 21px;
}

#pageItInfra .introArea,
#pageItInfra #itInfraArea01 .introBox02 {
	margin-top: 109px;
}
#pageItInfra .introBox .bkTtl {
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pageItInfra .introBox .bkTtl span {
	display: inline-block;
	position: relative;
	padding-left: 68px;
}
#pageItInfra .introBox .bkTtl span::before {
	content: '';
	width: 46px;
	height: 47px;
	display: block;
	background: url("/common/images/service/itinfra/icon_cloud.svg") 0 0 no-repeat;
	background-size: 46px 47px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
#pageItInfra .introBox .blTtl {
	font-size: 30px;
	font-weight: bold;
	line-height: 1.5;
	color: #4679c0;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pageItInfra .introBox .blTtl .num {
	font-size: 22px;
	position: relative;
	padding-right: 14px;
	margin-right: 20px;
}
#pageItInfra .introBox .blTtl .num::after {
	content: '';
	width: 1px;
	height: 20px;
	display: block;
	background: #bbb;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#pageItInfra .introBox h4.ttl {
	margin-top: 40px;
}
#pageItInfra .introBox .boxTtl {
	margin-top: 59px;	
}
#pageItInfra .introBox .img {
	margin-top: 21px;
}


#pageItInfra #itInfraArea01 .listBox {
	margin-top: 130px;
}
#pageItInfra #itInfraArea01 .introBox .blTtl {
	margin-top: 16px;
}
#pageItInfra .introBox02 .col02List li:nth-child(1) .ttl01 {
	line-height: 82px;
}
#pageItInfra .col02List ul.txt01 li {
	color: #4679c0;
}
#pageItInfra .col02List ul.txt01 li:not(:first-child)::before {
	content: '・';
}
#pageItInfra .col02List ul.txt01 li:first-child {
	font-size: 22px;
}

#pageItInfra #itInfraArea02 .listBox {
	margin-top: 88px;
}
#pageItInfra #itInfraArea02 .introBox .bkTtl {
	margin-bottom: 31px;
}
#pageItInfra #itInfraArea02 .introBox .blTtl {
	justify-content: flex-start;
	padding-left: 60px;
	margin-top: 19px;
}

/* エンベデッド開発サービス
------------------------------------- */
#pageEmbedded #embeddedArea01 .pointList {
	background: #fff;
	position: relative;
	z-index: 2;
	margin-top: 0;
	padding: 20px 2px 42px 22px;
}

#pageEmbedded #embeddedArea01 {
	position: relative;
	min-height: 934px;
}
#pageEmbedded #embeddedArea01 .txtBox .txtList {
	font-size: 18px;
	line-height: 2;
}
#pageEmbedded #embeddedArea01 .txtBox .txtList li {
	text-indent: -1em;
	padding-left: 1em;
}
#pageEmbedded #embeddedArea01 .txtBox .txtList li::before {
	content: '・';
}
#pageEmbedded #embeddedArea01 .txtBox .txtList li:not(:first-child) {
	margin-top: 0;
}

/* セキュリティサービス
------------------------------------- */
#pageSec-service .boxttl{
	font-size: 24px;
	color: #666666;
	font-weight: 700;
}

#pageSec-service .imgBox{
	margin-top: 50px;
	width: 100%;
}
#pageSec-service .imgBox img{
	width: 100%;
}
#pageSec-service .btn a{
	width: 310px;
	height: 62px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 1;
	margin: 0 auto;
	margin-top: 45px;
}

#pageSec-service .WiSAS_analysis{
	margin-top: 25px;
}
#pageSec-service .analysis__contents{
	margin-top: 25px;
	display: flex;
	justify-content: space-between;
}
#pageSec-service .analysis__content{
	width: 490px;
	border: 1px solid #666;
	padding: 48px 64px;
	list-style: none;
}
#pageSec-service .analysis-content__ttl{
	font-size: 24px;
	color: #4679C0;
	font-weight: 700;
	text-align: center;
	line-height: 1.25;
}
#pageSec-service .analysis-content__text{
	margin-top: 15px;
	font-size: 16px;
	color: #666666;
	font-weight: 500;
	line-height: 1.875;
}

#pageSec-service .WiSAS_plan{
	margin-top: 25px;
}
#pageSec-service .plan__contents{
	margin-top: 25px;
}
#pageSec-service .plan__banner{
	width: 829px;
	margin: 0 auto;
	display: block;
}
#pageSec-service .plan__banner img{
	width: 100%;
}
#pageSec-service .plan__comparison-table{
	margin-top: 25px;
}
#pageSec-service .comparison-table__title{
	font-size: 40px;
	font-weight: 700;
	color: #4679C0;
	text-align: center;
}
#pageSec-service .comparison-table__body {
  margin-top: 24px;
}
#pageSec-service .comparison-table__body img{
  width: 100%;
  margin-top: 24px;
}

/* 比較表 */
.comparison-table {
  border-collapse: separate;
  border-spacing: 8px;
  table-layout: fixed;
  text-align: center;
}

.comparison-table th:first-child,
.comparison-table td:first-child { width: 343px; }

.comparison-table th:not(:first-child),
.comparison-table td:not(:first-child)
 {
	width: 209px;
}

.comparison-table tr { height: 62px; }

/* ヘッダーセル（1行目） */
.comparison-table thead th {
  background-color: #4679C0;
  color: #fff;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  border-radius: 9px;
  font-size: 24px;
}

/* データ行（2行目以降） */
.comparison-table tbody tr {
  position: relative;
}

.comparison-table tbody tr::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: #4679C0;
  display: block;
}

/* td 内中央揃え */
.comparison-table tbody td {
  color: #333;
  vertical-align: middle;
  text-align: center;
  padding: 0;
}

.comparison-table tbody td:first-child {
  font-size: 16px;
  color: #4679C0;
  text-align: left;
  padding-left: 94px;
}

.comparison-table img {
  width: 27px;
  height: 27px;
  display: inline-block;
}
/* 比較表ここまで */



#pageSec-service .plan__subscription{
  margin-top: 45px;
  text-align: center;
  padding-bottom: 40px;
  border-bottom: 0.9px solid #4679C0;
}
#pageSec-service .subscription__title{
  font-size: 28px;
  font-weight: 700;
  color: #4679C0;
  display: flex;
  align-items: center;
  text-align: center;
}
#pageSec-service .subscription__title::before,
#pageSec-service .subscription__title::after {
  content: "";
  flex: 1;
  height: 0.9px;
  background: #4679C0;
}
#pageSec-service .subscription__title::before {
  margin-right: 10px;
}
#pageSec-service .subscription__title::after {
  margin-left: 10px;
}
#pageSec-service .subscription__tag {
  margin-top: 22px;
  display: inline-block;
  width: fit-content;
  background: #01375B;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding: 13.5px 8.5px;
  border-radius: 9px;
}
#pageSec-service .subscription__contents {
  margin-top: 47px;
  display: flex;
  width: 747px;
  gap: 22px;
  margin-inline: auto;
}
#pageSec-service .subscription__feature {
  flex: 1;
  border: 0.9px solid #4679C0;
  position: relative;
  padding: 35px 20px 40px;
  display: flex;
  flex-direction: column;
}
#pageSec-service .feature__head {
  width: 50px;
  height: 50px;
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
}
#pageSec-service .feature__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  color: #4679C0;
}
#pageSec-service .feature__list {
  margin-top: 25px;
  color: #4679C0;
  display: flex;
  flex-direction: column;
  text-align: left;
}
#pageSec-service .feature__list li {
  padding-left: 1em;
  position: relative;
  font-weight: 300;
}
#pageSec-service .feature__list li::before{
  position: absolute;
  content: "・";
  width: 1em;
  height: 1em;
  top: 0;
  left: 0;
}
#pageSec-service .feature__text{
  color: #666666;
  font-weight: 700;
  font-size: 16px;
  text-align-last: left;
  margin-top: auto;
  padding-top: 25px;
}

#pageSec-service .WiSAS_partner,
#pageSec-service .cybersecurity_partner{
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#pageSec-service .partner__contents{
}
#pageSec-service .partner__contents .text{
  margin-top: 24px;
  font-size: 16px;
  line-height: 1.5;
  color: #666666;
}
#pageSec-service .WiSAS__logo,
#pageSec-service .cybersecurity__logo{
  width: 202px;
}
#pageSec-service .WiSAS__logo img,
#pageSec-service .cybersecurity__logo img{
  width:100%;
}
#pageSec-service .WiSAS__logo p,
#pageSec-service .cybersecurity__logo p{
  font-size: 11px;
  color: #666666;
  display: flex;
  /* gap: 4px; */
  align-items: center;
  justify-content: center;
}
#pageSec-service .WiSAS__logo .link-logo,
#pageSec-service .cybersecurity__logo .link-logo{
  width: 8.12px;
  height: 8.12px;
}

#pageSec-service .discription{
	font-size: 14px;
	line-height: 1.6;
	color: #666666;
}
#pageSec-service .discription .color{
	color: #01375B;
}
#pageSec-service #sec-serviceArea02 .title{
	font-size: 36px;
	font-weight: 700;
	color: #4679C0;
	text-align: center;
	margin-bottom: 22px;
}

#pageSec-service .assessment_items{
	margin-top: 40px;
}
#pageSec-service .assessment-items__contents{
	margin-top: 20px;
	border: 0.9px solid #20506F;
	padding:20px 55px;
}
#pageSec-service .assessment-items__head{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 27px;
  font-weight: 500;
  color: #4679c0;
  line-height: 1;
}
#pageSec-service .assessment-items__head img{
	width: 37px;
	height: 32px;
}
#pageSec-service .assessment-items__body{
	margin-top: 20px;
	display: flex;
  	gap: 75px;
}
#pageSec-service .assessment-items__body li{
	font-size: 18px;
	line-height: 1.7;
	color: #666666;
	display: flex;
	align-items: center;
	gap: 6px;
}
#pageSec-service .assessment-items__body li::before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #666666;
  border-radius: 50%;
}

#pageSec-service .item__wrap {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}
#pageSec-service .item-wrap__left.assessment {
	display: flex;
	flex-direction: column;
	gap: 44px;
}
#pageSec-service .response__standard ul,
#pageSec-service .assessment__method ul{
	margin-top: 22px;
}
#pageSec-service .response__standard ul li,
#pageSec-service .assessment__method ul li{
	font-size: 17px;
	color: #666666;
	font-weight: 200;
	padding-left:24px;
	position: relative;
}
#pageSec-service .response__standard ul li::before,
#pageSec-service .assessment__method ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #666666;
  border-radius: 50%;
  left: 0.5em;
  top: 0.7em;
}
#pageSec-service .item-wrap__right.assessment {
	width: 396px;
}
#pageSec-service .item-wrap__right.assessment img{
	width: 100%;
}

#pageSec-service .process{
	margin-top: 70px;
}
#pageSec-service .process__contents{
	display: flex;
	justify-content: space-between;
}
#pageSec-service .process__content{
	width: 230px;
	border: 1px solid #46AEE2;
	padding: 45px 22px;
	list-style: none;
	position: relative;
}
#pageSec-service .process-content__ttl{
  position: absolute;
  top: -25px;
  left: -1px;
  width: fit-content;
  height: 44px;
  padding-left: 5px;
  padding-right: 23px;
  background: url(/common/images/service/sec-service/process_label.svg) no-repeat center center / cover;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}

#pageSec-service .process-content__list{
	font-size: 14px;
	color: #666666;
	line-height: 1.6;
}

#pageSec-service .process-content__list li{
	padding-left:20px;
	position: relative;
}
#pageSec-service .process-content__list li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #666666;
  border-radius: 50%;
  left: 0.5em;
  top: 0.65em;
}
#pageSec-service .process-content__list li .text {
	position: relative;
	left: -18px;
}
#pageSec-service .process__content .text {
  display: flex;
  align-items: flex-start;
}
#pageSec-service .process__text {
	margin-top: 20px;
	font-size: 14px;
}

#pageSec-service .web-App,
#pageSec-service .ASM {
	margin-top: 45px;
}

#pageSec-service .web-App__title,
#pageSec-service .ASM__title {
	position: relative;
}
#pageSec-service .web-App__title img,
#pageSec-service .ASM__title img{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	width: 174px;
}
#pageSec-service .item__wrap.ASM__about {
	margin-bottom: 25px;
}

#pageSec-service .item-wrap__left .ASM-about__text {
	margin-top: 24px;
	font-size: 16px;
	line-height: 1.6;
	color: #666666;
}
#pageSec-service .item-wrap__right.ASM__about {
	width: 450px;
}
#pageSec-service .item-wrap__right.ASM__about img{
	width: 100%;
}

#pageSec-service .cybersecurity_partner{
	border-top: 0.9px solid #4679C0;
	padding-top: 24px;
}

#pageSec-service .cybersecurity__img{
	display: flex;
	gap: 18px;
}
/* お問い合わせ
------------------------------------- */
.pageContact h2.ttl01 {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
}
.pageContact h2.ttl01 span {
	position: relative;
	display: inline-block;
	padding: 0 15px 3px;
}
.pageContact h2.ttl01 span::after {
	content: '';
	width: 100%;
	height: 3px;
	display: block;
	background: #46aee2;
	position: absolute;
	bottom: 0;
	left: 0;
}

.pageContact #txtArea .box::after {
	content: '';
	width: 100px;
	height: 3px;
	display: block;
	background: #46aee2;
	margin: 47px auto 0;
}

.pageContact #txtArea {
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	color: #666;
	padding-top: 86px;
	background: url("/common/images/contact_bg.png") 0 0 no-repeat;
	background-size: 50.9vw auto;
	position: relative;
}
.pageContact #txtArea::before {
	content: '';
	width: 50.9vw;
	height: 50.9vw;
	display: block;
	background: url("/common/images/contact_bg.png") 0 0 no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.pageContact #txtArea .txt01 {
	margin-top: 20px;
}
.pageContact #txtArea .contactTxt {
	color: #4679c0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 9px;
}
.pageContact #txtArea .contactTxt a {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	min-height: 42px;
	display: inline-block;
	background: url("/common/images/icon_call.svg") 25px center no-repeat;
	background-size: 42px 42px;
	padding-left: 77px;
}
.pageContact #txtArea .txt {
	font-size: 14px;
	margin-top: 20px;
}

/* フォーム */
.pageContact form {
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5;
}
.pageContact #inputArea{
	margin-top: 39px;
}
.pageContact #inputArea .must {
	font-size: 14px;
	line-height: 1.4286;
	color: #46aee2;
}
.pageContact #inputArea .must::before {
	content: '※';
}
.pageContact #inputArea dl {
	width: 800px;
	margin: 0 auto;
}
.pageContact #inputArea dt {
	position: absolute;
	padding-top: 42px;
}
.pageContact #inputArea dd {
	border-bottom: 1px solid #979797;
	padding: 30px 0 30px 150px;
	min-height: 106px;
}
.pageContact #inputArea dd:last-child {
	padding: 30px 0 20px 150px;
}

.pageContact #inputArea dd select,
.pageContact #inputArea dd input {
	width: 100%;
	height: 45px;
	padding: 0 16px;
	border: 1px solid #979797;
	background: rgba(216,216,216,0.5);
	font-size: 16px;
}

.pageContact #inputArea dd select {
	background: none;
}
.pageContact #inputArea dd.selectBox {
	position: relative;
}
.pageContact #inputArea dd.selectBox::after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-top: 8px solid #01375c;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	top: 40%;
	right: 15px;
	z-index: 2;
	transform: translateY(-50%);
	pointer-events: none;
}
#pageContactCheck.pageContact #inputArea dd.selectBox::after {
	content: none;
}

.pageContact #inputArea dd input:focus,
.pageContact #inputArea dd textarea:focus {
	background: #c6e3ee;
	outline: none;
}
.pageContact #inputArea dd textarea {
	width: 100%;
	height: 256px;
	font-size: 16px;
	padding: 5px;
	border: 1px solid #979797;
	background: rgba(216,216,216,0.5);
}
.pageContact .alert {
	visibility: hidden;
	font-size: 14px;
	font-weight: normal;
	color: #f00;
}
.pageContact #checkArea {
	text-align: center;
	padding-bottom: 160px;
}
.pageContact .cap {	
	margin-top: 34px;
	font-size: 14px;
}
.pageContact .agreeTxt {
	font-size: 14px;
	margin-top: 20px;
}
.pageContact .agreeInput {
  display: none;
}
.pageContact .agree {
  padding-left: 21px;
  position:relative;
	line-height: 1.7;
}
.pageContact .agree a {
	border-bottom: solid 2px #46aee2;
}
.pageContact .agree a:hover {
	color: #46aee2;
}
.pageContact .agree::before{
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #979797;
}
.pageContact .agreeInput:checked + .agree::after{
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 2px solid #46aee2;
  border-right: 2px solid #46aee2;
}
#pageContact .submit {
	margin-top: 16px;
}
.pageContact .submit input,
#pageContactCheck .submit input{
	width: 230px;
	height: 60px;
	border-radius: 5px;
	font-size: 18px;
	font-weight: 500;
	border: none;
	font-family: inherit;
}
.pageContact .back a {
	width: 230px;
	height: 40px;
	border-radius: 5px;
	background: #999;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	margin: 20px auto;
}
.pageContact .back a::before {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-right: 14px solid #fff;
	margin-right: 5px;
}

.pageContact#pageContactCheck #inputArea dt,
.pageContact#pageContactCheck #inputArea dd {
	padding-top: 42px;
}
#pageContactCheck #inputArea {
	margin-top: 55px;
}
#pageContactThanks #txtArea {
	padding-bottom: 470px;
}
#pageContactThanks #txtArea .txt02 {
	font-size: 18px;
	margin-top: 44px;
}

/* サイトマップ
------------------------------------- */
#pageSiteMap #contents {
	padding-bottom: 160px;
}
#pageSiteMap.low #ttlArea {
	margin-bottom: 71px;
}
#pageSiteMap #sitemapArea .layout {
	display: flex;
	justify-content: space-between;
	padding: 0 25px;
}
#pageSiteMap #sitemapArea .box {
	width: 440px;
	margin-top: 84px;
}
#pageSiteMap #sitemapArea .box.box01 {
	margin-top: 0;
}
#pageSiteMap #sitemapArea .ttlBL {
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(184,220,233,0.3);
	margin-bottom: 36px;
}
#pageSiteMap #sitemapArea .ttl,
#pageSiteMap #sitemapArea .linkList {
	width: 350px;
	margin: 0 auto;
}
#pageSiteMap #sitemapArea .ttl {
	margin-top: 30px;
}
#pageSiteMap #sitemapArea .ttl a {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	position: relative;
	display: flex;
	align-items: center;
}
#pageSiteMap #sitemapArea .ttl a span {
	display: block;
	margin-right: 8px;
	white-space: pre;
}
#pageSiteMap #sitemapArea .ttl a .en {
	font-size: 23px;
}
#pageSiteMap #sitemapArea .ttl a .line {
	content: '';
	width: 100%;
	height: 1px;
	transform: translateY(-50%);
	background: -moz-linear-gradient(left, #144668, #46aee2);
	background: -webkit-linear-gradient(left, #144668, #46aee2);
	background: linear-gradient(to right, #144668, #46aee2);
}
#pageSiteMap #sitemapArea .ttl img {
	width: 15px;
	height: auto;
	vertical-align: middle;
	margin-left: 5px;
}
#pageSiteMap #sitemapArea .linkList {
	margin-top: 16px;
}
#pageSiteMap #sitemapArea .linkList li:not(:first-child) {
	margin-top: 16px;
}
#pageSiteMap #sitemapArea .linkList a {
	font-size: 16px;
	font-weight: 300;
	line-height: 1;
	color: #666;
}
#pageSiteMap #sitemapArea .linkList .lineheight {
	line-height: 1.4;
}
#pageSiteMap #sitemapArea .linkList.en a,
#pageSiteMap #sitemapArea .linkList .en a {
	font-size: 18px;
}

/* pageRecruit
------------------------------------- */
.pageRecruit #greeting {
	margin-top: 56px;
}
.pageRecruit.low #ttlArea {
	margin-bottom: 0;
}
.pageRecruit h3.ttl {
	font-size: 14px;
	font-weight: 300;
	line-height: 1.4286;
	color: #666;
	height: 89px;
	display: inline-block;
	background: url("/common/images/ttl_deco.png") right 0 no-repeat;
	background-size: 93px 89px;
	padding-top: 18px;
	padding-right: 110px;
}
.pageRecruit h3.ttl span {
	font-size: 40px;
	font-weight: bold;
	line-height: 1.2;
}
.pageRecruit #info,
.pageRecruit #aboutApplication {
	margin-top: 100px;
}

.pageRecruit #contents {
	padding-bottom: 150px;
}
.pageRecruit .layout {
	position: relative;
}
.pageRecruit .img01 {
	position: absolute;
	width: 100%;
	margin-top: 61px;
	padding-top: 543px;
}
.pageRecruit .img01::before {
	content: '';
	width: calc(50% - 132px);
	min-width: 588px;
	height: 546px;
	background: rgba(224,240,245,0.8);
	position: absolute;
	top: 38px;
	right: calc(50% + 132px);
	z-index: 1;
	display: inline-block;
}
.pageRecruit .img01 .imgBox {
	width: calc(50% - 160px);
	min-width: 560px;
	height: 524px;
	display: block;
	position: absolute;
	top: 0;
	right: calc(50% + 160px);
	z-index: 2;
}
.pageRecruit .img01 .imgCap {
	width: calc(50% - 160px);
	position: relative;
	z-index: 2;
	text-align: right;
	display: inline-block;
	font-size: 22px;
	font-weight: bold;
	line-height: 1;
}
.pageRecruit .txtBox .ttl01 {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.45;
}
.pageRecruit .txtBox .ttl01::after {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: -moz-linear-gradient(left, #b8dce9, #fffeec);
  background: -webkit-linear-gradient(left, #b8dce9, #fffeec);
  background: linear-gradient(to right, #b8dce9, #fffeec);
	margin-top: 10px;
}
.pageRecruit .txtBox .ttl01:not(:nth-of-type(1)) {
	margin-top: 50px;
}
.pageRecruit .txtBox .txt01 {
	font-size: 16px;
	font-weight: 300;
	line-height: 2;
	margin-top: 26px;
}
.pageRecruit .txtBox .txt02::before {
	content: '';
	width: 100%;
	height: 1px;
	display: block;
	background: -moz-linear-gradient(left, #b8dce9, #fffeec);
  background: -webkit-linear-gradient(left, #b8dce9, #fffeec);
  background: linear-gradient(to right, #b8dce9, #fffeec);
}
.pageRecruit .blTtl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.45;
	color: #fff;
	background: -moz-linear-gradient(left, #144668, #46aee2);
  background: -webkit-linear-gradient(left, #144668, #46aee2);
  background: linear-gradient(to right, #144668, #46aee2);
	padding: 15px 35px 14px;
}
.pageRecruit #greeting .txtBox {
	margin-top: 20px;
}

.pageRecruit #info .occupationBox {
	margin: 50px auto 0;
}
.pageRecruit #info .occupationBox + .occupationBox {
	margin-top: 20px;
}
.pageRecruit #info .occupationBox .acTrigger02 a {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.45;
	border-bottom: 1px solid #144668;
	border-left: 5px solid #144668;
	padding: 10px 20px 9px;
	display: block;
	width: 870px;
	margin: 0 auto;
	position: relative;
}
.pageRecruit #info .occupationBox .acTrigger02 a .icon {
	position: absolute;
	right: 20px;
	top: 50%;
	transform:translateY(-50%) rotate(90deg);
	transition-property: all;
	transition-duration: 0.3s;
	transition-timing-function: ease;
	transition-delay: 0s;
}
.pageRecruit #info .occupationBox .acTrigger02.open a .icon {
	transform:translateY(-50%) rotate(-90deg);
}

.pageRecruit #info .info01 {
	margin-top: 30px;
	display: none;
}
.pageRecruit #info table {
	width: 830px;
	margin: 0 auto;
}
.pageRecruit #info tr {
	border-bottom: 1px solid #01375b;
}
.pageRecruit #info .info01 th {
	text-align: center;
	width: 180px;
}
.pageRecruit #info table {
	width: 830px;
	margin: 0 auto;
}
.pageRecruit #info tr {
	border-bottom: 1px solid #01375b;
}
.pageRecruit #info th {
	font-size: 17px;
	font-weight: 500;
	line-height: 1.4706;
	vertical-align: baseline;
	padding: 18px 20px 19px;
}
.pageRecruit #info th .month {
	width: 2.4em;
	display: inline-block;
}
.pageRecruit #info td {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
	padding: 18px 5px 19px 0;
}
.pageRecruit #info .info01 td {
	position: relative;
}

#aboutApplication {
	margin-top: 85px;
}
#aboutApplication .subtitle {
	text-align: center;
	margin-bottom: 27px;
}
#aboutApplication .entryFlowList {
	text-align: center;
	margin-top: 52px;
}
#aboutApplication .entryFlowList li {
	position: relative;
	font-size: 18px;
}
#aboutApplication .entryFlowList li:not(:last-child)::after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border-top: 24px solid #144668;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	position: absolute;
	bottom: -40px;
	left: calc(50% - 10px);
}
#aboutApplication .entryFlowList li:not(:first-child) {
	margin-top: 56px;
}
#aboutApplication .entryFlowList span {
	width: 333px;
	display: inline-block;
	text-align: center;
	border: 2px solid #144668;
	padding-top: 11px;
	padding-bottom: 12px;
}
#aboutApplication .entryFlowList span.caption {
	width: auto;
	font-size: 16px;
	text-align: left;
	border: none;
	padding-top: 0;
	padding-bottom: 0;
}
#aboutApplication .captionTxt {
	margin: 52px auto 0;
	width: 830px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5;
}
#aboutApplication .btn {
	margin-top: 38px;
}
#aboutApplication .btn a {
	width: 310px;
	height: 62px;
	border-radius: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	line-height: 1;
	margin: 0 auto;
}

/* clearfix
------------------------------------- */
.clearfix::after,
header li.company .gNavChild::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

@media screen and (min-width: 1440px){
	#firstArea {
		min-height: 56.11vw;
	}
	#firstArea .inner {
		padding-top: 15.97vw;
	}
	#firstArea .box02 {
		bottom: 7.22vw;
	}
}
@media screen and (max-width: 1440px){
	#visionArea {
		background: url("/common/images/vision_img.jpg") center center no-repeat;
		background-size: 1440px auto;
	}
	.pageCompany #businessPeatner,
	.pageCompany #kanagawa {
		background-size: 1440px auto;
	}
	
	#pageAppli #appliArea02::before,
	#pageEmbedded #embeddedArea01::before {
		left: inherit;
		right: calc(50% - 161px);
	}
}
@media screen and (max-width: 1024px){
	/* 三角背景 */
	.pageCompany #greeting,
	#pageCompanyEn #info {
		background: url("/common/images/bg_triangle.png") 203px bottom no-repeat;
		background-size: 1029px auto;
	}
}

/* IE11対応
------------------------------------- */
@media all and (-ms-high-contrast: none) {
	#NewsArea .newsList .detailTag {padding-top: 4px;}
	#NewsArea .newsList .open .detailTag {padding-top: 2px;padding-bottom: 2px;}
	#contactArea .btn a {
		padding-top: 6px;
	}
	.pageCompany #info td .mapLink a {
		padding-top: 3px;
	}
	.pageService h4.ttl {padding-top: 15px;}
	#pageAppli.pageService #appliArea01 h4.ttl,
	#pageAppli.pageService #appliArea02 h4.ttl,
	#pageItInfra.pageService h4.ttl,
	#pageEmbedded.pageService h4.ttl,
	#pageCompanyEn.pageCompany #info td .mapLink a {
		padding-top: 0;
	}
	#pageItInfra.pageService #itInfraArea01 .introBox h4.ttl {padding-top: 15px;}
	.pageCompany .blTtl {padding: 21px 35px 14px;}
	.pageCompany #info th {padding: 24px 30px 19px;}
	.pageCompany #info td {padding: 24px 5px 19px 0;}
	.pageCompany #history th {padding: 24px 20px 19px 10px;}
	.pageCompany .cantactBox .ttl {padding: 20px 0 14px 41px;}
	.pageCompany #businessPeatner .btn a,
	.pageCompany #kanagawa .btn a {
		padding-top: 6px;
	}
	.pageCompany #kanagawa .infoBox .ttl span {padding: 26px 0 19px 29px;}
	.pageCompany #kanagawa .btn a img {vertical-align: text-top;}
}

/*JS用*/

.gNavList li .pageName:after{display:none;}
.gNavList li .pageName{overflow:hidden;}
.gNavList .decoration{width: 100%;height: 2px;display: block;background: -moz-linear-gradient(left, #144668, #46aee2);background: -webkit-linear-gradient(left, #144668, #46aee2);background: linear-gradient(to right, #144668, #46aee2);position: absolute;top: calc(50% + 3px);left: -100%;transform: translateY(-50%);}

/*@media screen and (max-width: 768px){body .gNavList li .pageName:after{display:block;}.gNavList .decoration{display:none;}}*/

header li.cur .pageName::after {display: block;background:#01375c;}


/*pc only*/
#menu{display:flex!important;}

.privacypolicy_indent_conts {
	padding-left: 2em;
}

	
.privacypolicy_indent_conts02 {
	padding-left: 7em;
}