@charset "UTF-8";
.logo-area {position: absolute;	top:0;	left: 2rem;}#center-logo {height:0;	width:0%;	text-align: center;}
.logo-area img { width: 8vw;}
#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: #ffc83f;	width: 10px;	margin-right: 5px;}
@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; } #greeting { line-height: 6vw; }
}