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

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

   main
 
=================================================================================== */	
#mainTop {
	width:100%;
	}

#mainTop .mainImg {
	position:relative;
	}

#mainTop .mainImg img {
	width:100%;
	}

#mainTop .mainImg h1 {
	width:58%;
	display:block;
	position: absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left:0;
	right:0;
	margin:auto;
	}

#mainTop .mainImg .slider {
	z-index:-99999;
	}

@media only screen and (max-width: 480px) {
#mainTop .mainImg h1 {
	width:100%;
	}
}


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

   共通
 
=================================================================================== */
.subTit {
	color:#009844;
	text-align:center;
	font-family: 'Josefin Slab', serif;
	font-size:1.250em;
	font-weight:700;
	}

h2 {
	font-size:1em;
	font-weight:bold;
	text-align:center;
	}

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

   futureTop
 
=================================================================================== */
.futureTop {
	width:100%;
	background:url(/contract/images/bg_top.jpg) no-repeat;
	background-size:100%;
	}

.futureTop .futureTopInner {
	max-width:1000px;
	width:100%;
	position:relative;
	margin:0 auto;
	padding:60px 0;
	}

.futureTop .futureTopInner h2 {
	background:url(/contract/images/deco_feature.png) no-repeat;
	background-position:50% 15%;
	background-size:13% auto;
	text-align:center;
	font-size:2.625em;
	font-weight: normal;
	line-height: 1.3;
	}

.futureTop .futureTopInner h2 span {
	font-size: 40%;
	font-weight: 700;
	}

.futureTop .futureTopInner ul {
	}

.futureTop .futureTopInner ul li {
	width:30.4%;
	float:left;
	margin:0 4.4% 0 0;
	}

.futureTop .futureTopInner ul li:last-child {
	margin:0 0 0 0 !important;
	}

.futureTop .futureTopInner ul li .futureIcon {
	width:30%;
	position: relative;
	display:block;
	margin:auto;
	}

.futureTop .futureTopInner .deco1, .futureTop .futureTopInner .deco2, .futureTop .futureTopInner .deco3 {
	position:relative;
	}

