@charset "utf-8";

/**************/
/** 事業情報 **/
/**************/

/** 事業情報トップ画像 **/
section {
	padding: 80px 0px 50px 0px
}
.section-top {
	padding: 130px 0px 90px 0px;
	position: relative;
}
div.top-back {
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: cover;
	background-position: center;
	top: 0;
	filter: brightness(0.5);
}
div.top-area {
	position: relative;
}
.contents {
	max-width: 1440px;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}
.section-services-title{
	font-family: "Yu Gothic", "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", sans-serif;
	text-align: center;
	font-size: 3.6rem;
	line-height: 120%;
	color: #ff0;
	font-weight: 700;
	font-feature-settings: "pwid";
}
.section-services-message{
	margin: 20px auto 50px auto;
	text-align: center;
	font-size: 1.3rem;
	width: 95%;
	color: #fff;
	font-weight: 500;
	font-feature-settings: "pwid";
}
.section-services-message br {
	display: block;
}
.section-top div.backstretch img {
	filter: brightness(0.5);
}
div.pentad-list {
	width: 90%;
	margin: 0 auto;
}
div.pentad-list ul {
	text-align: center;
}
.services-list-item{
	width: 16%;
	display: inline-block;
	vertical-align: top;
	border: 1px solid transparent;
	padding: 20px 0;
	transition: 0.5s ease;
}
.services-list-item:hover{
	border-radius: 5px;
	background-color: rgba(255,127,39,0.9);
	color: #FFF;
	border: solid 1px rgb(255,127,39);
	box-shadow: none;
}
img.services-icon{
	width: 100px;
	height: 100px;
	border: solid 1px #ccc;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
h3.services-list-title {
	font-size: 1.2rem;
	font-weight: 500;
	margin: 15px 0;
	color: #fff;
}

@media all and (max-width: 1240px) {
	h3.services-list-title {
		font-size: 1.1rem;
	}
}
@media all and (max-width: 1140px) {
	.section-services-title {
		font-size: 3.2rem;
	}
	.section-services-message {
		font-size: 1.2rem;
	}
	h3.services-list-title {
		font-size: 1.0rem;
	}
}
@media all and (max-width: 1024px) {
	h3.services-list-title {
		font-size: 0.9rem;
	}
	div.pentad-list {
		width: 95%;
	}
}
@media all and (max-width: 940px) {
	.section-top {
		padding: 130px 0px 60px 0px;
	}
	.section-services-title {
		font-size: 3.0rem;
	}
	.section-services-message{
		line-height: 1.5em;
		font-size: 95%;
		margin: 20px auto 30px auto;
	}
	.services-list-item {
		width: 15%;
	}
	.section-content a:after {
		width: 18px!important;
		height: 18px!important;
		top: 3px!important;
	}
}
@media all and (max-width: 768px) {
	.section-services-title{
		font-size: 2.8rem;
	}
	.section-services-message {
		width: 88%;
	}
	.section-services-message br {
		display: none;
	}
	.services-list-item {
		width: 30%;
		padding: 10px 0 0 0;
	}
	h3.services-list-title {
		margin: 0px 0 10px 0;
	}
}
@media all and (max-width: 640px) {
	.section-services-title {
		font-size: 2.6rem;
	}
}
@media all and (max-width: 530px) {
	.section-services-title {
		font-size: 2.3rem;
	}
	.section-services-message {
		line-height: 120%;
	}
}
@media all and (max-width: 480px) {
	.section-top {
		padding: 100px 0px 60px 0px;
	}
	.section-services-title{
		font-size: 2.0rem;
	}
	h3.services-list-title {
		font-size: 0.8rem;
	}
	div.pentad-list {
		width: 100%;
	}
	.section-content a:after {
		width: 14px!important;
		height: 14px!important;
		top: 2px!important;
	}
}
@media all and (max-width: 430px) {
	.section-services-title {
		font-size: 1.9rem;
	}
	h3.services-list-title {
		font-size: 0.7rem;
	}
}
@media all and (max-width: 400px) {
	.section-services-title {
		font-size: 1.7rem;
	}
}


/** 各セクションの共通使用CSS **/
section.bg_gray {
	background: #f3f3f3;
}
section.last_section {
	margin: 0px 0px 20px 0px;
}
h2.section-title {
	font-family: "Yu Gothic", "Meiryo", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", sans-serif;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	padding: 0 0 15px 0;
	color: #444;
}
h2.section-title br {
	display: none;
}
.circle-icon-content {
	width: 160px;
	height: 160px;
	border: solid 1px #ccc;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.section-message {
	margin: 20px auto;
	text-align: center;
	font-size: 1.6rem;
	font-weight: 700;
	width: 89%;
	color: #444;
}
.section-content {
 	margin: 20px auto 50px auto;
	text-align: left;
	font-size: 1.1rem;
	font-weight: 500;
	width: 75%;
	line-height: 160%;
	color: #545454;
	font-feature-settings: "pwid";
	text-align: justify;
}
.section-content a {
	color: rgb(45,145,217);
	transition: 0.5s ease;
}
.section-short{
	margin-bottom: 30px;
}
.section-middle-content{
	font-feature-settings: "pwid";
	text-align: justify;
	width: 75%;
	margin: 10px auto 10px auto;
	font-size: 1.6rem;
}
.section-middle-content p:first-child{
	float: left;
	line-height: 120%;
}
.section-middle-content p:last-child{
	margin-left: 32px;
	line-height: 120%;
}
.section-middle-content2{
	text-align: center;
	width: 75%;
	margin: 10px auto 10px auto;
}
img.section-middle-img{
	margin: 20px 0;
	width: 80%;
}
.section-content a:after {
	background: url(../img/shared/external_link.svg) no-repeat;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-position: 0px 0px;
	position: relative;
	top: 4px;
	overflow: hidden;
	margin: 0 5px;
}
.section-content a:hover {
	color: rgb(117,193,247);
}
span.section-large{
	font-size: 1.6rem;
	font-weight: 700;
}
h3.section-title {
	text-align: center;
	font-size: 1.8rem;
	font-weight: 700;
	color: #444;
}

section.bg-aurora {
	background-color: rgb(45, 114, 184);
	color: #fff;
}
section.bg-aurora h2.section-title {
	color: #fff;
}
section.bg-aurora p.section-message {
	color: #fff;
}
section.bg-aurora p.section-content {
	color: #fff;
}
section.bg-aurora h3.section-title {
	color: #fff;
}
section.bg-aurora ul.dw_result li {
	border-bottom: dotted 1px #fff;
	color: #fff;
}

div.section-margin {
	height: 30px;
}
div#host_system {
	background: #f3f3f3;
}
div#web_system {
	background: rgb(45, 114, 184);
}
div#off_migration {
	background: #f3f3f3;
}
div#sap_solution {
	background: rgb(45, 114, 184);
}

