#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: 970px;
}
.adspecial_type1 .frame_header {
  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;
}
.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;
}







#adspecial_ms_vm_202110 {
  margin-left: 0;
  padding: 0;
}
#adspecial_ms_vm_202110.adspecial_type1 .frame_col_left_container {
  background: #f0f0f0;
}
#adspecial_ms_vm_202110.adspecial_type1 .frame_col_right_container {
  background: #ffffff;
}


footer{
margin-top:0;
}


/*ヘッダー横幅100% layout*/


#adspecial_ms_vm_202110.adspecial_type1{
width:100% !important;
max-width:100% !important;
}


#adspecial_ms_vm_202110.adspecial_type1 .frame_col_left{
width:100%;
}


#adspecial_ms_vm_202110.adspecial_type1 .frame_col_left_container{
width:100%;
}




/*本文＆画像余白調整*/


#adspecial_ms_vm_202110.adspecial_type1 #block_story p{
margin:2%;
}


#adspecial_ms_vm_202110.adspecial_type1 .article-contents{/*横幅100％の場合*/
max-width:1000px;
margin:0 auto;
}




#adspecial_ms_vm_202110.adspecial_type1 .article-contents .left{
margin:0 15px 0 3%;
}

#adspecial_ms_vm_202110.adspecial_type1 .article-contents .right{
margin:0 3% 0 15px;
}


#adspecial_ms_vm_202110.adspecial_type1 .article-contents .center{
margin:0;
}



#adspecial_ms_vm_202110.adspecial_type1 .img-xl{
max-width:240px;
}

#adspecial_ms_vm_202110.adspecial_type1 .img-xxxl{
max-width:***px;
}


table{
width:85%;
margin:0 auto;
font-size:14px;
}




#adspecial_ms_vm_202110.adspecial_type1 .frame_header{
background-color: #7bae0c;
background-image: url(/extra/ms_vm_202110/media/ps-neutral.png);
height:380px;
padding:4% 7% 6%;
position:relative;
}

#adspecial_ms_vm_202110.adspecial_type1 .frame_header img{
position:absolute;
bottom:10px;
right:0;
max-width:100%;
animation: fade-top 0.5s linear 0.8s forwards;
opacity:0;
}



#adspecial_ms_vm_202110.adspecial_type1 .sub-title{
display: inline-block;
margin:0 0 25px 0;
padding:3px 10px;
font-size:1rem;
color:#fff;
text-align:center;
position:relative;
z-index:1;
background:rgba(0,0,0,0.4);
border-radius:5px;
animation: line-x 0.5s linear 0.3s forwards;
opacity:0;
}

#adspecial_ms_vm_202110.adspecial_type1 .sub-title span{
font-size:100%;
animation: line-x 0.5s linear 0.8s forwards;
opacity:0;
}



#adspecial_ms_vm_202110.adspecial_type1 h1{
font-size:180%;
line-height:1.5;
color:#fff;
font-weight:normal;
position:relative;
}

#adspecial_ms_vm_202110.adspecial_type1 h1 span{
padding:0 0 8px 0;
font-size:120%;
font-weight:bold;
position:relative;
border-bottom:4px dashed #50E6FF;
}



@keyframes fade-top{
  0% {
    transform: translateY(-100px);
    opacity: 0;
  }
  50% {
    transform: translateY(0);
  }
  70% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
  30%,100% {
    opacity: 1;
  }
}
  




@keyframes line-x{
0%{
opacity:0;
transform:scale(0,1);
}
100%{
opacity:1;
transform:scale(1,1);
}

}










#adspecial_ms_vm_202110.adspecial_type1 .lead_block{
margin:-35px auto 45px;
padding:30px;
background-color:#fff;
font-size:16px;
border-radius:5px;
box-shadow:0 0 20px #e5e5e5;
}


#adspecial_ms_vm_202110.adspecial_type1 .article-contents .article-block{
background:rgba(255,255,255,0.9);
margin:10% 0 45px;
padding:90px 30px 30px;
box-shadow:0 0 10px #eee;
border-radius:5px;
box-shadow:0 0 20px #e5e5e5;
position:relative;
}


#adspecial_ms_vm_202110.adspecial_type1 h2{
font-size:140%;
padding:15px 0 0 0;
color:#fff;
text-align:left;
line-height:1.4;
position:absolute;
top:-50px;
left:-10px;
font-weight:normal;
z-index:100;
}


#adspecial_ms_vm_202110.adspecial_type1 h2.slide:before{
content:"";
position:absolute;
top:0;
left:-40px;
/*background: linear-gradient(90deg, rgba(0,116,240,0.95) 20%, rgba(127,203,48,0.65) 100%);*/
background: linear-gradient(90deg, #7bae0c 20%, rgb(0 185 240 / 65%) 100%);
box-shadow:0 0 15px #ccc;
width:0;
height:100px;
z-index:-1;
animation: line 0.3s linear 0.1s forwards;
}

