@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;
	}　

	img.case6 {display: none;}
	img.case8 {width: 95%;top: -22px;margin: 0 auto;left: 13px;/* margin: 0 auto; */position: absolute;}


	.awstac{
display: none;
	}

	.Service .MainTitle3 {
		background: url(https://logical.co.jp/img/dounyu-1-1sp.png) center top no-repeat #eee;
		background-size: contain;
	}

	.MainTitle3 h2 {
		margin:0 auto;
		width: 90%;
		font-size:2.4em;
		line-height: 2.4em;
		letter-spacing: 3px;
		padding: 8% 5%;
		}


		.MainTitle3 {
			height: 18%;
			border-top:1px #fff solid;
			border-bottom:1px #fff solid;
			width: 100%;
		}

		.H2Title1 h2 {
			font-size:2.2em;
			line-height: 1.2em;
			letter-spacing: 1px;
			padding: 2% 0 10%;
			background: none;
		}

		.flex-item5 {
			background: #e2e2e3;
			/* border: solid 3px #1f91a5; */
			width: 80%;
			position: relative;
			border-radius: 4px;
			text-align: center;
			margin: 80px 0 20px 50px;
			height: 385px;
			box-shadow: 10px 10px 6px #0000002f;
		}

		p5 {
			font-size: 1.6em;
			line-height: 1.8em;
			display: inline-block;
			/* width: 100%; */
			text-align: left;
			padding: 4px 30px 0;
		}	
		
		p6 {
			font-size: 1.6em;
			line-height: 1.8em;
			display: inline-block;
			/* width: 100%; */
			text-align: left;
			padding: 4px 30px 0;
		}
		
		p7 {
			font-size: 1.6em;
			line-height: 1.8em;
			display: inline-block;
			/* width: 100%; */
			text-align: left;
			padding: 4px 30px 0;
		}
			
		.H2Title1 h23 {
			font-size:3.5em;
			text-align: center;
			padding: 66px 0px;
			background: none;
			background-size:cover;
			display: block;
			background-repeat: no-repeat;
		}
			
			
		.sample_box2{
			width: 100px;
			height: 100px;
			margin:0 auto;
			overflow:
			hidden;
			left: -15px;
			top: -59px;
			position: absolute;
			display: inline-block;
			box-shadow: 4px 4px 6px #0000002f;
			}
		   .sample_box2 img{
			transition:1s all;
			width: 100%;
			}
		   .sample_box2 img:hover{
			 transform:scale(1.2,1.2);
				 transition:1s all;
		   }

		   dl.flex-container4 {
			justify-content: space-around;
			display: flex;
			flex-wrap: wrap;
			background: #F4F4F4 repeat-x;
			padding: 50px 0 50px 0;
			margin: 0 auto 0;
			align-items: center;
			width: 100%;
			align-content: center;
			flex-direction: column;
			}
			
		   

	.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;
	}
	
	
	/* 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;
	}

	.awsai h2{
		position: relative;
		text-align: left;
		font-size: 6em;
		width: 160px;
		color: #232f3e;
		border-bottom: 3px solid #E47911;
	}
		/*　ヘッダーメニュー部分
	-----------------------------------------------------*/

	#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:center no-repeat #ecebea;
		border-bottom: 1px solid #bdbcbb;
		padding: 6px 12px 6px;
		position: relative;
		text-decoration:none;
	}
	#rwdMenuWrap ul li ul li a:hover{
		background: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:center no-repeat #ecebea;
		border-bottom: 1px solid #aaa;
		padding: 6px 12px 6px;
		position: relative;
	}
	div.footer > ul > li > ul > li > a:hover{
		background: 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;
	}

	li.nb1 {
    width: 100%;
    height: 190px;
    float: left;
    background: #fff;
    display: inline-block;
}

	h2.newsfont2 {
    font-size: 18px;
    display: inline-block;
    font-family: 'Tw Cen MT Condensed', sans-serif;
    background: #8cc168;
    color: #fff;
    /* padding: 10px 25px; */
    text-align: center;
}

	.nb12{
		text-align: center;
		margin: 20px 0 0 0;
	}

.nb11 {
    text-align: center;
    margin: 50px 0 0 0;
}

