#width {
	width:990px;
}
.adspecial_type1 h1, .adspecial_type1 h2, .adspecial_type1 h3, .adspecial_type1 h4, .adspecial_type1 h5, .adspecial_type1 h6 {
	display:block;
}
.adspecial_type1 {
	margin:20px auto;
	text-align: center;
	width: 980px;
}
.adspecial_type1 .frame_header{
	margin-bottom: 10px;
	text-align: left;
}
.adspecial_type1 .frame_col_left_container {
	width: 970px;
	float: left;
	position:relative;
	background: #fafafa;
	right: 320px;
	text-align: left;
}
.adspecial_type1 .frame_col_right_container {
	overflow:hidden;
	width: 970px;
	float: left;
	position:relative;
	background: #ccc;
}
.adspecial_type1 .frame_col_left {
	float:left;
	width:650px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_left_inner {
	padding: 0 10px 0 0;
}
.adspecial_type1 .frame_col_right {
	float:left;
	width:320px;
	position:relative;
	left: 320px;
}
.adspecial_type1 .frame_col_right_inner {
	padding: 0 10px;
}
* html .adspecial_type1 .frame_col_right_inner{
	width: 300px;
}
* html .adspecial_type1 .frame_col_left {
	overflow: hidden;
}
* html .adspecial_type1 .frame_col_right{
	overflow: hidden;
}


/* 2011/02リニューアル対応-------------------------------------------------------------------------------- */

.adspecial_type1{
margin-top: 0;
padding-top: 20px;
}

#block_story {
margin-left: 10px;
}

.style_block1{
margin-left: 10px;
}

p.more{
margin-top: 0px;
}

.style_indexlist1 li{
font-weight: normal;
list-style-image: none;
line-height: 1.3;
background-position:  4px 7px;
}
.style_indexlist1 li a{
line-height: 1.5;
}

.style_indexlist1 li.stronger a {
font-weight: bold;
}

.style_indexlist1 li.largersize{
font-size: 14px;
}

.style_indexlist1 li a img {
border: 1px solid #666666;
float: left;
margin: 0 5px 5px 0;
}

h4.ttl_backnumber {
background: url('/media/z/2011/bg_h2_underline.gif') repeat-x 0 bottom;
color: #961515;
font-size: 16px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
padding-bottom: 7px;
}

.backnumber p.summary{
overflow: hidden;
_zoom: 1;
}


/*#ff0000*/

/* フレーム設定-------------------------------------------------------------------------------- */
#adspecial_arcserve_201908{
margin-left: 0;
padding: 0;
}


#adspecial_arcserve_201908.adspecial_type1{
margin:0 auto;
}

#adspecial_arcserve_201908.adspecial_type1 .adspecial_type1 .frame_col_left{
width:980px;
}

#adspecial_arcserve_201908.adspecial_type1 .frame_col_left_container {
	background: #ffffff;
width:980px;
}
#adspecial_arcserve_201908.adspecial_type1 .frame_col_right_container {
	background: #ffffff;
}

#contents{padding:0 !important;}
#content{padding:0 !important;}

#adspecial_arcserve_201908.adspecial_type1 .frame_header{
margin-left:0;
margin-bottom:0 !important;
position:relative;
}


#adspecial_arcserve_201908.adspecial_type1 .block_sponsored{
margin:0 auto !important;
padding:2% 0 !important;
border-top:10px solid #e0e0e0 !important;
}


/*1カラム記事の調整*/


#adspecial_arcserve_201908.adspecial_type1 #block_story{
margin-left:0;
}


#adspecial_arcserve_201908.adspecial_type1 .article_body p{
margin:15px 5% !important;
}




/* Headline設定-------------------------------------------------------------------------------- */



#adspecial_arcserve_201908.adspecial_type1 .frame_header{
	background:url(/extra/arcserve_201908/media/35140947/head_title.jpg) 0 0 no-repeat;
	height:500px;
	background-size:cover;
}


