@charset "utf-8";
/*====================================
	for company.html
	Date of 2015.01.16
====================================*/
#selectBtn{
	width:530px;
	margin:0 auto;
}
#selectBtn p{
	width:250px;
	float:left;
	margin-right:25px;
}
#selectBtn p:last-child{
	margin-right:0;
	}
#selectBtn p a{
	width:250px;
	font-size:1.5rem;
	text-decoration:none;
	color:#444;
	display:block;
	overflow:hidden;
	padding:7px 5px 7px 15px;
	border:4px solid #CCCCCC;
	box-sizing:border-box;
}
#selectBtn p a:before{
	content: "\f107";
  font-family: FontAwesome;
	font-size:1.5rem;
	font-weight:900;
	color:#07265A;
	display:inline-block;
	margin-right:10px;
}
#selectBtn p a:hover{
	color:#07265A;
	background:#ECECEC;
}
.voiceBox{
	margin-bottom:70px;
	padding-bottom:50px;
	border-bottom:1px dashed #D0D0D0;
}
.voiceItem{
	margin-bottom: 30px;
}

.voiceTitle{
	font-size:2.0rem;
	line-height:1.5;
	color:#07265A;
	font-weight:900;
	margin-bottom:20px;
}

.voiceName{
	font-size:1.8rem;
	line-height:1.5;
	margin-bottom:15px;
}
.voiceName span{
	font-size: 1.4rem;
	color:#349CDF;
	display:inline-block;
	margin-right:10px;
}
.voiceMemo{
	width: 330px;
	display: flex;
	align-items: center;
	padding:15px;
	background:#EEEEEE;
}
.voiceMemoTitle{
	font-size: 1.4rem;
	line-height:1.5;
	color:#fff;
	padding:1px 10px;
	display:inline-block;
	background:#07265A;
	margin-right: 15px;
}
.voiceMemo dd{
	font-size:1.4rem;
}
@media screen and (max-width: 767px){
	.voiceMemo{
		width: 100%;
		display: flex;
		align-items: center;
		padding:15px;
		background:#EEEEEE;
		box-sizing: border-box;
	}
}
#tripBox{
	margin-bottom:40px;
}
.tripList{
	width:600px;
	float:left;
}
.tripList dl{
	width:100%;
	display:table;
	border-bottom:1px dashed #CFCFCF;
}
.tripList dt{
	width:20%;
	font-size:1.4rem;
	line-height:1.5;
	text-align:center;
	display:table-cell;
	padding:10px 5px;
	background:#EEEEEE;
}
.tripList dd{
	width:80%;
	font-size:1.4rem;
	line-height:1.5;
	display:table-cell;
	padding:10px 5px 10px 15px;
}
.tripImg{
	width:297px;
	float:right;
}
@media screen and (max-width: 767px){
#selectBtn{
	width:100%;
}
#selectBtn p{
	width:100%;
	margin-right:0;
	margin-bottom:15px;
}
#selectBtn p:last-child{
	margin-right:0;
}	
#selectBtn p a{
	width:100%;
}
.voiceItem{
	display: flex;
	flex-direction: column;
}
.voiceImg{
	width:230px;
	margin:0 auto 15px;
}
.voiceDetail{
	width:100%;
	float:none;
}
.voiceTitle{
	font-size:1.8rem;
	line-height:1.5;
	color:#062659;
	font-weight:900;
	display:block;
}

.tripList{
	width:100%;
	float:none;
}
.tripList dl:last-child{
	margin-bottom:20px;
}
.tripImg{
	width:297px;
	float:none;
	margin:0 auto;
}
}