#second { position: relative; display: flex; width: 95%; margin: 30px auto 0; padding: 55px 0; }
#second .leftbbox {position: relative;display: flex;width: 48%;aspect-ratio: 9/8;}
#second .leftbbox a.upuplink { position: absolute; width: 100%; height: 100%; }
#second .leftbbox .maJspo { display: flex; background: #fff; box-shadow: 0 0 40px #e7e7e7; width: 100%; }
#second .leftbbox .texxtJ {width: min(40%, 500px);display: flex;flex-direction: column;justify-content: center;padding: 1em 1.5em;}
#second .leftbbox .immggJ {width: 1%;flex: 1 1 auto;}
#second .leftbbox .immggJ img { width: 100%; height: 100%; object-fit: contain; }
#second .rightbbox { display: flex; flex-direction: column; width: 59%; justify-content: center; }

/* system_area2 */
#system_area2 { padding: 0 0; overflow: hidden; }
#system_area2:before, #system_area2:after { position: absolute; width: 64%; height: 100%; bottom: 0; left: 0; z-index: 1; content: ""; }
#system_area2:after { height: 100%; background-size: cover; right: 0; left: auto; width: 37%; bottom: 0px; }
#system_area2 .workframe_s { z-index: 2; max-width: 100%; }
#system_area2 .left_box { display: flex; width: 97%; }
#system_area2 .left_box .writing { margin-left: -85px; height: 100%; letter-spacing: .2em; font-size: 24px; }
#system_area2 .left_box ul { margin-right: 0; width: 100%; }
#system_area2 .left_box ul .slick-track { width: 100%; max-width: 100%; display: flex; }
#system_area2 .left_box ul .slick-track .Jlast { width: 50%; }
#system_area2 .left_box .slick-slide li>div { padding: 15px 30px 15px 40px; border-bottom: 1px #d1d1d1 solid; border-right: 1px transparent solid; }
#system_area2 .left_box .slick-slide div:last-child li>div { border-bottom: 0; }
#system_area2 .left_box .slick-slide.slick-current li>div { border-right-color: #d1d1d1; }
#system_area2 .left_box .slick-slide.slick-current li>div a.atag_item { z-index: 199; position: absolute; }
#system_area2 .left_box .img_box { position: relative; margin-right: 10px; padding: 5px 0 5px 0px; width: 70px; height: 70px; }
#system_area2 .left_box .img_box:before { position: absolute; width: 50px; height: 50px; background: rgb(255 197 87 / 60%); border-radius: 50%; pointer-events: none; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; top: -5px; left: -5px; z-index: 0; content: ""; }
#system_area2 .left_box .img_box img { z-index: 10; }
#system_area2 .left_box .info_box { width: 1%; flex: 1 1 auto; justify-content: space-evenly; }
#system_area2 .left_box .info_box h4 { font-weight: 500; font-size: 18px; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; -webkit-line-clamp: 2; height: 48px; line-height: 130%; }
#system_area2 .left_box .info_box font { font-size: 12px; color: #898989; }
#system_area2 .left_box .info_box svg { width: 20px; height: 20px; fill: #c9c9c9; }
#system_area2 .title_box { margin-bottom: 5%; padding: 0 0 0 5vw; display: none; }
#system_area2 .title_box .no_box { font-size: 5rem; top: auto; bottom: 40px; left: 330px; width: 110px; }
#system_area2 .title_box h3 svg { width: 77px; height: 11px; }
#system_area2 .title_box h2 { padding-bottom: 30px; width: 330px; border-bottom: 5px #fff solid; }

@media screen and (max-width: 1500px) {
	#system_area2 .left_box .writing { margin-left: -55px; }
}
@media screen and (max-width: 1280px) {
	#system_area2:before { width: 58.33333333%; }
	#system_area2:after { width: 41.66666667%; }
	#system_area2 .title_box .no_box { width: 120px; }
}
@media screen and (min-width: 1161px) {
	#system_area2 .left_box ul li:hover .img_box:before { width: 100%; height: 100%; background-color: var(--secondary); top: 0; left: 0; }
	#system_area2 .left_box ul li:hover .img_box { padding: 10px; }
	#system_area2 .left_box ul li:hover .info_box h4 { color: var(--primary); }
	#system_area2 .left_box ul li:hover .info_box svg { -ms-transform: translateX(50%); -webkit-transform: translateX(50%); transform: translateX(50%); }
}
@media screen and (max-width: 1160px) {
	#system_area2 .left_box .writing { margin-left: 0; height: auto; -ms-writing-mode: inherit; -webkit-writing-mode: inherit; writing-mode: inherit; letter-spacing: 0; font-weight: bold; }
}
@media screen and (max-width: 1024px) {
	#second { flex-wrap: wrap; }
	#second .leftbbox { width: 100%; aspect-ratio: 5/3; }
	#second .rightbbox { width: 100%; margin: 20px 0; }
}
@media screen and (min-width: 981px) {
	#system_area2 .title_box { order: 1; }
}
@media screen and (max-width: 980px) {
	#second .leftbbox { aspect-ratio: 4/3; }
	#system_area2:before { width: 100%; }
	#system_area2:after { width: 100%; height: 270px; top: 0; bottom: auto; }
	#system_area2 .title_box { min-height: 220px; padding: 0; }
	#system_area2 .left_box { padding: 30px 0 0px; }
}
@media screen and (max-width: 550px) {
	#second .leftbbox { aspect-ratio: auto; }
	#second .leftbbox .maJspo { flex-wrap: wrap; }
	#second .leftbbox .texxtJ { width: 100%; }
	#system_area2 .left_box .slick-slide.slick-current li>div { border-right-color: transparent; display: flex; flex-direction: column; }
	#system_area2 .left_box .info_box { width: 100%; }
	#system_area2 .left_box .slick-slide li>div { padding: 8px 10px 10px 8px; margin: 17px 0; }
}