/* CSS Document */
#main-content { padding-bottom: 107px; }

h1.title-page { margin-bottom: 28px; }

.title-page.jp { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, sans-serif; }

h2.title-page { margin-bottom: 40px; }

/*
#main-content .content h3 {
	color: #000;
	font-size: 20px;
	line-height: 30px;
	margin-bottom: 28px;
}
*/
#main-content .content p {
	font-size: 12px;
	line-height: 26px;
	margin-bottom: 23px;
}

.box-content	{
	margin-left: -16px;
	margin-right: -16px;
}

.box-content h3 {
	color: #000;
	font-size: 18px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.box-content p {
	margin-bottom: 15px;
}

.box-content p img {
	width: 100%;
	height: auto;
}

.column1 { width: 100%; padding-bottom: 30px; padding-left: 16px;	padding-right: 16px; }
.column1 .box-column { width: 100%; }
.column1 .box-column p { width: 100%; }
.column1 .box-column .box-text	{ width: 100%; }

.column2-left { width: 100%; padding-bottom: 30px; padding-left: 16px;	padding-right: 16px; }
.column2-left	h3 { position: relative; top: -7px; }
.column2-left .box-column { width: 100%; clear: both; }
.column2-left .box-column .img { width: 48%; float: left; margin-right: 3.33%;vertical-align: top; }
.column2-left .box-column .box-text { width: 48%; float: right; }
.column2-left .box-column .box-text p	{ width: 100%; position: relative; top: -7px; }

.column2-right { width: 100%; padding-bottom: 30px; padding-left: 16px;	padding-right: 16px; }
.column2-right	h3 { position: relative; top: -7px; }
.column2-right .box-column { width: 100%;clear: both;}
.column2-right .box-column .img { width: 48%; float: right; margin-left: 3.33%;vertical-align: top; }
.column2-right .box-column .box-text { width: 48%; float: left; }
.column2-right .box-column .box-text p	{ width: 100%; position: relative; top: -7px; }

.column3 { float:left; width: 50%; padding-bottom: 30px; box-sizing:border-box;}
.column3 .box-column { width: 100%; display: inline-block; vertical-align: top; padding-left: 16px;	padding-right: 16px; }
.column3 .box-column p { width: 100%; }
.column3 .box-column .img img { background:#eee; }
.column3 .box-column .box-text	{ width: 100%; }






@media screen and (max-width: 768px) {
	#main-content { padding-bottom: 41px; }
	
	h2.title-page { margin-bottom: 12px; }
	
	#main-content .content h3 {
		font-size: 18px;
		line-height: 22px;
		margin-bottom: 9px;
	}
	
	#main-content .content p {
		font-size: 12px;
		line-height: 20px;
	}
	
	#main-content .content { padding: 0 10px; }


	.box-content {
		padding: 0 10px;
		margin-left: 0;
		margin-right: 0;
	}

	.box-content h3 {
		font-size: 13px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}

	.column1 { width: 100%; padding-bottom: 20px; padding-left: 0; padding-right: 0;}
	.column1 .box-column { width: 100%; }
	.column1 .box-column p { width: 100%; }
	.column1 .box-column .box-text	{ width: 100%; }

	.column2-left { width: 100%; padding-bottom: 30px; padding-left: 0; padding-right: 0;}
	.column2-left	h3 { position: relative; top: 0; }
	.column2-left .box-column { width: 100%; clear: both; }
	.column2-left .box-column .img { width: 100%; float: none; margin-right: 0;vertical-align: top; }
	.column2-left .box-column .box-text { width: 100%; float: none; }
	.column2-left .box-column .box-text p	{ width: 100%; position: relative; top: 0; }

	.column2-right { width: 100%; padding-bottom: 20px; padding-left: 0; padding-right: 0;}
	.column2-right	h3 { position: relative; top: 0; }
	.column2-right .box-column { width: 100%; clear: both;}
	.column2-right .box-column .img { width: 100%; float: none; margin-left: 0;vertical-align: top; }
	.column2-right .box-column .box-text { width: 100%; float: none; }
	.column2-right .box-column .box-text p	{ width: 100%; position: relative; top: 0; }

	.column3 { width: 100%; padding-bottom: 20px; }
	.column3 .box-column { width: 100%; display: auto; padding-bottom: 20px; padding-left: 0; padding-right: 0;}
	.column3 .box-column:first-child { width: 100%; display: auto; margin-right: 0; }
	.column3 .box-column p { width: 100%; }
	.column3 .box-column .box-text	{ width: 100%; }

}