@import url("reset.css");
@import url("base.css");
@import url("navigation.css");


/* contents.css */
/*--------------------------------------*/

.contents {
	width:950px;
	background:url("../images/box_bg_bottom.png") no-repeat 0 bottom;
	margin:0 auto 35px;
	padding:25px;
	text-align:left;
	}

.contents img {
	display: block;
	max-width: 100%;
	height: auto;
}

/* text setting */

#main h2 {
	width:975px;
	height:36px;
	background:url("../images/box_bg_top.png") no-repeat 0 bottom;
	margin:0 auto 30px;
	padding:20px 0 15px 25px;
	text-align:left;
	font-size:20px;
	}

#main h2 span {
	margin:0 0 0 1.5em;
	font-size:14px;
	}

#main h3 {
	margin:0 0 15px;
	padding:0 0 5px;
	border-bottom:1px solid #a0a0a0;
	font-size:18px;
	font-weight:bold;
	color:#143a65;
	line-height:20px;
	}

#main h4 {
	margin:0 0 8px;
	border-bottom:1px solid #d9d9d9;
	font-size:16px;
	line-height:1.4;
	}
#main h4 span {
	font-size:12px;
	}

#main p {
	margin:0 0 1em;
	}

#main .eol {
	margin:0 0 2.5em;
	}

#main .bottom {
	margin:0 0 60px;
	}

#main .right {
	text-align:right;
	}

#main .center {
	text-align:center;
	}

#main .red {
	color:#FF0000;
	}

#main .note {
	font-size:0.8em;
	}



/* image hover setting */

#main a img:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
	}


/* table setting */

table.normal {
	width:100%;
	border-top:1px solid #333333;
	border-left:1px solid #333333;
	}

table.normal th,table.normal td {
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
	padding:10px;
	text-align:center;
	}

table.normal caption {
	font-weight:bold;
	}

table.normal th {
	background:#DCE8FF;
	vertical-align:middle;
	}

table.normal td {
	vertical-align:top;
	}

table.normal .left {
	text-align:left;
	}

table.mrg {
	margin:0 0 1em;
	}

table.note {
	margin:0;
	}

table.normal td img {
	padding:2px 0;
	}



/* list setting */

ul.normal,ol.normal {
	margin:0 0 1em;
	padding:0 0 0 2em;
	}

ul.normal li {
	list-style:disc;
	margin:0 0 0.5em;
	}

ol.normal li {
	list-style:decimal;
	margin:0 0 0.5em;
	}


/* IE6 */
* html ol.normal {
	padding:0 0 0 2.5em;
	}

/* IE7 */
*:first-child+html ol.normal {
	padding:0 0 0 2.5em;
	}


ol.normal li ol {
	margin:0 0 1em;
	padding:0.5em 0 0 2em;
	}


ol.normal li ol.cnt {
	margin:0 0 1em;
	padding:0.5em 0 0 2em;
	}

ol.normal li ol.cnt li {
	position:relative;
	list-style:none;
	}

ol.normal li ol.cnt span {
	position:absolute;
	top:0;
	left:-1.5em;
	}


img.imgLeft {
	float:left;
	padding:5px 20px 20px 0;
	}

img.imgRight {
	float:right;
	margin:5px 0 20px 20px;
	}


/* btn contact 2021/06 added */
a.btn-contact {
    display:inline-block;
    background-color:#0358a4;
    padding:1em;
    border-radius:8px;
    color:#ffffff;
    text-decoration:none;
}
a.btn-contact span {
    background:url("../images/arrow_btn.png") no-repeat right center;
    padding-right:20px;
}
a.btn-contact:hover {
    background-color:#197ec2;
}
span.btn-contact-close {
    display:inline-block;
    background-color:#9a9a9a;
    padding:1em;
    border-radius:8px;
    color:#ffffff;
    text-decoration:none;
}


/* btn bdf 2021/06 added */
a.btn-pdf {
    display:inline-block;
    background-color:#ed3d3d;
    padding:1em;
    border-radius:8px;
    color:#ffffff;
    text-decoration:none;
}
a.btn-pdf span {
    background:url("../images/icon_pdf.png") no-repeat right center;
    background-size:1.8em;
    padding-right:1.8em;
}
a.btn-pdf:hover {
    background-color:#ff7474;
}




/* concept.html */
/* ------------------------------- */
.conceptBottom {
	
	margin:0 0 40px 720px;
	}




/* service.html */
/* ------------------------------- */

/* service 1 */
.service1 {
	float:left;
	width:290px;
	margin:0 45px 45px 0;
	}

#main .service1 h3 {
	background:url("../images/service/no1.png") no-repeat top left;
	margin:0 0 5px;
	padding:0 0 5px 40px;
	border-bottom:1px solid #a0a0a0;
	font-size:16px;
	font-weight:bold;
	color:#143a65;
	line-height:20px;
	}

.service1 ul li {
	margin:0 0 15px;
	box-shadow:rgba(156, 156, 156, 0.5) 2px 2px 5px 2px;
	-webkit-box-shadow:rgba(156, 156, 156, 0.5) 2px 2px 5px 2px;
	-moz-box-shadow:rgba(156, 156, 156, 0.5) 2px 2px 5px 2px;
	}


/* service 2 */
.service2 {
	float:left;
	width:615px;
	margin:0 0 45px;
	}

#main .service2 h3 {
	background:url("../images/service/no2.png") no-repeat top left;
	margin:0 0 5px;
	padding:0 0 5px 40px;
	border-bottom:1px solid #a0a0a0;
	font-size:16px;
	font-weight:bold;
	color:#143a65;
	line-height:40px;
	}

