@charset "UTF-8";
.biz-sec { background-color: rgba(10,10,10,.1);}
#business { overflow: hidden;}#business dl ul { background-color: rgb(255,255,255,75%);}#business dl ul li{ color: #0092a5; border: solid 1px #0092a5; border-radius: 16px; text-align: center;}#business dl dt{ font-weight: 100;}#lower-comment h4{ border-bottom: solid 1px #0092a5;}.biz-text-area { padding: 3.5vw;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-text-area h2 { background-color: #ffffff; border-left: solid 3px #018eda; padding: .5vw .5vw .5vw .8vw;}
.biz-text-area h3 { color: #018eda;}.fade00 ul.waku { border:solid 5px #0092a5; border-radius: 15px; background-color: #fff;}.works-list-wrap h3 { color:#fff700; background-color: #2e5ea3; border-radius: 10px;}.works-list-wrap li a{ height: 20vw; border: solid 5px #fff; box-shadow: 0 0 5px #666; border-radius:50%;}.bg-style{ background-color:#f1f5ff;}.works-list-wrap.dis9{ display:none!important;}.works-list-wrap .dis0,.works-list-wrap .dis1,.works-list-wrap .dis2,.works-list-wrap .dis3{ display:block!important;}
.works-list-wrap h2{ color: #018eda; /* background-color: rgba(10, 10, 10, .1); */ padding: .5vw .5vw .5vw .8vw; border-left: solid 7px #018eda;}#banner h2{ display: inline-block; position: relative; color:#e10000;}#banner h2:before { content: ''; display: inline-block; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); width: 60px; height: 4px; background-color:#e10000;}#banner .waku{ width: 90%; margin:0 auto; padding: 3vw; background-color: rgb(255 255 255 / 75%); box-shadow: 0 0 10px #bbb; border-radius: 10px;}@media (min-width: 768px){ .biz-text-area { padding: 3vw; 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; } .works-list-wrap li a{ height:250px; }}
@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%; } .works-list-wrap li a{ height: 90vw; }}@media (max-width: 575px){ .index-header::after { bottom: 4vw; } #greeting { line-height: 6vw; }
}