@charset "UTF-8";

/********************************************************************************
* bus-trip
*********************************************************************************/

#topics{
	padding-top:88px;
	padding-bottom:80px;
}

#topics section{
	padding-bottom:80px;
}

#topics h1{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	 -ms-flex-flow:row nowrap; flex-flow:row nowrap;
	 -webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	 -webkit-align-items: center;  -ms-flex-align: center; align-items: center;
    background-color: #009fe8;
    color: #FFF;
    font-weight:600;
    padding: 0.7em 1em 0.7em 2em;
    letter-spacing: 0.15em;
    font-size:20px;
    line-height:1.3em;
    position:relative;
    margin-bottom:1em;
}
#topics h1:before{
    content: '';
    display:block;
    width:1px;
    height:60%;
    border-left:6px solid #FFF;
    position:absolute;
    left:1em;
}

#topics .logo-img{
	margin:3em 0;
}

#topics h2{
	font-size:17px;
	color:#4d4d4d;
	text-align:center;
	margin-bottom:2em;
	line-height:1.3em;
}

#topics p{font-size:15px;line-height:1.4em;}

dl.topics-detail{
	display: -webkit-flex; display: -ms-flexbox; display: flex;
	-ms-flex-flow:column nowrap; flex-flow:column nowrap;
	-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;
	-webkit-align-items: flex-start; align-items: flex-start;
	margin:1em auto;
}
dl.topics-detail dt{
	font-weight:600;line-height:1.8em;
}
dl.topics-detail dd{
	padding:1em 0 1em 0;line-height:1.4em;
}
dl.topics-detail dd span{
	display:block;line-height:1.4em;margin-bottom:0.7em;
}

dl.topics-detail dd small{
	font-size:0.8em;display:block;
}

@media(max-width:767px){
	#topics h1{font-size:16px;text-align:justify;line-height:1.5em;}
	#topics h2{text-align:left;}
}

@media(max-width:480px){
	dl.topics-detail dt{font-size:3.6vmin;width:100%;border-bottom:1px dashed #ccc;}
	dl.topics-detail dd{font-size:3.3vmin;}

}