@charset "UTF-8";
/* --------------------------------------------------
  pagetitleArea__illBox
-------------------------------------------------- */
@media screen and (max-width: 767px) {
	.p-community4 .pagetitleArea__illBox {
		bottom: 10vw;
	}
}
/* --------------------------------------------------
  applicationArea
-------------------------------------------------- */
@media screen and (min-width: 768px) {
	.p-community4 .applicationArea {
		top: 305px;
		right: 12%;
		width: 186px;
		height: 386px;
	}
	.p-community4 .applicationArea .applicationArea__item {
		position: relative;
		background: url(../img/community/community4/bg_fixedbtn.svg) no-repeat center top/contain;
	}
	.p-community4 .applicationArea .applicationArea__item:nth-child(1) {
		padding-top: 39px;
	}
	.p-community4 .applicationArea .applicationArea__item:nth-child(2) {
		margin-top: 14px;
		padding-top: 50px;
	}
	.p-community4 .applicationArea .applicationArea__txt1 {
		font-weight: bold;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.02em;
		margin: 0;
	}
	.p-community4 .applicationArea .applicationArea__btn {
		padding: 19px 20px 0 0;
		font-size: 1.5rem;
		font-weight: 500;
	}
	.p-community4 .applicationArea .applicationArea__btn:after {
		top: 22px;
		right: 42px;
	}
}
/* --------------------------------------------------
  contents
-------------------------------------------------- */
.p-community4 .contents.-noCover:before {
	background: url(../img/community/community4/bg_pagetitle_pc@2x.jpg) no-repeat center top/cover;
}

@media screen and (max-width: 767px) {
	.p-community4 .contents.-noCover:before {
		background: url(../img/community/community4/bg_pagetitle_sp@2x.jpg) no-repeat center top/100vw auto;
	}
}
/* --------------------------------------------------
  sec1
-------------------------------------------------- */
.sec1 {
	margin-top: 55px;
}

.sec1__img img {
	max-width: inherit;
	max-width: auto;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.sec1__img {
		margin: 0 -53px -17px 0;
		width: 417px;
	}
}
@media screen and (max-width: 767px) {
	.sec1 {
		margin-top: 9.5vw;
	}

	.sec1__img {
		margin-top: 6vw;
	}
}
/* --------------------------------------------------
  sec2
-------------------------------------------------- */
.sec2 {
	margin-top: 186px;
}

.sec2__txt {
	margin: 50px 0 0;
}

.sec2__movie {
	position: relative;
	margin-top: 49px;
	width: 100%;
	padding-top: 56.25%;
}
.sec2__movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and (max-width: 767px) {
	.sec2 {
		margin-top: 19vw;
	}

	.sec2__txt {
		margin: 7vw 0 0;
	}

	.sec2__movie {
		margin-top: 7vw;
	}
	.sec2__movie video {
		width: 100%;
	}
}
/* --------------------------------------------------
  sec3
-------------------------------------------------- */
.sec3 {
	margin-top: 166px;
}

@media screen and (max-width: 767px) {
	.sec3 {
		margin-top: 20vw;
	}
}
/* --------------------------------------------------
  sec4
-------------------------------------------------- */
.sec4 {
	margin-top: 161px;
}

@media screen and (max-width: 767px) {
	.sec4 {
		margin-top: 18vw;
	}
}
/* --------------------------------------------------
  sec5
-------------------------------------------------- */
.sec5 {
	margin-top: 170px;
}
.sec5 .wrap {
	padding: 85px 0 125px;
}

.sec5Box1 {
	width: 770px;
	margin: 60px auto 0;
}

.sec5Box1__txt {
	margin: 0;
}

.sec5Box1__list {
	margin: 5px 0 0;
}

.sec5Box1__btn a {
	margin: 77px auto 0;
}

.sec5Box2 {
	margin-top: 96px;
}

