@media screen and (max-width:670px) {
	html{
		width: 100%;
		height:100%;
		overflow: auto;
	}

	#download {
		position: -webkit-sticky;
		position: sticky;
		display: inline-block;
		bottom: 20px;
		right: 30px;
		float: right;
		width: 150px;
		height: 70px;
		margin-top: 50px;
		padding: 20px;
		border-radius: 5px;
		background: #ffa237;
		z-index: 1;
		transition: all 300ms;
	}　

	.Com {
		width: 100%;
	}
	
	.wrap{
		overflow: hidden;
	}
	
	body {
		background:none;
		-webkit-text-size-adjust:100%;
	}
	.spno,
	.gnav,
	.contheaderR{
		display:none;
	}
	.pcno {
		display:inline;
	}
	.floatL,
	.floatR {
		float:none;
		width:100%;
	}
	.AltText:after,
	.AltTextNaka:after {
		content:attr(data-label);
	}
	.AltText img,
	.AltTextNaka img {
		display:none;
	}
	
	.tdtd {
		display: flex;
		flex-direction: column;
	}

	td1 {
		width: 100%;
		font-weight: bold;
	}

			
			.pd2 {
				display: none;
			}

	.WorkBox2 {
		border: 1px solid #cacbcb;
		margin: 0;
		padding: 30px 10px;
		margin-bottom: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	ul.usi02 {
		background: url(../../company/img/02back.png)no-repeat center center;
		background-size: auto 3000px;
		width: 100%;
		margin: 0px;
		height: 100%;
		padding: 0px;
	}

	ul.usi {
display: none;
	}

	h2.jigyo {
        font-size: 2.2em;
        text-align: center;
        padding: 30px 0 0 0;
    }

    h2.jigyo2 {
        text-align: center;
        font-size: 15px;
    }

    .flex-item2 {
        background: #fff;
        /* border: solid 3px #1f91a5; */
        width: 270px;
        /* border-radius: 4px; */
        display: inline-block;
        margin: 12px auto 20px;
        /* height: 218px; */
        /* box-shadow: 10px 10px 6px #0000002f; */
    }

	.flex-item {
        /* width: 900px; */
        padding: 0px 0px 10px 0;
        background: #fff width: 70%;
        margin: 0 auto;
    }

	dl.flex-container {
        justify-content: space-between;
        display: flex;
        text-align: center;
        border-bottom: solid 1px #fff;
        flex-direction: column;
        flex-wrap: nowrap;
    }

	dl.flex-container2 {
        display: flex;
        /* background: #d5dee0 repeat-x; */
        padding: 0 0 50px 0;
        margin: 59px 1 0;
        flex-direction: column;
        text-align: center;
        margin: 0px auto;
        flex-wrap: wrap
    }

	.H2Title_a2 h2 {
		margin: 0 auto;
		padding: 80px 0 30px;
	
	}

	.H2Title_a2 h2::before {
		display:none;
		}
		
		.H2Title_a2 h2::after {
		display:none;
		}

		.H2Title_a2 {
			width: 100%;
		}
	
		.HisTable th {
			background-color: #dbe7d2;
			color: #000;
			margin: 0 auto;
		}

	/* HEADER▼▼
	------------------------------------------------------------ */
	header {
		max-width:100%;
		padding:0;
		margin:0;
	}
	header h1 {
		padding:0;
		margin:0;
		position: absolute;
		top: 5px;
		left: 5%;
		z-index:1000000;
		text-align:left;
		max-width:200px;
		float:none;
	}
	header h1 img {
		max-width:100%;
		height:auto;
		padding:0;
		margin:0;
	}
	
	header h1 span {
		font-size:0.5em;
		line-height: 1.0em;
		vertical-align:top;
		position: relative;
		top: -9px;
		left: 50px;
	}
	@-moz-document url-prefix() {
	header h1 span {
		line-height: 0em;
		top: -10px;
	}
}

	header .searchBox {
		display:none;
	}
	.logo2{
		display: none;
	}
		/*　ヘッダーメニュー部分
	-----------------------------------------------------*/

	#menuList {
		display: none;
	}

	#rwdMenuWrap {
		width: 100%;
	}

	#rwdMenuWrap #switchBtnArea {
		width: 100%;
		height: 58px;
		background: #fff;
		position: relative;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn {
		top: 0px;
		right: 0px;
		width: 63px;
		height: 50px;
		display: block;
		position: absolute;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn span {
		left: 7%;
		width: 100%;
		height: 4px;
		display: block;
		position: absolute;
	}
	#rwdMenuWrap #switchBtnArea #switchBtn span {
		display: block;
		width: 58px;
		height: 58px;
		background: url(../img/open.gif) no-repeat left top;
		border-left:solid 1px #ccc;
	}

	#rwdMenuWrap #switchBtnArea #switchBtn.btnClose span {
		display: block;
		width: 58px;
		height: 58px;
		background: url(../img/close.gif) no-repeat left top;
		border-left:solid 1px #ccc;
	}
	#rwdMenuWrap ul {
		width: 100%;
		display: none;
	}
	#rwdMenuWrap ul li ul.lp_ul {

	}	
	#rwdMenuWrap ul li {
		width: 100%;
		list-style: none;
	}
	
	#rwdMenuWrap {
		width: 100%;
		border-top: 1px solid #fff;
	}
	#rwdMenuWrap ul li a {
		display: block;
		color: #fff;
		font-size:1.4em;
		text-decoration: none;
		background-color: #93c873;
		border-bottom: 1px solid #fff;
		cursor: pointer;
		padding: 10px 12px;
		position: relative;
	}
	#rwdMenuWrap ul li a:hover{
		background-color: #93c873;
	}
	#rwdMenuWrap ul li a:after, #rwdMenuWrap ul li a.active:after{
		font-size:0.8em;
		position: absolute;
		right: 12px;
		top: 14px;
		color: #fff;
	}
	#rwdMenuWrap ul li a.toggle:after{
		content: "▼";
	}
	#rwdMenuWrap ul li a.toggle.active:after{
		content: "▲";
	}
	#rwdMenuWrap ul li ul {
		display: none;
	}
	#rwdMenuWrap ul li ul li a{
		display: block;
		color: #000;
		font-size:1.2em;
		/*background: url(../img/arrow-menu.png) left center no-repeat #ecebea;*/
		border-bottom: 1px solid #bdbcbb;
		/*padding: 6px 12px 6px 30px;*/
		position: relative;
		text-decoration:none;
	}
	#rwdMenuWrap ul li ul li a:hover{
		/*background: url(../img/arrow-menu.png) left center no-repeat #f4f3f2;*/
	}

	/* PAGETOP BUTTON
	------------------------------------------------------------------*/

	.gotop{
		display:none !important;
	}

	.gotopsp{
		width: 100%;
		display:block;
		margin:0 auto;
		text-align:center;
		background: #a9d38f;
	}
	.gotopsp a{
		display:block;
		width: 100%;
		height: 60px;
	}
		

	
	
	
	
	/* FOOTER▼▼
	------------------------------------------------------------ */
	footer{
		padding-top:0px;
	}
	
	div.footer {
		width: 100%;
	}
	div.footer ul li{
		list-style: none;
	}
	div.footer > ul > li > a {
		display: block;
		color: #fff;
		font-size:1.4em;
		text-decoration: none;
		background-color: #93c873;
		border-bottom: 1px solid #c9e4b9;
		cursor: pointer;
		padding: 10px 12px;
		position: relative;
	}
	div.footer > ul > li > a:hover{
		background-color: #93c873;
	}
	div.footer > ul > li > a:after, div.footer > ul > li > a.active:after{
		font-size:0.8em;
		position: absolute;
		right: 12px;
		top: 14px;
		color: #fff;
	}
	div.footer > ul > li > a.toggle:after{
		content: "▼";
	}
	div.footer > ul > li > a.toggle.active:after{
		content: "▲";
	}
	div.footer > ul > li > ul {
		display: none;
	}
	div.footer > ul > li > ul > li > a{
		display: block;
		color: #000;
		font-size:1.2em;
		background: url(../img/arrow-menu.png) left center no-repeat #ecebea;
		border-bottom: 1px solid #aaa;
		padding: 6px 12px 6px 30px;
		position: relative;
	}
	div.footer > ul > li > ul > li > a:hover{
		background: url(../img/arrow-menu.png) left center no-repeat #f4f3f2;
	}

	footer a,
	footer a:hover {
		color:#fff;
		text-decoration:none;
	}
	.footerlink a:hover{
	color:#fff;
	text-decoration:underline;
	}

	.footerlink {
		text-align:left;
		font-size:1.2em;
		line-height: 1.8em;
		padding:5%;
	}
	.copyright p {
		font-size:1.2em;
		line-height: 1.8em;
	}
	
	
	

	/* CONTENTS-Index▼▼
	------------------------------------------------------------ */
	.slideBox {
		float:none;
		width: auto;
		height:auto;
	}

	.newsblogBox {
		padding:5%;
		width: 90%;
		height: 10%;
		float:none;
	}
	.newsBox{
		margin:0 0 5% 0;
		padding-bottom:5%;
		width: 100%;
		height:auto;
	}

	.blogBox {
		margin:0 0 0 0;
		width: 100%;
		height:auto;
	}

	.newsBox iframe,
	.blogBox iframe {
		width: 100%;
		height:150px;
		overflow-y:scroll;
	}


	.slideBox{
		width: auto;
		height:auto;
	}
	
	.menuBox li,
	.menuBox02 li{
		width:50%;
		height:50%;
		margin:0;
		padding:0;
		background-color: #eee;
	}
	#slideshow,
	#slideshow02,
	#slideshow03 {
		width:50%;
		height:50%;
	}
	#slideshow02 {
		float:left;
		bottom: -490px;
	}
	.menuBox li img,
	.menuBox02 li img,
	.menuBox03 li img {
		width:100%;
		height: 60%;
		margin:0;
		padding:0;
	}
	#slideshow img,
	#slideshow02 img,
	#slideshow03 img {
		width:100%;
		height:auto;
	}
	#slideshow:after,
	#slideshow02:after,
	.menuBox02:after,
	.menuBox:after,
	#slideshow03:after {
		content: ".";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}

	.nonec{
		display: none;
	}
	
	/*　 CONTENTS MENU▼▼
	-----------------------------------------------------*/
	#contRmenu {
		display:none;
	}
	
	/* CONTENTS▼▼
	------------------------------------------------------------ */
	#contentsTop {
		width: 100%;
		padding-bottom:0px;
	}
	#contents {
		width: 100%;
		margin:0;
		background: #fff;
	}
	#contL {
		float:none;
		width: 90%;
		padding:10% 5%;
	}
	.H2Title h2 {
		font-size:2.2em;
	line-height: 1.2em;
	letter-spacing: 1px;
		padding-bottom:5%;
	}

	.H2Title_a{
		width:100%;
	}

	.H2Title_a h2::before {
		display:none;
	 }
	 
	 .H2Title_a h2::after {
	  display:none;
	 }

	.RogoBox{
		text-align: center;
	}
	
	.RogoL {
		max-width: 29%;	
		margin-right: 5%;
	}
	
	.RogoC {
		max-width: 29%;	
	}
	
	.RogoR{	
		max-width: 29%;
		margin-left: 5%;
	}
	
	.security .MainTitle h2 {
		width: 90%;
		font-size: 2.4em;
		letter-spacing: 1px;
		padding: 9% 5%;
		height: 100%;
	}

	.SitemapBox a {
		color: #000;
	}

	.H2Title_a h2 {
        font-size: 2.2em;
        line-height: 1.2em;
        letter-spacing: 1px;
        padding-bottom: 5%;
        padding: 40px 0;
        margin: 0;
    }


		/** 電話＆メールお問合せ **/

		.TellMailBox {
			text-align: center;
			margin: 0px auto 0;
			background: #f0f2ef;
			padding: 5% 10%;
			/* padding: 0; */
		}

		img.w402 {
			display: none;
			width: 20px;
			float: left;
			padding: 11px 5px 0 0;
		}
		
			.shita2 {
				display: flex;
				flex-direction: column;
				margin: 0 auto;
				justify-content: center;
				align-items: center;
			}
			
			.TellMailBox h3{
				text-align:center;
				font-size:1.9em;
				margin-bottom:0.8em;
			}
		
			.TellMailBox h4{
				font-weight: 600;
			}
		
				.TellMailBox h5 {
				text-align: center;
				font-size: 3em;
				width: 100%;
				height: 43px;
			}

	.tell{
		display: inline-block;
		font-size:0.9em;
	}

	.mail{
		display: inline-block;
		font-size:0.9em;
		margin: 5% 10%;
	}

	
	/* ボックスアニメーション削除 */

	.cp_link {
		text-decoration: none;
		display: inline-block;
		font-size: 15px;
		width: 26%;
		height: 10%;
		padding: 1em 0;
		border: solid 3px #7a7a7a;
		transition: all 0.5s;
		color: rgb(122, 122, 122);
	}
	.cp_link:hover {
		color: #fff;
		background-color: #93c873;
		border: solid 3px #FFF;
	}
	
	
	/* パンくず▼▼
	------------------------------------------------------------ */
	#Pankuzu {
		display:none;
	}

	/* ページタイトル▼▼
	------------------------------------------------------------ */
	.MainTitle {
		width:100%;
		height:auto;
		border:none;
	}
	.MainTitle h2 {
	margin:0 auto;
		width: 90%;
		font-size:2.4em;
	line-height: 1.2em;
	letter-spacing: 3px;
		padding: 12% 5% ;
	
	}

	.shita {
		display: flex;
		flex-direction: column;
		margin: 0 auto;
		justify-content: center;
		align-items: center;
	}

	/* CONTENTS：企業情報▼▼
	------------------------------------------------------------ */
	.Company .MainTitle {
		background: url(../../company/img/h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}

	.ComBox{
		margin: 0;
		padding: 0 18px;
	}

	.ComBox2{
        width: 100%;
	}

	.shirogakiPhoto {
		float: initial;
		width:60%;
		height: auto;
		margin: 0 auto;
		margin-bottom: 20px;
	}
	.shirogakiPhoto p {
		line-height: 1.4em;
	}


	
	.grebox{
		width: 90%;
		margin: 0 auto;
	}	

	.spl10pc {margin-left:0px;}

	.Company p {
		width: 100%;
		margin: 0;
		padding: 0 0 20px;
		font-size: 15px;
	}

	.MapBox h3 {
		font-size:1.8em;
	line-height: 1.0em;
	padding:10px 10px;
	letter-spacing: 1px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #fff;
	background: #767575;
		margin-bottom:3%;
	}

	.MapBox{
		width: 90%;
	}

	.HisBox{
		padding: 0 18px;
		margin: 0;
	}

	.HisBox2{

	}
	
	.HisTable{
		border-left: 1px solid #cacbcb;

   	 }
	.HisTable th,
	.HisTable td{
		width:auto;
		display: block;
		padding:15px;
		text-align:center;
		background-color: #FFF;

   	 }
	.HisTable th{
		background-color: #dbe7d2;
		color:#000;
	}
		
	.pc_area{
		display: none !important;
	}

	.HisBox2 .phone_area{
		display: block !important;
		width: 400px;
		margin: 0 auto;
	}
	
	.phone_area{
		display: block !important;
	}
	
	table.HisTable.phone_area {
        border-left: 1px solid #cacbcb;
        width: 400px;
        margin: 0 auto;
    }

    .HisTable th {
        display: block;
        padding: 15px 0px;
        text-align: center;
		background-color: #dbe7d2;
        border-right: 1px solid #cacbcb;
        border-bottom: 1px solid #cacbcb;
    }

	.HisTable td {
        display: block;
        padding: 15px 0px;
        text-align: center;
		background-color: #f9f9f9;
        border-right: 1px solid #cacbcb;
        border-bottom: 1px solid #cacbcb;
    }

	table.HisTable.phone_area {
        border-left: 1px solid #cacbcb;
        width: 400px;
        margin: 0 auto;
    }


	.flex-itemb {
        /* width: 900px; */
        /* padding: 0px 0px 10px 0; */
        width: 90%;
        text-align: center;
        margin: 0 auto;
        padding: 20px 0 0px;
        border-left: none;
    }

	.partner1 {
        margin: 30px auto;
        float: none;
    }

	.Cmap{
		height: 200px;
		}
	
	.Cw50{
		width: 100%;
		float: initial;
		margin-bottom: 30px;
	}
		
	.Cmap iframe{
		width: 100%;
	}
	
	/* CONTENTS：事業紹介▼▼
	------------------------------------------------------------ */
	.Service .MainTitle {
		background: url(../../service/img/h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.ServiceBox {
		padding:5%;
	}

	.ServiceBox h3 {
		font-size:2.0em;
	}

	.ServiceBox h4 {
		font-size:1.8em;
	}

	h8{
		color: #fff;
		background: #232f3e;
		margin: 20px auto;
		FONT-WEIGHT: 600;
		width: 100%;
		display: block;
		font-size: 20px;
		padding: 10px 0;
		border-radius: 9px;
		text-align: center;
		position: absolute;
		top: 10px;
		left: 1px;	
	}

	.awsde2 {
		width: 95%;
		margin: 0 auto;
		padding: 50px 0 100px;
	}

	.awsfv h4 {
		padding:0px 10px;
		}

	    .awsbt {
			width: 60%;
		}
		.amcnbutton{
			width: 200px;
			font-size: 15px;
			margin: auto;
		}
		.fvimg1 {
			width: 99%;
			margin: 0 auto;
		}
		img.sfdeimg-2 {
			width: 95%;
			margin: 20px 15px 0;
		}
		.case-hyo5 span {
			width: 90%;
			/* padding: 0px 5px; */
			/* padding: 0 100px; */
			text-align: left;
			margin: 0 auto;
			padding: 0 20px;
		}
		img.fvimg5 {
			width: 100%;
			/* margin: 0px 43px 50px; */
		}
		.awsse5 {
			width: 100%;
			margin: 70px auto 0;
		}
		
			.awsse4 {
			width: 100%;
			margin: 50px auto;
		}
          .acfv{
			background-repeat: no-repeat;
			width: 100%;
		}
		.acbt{
			width: 60%;
			margin: 0 auto 3%;
		}
		li.ac2 {
			width: 90%;
			margin:0 auto;
			padding: 0 0 20px;
			text-align: center;
		}
		.acse{
			height: auto;
			margin: 0;
			width: 100%;
			position: relative;
		}
		.cloud h1::before{
			display:none;
		}

		.acse h2:before {
			content: "";
			position: absolute;
			left: 0;
			bottom: -3px;
			width: 80px;
			height: inherit;
		}
		.usi2aa {
			width: 90%;
			margin: 0 auto;
		}
		.accase{
			height: auto;
			/* padding: 60px 25px 100px 25px; */
			margin: 0;
			width: 100%;
			text-align: center;
		}
		.acse h2{
			position: relative;
			font-size: 6em;
			width: 160px;
			margin: 0 0 0 25px;
			color: #000000;
		}
			.acse h3{
			font-size: 1.5em;
			font-weight: 500;
			margin: 0 0 50px 25px;
		}
		.accase ul li {
			width: 85%;
			height: auto;
			margin: 20px auto;
		}
		.accase h3 {
			font-size: 1.5em;
			font-weight: 500;
			margin: 0 15px 50px 25px;
		}
		.accase h2 {
			position: relative;
			font-size: 6em;
			width: 160px;
			margin: 0 0 0 25px;
			color: #000000;
		}
		.accase ul li h4 {
			font-size: 15px;
			width: 100%;
			margin: 0;
			padding-bottom: 5%;
		}
		.accase{
			height: auto;
			/* padding: 60px 25px 100px 25px; */
			margin: 0;
			width: 100%;
			text-align: center;
		}

	.acfn{
		height: auto;
		/* padding: 60px 25px 120px 25px; */
		margin: 0 auto;
		position: relative;
		width: 90%;
	}
	.acfn ul li{
		display: inline-block;
		margin: 10px auto;
	}
	.acfnbox li{
		width: 100%;
		height: 85px;
		padding: 0px;
		margin: 0px;
		transition: all 700ms;
	}
	.acfnbox li img{
		width: 20%;
		float: left;
		margin: 10px 10px 10px 20px;
		padding: auto;
	}

	.acfnbox li h5{
		display: inline-block;
		font-size: 15px;
		margin: 30px 0;
		margin-right: 30px;
	}

	.acfnbox li p{
		text-align: left;
		width: 265px;
		height: 150px;
		font-size: 13px;
		margin-top: 5px;
		padding: 5px auto 10px auto;
	}
	.acfnbox span{
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: 40px;
		right: 15px;
		transform: rotateZ(135deg);
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		border-left: solid 2px transparent;
		border-bottom: solid 2px transparent;
	}
	.acde{
		height: auto;
		/* padding: 60px 25px 120px 25px; */
		margin: 0;
		width: 100%;
		position: relative;
	}
	.acde h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		margin: 0 0 0 25px;
		color: #000000;
	}
	img.case1-1 {
		width: 20%;
		/* padding: 10px; */
		/* float: left; */
		text-align: center;
		display: inline-block;
	}
	.acde ul li h4{
		color: #1f91a5;
		font-size: 17px;
		padding: 0 10px 0;
		margin:  0 0 0;	
}
.acde ul li{
	/* display: inline-block; */
	text-align: center;
	/* width: 90%; */
	margin: 50px auto 10px;
	/* padding: 0 0 129px 0; */
}
.case-b {
	color: #1f91a5;
	font-size: 17px;
	text-align: left;
	padding: 0 0 10px 0;
}
.y-2 {
	margin: 20px 0 0 0;
	}
	.y-2 iframe {
		height: 240px;
		width: 80%;
	}
	.flex-item-c {
		/* background: #e0ecee; */
		/* color: #000; */
		/* padding: 1em; */
		/* flex-basis: 30%; */
		width: 80%;
		FONT-WEIGHT: 600;
		/* height: 262px; */
		/* margin: 0 0 0 80px; */
	}
	.acsebox01{
		width: initial;
		float: initial;
		margin-right: initial;
		margin-bottom: 50px;
	}	
	.awsasimg2{
		width: 150px;
	}
	.acsebox02 {
        display: initial;
        width: initial;
    }
	img.case1,img.case2,img.case3,img.case4,img.case5 {
		display:none;
			}
			.fvimg1a {
				width: 80%;
			}
			.spb3000.awshidden {
				display:none;
			}
			.ad-3 {
				font-size: 20px;
				margin: 50 auto 30;
				color: #1f91a5;
				display: inline-block;
				FONT-WEIGHT: 600;
				top: 300;
			}

@media screen and (max-width:1000px) {	
	.sesfv h2{
		color: #FFF;
		font-size: 40px;
		margin: 0 15px;
	}

	.sesfv h3{
		color: #FFF;
		font-size: 17px;
		font-weight: 600;
		margin: 0 15px;
	}

	.sesfv p{
		color: #FFF;
		font-size: 14px;
		margin: 15px 15px;
		font-weight: 500;
	}

	.sesse{
		height: auto;
		padding: 60px 15px 0px 15px;
		margin: 0;
		position: relative;
	}

	.sesse h3{
		width: 100%;
	}

	.sessebox {
		width: auto;
		padding: 15px;
		margin: 0px;
	}

	.sessebox p{
		width: 100%;
		height: auto;
	}

	.sessebox img{
		padding: 10px auto;
		margin: 15px 17%;
	}


	.sessebt{
		height: 400px;
	}

	.sessebt02{
		background: url(../../service/img/sesback.jpg) no-repeat center center;
		height: 400px;
	}

	.sessebt01{
		width: 100%;
	}


/**----- Salesforceページ -------------------------------**/
.sftab{
	display: none;
}

.salesforcefv{
	background-image: url('../../service/img/SFback.png');
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	padding: 60px 0 0 0;
	margin: 0;
	position: relative;
}

.salesforcefv h2{
	color: #FFF;
	font-size: 60px;
	margin: 0 15px;
}

.salesforcefv h3{
	color: #FFF;
	font-size: 17px;
	font-weight: 600;
	margin: 0 15px;
}

.salesforcefv h4{
	color: #FFF;
	font-size: 14px;
	margin: 15px 15px;
	font-weight: 500;
}

.fvbox1{
	text-align: center;
}

.salesforcefv p {
	padding: 30px 0;
	color: #fff;
		margin: 15px 15px;
	font-size: 13px;
}

.salesforcefv ul{
	display: inline-block;
	width: 80%;
	height: 60%;
}

.salesforcefv ul li{
display: inline-block;
}

.fvimg{
	width: 120px;
	padding: 10px 20px;
}

.fvimg30{
	width: 120px;
	padding: 10px 20px;
}

.sfbutton{
	width: 320px;
	margin: 0 0 0 15px ;
	color: #FFF;
}

.salesforcefv a{
	text-decoration: none;
	font-weight: 500;
	border: none;
	width: 90%;
	height: auto;
}

.salesforcedea {
	background-size: cover;
	height: auto;
	}


.salesforcede h2{
	position: relative;
	font-size: 6em;
	width: 160px;
	color: #000000;
	border-bottom: 3px solid #82c779;
}

.salesforcede h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 80px;
	height: inherit;
	border-bottom: 3px solid #7385d8;
}

.salesforcede h3{
	font-size: 1.5em;
	font-weight: 500;
	padding: 10px 0 50px 0;
}

.reason4 {
	text-align: center;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	padding: 0px 0 0;
}

.sfdebox{
	/* margin: 40px 0px; */
	/* box-shadow: none; */
}



.txtalC{
	text-align: center;
	
}


.sfdeimg{
	margin: 0px 0 25px 0;
	width: 180px;
	height: 180px;
}


.shikaku {
	/* display: flex; */
	/* align-items: center; */
	/* flex-direction: row; */
	/* width: 90%; */
}

	.sffoceapp2 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px;
		justify-content: flex-start;
		flex-direction: column;
	}

	
.sffoceapp {
	background: #cbe9ff repeat-x;
	width: 100%;
	margin: 0 -0%;
	padding: 0 0%;
	text-align: center;
	}

	.sffoceapp2 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		padding: 20px;
		justify-content: flex-start;
		width: 90%;
		flex-direction: column;
	}

