.section:first-of-type .tpl-ttl1 {
				padding-top: 0;
}

.section .piteco-intro {
				display: -webkit-flex;
				/* Safari */
				display: flex;
				-webkit-justify-content: space-between;
				/* Safari */
				justify-content: space-between;
				-webkit-align-items: center;
				/* Safari */
				align-items: center;
				margin-top: 0;
				margin-bottom: 25px;
}

@media screen and (max-width: 750px) {
				.section .piteco-intro {
								display: block;
								margin-bottom: 6.66667vw;
				}
}

.section .piteco-intro .img {
				width: 120px;
				min-width: 120px;
				margin-right: 55px;
}

@media screen and (max-width: 750px) {
				.section .piteco-intro .img {
								width: 29.86667vw;
								min-width: initial;
								margin: 0 auto 8vw;
				}
}

.section .piteco-intro .img img {
				width: 100%;
}

.section .piteco-intro figcaption {
				text-align: left;
}

.section .pit-eco--flow {
				display: -webkit-flex;
				/* Safari */
				display: flex;
				-webkit-justify-content: space-between;
				/* Safari */
				justify-content: space-between;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow {
								display: block;
				}
}

.section .pit-eco--flow--box {
				border: 3px solid #2C893A;
				border-radius: 15px;
				padding: 25px 30px 40px;
				text-align: center;
				width: 380px;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box {
								padding: 6.66667vw 5.33333vw 10.66667vw;
								width: auto;
								margin: 0 auto 4vw;
				}
}

.section .pit-eco--description {
				font-size: 1.6rem;
				margin-bottom: 15px;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--description {
								font-size: 3.73333vw;
				}
}

.section .pit-eco--target {
				color: #2C893A;
				border: 2px solid #2C893A;
				font-size: 1.6rem;
				font-weight: bold;
				padding: 3px;
				border-radius: 50px;
				margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--target {
								border: 2px solid #2C893A;
								font-size: 4vw;
								padding: 0.4vw;
								margin-bottom: 4.66667vw;
				}
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon {
								-webkit-flex-direction: column;
								/* Safari */
								flex-direction: column;
				}
}

.section .pit-echo--icon li {
				display: -webkit-flex;
				/* Safari */
				display: flex;
				-webkit-align-items: center;
				/* Safari */
				align-items: center;
				font-size: 1.4rem;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li {
								font-size: 3.46667vw;
								width: 100%;
				}
}

.section .pit-echo--icon li .icon {
				margin-right: 10px;
				width: 50px;
				min-width: 50px;
				position: relative;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li .icon {
								margin-right: 3.33333vw;
				}
}

.section .pit-echo--icon li .icon img {
				position: absolute;
				top: 0;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
}

.section .pit-echo--icon li dl {
				flex: 1;
}

.section .pit-echo--icon li.train {
				margin-bottom: 20px;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li.train {
								margin-bottom: 7.33333vw;
				}
}

.section .pit-echo--icon li.train .icon img {
				width: 45px;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li.train .icon {
								width: 12.66667vw;
								min-width: 12.66667vw;
				}
}

@media screen and (max-width: 750px) and (max-width: 750px) {
				.section .pit-echo--icon li.train .icon img {
								width: 100%;
				}
}

.section .pit-echo--icon li.train dl {
				display: -webkit-flex;
				/* Safari */
				display: flex;
				-webkit-flex-wrap: wrap;
				/* Safari */
				flex-wrap: wrap;
				text-align: left;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li.train dl {
								width: 58.66667vw;
				}
}

.section .pit-echo--icon li.train dl dt {
				width: 8rem;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li.train dl dt {
								width: 16vw;
				}
}

.section .pit-echo--icon li.train dl dd {
				width: 17rem;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li.train dl dd {
								width: 42.66667vw;
				}
}

.section .pit-echo--icon li.bus .icon img {
				width: 49px;
}

@media screen and (max-width: 750px) {
				.section .pit-echo--icon li.bus .icon {
								width: 13.33333vw;
								min-width: 13.33333vw;
				}
}

@media screen and (max-width: 750px) and (max-width: 750px) {
				.section .pit-echo--icon li.bus .icon img {
								width: 100%;
				}
}

.section .pit-eco--flow--box {
				position: relative;
}

