@charset "UTF-8";

.feature {
     width: 100%;
     margin: auto;
 }
.feature img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
     padding-bottom:1rem;
 }
 .pickupbox1 {
     width: 24%;
     margin: 50px auto 0;
     padding-right:1rem;
 }
 .pickupbox2 {
     width: 76%;
     margin: auto .5rem;
     padding:0.4rem;
     min-height:76px;
 }
 .flexbox .pickupbox2 span{padding-top:6px;font-size: 120%;display: block;}
 @media screen and (max-width: 767px) {
.feature img {width: 60%;}
     .flexbox {
         display: block;
     padding-bottom:0px;
     }
     .flexbox .pickupbox1 {
         width: 100%;
         margin: 0 auto;
     padding:0rem;
    text-align: center;
     }
     .flexbox .pickupbox2 {
         width: 100%;
         margin: 0 auto;
     }
 .flexbox .pickupbox2 span{text-align: center;}
 }




/* --------------------------------------------------------------------------------------
	PCオンリー　
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 480px) {
  .pc_only {display: none;}
  .tb_only {display: none;}
  .sp_only {display: block;}
}

@media screen and  (min-width: 481px) and (max-width: 1020px) {
  .pc_only {display: none;}
  .tb_only {display: block;}
  .sp_only {display: none;}
}
	
@media screen and  (min-width: 1021px) {
  .pc_only {display: block;}
  .tb_only {display: none;}
  .sp_only {display: none;}
}

/* --------------------------------------------------------------------------------------
	ダウンロードボタン　
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 767px) {
.hibun_downloadbt {
    min-width: 100%;
}
}
/* --------------------------------------------------------------------------------------
	タグ　
--------------------------------------------------------------------------------------- */
.tag_box {
    display: flex;
    gap: 10px 5px;
    flex-wrap: wrap;
}
.tag_box li {
    padding: 1px 5px;
    color: #ffffff;
    font-size: .8125rem;
    flex: 0 0 auto;
}
.tag_item__endpoint {
    background-color:#e074b2;
}
.tag_item__eps {
    background-color:#5D93DE;
}
.tag_item__dc {
    background-color:#6D5DDE;
}
.tag_item__de {
    background-color:#69a459;
}

.mt0 {
  margin-top: 0 !important; }

.mt3vw {
  margin-top: 3vw !important; }


.mb5vw {
  margin-bottom: 5vw !important; }

.mb7vw {
  margin-bottom: 7vw !important; }

.mb1vw {
  margin-bottom: 1vw !important; }


.pickupbox{
	border: 1px solid #bbb;
	padding: 20px;}

.y_marker{
    background: linear-gradient(transparent 60%,#fbf8b1 0)!important;
    } 

.pickupicon {
	margin: 0px 5px 0px 0px !important;
    width: 15% !important;
	vertical-align: unset !important;
}

@media (min-width: 768px){
.pickupicon {
    margin: 0px 15px 0px 0px !important;
    width: auto !important;
	vertical-align: unset !important;
}
}

.hs-module .hs-module__demo {
    margin: 20.8vw auto 0;
}

@media screen and (min-width: 768px){
.hs-module .hs-module__demo {
    margin: 78px auto 0;
}
}

.hs-l-contents.hs-l-contents--gutters-md {
    padding-right: 5.3333333333vw;
    padding-left: 5.3333333333vw;
}
@media (min-width: 768px){
.hs-l-contents.hs-l-contents--gutters-md {
    padding-right: 0px;
    padding-left: 0px;
}
}	
.hs-l-contents {
    margin-right: auto;
    margin-left: auto;
}
@media (min-width: 768px){
.hs-l-contents.hs-l-contents--max-md {
    max-width: 1100px;
}
}
.hs-l-grid.hs-l-grid--row-gap-md {
    row-gap: 4.2666666667vw;
}
@media (min-width: 768px){
.hs-l-grid.hs-l-grid--row-gap-md {
    row-gap: 16px;
}
}
.hs-l-grid.hs-l-grid--column-gap-md {
    -webkit-column-gap: 4.2666666667vw;
    -moz-column-gap: 4.2666666667vw;
    column-gap: 4.2666666667vw;
}
@media (min-width: 768px){
.hs-l-grid.hs-l-grid--column-gap-md {
    -webkit-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
}
}
.hs-l-grid {
    display: grid;
    grid-template-columns: inherit;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media (min-width: 768px){
.hs-l-grid.hs-l-grid--column-3 {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
}
.hs-c-border-box.hs-c-border-box--border-gray {
    border: 1px solid #bbb;
}
.hs-c-border-box.hs-c-border-box--padding-block-sm {
    padding-top: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
}
@media screen and (min-width: 768px){
.hs-c-border-box.hs-c-border-box--padding-block-sm {
    padding-top: 32px;
    padding-bottom: 32px;
}
}
.hs-c-border-box.hs-c-border-box--padding-inline-sm {
    padding-left: 4.2666666667vw;
    padding-right: 4.2666666667vw;
}
@media screen and (min-width: 768px){
.hs-c-border-box.hs-c-border-box--padding-inline-sm {
    padding-left: 32px;
    padding-right: 32px;
}
}
.hs-c-border-box {
    position: relative;
    height: 100%;
}

.hs-l-stack.hs-l-stack--md {
    gap: 4.2666666667vw;
}

@media (min-width: 768px){
.hs-l-stack.hs-l-stack--md {
    gap: 16px;
}
}

.hs-l-stack {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
/* --------------------------------------------------------------------------------------
	20240404追加　統合エンドポイント管理サービス
--------------------------------------------------------------------------------------- */
.hs-section-block_under {
    display: flex;
	width: 76%;
}
.hs-section-block_under .p-content{
	width: 28%;
	color:#ffffff;
	background-color: #b71249;
	text-align: center;
    margin: 10px auto 5px 0;
    font-size: 1.0rem !important;
	line-height: 1.8em !important;
	}
@media screen and (max-width: 767px) {
 	.hs-section-block_under {
	width: 100%;
}
	.hs-section-block_under .p-content{
		width: 30%;
		font-size:3.6vw !important;
		margin: 30px auto 5px 0;
		
	}
}