.salesforcefo h2{
	position: relative;
	font-size: 6em;
	width: 160px;
	color: #000000;
	border-bottom: 3px solid #82c779;
}

.salesforcefo h2:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 80px;
	height: inherit;
	border-bottom: 3px solid #7385d8;
}

.salesforcefo h3{
	font-size: 1.5em;
	font-weight: 500;
	padding: 10px 0 50px 0;
}

.service2 {
	flex-direction: column;
	align-items: center;
	padding: 0 0 0px 0;
	}

.service2a:after {
	display: none;
		}

	.service2a2:after {
	display: none;
				}
	
	.service2a3:after {
	display: none;
						}
						
	
						.awsseimg1-1{
							margin: 10px auto 50px;
							width: 70%;
							padding: 0 50px;
							border: solid 2px #f05619;
							background:#fff;
					
						}

						.awsse ul li p{
							text-align: left;
							font-size: 16px;
							padding: 0;
						}
						
						.awsse ul{
							/* text-align: center; */
							padding: 0px
						}

						.awsse ul2{
							/* text-align: center; */
							padding: 0px
						}
						

.salesforcefo h4{
	/* font-size: 15px; */
	/* font-weight: 600; */
	/* margin-top: 30px; */
	/* width: 100%; */
}

.awsse ul li{
	height: auto;
	margin: 20px auto;
	background: #fcf0e6;
	padding: 20px;
	text-align: center;
}

