@charset "UTF-8";
/* CSS Document */

.mainWrapper {
    width: 100%;
	background-image: url('./images/main-image.jpg');
}
.main_wrap {
	background-color: white;
	padding: 24px;
	border-radius: 16px;
} 



h4 {
	font-size: 20px;
	line-height: 150%;
}
h5 {
	font-size: 16px;
}


.intro{
	padding: 2rem 4rem;
	border: solid 1px #DDD;
	border-radius: 5px;
	width:85%;
	margin-left: auto;
	margin-right: auto;
}
@media only screen and (max-width: 640px) {
	.intro{
		padding: 1rem 2rem;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

}

.feat {
	font-size: 120%;
	line-height: 1.8;
}



.flowTitle {
	padding: 2rem 1rem;
	background-color: #559E59;
	color:#FFF;
	font-size: 3rem;
}

.problemWrap {
	padding: 0 1rem 3rem;
	background: #FFF;
}
h3.hikakuTitile{
	color: #666;
	padding-bottom: 10px;
	border-bottom: dotted 1px #999;
	margin-bottom: 30px;
}
.problem {
	margin: 0;
	padding: 0;
}
.problem li {
	list-style: none;
	font-size: 1.8rem;
	margin: 0.5rem 0;
}
.problem li:before {
	content: "●";
	margin-right: 1rem;
	font-size: 2.4rem;
	color: rgba(160,160,160,1.00);
}

.ex {
	margin: 3rem 0 0;
	padding: 0;
}
.ex li {
	list-style: none;
	font-size: 1.3rem;
	margin: 0.5rem 0;
	display: inline-block;
}

.ex li:before {
	content: " / ";
	font-size: 1.4rem;
	margin-left: 0.5rem;
}
.ex li:first-child:before {
	content: "";
	margin-left: 0;
}

.itemWrap{
	border: solid 1px #EEE;
	border-top: none;
	padding: 2rem 2rem 0;
	text-align: left;
	background-color: #FFF;
}
.itemWrap dl {
margin:0;
}
.itemTitle{
	background-color: #333;
	padding: 1.2rem;
	font-size: 1.6rem;
	margin: 0;color: #FFF;
}
.itemName{
	font-size: 1.6rem;
	margin: 0 0 1rem;
}
.itemText {
	font-size: 1.3rem;
	line-height: 165%;
}

.data{
	border-top: dotted 1px #888;
	padding-top: 10px;
}



.kaiketsu {
	padding: 130px 10px;
	background-color: #FFF;
	
}


.tema {
	font-size: 2.2rem;
	margin-top: 30px;
	margin-bottom: 45px;
}


ul.list,ol.list {
  padding-left:0.2rem;
  margin: 0;
}
ul.list li,ol.list li {
  padding-left: 1em;
  text-indent: -1em;
  list-style-position: inside;
}
.service {
	font-size:1.4rem;
	
}
.serviceCate{
	color: #FFF;
	display: inline-block;
	background-color: darkolivegreen;
	padding: 0.3rem;
	border-radius: 4px;
	margin-right: 0.5rem;
}

.kadai .kadai_image {
	line-height: 1px;

}

.whatsRPA {
	padding: 60px;
}
@media only screen and (max-width: 992px) {
	.whatsRPA {
		padding: 10px;
	}
}
dl.whatsRPA {
	border: solid 2px #DDD;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFF;
}
@media only screen and (max-width: 992px) {
	dl.whatsRPA {
		width: 100%;
	}
}
dl.whatsRPA > dt {
	background-color: #C05104;
	color: #FFF;
	padding: 15px;
	text-align: center;
	font-size: 18px;
}
dl.whatsRPA > dd {
	padding: 2rem;
	font-size: 1.6rem;
	line-height: 180%;

}
dl.whatsRPA > dd p {
	margin-top: 15px;
}

dl.whatsRPA > dd dl {
	margin: 10px 0 0;
}
dl.whatsRPA > dd dl > dt {
	font-size: 1.4rem;
	margin-bottom: 10px;
}
dl.whatsRPA > dd dl > dd {
	font-size: 1.3rem;
	color: #666;
}




/* 導入メリット */
.merit h4 {
	font-size: 24px !important;
	padding-bottom: 5px;
	border-bottom: solid  5px #C5070A;display: inline-block;
}


.workFlow {
	line-height: 1px;
	padding: 100px;
	background-color: #FFF;
}
@media only screen and (max-width: 767px) {
	.workFlow {
		padding: 0px;
	}
}

.plan dt{
	font-size: 24px;
	margin-bottom: 15px;
}
.plan dt span {
	display: inline-block;
	margin-right: 8px;
	padding: 3px 7px;
	color: #FFF;
	background-color: #C05104;
	border-radius: 5px;
	font-size: 80%;
}
@media only screen and (max-width: 1400px) {
	.plan dt {
		font-size: 17px;
	}
}
.plan a img {
	transition: 0.5s;
}
.plan a img:hover {
	box-shadow: #888 0 2px 10px;
}

.planL > .plan {
	margin-left: auto;
	margin-right: auto;
	padding: 32px;
	max-width: 1050px;
}
.planL {
	background-color: #FAFAFA;
}
.planL h1 {
	font-size: 18px;
	margin-top: 0;
}

.delta {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 40px 40px 0 40px;
    border-color: #ffffff transparent transparent transparent;
    display: inline-block;
    margin-bottom: 10px;
    margin-top: -30px;
}
.answer {
    background-color: #EDEDED;
    padding: 0 24px 24px;
    text-align: center;
    font-size: 24px;
}



.contactBox1{
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	padding: 70px;
}
.contact_title{
	margin-bottom: -25px;
}
.contact_subTitle{
	background: #FFF;
}
.contact_text{
	padding: 30px;
	background: #F6F6EA;
}
.contactBox2{
	background: rgb(0,38,58);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjYzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUyJSIgc3RvcC1jb2xvcj0iIzAwM2I1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDI2M2EiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left, rgba(0,38,58,1) 0%, rgba(0,59,86,1) 52%, rgba(0,38,58,1) 100%);
	background: -webkit-linear-gradient(left, rgba(0,38,58,1) 0%,rgba(0,59,86,1) 52%,rgba(0,38,58,1) 100%);
	background: linear-gradient(to right, rgba(0,38,58,1) 0%,rgba(0,59,86,1) 52%,rgba(0,38,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00263a', endColorstr='#00263a',GradientType=1 );
	
	padding: 45px 2px;
}
.contactBox2_catch {
	color: #FFF;
	font-size: 20px;
}
.catch {
	font-size: 28px;
	line-height: 1.6;
	color: #dfbb01;
}

.inq_sol {
	
}