/* Copyright entraon.com */
@charset "utf-8";


@media all  and (max-width:780px) { 

.entra-company-intro .intro-pic {border-radius:20px;}


.entra-company-intro .intro-text .text-main {font-size:1.4em;line-height:1.4;font-weight:600;}
.entra-company-intro .intro-text .text-exp {font-size:1.1em;}



.entra-company-intro .intro-mark {gap:4%;}
.entra-company-intro .intro-mark > li .exp  {font-size:1em;line-height:1.2;}

}


@media all  and (max-width:388px) { 

.entra-company-intro .intro-mark {flex-wrap:wrap;gap:29px;}
.entra-company-intro .intro-mark > li   {width:100%;}

}




@media all  and (max-width:780px) { 

.entra-halfpic-intro {border-radius:20px;display:block;}
.entra-halfpic-intro .intro-img {display:block;width:100%;padding-top:30%;background-position:center center;background-size:cover;}
.entra-halfpic-intro .intro-txt {width:100%;padding:40px 20px;text-align:center;}
.entra-halfpic-intro .intro-txt .txt-main {font-size:1.2em;margin:10px 0;}
.entra-halfpic-intro .intro-txt .entra-imgwrap > img {width:39px;}

}





@media all  and (max-width:780px) { 

.entra-history-tree {padding:50px 0;}

.entra-history-tree > ul > li:before {top:0;}


.entra-history-tree > ul > li .label  {font-size:1.3em;}
.entra-history-tree > ul > li .label > strong  {font-size:1.5em;}

.entra-history-tree .exp {font-size:1.0em;margin-top:26px;line-height:1.2;}
.entra-history-tree .exp:before {top:5px;}
.entra-history-tree > ul > li:nth-child(odd) .exp:before {left:-12px;}
.entra-history-tree > ul > li:nth-child(even) .exp:before  {left:-12px;}


.entra-history-tree > ul > li:nth-child(even)  {padding-right:calc(50% + 26px);}
.entra-history-tree > ul > li:nth-child(odd)  {padding-left:calc(50% + 26px);}


}








@media all  and (max-width:780px) { 

.entra-contact-map .contact-info {position:relative;left:auto;top:auto;transform:none;}

.entra-contact-map .tel {font-size:1.8em;}
.entra-contact-map .tel:before {left:-50px;top:-6px;}

}






@media all  and (max-width:600px) { 

.entra-sub-tab {margin:0 -20px;margin-bottom:40px;}
.entra-sub-tab > ul > li > a {font-size:1em;padding:12px;}


.entra-subtitle1 {font-size:1.8em;margin-bottom:30px;}
.entra-subtitle1:before {width:28px;height:28px;}

.entra-subtitle2 {font-size:1.1em;line-height:1.2;margin-bottom:20px;}
.entra-subtitle2 > em {margin-bottom:10px;}


}






@media all  and (max-width:1200px) { 

.entra-halfpic-content {align-items:flex-start;}
.entra-halfpic-content .content {padding-top:0;padding-bottom:39px;}

.entra-halfpic-content div.entra-imgwrap {width:30%;}
.entra-halfpic-content .entra-imgwrap {width:30%;}
.entra-halfpic-content .content {width:70%;}

}



@media all  and (max-width:700px) { 

.entra-halfpic-content {flex-wrap:wrap;margin-bottom:55px;gap:18px;}
.entra-halfpic-content .content {padding-top:0;padding-bottom:0;order:-1;}

.entra-halfpic-content div.entra-imgwrap {width:100%;order:2;}
.entra-halfpic-content .entra-imgwrap {width:100%;order:2;}
.entra-halfpic-content .content {width:100%;font-size:1.0em;line-height:1.5;padding-right:0 !important;padding-left:0 !important;}

}




@media all  and (max-width:800px) { 

.entra-grid-trend {gap:20px;}
.entra-grid-trend .item {width:calc(33.33% - 17px);}
.entra-grid-trend .item .txtwrap {padding:20px;font-size:1.0em;}

}


