/* 縺疲肩諡ｶ(繝壹�繧ｸ) */

.page_greeting{
margin-top:1rem;
padding-left:1rem;
}
.page_greeting_in{

}
.page_greeting_top img{
width:100%;
}
.page_greeting_bottom{
padding:1rem 1rem 1.5rem;
background:url(./../images/greeting/bg_greeting.jpg) no-repeat top center #CDD7E0;
background-size:100% auto;
line-height:1.4;
}
.page_greeting_bottom p{
margin-top:1em;
}
.page_greeting_bottom p:first-child{
margin-top:0;
}
.page_greeting_bottom_split img{
float:right;
width:230px;
margin-left:1em;
}
.page_greeting_banners{
display:flex;
justify-content:space-around;
justify-content:space-evenly;
}
.page_greeting_banners a{
margin-right:0.25rem;
}
.page_greeting_banners a:last-child{
margin-left:0.25rem;
}



@media screen and (max-width: 767px) {
  .page_greeting{
  padding: 0 0.5rem;
  }
  .page_greeting_bottom_split img{
  float:inherit;
  display:block;
  margin:0 auto 1rem;
  width:350px;
  max-width:100%;
  }
}



/* 繝励Ο繝€繧ｯ繝� */

.page_products_policy{
display:flex;
justify-content:space-around;
justify-content:space-evenly;
margin-top:3rem;
}
.page_products_policy dl{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.page_products_policy dl:first-child{
margin-right:0.5rem;
}
.page_products_policy dl:last-child{
margin-left:0.5rem;
}
.page_products_policy dl dt{
padding-bottom:0.5rem;
font-size:16px;
font-weight:bold;
}
.page_products_policy dl dd{
padding-top:0.5rem;
border-top:1px solid #0081BD;
line-height:1.4;
}

.page_products_uc > *,
.page_products_bimcim > *,
.page_products_cloud > *,
.page_products_robo > *{
margin-top:1rem;
}
.page_products_uc_in{
display:flex;
align-items:flex-start;
}
.page_products_uc_in p,
.page_products_bimcim_in p,
.page_products_cloud_in p,
.page_products_robo_in p{
flex:1;
line-height:1.4;
}
.page_products_uc_in p{
margin-right:1em;
}

.products_appeal{
display:flex;
}
.products_appeal p:first-child{
width:180px;
}
.products_appeal p:last-child{
flex:1;
margin-left:1em;
line-height:1.4;
}
.products_second_kamban{
margin:1rem auto 3rem;
text-align:center;
}

@media screen and (max-width: 767px) {
  .page_products_policy{
  flex-direction:column;
  }
  .page_products_policy dl{
  margin-bottom:3rem;
  padding:0 0.5rem
  }
  .page_products_policy dl:first-child{
  margin-right:0;
  }
  .page_products_policy dl:last-child{
  margin-left:0;
  }
  .page_products_policy dl:last-child{
  margin-bottom:0;
  }
  .page_products_uc_in{
  flex-direction:column;
  }
  .page_products_uc_in > *{
  margin-top:1rem;
  }
  .page_products_uc_in > *:first-child{
  margin-top:0;
  }
  .page_products_uc_in > p{
  margin-right:0;
  }
  .page_products_uc_in > img{
  display:flex;
  margin:1rem auto 0;
  }

  .products_second_kamban{
  margin:3rem auto;
  }
}

/* 繧､繝｡繝ｼ繧ｸ繝ｪ繧ｹ繝� */

.common_image_list{
margin-top:1rem;
}
.common_image_list > ul{
display:flex;
flex-direction:row;
margin-top:5px;
}
.common_image_list > ul > li{
width:calc((100% - 15px) / 4);
height:calc(841px / 6);
margin-right:5px;
}
.common_image_list > ul > li:last-child{
margin-right:0;
}

.common_image_list > ul > li.list_title,
.common_image_list > ul > li.list_blank{
box-sizing:border-box;
background:#fafafa;
}
.common_image_list > ul > li > *{
display:flex;
justify-content:center;
align-items:center;
height:inherit;
}
.common_image_list > ul > li > a{
position:relative;
}

.common_image_list > ul > li.list_title a,
.common_image_list > ul > li.list_blank span{
box-sizing:border-box;
padding:0.5em;
line-height:1.4;
color:#333333;
font-size:12px;
}
.common_image_list > ul > li.list_title a:hover{
text-decoration:none;
background:#eaeaea;
}

.common_image_list > ul > li > a:after{
content:url("./../images/icons/icon_next.svg");
position:absolute;
width:16px;
height:16px;
padding:1px;
right:0.5rem;
bottom:0.5rem;
border-radius:50% 50%;
background:rgba(0, 129, 189, 0.75);
}
.common_image_list > ul > li:not(.list_title) > a:after{
content:url("./../images/icons/icon_plus.svg");
position:absolute;
width:16px;
height:16px;
padding:1px;
right:0.5rem;
bottom:0.5rem;
border-radius:50% 50%;
background:rgba(0, 129, 189, 0.75);
}
.common_image_list > ul > li:not(.list_title) img{
object-fit: cover;
font-family: 'object-fit: cover;'; /*IE蟇ｾ遲�*/
width: 100%;
height: 100%;
}

/* 迚ｹ谿翫↑繧�▽ */
.list_title_vrcloud a img:first-child{
width:25%;
}
.list_title_vrcloud a img:last-child{
width:75%;
}