p.section-logo {
	margin-top: -50px;
}

@media all and (max-width: 1040px) {
	.section-content {
		width: 85%;
	}
	.section-middle-content {
		width: 85%;
	}
	.section-middle-content2 {
		width: 85%;
	}
	img.section-middle-img{
		width: 90%;
	}
}
@media all and (max-width: 1024px) {
	h2.section-title {
		font-size: 2.2rem;
	}
	.section-message {
		font-size: 1.4rem;
	}
	.section-large {
		font-size: 1.4rem!important;
	}
	.section-middle-content {
		font-size: 1.5rem!important;
	}
}
@media all and (max-width: 940px) {
	h2.section-title {
		font-size: 2.0rem;
	}
	.section-message {
		font-size: 1.2rem;
	}
	.section-content {
		width: 90%;
		font-size: 1.0rem;
	}
	h3.section-title {
		font-size: 1.6rem; 
	}
	.section-middle-content {
		width: 90%;
		font-size: 1.3rem!important;
	}
	.section-middle-content2 {
		width: 90%;
	}
	.section-large {
		font-size: 1.2rem!important;
	}
}
@media all and (max-width: 768px) {
	section {
		padding: 60px 0 30px 0;
	}
	h2.section-title {
		font-size: 1.8rem;
	}
	.section-message {
		font-size: 1.1rem;
	}
	.host_system {
		font-size: 1.2rem;
	}
	.web_system {
		font-size: 1.2rem;
	}
	.off_migration {
		font-size: 1.2rem;
	}
	.sap_solution {
		font-size: 1.2rem;
	}
	.section-content {
		margin: 20px auto 40px auto;
	}
	p.section-logo img {
		width: 60%;
	}
	img.section-middle-img{
		width: 100%;
	}
}
@media all and (max-width: 640px) {
	h2.section-title {
		font-size: 1.6rem;
	}
}
@media all and (max-width: 530px) {
	section {
		padding: 50px 0 30px 0;
	}
	h2.section-title {
		font-size: 1.4rem;
		padding: 0 0 5px 0;
	}
}
@media all and (max-width: 480px) {
	h2.section-title {
		font-size: 1.3rem;
	}
	h2.section-title br {
		display: block;
	}
	.section-message {
		width: 100%;
		font-size: 1.0rem;
	}
	.host_system {
		font-size: 1.2rem;
	}
	.web_system {
		font-size: 1.2rem;
	}
	.off_migration {
		font-size: 1.2rem;
	}
	.sap_solution {
		font-size: 1.2rem;
	}
	.section-content {
		font-size: 0.9rem;
		line-height: 140%;
		margin: 15px auto 30px auto;
	}
	h3.section-title {
		font-size: 1.4rem; 
	}
	p.section-logo {
		margin-top: -25px;
	}
	.section-middle-content{
		font-size: 1.1rem!important;
	}
}
@media all and (max-width: 430px) {
	.section-message {
		font-size: 0.95rem;
	}
	.host_system {
		font-size: 1.2rem;
	}
	.web_system {
		font-size: 1.2rem;
	}
	.off_migration {
		font-size: 1.2rem;
	}
	.sap_solution {
		font-size: 1.2rem;
	}
	.section-small {
		font-size: 0.8rem;
	}
}



