@charset "utf-8";
/* CSS Document */

#ojt .wrap{
	text-align:center;
	}

#ojt h3{
	font-size:3.0vw;
	line-height:1.4;
	margin-bottom:30px;}

#ojt h4{
	display:inline-block;
	min-width:8.0vw;
	padding:0.5vw 1vw;
	margin-bottom:50px;
	background:#004E8D;
	color:#FFF;}

#ojt article{
	margin:100px auto 0;
	}


#ojt article ul.flexbox{
	margin-top:50px;
	padding:20px;
	}

#ojt article ul.flexbox li{
	width:47%;
	display: flex;
	flex-direction: column;
	}

#ojt article ul.flexbox li h5{
	font-size:1.6vw;
	color:#F18D1E;
	padding-bottom:10px;
	border-bottom:solid #F18D1E 1px;}

#ojt article ul.flexbox li p{
	margin:20px auto;
	text-align:left;}

#ojt article ul.flexbox li img{
	margin-top:auto;}

@media screen and (max-width: 769px) {

#ojt p{
	text-align:left;
	}

#ojt h4{
	font-size:1.6rem;
	min-width:120px;
	padding:5px 15px;}

#ojt article{
	margin:50px auto 0;
	}

#ojt article ul.flexbox{
	margin-top:30px;
	}

#ojt article ul.flexbox li{
	width:100%;
	}

#ojt article ul.flexbox li + li{
	margin-top:30px;
	}

#ojt article ul.flexbox li h5{
	font-size:1.6rem;}



}