.reason3 {
	width: 100%;
	margin: 0 auto;
}


.h5g {
	width: 100%;
}

.hh5 {
	width: 90%;
}

table.sales-h {
	font-size: 1.6em;
	width: 100%;
	margin: 0 auto;
	text-align: left;
	border-collapse: collapse;
}

table.sales-h.\32 {
width: 100%;
margin: 0;
FONT-WEIGHT: 600;
}

h8{
	/* color: #fff; */
	/* background: #232f3e; */
	/* margin: 20px auto; */
	/* FONT-WEIGHT: 600; */
	/* width: 100%; */
	/* display: block; */
	/* font-size: 20px; */
	/* padding: 10px 0; */
	/* border-radius: 9px; */
	/* text-align: center; */
	/* position: absolute; */
	/* top: 10px; */
	/* left: 1px; */
}


	/*丸三個部分*/
	.sffobox{
		position: relative;
		width: 100%;
		height: auto;
		
	}

	.sffobox ul{
		padding: 0;
		margin: 0;
		text-align: center;	
	}

	.sffobox ul li{
		display: inline-block;
		list-style: none;
		text-align: center;
		width: 260px;
		height: 260px;
		padding: 20px;
		margin: 10px 0px;
		color: #FFF;
		box-shadow: none;
		pointer-events: none; 
	}


	.sffobox ul li:nth-child(1){
		background-image: url('../../service/img/Forte01.png');
		border-radius: 5px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.sffobox ul li:nth-child(2){
		background-image: url('../../service/img/Forte02.png');
		border-radius: 5px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.sffobox ul li:nth-child(3){
		background-image: url('../../service/img/Forte03.png');
		border-radius: 5px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.sffobox ul li p:nth-child(1) {
		font-size: 12px;
		font-weight: 500;
		padding: 0px 0 0 0;
	}

	.div01 .mask {
		width: 250px;
		height: 250px;
		position:absolute;
		top:70px;
		opacity: 1;	/* マスクを表示しない */
	}
	.div01:hover .mask {
		pointer-events: none; 
		top:70px;
	}

	/*資格部分*/
	.sffocebox{
		/*width: 300px;*/
	}

	.sffocebox li{
		/* list-style: none; */
		/* display: inline-block; */
		/* width: 300px; */
		/* margin: 20px 0px 0px 0px; */
	}

	.sffocebox img{
		/* float: left; */
		/* width: 150px; */
		/* height: auto; */
		/* margin: 0 10px 0 0; */
	}

	.sffocebox li p:nth-child(2){
		font-size: 15px;
		font-weight: 500;
	}

	.sffocebox li p:nth-child(4){
		font-size: 30px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sffocebox hr{
		/* display: inline-block; */
		/* border: solid 1px #bdbdbd; */
		/* width: 95%; */
		/* margin: 0px; */
		/* padding: 0px; */
	}
	.ad:before {
		display: none;
	}
	
	.ad:after {
	display: none;
	}
	/**  Flow  **/
	.salesforcefl{
		background-image: url('../../service/img/SFback03.png');
		background-repeat: no-repeat;
		height: auto;
		padding: 60px 25px 25px 25px;
		margin: 0;
		position: relative;
	}

	.salesforcefibottom{
		background-image: url('../../service/img/SFback04.png');
		background-repeat: no-repeat;
		height: auto;
		padding: 115px 25px 70px 25px;
		margin: 0;
		position: relative;
	}

	.salesforcefl h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
		border-bottom: 3px solid #82c779;
	}

	.salesforcefl h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
		border-bottom: 3px solid #7385d8;
	}

	.salesforcefl h3{
		font-size: 1.5em;
		font-weight: 500;
		padding: 0 0 50px 0;
	}

	/* 画像部分 */
	.slider{
		padding: 20px 0 100px 0;
	}
	
	.bxslider img {
		margin:0 auto;
		display: block;
		width: 300px;
		height: auto;
	}

	.bx-wrapper img {
		/* 画像のサイズ設定と中央寄せの設定 */
		max-width:100%;
		display: block;
		margin:0 10%;
		/* position: relative;
		left: 41vw; */
	}

	.bxslider li img{
		transform: scale(0.8);
		transition-duration: 0.5s;
		opacity: 0.5;
	}
	.bxslider .active-slide img{
		transform: scale(1);
		opacity: 1;
	}

	body .bx-wrapper {
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;
		border: none;
		background: transparent;
		}

		.bx-viewport {
			overflow: visible!important;
			width: 300px!important;
		}

		.main-container { 
			overflow: hidden;
			padding-bottom: 150px;
		}
		

	/**  Contact  **/
	.salesforceco{
		width: 100%;
		height: auto;fvimg
		padding: 60px 25px 30px 25px;
		margin: 0;
		position: relative;
	}

	.salesforceco ul{
		text-align: center;
		margin: 0;
		padding: 0;
	}


	.salesforceco a{
		text-decoration: none;
		color: #000;
	}

	.salesforceco h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
		border-bottom: 3px solid #ffffff;
	}

	.salesforceco h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
		border-bottom: 2px solid #7385d8;
	}

	.salesforceco ul li{
		display: inline-block;
		position: relative;
		list-style: none;
		background-color: #FFF;
		/* width: 296px; */
		/* height: 360px; */
		/* margin: 20px 0px; */
		transition-duration: 0.5s;
	}

	.salesforceco ul li:hover{
	}

	.salesforceco ul li:nth-child(1) span{
		display: none;
	}

	.salesforceco ul li:nth-child(2) span{
		display: none;
	}

	.salesforceco ul li:nth-child(3) span{
		display: none;
	}

	.salesforceco ul li:nth-child(4) span{
		display: none;
	}

	/** Pardotページ **/
	.pardotfv{
		background-image: url('../../service/img/Pdback.png');
		background-repeat: no-repeat;
		width: 100%;
		height: auto;
		padding: 60px 0 0 0;
		margin: 0;
		position: relative;
	}

	.pardotfv h2{
		color: #FFF;
		font-size: 60px;
		margin: 0 15px;
	}

	.pardotfv h3{
		color: #FFF;
		font-size: 17px;
		font-weight: 600;
		margin: 0 15px;
	}

	.pardotfv h4{
		color: #FFF;
		font-size: 14px;
		margin: 15px 15px;
		font-weight: 500;
	}

	.sfbutton02{
		width: 280px;
		background-color: #0013bd;
		border: none;
		padding: 15px;
		border-radius: 15px;
		display: block;
		margin: 0px 0px 0px 15px;
		color: #FFF;
	}

	.sfdebox02{
		margin: 85px 0px;
		box-shadow: none;
	}

	.txtalC{
		text-align: center;
		
	}


	/*丸三個部分*/
	.sffobox02{
		position: relative;
		width: auto;
		height: auto;
	}

	.sffobox02 ul{
		padding: 0;
		margin: 0;
		text-align: center;	
	}

	.sffobox02 ul li{
		display: inline-block;
		list-style: none;
		text-align: center;
		width: 260px;
		height: 260px;
		padding: 20px;
		margin: 10px 0px;
		color: #FFF;
		box-shadow: none;
		pointer-events: none; 
	}

	.sffobox02 ul li:hover{
		pointer-events: none; 
	}


	.sffobox02 ul li:nth-child(1){
		background-image: url('../../service/img/Forte04.png');
		border-radius: 5px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.sffobox02 ul li:nth-child(2){
		background-image: url('../../service/img/Forte05.png');
		border-radius: 5px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.sffobox02 ul li:nth-child(3){
		background-image: url('../../service/img/Forte06.png');
		border-radius: 5px;
		position: relative;
		top: 0px;
		left: 0px;
	}

	.sffobox02 ul li p:nth-child(1) {
		font-size: 12px;
		font-weight: 500;
		padding: 0px 0 0 0;
	}

	.caption{
		text-align: left;
		position: relative;
		display: initial;
		font-size: 15px;
		top: 0;
		left: 0;
	}
	
	/**  Contact  **/
	.pardotco{
		height: auto;
		padding: 60px 25px 30px 25px;
		margin: 0;
		position: relative;
	}

	.pardotco ul li{
		display: inline-block;
		position: relative;
		list-style: none;
		background-color: #FFF;
		width: 300px;
		height: 340px;
		margin: 20px 0px;
		transition-duration: 0.5s;
	}

	.pardotco ul li:hover{
		box-shadow: 5px 10px 10px #999999;
	}

	.pardotco ul li:nth-child(1) span{
		display: none;
	}

	.pardotco ul li:nth-child(2) span{
		display: none;
	}

	.pardotco ul li:nth-child(3) span{
		display: none;
	}

	.pardotco ul li:nth-child(4) span{
		display: none;
	}

	.rod{
		display: none;
	}



	/**----- AWSページ -------------------------------**/
	.awsfv{
		background-image: url('../../service/aws/img/awsback.png');
		background-repeat: no-repeat;
		height: auto;
		width: 100%;
	}

	.awsfv h2{
		font-size: 60px;
		margin: 0 15px;
	}

	.awsfv h3{
		font-size: 17px;
		font-weight: 600;
		margin: 0 15px;
	}

	.awsfv h4{
		color: #FFF;
		font-size: 14px;
		margin: 15px 15px;
	}

	.awstab{
		display: none;
	}
	.awsse{
		height: auto;
		margin: 0 auto;
		width: 95%;
		position: relative;
	}


.awsse2 {
    width: 95%;
    margin: 0 auto;
}
	.awsse h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.awsse h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.awsse h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}

	.awsse hr{
		width: 10	0%;
		margin: 10px 20%;
	}


	.awsseimg{
		margin: 10px 0 10px 0;
		width: 180px;
		height: auto;
	}

	.awsse ul li h4{
		font-size: 20px;
		padding: 0px 0px 10px;
		text-align:center;
	}
	
	
	.awsseimg1{
		display: none;
	}	
	.awsse ul li h6{
		font-size: 20px;
		font-weight: 600;
		color: #FFF;
		background-color: #232f3e;
		width: 181px;
		height: auto;
		display: inline-block;
		margin: 0px 0px;
		padding: 10px 0;
	}

	.awsse ul li h4 br {
		display: none;
	}
	.awsse ul li h5{
		font-size: 18px;
		font-weight: 600;
		margin: 20px 0;
		color: #f05619;
		text-align: center;
		padding: 0 auto;
	}
	.awsse ul.ul2 {
		padding: 0px;
	}

	.case-hyo2 {
		display: flex;
		flex-direction: column;
		align-items: normal;
	}
		
	.case-hyo2 ul {
		text-align: left;
		font-size: 14px;
		FONT-WEIGHT: 600;
		margin: 0 5%;
		padding: 0;
	}
	.case-hyo5 {
		display: flex;
		flex-direction: column;
		align-items: normal;
	}
		
	.case-hyo5 ul {
		font-size: 14px;
		FONT-WEIGHT: 600;
		margin: 0 5% 30px;
		padding: 0;
	}

	img.systemimg8-2 {
		width: 90%;
		margin: 10px auto;
	}
	
	img.systemimg1 {
		margin: 10px auto;
		width: 90%;
	}


	.awssebox01{
		width: initial;
		float: initial;
		margin-right: initial;
		margin-bottom: 50px;
	}
	
	.awssebox02{
		display: initial;
		width: initial;
	}	

	.awssebox{
		height: initial;
		padding: 60px 25px 880px 25px;
		background: url(../../service/aws/img/awsback.png) bottom right repeat;
		margin: 0;
		background-size: auto 1300px;
		position: relative;
	}

	.awssebox p{
		padding-bottom: 40px;
	}

	.awssebox h4{
		padding: 0px;
	}
	
	.awsasimg{
		width: 80px;
		height: auto;
		margin: 0px;
		margin-right: 10px;
		float: left;
	}

	.awssebox ul li{
		width: 100%;
		height: 130px;
		margin: 0;
	}

	.awssebox ul li h5{
		font-size: 13px;
		text-align: left;
		color: #FFF;
	}

	.awssebox ul li p{
		text-align: left;
		font-size: 25px;
		font-weight: 600;
		color: #FFF;
	}


	.awsde{
		height: auto;
		margin: 0;
		position: relative;
	}

	.awsde h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.awsde h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.awsde h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}


	.awsdebox{
		box-shadow: none;
		width: 296px;
		height: auto;
		margin: 20px auto;
	}

	.awsdebox li{
		list-style: none;
		width: 100%;
		height: auto;
		background-color: #FFF;
	}

	.awsdebox hr{
		width: 100%;
	}

	.awsdebox h4{
		font-size: 17px;
	}

	.awsdeimg{
		margin: 20px 0 0 0;
		width: 180px;
		height: auto;
	}

			.awsai{
				height: auto;
				margin: 0 auto;
				position: relative;
				width: 95%;
			}
			img.awsseimg1 {display:none
			}
	.awsai h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.awsai h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.awsai h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}

	.awsaiimg{
		text-align: center;
		width: 100%;
		font-size: 1.5em;
		margin: 40px 0 20px 0;
	}

	.awsai ul li{
		display: inline-block;
		margin: 10px auto;
	}

	.awsaibox li{
		width: 100%;
		height: auto;
		padding: 0px;
		margin: 0px;
	}

	.awsaibox li img{
		width: 40%;
		margin: 18px auto 2px auto;
		padding: auto;
	}

	.awsaibox li h5{
		font-size: 15px;
		margin-top: 5px;
	}

	.awsaibox li p{
		text-align: left;
		width: 250px;
		height: 150px;
		font-size: 13px;
		padding: 2px auto 10px auto;
	}


	.awssl{
		height: auto;
		padding: 60px 25px 120px 25px;
		margin: 0;
		position: relative;
	}

	.awssl h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.awssl h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.awssl h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}

	.awsslbox{
		width: 97%;
		padding: 0px;
		margin: 50px 0px;
	}

	.awsslbox h4{
		font-size: 17px;
		width: 250px;
		margin: 30px auto;
	}

	.awsslbox p{
		width: 270px;
		margin: 10px auto 30px auto;
	}

	.awsslbutton{
		font-size: 17px;
	}


	.acsebox h4{
		padding: 0px;
	}
	
	.acasimg{
		width: 80px;
		height: auto;
		margin: 0px;
		margin-right: 10px;
		float: left;
	}

	.acsebox ul li{
		width: 100%;
		height: 130px;
		margin: 0;
	}

	.acsebox ul li h5{
		font-size: 13px;
		text-align: left;
		color: #FFF;
	}

	.acsebox ul li p{
		text-align: left;
		font-size: 25px;
		font-weight: 600;
		color: #FFF;
	}

	.achidden{
		display: none;
	}
	/**  **/	

	/**----- AWSページ -------------------------------**/


	.acfv h2{
		font-size: 60px;
		margin: 0 15px;
	}

	.acfv h3{
		font-size: 17px;
		font-weight: 600;
		margin: 0 15px;
	}

	.acfv h4{
		color: #FFF;
		font-size: 14px;
		margin: 15px 15px;
	}


	.acse h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.acse h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.acse h3{
		/* font-size: 1.5em; */
		/* font-weight: 500; */
		/* margin: 0 0 50px 0; */
	}

	.acse hr{
		width: 10	0%;
		margin: 10px 20%;
	}

	.acse ul li{
		width: 100%;
		height: auto;
		margin: 20px auto;
	}

	.acseimg{
		margin: 10px 0 10px 0;
		width: 180px;
		height: auto;
	}

	.acseimg2{
		width: 150px;
	}
	

	.acse ul li h6{
		font-size: 15px;
		font-weight: 600;
		color: #FFF;
		background-color: #232f3e;
		width: 100%;
		height: auto;
		margin: auto 0;
		padding: 15px 0;
	}


	.awsde h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.awsde h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.awsde h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}


	.awsdebox{
		box-shadow: none;
		width: 296px;
		height: auto;
		margin: 20px auto;
	}

	.awsdebox li{
		list-style: none;
		width: 100%;
		height: auto;
		background-color: #FFF;
	}

	.awsdebox hr{
		width: 100%;
	}

	.awsdebox h4{
		font-size: 17px;
	}

	.awsdeimg{
		margin: 20px 0 0 0;
		width: 180px;
		height: auto;
	}



	.accase h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.accase h3{
		font-size: 15px;
		margin-top: 20px;
	}

	.accase ul{
		list-style: none;
		margin: 0px;
	}	



	@media screen and (max-width: 1200px){
		.accase ul li h4 {
		margin: 0 0 0 20px;
	}}


	.accase span{
		display: none;
	}


	.acfn h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.acfn p{
		text-align: left;
	}

	.acfn h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.acfn h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}

	.acactive{
		width: 100%;
		height: 250px !important;
		padding: 0px;
		margin: 0px;
	}


	.awssl{
		height: auto;
		padding: 60px 25px 120px 25px;
		margin: 0;
		position: relative;
	}

	.awssl h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.awssl h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.awssl h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}

	.acsebox{
		height: initial;
		padding: 50px 25px 0 25px;
		background: url(../../service/aws/img/acsback.png) top left repeat;
		margin: 0;
		position: relative;
	}

	.acsebox h4{
		padding: 0px;
	}
	
	.acasimg{
		width: 80px;
		height: auto;
		margin: 0px;
		margin-right: 10px;
		float: left;
	}

	.acsebox ul li{
		width: 100%;
		height: 130px;
		margin: 0;
	}

	.acsebox ul li h5{
		font-size: 13px;
		text-align: left;
		color: #FFF;
	}

	.acsebox ul li p{
		text-align: left;
		font-size: 25px;
		font-weight: 600;
		color: #FFF;
	}

	.acfn{
		/* height: auto; */
		/* padding: 60px 25px 120px 25px; */
		/* margin: 0; */
		/* position: relative; */
	}

	.acfn h2{
		position: relative;
		font-size: 6em;
		width: 160px;
		color: #000000;
	}

	.acfn p{
		text-align: left;
	}

	.acfn h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}

	.acfn h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 0 0 50px 0;
	}

	.acde h2{
        /* position: relative; */
        /* font-size: 6em; */
        /* width: 160px; */
        /* color: #000000; */
    }
	}

	.acde p{
		text-align: left;
	}

	.acde h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
	}



	/** ユーチューブ **/
	.youtube{
		width: 100%;
		margin-top: 80px;
	}
	
	.youtube span::before{
		content: none;
	}
	
	.youtube iframe{
		width: 95%;
		height: 300px;
	}
	
	.youtube p{
		width: 95%;
		margin: 0 auto;
		padding: 0;
	}

}




