@charset "UTF-8";
.biz-sec .row { background-color: rgba(33,33,33,0);}
#business { overflow: hidden;}.biz-text-area { padding: 2.5vw;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-sec h2 { background-color: rgba(33,33,33,.05); border-left: solid 4px #007215; padding: .5vw .5vw .5vw .8vw;}
.circle { display: inline-block; color: #ffffff; width: 10vw; height: 10vw; border-radius: 50%; background: linear-gradient(30deg, #007215, #31bf4b); text-align:center; line-height: 10vw; margin: 0 20px;}
@media (min-width: 768px){ .biz-text-area { padding: 3vw; height: 100%; } .biz-sec h2 { font-size: 130%; } .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }
#kind01 { transition: .6s ease-out; transform: translateY(40px); opacity: 0;}#kind02 { transition: .6s .6s ease-out; transform: translateY(40px); opacity: 0;}#kind03 { transition: .6s 1s ease-out; transform: translateY(40px); opacity: 0;
}
#kind01.delighter.started,
#kind02.delighter.started,
#kind03.delighter.started { transform: translateY(0); opacity: 1;}}
@media (min-width: 1200px){ #business { font-size: 1.1rem; }	.biz-text-area {padding: 30px;}}
@media (max-width: 767px){ .biz-sec h2 { font-size: 110%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; }
.circle { width: 25vw; height: 25vw; line-height: 25vw; margin: 20px 10px ;}}
@media (max-width: 575px){ .index-header::after { bottom: 4vw; }
}