Table strong { background:#ff800f; padding: 1px 6px; color:#fff; font-weight: normal;}

blockquote { margin-top: 5vh; padding:3%; }
blockquote h6 { position: relative; padding-left: 1.9em; margin-bottom: 15px;}
blockquote h6:before { content:'¡Ø'; position: absolute; left: 0.4em; font-size:1.2em; color:#d00; font-weight: 400;}
blockquote ul { list-style: disc; padding-left: 2em;}
blockquote ul li { padding: 5px 0;}

.BulLeft { padding-left: 1.3em; }
.BulLeft:before { width:0.6em; height:0.6em; background:#ddd; border-radius: 0; }
.BulLeft:after { content:''; position: absolute; top: 0.1em; left:10px; width:0.6em; height:0.6em; background:#2b2e95; border-radius: 0; }

#Content_Tab { display: inline-block; width: 100%; text-align: center; margin-bottom: 3vw;}
#Content_Tab > div{ display: inline-block; float: left; cursor: pointer; width: 100%; min-width: 24.5%; border:1px solid #294080; background:#fff; font-size: clamp(0.8rem, 3.6vw, 1.06rem); color: #294080; line-height: 1.2; padding: 1vh 0; margin-bottom: 5px; margin-right: 0.5%; overflow: hidden; border-radius: 5px;}
#Content_Tab > div:last-child { margin-right: 0;}
#Content_Tab > div.on{ background:#294080; border:1px solid #294080; color: #fff;  }

.Step li dl:before,.Step li h5:before,.Step li dl:after {display:none; }

.sv_sec .tit_box h1,.sv_sec .tit_box h5 { text-shadow: 0px 0px 10px rgb(0 0 0 / 25%);}
.sv_sec .tit_box h5 {letter-spacing: 0.1em; }


.sub_text_box { width: 90%; margin: auto; text-align: center; margin-bottom: 4vw;}
.sub_text_box h1 { color: #333; margin-bottom: 30px; line-height: 1.4;}
.sub_text_box h2 { color: #333; margin-bottom: 30px; line-height: 1.4;}
.sub_text_box h5 { font-weight: 700; color: #2b2e95; margin-bottom: min(5vw, 5vh);}
.sub_text_box p { margin: 0 auto; line-height:2; text-align: center;}
.sub_text_box p small { font-size:0.83em; color:#ff5e39; }

.fixed_bg:before { background:none; }

.diagram_radial li figure img{ border-radius: 50%; box-shadow: 2px 2px 4px 2px rgba(0,0,0,0.3);}

.Vision.Layer.L3.Mg>li { width: 30%; border-right:0; padding: 2vw 0; border: 1px solid #ddd;}
.Vision.Layer figure.icon img{ max-width: 160px; max-height: 160px; }
.Vision h6 { color: #12498a; margin: 10px 0; font-family: 'Montserrat'; font-weight: 600;}

.Step.BulNum > li:before { top:-1px; left:-1px; display: inline-block; left: -1px; top: -1px; border-top: 5rem solid #203473; border-right: 5rem solid transparent; }

.iconLeft dl,.Core dl{ text-align: left;}

.COMP1 .fixed_bg { background-image: url('../img/sub/comp_2_bg.jpg'); }
.COMP1 .Layer>li { text-align: center; }
.COMP1 .Layer.iconLeft li dt { font-size:1.8em; }
.COMP1 .Layer.iconLeft li dd { font-size:1.25em; }
.COMP1 .Layer.Core li dt { font-size:1.3em; }
.COMP1 .Layer.Core li dd { font-size:1em; }
.COMP1 .Layer.Core li h4 { margin:8px 0 15px; }
.COMP1 .Recruit h5 { margin-bottom:10px; }
.COMP1 .Recruit li { border:1px solid #ddd; text-align: center;}
.COMP1 .Recruit li h5:before {content: ''; display: block; position: absolute; left: 0; width: 4px; height: 26px; background:#12498a; }
.COMP1 .Recruit li:nth-child(1) { background-image:url('../img/sub/serv_4_1.png'); }
.COMP1 .Recruit li:nth-child(2) { background-image:url('../img/sub/serv_4_2.png');}
.COMP1 .Recruit li:nth-child(3) { background-image:url('../img/sub/serv_4_3.png');}
.COMP1 .Recruit li:nth-child(4) { background-image:url('../img/sub/serv_4_4.png');}
.COMP1 .Recruit li:hover { background: #12498a; color:#fff; transition: .3s; }
.COMP1 .Recruit li:hover h5,.COMP1 .Recruit.Layer.Bg li:hover p { color:#fff; transition: .3s; }

.CEO li { text-align:left !important; }

.COMP2 .fixed_bg { background-image: url('../img/sub/Licence_bg.jpg'); }
#INFO .fixed_bg { background-image: url('../img/sub/Licence_bg.jpg'); }
#CUST .fixed_bg { background-image: url('../img/sub/serv_3_bg.jpg'); }

.Core dt,.Core dd { padding-left: 0;}

.Concept li { border: 1px solid #ddd; padding: 5% 0; text-align: center; }
.Concept li h4 { position: relative; color: #333; font-weight: normal; padding-right: 60px;}
.Concept li h4:before {content: ''; display: block; position: absolute; width: 4px; height: 26px; background:#2b2e95; }
.Concept li h4:after {content: ''; position: absolute; width: 70px; height: 70px; background:url('../img/sub/serv_4_1.png'); background-size: cover; margin-left: 18px;}
.Concept li:nth-child(2) h4:after { background-image:url('../img/sub/serv_4_2.png');}
.Concept li:nth-child(3) h4:after { background-image:url('../img/sub/serv_4_3.png');}
.Concept li:nth-child(4) h4:after { background-image:url('../img/sub/serv_4_4.png');}
.Concept li:hover {background:#12498a; transition: .6s;}
.Concept li:hover h4,.Concept li:hover p {color:#fff;}


.COMP4 .fixed_bg { background-image: url('../img/sub/comp_4_bg.jpg'); }

.SERV1 .fixed_bg {background-image: url('../img/sub/serv_1_bg.jpg'); }
.SERV2 .fixed_bg {background-image: url('../img/sub/serv_3_bg.jpg'); }
.PROD1 .fixed_bg {background-image: url('../img/sub/prod_1_bg.jpg'); }
.PROD2 .fixed_bg {background-image: url('../img/sub/prod_2_bg.jpg'); }
.PROD3 .fixed_bg {background-image: url('../img/sub/prod_3_bg.jpg'); }
.PROD4 .fixed_bg {background-image: url('../img/sub/prod_4_bg.jpg'); }

.PROD1 .BArea { display: flex; text-align:left; line-height: 28px; padding:13px 0; border-bottom: 1px solid #ddd; }
.PROD1 .BArea dt { padding-right: 4vw }
.PROD1 .BTitle { position: absolute; width: 100%; bottom: 50px; background: rgba(25,25,25,0.5); line-height:64px; padding: 20px 0; color:#fff; font-size:32px; text-align:center; }
.PROD1 .BTitle p { font-size: 18px; color:#f2f2f2; padding-bottom:7px;}
.PROD1 .BList { display:inline-block; width:25%; vertical-align:middle; font-size:16px;  text-align:left; font-weight:500; color: #444;}
.PROD1 .BData { display:inline-block; padding-left: 5px; vertical-align: middle; color: #666; font-size: 15px;}
.PROD1 .btnPrimary { position: absolute; margin: 0; bottom: 0; right: 0; width: 100%; line-height: 50px; background:#2c3c60;color:#ffffff; font-size:18px;cursor:pointer;	border-radius:0px; border: none;text-align:center; }

.PROD2 .Layer li { border:1px solid #ddd; margin-left:-1px; margin-top:-1px;  text-align:center; padding:3% 2%;}
.PROD2 .Layer li figure img { max-width:100px; }

.PROD3 { background-color: #eee; }
.PROD3 .Layer>li { background-color:#fff; text-align: left; }
.PROD3 dl,.PROD1 #CONT2 dl { padding:1.5vw; }
.PROD3 dl h5 { padding-bottom:1vw; }
.PROD3 dl span { color:#666 }

.Layer.Step li { border:0; }
.Layer.Step > li:before { display:none; }
.Layer.Step .Layer>li h5 { line-height: 1.2; font-weight:500; }
.Layer.Step .Layer>li h6 { position:relative; text-align:center; color:#002b4c; line-height: 1.6; font-size: clamp(1.03rem, 2vw, 1.25rem);}


.PROD1 #CONT1 .Layer>li { border:1px solid #ddd; margin-left:-1px; margin-top:-1px; text-align: center; }
.PROD1 #CONT2 .Layer>li { border:1px solid #ddd; }
.PROD1 .Layer>li h4 { padding-bottom:10px;}
#Prod .LR37 { display: flex; text-align:left; line-height: 28px; padding:13px 0; border-bottom: 1px solid #ddd; }
#Prod dt { padding-right: 4vw; font-size: 1.1rem; }
#Prod h3 { font-weight: 400;}
#Prod>li>.Layer h3 { color: #d34; }

.span_box{background: #22b5c3; margin-top: 2vh; line-height: 2.86; text-align: center;}
.span_box span{ color: #fff;font-size: 1.8rem; font-weight: 700;display: inline-block; margin: 0 4.5px;}
.span_box .plus{ color: #5edeea;}

blockquote.block { display:block; position:relative; padding:20px; background: repeating-linear-gradient(-45deg, #e8e8e8 , #e8e8e8 1px, #fff 2px, #fff 5px); border:1px solid #ededed;	}
section blockquote:last-child,  section .block {margin:0 0 0 0;} 
.process { overflow: hidden;counter-reset:li_depth01;padding:15px 0; } 
.process > li{ display:block;position:relative;counter-increment: li_depth01;line-height:16px;vertical-align:middle; border-top:1px solid #ddd;padding: 14px 0 10px 34px;line-height: 24px; font-size: 1.2em; color: #333;} 
.process > li * { vertical-align:middle;line-height:1.6;}
.process > li:before{ display:inline-block; position:absolute; left:0; top:12px; height:26px; min-width:26px; content: counter(li_depth01, decimal); background-color:#ff8e50; border-radius: 16px; padding: 0 0; vertical-align:middle; text-align:center; line-height:28px; color: #fff; font-size: 15px; } 
.process > li:first-child { border-top:0;}
.process > li:nth-child(2n+2)::before{ background-color:#47c5b0; }
.process > li:nth-child(3n+3)::before{ background-color:#6583e1; }
.process > li:nth-child(4n+4)::before{ background-color:#ff8e50; }
.process li em { display:inline-block;height:16px;width:16px;background:#4a1fac;padding:0 0;border-radius:16px;text-align:center;line-height:16px;vertical-align:middle;color:#fff;}
.process li em.no4 { background-color:#1cacd8; }
.process dd {color:#777; margin:5px 10px; text-indent: -8px; font-weight: normal; font-size: 0.9em;}
.process p {color:#777; margin:5px 0px; font-weight: normal; font-size: 0.9em;}
.block dl, .block > p, .block > div, .block > ul, .block > ol { display: block; background-color: #fff; border: 1px solid #ededed; padding: 0px 20px; vertical-align: middle; letter-spacing: -1px; line-height: 150%; word-break: normal;}

.process_n1 ul { background-image:none;}


#INFO h4{ border-bottom: 1px dashed #ccc; padding-bottom:15px; margin-bottom: 30px; }
#INFO blockquote h4 { padding-top:60px; }
#INFO blockquote h4:first-of-type { padding-top:20px; }
#INFO h5{ margin-bottom:25px;position:relative;background:#ecedf0;color:#222;}
#INFO h6{ padding:30px 0 10px; color:#333;}
#INFO div h6:first-of-type { padding-top:0; }

#INFO .Num { margin-top:15px; }
#INFO .Num li:before  { color:#d8b08a; }
#INFO .Num.circle li:before  { color:#555; }


@media (max-width:768px){/********** iPad **********/
.COMP1 .Layer li { width:100%; }
.sv_sec { background-position: left 35% center; }
#section5>ul>li>ul { flex-direction: revert; }
}



@media (max-width:540px){/********** iPad **********/
#PROD.PROD2 .Layer li,#PROD.PROD3 .Layer li { width:100%; }
.Concept li h4:after { position: relative; display: block; left: 50%;}
}