@charset "UTF-8";
/**
 * system > marugotoUp
 * auto up date information targetSite
 */
#float_news{
	display:none;
}
/* common */
.responsiveWrap {
    width: 1024px;
    margin: 0 auto;
    z-index: 5;
    position: relative;
}
@media screen and (max-width: 1699px) { 
	#planBody .responsiveWrap{
		width: 95%;
	}
}
.pcNone640inlineBlock{
	display:none;
}
#systemautoupdateseviceBody #information,
#systemautoupdateseviceBody #news,
#systemautoupdateseviceBody #aboutMarugotoUp,
#systemautoupdateseviceBody #merit,
#systemautoupdateseviceBody #flow .header,
#systemautoupdateseviceBody #targetSite .header,
#systemautoupdateseviceBody #qa .header{
	position: relative;
	background-size: cover;
	position: relative;
	background-position: center center;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #information,
_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #news,
_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #aboutMarugotoUp,
_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #merit,
_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #flow .header,
_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #targetSite .header,
_::-webkit-full-page-media, _:future, :root #systemautoupdateseviceBody #qa .header{
	background-attachment: unset;
}

#sp #systemautoupdateseviceBody #information,
#sp #systemautoupdateseviceBody #news,
#systemautoupdateseviceBody #aboutMarugotoUp,
#sp #systemautoupdateseviceBody #merit,
#sp #systemautoupdateseviceBody #flow .header,
#sp #systemautoupdateseviceBody #targetSite .header,
#sp #systemautoupdateseviceBody #qa .header{
	position: relative;
	background-size: cover;
	position: relative;
	background-position: center center;
	background-attachment: scroll;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#systemautoupdateseviceBody #information{
	background-image: url(/wp-content/themes/marugotoesthe/img2/marugotoUp/head_bg1.png);
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	margin-bottom:0px;
	position: relative;
	color:#FFFFFF;
}
#systemautoupdateseviceBody #information:before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 3;
	background:
		linear-gradient(
			to bottom ,
			rgba(255,255,255,0) 0%,
			rgba(255,255,255,0) 80%,
			#2a6ce5 100%
		);
}
#systemautoupdateseviceBody #information:after{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100px;
	background-color: #2a6ce5;
	z-index:1;
	bottom:-100px;
	left:0;
	background:
		linear-gradient(
			to top right, 
			rgba(255,255,255,0) 50%, 
			#286ED2 50.5%, 
			#286ED2 100%
		) no-repeat top left/50.5% 100%, 
			linear-gradient(
			to top left, 
			rgba(255,255,255,0) 50%, 
			#286ED2 50.5%, 
			#286ED2
		) no-repeat top right/50% 100%;
}
#systemautoupdateseviceBody #information{
	text-align:center;
}
#systemautoupdateseviceBody #information h2 {
	text-align:right;
	padding-top: 10px;
	width: 60%;
	margin: 0 0 0 auto;
}
#systemautoupdateseviceBody #information .AnnounceBelt {
	background-color: rgb(255 254 0 / 50%);
	transform: rotate(-3deg);
	width: 150%;
	text-align: center;
	margin-left: -25%;
	/*padding:20px 0;*/
}
#systemautoupdateseviceBody #information .AnnounceBelt > div{
	transform: rotate(1deg);
}
#systemautoupdateseviceBody #information .mainImageWrap {
	padding-top: 50px;
	padding-bottom: 30px;
	/*background-image: url(/wp-content/themes/marugotoesthe/img2/marugotoUp/arrowMain.png);*/
	/*background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;*/
	position:relative;
}
#systemautoupdateseviceBody #information .mainImageWrap .image01{
	text-align:left;
	padding-left:30px;
	padding-right:30px;
}
#systemautoupdateseviceBody #information .mainImageWrap .image02{
	position:absolute;
	left:-50px;
	width:28%;
}
#systemautoupdateseviceBody #information .mainImageWrap .image03{
	position:absolute;
	top:240px;
	left:160px;
	width:28%;
}
#systemautoupdateseviceBody #information .mainImageWrap .image04{
	text-align:right;
	padding-top:0px;
}
#systemautoupdateseviceBody #information .mainImageWrap .image05 img{
	width:100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp{
	/* padding-bottom: 80px; */
	margin-bottom: 0px;
	text-align:center;
	padding-top: 80px;
	background-attachment: fixed;
	position:relative;
	/*min-height:500px;*/
}
#systemautoupdateseviceBody #aboutMarugotoUp:before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100px;
	background-color: #D2DFF2;
	/*top:-100px;*/
	left:0;
	/*background: linear-gradient(
	    to top right, #D2DFF2 50%, rgba(255,255,255,0) 50.5%, rgba(255,255,255,0) 0%) no-repeat top left/50.5% 100%, linear-gradient(to top left, #D2DFF2 50%, rgba(255,255,255,0) 50.5%, rgba(255,255,255,0)) no-repeat top right/50% 100%;*/
}
#systemautoupdateseviceBody #aboutMarugotoUp:after{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color: rgb(208 223 242);
	background-image :
    	repeating-linear-gradient(to bottom,
							rgba(203, 218, 241, 0.50),
							rgba(203, 218, 241, 0.50) 1px,
							rgba(0, 0, 0, 0) 0,
							rgba(0, 0, 0, 0) 21px),
	    repeating-linear-gradient(to right,
							rgba(203, 218, 241, 0.50),
							rgba(203, 218, 241, 0.50) 1px,
							rgba(0, 0, 0, 0) 0,
							rgba(0, 0, 0, 0) 21px);

}
#systemautoupdateseviceBody #aboutMarugotoUp .newly {
    text-align:center;
    font-size:60px;
    font-weight:bold;
    color:#413A66;
    text-shadow:
        1px 1px 1px #FFFF00
        ,1px -1px 1px #FFFF00
        ,-1px -1px 1px #FFFF00
        ,-1px 1px 1px #FFFF00
        ,2px 2px 1px #FFFF00
        ,2px -2px 1px #FFFF00
        ,-2px -2px 1px #FFFF00
        ,-2px 2px 1px #FFFF00
        ,3px 3px 1px #FFFF00
        ,3px -3px 1px #FFFF00
        ,-3px -3px 1px #FFFF00
        ,-3px 3px 1px #FFFF00
    ;
}
#systemautoupdateseviceBody #aboutMarugotoUp .tit{
	display:inline-block;
	background-color:#41D7D8;
	color:#FAFD00;
	padding:10px 40px;
	margin-top:20px;
	margin-bottom:10px;
	border-radius:50px;
	font-size:35px;
	font-weight:bold;
}
#systemautoupdateseviceBody #aboutMarugotoUp .afterUpdate {
	text-align:left;
}
#systemautoupdateseviceBody #aboutMarugotoUp .afterUpdate > div{
	text-align:left;
	font-size:60px;
	font-weight:900;
	text-shadow:
	    2px 2px 2px #FFF701,
	    -2px 2px 2px #FFF701,
	    2px -2px 2px #FFF701,
	    -2px -2px 2px #FFF701
	    ;
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(41,137,216,0) 80%, rgba(255,247,1,1) 81%, rgba(255,247,1,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 80%,rgba(255,247,1,1) 81%,rgba(255,247,1,1) 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 80%,rgba(255,247,1,1) 81%,rgba(255,247,1,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff701',GradientType=0 );
    display:inline-block;
    padding-bottom:0px;
    line-height:100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap{
	position:relative;
	z-index: 1;
	height:180px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap h2{
	height: 200px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image01{
	position:absolute;
	top:10px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02{
	position:absolute;
	top:40px;
	left:230px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image03belt{
	background-color:#5D96E7;
	text-align:left;
	position:relative;
	height: 50px;
	margin-top:30px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image03belt:before{
	display:block;
	content:'';
	position:absolute;
	width:100%;
	height:50px;
	top:-50px;
    background: linear-gradient(to top left, #5D96E7 50%, rgba(255,255,255,0) 51%, rgba(255,255,255,0)) no-repeat top right/100% 100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image03belt:after{
	display:block;
	content:'';
	position:absolute;
	width:100%;
	height:100px;
	bottom:-100px;
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #5D96E7 51%, #5D96E7) no-repeat top right/100% 100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image03belt .image03{
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
	position:absolute;
	top:-330px;
	right:0px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05{
	position:absolute;
	top:-180px;
	right:-50px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate{
	/*margin-top:280px;*/
	background-color:#4A7CC5;
	position: relative;
	z-index: 1;
	padding-top:40px;
	padding-bottom:40px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate:before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100px;
	background-color: #4A7CC5;
	top:-100px;
	left:0;
	background: linear-gradient(
	    to top right, #4A7CC5 50%, rgba(255,255,255,0) 50.5%, rgba(255,255,255,0) 0%) no-repeat top left/50.5% 100%, linear-gradient(to top left, #4A7CC5 50%, rgba(255,255,255,0) 50.5%, rgba(255,255,255,0)) no-repeat top right/50% 100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap{
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_maruUpBg01.png);
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:30px;
	padding-bottom:30px;
	min-height:420px;
	background-size:contain;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap{
	background-color:rgba(255,255,255,.6);
	padding:40px;
	box-sizing:border-box;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	z-index: 2;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap .keiyakuImageWrapSp ,
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap .priceImageWrap{
	margin-top:30px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(1){
	font-size: 28px;
	font-weight:bold;
	margin-bottom:10px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2){
	font-size: 22px;
	font-weight:bold;
	line-height:180%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span > span{
	display:inline-block;
	font-size:36px;
	color:#092D61;
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(41,137,216,0) 60%, #FBFB8B 61%, #FBFB8B 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 60%,#FBFB8B 61%,#FBFB8B 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 60%,#FBFB8B 61%,#FBFB8B 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff701',GradientType=0 );
	line-height:100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .keiyakuImageWrap{
	position: absolute;
	z-index: 0;
	top: -30px;
	right: -120px;
	margin:auto;
	transform: rotate(5deg);
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap .btnWrap{
	margin-top:30px;
	margin-bottom:30px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap .btnWrap a{
	background-color:#014e62;
	color:#FFFFFF;
	padding:5px 15px;
}

#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap{
	margin-top:40px;
	margin-bottom:60px;
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_maruUpBg02.png);
	background-repeat:no-repeat;
	background-position:right top;
	padding-top:30px;
	padding-bottom:30px;
	min-height:420px;
	background-size: 90%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch{
	margin-bottom:30px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch > span:nth-child(1){
	display:inline-block;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch > span:nth-child(2){
	display:inline-block;
	font-size:36px;
	font-weight:bold;
	vertical-align: bottom;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch > span:nth-child(3){
	display:inline-block;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .threeUndertake{
	font-size:45px;
	font-weight:bold;
	display:flex;
	justify-content:center;
	margin-bottom:20px;;
	flex-wrap:wrap;
	line-height:100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .threeUndertake > div{
	display:inline-block;
    padding:10px 10px 5px 10px;
    margin-left:10px;
    margin-right:10px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .norikae{
	border:3px solid #4DD5E3;
	background-color:#AEF1F9;
	color:#18545C;
}
#systemautoupdateseviceBody #aboutMarugotoUp .choki{
	border:3px solid #E54DA4;
	background-color:#F7C5E2;
	color:#730B46;
}
#systemautoupdateseviceBody #aboutMarugotoUp .fukusu{
	border:3px solid #4EE77B;
	background-color:#B3F7C8;
	color:#183A22;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki{
	font-size:50px;
	font-weight:bold;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(1){
	display:block;
	margin-bottom:30px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(1) > span{
	display:inline-block;
	font-size:50px;
	color: #ffffff;
	text-shadow: 2px 2px 5px rgba(0,0,0,.8);
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(41,137,216,0) 60%, rgba(251, 251, 139,.4) 61%, rgba(251, 251, 139,.4) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 60%,rgba(251, 251, 139,.4) 61%,rgba(251, 251, 139,.4) 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 60%,rgba(251, 251, 139,.4) 61%,rgba(251, 251, 139,.4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff701',GradientType=0 );
	line-height:100%;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2){
	color:#FE0000;
	font-size:60px;
	background-color:#FFFFFF;
	display:inline-block;
	line-height:100%;
	padding:10px 10px 5px 10px;
	margin-left:5px;
	margin-right:5px;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2) em{
    font-size:50px;
    font-weight:bold;
    color:#000000;
}
#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .priceImageWrap .image02{
	background-color:#FFFFFF;
	display:inline-block;
	margin-top:10px;
	padding:10px;
	box-shadow:5px 5px 1px rgba(0,0,0,.6);
}



#systemautoupdateseviceBody #merit{
	background-image: url(/wp-content/themes/marugotoesthe/img2/system/img_systemBg01.jpg);
	padding-bottom:50px;
	margin-bottom:0px;
	background-size: cover;
	position:relative;
	background-repeat:no-repeat;
	background-position:center center;
	height:auto;
}
#systemautoupdateseviceBody #merit:before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	background-color:rgba(255,255,255,.8);
	top:0;
	left:0;
}
#systemautoupdateseviceBody #merit{
	text-align: center;
	padding: 80px 0 0 0;
}
#systemautoupdateseviceBody #merit h2{
	font-size: 48px;
	font-weight: bold;
	color:#2D659E;
	line-height: 100%;
}
#systemautoupdateseviceBody #merit h2 img{
	vertical-align:bottom;
	margin-right:15px;
}

#systemautoupdateseviceBody #merit ul{
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
	justify-content:center;
}
#systemautoupdateseviceBody #merit ul li:nth-child(1),
#systemautoupdateseviceBody #merit ul li:nth-child(2),
#systemautoupdateseviceBody #merit ul li:nth-child(3),
#systemautoupdateseviceBody #merit ul li:nth-child(4),
#systemautoupdateseviceBody #merit ul li:nth-child(5){
	width:31%;
	margin-left:1%;
	margin-right:1%;
}
#systemautoupdateseviceBody #merit .box{
	font-size:20px;
	margin-bottom:50px;
	height:calc(100% - 50px);
}
#systemautoupdateseviceBody #merit .box .head{
	padding:10px;
	font-size:18px;
	color:#2D659E;
	font-weight: bold;
	text-align:left;
}
#systemautoupdateseviceBody #merit ul li:nth-child(1) .box .head,
#systemautoupdateseviceBody #merit ul li:nth-child(2) .box .head,
#systemautoupdateseviceBody #merit ul li:nth-child(3) .box .head,
#systemautoupdateseviceBody #merit ul li:nth-child(4) .box .head,
#systemautoupdateseviceBody #merit ul li:nth-child(5) .box .head{
	background-position:right bottom -2px;
	background-repeat:no-repeat;
	background-size:contain;
	min-height:50px;
}
#systemautoupdateseviceBody #merit ul li:nth-child(1) .box .head{
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_merit01.png);
}
#systemautoupdateseviceBody #merit ul li:nth-child(2) .box .head{
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_merit02.png);
}
#systemautoupdateseviceBody #merit ul li:nth-child(3) .box .head{
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_merit03.png);
}
#systemautoupdateseviceBody #merit ul li:nth-child(4) .box .head{
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_merit04.png);
}
#systemautoupdateseviceBody #merit ul li:nth-child(5) .box .head{
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_merit05.png);
}
#systemautoupdateseviceBody #merit .box .body{
	background-color:rgba(255,255,255,.8);
	padding:10px;
	text-align:left;
	border:3px solid #2D659E;
	position:relative;
}
#systemautoupdateseviceBody #merit .box .body:before{
	display:block;
	position:absolute;
	content:'';
	width:100%;
	height:100%;
	border:2px solid #FCF800;
	top:0;
	left:0;
	pointer-events:none;
}
#systemautoupdateseviceBody #merit .box .body > div{
	font-size:16px;
	padding:15px;
	line-height:1.5;
}

