.company01-content01 ul { margin-top: 60px; } 
.company01-content01 ul li:first-child { width:740px } 
.company01-content01 ul li:first-child + li { width: calc(100% - 740px); padding-left: 110px; } 
.company02-content01 ul li:first-child { width:640px } 
.company02-content01 ul li:first-child + li { width: calc(100% - 640px); padding-left: 150px; } 
.company02-content01 ul { margin-top: 60px; } 
.company02-content01 h3 { font-size: 27px; } 
.company02-content01 p { margin-top: 40px; } 
.company02-content01 h4 { margin-top: 40px; font-size: 23px } 
.company03-content01 p { margin-top: 20px; } 
.company03-content01 p strong { font-size: inherit; font-weight: 700; } 
.company03-content01 p + img { margin-top: 100px; } 
.company03-content02 { padding-top: 100px; padding-bottom: 80px; background-color: #fff67f; } 
.company03-content02 p { margin-top: 20px; } 
.company04-content01 { padding:350px 0; margin-top: 60px; background: url(../images/company/content05.jpg) no-repeat center center/cover } 
.company04-content01 h3 { font-size: 59px; color:#fff } 
.company04-content01 p { margin-top: 20px; color:#fff } 
.company04-content02 ul li { margin-bottom: 150px; } 
.company04-content02 ul li:last-child { margin-bottom: 0; } 
.company04-content02 .flex .left { width:735px } 
.company04-content02 ul li:nth-child(even) .left { order:1 } 
.company04-content02 .flex .right { width: calc(100% - 735px); padding-left: 120px; } 
.company04-content02 ul li:nth-child(even) .right { order:0; padding-left: 0; padding-right: 120px; } 
.company04-content02 .flex h3 { margin-top: 20px; font-size: 41px; } 
.company04-content02 .flex h3 strong { font-size: inherit; font-weight: inherit; color:#0b66c1 } 
.company04-content02 .flex p { margin-top: 20px } 
.company05-content01 h3 { line-height: 1.1 } 
.company05-content01 .flex { justify-content: space-between; } 
.company05-content01 .flex li:last-child { width:800px; } 
.swiper.type01 { margin-top: 40px; margin-left: 165px; } 
.swiper.type01 .wrap { display: flex; flex-wrap: wrap; align-items: center; background-color: #f2f2f2; border-radius: 20px } 
.swiper.type01 .wrap img { border-radius: 20px } 
.swiper.type01 .wrap .text-wrap { width:calc(100% - 482px); padding:30px 50px } 
.swiper.type01 .wrap .text-wrap h5 { color:#333 } 
.swiper.type01 .wrap .text-wrap p { margin-top: 20px; } 
.arrow-wrap { position: relative; } 
.arrow { position: absolute; top:0; right:0; font-size: 0; } 
.arrow div { display: inline-block; vertical-align: middle; cursor: pointer; } 
.arrow div:first-child { margin-right: 30px; } 
.arrow svg:hover g { fill:#00325b!important; stroke:#00325b!important } 
.arrow svg:hover path { stroke:#fff!important } 
.company06-content01 { background: url(../images/company/content12.png) no-repeat center center/cover; position: relative; } 
.company06-content01:before { content: ''; display: block; width:50%; height: 100%; position: absolute; right: 0; top:0; background: rgba(0,0,0,.6); } 
.company06-content01 .flex { height: 100%; align-items: center; padding-top: 70px; } 
.company06-content01 .flex > div { width: 50% } 
.company06-content01 .flex .left { text-align: center; position: relative; z-index: 1; } 
.company06-content01 .flex .left h3 { color:#fff } 
.company06-content01 .flex .left p { margin-top: 10px; font-size: 24px; font-weight: 500; color:#fff } 
.company06-content01 .flex .right { padding-left: 100px; position: relative; z-index: 1; } 
.company06-content01 .flex .right .year { margin-bottom: 60px; } 
.company06-content01 .flex .right .year:last-child { margin-bottom: 0; } 
.company06-content01 .flex .right .year h3 { color:#fff } 
.company06-content01 .flex .right .year ul { margin-top: 20px; } 
.company06-content01 .flex .right .year ul li { margin-bottom: 10px; font-size: 0; } 
.company06-content01 .flex .right .year ul li:last-child { margin-bottom: 0; } 
.company06-content01 .flex .right .year ul li * { display: inline-block; vertical-align: top } 
.company06-content01 .flex .right .year ul li strong { width: 40px; font-size: 17px; font-weight: 600; color:#26aad4 } 
.company06-content01 .flex .right .year ul li span { width:calc(100% - 40px); font-size: 17px; color:#fff } 
.company07-content01 { padding-bottom: 200px; } 
.company07-content01 p { margin-top: 10px; font-size: 24px; } 
.company07-content01 .swiper { margin-top: 120px; } 
.company07-content01 .bg { position: absolute; top:50%; right:0; transform: translateY(-70%); } 
.company07-content01 .swiper-slide { position: relative; height: auto; padding:100px 15px 70px; border: solid 10px #f4f4f4; background-color: #fff; text-align: center; cursor: pointer; } 
.company07-content01 .swiper-slide:before,.company07-content01 .swiper-slide:after { opacity: 0; } 
.company07-content01 .swiper-slide:hover:before { content:""; display: block; position: absolute; top:50%; left:50%; width: 90px; height: 90px; margin-top: -45px; margin-left: -45px; background: url(../images/company/icon01.png) no-repeat center center; opacity: 1 } 
.company07-content01 .swiper-slide:hover:after { content:""; display:block; position: absolute; top:-10px; left:-10px; width:calc(100% + 20px); height:calc(100% + 20px); opacity: 0.8; border: solid 10px #2c60a1; background-color: transparent; opacity: 1 } 
.company07-content01 .swiper-slide img { max-width: 170px; margin-left: auto; margin-right: auto; } 
.company07-content01 .swiper-slide h3 { margin-top: 50px; font-size: 22px; font-weight: 600; height: 65px; } 
.company07-content01 .swiper-slide h4 { margin-top: 10px; font-size: 22px; font-weight: 500; color:#707070 } 
.company07-content01 .slide-prev,.company07-content01 .slide-next { position: absolute; z-index: 2; top:50%; margin-top: -32px; cursor: pointer; } 
.company07-content01 .slide-prev { left:0 } 
.company07-content01 .slide-next { right:0 } 
.company07-content01 svg:hover g { fill:#00325b!important; stroke:#00325b!important } 
.company07-content01 svg:hover path { stroke:#fff!important } 
.pop-modal { display:flex; align-items: center; position: fixed; top:0; left:0; z-index: 21; width:100%; height: 100%; background-color: rgba(0,0,0,.6); justify-content: center; opacity: 0; visibility: hidden; transition: all .5s } 
.pop-modal.on { opacity: 1; visibility: visible; } 
.pop-modal .close-btn { cursor: pointer; } 
.pop-modal .close-btn img { margin-left: auto; margin-right: auto; } 

/* business01.php */
.business-banner { position: relative; } 
.business-banner > img,
.business06-content03 > img,
.long-section > .img-wrap > img,
.company03-content02 + img { width: 100%; } 
.long-section { scroll-margin-top: 100px; } 
.business-banner .text-wrap { position: absolute; top:50%; width:100%; left:0; transform: translateY(-50%); } 
.business-banner .text-wrap h3 { color:#fff } 
.business-banner .text-wrap p { margin-top: 30px; color:#fff } 
.business01-content01 p { margin-top: 20px; } 
.business01-content01 ul { margin-top: 80px; } 
.business01-content01 ul li { width: 50% } 
.business01-content01 ul li:first-child { margin-top: 230px; padding-right: 100px; } 
.business01-content02 { background-color: #00325b } 
.business01-content02 h3 { color:#fff } 
.business01-content02 p { margin-top: 30px; color:#fff } 
.business01-content02 ul { margin-top: 80px; } 
.business01-content02 ul li { width: 50% } 
.business01-content02 ul li:last-child { padding-left: 150px; } 
.business01-content02 dl { margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #dcdcdc; } 
.business01-content02 dl:last-child { margin-bottom: 0; } 
.business01-content02 dt { position: relative; margin-bottom: 15px; padding-left: 32px; color:#fff; line-height: 1 } 
.business01-content02 dt:after { content: ""; display: block; position: absolute; top:4px; left:0; width: 12px; height: 12px; border-radius: 50%; background-color: #f4bb1b } 
.business01-content02 dd { font-size: 16px; color:#fff } 
.business01-content03 .img-wrap { padding:80px 15px; background-color: #f5f8fa; } 
.business01-content03 .flex { margin-top: 20px; } 
.business01-content03 .flex li { width:calc((100% - 96px) / 4); margin-right: 24px; padding:30px; border-radius: 12px; background-color: #f5f8fa; } 
.business01-content03 .flex li:last-child { margin-right: 0; } 
.business01-content03 .flex li h4 { margin-top: 50px; } 
.business01-content03 .flex dl { margin-top: 20px; } 
.business01-content03 .flex dd { position: relative; margin-bottom: 5px; letter-spacing: -.5px; } 
.business01-content03 .flex dd:before { content:"•"; position: relative; top:-2px; margin-right: 5px; font-size: 15px; } 
.business01-content03 .flex dd:last-child { margin-bottom: 0; } 
.business-footer { padding:60px 0; background-color: #fff67f; } 
.business-footer a { display: inline-block; padding:18px 28px; border-radius: 28px; background-color: #00325b; line-height: 1 } 
.business-footer a span,.business-footer a svg { display: inline-block; vertical-align: middle; line-height: 1 } 
.business-footer a span { margin-right: 10px; font-size: 16px; color:#fff; } 
.business-footer a svg { display: inline-block; } 
.business-footer img { transform: translate(0, 0); transition: transform 0.4s; } 
.business-footer a:hover img { transform: translate(4px, -4px); transition: transform 0.4s; } 

/* business02.php */
.business02-content01 { background-color: #00325b; } 
.business02-content01 ul li { width: 50% } 
.business02-content01 ul li:first-child { padding:150px 50px; background-color: #fff; border-radius: 10px; } 
.business02-content01 ul li:last-child { display:flex; flex-direction: column; padding-left: 150px; justify-content: space-between; } 
.business02-content01 ul li h3 { color:#fff } 
.business02-content01 ul li h3 strong { font-size: inherit; font-weight: inherit; color:#f4bb1b } 
.business02-content01 ul li dt { position: relative; margin-bottom: 15px; padding-left: 32px; color:#fff; line-height: 1 } 
.business02-content01 ul li dt:after { content:""; display: block; position: absolute; top:3px; left:0; width: 12px; height: 12px; background-color: #f4bb1b; border-radius: 50% } 
.business02-content01 ul li dd { margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #dcdcdc; color:#fff; line-height: 1 } 
.business02-content01 ul li dd:last-child { margin-bottom: 0; } 
.business02-content02 .svg-wrap { padding:100px 0; background-color: #f5f8fa; } 
.business02-content03.business11-content02 .flex { flex-wrap: wrap; } 
.business02-content03.business11-content02 .flex .box:before { bottom:170px } 
.business02-content03.business11-content02 .flex .box:nth-child(4n):before { display: none } 
.business02-content03.business11-content02 .flex .box:nth-child(n+5) { margin-top: 60px; } 
.business02-content03.business11-content02 .flex .box .img-box { display:flex; align-items: center; height: 150px } 
.business02-content04 { padding:110px 0; background-color: #f5f8fa; } 
.business02-content04 .wrap span { display: inline-block; position: relative; margin-top: 10px; margin-right: 15px; padding:12px 18px 12px 42px; vertical-align: middle; border-radius: 24px; border: solid 1px #0c3b5c; line-height: 1; color:#0c3b5c } 
.business02-content04 .wrap span:before { content:""; position: absolute; top:50%; left:18px; width: 16px; height: 16px; margin-top: -8px; background-color: #f7b86d; border-radius: 50% } 
.business02-content05 .flex li { width: calc((100% - 60px) / 3); margin-right: 30px; padding:30px 50px; border-radius: 20px; border: solid 1px #ccc; font-size: 0; } 
.business02-content05 .flex li:last-child { margin-right: 0; } 
.business02-content05 .flex li > * { display: inline-block; vertical-align: middle; } 
.business02-content05 .flex li .img-wrap { width: 70px } 
.business02-content05 .flex li .text-wrap { width: calc(100% - 70px); padding-left: 30px; } 
.business02-content05 .flex li h4 { color: #ccc; } 

/* business03.php */
.business03-content01 { padding-top:110px } 
.business03-content01 h3 strong { font-size: inherit; font-weight: inherit; color:#f4bb1b } 
.business03-content02 ul { flex-wrap: wrap; } 
.business03-content02 ul li { width:calc((100% - 90px) / 4); margin-right: 30px; padding:30px 30px 100px 30px; border-radius: 12px; background-color: #f5f8fa; } 
.business03-content02 ul li:last-child { margin-right: 0; } 
.business03-content02 ul li h3 { margin-top: 30px; color:#00325b } 
.business03-content02 ul li p { margin-top: 20px; } 
.business03-content03 ul li { width: 50% } 
.business03-content03 ul li:first-child { margin-top: 230px; padding-right: 100px; } 
.business03-content04 div.flex { flex-wrap: wrap; justify-content: space-between; align-items: flex-end; } 
.business03-content04 ul.flex { flex-wrap: wrap; } 
.business03-content04 ul.flex li { width:calc((100% - 60px) / 3); margin-right: 30px; padding:60px; border-radius: 20px; background-color: #f5f8fa; } 
.business03-content04 ul.flex li:nth-child(3n) { margin-right: 0; } 
.business03-content04 ul.flex li:nth-child(n+4) { margin-top: 30px; } 
.business03-content04 ul.flex li h3 { margin-top: 60px; } 
.business03-content04 ul.flex li dl { margin-top: 20px; } 
.business03-content04 ul.flex li dl dd { position: relative; padding-left: 10px; } 
.business03-content04 ul.flex li dl dd:before { content:""; position: absolute; top:10px; left:0; width:5px; height: 5px; border-radius: 50%; background-color: #000 } 
.business03-content05 { background-color: #f5f8fa; } 
.business03-content05 h3 { position: relative; padding-left: 20px; } 
.business03-content05 h3:after { content:""; display: block; position: absolute; top:50%; left:0; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background-color: #f7b86d } 

/* business04.php */
.business04-content01 .flex li { width: 50% } 
.business04-content01 .flex li:last-child { padding-left: 150px; } 
.business04-content02 { padding:190px 0; background: url(../images/business/content08.jpg) no-repeat center center/cover } 
.business04-content02 .flex { justify-content: space-between; } 
.business04-content02 h4,.business04-content02 h3 { color:#fff } 
.business04-content02 p { color:#fff; line-height: 2 } 
.business04-content03 .flex { flex-wrap: wrap } 
.business04-content03 ul li { width:calc((100% - 60px) / 4); margin-right: 20px; margin-top: 15px; padding:40px; border-radius: 20px; background-color: rgba(85,198,233,.1); font-size: 0; } 
.business04-content03 ul li:nth-child(4n) { margin-right: 0; } 
.business04-content03 ul li > * { display: inline-block; vertical-align: middle; } 
.business04-content03 ul li .left { width: 70px } 
.business04-content03 ul li .right { width:calc(100% - 70px); padding-left: 30px; } 
.business04-content03 ul li h4 { color:#515151 } 
.business04-content03 ul li p { color:#707070 } 

/* business05.php */
.business05-content01 .flex { flex-wrap: wrap; } 
.business05-content01 .flex > li { width: calc((100% - 30px) / 2); margin-right: 30px; padding:60px; border-radius: 20px; background-color: #f5f8fa; } 
.business05-content01 .flex > li:nth-child(2n) { margin-right: 0; } 
.business05-content01 .flex > li:nth-child(n+3) { margin-top: 30px; } 
.business05-content01 .flex > li:hover { background-color: #00325b; } 
.business05-content01 .flex > li:hover svg rect { fill:#fff67f!important } 
.business05-content01 .flex > li:hover svg path { fill:#00325b!important } 
.business05-content01 .flex > li h4 { margin-top: 50px; } 
.business05-content01 .flex > li:hover h4 { color:#fff } 
.business05-content01 .flex > li ul { margin-top: 25px; } 
.business05-content01 .flex > li ul li { position: relative; padding-left: 10px; } 
.business05-content01 .flex > li:hover li { color:#fff } 
.business05-content01 .flex > li ul li:after { content:""; display: block; position: absolute; top:10px; left:0; width:4px; height: 4px; border-radius: 50%; background-color: #000 } 
.business05-content01 .flex > li:hover li:after { background-color:#fff } 
.business05-content02 h3:first-child strong { color:#2c60a1 } 
.business05-content02 .flex > li { position: relative; } 
.business05-content02 .flex > li:nth-child(odd) { width: calc((100% - 200px) / 3); padding:70px 50px 50px 50px; border-radius: 12px; background-color: #f5f8fa; } 
.business05-content02 .flex > li:nth-child(even) { width: 100px } 
.business05-content02 .flex .svg-wrap { position: absolute; top:50%; left:0; width: 100%; transform: translateY(-50%); } 
.business05-content02 .flex > li ul { margin-top: 40px; height: 150px; } 
.business05-content02 .flex .circle { position: relative; width: 240px; height: 240px; margin: 0 auto; margin-top: 20px; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } 
.business05-content02 .flex .circle img { object-fit: contain; width: 100%; height: 130px; } 

/* business06.php */
.business06-content01 .text-wrap { padding-top: 240px; padding-bottom: 120px; background: url(../images/business/content06_1.png) no-repeat top right } 
.business06-content03 ul li { width: calc(100% - 800px) } 
.business06-content03 ul li:last-child { width: 800px } 
.business07-content01 ul li { width: 715px } 
.business07-content01 ul li:last-child { width: calc(100% - 715px); padding-left: 80px; } 
.business07-content02 { background-color: #f5f8fa; } 
.business07-content02 .flex > li { width: 50% } 
.business07-content02 .flex > li h4 { position: relative; padding-left: 25px; } 
.business07-content02 .flex > li h4:after { content:""; display: block; position: absolute; top:15px; left:0; width:8px; height: 8px; border-radius: 50%; background-color: #f7b86d; line-height: 1 } 
.business07-content02 .flex > li ul li { margin-bottom: 25px; padding-bottom: 25px; border-bottom: solid 1px #e5e5e5; font-size: 0; } 
.business07-content02 .flex > li ul li * { display: inline-block; vertical-align: middle; } 
.business07-content02 .flex > li span { width:36px; padding:5px 13px; border-radius: 14px; background-color: #00325b; font-size: 10px; font-weight: 600; color:#fff; line-height: 1 } 
.business07-content02 .flex > li ul li strong { width: calc(100% - 36px); padding-left: 20px; line-height: 1 } 
.business07-content03 { background-color: #fff67f; } 
.business07-content03 .flex > li { width: 50% } 
.business07-content03 .flex > li:first-child { padding-right: 150px; } 
.business07-content03 .flex span { display:inline-block; position: relative; margin-top: 15px; margin-right: 15px; padding:10px 20px 10px 40px; border-radius: 24px; border: solid 1px #0c3b5c; color: #0c3b5c; } 
.business07-content03 .flex span:after { content:""; display: block; position: absolute; top:50%; left:20px; width:16px; height:16px; margin-top: -8px; border-radius: 50%; background-color: #f7b86d } 
.business07-content04 { background-color: #f5f5f5; } 

@media screen and (max-width: 1599px){
 .business04-content03 ul li { padding:20px } 
.business06-content03 ul li { width: 50%; padding-right: 50px } 
.business06-content03 ul li:last-child { width: 50%; } 
.business07-content01 ul li { width: 50% } 
.business07-content01 ul li:first-child { padding-right: 50px } 
.business07-content01 ul li:last-child { width: 50%; padding-left: 0 } 
.business03-content04 div.flex p { margin-top: 30px } 
 }

@media screen and (max-width:1199px){
 .business03-content02 ul li { width: calc((100% - 30px) / 2); padding-bottom: 60px } 
.business03-content02 ul li:nth-child(even) { margin-right: 0 } 
.business03-content02 ul li:nth-child(n+3) { margin-top: 30px } 
.business03-content03 ul li { width: 50% } 
.business03-content03 ul li:first-child { margin-right: 50px; padding-right: 0 } 
.business03-content04 ul.flex li { width: calc((100% - 30px) / 2); } 
.business03-content04 ul li:nth-child(even) { margin-right: 0 } 
.business03-content04 ul.flex li:nth-child(3n) { margin-right: 30px } 
.business03-content04 ul.flex li:nth-child(6n) { margin-right: 0 } 
.business03-content04 ul.flex li:nth-child(n+3) { margin-top: 30px } 
.business04-content01 .flex { flex-wrap: wrap; } 
.business04-content01 .flex li { width: 100% } 
.business04-content01 .flex li img { margin-left: auto; margin-right: auto } 
.business04-content01 .flex li:last-child { margin-top: 50px; padding-left: 0 } 
.business04-content02 { padding:150px 0 } 
.business04-content02 .flex { flex-wrap: wrap; } 
.business04-content02 .flex li { width: 100% } 
.business04-content02 h3 br { display: none } 
.business04-content02 p { margin-top: 20px } 
.business04-content03 ul li { width: calc((100% - 20px) / 2) } 
.business04-content03 ul li:nth-child(even) { margin-right: 0 } 
.business05-content02 .flex > li:nth-child(odd) { padding:70px 25px 360px 25px } 
.business05-content02 .flex .circle:before { width: 150px; height: 150px } 
.business06-content01 { position: relative } 
.business06-content01:after { content: ""; display: block; position: absolute; top:0; left:0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5) } 
.business06-content01 .text-wrap h3 { position: relative; z-index: 1; color:#fff } 
.business06-content03 ul { flex-wrap: wrap; } 
.business06-content03 ul li { width: 100%; padding-right: 0 } 
.business06-content03 ul li:last-child { width: 100%; margin-top: 30px } 
.business07-content01 ul { flex-wrap: wrap; } 
.business07-content01 ul li { width: 100% } 
.business07-content01 ul li:first-child { padding-right: 0 } 
.business07-content01 ul li:last-child { width: 100% } 
.business07-content01 ul li:last-child { margin-top: 50px } 
.business07-content01 ul li img { margin-left: auto; margin-right: auto } 
.business07-content01 ul li p br { display: none } 
.business07-content02 .flex { flex-wrap: wrap; } 
.business07-content02 .flex > li { width: 100% } 
.business07-content02 .flex > li:last-child { margin-top: 30px } 
.business07-content03 .flex { flex-wrap: wrap; } 
.business07-content03 .flex > li { width: 100% } 
.business07-content03 .flex > li:first-child { margin-bottom: 50px; padding-right: 0 } 
 }

@media screen and (max-width: 991px){
 .business03-content01 h3 br { display: none } 
.business05-content02 .flex > li:nth-child(odd) { padding:30px } 
.business05-content02 .flex .circle { position: relative; left:0; bottom:0; width: 70%; padding-bottom: 70%; } 
.business05-content02 .flex .circle:before { height: 0 } 
.business05-content02 .flex > li .circle img { display:block; max-width: 100%; max-width: 100%; margin-left: auto; margin-right: auto; height: 50%; } 
.business06-content01 .fz30 br { display: none } 
 }
@media screen and (max-width:767px) { /*.business-footer p br { display: none } */
.business03-content02 ul li { width: 100%; margin-right: 0 } 
.business03-content02 ul li:nth-child(n+2) { margin-top: 30px } 
.business03-content03 ul li:first-child { margin-top: 60px; margin-right: 0; padding-right: 20px; } 
.business03-content04 ul.flex li { width: 100%; margin-right: 0; padding:30px } 
.business03-content04 ul.flex li:nth-child(n+2) { margin-top: 30px } 
.business03-content04 ul.flex li h3 { margin-top: 30px } 
.business03-content04 ul.flex li:nth-child(3n) { margin-right: 0 } 
.business04-content03 ul li { width: 100%; margin-right: 0 } 
.business05-content01 .fz30 br { display: none } 
.business05-content01 .flex > li { width: 100%; margin-right: 0; padding:30px } 
.business05-content01 .flex > li:nth-child(n+2) { margin-top: 30px } 
.business05-content02 .flex { flex-wrap: wrap; } 
.business05-content02 .flex > li:nth-child(odd) { width: 100%; margin:20px 0 } 
.business05-content02 .flex > li:nth-child(even) { display: none } 
.business06-content01 .text-wrap { padding-top: 100px; padding-bottom: 100px } 
.business07-content03 .fz50 br { display: none } 
.business07-content03 .flex span { display: block; margin-right: 0 } 
 }