@charset "utf-8";
/* CSS Document */

/*共通*/
/* PC専用表示 */
@media only screen and (max-width:600px){
	.for_pc {
		display: none;
	}
}

/* スマートフォン専用表示 */
@media (min-width: 601px){
	.for_sp {
		display: none;
	}
}

.mt0 {margin-top: 0 !important}
.mt05 {margin-top: 0.5em !important}
.mt1 {margin-top: 1em !important}
.mt15 {margin-top: 1.5em !important}
.mt2 {margin-top: 2em !important}
.mt3 {margin-top: 3em !important}
.pl1 {padding-left: 1em !important}
.pl2 {padding-left: 2em !important}
.mr2 {margin-right: 2em !important}

span.c-superscriptText {font-size: 1em !important; vertical-align: baseline !important}
sup {vertical-align: baseline !important}
.c-table__head th, .c-table__contentBody th {text-align: center; vertical-align: middle !important}

.l-grid--right {justify-content: flex-end}
.no_breaks {display: inline-block}
.c-table__contentBody th {text-align: left !important}
.c-table__contentBody td {text-align: left; vertical-align: middle !important}
.c-table__contentBody .maru {text-align: center !important}

.txt_icon {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	color: #FFF;
    padding: 0 0.5em;
}
.txt_icon.new {background-color: #F00;}
.txt_icon + .txt_icon {margin-left: 6px;}
.txt_icon.new {background-color: #F00;}
.txt_icon + .txt_icon {margin-left: 6px;}
.txt_icon.color01{background-color: #d5c266;}
.txt_icon.color02{background-color: #86bdca;}

.u-label--border {
    font-size: .7em !important;
    line-height: 1.5 !important;
    padding: .5em !important;
}
/*コンセプト*/
.c-mainVisual--lv2 .c-mainVisual__category{font-size: clamp(12px,1.8vw,24px);}
h4 {border-bottom: 1px solid #000}


/*製品ラインアップ*/

.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.iconBox {
	color: #b2b2b2;
	font-weight: 700;
	text-align: center;
	padding: 0.15em 0.8em;
	white-space: nowrap;
	display: inline-block;
	margin-left: 0.5em;
	position: relative;
	top:-0.06em;
	font-size: 14px;
    line-height: 1.5;
    width: 92px;
    vertical-align:middle;
}
.iconBox--q24 {color: #FFF; background-color: #6facb5}

/*適用例*/
.c-list--bullet .app_list {padding-left: 15px; text-indent: -15px; padding-top: 5px; padding-bottom: 5px; margin-left: 15px}
.c-list--bullet .app_list::before {display:inline-block; width:0px; height:0px; margin:0 8px; margin-top:-4px; content:"■" !important; vertical-align: baseline; border-radius:100%; background-color:#000}

/*特長*/
.iconBox--r12 {color: #FFF; background-color: #b7a01a}
/*開発環境*/
.iconBox--q {color: #FFF; background-color: #666666; margin-bottom: 0.1em; margin-top: 0.1em}
/*プリインストール製品*/
.pre_inst {background-color: #265eb6 !important; color: #FFFFFF}
.pre_inst li::before {background: #FFFFFF !important}
.triangle {
    width: 14px;
    height: 16px;
    clip-path: polygon(0 0, 0% 100%, 100% 50%);
    background-color: #000;
    display: inline-block;
    vertical-align: baseline;
}