#systemautoupdateseviceBody #flow {
	background-image: url(/wp-content/themes/marugotoesthe/img2/marugotoUp/marugotoUpdateFrowArrow.png);
	background-repeat:no-repeat;
	background-position: top -50px center;
	background-size: 800px;
	position:relative;
}
#systemautoupdateseviceBody #flow:after {
	position:absolute;
	display:block;
	content:'';
	background-color:rgba(255,255,255,.7);
	width: 100%;
	height:calc(100% - 175px);
	top: 185px;
	left:0;
}
#systemautoupdateseviceBody #flow .stepWrap{
	margin-top:50px;
	padding-bottom:10px;
}
#systemautoupdateseviceBody #flow .stepWrap > p {
	position:relative;
	display:inline-block;
	background-color:#FFFFFF;
	font-size: 26px;
	padding:10px;
	border: 3px solid #f17676;
	padding:10px 30px;
}
#systemautoupdateseviceBody #flow .stepWrap > p small{
	display:block;
	font-size:18px;
}
#systemautoupdateseviceBody #flow .stepWrap > p:after ,
#systemautoupdateseviceBody #flow .stepWrap > p:before {
	position:absolute;
	display:block;
	margin:auto;
	border-radius:30px;
	left:0px;
	right:0px;
	text-align:center;
	font-size:20px;
}
#systemautoupdateseviceBody #flow .stepWrap > p:before {
	width:90px;
	height:30px;
	top:-45px;
	border:2px solid #f17676;
	color:#f17676;
	background-color:#ffeded;
	z-index:2;
}
#systemautoupdateseviceBody #flow .stepWrap > p:after {
	content:'▼';
	top:-23px;
	color:#f17676;
	z-index:1;
}
#systemautoupdateseviceBody #flow .stepWrap.step1 > p:before {
	content:'Step1';
}
#systemautoupdateseviceBody #flow .stepWrap.step2 > p:before {
	content:'Step2';
}
#systemautoupdateseviceBody #flow .stepWrap.step3 > p:before {
	content:'Step3';
}
#systemautoupdateseviceBody #flow .stepWrap.step4 > p:before {
	content:'Step4';
}
#systemautoupdateseviceBody #flow .header{
	/*background-image:url(/wp-content/themes/marugotoesthe/img2/plan/img_planBg7.jpg);*/
	background-image: url(/wp-content/themes/marugotoesthe/img2/flow/img_headerFlowBg.jpg);
	padding-bottom:40px;
	margin-bottom:0;
}
#systemautoupdateseviceBody #flow .header:before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	top:0;
	left:0	;
}
#systemautoupdateseviceBody #flow h2{
	position:relative;
	z-index:1;
	text-align:center;
	padding-top:30px;
	font-size:50px;
	font-weight:bold;
	letter-spacing:1.2px;
}
#systemautoupdateseviceBody #flow h2 > span:nth-child(1){
	color:#000000;
	text-shadow:3px 3px 1px rgba(255,255,255,1);
}
#systemautoupdateseviceBody #flow h2 > span:nth-child(2){
    color:#2484DA;
    display:inline-block;
    line-height:100%;
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(41,137,216,0) 80%, rgba(36, 132, 218, .4) 81%, rgba(36, 132, 218, .4) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 80%,rgba(36, 132, 218, .4) 81%,rgba(36, 132, 218, .4) 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 80%,rgba(36, 132, 218, .4) 81%,rgba(36, 132, 218, .4) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff701',GradientType=0 );
}
#systemautoupdateseviceBody #flow .catch{
	text-align:center;
	font-size:30px;
	font-weight:normal;
	text-shadow:0px 0px 5px rgba(0,0,0,1);
	position: relative;
	z-index: 1;
	font-weight:bold;
	margin-top:20px;
	color:#FFFFFF;
}
#systemautoupdateseviceBody #flow .caption{
	margin-top:60px;
}
#systemautoupdateseviceBody #flow .caption ul{
    text-align:right;
    background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_nagareImage.png);
    background-repeat:no-repeat;
    background-position:left bottom;
}
#systemautoupdateseviceBody #flow .counter .stepNo {
    position:relative;
    box-sizing: border-box;
	position: absolute;
	bottom: 0;
}
#systemautoupdateseviceBody #flow .counter .stepNo:after,
#systemautoupdateseviceBody #flow .counter .stepNo:before{
    font-family: Verdana,Helvetica,Arial,sans-serif;
    position:absolute;
    color: #000000;
    line-height: 100%;
    display: inline-block;
    box-sizing:border-box;
    font-weight:bold;
    vertical-align: bottom;
    padding:0px;
    margin:auto;
}
#systemautoupdateseviceBody #flow .counter .stepNo:before{
	content: "STEP";
	font-size:15px;
	left: -124px;
	font-size:24px;
	bottom: 0;
}
#systemautoupdateseviceBody #flow .counter .stepNo:after{
	counter-increment: number 1;
	content: counter(number);
	right: -35px;
	font-size:140px;
	bottom: -10px;
	text-shadow:
	    5px 5px 1px #FFFFFF,
	    5px -5px 1px #FFFFFF;
}
#systemautoupdateseviceBody #flow .caption li{
	margin-bottom:60px;
	position:relative;
	vertical-align:bottom;
	box-sizing: border-box;
	text-align: right;
}
#systemautoupdateseviceBody #flow .caption li:after{
	position:absolute;
	display:block;
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 40px 0 40px;
	border-color: #4a8be5 transparent transparent transparent;
	right:30px;
	bottom:-25px;
	z-index: 0;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(2):after{
	border-color: #397bd2 transparent transparent transparent;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(3):after{
	border-color: #2a68bd transparent transparent transparent;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(4):after{
	border-color: transparent transparent transparent transparent;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(1) .stepText{
	background-color:#4A8BE5;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(2) .stepText{
	background-color:#397BD2;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(3) .stepText{
	background-color:#2A68BD;
}
#systemautoupdateseviceBody #flow .caption li:nth-child(4) .stepText{
	background-color:#174F9C;
}
#systemautoupdateseviceBody #flow .caption li .stepText{
	font-size:30px;
	text-align:left;
	font-weight:bold;
	padding:15px 15px 15px 60px;
	border-radius:0 15px 15px 0;
	line-height:120%;
	max-height:100px;
	box-sizing: border-box;
	min-height: 100px;
	color:#FFFFFF;
}
#systemautoupdateseviceBody #flow .caption li .stepText .notice{
	font-size:16px;
	font-weight:normal;
}
#systemautoupdateseviceBody #flow .caption li .table{
	margin:0 0 0 auto;
}
#systemautoupdateseviceBody #flow .caption li .table > div{
	vertical-align:bottom;
}