/*#adspecial_arcserve_201908.adspecial_type1 .frame_header:before{
content:"";
position:absolute;
top:5%;
left:0;
height:5px;
background-color:#fcca00;
animation: stroke 1s 0.5s ease forwards;
}


#adspecial_arcserve_201908.adspecial_type1 .frame_header:after{
content:"";
position:absolute;
bottom:5%;
right:0;
height:5px;
background-color:#fcca00;
animation: stroke 1s 0.5s ease forwards;
}*/


/*anime*/

@keyframes stroke {
  0% {width:0;}
  100%{width:40%;}
}


#adspecial_arcserve_201908.adspecial_type1 h1 {
margin:0;
font-size:14px;
}



#adspecial_arcserve_201908.adspecial_type1 h1 span{
display:none;
}



#adspecial_arcserve_201908.adspecial_type1 h2{
padding: 5% 7%;
font-size: 110%;
font-weight: normal;
color: #666;
line-height: 2.0;
position: relative;
background-color: #e8e8e8;
}



#adspecial_arcserve_201908.adspecial_type1 h3{
margin: 50px auto;
position:  relative;  
font-weight:normal; 
text-align:center;
font-size:240%;
}

#adspecial_arcserve_201908.adspecial_type1 h3 span{
color:#505050;
display:block;
}


#adspecial_arcserve_201908.adspecial_type1 h3:before{
content:"";
position:absolute;
top:0;
left:0;
border-bottom:solid 100px transparent;
border-left:solid 90px #50e3c2;
}

#adspecial_arcserve_201908.adspecial_type1 h3:after{
content:"";
position:absolute;
top:0;
right:0;
border-top:solid 100px transparent;
border-right:solid 90px #f8e71c;
}


.fade {
  opacity : 0;
  transform: translateY(-25px);
  transition: all 1.0s;
}






/* 左本文Additional CSS設定-------------------------------------------------------------------------------- */

#adspecial_arcserve_201908.adspecial_type1 .frame_col_left #block_story p {
	line-height:1.8em;
}

#adspecial_arcserve_201908.adspecial_type1 .frame_col_left #block_story p{
	margin:1em 10px;
	font-size:16px;
}

#adspecial_arcserve_201908.adspecial_type1 .article_leaf_paging_word {
	font-size:12px;
	margin:20px 0px 30px 0;
	text-align:right;
}

#adspecial_arcserve_201908.adspecial_type1 .frame_col_left #block_story.article_body {
	margin-top:0;
}




/* 左側WP誘導CSS設定--------------------------------------------------------------------------------*/

#adspecial_arcserve_201908.adspecial_type1 .block_wp {
	margin-bottom:20px;
}
#adspecial_arcserve_201908.adspecial_type1 .bottomwp {
	border-bottom:1px dotted #999999;
	margin-bottom:10px;
	margin-left:25px;
	margin-right:25px;
	padding-bottom:10px;
}
#adspecial_arcserve_201908.adspecial_type1 .bottomwp.last {
	border:medium none;
}
#adspecial_arcserve_201908.adspecial_type1 .bottomwp a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_arcserve_201908.adspecial_type1 .bottomwp a:hover{
	text-decoration:none;
}
#adspecial_arcserve_201908.adspecial_type1 .bottomwp a:hover h4{
	text-decoration:underline;
}
#adspecial_arcserve_201908.adspecial_type1 .bottomwp h4{
	border:none;
	font-size:12px;
	font-weight:normal;
	margin-top:2px;
}



