@charset "UTF-8";

body#welfare div#main .content_inner {
	margin-top: 2em;
}
body#welfare div#main .content_inner div.chapter h2 {
	border-top: none;
	border-bottom-color: #092c87;
	color: #092c87;
	margin-top: 4em;
	padding: 0 0 0.5em;
	width: auto;
}

body#welfare div#main .content_inner div.chapter div.column {
	margin-top: 2em;
}

body#welfare div#main .content_inner div.chapter div.column p.img {
	text-align: center;
	height: 33.6%;
}

body#welfare div#main .content_inner div.chapter div.column p.img img {
	vertical-align:bottom;
}

body#welfare div#main .content_inner div.chapter div.column p.img img#photo_02,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_03,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_04,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_05,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_06,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_07,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_08,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_10,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_11,
body#welfare div#main .content_inner div.chapter div.column p.img img#photo_12 {
	display: none;
	width: 100%;
}

body#welfare div#main .content_inner div.chapter div.column p.img img#photo_01 {
	display: block;
	width: 100%;
}

body#welfare div#main .content_inner div.chapter div.column ul.photo {
	list-style-type: none;
	margin: 1em 0;
	width: 100%;
}

body#welfare div#main .content_inner div.chapter div.column ul.photo li {
	float: left;
	width: 22%;
	margin-right: 4%;
	margin-bottom: 4%;
}

body#welfare div#main .content_inner div.chapter div.column ul.photo li:nth-child(4n),
body#welfare div#main .content_inner div.chapter div.column ul.photo li:last-child {
	margin-right: 0;
}

/*--------------------------------------------------------------------
 *	PC
 *--------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {

body#welfare div#main .content_inner div.chapter div.column .f_left {
	float: left;
	width: 48%;
}

body#welfare div#main .content_inner div.chapter div.column .f_right {
	float: right;
	width: 48%;
}

body#welfare div#main .content_inner div.chapter div.column .f_right p,
body#welfare div#main .content_inner div.chapter div.column .f_right_long p {
	margin: 0;
}

body#welfare div#main .content_inner div.chapter div.column ul.photo {
	margin-top: 26%;
}

body#welfare div#main .content_inner div.chapter div.column ul.photo li {
	cursor: pointer;
}

body#welfare div#main .content_inner div.chapter div.column div.half {
	width: 48%;
}

body#welfare div#main .content_inner div.chapter div.column div.one_third {
	width: 30%;
	margin-right: 5%;
}

body#welfare div#main .content_inner div.chapter div.column div.one_third:last-child {
	margin-right: 0;
}

body#welfare div#main .content_inner div.chapter div.column div.half .f_left,
body#welfare div#main .content_inner div.chapter div.column div.half .f_right {
	width: 46%;
}

body#welfare div#main .content_inner div.chapter div.column .f_left_short {
	float: left;
}

body#welfare div#main .content_inner div.chapter div.column .f_right_long {
	float: right;
	width: 73%;
}

}

/*-------------------------------------------------------------------------------*
 *	Clear fix
 *-------------------------------------------------------------------------------*/

body#welfare div#main .content_inner div.chapter div.column,
body#welfare div#main .content_inner div.chapter div.column ul.photo {
	zoom: 100%;
}

#welfare div#main .content_inner div.chapter div.column:after,
body#welfare div#main .content_inner div.chapter div.column ul.photo:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