/**  **/



	
@media screen and (max-width:670px) {
	.sffocebox{
		width: 300px;
		margin: 0px auto;
		border:none;
	}
	.promonoBox h3 {
		font-size:1.8em;
		margin-bottom:3%;
	}
	.promonoBox h5 {
		font-size:1.5em;
	}
	.promonoBox01 {
		padding:5%;
	}
	.promonoBox01 h4 {
		font-size:2.0em;
		margin:0 0 5% 0;
	}
	.promonoBox02 h4 {
		font-size:2.0em;
		margin:50px 0 5% 0;
	}
	.txtalC{
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		flex-wrap: nowrap;
		align-content: space-around;
		width: 100%;
		margin: 0 auto;
	}

	.sffocebox li{
		list-style: none;
		display: inline-block;
		width: 90%;
		margin: 20px auto 0px;
		border: none;
		text-align: left;
	}

	.sffocebox li1{
		list-style: none;
		display: inline-block;
		width: 90%;
		margin: 20px auto 0px;
		border: none;
		text-align: left;
	}

	.sffocebox li2{
		list-style: none;
		display: inline-block;
		width: 90%;
		margin: 20px auto 0px;
		border: none;
		text-align: left;
	}

	.sffocebox li3{
		display:none;
	 }
	 
	.sffocebox li4{
		display:none;
	 }

	 .sffocebox li5 {
		list-style: none;
		display: inline-block;
		width: 90%;
		padding: 25px 32px;
		margin: 20px auto 0px;
		border-bottom: none;
		border-left: none;
		text-align:left;
	}
		

	.sffocebox img{
		float: left;
		width: 110px;
		height: auto;
		margin: 0 10px 0 0;
	}

	.sffocebox li p:nth-child(2){
		font-size: 15px;
		font-weight: 500;
	}

	.sffocebox li p:nth-child(4){
		font-size: 30px;
		font-weight: 600;
		margin: 0px;
		padding: 0px;
	}

	.sffocebox hr{
		display:none;
	}

	.acse ul li{
		width: 90%;
		height: auto;
		margin: 20px auto;
	}

			figure.cp_caption a {
				position: absolute; 
				 top: 0;
				 right: 0;
				 bottom: 0;
				 left: 0;
				 color: #fff;
			 }

			 .salesforceco {
				width: 90%;
				height: auto;
				padding: 0px 25px 30px 25px;
				margin: 0;
				position: relative;
			}
			.salesforceco ul{
				display: flex;
				text-align: center;
				margin: 0;
				padding: 0;
				justify-content: center;
			}
		}

			

	/* CONTENTS：開発事例▼▼
	------------------------------------------------------------ */

	.WorkBox {
		padding:5%;
		margin-bottom:5%;
	}
	.WorkBox h3 {
		font-size:1.8em;
		margin-bottom:3%;
	}
	.WorkBox h4 {
		font-size:1.6em;
		margin:5% 0;
	}
	.WorkBox ul{
		padding:0;
		margin:0 0 10% 0;
	}
	.WorkBox li{
		padding-bottom:3%;
		/* margin-left:5%;
		margin-bottom:3%; */
		margin: 0 5% 5% 5%;
	}

	.WorkBox ul li ul li{
		padding:0;
		margin: 10px 0.5rem 0 0.5rem;
		font-weight: normal;
		font-size:1em;
		background: none;
	}
	
	/* .WorkBox ul li ul li dl{
		margin:5px 0 5px 0;
	} */

	.WorkBox ul li ul{
		margin-bottom: 3%;
	}
	
	.WorkBox ul li ul li dl dt{
		padding: 0 0.5rem;
		font-size:0.95em;
		/* margin:10px 0.5rem 0 0.5rem; */
		margin:10px 0 0 0;
		font-weight: bold;
		border-left: 2px solid #93c873;
		line-height: 1.8em;
	}
	
	.WorkBox ul li ul li dl dd{
		background: none;
		font-size:0.9em;
		line-height: 1.8em;
		/* padding-bottom:10px; */
		padding-bottom:0px;
		margin: 0 1rem;
		margin-top:10px;
	}

	/* アコーディオンメニュー */
	.accordion-menu dt:first-child {
		border-top: none;
	}

	  /* 開閉ボタン */
	.accordion-title {
		position: relative;
	}
	.WorkBtn {
		position: absolute;
		top: 50%;
		right: 0.5rem;
		transform: translateY(-50%);
		background: #989898;
		display: block;
		width: 24px;
		height: 24px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		border-radius: 4px;
	}
	.WorkBtn:before, .WorkBtn:after {
		display: block;
		content: '';
		background-color: #fff;
		position: absolute;
		width: 10px;
		height: 2px;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.WorkBtn:before {
		width: 2px;
		height: 10px;
	}
	.accordion-title.selected .WorkBtn:before {
		content: normal;
	}
	.accordion-menu dd {
		display: none;
	}
	@media screen and (min-width:671px) {
		.accordion-menu dd {
			display: block;
		}}
	/* CONTENTS：採用情報▼▼
	------------------------------------------------------------ */
	.RecruitTable{
		border-left: 1px solid #cacbcb;
		border-right: 1px solid #cacbcb;
   	 }
	.RecruitTable th,
	.RecruitTable td{
		width:auto;
		display: block;
		padding:15px;
		text-align:center;
   	 }
	.RecruitTable th{
		background-color: #eee;
		color:#000;
   	 }
	.RecruitBox {
		padding:30px 0 0 0;
	}
	.RecruitBox .floatL {
		margin-bottom:5%;
	}


	/* CONTENTS：パートナー▼▼
	------------------------------------------------------------ */

	.PartnerBox {
		padding:5%;
		margin-bottom:5%;
	}
	.PartnerBox ul{
		padding:0;
		margin:0 0 10% 0;
	}
	.PartnerBox li{
		padding-bottom:3%;
		margin-left:5%;
		margin-bottom:3%;
	}

	/* CONTENTS：個人情報の取扱いについて▼▼
	------------------------------------------------------------ */

	.PrivacyBox {
		padding:5%;
	}

	.PartnerTable{
		border-left: 1px solid #cacbcb;
		border-right: 1px solid #cacbcb;
   	 }
	.PartnerTable th,
	.PartnerTable td{
		width:auto;
		display: block;
		padding:15px;
   	 }
	.PartnerTable th{
		background-color: #eee;
		text-align:center;
   	 }
	
	

	/* CONTENTS：サイトマップ▼▼
	------------------------------------------------------------ */

	.SitemapBox {
		padding:5%;
	}
	.SitemapBox h3{
		font-size:1.5em;
	}


	/* CONTENTS：お問い合わせ▼▼
	------------------------------------------------------------ */

	.ContactTable{
		border-left: 1px solid #cacbcb;
		border-right: 1px solid #cacbcb;
   	 }
	.ContactTable th,
	.ContactTable td{
		width:auto;
		display: block;
		padding:15px;
   	 }
	.ContactTable th{
		background-color: #eee;
		text-align:center;
   	 }





	.conbf{
		width: 95%;
		margin: 0 auto;
		font-size: 14px;
	}

	.topgtext {
		display:none;
			}
			
			.topgtext:before {
				display:none;
					}
					
					.topgtext:after {
				display:none;
					}
		}
	@media screen and (max-width: 1000px) {
		#conttable {
			width: 100%;
			font-size: 14px;
			font-weight: 500;
			border-collapse: collapse;
		}

		.accase{
			height: auto;
			padding: 60px 25px 100px 25px;
			margin: 0;
		}
		
		.awsse{
			height: auto;
			margin: 0 auto;
			width: 95%;
			position: relative;
		}
		.awsse hr{
			margin: 10px 0%;
		}
	
		.awsse ul li{
			height: auto;
			margin: 20px auto;
			background: #fcf0e6;
			padding: 20px;
			text-align: center;
		}
	
		.awsse ul li h4{
			font-size: 20px;
			padding: 0px 0px 10px;
			text-align:center;
		}
		.topgtext:before {
			display:none;
				}
				
				.topgtext:after {
			display:none;
				}
	
			.awsse ul li h4 br{
	display:none;
		}

		.awsse ul li p{
			text-align: left;
			font-size: 16px;
			padding: 0;
		}
		.service2 {
			flex-direction: column;
			 align-items: center;
			 padding: 0 0 0px 0;
		 }
	
		.service2a:after {
			display: none;
				}
		
			.service2a2:after {
			display: none;
						}
			
			.service2a3:after {
			display: none;}

			.awsseimg1-1{
				margin: 10px auto 50px;
				width: 70%;
				padding: 0 50px;
				border: solid 2px #f05619;
				background:#fff;
		
			}
		

			
	}

	/*　フォーム
	-----------------------------------------------------*/
	.form_btn1 {
	max-width:100%;
	background:#767575;
 	font-size:14px;
	color:#fff;
	padding: 15px 0;
	border-style: none;
	cursor: pointer;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	border:solid 1px #767575;
	behavior:url("/ssl/ie-css3.htc");
	}
