@charset "utf-8";

/* === title === */

#ttl {
	background: rgb(45,163,191);
	background: linear-gradient(90deg, rgba(45,163,191,1) 0%, rgba(0,147,130,1) 100%);
}
#ttl.ttl_ls {
	background: rgb(0,149,176);
	background: linear-gradient(90deg, rgba(0,149,176,1) 0%, rgba(82,172,44,1) 100%);
}
#ttl.ttl_env {
	background: rgb(255,211,0);
	background: linear-gradient(90deg, rgba(255,211,0,1) 0%, rgba(237,119,0,1) 100%);
}
#ttl.ttl_nano {
	background: rgb(233,110,144);
	background: linear-gradient(90deg, rgba(233,110,144,1) 0%, rgba(186,81,126,1) 100%);
}
#ttl.ttl_ic {
	background: rgb(0,166,207);
	background: linear-gradient(90deg, rgba(0,166,207,1) 0%, rgba(0,95,150,1) 100%);
}
#ttl h1,
#ttl h1 span {
	color: #fff;
}


/* === contents === */

.ttl_prj {
	margin-bottom: 15px;
}

.ttl_txt_prj {
	width: calc(100% - 200px);
	float: left;
}
.ttl_txt_prj h2 {
	margin-bottom: 15px;
	padding-bottom: 0;
}
.ttl_txt_prj h2:after {
	display: none;
}
.ttl_txt_prj h2 strong {
	margin-bottom: 5px;
	display: block;
}
.ttl_txt_prj h2 span {
	font-size: 1.4rem;
	display: block;
}
.prj_term span {
	width: 120px;
	margin-right: 10px;
	background: #edefec;
	border-radius: 10px;
	font-size: 1.1rem;
	text-align: center;
	display: inline-block;
}

.ttl_img_prj {
	width: 150px;
	text-align: center;
	float: right;
}
.ttl_img_prj img {
	width: 100%;
	margin-bottom: 15px;
}
.ttl_img_prj strong {
	font-weight: 700;
	line-height: 1.5;
	display: block;
}
.ttl_img_prj strong span {
	font-size: 1.2rem;
	font-weight: 400;
	display: block;
}

.contents_project {
	margin-bottom: 90px;
}

.txt_project {
	width: 57%;
	float: left;
	clear: both;
}
.txt_project h3 {
	margin-top: 45px;
}
.txt_project p {
    font-size: 1.5rem;
    line-height: 1.75;
}

.img_project {
	width: 37%;
	margin-top: 50px;
	float: right;
}
.img_project_inr  {
	margin-bottom: 45px;
	text-align: center;
}
.img_project img {
	width: 100%;
	margin-bottom: 10px;
}
.img_project img.originalsize {
	width: auto;
	max-width: 100%;
}
.img_project p {
	font-size: 1.3rem;
	line-height: 1.75;
}

._non-column {
	width: 100%;
	float: none;
}

.info_project {
	padding-top: 30px;
	border-top: 1px solid #edefec;
	clear: both;
}
.info_project div {
	padding-left: 35px;
	background-position: center left;
	background-repeat: no-repeat;
}
.tel   { background-image: url(../../img/project/tel.svg); }
.email { background-image: url(../../img/project/email.svg); }
.url   { background-image: url(../../img/project/url.svg); }

.info_project a {
	color: #333;
}
.info_project a:hover {
	color: #014d9e;
}

.op_archive {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #edefec;
}
.op_archive_ttl {
	color: #014d9e;
	font-weight: 700;
}
.op_archive a {
	color: #333;
	text-decoration: underline;
}
.op_archive a:hover {
	color: #014d9e;
	text-decoration: none;
}

.box_bg {
	padding: 1em;
	background: #edefec;
}

@media only screen and (max-width: 767px) {
	.ttl_txt_prj {
		width: 100%;
		margin-bottom: 30px;
		float: none;
	}
	.ttl_txt_prj h2 span {
		font-size: 1.2rem;
	}
	.prj_term span {
		display: block;
	}

	.ttl_img_prj {
		width: 100%;
		float: none;
	}
	.ttl_img_prj img {
		width: 150px;
	}
	.ttl_img_prj strong span {
		font-size: 1.2rem;
	}
	.ttl_img_prj span.en {
		font-size: 1.1rem;
	}

	.contents_project {
		margin-bottom: 45px;
	}

	.txt_project {
		width: 100%;
		float: none;
	}
	.txt_project h3 {
		margin-top: 20px;
	}

	.img_project {
		width: 100%;
		margin-top: 30px;
		float: none;
	}
	.img_project_inr  {
		margin-bottom: 30px;
	}
	.img_project p {
		font-size: 1.2rem;
	}

	.info_project {
		padding-top: 20px;
	}
}


/* === color === */

h2 span,
h3,
ul.list li:before {
	color: #2DA3BF;
}

.color_ls h2 span,
.color_ls h3,
.color_ls ul.list li:before {
	color: #0095b0;
}
.color_env h2 span,
.color_env h3,
.color_env ul.list li:before {
	color: #ed7700;
}
.color_nano h2 span,
.color_nano h3,
.color_nano ul.list li:before {
	color: #e96e90;
}
.color_ic h2 span,
.color_ic h3,
.color_ic ul.list li:before {
	color: #00a6cf;
}

p.color_ls {
	color: #0095b0;
}