@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

.nav-home a {
	border-bottom: solid 2px #ffdde1;
}

/* ==========================================================================
	MAIN
	========================================================================== */

#main {
	position: relative;
	z-index: 100;
	background: url(../images/index-images/main-bg.gif) 50% 100% no-repeat;
	height: 838px;
}
#main .wrapper .bt-conta {
	position: relative;
}
#main h1 {
	width: 40%;
	padding-top: 300px;
}
.bt-contact02 {
	position: fixed;
	z-index: 100000;
	bottom: 80px!important;
	right: 30px;
	width: 120px;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

#contents {
	margin-top: -50px;
}
#lead {
	position: relative;
	z-index: 10000!important;
	text-align: center;
}

/*こんな企業をサポートしたい*/

.support li h3 {
	font-size: 1.8rem;
	text-align: center;
	margin: -50px 0 30px 0;
}
.support {
	margin-bottom: 50px;
}
.support li h3 .border {
	display: block;
	width: 60%;
	height: 6px;
	margin: 0 auto 30px auto;
}
.support li h3 .tit {
	display: inline-block;
	background-color: #fff;
	padding: 0 20px;
}
.support li	.img {
	display: block;
}

.support li.pink .img {
	box-shadow:0px 0px 8px 3px #fcceda inset;
	border: solid 1px #f9a8bd;
}
.support li.pink h3 .border {
	background-color: #f56c90;
}
.support li.pink h3 {
	color: #f56c90;
}

.support li.blue .img {
	box-shadow:0px 0px 8px 3px #cae2f3 inset;
	border: solid 1px #9fcbe9;
}
.support li.blue h3 .border {
	background-color: #5fa8db;
}
.support li.blue h3 {
	color: #5fa8db;
}

.support li.green .img {
	box-shadow:0px 0px 8px 3px #c2dd92 inset;
	border: solid 1px #c3de94;
}
.support li.green h3 .border {
	background-color: #9ac749;
}
.support li.green h3 {
	color: #9ac749;
}

/*こころめいとにできること*/

#can .bg {
	background: url(../images/index-images/can-bg.gif) 50% 100% no-repeat;
	padding-bottom: 380px;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

#main {
	background: url(../images/index-images/main-bg.gif) 40% 0 no-repeat;
	height: 738px;
}
#main h1 {
	width: 55%;
	padding-top: 250px;
}
.bt-contact02 {
	display: none!important;
}

/*こんな企業をサポートしたい*/

.support li h3 {
	font-size: 1.6rem;
	margin: -30px 0 10px 0;
}
.support li h3 .border {
	display: block;
	width: 60%;
	height: 4px;
	margin: 0 auto 20px auto;
}
.support li h3 .tit {
	padding: 0 10px;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

#main {
	background: url(../images/index-images/main-bg.gif) 40% 100% no-repeat;
	background-size: 1200px;
	height: 420px;
}
#main h1 {
	width: 60%;
	padding-top: 130px;
}

/*こんな企業をサポートしたい*/

.support li {
	float: none;
	width: 90%;
	margin: 0 auto;
}
.support li h3 {
	font-size: 1.6rem;
	margin: -40px 0 20px 0;
}
.support {
	margin-bottom: 30px;
}
.support li h3 .tit {
	display: block;
	background-color: #fff;
	padding: 0;
}
.support li	.img {
	display: block;
}

.support li.pink .img {
	box-shadow:0px 0px 8px 3px #fcceda inset;
	border: solid 1px #f9a8bd;
}
.support li.pink h3 .border {
	background-color: #f56c90;
}
.support li.pink h3 {
	color: #f56c90;
}

.support li.blue .img {
	box-shadow:0px 0px 8px 3px #cae2f3 inset;
	border: solid 1px #9fcbe9;
}
.support li.blue h3 .border {
	background-color: #5fa8db;
}
.support li.blue h3 {
	color: #5fa8db;
}

.support li.green .img {
	box-shadow:0px 0px 8px 3px #c2dd92 inset;
	border: solid 1px #c3de94;
}
.support li.green h3 .border {
	background-color: #9ac749;
}
.support li.green h3 {
	color: #9ac749;
}

/*こころめいとにできること*/

#can .bg {
	background: url(../images/index-images/can-bg.gif) 50% 100% no-repeat;
	background-size: 1000px;
	padding-bottom: 250px;
}

}