/** 大和システムクリエートの得意技術分野のテーブル **/
.tech_guide {
	width: 70%;
	margin: 20px auto 0px auto;
	border: 1px dotted #ccc;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
	font-size: 1.2rem;
	font-weight: 500;
}
.tech_guide th {
	padding: 16px 16px;
	border: #aaa dotted 1px !important;
	overflow: hidden;
	color: #13131e;
	font-style: normal;
	font-weight: bold;
	font-size: 100%;
	text-align: left;
	word-break: break-all;
	word-wrap: break-word;
	vertical-align: top;
	background-color: #e4e4e4;
}
.tech_guide td {
	padding: 16px 16px;
	text-align: left;
	vertical-align: top;
	color: #595960;
	background-color: #ffffff;
	border: dotted 1px #aaa !important;
	overflow: hidden;
	word-break: break-all;
	word-wrap: break-word;
}

@media all and (max-width: 1024px) {
	.tech_guide {
		font-size: 1.1rem;
		width: 85%;
	}
}
@media all and (max-width: 768px) {
	.tech_guide {
		font-size: 1.0rem;
	}
	.tech_guide th {
		padding: 12px 16px;
	}
	.tech_guide td {
		padding: 12px 16px;
	}
}
@media all and (max-width: 640px) {
	.tech_guide {
		font-size: 0.9rem;
	}
	.tech_guide th {
		padding: 10px 16px;
	}
	.tech_guide td {
		padding: 10px 16px;
	}
}
@media all and (max-width: 530px) {
	.tech_guide {
		width: 90%;
		border: none;
		font-size: 1.0rem;
	}
	.tech_guide th {
		display: block;
		margin: 0 auto;
		border-top: none !important;
		border-radius: 0px;
		padding: 6px 16px !important;
	}
	.tech_guide th:first-child {
		border-top: 1px dotted #ccc !important;
	}
	.tech_guide td {
		display: list-item;
		margin: 0 auto;
		border-top: none !important;
		line-height: 160%;
		padding: 10px 16px !important;
	}
}