@media all  and (max-width:540px) { 

.entra-grid-trend .item {width:100%;border:1px solid #ccc;}

}





@media all  and (max-width:750px) { 

.entra-content-table1 {overflow:hidden;overflow-x:auto;}
.entra-content-table1 > table {table-layout:auto;}
.entra-content-table1 > table th {padding:10px;font-size:0.9em;}
.entra-content-table1 > table td {padding:10px;font-size:0.9em;}

}


@media all  and (max-width:450px) { 

.entra-content-table1 {margin-left:-20px;margin-right:-20px;}

}








@media all  and (max-width:740px) { 
.entra-dl-wrap {flex-wrap:wrap;gap:0 0;}
}


@media all  and (max-width:500px) { 
.entra-dl-title {font-size:1.5em;}
.entra-dl-content {font-size:1.05em;:}
}






@media all  and (max-width:850px) { 
.entra-grid-folder {gap:20px;}
.entra-grid-folder .item {width:calc(33% - 10px);max-width:none;padding-top:10%;padding-left:20px;padding-right:20px;font-size:1.2em;}
}

@media all  and (max-width:600px) { 
.entra-grid-folder {gap:40px;flex-wrap:wrap;}
.entra-grid-folder .item {width:100%;}
}


@media all  and (max-width:330px) { 
.entra-grid-folder .item {font-size:1em;}
}





@media all  and (max-width:590px) { 
.entra-grid-material {gap:20px;}
.entra-grid-material .item {width:calc(50% - 10px);border:15px solid #00a69f;font-size:1em;}

}



@media all  and (max-width:450px) { 
.entra-grid-material .item {width:100%;padding:6% 10%;}

}




@media all  and (max-width:620px) { 
.entra-grid-video{flex-wrap:wrap;}
.entra-grid-video .item {width:100%;}
.entra-grid-video .item .caption {font-size:1.2em;}
}



@media all  and (max-width:1280px) { 
.entra-grid-book > * {flex-grow:1;}
.entra-grid-book .expwrap {width:100%;flex-grow:0;padding:20px;}
}


@media all  and (max-width:360px) { 
.entra-grid-book .expwrap {font-size:1em;}
}




@media all  and (max-width:480px) { 
.entra-exam-exp {font-size:1.1em;}

.entra-exam-exp .btn {font-size:1.2em;}
}





@media all  and (max-width:980px) { 
.entra-grid-digital {gap:10px;}
.entra-grid-digital .item {font-size:1.0em;}
.entra-grid-digital .item .title {font-size:1.5em;}
.entra-grid-digital .item .title2 {font-size:1.2em;margin-bottom:10px;}
}



@media all  and (max-width:620px) { 
.entra-grid-digital {flex-wrap:wrap}
.entra-grid-digital .item {width:calc(50% - 5px);padding:29px 10px;}
}

@media all  and (max-width:330px) { 
.entra-grid-digital .item {width:100%;padding:29px;}
}



@media all  and (max-width:410px) { 
.entra-content-btn .btn {font-size:1.2em;}
}



@media all  and (max-width:800px) { 
.entra-content-table2 {overflow:hidden;overflow-x:auto;}
.entra-content-table2 > table {table-layout:auto;}
.entra-content-table2 > table th {font-size:1em;}
.entra-content-table2 > table td {font-size:1em;}
}



@media all  and (max-width:800px) { 
.entra-schdule-label-exp {margin:29px 0;padding:29px;border-radius:20px;font-size:1em;}
.entra-schdule-label-exp .item {width:30%;font-size:0.9em;}
}






@media all  and (max-width:700px) { 
.entra-box-exp {border-radius:10px;padding:15px 20;}
div.entra-box-exp {padding:20px 20px;}
}




@media all  and (max-width:700px) { 
.entra-box-exp2 {padding:20px;flex-wrap:wrap;font-sizE:1em;justify-content:center;gap:20px;text-align:center;}
.entra-box-exp2 .entra-imgwrap {max-width:60px;}
}

