@charset "utf-8";

/* ---------------------------------------- 
 - mainvisual
---------------------------------------- */
#mainvisual {
	background: url(../images/main_pc.jpg) center top no-repeat;
	background-size: cover;
}

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

/* ---------------------------------------- 
 - sideMenu
---------------------------------------- */
#index #contents #contentsCol #sideMenu > ul > li.index > a {
	background: #1d8376;
}

/* ---------------------------------------- 
 - img
---------------------------------------- */
img.fl_L {
	float:left !important; margin: 0 20px 20px 0;
}
img.fl_R {
	float:right !important; margin: 0 0 20px 20px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main .read img.fl_R {
	width: 37.93%;
}
#contents #contentsCol #main .cause img.fl_L {
	width: 44.82%;
}
}

/* ---------------------------------------- 
 - contents
---------------------------------------- */
#contents #contentsCol #main section {
	margin-bottom:70px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main section{	
	margin:0 auto;
	margin-bottom:3.5em;
	font-size:12px;
}
}

/* read */
#contents #contentsCol #main .read {
	overflow: hidden;
	text-align: left;
}
#contents #contentsCol #main .read p {
	margin-bottom: 55px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main .read p {
	margin-bottom: 2em;
}
}

/* ---------------------------------------- 
 - progress
---------------------------------------- */
#contents #contentsCol #main .progress {
	margin-bottom: 0;
}
#contents #contentsCol #main .progress .progressBox {
	overflow: hidden;
	padding: 3px;
}
#contents #contentsCol #main .progress dl {
	background: #f7f7ed;
	border-radius: 6px;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #cdcdcd;
	margin-bottom: 36px;
	overflow: hidden;
	padding: 10px 22px;
	width: 374px;
}
#contents #contentsCol #main .progress dl:nth-child(even) {
	float: right;
}
#contents #contentsCol #main .progress dl:nth-child(odd) {
	float: left;
}
#contents #contentsCol #main .progress dl dt {
	margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
#contents #contentsCol #main .progress dl {
	background: #f7f7ed;
	border-radius: 6px;
	box-sizing: border-box;
	box-shadow: 0 0 0 2px #fff, 0 0 0 3px #cdcdcd;
	margin-bottom: 36px;
	padding: 10px 22px;
	width: 100%;
}
#contents #contentsCol #main .progress dl:nth-child(even) {
	float: none;
}
#contents #contentsCol #main .progress dl:nth-child(odd) {
	float: none;
}
#contents #contentsCol #main .progress dl dt {
	margin-bottom: 15px;
}
#contents #contentsCol #main .progress dl dd img {
	width: 27%;
}
}