.service2 ul li {
	height:46px;
	padding:0 0 0 170px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #d9d9d9;
	font-size:14px;
	line-height:46px;
	}

.service2 ul li span {
	display:none;
	}

.service2 ul li.a { background:url("../images/service/no2_img01.png") no-repeat top left; }
.service2 ul li.b { background:url("../images/service/no2_img02.png") no-repeat top left; }
.service2 ul li.c { background:url("../images/service/no2_img03.png") no-repeat top left; line-height:23px; }
.service2 ul li.d { background:url("../images/service/no2_img04.png") no-repeat top left; }

.service2 ul li.arrow {
	height:32px;
	padding:0 0 0 50px;
	border-top:none;
	border-bottom:none;
	}


/* service 3 */
.service3 {
	clear:both;
	margin:0 0 20px;
	}

#main .service3 h3 {
	background:url("../images/service/no3.png") no-repeat top left;
	margin:0 0 5px;
	padding:0 0 5px 40px;
	border-bottom:1px solid #a0a0a0;
	font-size:16px;
	font-weight:bold;
	color:#143a65;
	line-height:40px;
	}

#main .service3 h4 {
	margin:0 0 8px;
	border-bottom:1px solid #d9d9d9;
	font-size:18px;
	line-height:1.4;
	}

.service3 .flow {
	width:755px;
	height:771px;
	background:url("../images/service/no3_bg.png") no-repeat top left;
	margin:0;
	padding:0 15px 0 180px;
	}

#main .service3 .flow p {
	margin:0 0 8px;
	line-height:1.4;
	}

.service3 .flow ol li {
	background:#e6e6e6;
	padding:0 8px;
	font-weight:bold;
	line-height:1.8;
	}

.service3 .flow ol li:nth-child(even) {
	background:#cccccc;
	}

.service3 .flow1 {
	height:240px;
	padding:5px 0;
	}

.service3 .flow2 {
	width:450px;
	height:285px;
	padding:5px 0;
	}

.service3 .flow3 {
	width:450px;
	height:215px;
	padding:5px 0;
	}





/* company.html */
/* ------------------------------- */

dl.company {
	}

dl.company dt {
	float:left;
	width:10.5em;
	margin:0 0 1em;
	padding:0 0 0.5em;
	font-weight:bold;
	}

dl.company dd {
	margin:0 0 1em;
	padding:0 0 0.5em 10.5em;
	border-bottom:1px dotted #ccc;
	_height:1%;
	}




/* case.html */
/* ------------------------------- */
.case-block {
    margin:0 0 40px;
}
.case-block .image {
    display:block;
    float:right;
    background-color:#ffffff;
    padding-left:20px;
    padding-bottom:30px;
}

/* 2021/10/19 added */
ul.groupwork {
	margin-bottom: 40px;
}
ul.groupwork li {
	background-color:#b3cde4;
	padding: 0.75em;
	border-top:1px solid #a0a0a0;
	font-size:14px;
	/*font-weight: bold;*/
}
ul.groupwork li:nth-child(even) {
	background-color: #ffffff;
}
ul.groupwork li:last-child {
	border-bottom:1px solid #a0a0a0;
}

.feelings {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}
.feelings .feelings-block {
	width:49.5%;
	margin-bottom: 1%;
	border:1px solid #a0a0a0;
}
.feelings .feelings-block h5 {
	background-color: #b3cde4;
	padding: 1em;
}
.feelings .feelings-block p {
	padding: 1em;
}

ul.case-bottom-image {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
ul.case-bottom-image li {
	width:49.5%;
}


/* global_career.html */
/* ------------------------------- */
.anchor-block {
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    width:100%;
    margin-bottom:4em;
}
.anchor-block .image {
    width:46%;
}
.anchor-block .anchor-left {
    width:50%;
}
.anchor-block ol {
    margin-bottom:1em;
}
.anchor-block ol li {
    border-bottom:1px solid #ffffff;
    list-style:none;
    font-size:1.2em;
}
.anchor-block ol li a {
    display:block;
    background-color:#a1ceec;
    color:#000000;
    text-decoration:none;
}
.anchor-block ol li:nth-child(even) a {
    background-color:#ddf1fe;
}
.anchor-block ol li a:hover {background-color:#b9e3ff;}
.anchor-block ol li:nth-child(even) a:hover {background-color:#f3faff;}

span.num {
    display:inline-block;
    position:relative;
    background-color:#0358a4;
    margin-right:2.5em;
    padding:1.25em 1em;
    line-height:1.0;
    color:#ffffff;
}
span.num:after {
    position:absolute;
    left:100%;
    top:50%;
    border:solid transparent;
    height:0;
    width:0;
    margin-top:-1.75em;
    border-color::#0358a4;
    border-width:1.75em;
    border-left-color:#0358a4;
    content:"";
}

ul.app-btn {}
ul.app-btn li {
    display:inline-block;
}
ul.app-btn li:first-child {
    margin-right:1em;
}

.gc-block {
    padding-bottom:2em;
}
.gc-block.gc-odd {background-color:#a1ceec;}
.gc-block.gc-even {background-color:#ddf1fe;}

#main .gc-block h3 {
    border-bottom:0;
}

.gc-inner {
    display:flex;
    justify-content:space-between;
    padding:0 3%;
}
.gc-inner .text {
    width:65%;
}
.gc-inner .image {
    width:30%;
}


.anchor-block .image img,
.gc-inner .image img {
    max-width:100%;
    height:auto;
}