<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url("https://fonts.googleapis.com/css?family=Fjalla+One");.specialocampus {
overflow: hidden
}
.specialocampus .kenten {
padding: 0.3em 0;
background-repeat: repeat-x;
background-size: 1.05em 0.25em;
background-position: top left;
background-image: -webkit-gradient(radial, center center, 0, center center, 1.5, from(#0e62aa), color-stop(0.5, #0e62aa), color-stop(0.9, transparent), to(transparent));
background-image: -webkit-radial-gradient(center center, 0.1em 0.1em, #0e62aa, #0e62aa 95%, transparent 95%, transparent);
background-image: radial-gradient(0.1em 0.1em at center center, #0e62aa,#0e62aa 95%,rgba(0,0,0,0))
}
.specialocampus .mv-block {
position: relative
}
.specialocampus .mv-block .mv {
min-height: 35rem;
padding-bottom: 25%;
background: url(//kowagakuen.ac.jp/wp/common/img/specialocampus/mv.jpg) no-repeat center center;
background-size: cover
}
.specialocampus .mv-block .mv-catch {
position: absolute;
top: 56.28571%;
left: 50%;
text-align: center;
transform: translateX(-50%)
}
.specialocampus .mv-block .mv-catch p {
color: #fff;
line-height: 1.5
}
.specialocampus .mv-block .mv-catch span.small {
display: inline-block;
margin-bottom: 1.5rem;
padding: .5rem .8rem;
background: #0e62aa;
font-size: 1.8rem;
font-family: 'Fjalla One', sans-serif;
letter-spacing: .25rem;
line-height: 1
}
.specialocampus .mv-block .mv-catch span.lg {
display: block;
font-size: 3.8rem;
font-weight: bold;
line-height: 1
}
.specialocampus .block {
margin-bottom: 5rem
}
.specialocampus .block01 {
padding: 5rem 0 0
}
.specialocampus .block01 .specialocampus-ttl {
margin-bottom: 4rem;
color: #0e62aa;
font-size: 3.2rem;
text-align: center
}
.specialocampus .block01 .col {
width: 48.4375%
}
.specialocampus .block01 .ph {
align-self: flex-end;
width: 48.4375%
}
.specialocampus .block01 .border-box {
margin-top: 3rem;
padding: 2rem 4rem;
border: 2px solid #ccc
}
.specialocampus .block01 .border-box dl dt {
font-size: 1.6rem
}
.specialocampus .block01 .border-box dl dt::before {
display: inline-block;
margin-right: .5rem;
width: .8rem;
height: .8rem;
background: #0e62aa;
border-radius: 50%;
content: ""
}
.specialocampus .block01 .border-box dl dd {
margin-left: 1.3rem
}
.specialocampus .block02 {
position: relative
}
.specialocampus .block02 .ph {
text-align: right
}
.specialocampus .block02 .btn {
margin-top: 5rem
}
.specialocampus .block02 .btn a::before {
display: inline-block;
margin-right: 1rem;
vertical-align: sub;
transform: skewX(10deg);
content: url(//kowagakuen.ac.jp/wp/common/img/specialocampus/btn-icon01.png)
}
.specialocampus .block02 .btn a::after {
top: .3rem;
right: 5%;
width: auto;
height: auto;
margin: 0;
border: 0;
transform: skewX(10deg);
content: url(//kowagakuen.ac.jp/wp/common/img/specialocampus/btn-icon02.png)
}
.specialocampus .block02 .btn a:hover {
color: #fff
}
.specialocampus .block03 .ph {
text-align: center
}
@media (max-width: 1024px) {
.specialocampus .block01 .specialocampus-ttl {
font-size:3.125vw
}
}
@media (max-width: 640px) {
.specialocampus .mv-block .mv {
min-height:2.25rem;
padding-bottom: 60%;
background: url(//kowagakuen.ac.jp/wp/common/img/specialocampus/sp-mv.jpg) no-repeat center center;
background-size: cover
}
.specialocampus .mv-block .mv-catch {
position: absolute;
top: 53.80952%;
left: 50%;
text-align: center;
transform: translateX(-50%)
}
.specialocampus .mv-block .mv-catch span.small {
margin-bottom: .8rem;
font-size: 1.2rem
}
.specialocampus .mv-block .mv-catch span.lg {
font-size: 2.6rem
}
.specialocampus .block01 .specialocampus-ttl {
margin-bottom: 2rem;
font-size: 2.4rem
}
.specialocampus .block01 .col {
width: 100%
}
.specialocampus .block01 .col img {
width: 100%
}
.specialocampus .block01 .ph {
width: 100%;
margin-top: 2rem
}
.specialocampus .block01 .ph img {
width: 100%
}
.specialocampus .block01 .border-box {
margin-top: 2rem
}
.specialocampus .block01 .border-box dl dt {
font-size: 1.3rem
}
.specialocampus .block01 .border-box dl dd {
font-size: 1.1rem
}
.specialocampus .block02 .btn {
width: 80%
}
.specialocampus .block02 .btn a {
font-size: 1.4rem
}
}
.specialocampus .op_wpset{max-width: 1000px;margin:0 auto}
@media (max-width: 640px) {
.specialocampus .op_wpset{padding:10px}
}
.op_time_set{max-width:1000px;margin:0 auto}
.flow_set {
width: 100%;
max-width: 1200px;
margin: 0px auto;
border-top:none;
text-align: center;
margin-top: 50px;
margin-bottom: 20px;
}
.flow_set h3{
font-size:25px;
margin-bottom: 0;
}
.timeline-003 {
display: flex;
justify-content: center;
list-style-type: none;
padding: 0;
}
.timeline-003 li {
display: flex;
flex: 1 1;
flex-direction: column;
align-items: center;
position: relative;
z-index: 1;
color: #161616;
font-size: .8em;
padding: 0 10px;
font-size: 18px;
}
.timeline-003 li span{
font-size: .8em;
line-height:1.5;
}
.timeline-003 li.prev,
.timeline-003 li.current { }
.timeline-003 li::before {
display: inline-block;
width: 14px;
height: 14px;
margin-bottom: 6px;
content: '';
border: 2px solid #d6dde3;
border-radius: 50%;
background-color: #fff;
}
.timeline-003 li.prev::before,
.timeline-003 li.current::before {
border-color: #2589d0;
}
.timeline-003 li:not(:last-child)::after {
position: absolute;
top: 8px;
left: 50%;
z-index: -1;
width: 100%;
height: 2px;
background-color: #d6dde3;
content: '';
}
.timeline-003 li.current::before,
.timeline-003 li.prev::after {
background-color: #2589d0;
}
.timeline-003 li img{padding:10px;}
@media screen and (max-width: 640px){
.timeline-003 {
display: flex;
justify-content: flex-start;
list-style-type: none;
flex-direction:column;
padding: 0;
}
.timeline-003 li {
text-align: left;
font-size: .8em;
padding: 0 10px;
font-size: 18px;
padding-left: 40px;
text-align: left;
}
.timeline-003 li::before {
width: 14px;
height: 14px;
margin-bottom: 6px;
content: '';
border: 2px solid #d6dde3;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: 20px;
}
.timeline-003 li:not(:last-child)::after {
position: absolute;
top: 8px;
left: 7.5%;
z-index: -1;
width: 1px;
height: 100%;
background-color: #d6dde3;
content: '';
}
} .timeline {  width: 100%;
max-width: 1200px;
margin: 0px auto;   border-top:none;  text-align: center;
margin-bottom: 150px;
}
.timeline h3{
font-size:25px;
margin-bottom:50px;
}
.headingA {
display: inline-block;
position: relative;
padding: 0 2.5em;
color: #333333;
}
.headingA::before,
.headingA::after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
width: 45px;
height: 3px;
background-color: #2589d0;
}
.headingA::before {
left: 0;
}
.headingA::after {
right: 0;
}
.timeline p.title {
position: relative;
line-height: 1.4;
padding:0.25em 1em;
display: inline-block;
top:0;
font-size:20px;
font-weight:600;
color:#067f4e;
}
.timeline p.title:before, .timeline p.title:after { 
position: absolute;
top: 0;
content:'';
width: 8px;
height: 100%;
display: inline-block;
}
.timeline p.title:before {
border-left: solid 2px #067f4e;
border-top: solid 2px #067f4e;
border-bottom: solid 2px #067f4e;
left: 0;
}
.timeline p.title:after {
content: '';
border-top: solid 2px #067f4e;
border-right: solid 2px #067f4e;
border-bottom: solid 2px #067f4e;
right: 0;
}
.timeline::-webkit-scrollbar { height:10px;
}
.timeline::-webkit-scrollbar-track {
border-radius: 0px;
box-shadow: inset 0 0 5px rgba(0, 0, 0, .1);
}
.timeline::-webkit-scrollbar-thumb {
background-color: #008c33e0;
border-radius: 10px;
box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}
.timeline ol {
font-size: 0;
width: 100%;   max-width: 1200px;
}
.timeline ol li {
position: relative;
display: inline-block; width: 24%;
height: 1px;
margin: 0.4%;
background: #a7aaad;
}
.timeline ol li:first-child {  }
.timeline ol li:last-child {   }
.timeline ol li:not(:first-child) { }
body{
counter-increment: number 0; 
}
.timeline ol li::after { content: '';position: absolute;left: calc(100% + 1px);left: 40%;bottom: 0;top: 0;width: 50px;height: 50px;transform: translateY(-50%);border-radius: 50%;background: #ffde00;content: '';counter-increment: number 1;content:  counter(number);color:#555;font-size: 18px;font-weight:600;line-height: 50px;}
.timeline ol li div { padding: 20px;
font-size: 16px;
width: 100%;
white-space: normal;
color: black;
text-align: left; background: #f5f5f5;
border: 1em;
}
.timeline ol li div .comment {
font-size:15px;
line-height:1.2
}
.timeline ol li div::before {
content: '';
position: absolute;
top: 100%;
left: 0;
width: 0;
height: 0;
font-size:12px;
color:#fff
}
.timeline time {
display: block;
font-size: 16px;
font-weight: bold;
margin: 15px 0 8px;
} .timeline .arrows {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.timeline .arrows .arrow__prev {
margin-right: 20px;
}
.timeline .disabled {
opacity: .5;
}
.timeline .arrows img {
width: 45px;
height: 45px;
}
@media screen and (max-width: 768px) {
.timeline {
width: 90%; }
} @media screen and (max-width: 599px) {
.timeline {
width: 95%; margin-bottom: 50px;
}
.timeline h3{
font-size:22px;
margin-bottom:50px;
}
.timeline ol,
.timeline ol li {
width: auto; 
}
.timeline ol {
padding: 0;
transform: none !important;
}
.timeline ol li {
display: block;
height: auto;
background: transparent;
}
.timeline ol li:first-child {
margin-top: 25px;
width: 100%;
}
.timeline ol li:not(:first-child) { }
.timeline ol li div {
width: 94%;
width: 80%;
height: auto !important;
margin: 0 35px 35px;
}
.timeline ol li div {
position: static;
}
.timeline ol li:nth-child(odd) div {
}
.timeline ol li div::before {
left: 15px;
top: 0;
transform: translateX(-50%);
border: none;
border-left: 1px solid #ddd;
height: 110%;
}
.timeline ol li:nth-last-child(4) div::before{ } .timeline ol li::after {
left: 0;
top:0;
left: 15px;
top: -15px;
transform: translateX(-50%);
border: none;
border-left: 1px solid #ddd;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
}
}
.boxTaike {
position: relative;
max-width: 1200px;
margin: 1.5em auto;
padding: 2.5em 1em 1.5em; border-top: 1px solid #ddd;
background-color: #fdfdfd;
color: #333333;
border-bottom: 1px solid #ddd;
}
.boxTaike span {
position: absolute;
top: -25px;
left: 30px;
transform: translateX(-.3em) rotate(-5deg);
padding: .5em 2em;
border-right: 2px dotted rgb(0 0 0 / 10%);
border-left: 2px dotted rgb(0 0 0 / 10%);
box-shadow: 0 0 5px rgb(0 0 0 / 20%);
background-color: #FFEB3B;
font-weight: 600;
font-size: 16px;
}
.boxTaike p {
margin: 0; }
.boxTaike p.catch{font-size: 18px;margin-bottom: 10px;}
.boxOsusume{display:flex;justify-content: space-between;}
.ocReco{width: 24.5%; padding: 0; }
.gakka{padding:2%; font-size: 16px;text-align: center;color:#fff;font-weight:600}
.title{padding: 1%;font-size: 15px;text-align: center;font-weight: 600;}
.txt{padding: 2% 2%}
.hari{background:#FFC107;}
.judo{background:#5ac65e;}
.sports{background:#c54e4e;}
.kaigo{background:#f2a5a5;}
.hari_border{border: 2px solid #FFC107;}
.judo_border{border:2px solid #5ac65e;}
.sports_border{border:2px solid #c54e4e;}
.kaigo_border{border:2px solid #f2a5a5;}
@media screen and (max-width: 599px){
.boxOsusume{flex-direction: column;}
.ocReco{width: 100%;margin-bottom:10px}
}
.boxContact {
position: relative;
margin-top: 1em;
padding: 2.5em 1.5em 1em 1.5em;
text-align: center;
border: 2px solid #2589d0;
}
.boxContact &gt; div {
position: absolute;
top: -1.15em;
left: 1em;
padding: .4em 1.4em;
border-radius: 25px;
background-color: #2589d0;
color: #fff;
font-size: 1.2em;
}
.boxContact &gt; div::before {
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 16px;
height: 10px;
background-color: #2589d0;
clip-path: polygon(0 0, 100% 0, 50% 100%);
content: '';
}
.boxContact p {
margin: 0;
font-size: 1.3em;
}
p.p-cont_tel { }
p.p-cont_mail { }
p.p-cont_tel a ,p.p-cont_mail a {
font-size: 3rem;
color: #0e62aa;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
p.p-cont_tel a::before {
content: "";
background: url(//www.kowagakuen.ac.jp/common/img/specialocampus/icon_phone.svg) no-repeat center/contain;
width: 3rem;
height: 3rem;
margin-right: 0.75rem;
}
p.p-cont_mail a::before {
content: "";
background: url(//www.kowagakuen.ac.jp/common/img/specialocampus/icon_mail.svg) no-repeat center/contain;
width: 3rem;
height: 3rem;
margin-right: 0.75rem;
}
@media screen and (max-width: 599px){
.boxContact p {
text-align:left;
}
p.p-cont_tel a, p.p-cont_mail a {
font-size: 2rem;
color: #0e62aa;
}
p.p-cont_tel a::before, p.p-cont_mail a::before  {
width: 2rem;
height: 2rem;
margin-right: 0.75rem;
}
}
.balloonA__img-wrap {
max-width: 100%;
}
.balloonA__img {
width: 100%;
height: auto;
}
.balloonB__text {
border: 3px solid #ffc107;
}
.balloonB__text .wrap {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: .7em;
border-radius: 0;
font-size: 1.2em;
font-weight: 600;
margin-bottom: 30px;
}
.balloonA__text::before,
.balloonA__text::after {
position: absolute;
top: -15px;
width: 30px;
height: 15px;
clip-path: polygon(50% 0, 0 100%, 100% 100%);
content: '';
}
.balloonA__text::before {
background-color: #ffc107;
}
.balloonA__text::after {
top: -11px;
background-color: #fff;
}
.balloonC__text {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: .7em;
border: 3px solid #ffc107;
border-radius: 0;
font-size: 1.2em;
font-weight: 600;
margin-bottom: 30px;
flex-direction: column;
}
.balloonC__text::before,
.balloonC__text::after {
position: absolute;
top: -15px;
width: 30px;
height: 15px;
clip-path: polygon(50% 0, 0 100%, 100% 100%);
content: '';
}
.balloonC__text::before {
background-color: #ffc107;
}
.balloonC__text::after {
top: -11px;
background-color: #fff;
}
@media only screen and (min-width: 521px) {
.balloonA {
display: flex;
align-items: center;
gap: 0 15px;
margin-bottom: 50px;
justify-content: center;
}
.balloonA__img-wrap {
flex-basis: 30%;
}
.balloonA__text,.balloonC__text {
flex-basis: 60%; border-radius: 0.5em;
font-size: 1.5em;
display: flex;
flex-direction: column;
}
.balloonA__text::before,
.balloonA__text::after{
top: unset;
left: -15px;
width: 15px;
height: 30px;
clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.balloonA__text::after {
top: unset;
left: -11px;
}
}
.boxHozon {
width: calc(100%);
margin: 0.5%;
box-sizing:border-box;
border: 1px solid #ddd;
border-radius: 5px;
}
.boxHozon .box-title {
font-size: 25px; border-bottom: 1px solid #ddd;
padding: 1em 2.5em 1em 2.5em;
text-align: left;
color: #555;
font-weight: 600;
letter-spacing: 0.05em;
position:relative;
line-height: 20px;
}
.boxHozon .box-title:before {position:relative;font-family: 'Font Awesome 6 pro';content: "★";position: absolute;left: 0.5em;color: #ffc107;font-size: 35px;font-weight: 400;}
.boxHozon p {
padding: 15px 20px;
}
@media screen and (max-width: 600px) {
.boxHozon .box-title {
font-size: 20px;
}
}
.boxHozon li {
line-height: 1.5;
padding: 1em 2em 1em 1em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
font-size: 16px;
font-weight: 600;
}
.boxHozon li:last-child{
border-bottom: none;
}
.boxHozon li:before {  content: '●';
position: relative;
left: 0;
color: #ffc107;
padding-right: 10px;
}
.boxHozon p{
border-bottom: 1px solid #ddd; padding: 10px; font-size: 20px;
font-weight: 400;
margin-top: 0;
color: #000;
background: #f4cd1e;
font-weight: 600;
}
.boxHozon {
width: calc(100%);
margin-bottom: 20px;
margin: 0 0 20px;
}
.box_set{display:flex;flex-wrap: wrap;}
.box_set span{line-height:2;font-size:16px}
.box-harikyu {
width: 98%;
margin: 0 auto;
border: 2px solid #f4ba19;
border-radius: 3px;
overflow: hidden;
margin-bottom:10px;
margin-top:10px;
}
.box-harikyu span {
padding: .4em .8em;
background-color: #f4ba19;
color: #fff;
font-weight: 600;
}
.box-jyudo {
width: 98%;
margin: 0 auto;
border: 2px solid #8dc553;
border-radius: 3px;
overflow: hidden;
margin-bottom:10px;
margin-top:10px;
}
.box-jyudo span {
padding: .4em .8em;
background-color: #8dc553;
color: #fff;
font-weight: 600;
}
.box-kaigo {
width: 98%;
margin: 0 auto;
border: 2px solid #ea6390;
border-radius: 3px;
overflow: hidden;
margin-bottom:10px;
margin-top:10px;
}
.box-kaigo span {
padding: .4em .8em;
background-color: #ea6390;
color: #fff;
font-weight: 600;
}
.box-sports {
width: 98%;
margin: 0 auto;
border: 2px solid #e71f19;
border-radius: 3px;
overflow: hidden;
margin-bottom:10px;
margin-top:10px;
}
.box-sports span {
padding: .4em .8em;
background-color: #e71f19;
color: #fff;
font-weight: 600;
}
.box-jyudo p,.box-sports p,.box-kaigo p,.box-harikyu p {  color: #333;
font-size:16px;
font-weight:600;  width: 100%;
text-align: left;
}
.box-jyudo p.check span,.box-sports p.check span,.box-kaigo p.check span,.box-harikyu p.check span {
margin: 0 auto 1em; border-radius: 10em;
background: #fff;
color: #ae1111;
font-weight: 600; }
@media screen and (max-width: 600px){
.box_set{display:flex;flex-direction: column;}
.box-jyudo,.box-sports,.box-kaigo,.box-harikyu {
width: 98%;}
}
ul.soc { padding: 0.5em;
position: relative;
margin-top: 2em;
width: 98%;
margin: 1em auto 0.5em;
}
ul.soc li {
line-height: 1.5;
padding: 0.5em 0 0.5em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
font-size: 18px;
font-weight: 600;
}
ul.soc li:last-of-type {
border-bottom: none;
}
ul.soc li:before { font-family: "Font Awesome 5 Free";
content: "\f138"; content: '〇';
position: absolute;
left : 0.5em; color: #f4ba19; color: #000;
}
ul.soc li:after {
letter-spacing: 0.05em; }
ul.soc_txt {
padding: 0 0.5em 0;
position: relative;
margin-top: 2em;
margin-top: 0;
}
ul.soc_txt li {
line-height: 1.5;
padding: 0.5em 0 0.5em 1.4em;
border-bottom: dashed 1px silver;
list-style-type: none!important;
font-size: 16px;
color: #000;
margin-bottom: 0;
}
ul.soc_txt li:before { font-family: "Font Awesome 5 Free";
content: "\f138"; content: '●';
position: absolute;
left : 0.5em; color: #f4ba19; color: #000;
}
ul.soc_txt &gt; li:after {
display:none;
letter-spacing: 0.05em; }
ul.soc_txt li:last-of-type {
border-bottom: none;
}
.soc_set{display:none}
p.end{
text-align: center;
font-size: 1.4em;
font-weight: 650;
margin-bottom: 65px
}
@media only screen and (max-width: 414px) {
p.end{
text-align: center;
font-size: 1.3em;		
}
}
.red{
color: red;
}
.soc_pdf{background:#f4741e;color:#000;position:fixed;right:0;bottom:100px;font-weight:600;padding:10px}
.soc_pdf a{color:#fff;} table.time_schedule {border-collapse: collapse;text-align: left;font-size: 18px;letter-spacing:1px;line-height:2;width:100%;margin-bottom: 100px;max-width: 800px;margin: 10px auto 100px;padding: 10px;border: 1px solid #ddd;}
table.time_schedule tr { }
table.time_schedule th {width: 5em;padding: 10px;vertical-align: 0;   border-bottom: 1px solid #ddd;color: #004bbc;text-align: center;}
table.time_schedule td {padding: 10px;vertical-align: 0;border-bottom: #ddd 1px solid;border-left:none;font-size: 17px;font-weight: 600;}
table.time_schedule td .linkArea {margin-top:10px;text-align:left;}
table.time_schedule td .linkArea a.btn {margin:0;}
@media only screen and (max-width: 950px) {
table.time_schedule th {width:30%;padding:20px;}
table.time_schedule td {padding:20px;}	
}
@media only screen and (max-width: 800px) {
table.time_schedule { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
#outline .imgArea { width:100%;display: block;}
#outline .txtArea {float:none;width:100%; }
table.time_schedule { } }
@media only screen and (max-width: 414px) {
table.time_schedule th {width: 25%;padding: 10px;}
table.time_schedule td {padding: 10px;}	
}
.balloonB__img-wrap {
max-width: 100%;
}
.balloonB__img {
width: 100%;
height: auto;
}
.balloonB__text {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: .7em;
border: 3px solid #ffc107;
border-radius: 0;
font-size: 1.2em;
font-weight: 600;
margin-bottom: 30px;
}
.balloonB__text {
border: 3px solid #ffc107;
position: relative;
padding: .7em;
}
.balloonB__text .wrap {
display: flex;
justify-content: center;
align-items: center;
position: relative;
padding: 0;
border-radius: 0;
font-size: 1.1em;
font-weight: 600;
margin-bottom: 0;
flex-direction:column
}
.balloonB__text .wrap span {
display:block;
color:#ffc107;
font-size:1.2em;
}
.balloonB__text::before,
.balloonB__text::after {
position: absolute;
top: -15px;
width: 30px;
height: 15px;
clip-path: polygon(50% 0, 0 100%, 100% 100%);
content: '';
}
.balloonB__text::before {
background-color: #ffc107;
}
.balloonB__text::after {
top: -11px;
background-color: #fff;
}
@media only screen and (min-width: 521px) {
.balloonB {
display: flex;
align-items: center;
gap: 0 15px;
margin-bottom: 50px;
justify-content: center;
}
.balloonB__img-wrap {
flex-basis: 30%;
}
.balloonB__text {
flex-basis: 60%; border-radius: 0.5em;
font-size: 1.5em;
}
.balloonB__text::before,
.balloonB__text::after {
top: unset;
left: -15px;
width: 15px;
height: 30px;
clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.balloonB__text::after {
top: unset;
left: -11px;
}
}</pre></body></html>