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

/*コラムメインエリア */

.bold{
	font-weight: bold;
}

h2.column-title1{
	width: 40%;
	margin-left: 30%;
	font-size: 30px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFF;
	margin-bottom: 20px;
	margin-top: 20px;
	border: 1px solid #999;
	background-color: #00b0f0;
}

.column-box1{
	width: 92%;
	margin-left: 2%;
	background-color: #FFFFFF;
	border: 1px solid #333;
	margin-bottom: 15px;
	padding: 2%;
	font-size: 16px;
	line-height: 32px;
	color: #000;
}

.column-box1 p a{
	color: #000;
}

#column-title2{
	width: 90%;
	font-size: 18px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
	margin-top: 30px;
	margin-left: 5%;
}


.column-box1 #column-img-l{
	width: 80%;
	margin-left: 8%;
	margin-top: 20px;
	margin-bottom: 20px;
}

.column-box1 #column-img-m{
	width: 60%;
	margin-left: 10%;
	margin-top: 20px;
	margin-bottom: 20px;
}


.column-box1 #column-img-s{
	width: 40%;
	margin-left: 30%;
	margin-top: 20px;
	margin-bottom: 20px;
}



/*------スマホ812px以下画面--------------------------------------------------------*/
@media screen and (max-width: 812px){

.column-box1{
	line-height: 24px;
	font-size: 15px;
}

.column-box1 h3{
	margin-top: 20px;
}



#column-title2{
	width: 90%;
	font-size: 16px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
	margin-top: 30px;
	margin-left: 8%;
}


/*------スマホ414px以下画面--------------------------------------------------------*/
@media screen and (max-width: 414px){

.column-box1{
	line-height: 22px;
	font-size: 14px;
}


#column-title2{
	width: 100%;
	font-size: 14px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
	text-align: center;
	color: #000;
	margin-bottom: 20px;
	border: 1px solid #999;
	margin-top: 30px;
	margin-left: 0%;
}

.column-box1 #column-img-l,.column-box1 #column-img-m,.column-box1 #column-img-s{
	width: 100%;
	margin-left: 0%;
	margin-top: 20px;
	margin-bottom: 20px;
}


}

/*------スマホ375px以下画面--------------------------------------------------------*/
@media screen and (max-width: 375px){

h2.column-title1{
	width: 40%;
	margin-left: 30%;
	font-size: 26px;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	color: #FFF;
	margin-bottom: 20px;
	margin-top: 50px;
	border: 1px solid #999;
	background-color: #00b0f0;
}


}