@charset "utf-8";
body {
	box-sizing: border-box;
}
.sp_img {
	display: none;
}
.sp_br {
	display: none;
}
.row {
	padding: 0 !important;  
	max-width: 1000px;
}
.pd_tb {
	padding-top: 100px;
	padding-bottom: 90px;
}
.pd_rl {
	padding-right: 15px;
	padding-left: 15px;
}
.pd_co_top {
	padding-top: 80px;
}
.bg_white {
	background-color: #fff;
}
.bg03 {
	background-color: #eeeeee;
}
.co_og {
	color: #eb6100;
}
.co_blue {
	color: #009bd9;
}
h3.ict-heading {
	color: #0075c2;
	font-weight: bold;
	font-size: 1.8rem;
	margin-bottom: 30px;
	text-align: center
}
.lower h3 {
	margin-bottom: 0 !important;
}
h3.caption {
	margin:  80px 0 30px 0;
	text-align: center;
}
h3.caption span {
	font-size: 1.4rem;
    font-weight: bold;
    color: #615f5f;
	position: relative;
}
h3.caption span strong {
	font-size: 1.6rem;
	margin-left: 5px;
}
/* h3.caption span::before {
	width: 10px;
    height: 100%;
    background: #eb6100;
    position: absolute;
    left: -20px;
    top: 50%;
	transform: translate( -50%, -50%);
    content: "";
} */
h4.subheading {
	font-weight: normal;
	text-align: center;
	color: #615f5f;
	margin-bottom: 50px;
	margin-top: 15px;
}
#section01 h4.subheading {
	margin-bottom: 0;
}
#rpa .rpaPngbox ,
#ict-consulting .accountingPngbox {
	margin-top: 90px;
	margin-bottom: 30px;
	max-height: 298px;
}
#rpa .rpaPngbox p ,
#ict-consulting .accountingPngbox p {
	position: absolute;
	opacity: 0;
	transform: translate(0, 40px);
}
#rpa .rpaPngbox p img ,
#ict-consulting .accountingPngbox p img {
	width: 100%;
}
#rpa .rpaPngbox p:first-child {
	width: 25%;
	left: 0;
	top: 34%;
	max-width: 158px;
	animation: anime 0.8s ease 1s 1 forwards,
	example_10 1.8s ease-in-out infinite;
	transform-origin: 50% 50%;
}
#rpa .rpaPngbox p:first-child img {
    max-width: 158px;
}
#rpa .rpaPngbox p:nth-child(2){
	width: 25%;
	left: 18%;
	max-width: 144px;
	animation: anime 0.8s ease 1.5s 1 forwards,
	example_10 1.9s ease-in-out 0.2s infinite;
}
#rpa .rpaPngbox p:nth-child(2) img {
	max-width: 144px;
}
#rpa .rpaPngbox p:nth-child(3) {
	width: 26.5%;
	left: 34%;
	top: 26%;
	max-width: 134px;
	animation: anime 0.8s ease 2s 1 forwards,
	example_10 1.8s ease-in-out infinite;
}
#rpa .rpaPngbox p:nth-child(3) img {
	max-width: 134px;
}
#rpa .rpaPngbox p:nth-child(4) {
	width: 21%;
	left: 47%;
	top: 46%;
	max-width: 206px;
	animation: anime 0.8s ease 2.5s 1 forwards,
	example_10 1.9s ease-in-out 0.2s infinite;
}
#rpa .rpaPngbox p:nth-child(4) img {
	max-width: 206px;
}
#rpa .rpaPngbox p:nth-child(5) {
	width: 20%;
	left: 66%;
	top: 30%;
	max-width: 147px;
	animation: anime 0.8s ease 3s 1 forwards,
	example_10 1.8s ease-in-out 0.2s infinite;
}
#rpa .rpaPngbox p:nth-child(5) img {
	max-width: 147px;
}
#rpa .rpaPngbox p:nth-child(6) {
	right: 0;
	width: 20%;
	animation: anime 0.8s ease 0.5s 1 forwards;
	position: static;
	float: right;
}
#rpa .rpaPngbox p:nth-child(6) img {
	max-width: 100px;
}
#ict-consulting .accountingPngbox div {
	position: static;
	width: 25%;
	left: 0;
	max-width: 100px;
	animation: anime 0.8s ease 0.5s 1 forwards;
}
#ict-consulting .accountingPngbox p:first-child {
	position: static;
	width: 25%;
	left: 0;
	max-width: 100px;
	animation: anime 0.8s ease 2.3s 1 forwards, example_10 2.0s ease-in-out infinite;
}
#ict-consulting .accountingPngbox p:nth-child(2){
	width: 27%;
	top: 37%;
	left: 15%;
	max-width: 192px;
	animation: anime 0.8s ease 1.5s 1 forwards, example_10 1.5s ease-in-out infinite;
}
#ict-consulting .accountingPngbox p:nth-child(2) img {
	max-width: 185px;
}
#ict-consulting .accountingPngbox p:nth-child(3) {
	width: 27%;
	top: 20%;
	left: 34.6%;
	max-width: 222px;
	animation: anime 0.8s ease 2s 1 forwards, example_10 2.0s ease-in-out infinite;
}
#ict-consulting .accountingPngbox p:nth-child(3) img {
	max-width: 205px;
}
#ict-consulting .accountingPngbox p:nth-child(4) {
    width: 25%;
    top: 38%;
	left: inherit;
    right: 22%;
    max-width: 204px;
    animation: anime 0.8s ease 2.5s 1 forwards, example_10 2.5s ease-in-out infinite;
}
#ict-consulting .accountingPngbox p:nth-child(4) img {
	max-width: 205px;
}
#ict-consulting .accountingPngbox p:nth-child(5) {
    width: 25%;
    top: 20%;
	left: inherit;
	right: 0;
    max-width: 204px;
    animation: anime 0.8s ease 2.7s 1 forwards, example_10 2.5s ease-in-out infinite;
}
#ict-consulting .accountingPngbox p:nth-child(5) img {
	max-width: 200px;
}
#ict-consulting .titletype01 {
	display: inline-block;
    margin: 0px;
    /* position: absolute; */
    border-bottom: 3px solid #1e96cf;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}
