@charset "UTF-8";
.biz-sec { background-color:#17a2b8;}
#business { overflow: hidden;}.biz-text-area { padding: 3vw; color: #ffffff;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-text-area h2 { border-bottom: solid 1px #ffffff; padding-bottom: 3px;}
.midashi { color: #009ccc; padding: 0 0 20px; text-align: center;}.title-deco h2{ border-radius: 20px} .area-xs { width: 25%; }
.bf{ color: #17a2b8;}
@media (min-width: 768px){ .biz-text-area { padding: 1vw; height: 100%; } .biz-text-area h2 { font-size: 140%; } .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}
@media (min-width: 1300px){ .biz-text-area { font-size: 1.1rem; }}
@media (max-width: 767px){ .biz-text-area h2 { font-size: 120%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; }}@media (max-width: 575px){ .index-header::after { bottom: 4vw; } #greeting { line-height: 6vw; }}
.works-list-wrap,.ba-list-wrap { padding: 3vw 2vw 1vw;}.works-list-wrap { background-color: #009ccc; color: #ffffff;}.works-list-wrap h2 { border-bottom: solid 1px #ffffff;}.w-list, .ba-list { padding-top: 2vw; padding-bottom: 2vw;}a.works-frame { color: #ffffff; text-shadow: 0 0 1px rgba(0,0,0,1);}.works-frame i { transition: 0.2s ease-in-out;}.works-frame:hover i { transform: scale(1.2);}.works-des, .ba-des { line-height: 1.7vw;}
.ba-list-wrap { background-color: #ffffff; color: #111111;}.ba-list-inner { background-color: #ddeeff;}.before, .after { position: relative; z-index: 2;}.after { z-index: 1;}
.before:after { font-family: 'Font Awesome 5 Free'; font-weight: 900; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; content: '\f101'; position: absolute; font-size: 300%; color: #009ccc; top: 35%; right: -2vw; z-index: 123;}
@media (min-width: 1300px){ .works-list-wrap, .ba-list-wrap { font-size: 1.1rem; }}
@media (max-width: 991px){ .before:after { font-size: 580%; right: -4vw; }}
@media (max-width: 767px){ #works-list, #ba-list { padding: 4vw 0 2vw; } .works-list-wrap ul { margin: 0; } .works-des, .ba-des { line-height: 4vw; } .w-list, .ba-list { padding-top: 3.5vw; padding-bottom: 3.5vw; } .before:after { font-size: 280%; }}@media (max-width: 575px){ .before:after { content: '\f103'; right: 45%; font-size: 400%; top: auto; bottom: -11vw; } .after { margin-top: 8vw; }
}