h2.newsfont2 {}
	
	.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%;
	}

	.RogoBox{
		text-align: center;
	}
	
	.RogoL {
		max-width: 29%;	
		margin-right: 5%;
	}
	
	.RogoC {
		max-width: 29%;	
	}
	
	.RogoR{	
		max-width: 29%;
		margin-left: 5%;
	}
	

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

	.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;
	}
	
		.shita {
			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;
			height: 43px;
		}
	
		.tell{
			display: inline-block;
			font-size:0.9em;
		}
	
		.mail{
			display: inline-block;
			font-size:0.9em;
			margin: 0% 10%;
		}

	
	/* ボックスアニメーション削除 */
	.cp_caption{
		display: none;
	}

	.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% ;
	
	}

	/* 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;
	}

	.shirogakiPhoto {
		float: initial;
		width:80%;
		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;
		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;
	}
	
	.HisTable{
		border-left: 1px solid #cacbcb;
		border-right: 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;
	}
	
	.phone_area{
		display: block !important;
	}
	
	.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;
	}

				

}

@media screen and (min-width:671px) {
	.img case8{
		display: none;
	}
}


@media screen and (max-width:1120px) {
	.awstac{
		position: sticky;
		top: 0;
		z-index: 3;
		width: 100%;
		height: 73px;
		background: url(../../service/aws/img/tabimg.png) center right no-repeat;
	}
}

@media screen and (max-width:1000px) {	

	dl.flex-container4 {
		justify-content: space-around;
		display: flex;
		flex-wrap: wrap;
		background: #F4F4F4 repeat-x;
		padding: 50px 0 50px 0;
		margin: 0 auto 0;
		align-items: center;
		width: 100%;
		align-content: center;
		flex-direction: column;
		}


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

	.service2a:after {
		display: none;
			}
	
		.service2a2:after {
		display: none;
					}
		
		.service2a3:after {
		display: none;
							}	
	
	.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 ul{
		display: inline-block;
		width: 80%;
		height: 60%;
	}

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

	.fvimg{
		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;
	}

	.salesforcede{
		background-image: none;
		background-color: #f1f1f1;
		background-repeat: no-repeat;
		height: auto;
		padding: 60px 25px 120px 25px;
		margin: 0;
		position: relative;
	}

	.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;
		margin: 0 0 50px 0;
	}


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

	.txtalC{
		text-align: center;
		
	}


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


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

	}

	.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;
		margin: 0 0 50px 0;
	}

	.salesforcefo h4{
		font-size: 15px;
		font-weight: 600;
		margin-top: 30px;
	}

	/*丸三個部分*/
	.sffobox{
		position: relative;
		width: auto;
		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;
		margin: 0px;
	}

	.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;
	}

	/**  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: 60px 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: 300px;
		height: auto;
		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 #82c779;
	}

	.salesforceco h2:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 80px;
		height: inherit;
		border-bottom: 3px 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{
		box-shadow: 5px 10px 10px #999999;
	}

	.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;
	}


	.txtalC {
		text-align: center;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
	}


	/*丸三個部分*/
	.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: 600px;
	}

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

	.awsse3 {
		padding: 40px 0 0;
		width: 100%;
		margin: 0 auto;
	}

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

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

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

	p.reasonp {
		text-align: center;
		font-size: 16px;
		color: #f05619;
		FONT-WEIGHT: 600;
		padding: 10px 0 100px;
	}

	.fr .pd {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		flex-direction: column;
	}

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

	.aws-z {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.aws-z p {
		font-size: 15px;
		FONT-WEIGHT: 600;
		display: inline-block;
		padding: 40px 80px;
		background: #efefef;
	}
	
	.aws2a .yajirushi {
		display:none;
		}
		
	.aws-z p:before {
		display:none;
		}
			
	
	img.sfdeimg-2 {
		width: 380px;
		margin: 20px 15px 0;
	}
	
	.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;
	}

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

	.awsseimg1{
		
		display:none;
		}
		
		
		.awsse ul{
			/* text-align: center; */
			padding: 0px 0 0 0px;
		}

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

	.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;
	}

	.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;
	}

	.awsse ul.ul2 {
		padding: 0 0px 0 0;
	}
	
	.ad:before {
		display:none;
		}
		
		.ad:after {
		display:none;
		}

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


	.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;
	}

		.awsse ul li h4 br{
display:none;
	}

	.awsse ul li p{
		text-align: left;
		font-size: 16px;
		padding: 0;
	}
	
	.awsseimg1-1{
		margin: 10px auto 50px;
		width: 70%;
		padding: 0 50px;
		border: solid 2px #f05619;
		background:#fff;

	}


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

	.awsasimg2{
		width: 150px;
	}


	h7 {
		font-size: 62px;
		height: auto;
		text-align: left;
		color: #f05619;
		font-family: tgn-soft-round-comp, sans-serif;
		FONT-WEIGHT: 800;
		padding: 0 20px 0 0;
		letter-spacing: 0.1em;
	}

	.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;
	}


	.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;
	}

	.awsde2 {
		width: 95%;
		margin: 0 auto;
		padding: 50px 0 100px;
	}
	
	.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%;
	}

	.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;
	}

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

	.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{
		padding: 0px;
		margin: 50px auto 20px;
	}

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

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

	.awsslbutton{
		font-size: 17px;
	}


	.acsebox01{
		width: initial;
		float: initial;
		margin-right: initial;
		margin-bottom: 50px;
	}
	
	.acsebox02{
		display: initial;
		width: initial;
	}	

	.acsebox{
		height: initial;
		padding: 60px 25px 520px 25px;
		background: url(../../service/aws/img/awsback.png) bottom right repeat;
		margin: 0;
		position: relative;
	}

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

	.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{
		background-image: url('../../service/aws/img/acsback.png');
		background-repeat: no-repeat;
		height: 550px;
	}

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

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

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


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

	.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;
	}

	.acse ul li h4{
		font-size: 15px;
		width: 100%;
		padding: 5% 0;
		background-color: #232f3e;
	}

	.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;
	}

	.acde{
		height: auto;
		padding: 60px 25px 120px 25px;
		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;
	}

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

	.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;
	}	

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

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

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

	.accase span{
		display: none;
	}


	.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;
	}

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

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

	.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;

	}

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

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

	.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;
	}

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

	.awssl{
		height: auto;
		margin: 0 auto;
		width: 97%;
		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;
		width: 95%;
	}

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

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

	.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;
	}

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

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

	.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;
		position: relative;
	}

	.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;
	}

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

	.acde img{
		width: 20%;
		margin: 0px;
		margin-right: 10px;
	}

	.acde ul li{
		display: inline-block;
		margin: 0px;
		margin-top: 60px ;
	}

	/** ユーチューブ **/
	.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) {

	.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;
	}


	/* CONTENTS：開発事例▼▼
	------------------------------------------------------------ */
	.Work .MainTitle {
		background: url(../../work/img/h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.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-menu dd {
		display: 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;
	}

	/* CONTENTS：採用情報▼▼
	------------------------------------------------------------ */
	.Recruit .MainTitle {
		background: url(../../recruit/img/h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.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：パートナー▼▼
	------------------------------------------------------------ */
	.Partner .MainTitle {
		background: url(../../partner/img/h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.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：個人情報の取扱いについて▼▼
	------------------------------------------------------------ */
	.Privacy .MainTitle {
		background: url(../../img/privacy_h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.Privacy .MainTitle h2 {
		width: 90%;
		font-size:2.4em;
		letter-spacing: 1px;
		padding: 9% 5% ;
		height:100%;
	}
	.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：このサイトのご利用にあたって▼▼
	------------------------------------------------------------ */
	.Guide .MainTitle {
		background: url(../../img/guide_h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.Guide .MainTitle h2 {
		width: 90%;
		font-size:2.4em;
		letter-spacing: 1px;
		padding: 9% 5% ;
		height:100%;
	}


	/* CONTENTS：サイトマップ▼▼
	------------------------------------------------------------ */
	.Sitemap .MainTitle {
		background: url(../../img/sitemap_h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}
	.SitemapBox {
		padding:5%;
	}
	.SitemapBox h3{
		font-size:1.5em;
	}


	/* CONTENTS：お問い合わせ▼▼
	------------------------------------------------------------ */
	.Contact .MainTitle {
		background: url(../../contact/img/h2_bk-sp.png) right top no-repeat #eee;
		background-size:contain;
	}

	.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;
   	 }
	.ContactBox {
		padding:5%;
	}
	
	.contact02{
		width: 100%;
		margin: 0 auto;
	}

	.contact02 img{
		width: 100%;
	}

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

	/*　フォーム
	-----------------------------------------------------*/
	.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%;
}
.w50{
	width:95%;
}

.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{
		width: 200px;
		font-size: 15px;
		margin: auto;
	}
	
	.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;
	}

	/* 問合せボタン */
	.awsbt{
		width: 60%;
		margin: 0 0 0 5%;
	}


	.acbt{
		width: 60%;
		margin: 0 auto 3%;
	}

    .mb40{
        margin-bottom: 10px;
    }

}