/* 左側バックナンバーCSS設定--------------------------------------------------------------------------------*/
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber {
	margin-bottom:10px;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber a img {
	margin:0 10px 10px 10px;
	float:left;
	vertical-align:top;
	border:1px solid #999;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber a h5.title {
	border-bottom:none;
	font-size:14px;
	display:inline;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber p {
	margin-top:3px;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber a:hover h5.title {
	text-decoration:underline;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber .property {
	color:#666666;
	font-size:10px;
}
#adspecial_arcserve_201908.adspecial_type1 .block_backnumber .backnumber .property a{
	margin-left:5px;
}




/* 左側バナー枠CSS設定*/
#adspecial_arcserve_201908.adspecial_type1 .block_banner {
	margin-bottom:20px;
	margin-left: 10px;
}
#adspecial_arcserve_201908.adspecial_type1 .block_banner .banner img{
	margin:0 auto 10px;
	display:block;
}
#adspecial_arcserve_201908.adspecial_type1 .block_banner .banner a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


/* フッタースポンサー枠CSS設定--------------------------------------------------------------------------------*/
#adspecial_arcserve_201908.adspecial_type1 .block_sponsored{
	clear: both;
	border:1px solid #ccc;
	padding:5px 10px;
}




/* フッター責任表示--------------------------------------------------------------------------------*/
#adspecial_arcserve_201908.adspecial_type1 .block_sponsored address{
	font-weight: normal;
	font-style: normal;
}

/* フォトグリッド --------------------------------------------------------------------------*/
#adspecial_arcserve_201908.adspecial_type1 .article_body div.photo_grid {margin-bottom: 1em;}
#adspecial_arcserve_201908.adspecial_type1 .article_body .right {
	margin-left: 1em;
	float: right;
}
#adspecial_arcserve_201908.adspecial_type1 .article_body .left {
	margin-left: 1em;
	float: left;
}
#adspecial_arcserve_201908.adspecial_type1 .article_body .center table{
	margin: 0 auto;
}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo_grid table {border-collapse: collapse;}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo_grid td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

#adspecial_arcserve_201908.adspecial_type1 .article_body .photo {
	padding: 10px;
	background: #FFF none repeat scroll 0%;
	border: 1px solid #CCC;
	margin-right: 15px;
}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo .caption {
	width: 150px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 120%;
}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo .border {border: 1px solid #CCC;}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo .image {position: relative;}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo img.main {margin: 10px;}
#adspecial_arcserve_201908.adspecial_type1 .article_body ul {
	margin: 10px 0 0;
	padding: 0 0 0 10px;
}
#adspecial_arcserve_201908.adspecial_type1 .article_body .photo .glass {
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
}



/* 201908 add-----------------------------------------------*/



#adspecial_arcserve_201908.adspecial_type1 .leaf_content .img-xl{
max-width:200px !important;
}

#adspecial_arcserve_201908.adspecial_type1 .article_body .right{
margin-right:5%;
}


ul.navigation{
padding:30% 4% 0;
display:flex;
flex-direction:row;
flex-wrap: wrap;
justify-content: space-around;
list-style: none !important;
}

ul.navigation li img{
margin:0 10px;
}

.img_menu01,
.img_menu02,
.img_menu03,
.img_menu04
{
transform-origin: 50% 50%;
transition:0.5s ease;
opacity:0.75;
}

.img_menu01{
      animation: icon_menu 2.5s linear 0.2s infinite;
    }

.img_menu02{
      animation: icon_menu 2.5s linear 0.5s infinite;
    }


.img_menu03{
      animation: icon_menu 2.5s linear 0.8s infinite;
    }

.img_menu04{
      animation: icon_menu 2.5s linear 1.1s infinite;
    }



.img_menu01:hover,
.img_menu02:hover,
.img_menu03:hover,
.img_menu04:hover{
animation: icon_swing 0.7s ease 0s;
opacity:1;
    }



     
@keyframes icon_menu {
      0% { transform: translateY(0) }
      50% { transform: translateY(-30px) }
      100% { transform: translateY(0) }
    }

@keyframes icon_point {
      0% { transform: translateY(0) }
      25% { transform: translateY(-15px) }
      75% { transform: translateY(15px) }
      100% { transform: translateY(0) }
    }