#systemautoupdateseviceBody #targetSite{
	margin-bottom:0;
	padding-bottom:80px;
	background: #adcbef;
	background: -moz-linear-gradient(top,  #adcbef 0%, #e6effe 40%,#e6effe 80%, #d0e4fb 100%);
	background: -webkit-linear-gradient(top,  #adcbef 0%,#e6effe 40%,#e6effe 80%,#d0e4fb 100%);
	background: linear-gradient(to bottom,  #adcbef 0%,#e6effe 40%,#e6effe 80%,#d0e4fb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adcbef', endColorstr='#d0e4fb',GradientType=0 );
}
#systemautoupdateseviceBody #targetSite .header.con2{
	margin-top:50px;
	background-image: url(/wp-content/themes/marugotoesthe/img2/system/img_systemBg02.jpg);
	z-index: 2;
	padding-bottom:40px;
	position:relative;
}
#systemautoupdateseviceBody #targetSite .header.con2:after{
	position:absolute;
	display:block;
	content:'';
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:rgba(132, 135, 177, .5);
}
#systemautoupdateseviceBody #targetSite h2{
	position:relative;
	z-index:1;
	text-align:center;
	padding-top:30px;
	font-size:50px;
	font-weight:bold;
	letter-spacing:1.2px;
}
#systemautoupdateseviceBody #targetSite h2 > span:nth-child(1){
	color:#000000;
	text-shadow:3px 3px 1px rgba(255,255,255,1);
}
#systemautoupdateseviceBody #targetSite h2 > span:nth-child(2){
    color:#7DFDFE;
    display:inline-block;
    line-height:100%;
	background: -moz-linear-gradient(top,  rgba(30,87,153,0) 0%, rgba(41,137,216,0) 80%, rgba(125, 253, 254, .6) 81%, rgba(125, 253, 254, .6) 100%);
	background: -webkit-linear-gradient(top,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 80%,rgba(125, 253, 254, .6) 81%,rgba(125, 253, 254, .6) 100%);
	background: linear-gradient(to bottom,  rgba(30,87,153,0) 0%,rgba(41,137,216,0) 80%,rgba(125, 253, 254, .6) 81%,rgba(125, 253, 254, .6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#fff701',GradientType=0 );
}
#systemautoupdateseviceBody #targetSite .catch{
	text-align:center;
	font-size:28px;
	font-weight:normal;
	color:#FFFFFF;
	text-shadow:0px 0px 5px rgba(0,0,0,1);
	position: relative;
	z-index: 1;
	margin-top:20px;
}
#systemautoupdateseviceBody #targetSite .btn a{
	margin:10px 0 0 0;
	display:inline-block;
	border: 1px solid #CCCCCC;
	padding:5px 20px;
	background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
	text-shadow:1px 1px 1px #FFFFFF;
	line-height:100%;
}
#systemautoupdateseviceBody #targetSite .btn a:hover{
	text-decoration:none;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap{
	position:relative;
	height:360px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div{
	position:absolute;
	background-color:rgba(197, 232, 215, .5);
	border-radius:300px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:before{
	position:absolute;
	content:'';
	display:block;
	background-color:rgba(197, 232, 215, .5);
	margin:auto;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(1){
	width:250px;
	height:250px;
	line-height:250px;
	margin:auto;
	left:0;
	right:0;
	top:30px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(2){
	width:200px;
	height:200px;
	line-height:200px;
	margin:auto;
	left:-400px;
	right:0;
	top:30px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(3){
	width:200px;
	height:200px;
	line-height:200px;
	margin:auto;
	left:0px;
	right:-400px;
	top:30px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(4){
	width:200px;
	height:200px;
	line-height:200px;
	margin:auto;
	left:-700px;
	right:0px;
	top:100px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(5){
	width:150px;
	height:150px;
	line-height:150px;
	margin:auto;
	left:0px;
	right:-700px;
	top:100px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(6){
	width:150px;
	height:150px;
	line-height:150px;
	margin:auto;
	left:0px;
	right:-300px;
	top:180px;
}
#systemautoupdateseviceBody #targetSite .updateSiteWrap > div:nth-child(7){
	width:150px;
	height:150px;
	line-height:150px;
	margin:auto;
	left:0px;
	right:-560px;
	top:210px;
}
#systemautoupdateseviceBody #targetSite > div:nth-child(2) h2{
	color:#000000;
	text-shadow:unset;
}
#systemautoupdateseviceBody #targetSite > div:nth-child(2) .catch{
	color:#000000;
	text-shadow:unset;
}
#systemautoupdateseviceBody #targetSite .infoText{
	background-color:#FFFFFF;
	border:3px solid #000000;
	box-sizing:border-box;
	padding:30px;
	margin-top:30px;
	box-shadow:10px 10px 1px #000000;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap{
	color:#000000;
	font-size:20px;
	display:flex;
	flex-wrap:wrap;
	margin-top:30px;
	text-align:center;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li{
	width:33%;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div{
	padding:15px;
	margin:10px;
	background-color:#EFEFEF;
	/*height: calc(100% - 40px);*/
}
#systemautoupdateseviceBody #targetSite .btnWrap{
	text-align:center;
}
#systemautoupdateseviceBody #targetSite .btnWrap a{
	position:relative;
	content:'';
	display: inline-block;
	padding:10px 30px;
	text-align: center;
	font-weight: bold;
	box-sizing: border-box;
	color:#FFFFFF;
	font-size:26px;
	letter-spacing:1.4px;
	width:360px;
	height:80px;
	text-align:center;
	margin-top:40px;
}
#systemautoupdateseviceBody #targetSite .btnWrap a:before,
#systemautoupdateseviceBody #targetSite .btnWrap a:after{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
	border-radius:10px;
	box-sizing:border-box;
}
#systemautoupdateseviceBody #targetSite .btnWrap a:before{
	top:0;
	left:0;
	font-family: "Font Awesome 5 Free";
	content:'お問い合わせはこちら　\f0da';
	background-color: #1CBDAE;
	padding-top:27px;
	z-index:2;
}
#systemautoupdateseviceBody #targetSite .btnWrap a:after{
	top:5px;
	left:5px;
	content:'';
	background-size: auto auto;
	background-color: rgba(255, 255, 255, 1);
	background-image: repeating-linear-gradient(135deg, transparent, transparent 2px, rgb(28, 189, 174) 2px, rgb(28, 189, 174) 7px );
	z-index:1;
}

#systemautoupdateseviceBody #qa{
	/*margin-bottom: -120px;*/
	padding-bottom:100px;
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_qaBg.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:bottom center;
}
#systemautoupdateseviceBody #qa .header{
	/*background-image:url(/wp-content/themes/marugotoesthe/img2/plan/img_planBg7.jpg);*/
	background-image: url(/wp-content/themes/marugotoesthe/img2/faq/img_headerFaqBg.jpg);
	padding-bottom:1	0px;
	margin-bottom:0;
	position:relative;
}
#systemautoupdateseviceBody #qa .header:before{
	position:absolute;
	display:block;
	content:'';
	width:100%;
	height:100%;
	background-color: rgba(141, 184, 208, .7);
	top:0;
	left:0;
}
#systemautoupdateseviceBody #qa h2{
	position:relative;
	z-index:1;
	text-align:center;
	padding-top:30px;
	font-size:40px;
	font-weight:bold;
	color:#000000;
	text-shadow:4px 4px 1px #FFFFFF;
}
#systemautoupdateseviceBody #qa .catch{
	color:#FFFFFF;
	text-align: center;
	font-size:24px;
	margin-top:20px;
	margin-bottom:20px;
	text-shadow:0px 0px 4px rgba(0,0,0,1),0px 0px 4px;
	position: relative;
	font-weight: bold;
	z-index: 1;
}
#systemautoupdateseviceBody #qa .qaWarp{
	display: flex;
	flex-wrap: wrap;
	color:#000000;
	margin-top:40px;
	justify-content:center;
}
#systemautoupdateseviceBody #qa .qaWarp > li{
	width:48%;
	margin-left:1%;
	margin-right:1%;
	margin-bottom:30px;
}
#systemautoupdateseviceBody #qa .qaWarp > li > .box{
	width:98%;
	background-color: #FFFFFF;
	height:100%;
	position:relative;
	border:2px solid #24C6A1;
	border-radius:10px;
	box-shadow:0px 0px 5px rgba(0,0,0,.5);
	box-sizing:border-box;
}
#systemautoupdateseviceBody #qa .qaWarp > li > .box:before{
	position:absolute;
	display:block;
	content:'';
	width:100px;
	height:100px;
	background-image:url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_Q.png);
	background-repeat:no-repeat;
	top:-20px;
	left:-20px;
}
#systemautoupdateseviceBody #qa .qaWarp > li:nth-child(odd) > .box{
	margin:0 auto 0 0;
}
#systemautoupdateseviceBody #qa .qaWarp > li:nth-child(even) > .box{
	margin:0 0 0 auto;
}
#systemautoupdateseviceBody #qa .qaWarp > li > .box .head{
	background-color:#24C6A1;
	color:#FFFFFF;
	padding: 30px 60px;
	font-size:18px;
	line-height:110%;
	text-align:center;
	font-weight:bold;
	line-height:140%;
	border-radius:8px 8px 0 0;
}
#systemautoupdateseviceBody #qa .qaWarp > li > .box .body{
	color: #49774d;
	padding: 20px;
	font-size: 18px;
	line-height:130%;
	background-color: #FFFFFF;
	border-radius:0 0 8px 8px;
	text-align:left;
}
#systemautoupdateseviceBody #qa .qaWarp > li > .box .body a{
	text-decoration:underline;
}