.section .pit-eco--flow--box.flow-01::before {
				content: "";
				display: block;
				width: 63px;
				height: 63px;
				background-repeat: no-repeat;
				background-image: url(../images/piteco/flow-arrow.png);
				position: absolute;
				top: 0;
				bottom: 0;
				right: -39px;
				margin: auto;
				z-index: 1;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-01::before {
								display: none;
				}
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-01::after {
								content: "";
								display: block;
								width: 12.53333vw;
								height: 12.53333vw;
								background-repeat: no-repeat;
								background-image: url(../images/piteco/flow-arrow-sp.png);
								background-size: contain;
								position: absolute;
								bottom: -8.66667vw;
								left: 0;
								right: 0;
								margin: auto;
								z-index: 1;
				}
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-02 {
								padding-bottom: 36.8vw;
				}
}

.section .pit-eco--flow--box.flow-02::before {
				content: "";
				display: block;
				width: 63px;
				height: 63px;
				background-repeat: no-repeat;
				background-image: url(../images/piteco/flow-arrow.png);
				position: absolute;
				top: 0;
				bottom: 0;
				right: -39px;
				margin: auto;
				z-index: 1;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-02::before {
								display: none;
				}
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-02::after {
								content: "";
								display: block;
								width: 12.53333vw;
								height: 12.53333vw;
								background-repeat: no-repeat;
								background-image: url(../images/piteco/flow-arrow-sp.png);
								background-size: contain;
								position: absolute;
								bottom: -8.66667vw;
								left: 0;
								right: 0;
								margin: auto;
								z-index: 1;
				}
}

.section .pit-eco--flow--box.flow-02 .pit-eco--lead {
				font-size: 2rem;
				font-weight: bold;
				color: #2C893A;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-02 .pit-eco--lead {
								font-size: 4.53333vw;
				}
}

.section .pit-eco--flow--box.flow-02 .pit-eco--pic {
				width: 320px;
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-02 .pit-eco--pic {
								width: 62.66667vw;
				}
}

.section .pit-eco--flow--box.flow-02 .pit-eco--pic img {
				width: 100%;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-03 {
								padding-bottom: 36.8vw;
				}
}

.section .pit-eco--flow--box.flow-03 .pit-eco--lead {
				font-size: 2rem;
				font-weight: bold;
				color: #2C893A;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-03 .pit-eco--lead {
								font-size: 4.8vw;
				}
}

.section .pit-eco--flow--box.flow-03 .pit-eco--lead span {
				font-size: 2.5rem;
				font-weight: 400;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-03 .pit-eco--lead span {
								font-size: 7.2vw;
				}
}

.section .pit-eco--flow--box.flow-03 .pit-eco--description {
				font-size: 1.5rem;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-03 .pit-eco--description {
								font-size: 3.73333vw;
				}
}

.section .pit-eco--flow--box.flow-03 .pit-eco--description span {
				font-size: 2rem;
				font-weight: 400;
				color: #2C893A;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-03 .pit-eco--description span {
								font-size: 5.33333vw;
				}
}

.section .pit-eco--flow--box.flow-03 .pit-eco--pic {
				width: 230px;
				position: absolute;
				bottom: 35px;
				left: 0;
				right: 0;
				margin: auto;
}

@media screen and (max-width: 750px) {
				.section .pit-eco--flow--box.flow-03 .pit-eco--pic {
								width: 45.73333vw;
								bottom: 5.6vw;
				}
}

.section .pit-eco--flow--box.flow-03 .pit-eco--pic img {
				width: 100%;
}

.terms-btn {
				padding-bottom: 100px;
}

@media screen and (max-width: 750px) {
				.terms-btn {
								padding-bottom: 13.33333vw;
				}
}

.terms-btn .tpl-btn {
				width: 280px;
				height: 50px;
}

@media screen and (max-width: 750px) {
				.terms-btn .tpl-btn {
								width: 66.66667vw;
								height: 13.33333vw;
				}
}

.pasmo-mark,
.pasmo-logo {
				margin: 0 10px;
				position: relative;
				bottom: 4px;
}

@media screen and (max-width: 750px) {
				.pasmo-mark,
				.pasmo-logo {
								margin: 0 1.33333vw;
								bottom: 0.53333vw;
				}
}

.pasmo-mark {
				width: 44px;
}

@media screen and (max-width: 750px) {
				.pasmo-mark {
								width: 10vw;
				}
}

.pasmo-logo {
				width: 99px;
}

@media screen and (max-width: 750px) {
				.pasmo-logo {
								width: 22.4vw;
				}
}

/*# sourceMappingURL=piteco.css.map */