#adspecial_ms_vm_202110.adspecial_type1 h2.long:before{
height:130px;
}


#adspecial_ms_vm_202110.adspecial_type1 h2:after{
content:"";
position:absolute;
top:-15px;
left:-25px;
width:2px;
height:80px;
background-color:#fff;
box-shadow:0 0 15px #ccc;
}


@keyframes line{
0%{
width:0;
}
100%{
width:650px;
}
}




#adspecial_ms_vm_202110.adspecial_type1 .article_body ul{
margin:0 auto 25px !important;
padding:0 30px 10px !important;
list-style:none;
width:90%;
}

#adspecial_ms_vm_202110.adspecial_type1 .article_body ul li{
font-size:16px;
position:relative;
font-weight:bold;
}



#adspecial_ms_vm_202110.adspecial_type1 .article_body ul li:before{
content:"";
position:absolute;
top:10px;
left:-60px;
width:50px;
height:4px;
background-color:#7fba00;
}


#adspecial_ms_vm_202110.adspecial_type1 .info_link{
background-color:#f0f0f0;
margin:35px auto !important;
font-weight:bold;
padding:30px;
width:80%;
position:relative;
}

#adspecial_ms_vm_202110.adspecial_type1 .info_link a{
display:block;
margin-bottom:5px;
}

#adspecial_ms_vm_202110.adspecial_type1 .info_link span{
position:absolute;
top:-20px;
left:0;
width:20%;
height:35px;
padding-top:5px;
background-color:#237fe0;
color:#fff;
font-weight:normal;
text-align:center;
}

#adspecial_ms_vm_202110.adspecial_type1 table{
margin-bottom:45px !important;
width:70%;
}

#adspecial_ms_vm_202110.adspecial_type1 table th{
background-color:#00aaf7 !important;
color:#fff;
}






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

#adspecial_ms_vm_202110.adspecial_type1 .frame_header{
padding:4% 5%;
}

#adspecial_ms_vm_202110.adspecial_type1 .frame_header img{
position:absolute;
bottom:30px;
right:0;
max-width:50% !important;
}


#adspecial_ms_vm_202110.adspecial_type1 h1{
font-size:150%;
}

}




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

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


#adspecial_ms_vm_202110.adspecial_type1 .frame_header .sub-title{
width:100%;
font-size:100%;
}

#adspecial_ms_vm_202110.adspecial_type1 .frame_header{
height:350px;
padding:5% 3%;
}

#adspecial_ms_vm_202110.adspecial_type1 .frame_header img{
position:absolute;
bottom:25px;
right:0;
max-width:50% !important;
display:block;
}



#adspecial_ms_vm_202110.adspecial_type1 h1{
font-size:130%;
}


#adspecial_ms_vm_202110.adspecial_type1 h2{
font-size:120%;
padding:20px 0 0 35px;
}


}


@media screen and (max-width: 640px) {
#adspecial_ms_vm_202110.adspecial_type1 .frame_header .sub-title{
font-size:.85rem;
}
#adspecial_ms_vm_202110.adspecial_type1 h1{
font-size:100%;
}
#adspecial_ms_vm_202110.adspecial_type1 h1 span {border:none;}

#adspecial_ms_vm_202110.adspecial_type1 .frame_header img{
right:25px;
bottom: 10px;
max-width: 250px !important;
}

#adspecial_ms_vm_202110.adspecial_type1 .lead_block{
padding:15px;
margin-top: 0;
}

#adspecial_ms_vm_202110.adspecial_type1 .article-contents .article-block{
padding:40px 0;
    margin: 10% 0 45px;
}

#adspecial_ms_vm_202110.adspecial_type1 h2{
font-size:100%;
padding:15px;
font-feature-settings: "palt";
left: 0;
}
#adspecial_ms_vm_202110.adspecial_type1 h2.slide br {display: none;}
#adspecial_ms_vm_202110.adspecial_type1 h2.slide:before {
  height: 100%;
  width: 100%;
  left: 0;
}

#adspecial_ms_vm_202110.adspecial_type1 .article_body ul {
    padding: 0 10px 10px !important;
}


#adspecial_ms_vm_202110.adspecial_type1 table{
margin-bottom:45px !important;
width:100%;
}


#adspecial_ms_vm_202110.adspecial_type1 p.info_link{
width:100%;
margin: 0;
}

#adspecial_ms_vm_202110.adspecial_type1 .info_link span{
width:120px;
}

}