@charset "utf-8";
/* CSS Document */
h2.obi {
    background: #00a0e9;
    padding: 10px 0;
	    border-radius: 18px;
	text-align: left;
	padding-left: 15px;
}
.yell{
	color: #fff100;
	text-shadow:0px 0px 2px #000000;
	font-weight: bold;
}
.ttl{
	font-size:30px;
	text-align:center;
	line-height:1.6;
}

.blue{
	color:#00A1EA;
}

.black{
	color:#000;
}

.t1{
	background: #00b9ef;
	color: #fff;
	text-align: center;
	padding: 5px;
	border-radius: 18px;
	font-size: 22px;
	margin-bottom: 20px;
}
.t2{
	font-size: 18px;
	text-align: center;
	color: #00b9ef;
	font-weight: bold;
	margin-bottom: 25px;
}
.left{
	float:left;
	width:651px;
}

.right{
	float:right;
	width:400px;
	/*padding-top:70px;*/
/*		padding-top:90px;*/
}

.right p{
	/*text-indent:-1em;
	padding-left:1em;*/
	font-size:16px;
	line-height:1.8;
	
	font-size: 16px;
	line-height: 1.4;
}

.right h3 {
	color:#00a0e9;
	font-size:24px;
	/*font-weight: bold;*/
}
.right p span{
	color:#00a0e9;
}

.lh18{
	line-height:1.8;
}

.col3 li{
	width:25%;
	float:left;
	padding:20px 0;
	text-align:center;
	box-sizing:border-box;
	border-right:1px dotted #CCC;
}

.col3 li:nth-child(5){
	clear:both;
}


.col3 li:nth-child(-n+4){
	border-bottom:1px dotted #CCC;
	box-sizing:border-box;
}
.col3 li:last-child{
/*	text-align: left;*/
	padding-left: 10px;
}
.col4 {
	display: flex;
	align-content: flex-start;
	flex-wrap: wrap;
}
.col4 li:last-child{
	padding-left: 10px;
	text-align: left;
}

.col4 li{
	width:20%;
	padding: 15px 30px;
	border-right:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	box-sizing:border-box;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}