/* visual */
#visual .text-box h2 em{ --before: 5px; }

@media screen and (max-width: 600px){
	#visual .text-box h2 em{ --before: 0; }
}


/* shadow-box */
@media screen and (max-width: 900px){
	.shadow-box .item{ padding: 25px; }
}


/* infinite-box */
.infinite-box .dl dl dt{ padding: 0 10px; }


/* plus-ins */
.plus-ins .side p{ flex-direction: column; align-items: flex-start; }
.plus-ins .side p span{ margin-left: 0; margin-top: 10px; }


/* Product - E-GENE™ No-Code Platform */
#platform .step-box .radius-list li{ border-radius: 100px; }

#platform .workflow .circle::before{ background-image: url("/img/sub/product/en_platform_workflow.svg"); }

#platform .step02 .diagram .item01{ display: flex; flex-direction: column; }
#platform .step02 .diagram .item01 .grid{ flex: 1 0 auto; display: flex; flex-direction: column; justify-content: center; }
#platform .step02 .diagram .item01 .grid > div{ max-width: 500px; display: flex; flex-wrap: wrap; justify-content: center; margin-left: auto; margin-right: auto; }

#platform .step03 .step-box .flex figure{ width: 170px; }
#platform .step03 .step-box .flex .txt{ max-width: calc(100% - 170px); }


/* Product - E-GENE™ ITSM */
#itsm .solution .check-title{ margin-bottom: 30px; }

@media screen and (max-width: 1000px){
	#itsm .sub-title br{ display: none; }
}


/* Product - E-GENE™ PPMS */
#ppms .it .diagram .item{ display: flex; flex-direction: column; }
#ppms .it .diagram .border{ flex: 1 0 auto; }

#ppms .it .diagram .grid span{ font-size: 16px; padding: 12px; }
#ppms .it .diagram .grid .tit span{ min-height: calc(3.9em + 24px); padding: 12px; }
#ppms .it .diagram .grid .line span{ min-height: calc(3.9em + 24px); padding: 12px; }


/* Product - E-GENE™ ITAM */
@media screen and (max-width: 850px){
	#itam .sub-title br{ display: none; }
	#itam .sub-title h4 em{ display: block; }
}


/* Service - Consulting */
#consulting .itgc .top ul li{ text-align: center; }

@media screen and (max-width: 1280px){
	#consulting .itgc .top .circle .arrow{ height: calc(100% + var(--bottomMt)); }
}

@media screen and (max-width: 900px){
	#consulting .itgc .bottom .block p br{ display: none; }
}


/* Service - Bootcamp Education Service */
@media screen and (max-width: 1280px){
	#bootcamp .diagram dl{ padding: 50px 30px 30px; }
}

@media screen and (max-width: 600px){
	#bootcamp .grid{ grid-template-columns: repeat(1, 1fr); }
}


/* Service - EXIN Education Service */
@media screen and (max-width: 1200px){
	#exin .sec-box .sec01 ul li p br{ display: none; }  
}

@media screen and (max-width: 700px){
	#exin .sec-box .sec01 ul li p br{ display: block; }  
}


/* Company - Overview */
@media screen and (max-width: 750px){
	#overview .page-title br{ display: none; }
}

@media screen and (max-width: 650px){
	#overview .info .grid-box{ grid-template-columns: repeat(1, 1fr); }
	#overview .info .half, 
	#overview .info .block{ grid-column: unset; }
}

/* Company - Directions */
#location .grid-box .item02 ul li{ flex-direction: column; justify-content: center; }
#location .grid-box .item02 ul li > *{ max-width: max-content; }
#location .grid-box .item02 ul li strong{ width: 100%; margin-bottom: 5px; white-space: normal; }
#location .grid-box .item02 ul li p{ width: 100%; margin: 0; }


/* Company - Recruiting */
#recruit .diagram .dl-box dl dd p{ min-height: 3.2em; }

@media screen and (max-width: 1050px){
	#recruit .diagram .dl-box br{ display: none; }
}