@charset "utf-8";

/*/////////////////////////////////////////////////////////////
service2022.css
//////////////////////////////////////////////////////////////*/
body {

}


/*--------------------------------------------------------------
サービス
--------------------------------------------------------------*/
/*---------------------------------
SERVICE共通
----------------------------------*/
.service_common_header_right{
	border-left:1vw solid #000;
	padding-left:2vw;
	margin-left:31vw;
}

.service_common_header_left{
	border-left:1vw solid #000;
	padding-left:2vw;
}

.service_common_title_font {
	font-size:2.7vw;
	background: linear-gradient(transparent 80%, #fff100 20%);
	height:3.5vw;
	display:inline-block;
	padding:0 0.7vw 0 0.1vw;
	font-weight:bold;
	letter-spacing: -0.5vw;
}
.service_common_title_font2 {
	font-size:2.7vw;
	background: linear-gradient(transparent 80%, #fff100 20%);
	height:3.5vw;
	display:inline-block;
	padding:0 0.7vw 0 0.1vw;
	font-weight:bold;
	letter-spacing: -0.5vw;
	margin-left:-0.8vw;
}
.service_common_name{
	font-weight:bold;
	margin-bottom: 1vw;
	font-size: 1.5vw;
}

.service_common_title_name{
	display:flex;
	align-items: flex-end;
}

.service_common_title_name_sub{
	padding-left:1vw;
	font-weight:bold;
	height: 0.9vw;
}

.service_common_title_discript{
	margin-top:2vw;
	/*font-weight:bold;*/
	font-size:1.0vw;
	line-height:2;
}
.service_common_title_discript_sp{
	display:none;
}
.service_common_discript_h3{
	font-weight:bold;
	font-size:1.1vw;
}
.service_common_discript_p{
	font-size:0.8vw;
	margin-top:0.8vw;
	line-height:2;
	/*font-weight:bold;*/
	font-size:1.0vw;
}

.service_common_underline_left{
	margin-top:3vw;
	width:5vw;
	border-bottom:0.5vw solid #000;
	margin-left:3vw;
}
/*---------------------------------
セクションソリューション開発
----------------------------------*/
.sction_solution_development{
	width:100%;
	background-image:url(/images/service/service_01.jpg) ;
	background-size: contain;
	background-repeat:no-repeat;
}

.div_solution_development{
	width:70%;
	margin:0 auto;
	padding-top:9vw;
	padding-left:6vw;
}

.solution_development_title_font {
	font-size:2.4vw;
	background: linear-gradient(transparent 80%, #fff100 20%);
	height:3.1vw;
	display:inline-block;
	padding:0 0.7vw 0 0.1vw;
	font-weight:bold;
	letter-spacing: -0.0vw;
	margin-left: -0.3vw;
}

.solution_development_discript_1{
	margin-top:5vw;
	margin-left:3vw;
}
.solution_development_discript_2{
	margin-top:5vw;
	margin-left:3vw;
}

.solution_development_picture{
	display:flex;
	margin-top:6vw;
	margin-left:3vw;
}

.solution_development_picture img{
	width:100%;
}

.solution_development_picture_01{
	margin-top: -1vw;
	height:28vw;
	margin-left: -0.5vw;
}
.solution_development_picture_01 p{
	writing-mode: vertical-rl;
	font-weight:bold;
	font-size:2.3vw;
}


.solution_development_picture_02{
	width:25vw;
	margin-left:4.5vw;

}

.solution_development_picture_03{
	width:25vw;
	margin-top: 7vw;
	margin-left:3vw;
}


.solution_development_discript_3{
	margin-top:2vw;
	margin-left:3vw;
}


/*---------------------------------
セクション受託開発
----------------------------------*/
.sction_commissoned_system_develpment{
	width:100%;
	background-image:url(/images/service/service_02.jpg) ;
	background-size: contain;
	background-repeat:no-repeat;
	margin-top:7vw;
}

.div_commissoned_system_develpment{
	width:70%;
	margin:0 auto;
	padding-top:9vw;
	padding-left:6vw;
}

.commissoned_development_title_font {
	font-size:2.4vw;
	background: linear-gradient(transparent 80%, #fff100 20%);
	height:3.1vw;
	display:inline-block;
	padding:0 0.7vw 0 0.1vw;
	font-weight:bold;
	letter-spacing: -0.0vw;
}


.commissoned_system_develpment_discript_1{
	margin-top:5vw;
	margin-left:3vw;
}
.commissoned_system_develpment_discript_2{
	margin-top:5vw;
	margin-left:3vw;
}

.commissoned_system_develpment_picture{
	display:flex;
	margin-top:10vw;
	margin-left:3vw;
	height: 32vw;
}

.commissoned_system_develpment_picture img{
	width:100%;
}

.commissoned_system_develpment_picture_01{
	width:25vw;
	margin-top: 7vw;
}
.commissoned_system_develpment_picture_02{
	width:25vw;
	margin-top:-1vw;
	margin-left:4vw;
}

.commissoned_system_develpment_picture_03{
	margin-top: -3vw;
	margin-left:4vw;
}

.commissoned_system_develpment_picture_03 p{
	writing-mode: vertical-rl;
	font-weight:bold;
	font-size:2.3vw;
}

.commissoned_system_develpment_discript_3{
	margin-top:2vw;
	margin-left:3vw;
}


/*---------------------------------
セクションクラウドサービス
----------------------------------*/
.sction_webstar_cloud{
	width:100%;
	background-image:url(/images/service/service_03.jpg) ;
	background-size: contain;
	background-repeat:no-repeat;
	margin-top:7vw;
}

.div_webstar_cloud{
	width:70%;
	margin:0 auto;
	padding-top:9vw;
	padding-left:6vw;
}

.webstar_cloud_discript_1{
	margin-top:5vw;
	margin-left:3vw;
}
.webstar_cloud_discript_2{
	margin-top:5vw;
	margin-left:3vw;
}

.webstar_cloud_picture{
	display:flex;
	margin-top:6vw;
	margin-left:3vw;
}

.webstar_cloud_picture img{
	width:100%;
}

.webstar_cloud_picture_01{
	margin-top: -1vw;
	height:28vw;
	margin-left: -0.5vw;


}
.webstar_cloud_picture_02{
	width:25vw;
	margin-left:4.5vw;

}

.webstar_cloud_picture_03{
	width:25vw;
	margin-top: 7vw;
	margin-left:3vw;
}

.webstar_cloud_picture_01 p{
	writing-mode: vertical-rl;
	font-weight:bold;
	font-size:2.3vw;
}

.webstar_cloud_discript_3{
	margin-top:2vw;
	margin-left:3vw;
}

/*---------------------------------
セクション自社メディア
----------------------------------*/
.sction_owned_media{
	width:100%;
	background-image:url(/images/service/service_04.jpg) ;
	background-size: contain;
	background-repeat:no-repeat;
	margin-top:7vw;
	margin-bottom:0vw;
}

.div_owned_media{
	width:70%;
	margin:0 auto;
	padding-top:9vw;
	padding-left:6vw;
}

.owned_media_discript_1{
	margin-top:5vw;
	margin-left:3vw;
}
.owned_media_discript_2{
	margin-top:5vw;
	margin-left:3vw;
}

.owned_media_picture{
	display:flex;
	margin-top:11vw;
	margin-left:3vw;
}

.owned_media_picture img{
	width:100%;
}

.owned_media_picture_01{
	width:25vw;
	margin-top: 5vw;
}
.owned_media_picture_02{
	width:25vw;
	margin-top:-2vw;
	margin-left:4vw;
}

.owned_media_picture_03{
	margin-top: -3vw;
	margin-left:4vw;
}

.owned_media_picture_03 p{
	writing-mode: vertical-rl;
	font-weight:bold;
	font-size:2.3vw;
}

.owned_media_discript_3{
	margin-top:5vw;
	margin-left:3vw;
}

.div-about-icon{
	display:none;
}