.futureTop .futureTopInner .deco1:before {
	content: "";
    position: absolute;
    display: block;
    background-image: url(/contract/images/deco_wellness.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 50%;
    height: 50%;
    top: 0;
	left:0;
    right: 0;
	margin:auto;
	}

.futureTop .futureTopInner .deco2:before {
	content: "";
    position: absolute;
    display: block;
    background-image: url(/contract/images/deco_safety.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 50%;
    height: 50%;
    top: 0;
	left:0;
    right: 0;
	margin:auto;
	}

.futureTop .futureTopInner .deco3:before {
	content: "";
    position: absolute;
    display: block;
    background-image: url(/contract/images/deco_unique.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 50%;
    height: 50%;
    top: 0;
	left:0;
    right: 0;
	margin:auto;
	}

.futureTop .futureTopInner ul li h3 {
	position: relative;
	font-size:1.750em;
	font-weight: 700;
	text-align:center;
	line-height: 1.3;
	margin: 0 0 5%;
	}

.futureTop .futureTopInner ul li h3 span {
	font-size: 60%;
	font-weight:normal;
	}

.futureImg {
	width:100%;
	margin:0 0 6%;
	overflow:hidden;
	}

.futureImg img {
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
	-ms-transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
.futureImg:hover img {
	-ms-transform: scale(1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}


@media only screen and (max-width: 1024px) {
.futureTop .futureTopInner {
	width:90%;
	}
}


@media only screen and (max-width: 768px) {
.futureImg img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	}
.futureImg:hover img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	}
}


@media only screen and (max-width: 480px) {
.futureTop {
    background: url(/contract/images/bg_top.jpg) no-repeat top center;
    background-size: inherit;
}

.futureTop .futureTopInner .subTit {
	font-size:1.438em;
	}

.futureTop .futureTopInner h2 {
	background-position:50% 20%;
	background-size:30% auto;
	font-size: 2.500em;
	}
	
.futureTop .futureTopInner ul li {
	width:100%;
	float: none;
	margin:0 0 13% 0;
	}

.futureTop .futureTopInner ul li .futureIcon {
    width: 23%;
	}

.futureTop .futureTopInner .deco1:before, .futureTop .futureTopInner .deco2:before, .futureTop .futureTopInner .deco3:before{
    width: 35%;
    height: 35%;
	}

.futureTop .futureTopInner ul li h3 {
    margin: 0 0 4%;
	}

.futureImg {
	margin:0 0 5%;
	}
}

@media only screen and (max-width: 320px) {
.futureTop .futureTopInner h2 {
	font-size: 2.15em;
}
}


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

   forteTop
 
=================================================================================== */
.forteTop {
	width:100%;
	border-top:1px solid #009844;
	}

.forteTop .forteTopInner {
	width:100%;
	border-bottom:1px solid #009844;
	}

.forteTop .forteTopInner .forteTopElement {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:60px 0;
	}

.forteTop .forteTopInner .forteTopElement .forteTopElementL {
	width:47%;
	float:left;
	}

.forteTop .forteTopInner .forteTopElement .forteTopElementR {
	width:50%;
	float:right;
	}

.forteTop .forteTopInner .forteTopElement .signDny {
	width:23%;
	}

.forteTop .forteTopInner .forteTopElement .sign7ej {
	width:18%;
	}

.forteTop .forteTopInner .forteTopElement h2 {
	text-align:left;
	font-size:1.750em;
	font-weight:bold;
	margin: 1.5% 0;
	}

.forteTop .forteTopInner .forteTopElement .forteTopTxt {
	margin:0 0 4%;
	}

@media only screen and (max-width: 1024px) {
.forteTop .forteTopInner .forteTopElement {
	width:90%;
	}
}

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

.forteTop .forteTopInner .forteTopElement .forteTopElementL {
	width:100%;
	float:none;
	}

.forteTop .forteTopInner .forteTopElement .forteTopElementR {
	width:100%;
	float:none;
	position:relative;
	}
	
.forteTop .forteTopInner .forteTopElement .signsp1, .forteTop .forteTopInner .forteTopElement .signsp2 {
	position:relative;
	}
	
.forteTop .forteTopInner .forteTopElement .signsp1:before {
	content: "";
    position: absolute;
    display: block;
    background-image: url(/contract/images/deco_dny.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 31%;
    height: 35%;
    top: -10.5%;
	left:0;
    right: 0;
	margin:auto;
	}

.forteTop .forteTopInner .forteTopElement .signsp2:before {
	content: "";
    position: absolute;
    display: block;
    background-image: url(/contract/images/deco_7ej.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: 23%;
    height: 35%;
    top: -13.5%;
	left:0;
    right: 0;
	margin:auto;
	}

.forteTop .forteTopInner .forteTopElement .signDny, .forteTop .forteTopInner .forteTopElement .sign7ej {
	display:none;
	}

.forteTop .forteTopInner .forteTopElement h2 {
	text-align: center;
	font-size:1.625em;
	margin: 3% 0;
	}

.forteTop .forteTopInner .forteTopElement .forteTopTxt {
	text-align: center;
	}

}

@media only screen and (max-width: 320px) {
.forteTop .forteTopInner .forteTopElement .signsp1:before {
    width: 35%;
    height: 40%;
    top: -20px;
	}

.forteTop .forteTopInner .forteTopElement .signsp2:before {
    width: 28%;
    height: 40%;
    top: -32px;
	}
}


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

   linkTop
 
=================================================================================== */
.linkTop {
	max-width:1000px;
	width:100%;
	margin:0 auto;
	padding:60px 0;
	}

.linkTop ul {
	width:90%;
	display: table;
	margin:auto;
	text-align: center;
	}

.linkTop ul img {
	width:80%;
	}

.linkTop ul li {
	float:left;
	padding: 0 2.8% 1%;
	}

.linkTop ul li:last-child {
	}

.linkTop ul li a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	}


@media only screen and (max-width: 768px) {
.linkTop ul img {
    width: 55%;
	}

.linkTop ul li {
    padding: 0 1% 1%;
	}
}


@media only screen and (max-width: 480px) {
.linkTop ul img {
    width: 65%;
	}
	
.linkTop ul li {
    padding: 0 0 2%;
	}
}

@media only screen and (max-width: 375px) {
.linkTop ul {
	width:100%;
	text-align: center;
	}
	
.linkTop ul img {
    width: 60%;
	}
}