#ict-consulting .titletype04 {
	display: inline-block;
    margin: 0px;
    /* position: absolute; */
    /* top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); */
}
.titletype04 {
	color: #fff;
    padding-bottom: 16px;
}
#ict-consulting h3.clearfix {
    /* height: 93px; */
}
.service_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.service_box li {
	width: 30%;
}
.service_box h5 {
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.service_box li:nth-child(2) h5 {
	margin-top: -28px;
}
.service_box h5 small {
	display: block;
	font-size: 0.7rem;
    text-align: left;
    margin-bottom: -5px;
}
.service_box h5 strong {
	display: inline-block;
	font-size: 2.2rem;
}
.service_box .img_area {
	text-align: center;
	margin-bottom: 20px;
}
.service_box .img_area img {
	max-width: 200px;
}
.roadmap_box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.roadmap_box li {
	box-sizing: border-box;
	width: 24%;
	background-color: #fffde5;
    padding: 20px 15px;
}
.service_box li p {
	line-height: 1.8;
	font-size: 15px;
}
.roadmap_box li p {
	line-height: 1.7;
    font-size: 15px;
}
.roadmap_box h5 {
	text-align: center;
	margin-bottom: 10px;
}
.roadmap_box h5 small {
	font-size: 1.6rem;
}
.roadmap_box h5 strong {
	font-size: 2.2rem;
	margin-left: 5px;
}
.dx h5 {
    display: flex;
	justify-content: center;
	margin-bottom: 30px;
}
.dx h5 p {
	flex-wrap: wrap;
    display: flex;
    justify-content: center;
	display: inline-block;
}
.dx h5 p:nth-child(2) {
	margin-left: 10px;
}
.dx h5 small {
	font-size: 0.7rem;
	display: block;
    width: 100%;
	margin-bottom: -5px;
	text-align: center;
}
.dx h5 strong {
	font-size: 3rem;
	display: block;
    width: 100%;
}
.dx h4.subheading,
.case_study h4.subheading,
.leadok h4.subheading,
.service h4.subheading,
.roadmap h4.subheading {
	font-size: 1.2rem;
}
.box_flex {
	display: flex;
	vertical-align: top;
	justify-content: center;
	margin-bottom: 30px;
	flex-wrap: wrap;
}
.threeColumnType01 .box {
	display: block;
	margin: 0;
	width: 38%;
}
.boxLayout.boxLayout06 {
    height: 100px;
}
.threeColumnType01 .box:first-child {
	margin-right: 30px;
}
#ict-consulting  .imgTypeS {
	padding: 10px 40px;
}
#ict-consulting .case_study .accountingPngbox {
	margin: 50px 0;
    position: relative;
    height: 200px;
}
#ict-consulting .case_study .accountingPngbox p {
	position: absolute;
}
#ict-consulting .case_study .accountingPngbox p:first-child {
	width: 100%;
	top: 25%;
	left: 13%;
	max-width: 230px;
}
#ict-consulting .case_study .accountingPngbox p:nth-child(2) {
	width: 20%;
    top: 0;
	left: 42%;
}
#ict-consulting .case_study .accountingPngbox p:nth-child(3) {
	width: 20%;
    top: 25%;
	right: 13%;
	left: inherit;
}
.leadok_step .img_area {
	text-align: center;
	margin-bottom: 30px;
}
.leadok_step .img_area img {
	width: 100%;
    max-width: 715px;
} 
.leadok_step {
	position: relative;
}
.leadok_step_human {
	position: absolute;
	bottom: 0;
	right: 23%;
}
.leadok_step_human .img_area {
	margin-bottom: 0;
}
.leadok_step_human .img_area img {
	max-width: 200px;
}
.main_box {
	text-align: center;
	margin: -45px 0px 0px;
    background-color: #fff;
    padding: 140px 15px 100px 15px;
}
.catchbox .main_box img {
	max-width: 560px;
	object-fit: contain;
}
p.boxLayout_in {
	color: #fff;
	text-align: center;
	font-size: 18px;
} 