@keyframes icon_swing {
      0% { transform: translateY(0) }
      25% { transform: translateY(-30px) }
      50% { transform: translateY(0) }
      75% { transform: translateY(-30px) }
      100% { transform: translateY(0) }
    }


@keyframes rotation {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.case_block{
margin:5%;
padding:3% 0;
position:relative;
}


#adspecial_arcserve_201908.adspecial_type1 .case_block p{
margin:15px 0 !important;
}


.case_ttl{
margin:4% auto 25px;
text-align:center;
padding:2% 2% 1%;
position:relative;
color:#fff;
font-size:200%;
}

.case_ttl span{
display:block;
position:absolute;
top:-130px;
left:42%;
animation: icon_point 2.0s linear 0s infinite;
}



.case01{
color:#28a88b;
border-bottom:1px solid #28a88b;
position:relative;
}

.case02{
color:#f59a5d;
border-bottom:1px solid #f59a5d;
position:relative;
}

.case03{
color:#5e90d8;
border-bottom:1px solid #5e90d8;
position:relative;
}

.case04{
color:#887eec;
border-bottom:1px solid #887eec;
position:relative;
}

.case01:before,
.case01:after,
.case02:before,
.case02:after,
.case03:before,
.case03:after,
.case04:before,
.case04:after{
content:"";
position:absolute;
width:10%;
height:8px;
bottom:-4px;
}

.case01:before,
.case02:before,
.case03:before,
.case04:before{
left:0;
}

.case01:after,
.case02:after,
.case03:after,
.case04:after{
right:0;
}

.case01:before,
.case01:after{
background-color:#28a88b;
}

.case02:before,
.case02:after{
background-color:#f59a5d;
}

.case03:before,
.case03:after{
background-color:#5e90d8;
}

.case04:before,
.case04:after{
background-color:#887eec;
}






.pagetop a{
display:block;
margin:30px auto;
padding:25px 0;
text-align:center;
background-color:#b5b5b5;
width:20%;
color:#fff;
font-size:14px;
transition:0.5s ease;
}

.pagetop a:hover{
background-color:#151515;
text-decoration:none;
}




/*wp*/



#adspecial_arcserve_201908.adspecial_type1 h4 {
background-color:#333;
color:#fff;
margin:3% 0 0 0;
padding:25px 15px;
text-align:center;
font-size:180% !important;
font-weight:normal;
border-bottom:10px solid #a0a0a0;
}



.info_wp{
margin:0 auto;
display:flex;
flex-wrap: nowrap;
}

.info_wp .box_wp{
background:#e0e0e0;
padding:25px 0;
text-align:center;
width:33.3%;
border-right:1px solid #fff;
}

.info_wp .box_wp img{
text-align:center;
}

.info_wp .box_wp a{
text-decoration:none;
}

.info_wp .box_wp a span{
color:#444;
display:block;
text-align:center;
margin:10px 25px;
font-size:16px;
text-decoration:none;
transition:0.5s ease;
}

.info_wp .box_wp a span:hover{
color:#30a78b;
}






/*anime*/

.effect{
      0% {opacity:0;}
      100% {opacity:1;}
}

.fade {
  opacity : 0;
  transform: translateY(-10px);
  transition: all 0.5s;
}


/*banner*/

.bottom_banner a{
margin:0 auto 30px;
text-align:center;
display:block;
transition:0.5s ease;
color:#444;
}


.bottom_banner a:hover{
color:#30a78b;
}





/* レスポンシブ --------------------------------------------------------------------------*/

