@charset "UTF-8";
.biz-sec .row { background-color: rgba(34,34,34,0);}
#business { overflow: hidden;}.biz-text-area { padding: 2.5vw;}#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.contents header { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}.contents header.delighter.started { transform: translateY(0); opacity: 1;}
#repair {height: 30vw;	background-image: url("../images/business01.jpg");	background-size: cover;	background-position: center center;	background-attachment: fixed;	background-repeat: no-repeat;}
.contents h2 { font-size: 300%; color: #aaaaaa;}
p.ja-ttl { font-size: 160%; color: #45372C;}
.contents h3 { font-size: 160%; color: #fafafa; background-color: #222; padding: .5rem 1rem;}
.contents h4 { font-size: 140%; border-left: 8px solid #222; border-bottom:1px solid #222; padding-left: 8px; padding-bottom: .5rem;}
.contents dt {font-size: 120%; border-bottom:1px solid #222;}
.contents .flow { height: 100%; transition: .6s ease-out; transform: translateY(40px); opacity: 0;}.contents .flow.delighter.started { transform: translateY(0); opacity: 1;}
.fa-caret-down {font-size: 300%;}
.contents table th,
.contents table td { border:1px solid #222; padding: .5rem 1rem;}.contents table th:first-child {width: 25%;}
@media (min-width: 768px){ .biz-text-area { padding: 3vw; height: 100%; }}
@media (min-width: 1200px){ #business { font-size: 1.1rem; }	.biz-text-area {padding: 30px;}}
@media (max-width: 767px){}
@media (max-width: 575px){ .index-header::after { bottom: 4vw; } #greeting { line-height: 6vw; }
.contents table th,
.contents table td { padding: .5rem .5rem;}#repair {height: 80vw;	background-attachment: scroll;}}