@charset "UTF-8";
/** -----------------------------------
	共通
---------------------------------------- ***/
.main-img {
  width: 254px;
  padding-top: 40px;
}

.main-contents {
  padding-top: 90px;
}

@media screen and (max-width: 768px), print {
  .main-contents {
    padding-top: 80px;
  }
}

/** -----------------------------------
	セレモニーフォトサービスとは？
---------------------------------------- ***/
/** -----------------------------------
	サービスご利用の流れ
---------------------------------------- ***/
.photoflow {
  padding-top: 110px;
}
@media screen and (max-width: 768px), print {
  .photoflow {
    padding-top: calc(120/750*100vw);
  }
}

.workflow-area {
  margin-top: 30px;
}
.workflow-area .workflow-box .workflow-ttl {
  display: flex;
  align-items: center;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.36;
  color: #303030;
}
.workflow-area .workflow-box .workflow-ttl .icon-num {
  font-weight: 500;
  margin-right: 20px;
}
.workflow-area .workflow-box .workflow-img {
  width: 284px;
  margin: 5px auto 20px;
  max-width: 100%;
}
@media screen and (max-width: 768px), print {
  .workflow-area {
    margin-top: calc(50/750*100vw);
  }
  .workflow-area .workflow-box {
    padding: 1.5em 2em;
  }
  .workflow-area .workflow-box .workflow-ttl {
    font-size: calc(34/750*100vw);
  }
  .workflow-area .workflow-box .workflow-ttl .icon-num {
    font-size: calc(110/750*100vw);
  }
  .workflow-area .workflow-box .workflow-img {
    width: 100%;
    margin: calc(10/750*100vw) auto calc(20/750*100vw);
    padding: 0 calc(15/750*100vw);
  }
}

/** -----------------------------------
	お申し込み時に必要なもの
---------------------------------------- ***/
.necessary {
  padding: 90px 0 0;
}
@media screen and (max-width: 768px), print {
  .necessary {
    padding-top: calc(120/750*100vw);
  }
}