.sec5Box2__lead {
	font-weight: 500;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.02em;
	text-align: center;
	width: 297px;
	margin: 0 auto;
	padding-bottom: 12px;
	border-bottom: 1px solid #79b59b;
}

.sec5Box2__ttl {
	font-weight: 500;
	font-size: 3.6rem;
	line-height: 1;
	letter-spacing: 0.02em;
	text-align: center;
	margin: 30px auto 0;
}

.sec5Box2__txt {
	margin: 89px 0 0;
}

.sec5Box2__list {
	margin: 42px 0 0;
}

.sec5Box2__btn {
	margin: 122px auto 0;
}

.sec3Box3 {
	width: 900px;
	margin: 124px auto 0;
}

.sec3Box3__item.-short {
	padding: 0;
}
.sec3Box3__item:nth-child(n+2) {
	margin-top: 116px;
}

.sec3Box3__ttl {
	font-weight: bold;
	font-size: 2.1rem;
	letter-spacing: 0.06em;
	line-height: 1;
	text-align: center;
	width: 400px;
	border-bottom: 1px solid #79b59b;
	margin: 0 auto;
	padding-bottom: 20px;
}

.sec3Box3__txt {
	margin: 0;
	line-height: 2.25;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.sec3Box3__ttl + .sec3Box3__txt {
	margin: 36px 0 0;
}

.sec3Box3__btn {
	margin: 119px auto 0;
}

@media screen and (max-width: 767px) {
	.sec5 {
		margin-top: 19vw;
	}
}
@media screen and (max-width: 767px) {
	.sec5 {
		margin-top: 10vw;
	}
	.sec5 .wrap {
		padding: 13vw 0;
	}

	.sec5__subTtl {
		margin: 5vw 0 0;
	}

	.sec5Box1 {
		width: 100%;
		margin: 11vw auto 0;
	}

	.sec5Box1__list {
		margin: 2vw 0 0;
	}

	.sec5Box1__btn a {
		margin: 9vw ​auto;
	}

	.sec5Box2 {
		margin-top: 14vw;
	}

	.sec5Box2__lead {
		font-size: 3.259vw;
		width: 38.7vw;
		padding-bottom: 2vw;
	}

	.sec5Box2__ttl {
		font-size: 5.215vw;
		margin: 3vw auto 0;
	}

	.sec5Box2__txt {
		margin: 7vw 0 0;
	}

	.sec5Box2__list {
		margin: 6vw 0 0;
	}

	.sec5Box2__btn {
		margin: 9vw auto 0;
	}

	.sec3Box3 {
		width: 100%;
		margin: 9vw auto 0;
	}

	.sec3Box3__item.-short {
		padding: 0;
	}
	.sec3Box3__item:nth-child(n+2) {
		margin-top: 8vw;
	}

	.sec3Box3__ttl {
		font-size: 3.651vw;
		width: 33.5vw;
		padding-bottom: 3vw;
	}

	.sec3Box3__txt {
		margin: 2vw 0 0;
	}

	.sec3Box3__btn {
		margin: 17vw auto 0;
	}
}
/* --------------------------------------------------
  sec6
-------------------------------------------------- */
.sec6 {
	margin-top: 129px;
}

@media screen and (min-width: 768px) {
	.sec6__list {
		margin: 84px 0 0;
	}
}
@media screen and (max-width: 767px) {
	.sec6 {
		margin-top: 19vw;
	}

	.sec6__txt {
		margin: 10vw 0 0;
	}

	.sec6__list {
		margin: 6vw ​-3vw 0;
	}
}
/* --------------------------------------------------
  sec7
-------------------------------------------------- */
.sec7 {
	margin-top: 146px;
	padding-bottom: 156px;
}

.sec7__list {
	margin: 85px auto 0;
}

@media screen and (max-width: 767px) {
	.sec7 {
		margin-top: 19vw;
		padding-bottom: 13vw;
	}

	.sec7__list {
		margin: 11vw auto 0;
	}
}
/*# sourceMappingURL=community4.css.map */