@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 {
	color: #343333;
}

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

a:hover,
header a.logo:hover,
.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,
footer .link ul li a:hover,
section.content article.relation ul li a:hover {
	color: #f782b5;
}

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 .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,
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 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 {
	letter-spacing: 0.05em;
}

.info ul li a span.icon,
div.list article .icon,
section.content article.main.page ul.expert li dl dt {
	display: block;
	background-color: #f782b5;
	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 {
	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 {
	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 {
	width: 2px;
	height: 45%;
}


section.content article.main.page .project article .case dl dt,
section.content article.main.page ul.expert li .qualification h4 {
	padding-left: 20px;
	border-left: 3px solid #3762a4;
	color:#3762a4;
	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 {
	border: none;
	border-bottom: 2px solid #6eb0ec;
	width: 60px;
}
section.content article.main.page ul.expert li hr,
section.content article.main.page div.recruit hr {
	display:block;
	float: left;	
}


section.content article.main.page 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 {
	display: none;
}
section.content article.main.page .approach article ul li,
section.content article.main.page .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 {
	border: none;
}
section.content article.main.page .map h3,
section.content article.main.page div.recruit h3 {
	padding: 0;
}
section.content article.main.page ul.expert li .qualification h4 {
	border-bottom: none;
	width: auto;
}
section.content article.main.page .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 {
	margin-top: 0;
	margin-bottom: 0;
}