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

*,
*:before,
*:after {
	box-sizing: border-box;
}
body,
* {
	font-family: 'Noto Sans JP', sans-serif;
}
p {
	font-family: 'Noto Sans JP', sans-serif !important;
}

body,
div.list article .text a:first-child,
section.content article.main ul.sitemap li a,
body.content ul.sitemap li a {
	color: #343333;
}

a {
	color: #111c3a;
	text-decoration:none;
}

a:hover,
header nav ul.global li.current_page_item a,
.info ul li a:hover,
.info ul li a:hover h2,
.news ul li a:hover,
section.content article.main ul.sitemap li a:hover,
body.content ul.sitemap li a:hover,
footer .link ul li a:hover {
	color: #776a28;
}

img {
	vertical-align:bottom;
	max-width:100%;
}

.left {
	text-align: left;
}
iframe {
	width: 100%;
	border: none;
}

/* ------------------ テキスト位置 ---------------------- */
.center {
	text-align:center;
}
.right {
	text-align: right;
}

.blue {
	color: #0816b7;
}

/* ------------------ マーカー ---------------------- */

.marker-p {
	background: linear-gradient(transparent 50%, #f2acb7 50%);
}
.marker-y {
	background: linear-gradient(transparent 50%, #fff69a 50%);
}
.marker-b {
	background: linear-gradient(transparent 50%, #bfefff 50%);
}

header nav ul li a span,
footer .contact ul li a span,
.info ul li a h2,
.news h3 span,
footer .link a,
footer .link .copy,
section.content article.title h1,
section.content article.main.page h2.whoweare span.alphabet,
section.content article.main.page h2.project span.alphabet,
section.content article.main.page .about ul li h3,
section.content article.main.page .value ul li h3,
section.content article.main.page .project article .head,
section.content article.main.page .map a,
body.content h2.whoweare span.alphabet,
body.content h2.project span.alphabet,
body.content .about ul li h3,
body.content .value ul li h3,
body.content .project article .head,
body.content .map a,
footer a.pagetop span {
	font-family: 'Oswald', sans-serif;
}
section.content article.title h1,
section.content article.main.page h2.whoweare span.alphabet,
section.content article.main.page h2.project span.alphabet,
section.content article.main.page .about ul li h2,
section.content article.main.page .value ul li h2,
section.content article.main.page .project article .head,
section.content article.main.page .map a,
body.content h2.whoweare span.alphabet,
body.content h2.project span.alphabet,
body.content .about ul li h2,
body.content .value ul li h2,
body.content .project article .head,
body.content .map a {
	letter-spacing: 0.05em;
}

.info ul li a span.icon,
div.list article .icon,
section.content article.main.page ul.expert li dl dt,
body.content ul.expert li dl dt {
	display: block;
	background-color: #111c3a;
	width: 58px;
	height: 58px;
	left: 50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	position: relative;
	box-shadow: 0 0 20px rgba(17, 28, 58, 0.5);
}
.info ul li a span.icon:before,
.info ul li a span.icon:after,
div.list article .icon:before,
div.list article .icon:after,
section.content article.main.page ul.expert li dl dt:before,
section.content article.main.page ul.expert li dl dt:after,
body.content ul.expert li dl dt:before,
body.content ul.expert li dl dt:after {
	content: "";
	display: block;
	position: absolute;
	background-color: #fff;
	top: 50%;
	left:50%;
	transform:translate(-50%, -50%);
	-webkit-transform:translate(-50%, -50%);
	-moz-transform:translate(-50%, -50%);
	-ms-transform:translate(-50%, -50%);
}
.info ul li a span.icon:before,
div.list article .icon:before,
section.content article.main.page ul.expert li dl dt:before,
body.content ul.expert li dl dt:before {
	width: 45%;
	height: 2px;
}
.info ul li a span.icon:after,
div.list article .icon:after,
section.content article.main.page ul.expert li dl dt:after,
body.content ul.expert li dl dt:after {
	width: 2px;
	height: 45%;
}


section.content article.main.page .project article .case dl dt,
section.content article.main.page ul.expert li .qualification h4,
body.content .project article .case dl dt,
body.content ul.expert li .qualification h4 {
	padding-left: 20px;
	border-left: 3px solid #2e425b;
	color:#2e425b;
	font-weight:bold;
}

div.list article hr,
section.content article.main.page ul.service li .text hr,
section.content article.main.page ul.expert li hr,
section.content article.main.page div.recruit hr,
body.content ul.service li .text hr,
body.content ul.expert li hr,
body.content div.recruit hr {
	border: none;
	border-bottom: 2px solid #2e425b;
	width: 60px;
}
section.content article.main.page ul.expert li hr,
section.content article.main.page div.recruit hr,
body.content ul.expert li hr,
body.content div.recruit hr {
	display:block;
	float: left;	
}


section.content article.main.page h2.recruit,
body.content h2.recruit {
	background: none;
	padding: 0;
}
section.content article.main.page .about .img ul li:before,
section.content article.main.page .value ul li:before,
section.content article.main.page .approach article ul li:before,
section.content article.main.page .project article .case dl dd ul li:before,
section.content article.main.page ul.service li:before,
section.content article.main.page table.company td ul li:before,
section.content article.main.page ul.expert li .qualification ul li:before,
body.content .about .img ul li:before,
body.content .value ul li:before,
body.content .approach article ul li:before,
body.content .project article .case dl dd ul li:before,
body.content ul.service li:before,
body.content table.company td ul li:before,
body.content ul.expert li .qualification ul li:before {
	display: none;
}
section.content article.main.page .approach article ul li,
section.content article.main.page .project article .case dl dd ul li
body.content .approach article ul li,
body.content .project article .case dl dd ul li {
	padding-left: 0;
}
section.content article.main.page .mission h3,
section.content article.main.page .professional h3,
section.content article.main.page ul.service li .text h3,
section.content article.main.page .map h3,
section.content article.main.page ul.expert li h3,
section.content article.main.page div.recruit h3,
body.content .mission h3,
body.content .professional h3,
body.content ul.service li .text h3,
body.content .map h3,
body.content ul.expert li h3,
body.content div.recruit h3 {
	border: none;
}
section.content article.main.page .map h3,
section.content article.main.page div.recruit h3,
body.content .map h3,
body.content div.recruit h3 {
	padding: 0;
}
section.content article.main.page ul.expert li .qualification h4,
body.content ul.expert li .qualification h4 {
	border-bottom: none;
	width: auto;
}
section.content article.main.page .approach article .example h4,
body.content .approach article .example h4 {
	width: auto;
}
section.content article.main.page ul.expert li .img img,
section.content article.main.page .about .img img,
section.content article.main.page .message img,
body.content ul.expert li .img img,
body.content .about .img img,
body.content .message img {
	margin-top: 0;
	margin-bottom: 0;
}