.w20{
	width: 20%;
}
.w50{
	width:50%;
}
.w80{
	width: 80%;
}
.w95{
	width: 95%;
}
.w100{
	width: 100%;
}
.w20{
	width: 50%;
}

.w40max {
	min-width: 100%;
}

.w50max {
	min-width: 90%;
}




	/* searchBox-SP
	------------------------------------------------------------------*/
	/*
	#rwdMenuWrap ul li.search {
		padding:10px 0;
		margin:0;
		background:#d5d5d4;
		border-bottom: 2px solid #fff;
	}
	.searchBoxsp {
		text-align:center;
		vertical-align: baseline;
	}

	@-moz-document url-prefix() {
		.searchBoxsp form {
		margin-top: -20px;
		}
	}


	.searchBoxsp input.textform {
		width:150px;
		height:15px;
		padding:2px 5px;
		color:#aaa;
		border:solid 1px #ccc;
		vertical-align: middle;

	}

	.searchBoxsp input.search {
		background:url(../img/bt_kensaku.gif) left top no-repeat;
		border:0px;
		width:70px;
		height:21px;
		cursor: pointer;
		vertical-align: middle;
	}


	.spb20sp {
		margin-bottom:20px;
	}
	*/

/* アマゾンコネクトページ */
	.amcnfv{
		text-align: center;
		background: url(../../service/aws/img/amcnfvimg.jpg) center center;
		background-size: 810px;
		background-repeat: no-repeat;
		height: 450px;
		padding: 30px 10px 50px 10px;
	}

	.amcnfv span{
		display: inline-block;
		width: 310px;
		padding: 30px 10px 30px 10px;
		height: auto;
		background-color: #ffffffd0;
	}

	.amcnfv h2{
		font-size: 37px;
		margin: 0;
		line-height: 40px;
	}

	.amcnfv h3{
		font-size: 15px;
		width: 310px;
		font-weight: 600;
		margin: 0;
	}

	.amcnfv h4{
		text-align: left;
		font-size: 14px;
		width: 300px;
		margin: 15px 0 0 0;
	}


	.amcnbutton:hover{
		transform: none;
	}

	.amcnse{
		height: auto;
		padding: 60px 25px 100px 25px;
		margin: 0;
		position: relative;
	}
	
	.amcnse h2{
		font-size: 30px;
		background: none;
	}

	.amcnse h3{
		font-size: 15px;
		margin-top: 0px;
	}

	.amcnse ul li{
		width: 100%;
		height: auto;
		margin: 20px 0px;
	}

	.amcnse ul li h4{
		font-size: 15px;
		width: 100%;
		padding: 5% 0;
	}



	.amcnca{
		height: auto;
		padding: 60px 25px 100px 25px;
		margin: 0;
	}

	.amcnca h2{
		width: 300px;
		font-size: 30px;
		background: none;
		line-height: 35px;
	}

	.amcnca h3{
		font-size: 15px;
		margin-top: 20px;
	}

	.amcnca ul{
		list-style: none;
		margin: 0px;
	}	

	.amcnca ul li{
		width: 87%;
		height: auto;
		margin: 20px 0px;
	}

	.amcnca ul li h4{
		font-size: 15px;
		width: 100%;
		padding-bottom: 5%;
	}

	.amcnca ul li p{
		text-align: left;
	}

	.amcnfn{
		height: auto;
		padding: 60px 25px 100px 25px;
		margin: 0;
		position: relative;
	}

	.amcnfn h2{
		width: 300px;
		font-size: 30px;
		background: none;
		line-height: 35px;
	}

	.amcnfn p{
		text-align: left;
	}

	.amcnfn h3{
		font-size: 1.5em;
		font-weight: 500;
		margin: 20px 0 50px 0;
	}

	.amcnfn ul li{
		display: inline-block;
		margin: 10px auto;
	}

	.amcnfnbox li{
		width: 100%;
		height: 85px;
		padding: 0px;
		margin: 0px;
		transition: all 700ms;
	}

	.amcnfnbox span{
		width: 10px;
		height: 10px;
		position: absolute;
		bottom: 40px;
		right: 15px;
		transform: rotateZ(135deg);
		border-top: solid 2px #FFF;
		border-right: solid 2px #FFF;
		border-left: solid 2px transparent;
		border-bottom: solid 2px transparent;

	}

	.acactive{
		width: 100%;
		height: 250px !important;
		padding: 0px;
		margin: 0px;
	}

	.amcnfnbox li img{
		width: 20%;
		float: left;
		margin: 10px 10px 10px 20px;
		padding: auto;
	}

	.amcnfnbox li h5{
		display: inline-block;
		font-size: 15px;
		margin: 30px 0;
		margin-right: 30px;
	}

	.amcnfnbox li p{
		text-align: left;
		width: 265px;
		height: 150px;
		font-size: 13px;
		margin-top: 5px;
		padding: 5px auto 10px auto;
	}



	.amcnbox01{
		width: initial;
		float: initial;
		margin-right: initial;
		margin-bottom: 50px;
	}
	
	.amcnbox02{
		display: initial;
		width: initial;
	}	

	.amcnbox{
		height: initial;
		padding: 60px 25px 520px 25px;
		background-color: #018559;
		margin: 0;
		position: relative;
	}

	.amcnbox p{
		padding-bottom: 40px;
	}

	.amcnbox h4{
		padding: 0px;
	}
	
	.awsasimg{
		width: 80px;
		height: auto;
		margin: 0px;
		margin-right: 10px;
		float: left;
	}

	.amcnbox ul li{
		width: 100%;
		height: 130px;
		margin: 0;
	}

	.amcnbox ul li h5{
		font-size: 13px;
		text-align: left;
		color: #FFF;
	}

	.amcnbox ul li p{
		text-align: left;
		font-size: 25px;
		font-weight: 600;
		color: #FFF;
	}

	dl.flex-container0 {
		display: flex;
		/* flex-direction: column; */
		/* width: 50%; */
		justify-content: space-around;
		align-content: space-around;
		font-size: 90%;
	}

		.w90a{
			width: 90%;
			margin: 60px 0 0 0;
		}
		.flex-item-b {
			background: #f9f9f9;
			/* color: #000; */
			/* padding: 1em; */
			/* flex-basis: 30%; */
			width: 517px;
			margin: 0 10px 10px 10px;
			FONT-WEIGHT: 600;
			border-radius: 4px;
			height: 212px;
			border-radius: 9px;
			border: solid 3px #1f91a5;
		}
		@media screen and (max-width:670px) {
			.acsebox{
				/* height: 75%; */
				padding: 50px 25px 880px 25px;
				background: url(../../service/aws/img/acsback.png) top left repeat;
				background-size: auto 1435px;
				margin: 0;
				position: relative;
			}}
			@media screen and (min-width:671px) {
		.accordion-menu dd {
			display: block;
		}}
	/* 問合せボタン */

}