@charset "shift-jis";

/**
 *
 * Column22 Style css
 *
**/

.column-box h4{
	padding:0.5em;
}

.column-box h4 span{
	font-size:0.9em;
	padding:0.6em;
	background:#4480c1;
	color:#fff;
	margin-right:0.5em;
}

.column-box .bg-img1{
	background:url(../img/kazokuso.png) no-repeat top right 5%;
	padding:15px 35% 15px 0;
}
.column-box .bg-img2{
	background:url(../img/kakaku.png) no-repeat top right 13%;
	padding:20px 45% 30px 0;
}
.column-box .bg-img3{
	background:url(../img/net.png) no-repeat top right 8%;
	padding:0 45% 0 0;
}
.column-box .bg-img4{
	background:url(../img/sekizai.png) no-repeat top right 13%;
	padding:20px 40% 40px 0;
}
.column-box .bg-img5{
	background:url(../img/akutoku.png) no-repeat top right 10%;
	padding:20px 45% 30px 0;
}

.column-box .inner06 ul.li-1{
	font-size:16px;
}
.column-box .inner06 ul.li-1 li{
	padding:8px 10px;
}
.column-box .inner07 .ol-num li{
	border-top:1px solid #ddd;
  	padding-top:1em;
  	padding-bottom:1em;
	margin-bottom:0;
}
.column-box .inner07 .ol-num li:last-child{
	border-bottom:1px solid #ddd;
}
.column-box .inner07 .ol-num li p{
	font-size:16px;
	font-weight:700;
	line-height:100%;
	margin:0 0 10px;
	padding:4px 0 2px;
}

.column-box .inner08 .inner-btm{
	text-align:left;
}

.column-box .inner-last > div > div p{
	padding:20px 0;
}


@media(max-width:480px){
.column-box h3{
	font-size:18px;
	padding:0.5em;
}

.column-box .bg-img1,
.column-box .bg-img2,
.column-box .bg-img3,
.column-box .bg-img4,
.column-box .bg-img5{
	background-position:top center;
	padding:150px 0 0;
}
.column-box .bg-img1 p{
	background:#fff;
}
.column-box .bg-img2 p,
.column-box .bg-img3 p,
.column-box .bg-img4 p,
.column-box .bg-img5 p{
	background:#f8fafb;
}

.column-box .bg-img1{
	background-size:30%;
}
.column-box .bg-img3{
	background-size:40%;
}
.column-box .bg-img5{
	background-size:35%;
}

.column-box .inner-last > div > div p{
	padding:10px 0;
}
}

@media(max-width:375px){
.column-box .bg-img1,
.column-box .bg-img3,
.column-box .bg-img5{
	background-size:40%;
	padding:130px 0 0;
}
.column-box .bg-img3{
	background-size:50%;
}

.column-box .inner06 ul.li-1{
	font-size:15px;
	padding:0;
	width:100%;
	margin-bottom:20px;
}
.column-box .inner06 ul.li-1 li{
	padding:8px 6px;
}
.column-box .inner07 .ol-num li p{
	line-height:130%;
	padding:0;
}

.column-box .inner-last > div > div p{
	padding:0;
}
}