@charset "UTF-8";

/*============================================

 生協ってなんだろう
 
============================================*/

/* みんなで出資、利用、運営
--------------------------------------------*/
section:first-of-type ul {
	position: relative;
	height: 14em;
	background: url(../images/circle.png) no-repeat center bottom;
}
section:first-of-type li,
section:first-of-type li:nth-child(even) {
	padding: 0;
	background: none;
}
section:first-of-type li {
	position: absolute;
	width: 35%;
	margin: 0;
}
section:first-of-type li:first-of-type {
	top: 0;
	width: 100%;
	text-align: center;
}
section:first-of-type li:nth-of-type(2) {
	top: 10em;
	left: 0;
}
section:first-of-type li:last-of-type {
	top: 10em;
	right: 0;
}

/* 出資金
--------------------------------------------*/
section:first-of-type div {
	margin: 1em 0;
	padding: 0.5em;
	background: #FAE3E4;
}
section:first-of-type div p:last-child {
	margin-bottom: 0;
}
section:first-of-type div + p {
	margin-bottom: 0;
	color: #2C59B3;
	font-size: 1.3em;
	text-align: center;
}


/*============================================

 増資はララのエネルギー
 
============================================*/
section:nth-of-type(2) h2 strong {
	margin-right: 0.2em;
	color: #E06289;
	font-size: 1.5em;
}
section:nth-of-type(2) p strong {
	font-size: 1.3em;
}
section:nth-of-type(2) p:last-of-type {
	margin-bottom: 0;
	color: #2C59B3;
	font-size: 1.3em;
	text-align: center;
}
section:nth-of-type(2) li,
section:nth-of-type(2) li:nth-child(even) {
    display: inline-block;
    width: 165px;
    margin-right: 10px;
    padding: 150px 0 0 0;
    background: url(../images/ci_purchase.png) no-repeat top center;
    color: #EC6B63;
    text-align: center;
}
section:nth-of-type(2) li:nth-child(2) {
    width: 265px;
    background: url(../images/ci_construction.png) no-repeat 17px center;
}
section:nth-of-type(2) li:last-child {
    width: 231px;
    margin-right: 0;
    background-image: url(../images/ci_activity.png);
}


/*============================================

 増資はララのエネルギー
 
============================================*/
section:nth-of-type(3) div {
    display: table;
    width: 100%;
}
section:nth-of-type(3) div dl {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
section:nth-of-type(3) div dl:first-of-type dt {
    margin-bottom: 0.5em;
}
section:nth-of-type(3) div dl:first-of-type dt span {
    display: inline-block;
    padding: 0.3em 0.5em;
    border-radius: 5px;
    background: #29A7E1;
    color: #FFF;
}
section:nth-of-type(3) div dl:first-of-type dt span:last-child {
    margin-left: 0.5em;
    background: #41C98F;
}
section:nth-of-type(3) div > dl:nth-of-type(2) dt {
    margin-bottom:  0.5em;
    padding: 0.3em 0.5em;
    border-radius: 5px;
    background: #F39801;
    color: #FFF;
}
section:nth-of-type(3) div dl dd img {
    margin-bottom: 0.5em;
}
section:nth-of-type(3) > dl:nth-of-type(2) {
    margin: 1.5em 0;
}
section:nth-of-type(3) > dl dt {
    margin-bottom: 0.3em;
    color: #400d0c;
    font-size: 1.1em;
    font-weight: bold;
}
section:nth-of-type(3) > dl img {
    display: block;
    margin-top: 0.5em;
}
section:nth-of-type(3) > p:last-of-type {
	color: #2C59B3;
	font-size: 1.3em;
	text-align: center;
}
section:nth-of-type(3) > p:last-of-type br {
    display: none;
}
section:nth-of-type(3) > p:last-of-type br:first-of-type {
    display: block;
}