#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div{
	position:relative;
	text-align:left;
	background-color:#FFFFFF;
	border:1px solid #AAAAAA;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div > span{
	position:relative;
	z-index:3;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div:before,
#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div:after{
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	box-sizing:border-box;
	content:'';
}


#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div:before{
	padding:5px;
	z-index:2;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div:after{
	background-repeat:no-repeat;
	z-index:1;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menethRanking > div:before{
	background-color:rgba(255,255,255,.5);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menethRanking > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaMenEsRanking.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.relaxStyle > div:before{
	background-color:rgba(255,255,255,.2);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.relaxStyle > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaRelaxstyle.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.estheTamashi > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.estheTamashi > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaEsthetamashi.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.alomaPanda > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.alomaPanda > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaAromapanda.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.kuchikomiFuJoho > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.kuchikomiFuJoho > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaKuchikomiF.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.ekiChika > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.ekiChika > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaEkichika.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.fues > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.fues > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaFues.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.meRank > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.meRank > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaMerank.jpg);
	background-size:70%;
	background-position:top 0px left 120px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.aromaYoyaku > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.aromaYoyaku > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaAromayoyakuk.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esManiax > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esManiax > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaEsmaniax.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.refle > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.refle > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaRefle.jpg);
	background-size:contain;
	background-position:top 10px right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.meness > div:before{
	background-color:rgba(255,255,255,.5);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.meness > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banameness.jpg);
	background-size:contain;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.eslove > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.eslove > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaeslove.jpg);
	background-size:contain;
	background-position:top right -20px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.marugotoEstheJiten > div:before{
	background-color:rgba(255,255,255,0.3);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.marugotoEstheJiten > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaMarugotoesthe.jpg);
	background-size:70% auto;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.estheparadise > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.estheparadise > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaestheparadise.jpg);
	background-size:90%;
	background-position:top -15px left 40px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menlog > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menlog > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banamenlog.jpg);
	background-size:80%;
	background-position:bottom -10px right -5px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.sokuthela > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.sokuthela > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banasokuthela.jpg);
	background-size:80%;
	background-position:bottom -5px right -20px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esthezukan > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esthezukan > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaesthezukan.jpg);
	background-size:80%;
	background-position:center right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.refguide > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.refguide > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banarefguide.jpg);
	background-size:70%;
	background-position:top 5px left 100px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esthetamashii > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esthetamashii > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaesthetamashii.jpg);
	background-size:100%;
	background-position:top right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menesthenavi > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menesthenavi > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banamenesthenavi.jpg);
	background-size:80%;
	background-position:top left 90px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esthenotatsujin > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esthenotatsujin > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_banaesthenotatsujin.jpg);
	background-size:80%;
	background-position:top right;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.es-ban > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.es-ban > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_es-ban.jpg);
	background-size:80%;
	background-position:top 10px right -20px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menes-love > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.menes-love > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_menes-love.jpg);
	background-size:80%;
	background-position:top 10px right -20px;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.fuzokusod > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.fuzokusod > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_fuzokusod.jpg);
	background-size:80%;
	background-position:bottom -2.5vw right -15%;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.esnavi > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_esnavi.jpg);
	background-size:80%;
	background-position:bottom -1.2vw right -40%;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.moenavi > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_moenavi.jpg);
	background-size:80%;
	background-position:bottom -1.2vw right -40%;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.vanilla > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.vanilla > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_vanilla-official.jpg);
	background-size:85%;
	background-position:bottom calc(-1.0vw - 10px) right -70%;
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.cocoa > div:before{
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #targetSite .targetSiteWrap li.cocoa > div:after{
	background-image:url(/wp-content/themes/marugotoesthe/img2/common/otherBanner/img_cocoa-job.jpg);
	background-size:85%;
	background-position:bottom calc(-1.0vw - 10px) right -70%;
}