/** 開発実績 **/
.dw_result {
	width: 60%;
	margin: auto;
}
.dw_result li {
	width: 47%;
	float: left;
	border-bottom: dotted 1px #ccc;
	margin: 0 10px 0 10px;
	padding: 8px 0;
	text-align: left;
	font-size: 1.1rem;
	font-weight: 500;
	color: #545454;
	line-height: 130%;
}
.dw_result:after {
	display: table;
	content: "";
	clear: both;
}

@media all and (max-width: 1300px) {
	.dw_result {
		width: 65%;
	}
}
@media all and (max-width: 1190px) {
	.dw_result {
		width: 75%;
	}
}
@media all and (max-width: 1040px) {
	.dw_result {
		width: 85%;
	}
}
@media all and (max-width: 940px) {
	.dw_result {
		width: 90%;
	}
	.dw_result li {
		font-size: 1.0rem;
	}
}
@media all and (max-width: 790px) {
	.dw_result li {
		width: 45%;
		font-size: 0.9rem;
	}
}
@media all and (max-width: 740px) {
	.dw_result li {
		font-size: 0.8rem;
	}
}
@media all and (max-width: 480px) {
	.dw_result li {
		width: 95%;
		font-size: 1.0rem;
	}
}
@media all and (max-width: 480px) {
	.dw_result li {
		font-size: 0.9rem;
		padding: 6px 0;
	}
}



.section-sub-title {
	margin: 20px auto 10px auto;
	text-align: left;
	font-size: 1.3rem;
	font-weight: 500;
	width: 75%;
}
.section-sub-title p:first-child {
	float: left;
	line-height: 120%;
}
.section-sub-title p:last-child {
	margin-left: 32px;;
	line-height: 120%;
}
.section-sub-content {
	margin: 0px auto 30px auto;
	text-align: left;
	font-size: 1.1rem;
	font-weight: 500;
	width: 70%;
	line-height: 140%;
}
a.offcom_lk {
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	transition: 0.5s ease;
}
a.offcom_lk:after {
	background: url(../img/shared/external_link_white.svg) no-repeat;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background-size: 100%;
	background-position: 0px 0px;
	position: relative;
	top: 4px;
	overflow: hidden;
	margin: 0 5px;
}
a.offcom_lk:hover {
	color: rgb(117,193,247);
}
.text_center700 {
	font-size: 1.2rem;
	font-weight: 500;
	padding: 20px 0 30px 0;
	line-height: 140%;
	width: 90%;
	margin: 0 auto;
}
.text_center700 br {
	display: none;
}
.button_center a {
	display: block;
	box-sizing: border-box;
	padding: 12px 0px 14px 0px;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	border-radius: 30px;
	transition: 0.5s ease;
	border: none;
	background-color: rgb(255, 168, 37);
	color: #fff;
	font-size: 1.2rem;
	width: 35%;
	margin: 0 auto;
}
.button_center a:hover {
	background-color: rgb(255,127,39)!important;
	color: #FFF;
}

@media all and (max-width: 1040px) {
	.section-sub-title {
		width: 85%;
	}
	.section-sub-content {
		width: 80%;
	}
}
@media all and (max-width: 940px) {
	a.offcom_lk:after {
		width: 18px;
		height: 18px;
		top: 3px;
	}
	.section-sub-title {
		font-size: 1.2rem;
		width: 90%;
	}
	.section-sub-content {
		font-size: 1.0rem;
		width: 85%;
	}
	.text_center700 {
		font-size: 1.1rem;
	}
	.button_center a {
		width: 45%;
	}
}
@media all and (max-width: 800px) {
	.text_center700 br {
		display: block;
	}
}
@media all and (max-width: 768px) {
	.button_center a {
		width: 55%;
	}
}
@media all and (max-width: 520px) {
	.text_center700 {
		font-size: 1.0rem;
	}
}
@media all and (max-width: 480px) {
	a.offcom_lk:after {
		width: 14px;
		height: 14px;
		top: 2px;
	}
	.section-sub-title {
		font-size: 1.1rem;
	}
	.section-sub-content {
		font-size: 0.9rem;
		line-height: 140%;
	}
	.text_center700 br {
		display: none;
	}
	.button_center a {
		width: 75%;
	}
}