@charset "UTF-8";
#business { overflow: hidden;}#business > section { padding: 0 8vw;}
#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.biz-text h2 {font-size: 140%;	border-bottom:1px solid #222;}.biz-text h2:before {content: '■';	color: #ffffff;	width: 10px;	margin-right: 5px;}
#bg-service > div {background-image: url("../img/service01.jpg");	background-size: cover;	background-position: center center;	background-repeat: no-repeat;}
#service-box {background:rgba(255,255,255,.6);	height: 30vw;}
@media (min-width: 768px){ .biz-text-area { height: 100%; } .biz-text-area h3 { font-size: 140%; } .bg-left h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw 0 3vw 2vw; margin-left: -3vw; width: calc(100% - 3vw);}.bg-right h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw 0 3vw 2vw; margin-left: 3vw; width: calc(100% + 3vw);}
.bg-left h3::after,
.bg-right h3::after { content: ""; display: block; height: 1px; width: 25%; background-color: #fff; margin-top: 1rem;} .bg-left .biz-text { padding: 0 6vw 0 3vw;} .bg-right .biz-text { padding: 0 3vw 0 3vw;} .biz-text-area h3 { font-size: 120%; margin-bottom: 0; } .biz-text-area h4 { font-size: 110%; margin-bottom: 0; }}
@media (min-width: 768px){ }@media (min-width: 1200px){ .biz-text-area { font-size: 1.1rem; }}
@media (max-width: 767px){ #business > section { padding: 0 3vw; } .biz-text-area h2 { font-size: 120%; } .biz-text-area h3 { font-size: 105%; } .biz-text-area h4 { font-size: 100%; } .bg-left h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw ; } .bg-right h3 { color: #fff; background-color:rgba(48,97,155,.8); padding: 3vw ; } }@media (max-width: 575px){ .index-header::after { bottom: 4vw; }
#service-box {height: 80vw;}
}