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

#sub_title h2.cyouzai{
	background: url(../image/works/cyouzai-main.jpg) no-repeat center center;
	background-size: cover;
}

#page #contents .photo{
	margin-bottom:24px;
	padding-bottom:10px;
	overflow: hidden;
}

#page #contents .photo img{
	border-radius: 10px;
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.8);
}

#page #contents #waku{
	margin-bottom:40px;
	padding:16px;
	background:#F5F2ED;
	clear:both;
	border-radius: 3px;
}

#page #contents #waku h4{
	margin-bottom:8px;
	font-weight: 600;
}

#page #contents #waku h4 span{
	padding-left:12px;
	display: inline-block;
	border-left:5px solid #38A7E8;
}

#page #contents #waku p{
	margin-bottom: 8px;
}

#page #contents #waku ul{
	width:100%;
	overflow: hidden;
}

#page #contents #waku ul li{
	width:100%;
	margin-top:12px;
	padding:8px;
	background:#FFFFFF;
	box-sizing: border-box;
	float:none;
	font-size:12px;
}

#page #contents #waku ul li:nth-child(2n){
	margin-right:0;
}

#page #contents ul.link_box{
	margin-bottom:16px;
}

#page #contents ul.link_box li{
	padding:2px 0;
	padding-left:30px;
	background: url(../image/share/arrow-side.png) no-repeat 0 5px;
	font-weight: 600;
}

#page #contents ul.link_box li ul{
	margin-top:4px;
	margin-left:16px;
}

#page #contents ul.link_box li ul li{
	padding-left:0;
	font-weight: normal;
	background: none;
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 1024px) {
	#page #contents .photo img{
		width:47%;
	}
}

@media screen and (max-width: 740px) {
	#page #contents #waku ul li{
		width:100%;
		margin-right:0;
		float:none;
		font-size:12px;
	}
}

@media screen and (max-width: 640px) {
}