@charset "utf-8";

/* ------------------------------------------------
   voice
-------------------------------------------------*/
/*

voice color
#15529B
rgb(21,82,155)

*/
#container{
	padding:0px !important;
	background:none !important;
}
section{
	padding:0px !important;
}
section h2{
	width:100%;
	padding:0px !important;
}

section ul{
	position:relative;
	width:100%;
	list-style:none;
}
section ul li{
	position:relative;
	margin:0 0 25px;
	padding:15px 15px 18px;
	background:rgba(255,255,255,0.8);
	border:1px solid rgba(0,0,0,0.8);
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.4);
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	main{
		min-height:0px;
		padding:0px;
	}
	section{
		padding:0 !important;
	}
	section ul{
		padding:0 10px;
	}
}

/* ------------------------------------------------
   detail
-------------------------------------------------*/

section ul li div.detail{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	margin:0 0 5px;
	}
	section ul li div.detail:after{
	    content:" ";
	    display:block;
	    clear:both;
	}
	section ul li div.detail div.photo{
		width:200px;
	}
	section ul li div.detail div.detail_txt{
		width:calc(100% - 220px);
	}
	section ul li div.detail div.detail_txt h3{
		position:relative;
		margin:0 0 10px;
		padding:0px !important;
		font-weight:bold !important;
		font-size:1.1rem !important;
		text-align:left !important;
		background:none !important;
		color:#000 !important
	}
	section ul li div.detail div.detail_txt .set_profile{
		margin:0 0 20px;
	}
	section ul li div.detail div.detail_txt .set_profile p{
		margin:0px !important;
		font-weight:bold;
		font-size:0.84rem !important;
	}

	section ul li div.detail div.detail_txt h4{
		position:relative;
		margin:0 0 7px !important;
		padding:0 0 0 27px !important;
		font-weight:bold;
		font-size:0.9rem;
		text-align:left;
		border-bottom:1px solid #4791C8 !important;
		color:#4791C8 !important;
		}
		section ul li div.detail div.detail_txt h4:before{
			content:"Q";
			position:absolute;
			left:0px;
			top:0px;
			padding:0px;
			font-family: 'Noto Serif JP', serif;
			font-weight:bold;
			font-size:1.5rem;
			color:#4791C8;
	}
	section ul li div.detail div.detail_txt h5{
		position:relative;
		margin:0 0 3px;
		padding:0 0 0 27px !important;
		font-weight:bold;
		font-size:0.9rem;
		text-align:left;
		color:#C81233;
		}
		section ul li div.detail div.detail_txt h5:before{
			content:"A";
			position:absolute;
			left:0px;
			top:-3px;
			padding:0px;
			font-family: 'Noto Serif JP', serif;
			font-weight:bold;
			font-size:1.5rem;
			color:#C81233;
	}
	section ul li div.detail div.detail_txt p{
		font-size:0.82rem !important;
		line-height:1.5;
}


/* --- responsive --- */
@media only screen and (max-width:767px){
	section ul li div.detail{
		display:block;
		margin:0 0 10px;
		}
		section ul li div.detail div.photo{
			float:left;
			width:100px;
			margin:0 10px 10px 0;
		}
		section ul li div.detail div.detail_txt{
			width:100%;
		}
		section ul li div.detail div.detail_txt h3{
			font-size:0.9rem !important;
		}
		section ul li div.detail div.detail_txt .set_profile{
			margin:0 0 10px;
		}
		section ul li div.detail div.detail_txt .set_profile p{
			font-size:0.74rem !important;
		}

		section ul li div.detail div.detail_txt h4{
			clear:both;
		}
		section ul li div.detail div.detail_txt p{
			font-size:0.74rem !important;
	}
}


/* ------------------------------------------------
   co
-------------------------------------------------*/

section ul li h4.co{
	width:100% !important;
	margin:0 0 10px !important;
	padding:0 10px !important;
	font-size:0.87rem !important;
	color:#FFF !important;
	border-bottom:none !important;
	background:linear-gradient(90deg, rgba(71,145,200,0.5), rgba(71,145,200,0));
}

section ul li div.co{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
	flex-wrap:wrap;
	position:relative;
	margin:0 0 0px;
	}
	section ul li div.co div{
		width:200px;
		}
		section ul li div.co div img{
			width:100%;
			height:auto;
	}
	section ul li div.co p{
		width:calc(100% - 220px);
		margin:0px !important;
		font-size:0.82rem !important;
		line-height:1.5;
}

section ul li div.co-noimg p{
		margin:0 5px 0 8px  !important;
		font-size:0.82rem !important;
		line-height:1.5;
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	section ul li div.co div{
		width:200px;
		max-width:100%;
		margin:0 auto 15px;
	}
	section ul li div.co p{
		width:100%;
		font-size:0.74rem !important;
	}
	section ul li div.co-noimg p{
		margin:0 !important;
		width:100%;
		font-size:0.74rem !important;
	}
}



/* ------------------------------------------------
   hp
-------------------------------------------------*/

section ul li .hp{
	position:relative;
	margin:10px 0 0px !important;
	text-align:right;
	color:#FFF !important;
	border-bottom:none !important;
	background:linear-gradient(-90deg, rgba(71,145,200,0.20), rgba(71,145,200,0));
	}
	section ul li .hp a{
		padding-right:30px;
		font-size:0.72rem !important;
		text-align:right;
		text-decoration:none;
		color:rgba(71,145,200,1);
		transition-duration:0.5s;
	}
	section ul li .hp a:hover{
		text-decoration:underline;
		color:rgba(236,105,3,1);
	}
	section ul li .hp a:before,
	section ul li .hp a:after{
		content:" ";
		position:absolute;
		transition-duration:0.5s;
	}
	section ul li .hp a:before{
		top:50%;
		right:16px;
		height:6px;
		width:7px;
		margin-top:-3px;
		background:rgba(71,145,200,1);
	}
	section ul li .hp a:after{
		top:50%;
		right:0px;
		margin-top:-8px;
		border: 8px solid transparent;
		border-left: 8px solid rgba(71,145,200,1);
	}
	section ul li .hp a:hover:before{
		background:rgba(236,105,3,1);
	}
	section ul li .hp a:hover:after{
		border-left: 8px solid rgba(236,105,3,1);
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	section ul li div.co div{
		width:200px;
		max-width:100%;
		margin:0 auto 15px;
	}
	section ul li div.co p{
		width:100%;
		font-size:0.74rem !important;
	}
}