@media screen and (max-width: 800px) {
  #adspecial_arcserve_201908.adspecial_type1,
  #adspecial_arcserve_201908.adspecial_type1 .frame_col_right_container,
  #adspecial_arcserve_201908.adspecial_type1 .frame_col_left_container,
  #adspecial_arcserve_201908.adspecial_type1 .frame_col_left,
  #adspecial_arcserve_201908.adspecial_type1 .frame_col_right {
  width: auto !important;
  float: none;
  }
  #adspecial_arcserve_201908.adspecial_type1 .article_body .left,
  #adspecial_arcserve_201908.adspecial_type1 .article_body .right,
  #adspecial_arcserve_201908.adspecial_type1 .article_body .center {
    float: none;
    max-width: 100%;
    text-align: center;
margin:0 auto !important;
  }

  #adspecial_arcserve_201908.adspecial_type1 img {
    display: block;
    width: auto;
    /*max-width:100%;*/
    height: auto;
    margin: 0 auto 10px;
  }

  #adspecial_arcserve_201908.adspecial_type1 .block_right_plink {display: none;}


#adspecial_arcserve_201908.adspecial_type1 .frame_header{
	background:url(/extra/arcserve_201908/media/35140947/head_title_s.jpg) center center no-repeat;
	height:600px;
	background-size:cover;
}



#adspecial_arcserve_201908.adspecial_type1 h1 span{
display:block;
text-align:center;
font-weight:bold;
}


#adspecial_arcserve_201908.adspecial_type1 h1 span.sub{
color:#6459e3;
font-size:130%;
padding:4% 3% 0;
}

#adspecial_arcserve_201908.adspecial_type1 h1 span.main{
color:#16997a;
font-size:180%;
padding:1% 3% 0;
}


#adspecial_arcserve_201908.adspecial_type1 h1 span.usecase{
background-color:#f7e71d;
color:#151515;
font-size:130%;
margin:3% auto;
padding:3%;
width:80%;
border-radius:5px;
}


ul.navigation{
display:flex;
padding:10% 4% 0;
}

ul.navigation li img{
margin:0 auto;
display:block;
max-width:150px;
}


#adspecial_arcserve_201908.adspecial_type1 h3{
padding-top:3%;
font-size:180%;
z-index:1;
}


.case_ttl span{
display:block;
position:absolute;
top:-100px;
left:42%;
}


.case_ttl span img{
max-width:100px;
}


.pagetop a{
width:50%;
}


/*wp*/



#adspecial_arcserve_201908.adspecial_type1 h4.adspecial {
background-color:#333;
color:#fff;
margin:0;
padding:30px 15px;
text-align:center;
font-size:200%;
font-weight:normal;
border-bottom:10px solid #a0a0a0;
}



.info_wp{
width:100%;
flex-wrap:wrap;
}

.info_wp .box_wp{
width:100%;
border-right:none;
border-bottom:1px solid #fff;
}




}





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



/*#adspecial_arcserve_201908.adspecial_type1 h3:before,
#adspecial_arcserve_201908.adspecial_type1 h3:after
{
display:none;
}*/

#adspecial_arcserve_201908.adspecial_type1 h3{
font-size:140%;
}

.case_ttl{
margin:20% auto 25px;
text-align:center;
padding:2% 2% 1%;
position:relative;
font-size:160%;
line-height:1.3 !important;
}

.case_ttl span{
display:block;
position:absolute;
top:-100px;
left:35%;
animation: icon_point 2.0s linear 0s infinite;
}



}

/*#ff0000*/


/* 1column adjust CSS 　以下flat版のみ追記
-----------------------------------------------*/
.adspecial_type1 .frame_col_left{
position:static;
width:970px;
float: none;
}

.adspecial_type1 .frame_col_left_container{
float: none;
position:static;
}

.adspecial_type1 .bottomwp{
	margin: 0 auto;
	text-align: center;
}

#adspecial_arcserve_201908.adspecial_type1 h2.adspecial{
	width: auto;
}

.adspecial_type1 .frame_col_left_inner {
	padding: 0;
}

#adspecial_arcserve_201908.adspecial_type1 .article_body ul {
	margin:10px 25px;
}