.posL_lea {
	position: absolute;
	top: -60%;
    left: 0;
}
.posL_lea_2 {
	position: absolute;
	top: -25%;
    left: 0;
}
.posR_lea {
	position: absolute;
	top: -20%;
    left: 80%;
}
.posR_lea_2 {
	position: absolute;
	top: -60%;
    left: 80%;
}

.cont_box1 .dx_trouble {
    margin: 100px 0px 0px 0px;
    text-align: center;
	font-weight: normal;
    color: #615f5f;
	font-size: 1.2rem;
}

@media screen and (max-width: 1600px){
	.leadok_step_human{ right: 20%; }
}

@media screen and (max-width: 1460px){
	.leadok_step_human{ right: 15%; }
}

@media screen and (max-width: 1280px){
	.leadok_step_human{ right: 12%; }
}

@media screen and (max-width: 1150px){
	.leadok_step_human{ right: 5%; }
}


@media screen and (max-width: 1000px){
	.roadmap_box li {width: 49%;}
	.roadmap_box li:first-child,.roadmap_box li:nth-child(2) {margin-bottom: 15px;}
	.service_box {max-width: 100%;}
	.service_box h5 {font-size: 1.8rem;}
	.service_box h5 strong {font-size: 1.8rem;}
	.dx h5 small {margin-bottom: 3px;}
	.leadok_step .img_area img {max-width: 720px;}
	.leadok_step_human .img_area img {max-width: 140px;}
	.leadok_step_human {right: 5%;}
	#ict-consulting .titletype04 {font-size: 1.8rem; line-height: 36px;}
}

