@charset "utf-8";
/*-------------------------------------------------
	keyvisual
-------------------------------------------------*/
.keyvisual {
	position: relative;
}

.keyvisual__thumb-img {
	position: relative;
	width: 100%;
	height: 100%;
}

.keyvisual__txt {
	position: absolute;
	width: 200px;
	top: 60%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media screen and (max-width:768px) {
	.keyvisual {
		margin-bottom: 25px;
	}

	.keyvisual__thumb-img {
		padding-top: 60px;
	}

	.keyvisual__txt {
		width: 35%;
		top: 65%;
	}
}


/*-------------------------------------------------
	intro
-------------------------------------------------*/
.intro {
	color: #000;
}

.intro__item {
	width: 75%;
	max-width: 960px;
	margin: auto;
}

.intro__item-ttl {
	width: 60%;
	max-width: 800px;
	margin: 60px auto 30px;
}

.intro__item:first-child .intro__item-ttl {
	width: 80%;
}

.intro__item:first-child .intro__item-ttl {
	width: 100%;
}

.intro__item-txt {
	width: 80%;
	max-width: 1058px;
	font-size: 17px;
	font-weight: 600;
	line-height: 2;
	word-break: keep-all;
	text-align: center;
	margin: 50px auto;
}

@media screen and (max-width:768px) {
	.intro__item-ttl {
		margin: 30px auto;
	}

	.intro__item-txt {
		width: 90%;
		font-size: 13px;
		word-break: break-all;
		line-height: 1.5;
		margin: 20px auto;
	}
}

/*-------------------------------------------------
	sustainable
-------------------------------------------------*/
.sustainable {
	width: 90%;
	max-width: 1058px;
	margin: 100px auto 65px;
}

.sustainable__ttl {
	width: 80%;
	max-width: 300px;
	margin: 0 auto 60px;
}

.sustainable__item-wrap {
	position: relative;
}

.sustainable__item-lead {
	width: 80%;
	max-width: 373px;
	margin: 20px auto 10px;
}

.sustainable__item-note {
	font-size: 13px;
	text-align: center;
}

.sustainable__item-txt {
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	margin: 40px auto 50px;
	word-break: keep-all;
}

.sustainable-icon {
	max-width: 160px;
	margin: auto;
}

@media screen and (min-width:1058px) {
	.sustainable__item-txt {
		width: 70%;
		max-width: 645px;
	}

	.sustainable-icon {
		position: absolute;
		right: 0;
		bottom: 43px;
	}
}

@media screen and (min-width:789px) {
	.sustainable__item-txt {
		width: 90%;
	}
}

@media screen and (max-width:768px) {
	.sustainable {
		margin-top: 50px;
	}

	.sustainable__ttl {
		max-width: 180px;
		margin-bottom: 20px;
	}

	.sustainable__item-txt {
		font-size: 13px;
		margin: 10px auto;
		word-break: break-all;
	}
}

/*-------------------------------------------------
	attempt__contents
-------------------------------------------------*/
.attempt__contents {
	width: 65%;
	max-width: 960px;
	margin: 0 auto 120px;
}

.attempt__contents-ttl {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 45px;
	background: #f87c3f;
}

.attempt__contents-ttl img {
	width: 230px;
	height: auto;
	margin: 0 auto;
}

.fsc__box {
	width: 67%;
	max-width: 768px;
	margin: 0 auto 50px;
	text-align: center;
}

.fsc__box:last-child {
	margin: 0 auto 70px;
}

.fsc__box dt {
	margin-bottom: 30px;
	color: #236943;
	font-size: 19px;
	font-weight: 700;
	border-bottom: 3px solid #236943;
}

.fsc__box dd {
	font-size: 16px;
	font-weight: 600;
}

dt.fsc__box-ttl {
	margin: 0 auto 10px;
}

.fsc__detail {
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	line-height: 1.5;
}

.fsc__detail li {
	display: inline-block;
	vertical-align: middle;
	width: 15%;
	text-align: left;
}

.fsc__detail li:last-child {
	width: 69%;
	font-size: 13px;
	font-weight: 600;
	margin-left: 6%;
}

.super__sucript {
	vertical-align: super;
	font-size: smaller;
}

@media screen and (max-width:768px) {
	.attempt__contents {
		width: 97%;
		margin: 0 auto 80px;
	}

	.attempt__contents-ttl {
		margin-bottom: 22px;
	}

	.attempt__contents-ttl img {
		width: 38% !important;
		margin: 0 auto;
		vertical-align: bottom;
	}

	.fsc__box {
		width: 93%;
		margin: 0 auto 13px;
	}

	.fsc__box dt {
		font-size: 16px;
	}

	.fsc__box dd {
		font-size: 14px;
	}

	.fsc__detail li {
		display: block;
		width: 19%;
		margin: 0 auto;
	}

	.fsc__detail li img {
		vertical-align: middle;
	}

	.fsc__detail li:last-child {
		width: 100%;
		margin-left: 0;
		font-size: 13px;
	}
}

/*-------------------------------------------------
	txt_box1,attempt__contents animation
-------------------------------------------------*/
.content__block {
	opacity: 0;
}

.faUp {
	-webkit-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: faUp;
	animation-name: faUp;
	visibility: visible !important;
}

@-webkit-keyframes faUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(8%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@keyframes faUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(8%);
		-ms-transform: translateY(8%);
		transform: translateY(8%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}

.bkUp {
	-webkit-transition: all 3s;
	-moz-transition: all 3s;
	-ms-transition: all 3s;
	-o-transition: all 3s;
	transition: all 3s;
	opacity: 1 !important;
}