@charset 'utf-8';

.engineering .title-img-wrap .title-txt-box{margin:0;padding:0 3rem 7rem 0;}
.engineering  .title-img-wrap{padding:0;}
.engineering  .title-img-wrap .title-img-box{padding:6rem 0;}
.box-list{flex-wrap:wrap;gap:unset;}
.box-list > li{flex:unset;margin:0 1rem 1rem 0;padding:3.3rem 3.4rem;width:calc((100% - 2rem) / 3);}
.box-list > li:last-of-type{margin:0;}
.box-list > li:nth-child(3n){margin:0 0 1rem;}
.box-list > li .box-ico-cate.ico-graph01{background:url(../../_share/img/sj-common/ico-graph01%402x.png) no-repeat center left / 2.4rem;}
.box-list > li .box-ico-cate.ico-graph02{background:url(../../_share/img/sj-common/ico-graph02%402x.png) no-repeat center left / 2.4rem;}
.box-list > li .box-ico-cate.ico-improv{background:url(../../_share/img/sj-common/ico-improv%402x.png) no-repeat center left / 2.4rem;}
.box-list > li .box-ico-cate.ico-inter{background:url(../../_share/img/sj-common/ico-inter%402x.png) no-repeat center left / 2rem;}
.box-list > li .box-ico-cate.ico-capstone{background:url(../../_share/img/sj-common/ico-capstone%402x.png) no-repeat center left / 2.2rem;}
.box-list > li .box-ico-cate.ico-math{background:url(../../_share/img/sj-common/ico-math%402x.png) no-repeat center left / 2.4rem;}
.box-list > li .box-ico-cate.ico-advice{background:url(../../_share/img/sj-common/ico-advice%402x.png) no-repeat center left / 2.7rem;}
.box-list > li .box-ico-cate.ico-major{background:url(../../_share/img/sj-common/ico-major%402x.png) no-repeat center left / 2.1rem;}
.box-list > li .box-ico-cate.ico-soft{background:url(../../_share/img/sj-common/ico-soft%402x.png) no-repeat center left / 2.3rem;}


.bg-img-box.engineering{margin:0 0 4rem;padding:8.8rem 5.4rem;background:url(../img/common/bg-engineering.png) no-repeat center center / cover;}
.bg-box.type01 .desc{margin:0 0 3rem;font-size:1.5rem;font-weight:var(--font-weight-semibold);line-height:2.4rem;}

