@charset "UTF-8";
#business { overflow: hidden;}
#biz-comment img,.biz-text img { width: auto; max-width: 100%; height: auto;}
.contents h1 { font-size: 2rem; color: #fff; background-color: #43b149; font-weight:bold; padding: 1rem;}.contents h2 { font-size: 1.4rem; color: #43b149; font-weight:bold; border-bottom:1px solid #43b149;}.contents h3 { font-size: 1.1rem; color: #43b149; font-weight:bold;}.contents h3:before { content: '■';}
.arrow {font-size: 300%;	color: #43b149;	text-align: center;}figure {position: relative;	z-index: 5;}figcaption {position: absolute;	top:10px;	left: 0;	font-size: 160%;	color: #43b149; text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, -1px 1px 0px #fff, 1px -1px 0px #fff, 1px 0px 0px #fff, -1px 0px 0px #fff, 0px 1px 0px #fff, 0px -1px 0px #fff;	z-index: 10;	transform:rotate(-30deg);}
#qanda dl {border: 1px solid #43b149;	border-radius: 10px;	padding: 1rem;}
#qanda dt { text-indent: -1.5em; padding-left: 1.5em; border-bottom: 1px dotted #43b149; padding-top: .25rem; margin-bottom: .5rem;}
#qanda dd { text-indent: -1.5em; padding-left: 1.5em;}#qanda dt:before {content: 'Q.';	color: #ff0000;	font-weight: bold;	font-size: 120%;	margin-right: .5rem;}#qanda dd:before {content: 'A.';	color: #333;	font-weight: bold;	font-size: 120%;	margin-right: .5rem;}
#flow i {color: #43b149;}#flow dt {font-size:140%;}
#flow dt span {font-size:140%;}
@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; }
.contents h1 { font-size: 1.5rem;}figcaption {top:20px;	left: 0;	font-size: 250%;} .arrow {margin-bottom: 20px; }
}