@charset "UTF-8";
@import url("about_pc.css");
/* =========================================================
share
========================================================= */
#contents {
}
#contents article {
	padding: 0 0 2rem;
}
#contents article .ttl {
}
/* =========================================================
mv
========================================================= */
#contents #mv {
}
#contents #mv .ttl {
}
#contents #mv .ttl strong {
}
#contents #mv .ttl .jpg {
}
#contents #mv .ttl .eng {
}
#contents #mv .eng span {
}
#contents #mv h1 {
}
/* =========================================================
snav
========================================================= */
#contents #snav {
	width: 90%;
}
#contents #snav ul {
	border-left: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
#contents #snav ul:after {
	content: "";
	display: block;
	clear: both;
}
#contents #snav ul li {
	float: left;
	width: 50%;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 100%;
	display: table;
}
#contents #snav ul li a {
	display: table-cell;
	background: #fff;
	padding: 1em 1em;
	vertical-align: middle;
	letter-spacing: 0;
	line-height: 1.5;
}
/* about */
.bd-onetoone.bd-about #contents #snav ul li:nth-child(1) a,
.bd-message.bd-about #contents #snav ul li:nth-child(2) a,
.bd-keyword.bd-about #contents #snav ul li:nth-child(3) a,
.bd-outline.bd-about #contents #snav ul li:nth-child(4) a,
.bd-history.bd-about #contents #snav ul li:nth-child(5) a,
.bd-office.bd-about #contents #snav ul li:nth-child(6) a,
.bd-map.bd-about #contents #snav ul li:nth-child(7) a,
.bd-excellent.bd-about #contents #snav ul li:nth-child(8) a,
/* approach */
.bd-about.bd-approach #contents #snav ul li:nth-child(1) a,
.bd-privacy.bd-approach #contents #snav ul li:nth-child(1) a,
.bd-publication.bd-approach #contents #snav ul li:nth-child(2) a,
.bd-security.bd-approach #contents #snav ul li:nth-child(3) a,
.bd-creation.bd-approach #contents #snav ul li:nth-child(4) a,
.bd-bcp.bd-approach #contents #snav ul li:nth-child(5) a,
.bd-csr.bd-approach #contents #snav ul li:nth-child(6) a {
	background: #d0e4eb;
}
/* =========================================================
onetoone
========================================================= */
#contents #onetoone {
}
#contents #onetoone .ttl {
}
#contents #onetoone .ttl .eng {
}
#contents #onetoone .ttl .eng strong {
}
#contents #onetoone .ttl h2 {
}
#contents #onetoone .copy {
	padding: 0 0 0.8em;
	margin-bottom: 4rem;
}
#contents #onetoone .copy {
	position: relative;
	line-height: 1.8;
}
#contents #onetoone .copy::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	height: 2px;
	background: #0b3585;
	width: 100px;
	margin-left: -50px;
}
#contents #onetoone .copy .main {
	font-size: 170%;
}
#contents #onetoone .copy .sub {
	font-size: 110%;
}
#contents #onetoone .lead {
	width: 90%;
	text-align: justify;
}
#contents #onetoone .lead p {
	padding: 0 0 3em;
}
/* =========================================================
message
========================================================= */
#contents #message {
	width: 100%;
	padding: 0 0 4rem;
}
#contents #message .ttl {
}
#contents #message .ttl strong {
}
#contents #message .ttl .jpn {
}
#contents #message .photo {
	background-image: url(../img/message.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 0 0 38%;
	position: relative;
}
#contents #message .photo .post {
	position: absolute;
	bottom: 52%;
	left: 62%;
	text-align: justify;
	font-size: 170%;
	line-height: 1.5;
	font-size: 2vw;
	width: 38%;
}
#contents #message .photo .name {
	position: absolute;
	top: 50%;
	left: 60%;
	width: 28%;
}
#contents #message .photo .name img {
}
#contents #message .txt {
	text-align: justify;
	width: 90%;
	padding: 2em 0 0;
}
/* =========================================================
ourkeyword
========================================================= */
#contents #ourkeyword {
	padding: 0 0 4rem;
}
#contents #ourkeyword .ttl {
}
#contents #ourkeyword .ttl .eng {
}
#contents #ourkeyword .ttl .eng strong {
}
#contents #ourkeyword h2 {
}
#contents #ourkeyword .snav {
	width: 90%;
	border-left: 1px solid #aaa;
	border-top: 1px solid #aaa;
	margin-top: 2em;
	margin-bottom: 1em;
}
#contents #ourkeyword .snav:after {
	content: "";
	display: block;
	clear: both;
}
#contents #ourkeyword .snav li {
	width: 50%;
	float: left;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#contents #ourkeyword .snav li a {
	padding: 0.5em 0;
	display: block;
	width: 100%;
}
#contents #ourkeyword section {
	width: 90%;
}
#contents #ourkeyword section:first-of-type {
	margin-top: -3rem;
}
#contents #ourkeyword section h3 {
	font-size: 150%;
}
#contents #ourkeyword #no1 {
}
#contents #ourkeyword #no1 h3 {
}
#contents #ourkeyword #no1 p {
}
#contents #ourkeyword section {
}
#contents #ourkeyword section h3 {
	color: #0b3585;
}
#contents #ourkeyword section p {
	text-align: justify;
	letter-spacing: 0;
	padding: 1em 0 0;
}
/* =========================================================
outline
========================================================= */
#contents #outline {
}
/* =========================================================
office
========================================================= */
#contents #office {
}
#contents #office .ttl {
}
#contents #office .list {
}
#contents #office .list dl {
}
#contents #office .list dl dt {
}
#contents #office .list dl dd {
}
#contents #office .list dl dd address {
}
#contents #office .list dl dd .googlemap {
	width: 100%;
	height: 200px;
	margin-top: 1rem;
}
/* =========================================================
history
========================================================= */
#contents #history {
}
#contents #history .ttl {
}
#contents #history .list {
}
#contents #history .list dl {
}
#contents #history .list dl dt {
}
#contents #history .list dl dd {
}
/* =========================================================
group
========================================================= */
#contents #group {
}
#contents #group .ttl {
}
#contents #group .visual {
}
#contents #group .visual ul {
	padding: 2em 0;
}
#contents #group .visual ul li {
	display: block;
	width: 200px;
	height: 174px;
	letter-spacing: -0.05em;
	line-height: 1.2;
	font-size: 88%;
	font-weight: bold;
	overflow: hidden;
	text-indent: -200%;
}
#contents #group .visual ul .addaisen {
	background: url(../img/group-addaisen-logo.svg) no-repeat center / 66%, url(../img/group-bg-blue.svg) no-repeat center / contain;
	width: 300px;
	height: 262px;
}
#contents #group .visual ul .jps {
	background: url(../img/group-jps-logo.png) no-repeat 45% 30% / 50%, url(../img/group-jps-name.svg) no-repeat center 65% / 60%, url(../img/group-bg-green.svg) no-repeat center / contain;
	text-align: justify;
	padding-left: 9.5%;
	margin-left: 5%;
	margin-top: 3%;
}
#contents #group .visual ul .hub {
	background: url(../img/group-hub-logo.svg) no-repeat center / 65%, url(../img/group-bg-sky.svg) no-repeat center / contain;
	margin-right: 5%;
	margin-top: -10%;
}
#contents #group .visual ul .dics {
	background: url(../img/group-dics-logo.png) no-repeat center 35% / 50%, url(../img/group-dics-name.svg) no-repeat center 65% / 60%, url(../img/group-bg-green.svg) no-repeat center / contain;
	margin-left: 5%;
	margin-top: -10%;
}
#contents #group .visual ul .tb {
	background: url(../img/group-tb-logo.png) no-repeat center 30% / 28%, url(../img/group-tb-name.svg) no-repeat center 65% / 60%, url(../img/group-bg-orange.svg) no-repeat center / contain;
	margin-right: 5%;
	margin-top: -10%;
}
#contents #group .visual ul .mailhouse {
	background: url(../img/group-mailhouse-name.svg) no-repeat center 50% / 65%, url(../img/group-bg-green.svg) no-repeat center / contain;
	margin-left: 5%;
	margin-top: -10%;
}
#contents #group .lists {
}
#contents #group .lists .ttl {
}
#contents #group .lists .list {
}
#contents #group .lists .list dl {
}
#contents #group .lists .list dl dt {
}
#contents #group .lists .list dl dd {
}
/* =========================================================
excellent
========================================================= */
#contents #excellent {
	text-align: justify;
}
#contents #excellent .ttl {
}
#contents #excellent .lead {
	width: 90%;
	padding: 2em 0;
}
#contents #excellent .about {
	width: 90%;
}
#contents #excellent .about h3 {
	font-size: 100%;
	padding: 0 0 1em;
}
#contents #excellent .about p {
}
#contents #excellent .case {
	width: 90%;
	padding: 2em 0;
}
#contents #excellent .case h3 {
	font-size: 100%;
	padding: 0 0 1em;
}
#contents #excellent .case ul {
}
#contents #excellent .case ul li {
}
/* =========================================================
map
========================================================= */
#contents #map {
	padding-bottom: 0;
}
#contents #map .ttl {
}
#contents #map .list {
	background: url(../img/map-sp.png) no-repeat center / contain;
	width: 100%;
	height: 0;
	padding: 0 0 140%;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 200%;
}