#systemautoupdateseviceBody #news{
	background-image: url(/wp-content/themes/marugotoesthe/img2/marugotoUp/img_newsBg.jpg);
	width: 100%;
	height: auto;
	padding-bottom: 100px;
	padding-top:100px;
	margin-bottom:0px;
	position: relative;
	color:#FFFFFF;
}
#systemautoupdateseviceBody #news .newsWrap {
	padding: 50px;
	margin-top: 40px;
	box-sizing: border-box;
	background-color:rgba(255,255,255,.8);
}
#systemautoupdateseviceBody #news .newsWrap h3 {
	color: #37366F;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	position: relative;
	margin-bottom:40px;
	line-height: 1.5;
}
#systemautoupdateseviceBody #news .newsWrap h3:after {
	display:block;
	content:'';
	width:100px;
	height:3px;
	background-color:#37366F;
	margin:0 auto;
}
#systemautoupdateseviceBody #news .newsBody ul {
	display:table;
	margin-bottom:30px;
	width:100%;
}
#systemautoupdateseviceBody #news .newsBody ul li{
	display:table-row;
}
#systemautoupdateseviceBody #news .newsBody ul li > span{
	display:table-Cell;
	border-bottom:1px solid #8F9396;
	padding-top:10px;
	padding-bottom:10px;
	vertical-align:top;
}
#systemautoupdateseviceBody #news .newsBody ul li > span:first-child{
	white-space:nowrap;
	padding-right:20px;
}
#systemautoupdateseviceBody #news .newsBody ul li > span:last-child{
	width:100%;
}
#systemautoupdateseviceBody #news .newsWrap li {
	border-bottom:1px solid #8F9396;
	padding-top:10px;
	padding-bottom:10px;
	text-align:left;
}
#systemautoupdateseviceBody #news .newsWrap li .news_date {
	color:#11162A;
	font-weight:bold;
	padding-left:10px;
	padding-top:12px;
	margin-right:20px;
	position:relative;
}
#systemautoupdateseviceBody #news .newsWrap li .news_date:before {
	display:block;
	content:'';
	width:4px;
	height:22px;
	background-color:#11162A;
	position:absolute;
	top:12px;
	left:0;
	margin:auto;
}
#systemautoupdateseviceBody #news .newsWrap li .newIcon {
	background-color:#FB4D35;
	padding:0 5px;
	border-radius:4px;
	font-size:12px;
	margin-right:5px;
	vertical-align:middle;
	color: #FFFFFF;
	font-weight: normal;
}
#systemautoupdateseviceBody #news .newsWrap li .newIcon.pcNone640inlineBlock {
	margin-left: 5px;
}
#systemautoupdateseviceBody #news .newsWrap li a {
	border-radius:4px;
	vertical-align:middle;
	color:#0D111D;
}
#systemautoupdateseviceBody #news .newsWrap .newsFooter {
	text-align:right;
}
#systemautoupdateseviceBody #news .newsWrap .newsFooter a{
	display:inline-block;
	background-color:#4B83CE;
    color:#FFFFFF;
	padding:5px 20px;
}
#systemautoupdateseviceBody #news .newsWrap .newsFooter a:hover{
	text-decoration:none;
}
@media screen and (min-width:1051px){
	#systemautoupdateseviceBody #flow .caption li:nth-child(2) .table{
		width:70%;
	}
}
@media screen and (max-width:1150px) { 
	#systemautoupdateseviceBody #information .mainImageWrap .image02{
		left:-10px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image03{
		left:230px;
		top:200px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image04{
		text-align: right;
		padding-top: 50px;
		width: 90%;
	}
	#systemautoupdateseviceBody #information h2{
		position:relative;
		z-index:2;
	}
	#systemautoupdateseviceBody #information .AnnounceBelt img{
		width:50%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap{
		height: 200px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap.bottom{
		height: 10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
		position: relative;
		text-align: right;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05{
		position: relative;
		text-align: right;
		right: 20px;
		top: -500px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate{
		margin-top:130px;
	}
}
@media screen and (max-width:1050px) { 
	.responsiveWrap {
		width:95%;
	}
	.pcNone{
		display: block;
	}
	.spNone{
		display: none;
	}
	.spNoneInline{
		display: none;
	}
	.pcNone10500inlineBlock{
		display:inline-block;
	}
	#systemautoupdateseviceBody #information{
		height:auto;
		padding-bottom:130px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap {
		padding-top:10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap.bottom{
		height: 100px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .fukidashi{
		top:0px;
		left:0;
		transform:rotate(0deg);
		font-size:25px;
		width:100%;
		height:120px;
		text-align:left;
		text-indent:30px;
		background-position:left 15px top 30px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .fukidashi em{
		font-size:30px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage1{
		font-size:25px;
		line-height:40px;
		padding-top:90px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage1 em{
		font-size:35px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage2{
		font-size:35px;
		line-height:40px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage2 rub{
		font-size:16px;
		letter-spacing:10px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage2 em{
		font-size:40px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage3{
		font-size:35px;
		line-height:45px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage3 em{
		font-size:40px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage3 em span:nth-child(1),
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage3 em span:nth-child(2),
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage3 em span:nth-child(3),
	#systemautoupdateseviceBody #information .mainImageWrap .mainImage3 em span:nth-child(4){
		font-size:45px;
	}
    #systemautoupdateseviceBody #information .mainImageWrap .image05 img{
    	width:auto;
    	max-width:100%;
    }
	#systemautoupdateseviceBody #information h2{
		width:100%;
		text-align:center;
	}
	#systemautoupdateseviceBody #information h2 span:first-child{
		font-size: 36px;
	}
	#systemautoupdateseviceBody #information h2 span:last-child{
		font-size: 26px;
	}
	#systemautoupdateseviceBody #information .catch{
		font-size: 22px;
	}
	#systemautoupdateseviceBody #information .infoText strong,
	#systemautoupdateseviceBody #information .infoText b{
		font-size: 24px;
	}
	#systemautoupdateseviceBody #information .redLearge{
		font-size: 32px;
		line-height: 110%;
	}
	#systemautoupdateseviceBody #information .infoText em{
		font-size: 32px;
		line-height: 110%;
	}
	#systemautoupdateseviceBody #information a{
		font-size: 18px;
		padding: 5px 5px;
	}
	#systemautoupdateseviceBody #information h3{
		font-size: 24px;
		line-height: 110%
	}
	#systemautoupdateseviceBody #merit{
		height:auto;
	}
	#systemautoupdateseviceBody #merit h2 {
		font-size: 26px;
	}
	#systemautoupdateseviceBody #merit ul li:nth-child(odd),
	#systemautoupdateseviceBody #merit ul li:nth-child(even){
		width:100%;
	}
	#systemautoupdateseviceBody #merit ul li:nth-child(n + 2){
		margin-right:0;
	}
	#systemautoupdateseviceBody #merit .box .head{
		font-size:18px;
		padding-right: 90px;
		text-align: left;
	}
	#systemautoupdateseviceBody #merit .box{
		font-size:16px;
		margin-bottom:10px;
		height:calc(100% - 10px);
	}
	#systemautoupdateseviceBody #flow{
		background-position:top center;
	}
	#systemautoupdateseviceBody #flow h2{
		font-size:36px;
	}
	#systemautoupdateseviceBody #flow .catch{
		font-size:22px;
	}
	#systemautoupdateseviceBody #flow .counter .stepNo{
		position:absolute;
		top:0px;
		bottom:0px;
	}
	#systemautoupdateseviceBody #flow .caption li .stepText .notice{
		position:relative;
		top:-18px;
	}
	#systemautoupdateseviceBody #flow .stepWrap > p{
		font-size:20px;
		display: block;
	}
	#systemautoupdateseviceBody #flow:after{
		height:calc(100% - 157px);
		top:157px;
	}
	#systemautoupdateseviceBody #flow .updateSiteWrap{
		display: none;
	}
	#systemautoupdateseviceBody #flow .targetSiteWrap li > div{
		font-size:16px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image02{
		left:10px;
		width:35%;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image02 img{
		min-width: 170px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image03{
		top:180px;
		left:29vw;
		width:35%;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image03 img{
		min-width: 170px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image04{
		text-align:right;
		padding-top:120px;
		width:100%;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image04 img{
		display:block;
		margin: 30px 0 0 auto;
		width:30%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
		position:absolute;
		display: inline-block;
		width: 40vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04 img{
		display:block;
		margin:5vw 0 0 auto;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05{
		right:0;
		top: -190px;
		width: 18vw;
		margin: 0 0 0 auto;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image03belt{
		margin-top:50px;
	}
	#systemautoupdateseviceBody #flow .caption li .table{
		width:80%;
		z-index: 1;
		position: relative;
	 }
	#systemautoupdateseviceBody #flow .caption li .table .stepText{
		width:100%;
	}
	#systemautoupdateseviceBody #flow .caption ul{
		background-image:unset;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate{
		margin-top:1vw;
	}
}
@media screen and (max-width:999px) { 
	#systemautoupdateseviceBody #information .AnnounceBelt{
		padding:0px 0 0 0;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .afterUpdate{
		text-align:center;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap{
		padding-bottom:0;
		margin-bottom:0;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap{
		padding:30px 30px 10px 30px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .threeUndertake{
		font-size:40px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .threeUndertake > div{
		margin-left:5px;
		margin-right:5px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch > span{
		display:block;
		width:100%;
		text-align:center;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch > span:nth-child(2){
		margin-top:10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap.bottom{
		height:350px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04 {
		position: static;
		display: block;
		width: 500px;
		margin: -150px -100px 0 auto;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05{
		right: 300px;
		width:35vw;
		top:-250px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap{
		margin-top:-30px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image01{
		top:30px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02{
		left:240px;
	}
	#systemautoupdateseviceBody #merit{
		padding-bottom:30px;
		padding-top:40px;
	}
	#systemautoupdateseviceBody #flow{
		background-size:70%;
	}
	#systemautoupdateseviceBody #targetSite{
		padding-bottom:50px;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li{
		width:100%;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li > .box .head{
		height:auto !important;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li:nth-child(even) > .box,
	#systemautoupdateseviceBody #qa .qaWarp > li:nth-child(odd) > .box{
		margin:0 0 0 0;
		width:100%;
	}
	#systemautoupdateseviceBody #targetSite .targetSiteWrap li{
		width:50%;
	}
}
@media screen and (max-width:900px) { 
	#systemautoupdateseviceBody #information .AnnounceBelt{
		padding:0px 0 0 0;
		margin-top:-10px;
		position:relative;
	}
	#systemautoupdateseviceBody #information .AnnounceBelt img{
		position:relative;
		bottom:-25px;
	}
}
@media screen and (max-width:750px) { 
	#systemautoupdateseviceBody #information .AnnounceBelt img {
		width: 60%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .newly img{
		width:auto;
		max-width:100%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image01{
		top:80px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image01{
		top:80px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02{
		top:90px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(1){
		font-size:26px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span > span{
		font-size:32px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .image03 img {
		width: 80%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap{
		height:240px;
		top:-60px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image01{
		width:25vw;
		top:100px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02{
		width:25vw;
		top:100px;
		left:24vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap.bottom{
		height:230px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
		width:400px;
		margin: -180px -80px 0 auto;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .image04 img {
		width: 100%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05{
		top: -230px;
		width:28vw;
		right:240px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .image05 img {
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .tit {
		font-size: 4vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .catch {
		display: none;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .threeUndertake{
		font-size:5vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .image01{
		margin-top:-30px;
	}
	#systemautoupdateseviceBody #flow .caption li .stepText {
		font-size: 4vw;
		line-height:100%;
	}
	#systemautoupdateseviceBody #flow .caption li .stepText .notice{
		font-size:14px;
		top:-12px;
	}
	#systemautoupdateseviceBody #qa .header{
		padding-bottom:10px;
	}
	#systemautoupdateseviceBody #targetSite .targetSiteWrap li > div{
        font-size:12px;
	}
}
@media screen and (max-width:640px) { 
	.pcNone640inlineBlock{
		display: inline-block;
	}
	.pcNone640block{
		display: block;
	}
	.spNone640block{
		display: none;
	}
	.spNone640inlineBlock{
		display: none;
	}
	#systemautoupdateseviceBody #information .AnnounceBelt img{
		bottom:-15px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image02{
		position:absolute;
		left:auto;
		width:45%;
		right:30vw;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image02 img{
		min-width:120px;
		width:80%;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image03{
		top:130px;
		position:absolute;
		left:auto;
		right:0vw;
		width:45%;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image03 img{
		min-width:120px;
		width:80%;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image04{
		text-align:left;
		padding-top:80px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image04 img{
		margin: 30px auto 0 0;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap h2{
		height:39vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image01{
		width:30vw;
		min-width: 160px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02{
		width:30vw;
		min-width: 160px;
		left: 28vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
		width: 60vw;
		margin: -160px 0px 0 auto;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05 {
		top: -35vw;
		width: 30vw;
		right: 37vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap{
		height:200px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(1){
		font-size:20px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(1) > span {
		font-size: 48px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span > span{
		font-size:26px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2){
		font-size:50px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2) em{
		font-size:40px;
	}
	#systemautoupdateseviceBody #merit ul li:nth-child(1) .box .head{
		padding-right:50px;
	}
    #systemautoupdateseviceBody #flow .caption li .table{
    	width:100%;
    }
	#systemautoupdateseviceBody #flow .caption li .table .stepText{
		font-size:24px;
		width:90%;
	}
	#systemautoupdateseviceBody #flow .caption li .stepText .notice{
		font-size:12px;
	}
	#systemautoupdateseviceBody #flow .counter .stepNo:before{
		display:none;
	}
	#systemautoupdateseviceBody #qa{
		padding-bottom:20px;
	}
	#systemautoupdateseviceBody main.Android  #flow .counter .stepNo:after{
		bottom:-17px;
		right:-25px;
	}
	#systemautoupdateseviceBody #news .newsWrap {
		padding: 15px;
		margin-top: 20px;
	}
	#systemautoupdateseviceBody #news .newsWrap h3{
		font-size:5.5vw;
		margin-bottom:10px;
	}
	#systemautoupdateseviceBody #news .newsBody ul{
		display:block;
		margin-bottom:10px;
	}
	#systemautoupdateseviceBody #news .newsBody ul li{
		display:block;
	}
	#systemautoupdateseviceBody #news .newsBody ul li > span{
		display:block;
		border-bottom:0px solid #FFFFFF;
		padding-bottom:0;
	}
	#systemautoupdateseviceBody #news .newsBody ul li > span:first-child{
		padding-right:0;
	}
	#systemautoupdateseviceBody #news .newsWrap .newsFooter{
		text-align:center;
	}
}
@media screen and (max-width:550px) { 
	.pcNone550inlineBlock{
		display: inline-block;
	}
	.spNone550inlineBlock{
		display: none;
	}
	#systemautoupdateseviceBody #information{
		padding-bottom:80px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image01 {
		padding-left: 5px;
		padding-right: 5px;
	}
	/*
	#systemautoupdateseviceBody #information .mainImageWrap .image03{
		left:32vw;
		top:25vw;
	}
	*/
	#systemautoupdateseviceBody #information .mainImageWrap .image04{
		padding-top:70px;
	}
	#systemautoupdateseviceBody #information h2{
		padding-top:0;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate{
		padding-bottom:1vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp:before{
		/*height:50px;
		top:-50px;*/
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .afterUpdate > div{
		font-size:40px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap{
		min-height: auto;
		padding-top:10px;
		padding-bottom:10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .contentsWrap{
		padding:10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap{
		min-height: auto;
		padding-top:10px;
		padding-bottom:10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2) em{
		font-size:30px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(1) > span{
		font-size:40px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2){
		font-size:45px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap > div:nth-child(1){
		font-size:24px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap > div:nth-child(2) > span:nth-child(1) > span{
		font-size:36px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap > div:nth-child(2) > span:nth-child(2){
		font-size:40px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap > div:nth-child(2) > span:nth-child(2) em{
		font-size:30px;
		vertical-align:bottom;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap > div:nth-child(2){
		font-size:30px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(1){
		font-size:16px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span{
		font-size: 22px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span > span {
		font-size: 24px;
	}
	#systemautoupdateseviceBody #merit {
		padding: 40px 0 30px 0;
	}
	#systemautoupdateseviceBody #merit h2 img {
		width: 70%;
		margin-right: 0px;
	}
	#systemautoupdateseviceBody #merit .box .body > div{
		padding:0;
	}
	#systemautoupdateseviceBody #flow{
		background-position:top 150px center;
		background-size:100%;
	}
	#systemautoupdateseviceBody #flow:after{
		height:calc(100% - 190px);
		top:150px;
	}
	#systemautoupdateseviceBody #flow .caption li .stepText .notice{
		top:0;
	}
	#systemautoupdateseviceBody #flow .targetSiteWrap li{
		width:50%;
	}
	#systemautoupdateseviceBody #flow .caption li{
		margin-bottom:30px;
	}
	#systemautoupdateseviceBody #flow .caption li .table{
		width:85vw;
	}
	#systemautoupdateseviceBody #flow .counter .stepNo:after{
		left:-70px;
		font-size:130px;
	}
	#systemautoupdateseviceBody #flow .caption li .table .stepText{
		font-size:18px;
		padding: 15px 15px 15px 40px;
	}
	#systemautoupdateseviceBody #flow .caption li:nth-child(2) .table .stepText br{
		display:none;
	}
	#systemautoupdateseviceBody #targetSite h2{
		font-size:30px;
	}
	#systemautoupdateseviceBody #targetSite .catch{
		font-size:22px;
	}
	#systemautoupdateseviceBody #targetSite .catch{
		font-size:22px;
	}
	#systemautoupdateseviceBody #targetSite .btnWrap a:before{
		padding-top:20px;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li{
		width:100%;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li > .box{
		width:100%;
	}
	#systemautoupdateseviceBody #targetSite .infoText{
		padding:10px;
		box-shadow: 3px 3px 1px #000000;
	}
	#systemautoupdateseviceBody #targetSite .targetSiteWrap{
		margin-top:0px;
	}
	#systemautoupdateseviceBody #targetSite .btnWrap a{
		width:300px;
		font-size:20px;
		height:60px;
		line-height:100%;
	}
	#systemautoupdateseviceBody #qa .catch{
		font-size:20px;
		padding:0 10px;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li > .box .head{
		font-size:16px;
		padding: 10px 10px 10px 50px;
		text-align: left;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li > .box:before{
		width:50px;
		height:50px;
		background-size:cover;
		left:-10px;
	}
	#systemautoupdateseviceBody #qa .qaWarp > li > .box .body{
		padding:10px;
		font-size:16px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate:before{
		height:50px;
		top:-50px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap.bottom{
		height:350px;
		margin-bottom:-120px;
	}
	#systemautoupdateseviceBody #information .mainImageWrap .image04 img{
		width:35vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02 {
		left: 150px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
		width:70vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image05{
		width:35vw;
		top:-40vw;
		right:45vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap{
		margin-bottom:0px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap{
		margin-top:0px;
		margin-bottom:0px;
	}
}
@media screen and (max-width:480px) {
	#systemautoupdateseviceBody #aboutMarugotoUp .tit {
		font-size: 5vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image02 {
		left: 150px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(1){
		margin-bottom:10px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(1) > span {
		font-size: 9vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .bottomWrap .contentsWrap .waribiki > span:nth-child(2){
		font-size: 9vw;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2){
		line-height:120%;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span{
		font-size: 18px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .aboutAutoUpdate .upWrap .contentsWrap > div:nth-child(2) > span > span {
		font-size: 20px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap.bottom{
		height:310px;
	}
	#systemautoupdateseviceBody #aboutMarugotoUp .mainImageWrap .image04{
		width:80vw;
	}	
	#systemautoupdateseviceBody #merit ul {
		margin-top: 10px;
	}
	#systemautoupdateseviceBody #flow .caption li .table .stepText {
		font-size: 5vw;
	}
	#systemautoupdateseviceBody #flow .counter .stepNo:after{
		right:-27px;
	}
}

.upContents {
	background-color:rgba(3, 118, 204,.6);
	margin:20px -40px -40px;
	padding:15px 10px;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	gap:15px;
	justify-content:center;
	counter-set:counter;
}
.upContents h2{
	width:100%;
	color:#182c60;
	font-weight:bold;
	font-size:48px;
	text-shadow:
		1px 1px 2px #FFF
		,1px -1px 2px #FFF
		,-1px -1px 2px #FFF
		,-1px 1px 2px #FFF
		,2px 2px 1px #FFF
		,2px -2px 1px #FFF
		,-2px -2px 1px #FFF
		,-2px 2px 1px #FFF
		,2px 2px 2px #FFF
		,2px -2px 2px #FFF
		,-2px -2px 2px #FFF
		,-2px 2px 2px #FFF
		,2px 2px 2px #FFF
		,2px -2px 2px #FFF
		,-2px -2px 2px #FFF
		,-2px 2px 2px #FFF;
	letter-spacing:0.1em;
	margin-bottom:-10px;
	display: flex;
	flex-wrap: nowrap;
	gap: 3px;
	justify-content: center;
}
.upContents h2 > span:first-child{
	text-align:right;
}
.upContents h2 > span:last-child{
	text-align:left;
}
.upContents > div{
	width:calc(100% / 4 - 15px);
	background-color:#344376;
	padding:10px;
	box-sizing:border-box;
	color:#FFF;
	font-size:24px;
	line-height:1;
	position:relative;
	font-weight:bold;
	counter-increment:counter 1;
}
.upContents > div > span{
	display:block;
	color:#ecea1d;
	font-size:34px;
	margin-top:5px;
}
.upContents > div:before{
	position:absolute;
	display:block;
	content:'';
	top:0;
	left:0;
	width:0;
	height:0;
	border-style:solid;
	border-color:#f5dc2f transparent transparent #f5dc2f;
	border-width: 25px 25px 25px 25px;
}
.upContents > div:after{
	position:absolute;
	display:inline-block;
	content:counter(counter);
	top:3px;
	left:5px;
	font-size:26px;
	letter-spacing:0;
	color:#384176;
	font-weight:normal;
}
@media screen and (max-width:1000px){
	.upContents > div{
		width:calc(100% / 2 - 15px);
	}
}
@media screen and (max-width:999px){
	.upContents {
		margin:10px -30px -10px -30px;
	}
}
@media screen and (max-width:680px){
	.upContents h2{
		text-shadow:
			1px 1px 1px #FFF
			,1px -1px 1px #FFF
			,-1px -1px 1px #FFF
			,-1px 1px 1px #FFF;
		letter-spacing:0.1em;
		margin-bottom:-10px;
	}
}
@media screen and (max-width:550px){
	.upContents{
		margin: -10px;
	}
	.upContents h2{
		font-size:7vw;
		line-height:1.3;
	}
	.upContents h2 img{
		max-width:80%;
	}
}
@media screen and (max-width:490px){
	.upContents h2 {
		line-height:1;
		margin-bottom:0px;
	}

	.upContents h2 > span:first-child img{
		max-width:73%;
	}
	.upContents h2 > span:last-child img{
		max-width:77%;
	}
}
@media screen and (max-width:460px){
	.upContents > div{
		font-size:5vw;
	}
	.upContents > div > span{
		font-size:7vw;
	}
	.upContents > div:before{
		border-width: 5vw 5vw 5vw 5vw;
	}
	.upContents > div:after{
		font-size:5vw;
	}
}
@media screen and (max-width:360px){
	.upContents > div{
		font-size:4vw;
	}
	.upContents > div > span{
		font-size:6vw;
	}
}