.bg-img{background-image:url("../../../about/images/about_top.jpg")}.sisuner{text-align:center;position:relative}.sisuner h2 .bg-title{display:block;font-weight:bold;color:#5885AF}.sisuner h2 .nowrap{white-space:nowrap;margin-left:-12px}.sisuner p span{display:block}.sisuner .img{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.sisuner .img img{width:100%}.title-box{display:flex;align-items:center}.title-box .title-m{background-color:#003a64;position:relative;right:0}.title-box .title-m::before,.title-box .title-m::after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:#003a64;z-index:0}.title-box .title-m::before{transform:rotate(60deg)}.title-box .title-m::after{transform:rotate(-60deg)}.title-box .title-m .number{display:inline-block;height:100%;font-weight:bold;font-style:italic;color:#fff;display:flex;justify-content:center;align-items:center;position:relative;z-index:1;text-decoration:none}.title-box .title{font-weight:bold}.contents img{width:100%}.contents .row{align-items:center}.contents .row span{display:block;color:#115391}.contents .row .inner p:last-child{margin-bottom:0}.contents h3{font-weight:bold;position:relative}.contents h3::before{content:'';background-color:#003a64;position:absolute;top:2px}.contents .process{display:flex;align-items:center}.contents .process li{display:flex;align-items:center;justify-content:center;background-color:#5885af;color:#fff;font-weight:bold}.contents .process li .circle{display:inline-block;background-color:#003a64}.contents .process li .txt{text-align-last:justify}.contents .process li:nth-child(2n){border:none;background-color:#fc8237;display:inline-block}.contents .process li:last-child{margin-bottom:0}@media screen and (min-width: 780px), print{.sisuner h2{font-size:2rem}.sisuner h2 .bg-title{font-size:40px;padding-top:1rem}.sisuner p{padding-top:2rem}.sisuner p span{padding-top:1rem}.title-box{margin-bottom:2rem}.title-box .title-m{width:50px;height:88px}.title-box .title-m .number{font-size:36px;margin-right:6px}.title-box .title{font-size:40px;margin-left:60px;line-height:3rem}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){.title-box .title-m-xs{width:60px}}@media screen and (min-width: 780px), print{.contents .row span{margin-top:2rem}.contents .row .inner p{margin-bottom:2rem}.contents h3{font-size:24px;margin-left:20px}.contents h3::before{width:5px;height:24px;margin-left:-20px}.contents .process{justify-content:space-between}.contents .process li{align-items:center;border-radius:60px;padding:0 40px;width:60px;height:300px;margin:10px 0;text-align:center;font-size:24px;writing-mode:vertical-rl;text-orientation:upright}.contents .process li .circle{width:30px;height:30px;border-radius:50%;text-align:center;line-height:30px;margin-bottom:10px}.contents .process li .txt{height:6em;margin-bottom:20px}.contents .process li:nth-child(2n){display:inline-block;height:80px;clip-path:polygon(0 20%, 40% 19.7%, 40% 0, 100% 50%, 40% 100%, 40% 80%, 0 80%)}}@media screen and (min-width: 780px) and (min-width: 1028px) and (max-width: 1243px){.contents .process li{padding:0 30px;width:40px;font-size:18px}.contents .process li:nth-child(2n){height:40px;width:5px}}@media screen and (min-width: 780px) and (min-width: 780px) and (max-width: 1027px){.contents .process li{padding:0 24px;width:40px;font-size:18px}.contents .process li:nth-child(2n){height:40px;width:5px}}@media screen and (max-width: 779px){.sisuner h2{font-size:14px;line-height:2rem}.sisuner h2 .bg-title{font-size:22px;padding-top:10px}.sisuner h2 .nowrap{white-space:nowrap;margin-left:-12px}.sisuner p{margin-top:1rem}.sisuner p span{padding-top:10px}.title-box{margin-bottom:1rem;margin-left:16px}.title-box .title-m{width:30px;height:52px}.title-box .title-m .number{font-size:18px;margin-right:4px}.title-box .title{font-size:20px;margin-left:30px;line-height:2rem}.contents .row span{margin-top:1rem}.contents .row .inner p{margin-bottom:1rem}.contents h3{font-size:16px;margin-left:20px}.contents h3::before{width:4px;height:18px;margin-left:-18px}.contents .process{flex-direction:column;justify-content:center}.contents .process li{justify-content:center;width:100%;padding:10px 0;border-radius:60px;margin-bottom:10px}.contents .process li .circle{width:20px;height:20px;border-radius:50%;text-align:center;line-height:20px;margin-right:20px}.contents .process li .txt{width:6em;margin-right:30px}.contents .process li:nth-child(2n){height:10px;width:20px;clip-path:polygon(0 20%, 40% 19.7%, 40% 0, 100% 50%, 40% 100%, 40% 80%, 0 80%);transform:rotate(90deg)}}
