@charset "UTF-8";


.qa{
	margin:1em 0 1em;
}
.qa dt,
.qa dd{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:0.5em 0;
}
.qa dd{
	justify-content:flex-end;
}
.qa span{
	border-radius:30px;
	padding:2% 2% 2% 4em;
	position: relative;
	display: inline-block;
	min-height:3.5em;
}
.qa span:before{
	content: "";
	position: absolute;
	top: 50%;
	margin:-10px 0 0 0;
}
.qa dt span{
	background-color:rgba(215,240,250,1);
	margin-left:15px;
}
.qa dt span:before{
	content: "";
	left: -22px;
	border: 10px solid transparent;
	border-right: 15px solid rgba(215,240,250,1);
}
.qa dd span{
	background-color:rgba(250,230,240,1);
	margin-right:15px;
}
.qa dd span:before{
	content: "";
	right: -22px;
	border: 10px solid transparent;
	border-left: 15px solid rgba(250,230,240,1);
}
.qa span:after{
	display:block;
	font-weight:bold;
	font-size:3em;
	position:absolute;
	top:50%;
	left:15px;
	line-height:1;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.qa dt span:after{
	content:'Q';
	color:rgba(100,175,225,0.5);
}
.qa dd span:after{
	content:'A';
	color:rgba(240,140,180,0.5);
}
.qa dt img{
	width:90px;
}
.qa dd img{
	width:120px;
	order:2;
}


/* タブレット縦 ---------------*/
@media screen and (max-width: 768px) and (orientation: portrait){
.qa dd span:after{
	display:block;
	font-weight:bold;
	font-size:3em;
	position:absolute;
	top:3%;
	left:5%;
	line-height:1;
	transform: translateY(0%);
	-webkit- transform: translateY(0%);
}
.qa dd span{
	padding:4em 2% 2% ;
}

}





.sangyo_bunrui{
	display:flex;
	justify-content:space-between;
}
.sangyo_bunrui div{
	width:32%;
	border-radius:10px;
	padding:4%;
	font-size:1.2em;
}
.sangyo_bunrui div.nougyou{
	background-color:rgba(215,230,160,0.5);
}
.sangyo_bunrui div.kougyou{
	background-color:rgba(250,200,200,0.5);
}
.sangyo_bunrui div.syougyou{
	background-color:rgba(250,220,160,0.5);
}
.sangyo_bunrui dt{
	font-weight:bold;
	margin:0;
	text-align:center;
}
.sangyo_bunrui dd{
	margin:0;
	text-align:center;
}


/**/
/* タブレット縦 
--------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
}

/* PC・タブレット横
--------------------------------------------------------------------------------*/
@media  screen and (min-width: 769px) {
}