@media screen and (max-width: 800px){
	.service_box li {width: 49%;}
	.service_box li{margin-bottom: 15px;}
	.service_box li:last-child {margin-bottom: 0;}
	h4.subheading {text-align: left;}
	.boxLayout_in02 {width: 100%; box-sizing: border-box; padding:10px;}
	.lower p {line-height: 1.65em;}
	.catchbox h2 {font-size: 1.5rem;}
	.catchbox .main_box img {max-width: 460px;}
	.titletype01 {font-size: 1.4rem;}
	.lower h4 {font-size: 1rem;}
	#ict-consulting .accountingPngbox p:nth-child(2) {top: 45%;}
	#ict-consulting .accountingPngbox p:nth-child(3) {top: 10%;}
	#ict-consulting .accountingPngbox p:nth-child(4) {top: 48%;}
	#ict-consulting .accountingPngbox p:nth-child(5) {top: 15%;}
	.threeColumnType01 .box:first-child {margin-right: 20px;}
	.threeColumnType01 .box {width: 47%;}
	#ict-consulting .case_study .accountingPngbox p:first-child {left: 2%;}
	.lower p {font-size: 1rem;}
	.posL {top: -40px;}
	.posR {top: -40px;}
	#ict-consulting .case_study .accountingPngbox p:nth-child(2) {width: 25%; left: 40%;}
	#ict-consulting .case_study .accountingPngbox p:nth-child(3) {width: 27%; top: 25%; right: 0%;}
	.dx h4.subheading br,.service h4.subheading br,.case_study br,.leadok h4.subheading br,
	#section01 h4.subheading br {display: none;}
	.boxLayout_in {padding:  10px 10px;}
	#ict-consulting .titletype04 {font-size: 1.4rem; }
}
@media screen and (max-width: 600px){
	.pd_tb {padding-top: 50px; padding-bottom: 50px;}
	.service_box li {width: 100%;}
	.roadmap_box li {margin-bottom: 15px;}
	.roadmap_box li:last-child {margin-bottom: 0;}
	h3.ict-heading {font-size: 1.6rem;}
	.service_box .img_area img {max-width: 200px;}
	.catchbox .main_box img {max-width: 300px}
	.main_box {padding: 60px 15px 35px 15px; margin: -55px 0px 0px;}
	#ict-consulting .accountingPngbox p:nth-child(2) {top: 15%; left: 25%; width: 30%;}
	#ict-consulting .accountingPngbox p:nth-child(3) {top: 8%; left: 60%; width: 35%;}
	#ict-consulting .accountingPngbox p:nth-child(4) {right: inherit; left: 30%; top: 44%; width: 30%;}
	#ict-consulting .accountingPngbox p:nth-child(5) {top: 35%; left: 64%; right: inherit; width: 30%;}
	.threeColumnType01 .box {width: 100%;}
	.threeColumnType01 .box:first-child {margin-right: 0; margin-bottom: 15px;}
	p.boxLayout_in br {display: none;}
	.dx .img_area .sp_img {display: block;}
	.dx .img_area .pc_img {display: none;}
	.roadmap .sp_br {display: block;}
	.catchbox h2 {font-size: 1.2rem}
	#ict-consulting .case_study .accountingPngbox p:first-child {top: 55%; left: 0%;}
	#ict-consulting .case_study .accountingPngbox p:nth-child(2) {left: 39%; width: 28%;}
 	#ict-consulting .case_study .accountingPngbox p:nth-child(3) {width: 32%; right: 0%; top: 52%;}
	.leadok_step .img_area img {max-width: 350px;}
	.leadok_step_human .img_area img {max-width: 90px;}
	.leadok_step_human {right: 0; bottom: -15%;}
	.posL_lea{top: -106%;}
	.posR_lea_2{left: 85%;}
	#ict-consulting .titletype01{margin-top: 3px;}

}
@media screen and (max-width: 450px){
	.roadmap_box li {width: 100%;}
	h3.ict-heading {font-size: 1.3rem;}
	.catchbox .main_box img {max-width: 260px;}
	.dx h5 strong {font-size: 2rem;}
	.dx h4.subheading, .case_study h4.subheading, .leadok h4.subheading, 
	.service h4.subheading, .roadmap h4.subheading {font-size: 1rem;}
	#ict-consulting .case_study .accountingPngbox p:first-child {top: 15%; max-width: 183px;}
	#ict-consulting .case_study .accountingPngbox p:nth-child(2) {left: 60%; width: 39%; top: -15%;}
	#ict-consulting .case_study .accountingPngbox p:nth-child(3) {width: 40%; right: 5%; top: 53%;}
	p.boxLayout_in br {display: block;}
	.titletype04{padding-bottom: 0}
}