.checkmark-list {
  margin-top: 20px;
}
.checkmark-list .checkmark-flex {
  display: flex;
  gap: 40px;
}
.checkmark-list .checkmark {
  position: relative;
  padding-left: 46px;
  font-size: 25px;
  line-height: 1.6;
  font-weight: 700;
}
.checkmark-list .checkmark .checkmark-ttl {
  font-size: 25px;
}
.checkmark-list .checkmark .small {
  font-size: 18px;
}
.checkmark-list .checkmark .note-txt {
  margin-top: 10px;
  font-size: 16px;
  font-weight: 400;
  text-align: justify;
}
.checkmark-list .checkmark::before {
  content: "";
  background: url(/gojokai/wp-content/themes/kuratomo2022/member/ceremony/img/img-ceremony-check.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 7px;
  left: 0px;
  width: 34px;
  height: 30px;
}
.checkmark-list .checkmark.minus-mt {
  margin-top: -55px;
}
@media screen and (max-width: 768px), print {
  .checkmark-list {
    margin-top: calc(40/750*100vw);
  }
  .checkmark-list .checkmark-flex {
    flex-direction: column;
    gap: 0;
  }
  .checkmark-list .checkmark {
    padding-left: calc(50/750*100vw);
    font-size: calc(36/750*100vw);
  }
  .checkmark-list .checkmark .checkmark-ttl {
    font-size: calc(36/750*100vw);
  }
  .checkmark-list .checkmark .small {
    font-size: calc(30/750*100vw);
  }
  .checkmark-list .checkmark .note-txt {
    margin-top: calc(20/750*100vw);
    font-size: calc(26/750*100vw);
  }
  .checkmark-list .checkmark::before {
    width: calc(36/750*100vw);
    height: calc(36/750*100vw);
  }
  .checkmark-list .checkmark + .checkmark {
    margin-top: 1em;
  }
  .checkmark-list .checkmark.minus-mt {
    margin-top: 1em;
  }
}

/** -----------------------------------
	お持ちいただくお写真について
---------------------------------------- ***/
.bring-photo {
  padding: 130px 0 0;
}
.bring-photo .base-txt {
  margin-top: 20px;
}
.bring-photo .base-txt .blue {
  font-size: 22px;
  font-weight: 700;
  color: #003d8b;
}
@media screen and (max-width: 768px), print {
  .bring-photo {
    padding-top: calc(140/750*100vw);
  }
  .bring-photo .base-txt {
    margin-top: calc(40/750*100vw);
  }
  .bring-photo .base-txt .blue {
    font-size: 4.5333333333vw;
  }
}

.list-area {
  display: flex;
  justify-content: space-between;
  margin: 35px 0 40px;
  gap: 30px;
}
.list-area .list-box {
  color: #303030;
  width: 530px;
}
.list-area .list-box .note-txt {
  margin-top: 16px;
  font-size: 16px;
  line-height: 1.6;
  text-align: justify;
}
@media screen and (max-width: 768px), print {
  .list-area {
    flex-direction: column;
    margin: calc(50/750*100vw) 0 calc(60/750*100vw);
    gap: 0;
  }
  .list-area .list-box + .list-box {
    margin-top: calc(60/750*100vw);
  }
  .list-area .list-box:first-child {
    width: 100%;
  }
  .list-area .list-box:nth-child(2) {
    width: 100%;
    max-width: 100%;
  }
  .list-area .list-box .note-txt {
    font-size: calc(26/750*100vw);
  }
}

.border-ttl {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: .12em;
  margin-bottom: 18px;
  padding-bottom: 8px;
  line-height: 1.5;
  border-bottom: 1px solid #cacaca;
  color: #303030;
}
@media screen and (max-width: 768px), print {
  .border-ttl {
    font-size: calc(40/750*100vw);
  }
}

.bring-detail {
  display: flex;
}
.bring-detail .inner-ttl {
  width: 110px;
  font-size: 22px;
  font-weight: 700;
  margin-right: 20px;
}
.bring-detail .inner-txt {
  line-height: 1.2;
  margin-left: 10px;
}
.bring-detail .bring-small {
  display: flex;
}
.bring-detail .bring-small .small-photo {
  width: 39px;
}
.bring-detail .bring-big {
  display: flex;
  margin-left: 20px;
}
.bring-detail .bring-big .big-photo {
  width: 92px;
}
@media screen and (max-width: 1200px), print {
  .bring-detail {
    flex-direction: column;
  }
  .bring-detail .inner-ttl {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px), print {
  .bring-detail .inner-ttl {
    width: calc(170/750*100vw);
    font-size: calc(34/750*100vw);
    margin-bottom: calc(40/750*100vw);
  }
  .bring-detail .inner-txt {
    margin-left: calc(20/750*100vw);
  }
  .bring-detail .bring-small .small-photo {
    width: calc(78/750*100vw);
  }
  .bring-detail .bring-big {
    margin-left: calc(20/750*100vw);
  }
  .bring-detail .bring-big .big-photo {
    width: calc(184/750*100vw);
  }
}

.bring-flex {
  display: flex;
}

.list-box.deta .bring-detail {
  align-items: center;
}
.list-box.deta .bring-detail .inner-txt {
  margin-left: 0;
}
@media screen and (max-width: 1200px), print {
  .list-box.deta .bring-detail {
    flex-direction: row;
  }
  .list-box.deta .bring-detail .inner-ttl {
    margin-bottom: 0;
  }
}

.attention {
  background-color: #f6f6f6;
  padding: 30px 50px 35px;
}
.attention .attention-ttl {
  font-size: 22px;
  font-weight: 700;
  color: #303030;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px), print {
  .attention {
    padding: calc(30/750*100vw) calc(50/750*100vw) calc(35/750*100vw);
  }
  .attention .attention-ttl {
    font-size: calc(34/750*100vw);
  }
}

.free-phote {
  display: flex;
  margin-top: 75px;
  border: 1px solid #cacaca;
  padding: 35px 50px;
  justify-content: space-between;
  align-items: flex-end;
}
.free-phote .free-detail .border-ttl {
  letter-spacing: .06em;
  color: #505050;
}
.free-phote .free-detail .explan {
  font-size: 22px;
  line-height: 1.7;
  margin-bottom: 20px;
  text-align: justify;
}
.free-phote .free-img {
  width: 240px;
}
@media screen and (max-width: 768px), print {
  .free-phote {
    flex-direction: column;
    margin-top: calc(75/750*100vw);
    padding: calc(50/750*100vw) calc(50/750*100vw) calc(60/750*100vw);
  }
  .free-phote .free-detail .explan {
    font-size: calc(34/750*100vw);
    margin-bottom: calc(40/750*100vw);
  }
  .free-phote .free-img {
    width: calc(430/750*100vw);
    margin: calc(90/750*100vw) auto 0;
  }
}

.free-phote .tel-num a {
  font-size: 56px;
  line-height: 1.4;
  color: #505050;
  font-weight: 600;
  position: relative;
  padding-left: 70px;
  letter-spacing: .04em;
  white-space: nowrap;
  font-family: "Zen Kaku Gothic New", sans-serif;
}
.free-phote .tel-num a::after {
  content: "";
  background: url(/gojokai/wp-content/themes/kuratomo2022/member/ceremony/img/img-ceremony-tell-icon.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 23px;
  bottom: 0;
  left: 0px;
  width: 56px;
  height: 45px;
}
@media screen and (max-width: 768px), print {
  .free-phote .tel-num a {
    font-size: calc(70/750*100vw);
    margin-bottom: calc(30/750*100vw);
  }
  .free-phote .tel-num a::after {
    top: calc(23/750*100vw);
    left: 1vw;
    width: calc(100/750*100vw);
    height: auto;
  }
}

.free-phote .tel-time {
  font-size: 18px;
  font-weight: 400;
  letter-spacing: .06em;
  padding-left: 70px;
}
@media screen and (max-width: 768px), print {
  .free-phote .tel-time {
    font-size: calc(30/750*100vw);
    padding-left: 0;
  }
}

/** -----------------------------------
	その他の会員向けサービスを⾒る
---------------------------------------- ***/
/*
.member-services {
	padding: 120px 0 80px;
	.base-txt {
		margin-top: 30px;
	}
	@include sp {
		padding: calc(140/750*100vw) 0 calc(100/750*100vw);
		.base-txt {
			margin-top: calc(40/750*100vw);
		}
	}
}

.member-services-list {
	display: flex;
	gap: 3.75%;
	margin-top: 50px;
	.services-point {
		text-align: center;
		padding: 17px 0 18px;
		color: #fff;
		background: #003d8b;
		letter-spacing: .02em;
		p {
			font-size: 24px;
			font-weight: 700;
			line-height: 1;	
		}
	}
	.services-box-detail {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 8px 25px;
		.services-ttl {
			font-size: 30px;
			letter-spacing: .06em;
			color: #003d8b;
			margin-bottom: 23px;
		}
	}
	.link {
		margin-top: 5px;
		padding-bottom: 36px;
	}
	@media screen and (max-width: 1100px), print {
		gap: 2%;
		.services-point {
				display: flex;
				align-items: center;
				justify-content: center;
			p {
				font-size: 18px;
				line-height: 1.2;
				
			}
		}
		.member-services-box:nth-child(3) .services-point {
			p {
				font-size: 17px;
				letter-spacing: -0.02em;
			}
		}
		.services-box-detail {
			.services-ttl {
				font-size: 21px;
			}
		}
	}
	@include sp {
		flex-direction: column;
		gap: calc(40/750*100vw);
		margin-top: calc(70/750*100vw);
		.services-point {
			padding: calc(40/750*100vw) 0 calc(40/750*100vw);
			p {
				font-size: calc(34/750*100vw);
			}
		}
		.member-services-box:nth-child(3) .services-point {
			p {
				font-size: calc(34/750*100vw);
				letter-spacing: .02em;
			}
		}
		.services-box-detail {
			padding: calc(30/750*100vw) calc(50/750*100vw) calc(20/750*100vw);
			.services-ttl {
				font-size: calc(40/750*100vw);
				margin-bottom: calc(23/750*100vw);
			}
		}
		.member-services-box:nth-child(1) {
			.services-ttl {
				margin-bottom: 0;
			}
		}
		.link {
			margin-top: calc(10/750*100vw);
			padding-bottom: calc(60/750*100vw);
		}
	}
}

.member-services-box {
	width: 30.83%;
	border: 1px solid #cacaca;
	display: flex;
	flex-direction: column;
	.services-img {
		width: 300px;
		height: 193px;
		margin: 0 auto 13px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	@media screen and (max-width: 1100px), print {
		width: 32%;
	.services-img {
		width: 100%;
		height: auto;
	}
	}
	@include sp {
		width: 100%;
		.services-img {
			width: 100%;
			height: auto;
			margin: 0 auto calc(50/750*100vw);
		}
		&:nth-child(1) .services-img {
			margin-bottom: 0;
		}
		&:nth-child(2) .services-img {
			margin-top: calc(20/750*100vw);
		}
	}
}
*/