@charset "UTF-8";


[class^="intr_-"]  .img, 
[class*=" intr_"]  .img{width:217px;flex-shrink: 0;}


ul.normalList.type-inline li {display: inline-block;margin-right: 16px;}

/* service */
.serviceimg{width: 300px;margin: 24px auto;}
#technologyNavi{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 16px;
	margin: 0 auto;
	width: 720px;
	font-size: 1.4rem;
 }
 #technologyNavi li{
 text-align:center;
 }

 #technologyNavi li a{
 display: block;
 width: 220px;
 padding: 8px 16px;
 background:#f0f0f0;
 color:#313030;
 text-decoration:none;
 transition: all 0.5s ease;
 }
 #technologyNavi li  a.active{
 background:#313030;
 color:#f0f0f0;
 }

/* tab */
.technologyTabs{margin-top: 32px;}
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.tab-content section{padding: 0 16px;}
.tab-content section + section{
	margin-top: 24px;
}

.subtitle{
	font-size: 92%;
	border: 1px solid #bcbcbc;
	padding: 2px 8px; 
margin-bottom: 16px;}

span.techDetail {
	display: block;
	padding:10px;
	/* margin:2px 0; */
	background: #f0f0f0;
	line-height: 1.3;
	font-size: 1.2rem;
 }
 
 span.techDetail + .techDetail{margin-top: 4px;}
.technologyTabs .col-3item .normalList li + li{margin-top:16px;}



/* stance */
.col-2.stance .txt{width: calc(55% - 32px);}
.col-2.stance .img{width: 45%;}

/* team */
.teamimg{width: 460px;margin: 24px auto;}







 
/************
 sp
 ************/

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

	[class^="intr_-"]  .img img, 
	[class*=" intr_"]  .img img{width:100%}

	.col-2.stance .txt,.col-2.stance .img{width: 100%;}
	.teamimg{width: 100%;margin: 6vw auto;}
	.serviceimg{width: 74%;margin: 6vw auto;}

	#technologyNavi {
    gap: 16px;
    margin: 0 auto;
    width: 100%;
}
#technologyNavi li{
	width: 45%;
}
#technologyNavi li.w100{
	width: calc(90% + 16px);
}
#technologyNavi li a {
	display: grid;
  place-content: center;
  place-items: center;
	width: 100%;
	height: 100%;
	padding: 8px 16px;

}
.tab-content section {
	padding: 0;
}

 }