.org-outer .org-box .org-president-box{position:relative;left:-13.8rem;margin:0 auto 13.1rem;}
.org-outer .org-box .org-president-box::before{content:'';position:absolute;left:50%;bottom:-10.4rem;;width:1px;height:10.4rem;background:var(--color56);transform:translateX(-50%);}
.org-outer .org-box .org-part-wrap{display:flex;margin:-10.2rem 0 0;}
.org-outer .org-box .org-part-box{display:flex;align-items:center;position:relative;width:76%;}
.org-outer .org-box .org-part-box::before{content:'';position:absolute;top:-2.5rem;width:100%;height:1px;background:var(--color56);}
.org-outer .org-box .org-part-box .org-part-con{text-align:center;}
.org-outer .org-box .org-part-box .org-part-con .bottom > ul{display:flex;}
.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li{display:flex;justify-content:center;align-items:center;position:relative;margin:0 1rem 0 0;padding:2rem 3.2rem;width:calc(100% - 1rem / 4);height:10.2rem;background:var(--color68);border:1px solid var(--color76);border-radius:5px;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.6rem;text-align:center;box-sizing:border-box;}
.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li:last-of-type{margin:0;}
.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li::before{content:'';position:absolute;top:-2.5rem;left:50%;width:1px;height:2.5rem;background:var(--color56);transform:translateX(-50%);}
.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li:first-of-type::after{content:'';position:absolute;top:-2.678rem;left:0;z-index:20;width:50%;height:2px;background:#fff;}
.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li:last-of-type::after{content:'';position:absolute;top:-2.678rem;right:0;z-index:20;width:50%;height:2px;background:#fff;}
.org-outer .org-box .org-part-box .org-part-con.left{width:64%;padding:0 5rem 0 0;}
.org-outer .org-box .org-part-box .org-part-con.left .top{position:relative;padding:0 0 14.3rem;}
.org-outer .org-box .org-part-box .org-part-con.left .top::before{content:'';display:block;position:absolute;top:-2.678rem;left:0;width:50%;height:3px;background:#fff;}
.org-outer .org-box .org-part-box .org-part-con.left .top::after{content:'';position:absolute;left:50%;bottom:-3.4rem;width:1px;height:11.8rem;background:var(--color56);transform:translateY(-50%);}
.org-outer .org-box .org-part-box .org-part-con.right{width:26%;}
.org-outer .org-box .org-part-box .org-part-con.right .top{position:relative;padding:0 0 2.4rem;}
.org-outer .org-box .org-part-box .org-part-con.right .top::before{content:'';display:block;position:absolute;top:-2.678rem;right:-5.8rem;width:calc(50% + 57px);height:3px;background:#fff;:}
.org-outer .org-box .org-part-box .org-part-con.right .top > span{width:100%;}
.org-outer .org-box .org-part-box .org-part-con.right .middle{padding:0 0 5.1rem;}
.org-outer .org-box .org-part-box .org-part-con.right .middle span{display:inline-block;position:relative;padding:2rem 2.4rem;width:19.3rem;background:#fff;border:1px solid var(--color04);border-radius:5px;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.4rem;color:var(--color04);box-sizing:border-box;}
.org-outer .org-box .org-part-box .org-part-con.right .middle span::before{content:'';position:absolute;top:-2.5rem;left:50%;width:1px;height:2.5rem;background:var(--color56);transform:translateX(-50%);}
.org-outer .org-box .org-part-box .org-part-con.right .middle span::after{content:'';position:absolute;top:-4.5px;left:50%;z-index:10;width:9px;height:9px;border:2px solid var(--color08);border-radius:50%;background-color:var(--white100);transform:translateX(-50%);box-sizing:border-box;}
.org-outer .org-box .org-part-box .org-part-con.right .bottom > ul > li{width:calc(100% - 1rem / 2);}
.org-outer .org-box .org-part-box .org-part-con .top > span{display:inline-block;position:relative;padding:2.2rem 4rem;background:#fff;border:1px solid var(--color01);border-radius:5px;font-size:2rem;font-weight:var(--font-weight-bold);line-height:3rem;color:var(--color01);text-align:center;box-sizing:border-box;}
.org-outer .org-box .org-part-box .org-part-con .top > span::before{content:'';position:absolute;top:-2.5rem;left:50%;width:1px;height:2.5rem;background:var(--color56);transform:translateX(-50%);}
.org-outer .org-box .org-part-box .org-part-con .top > span::after{content:'';position:absolute;top:-4.5px;left:50%;z-index:10;width:9px;height:9px;border:2px solid var(--color01);border-radius:50%;background-color:var(--white100);transform:translateX(-50%);box-sizing:border-box;}
.org-outer .org-box .org-part-box .org-part-con .bottom{position:relative;}
.org-outer .org-box .org-part-box .org-part-con .bottom::before{content:'';position:absolute;top:-2.5rem;left:50%;width:100%;height:1px;background:var(--color56);transform:translateX(-50%);}
.org-outer .org-box .org-part-side{padding:0 0 0 36%;position:relative;width:24%;text-align:center;}
.org-outer .org-box .org-part-side::before{content:'';position:absolute;top:3.9rem;left:0;z-index:-10;width:98%;height:1px;background:var(--color56);}
.org-outer .org-box .org-part-side .top{padding:0 0 5.1rem;position:relative;z-index:10}
.org-outer .org-box .org-part-side .top::before{content:'';position:absolute;top:70%;left:50%;z-index:-20;width:1px;height:2.8rem;background:var(--color56);transform:translate(-50%,-50%);}
.org-outer .org-box .org-part-side .top::after{content:'';position:absolute;top:3.9rem;right:0;width:2.8rem;height:1px;background:#fff;}
.org-outer .org-box .org-part-side .top span{display:inline-block;position:relative;padding:2.6rem 2rem;min-width:28rem;border:1px solid var(--color90);border-radius:5px;background:#fff;font-size:2rem;font-weight:var(--font-weight-bold);line-height:2.4rem;color:var(--color90);text-align:center;box-sizing:border-box;}
.org-outer .org-box .org-part-side .top span::before{content:'';display:block;position:absolute;top:50%;left:-4.5px;width:9px;height:9px;border:2px solid var(--color90);border-radius:50%;background-color:var(--white100);transform:translateY(-50%);box-sizing:border-box;}
.org-outer .org-box .org-part-side-wrap .org-part-side-box{display:flex;justify-content:flex-end;position:relative;}
.org-outer .org-box .org-part-side-wrap .org-part-side-box::after{content:'';position:absolute;top:3.9rem;left:0;width:40.1%;height:1px;background:#fff;}
.org-outer .org-box .org-part-side .bottom{position:relative;}
.org-outer .org-box .org-part-side .bottom ::before{content:'';position:absolute;top:-2.5rem;left:50%;width:100%;height:1px;background:var(--color56);transform:translateX(-50%);}
.org-outer .org-box .org-part-side .bottom > ul{display:flex;}
.org-outer .org-box .org-part-side .bottom > ul > li{display:flex;justify-content:center;align-items:center;position:relative;margin:0 1rem 0 0;padding:2.4rem 2rem;width:calc(100% - 1rem / 4);height:10.2rem;background:var(--color68);border:1px solid var(--color76);border-radius:5px;font-size:1.8rem;font-weight:var(--font-weight-bold);line-height:2.6rem;text-align:center;box-sizing:border-box;}
.org-outer .org-box .org-part-side .bottom > ul > li:first-of-type::after{content:'';position:absolute;top:-2.678rem;left:0;z-index:20;width:50%;height:2px;background:#fff;}
.org-outer .org-box .org-part-side .bottom > ul > li:last-of-type::after{content:'';position:absolute;top:-2.678rem;right:0;z-index:20;width:50%;height:2px;background:#fff;}
.org-outer .org-box .org-part-side-wrap{margin:-13.1rem 0 0;}
.org-outer .org-box .org-part-side .bottom > ul > li:last-of-type{margin:0;}
.org-outer .org-box .org-part-side .bottom > ul > li::before{content:'';position:absolute;top:-2.5rem;left:50%;width:1px;height:2.5rem;background:var(--color56);transform:translateX(-50%);}

@media screen and (max-width:1400px){
	.org-outer .org-box{position:relative;}
	.org-outer .org-box::after{content:'';position:absolute;top:0;left:1rem;z-index:-10;width:1px;height:100%;background:var(--color56);}
	.org-outer .org-box .org-president-box{margin:0 0 5rem;left:auto;width:100%;height:5rem;border-radius:0;}
	.org-outer .org-box .org-president-box::before{display:none;}
	.org-outer .org-box .org-president-box p{font-size:2rem;line-height:3rem;}
	.org-outer .org-box .org-part-side-wrap{margin:0;padding:0 0 0 4rem;}
	.org-outer .org-box .org-part-side{width:100%;padding:0;}
	.org-outer .org-box .org-part-side .top{padding:0 0 2rem;}
	.org-outer .org-box .org-part-side .top::before{display:none;}
	.org-outer .org-box .org-part-side .top::after{display:none;}
	.org-outer .org-box .org-part-side .top span{padding:1.2rem 2rem;width:100%;font-size:1.6rem;line-height:2.6rem;}
	.org-outer .org-box .org-part-side .top span::before{left:-3rem;z-index:-1;width:100%;height:1px;border:none;border-radius:unset;background-color:var(--color56);}
	.org-outer .org-box .org-part-side .bottom > ul{flex-wrap:wrap;}
	.org-outer .org-box .org-part-side .bottom > ul > li{margin:0 0 1rem;padding:1.2rem 2rem;width:100%;height:auto;font-size:1.6rem;line-height:2.6rem;}
	.org-outer .org-box .org-part-side .bottom > ul > li::before{top:50%;left:-3rem;z-index:-1;width:100%;height:1px;background-color:var(--color56);transform:none;}
	.org-outer .org-box .org-part-box .org-part-con.left .top::before{display:none;}
	.org-outer .org-box .org-part-side .bottom > ul > li:last-of-type::after{display:none;}
	.org-outer .org-box .org-part-side .bottom > ul > li:last-of-type{margin:0 0 1rem;}
	.org-outer .org-box .org-part-box .org-part-con.right .top::before{display:none;}
	.org-outer .org-box .org-part-wrap{margin:0;padding:0 0 0 4rem;}
	.org-outer .org-box .org-part-box{flex-wrap:wrap;width:100%;}
	.org-outer .org-box .org-part-box::before{display:none;}
	.org-outer .org-box .org-part-box .org-part-con .top > span{position:relative;padding:1.2rem 2rem;width:100%;font-size:1.6rem;line-height:2.6rem;}
	.org-outer .org-box .org-part-box .org-part-con .top > span::before{content:'';display:block;top:50%;left:-3rem;z-index:-1;width:100%;height:1px;background-color:var(--color56);transform:none;}
	.org-outer .org-box .org-part-box .org-part-con .bottom::before{display:none;}
	.org-outer .org-box .org-part-box .org-part-con.left{padding:0;width:100%;}
	.org-outer .org-box .org-part-box .org-part-con.left .top{padding:0 0 2rem;}
	.org-outer .org-box .org-part-box .org-part-con.left .top::after{display:none;}
	.org-outer .org-box .org-part-box .org-part-con .top > span::after{display:none;}
	.org-outer .org-box .org-part-box .org-part-con.right{width:100%;}
	.org-outer .org-box .org-part-box .org-part-con .bottom > ul{flex-wrap:wrap;}
	.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li{margin:0 0 1rem;padding:1.2rem 2rem;width:100%;height:auto;font-size:1.6rem;line-height:2.6rem;}
	.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li::before{top:50%;left:-3rem;z-index:-1;width:100%;height:1px;background-color:var(--color56);transform:none;}
	.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li:last-of-type{margin:0 0 1rem;}
	.org-outer .org-box .org-part-box .org-part-con .bottom > ul > li:last-of-type::after{display:none;}
	.org-outer .org-box .org-part-box .org-part-con.right .top{padding:0 0 2rem;}
	.org-outer .org-box .org-part-box .org-part-con.right .bottom > ul > li{width:100%;}
	.org-outer .org-box .org-part-box .org-part-con.right .middle{padding:0 0 2rem;}
	.org-outer .org-box .org-part-box .org-part-con.right .middle span{padding:1.2rem 2rem;width:100%;}
	.org-outer .org-box .org-part-box .org-part-con.right .middle span::before{top:50%;left:-3rem;z-index:-1;width:100%;height:1px;background-color:var(--color56);transform:none;}
	.org-outer .org-box .org-part-box .org-part-con.right .middle span::after{display:none;}

}

@media screen and (max-width:1024.98px){
	.box-list > li .box-ico-cate.ico-graph01{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-graph02{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-improv{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-inter{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-capstone{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-math{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-advice{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-major{background-size:1.8rem;}
	.box-list > li .box-ico-cate.ico-soft{background-size:1.8rem;}

}

@media screen and (max-width:768px){
	.bg-img-box.engineering br{display:none;}
	.engineering .title-img-wrap .title-txt-box{padding:0 3rem 3rem 0;}
	.engineering  .title-img-wrap .title-img-box{padding:0 0 6rem;}
	.box-list > li{flex:unset;margin:0 1rem 1rem 0;padding:1.5rem;width:100%;}

}