@charset "utf-8";
body {
	font-family: 'Noto Sans JP', sans-serif;
	color: #2F2F2F;
	margin: 0;
	padding: 0;
	letter-spacing: 0.02em;
	font-feature-settings: "palt";
}
.pc{ display: block; }
.sp{ display: none; }

#kv {
	width: 100%;
	text-align: center;
}
	#kv h1 {
		margin: 0 auto;
        width: 100%;
        font-size: 0;
	}
	#kv h1 picture {
        width: 100%;
        position: relative;
	}
	#kv h1 img {
		width: 100%;
		height: auto;
	}

#target {
	width: 100%;
	text-align: center;
}
#target h2 {
	max-width: 960px;
	padding: 20px 0 0 0;
	margin: 0 auto;
}
	#target h2 img {
		width: 100%;
	}
#target p {
	font-size: 26px;
	line-height: 170%;
	font-weight: normal;
	padding: 10px 0 30px 0;
}
	#target em {
		text-decoration: inherit;
		font-style: normal;
		font-weight: bold;
	}

#content .present__inner .present .btn a{
	border-radius: 10px;
	padding: 20px 0 20px 0;
	font-weight: 700;
	color: #2F2F2F;
	font-size: 22px;
	text-align: center;
	max-width: 500px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(../_images/icon_x.svg), url(../_images/arrow_b.svg);
	background-position: left 35px center, right 28px center;
	background-repeat: no-repeat, no-repeat;
	box-shadow: 0 2px 0 rgba(200, 93, 4, 1);
	display: block;
}
	#content .present__inner .present .btn a:hover,
	#content .present__inner .present .btn a:focus-visible{
		background-color: #f4d924;
		text-decoration: none;
		opacity: 1;
		filter: alpha(opacity=100);
	}

#content {
	background-color: #FFE9D9;
	background-image: url(../_images/content_bg_l.png), url(../_images/content_bg_r.png);
	background-position: left 0 top, right 0 top;
	background-repeat: repeat-y, repeat-y;
}
	#content .contents__inner {
		max-width: 900px;
		margin: 0 auto;
		padding: 0 20px 40px 20px;
	}
	#content .contents__inner h3 {
		color: #FF6E00;
		font-size: 26px;
		line-height: 26px;
		background-image: url("../_images/icon_head.svg");
		background-repeat: no-repeat;
		background-size: 32px;
		background-position: bottom 1px left;
		padding: 40px 0 0 38px;
		margin: 0 0 20px 0;
		font-weight: bold;
	}
		#content .contents__inner h3 span.caption {
			margin-left: 10px;
			font-size: 14px;
			line-height: 22px;
			color: #2F2F2F;
			display: inline-block;
		}
	#content .contents__inner p.date {
		font-size: 30px;
		line-height: 34px;
		font-weight: bold;
	}
	#content .contents__inner p.read {
		font-size: 18px;
		line-height: 26px;
		margin-bottom: 10px;
	}

#content .contents__inner #cta-section {
	width: 100%;
	text-align: center;
	position: relative;
	padding: 0 0 40px 0;
}
	#content .contents__inner #cta-section .inner {
		max-width: 1000px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	#content .contents__inner #cta-section .inner:first-child {
		padding: 40px 0 0 0;
	}
	#content .contents__inner #cta-section .inner:last-child {
		padding: 40px 0 40px 0;
	}
	#content .contents__inner #cta-section .inner a {
		position: relative;
		text-align: left;
		height: auto;
		overflow: hidden;
		margin-right: 20px;
		padding-left: 15px;
		font-size: 18px;
		border-radius: 10px;
	}
	#content .contents__inner #cta-section .inner a:last-child {
		margin-right: 0;
	}
	#content .contents__inner #cta-section .inner a p {
		display: block;
		font-weight: bold;
	}
	#content .contents__inner #cta-section .inner a p span {
		font-size: 16px;
		font-weight: bold;
		display: block!important;
	}
	#content .contents__inner #cta-section .inner a.ctabtn {
		width: 50%;
		display: flex;
		justify-content: center;
		align-items: center;
		border: 1px solid #002368;
		color: #002368;
		background-color: #fff;
		height: 90px;
		text-decoration: none;
		position: relative;
		text-align: center;
	}
	#content .contents__inner #cta-section .inner a.ctabtn img {
		width: 56px;
		height: auto;
		margin-right: 15px;
	}
	#content .contents__inner #cta-section .inner a.ctabtn:hover {
		text-decoration: none;
		transition: background-color .4s;
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	#content .contents__inner #cta-section .inner a.ctabtn::before {
		content: "";
		position: absolute;
		left: 25px;
		
		background-image: url(../_images/icon_store.svg);
		background-position: left 0 center;
		background-repeat: no-repeat;
		width: 114px;
  		height: 74px;
	}
	#content .contents__inner #cta-section .inner a.ctabtn::after {
		content: "▶︎";
		position: absolute;
		right: 25px;
		font-family: none;
    	transform: scale(0.8, 1.0);
	}


	#content .contents__inner ul.caption {
		padding-bottom: 10px;
	}
	#content .contents__inner ul.caption li {
		list-style: none;
		text-indent: -1.1em;
		padding-left: 1.1em;
		margin-bottom: 3px;
		font-size: 14px;
		line-height: 22px;
	}
	#content .contents__inner ul.caption li::before {
		content: "※";
		margin-right: 3px;
		font-size: 14px;
	}
	#content .contents__inner .btn a {
		border-radius: 10px;
		padding: 20px 0 20px 0;
		font-weight: 700;
		color: #FFF;
		font-size: 22px;
		text-align: center;
		max-width: 500px;
		margin: 30px auto 10px auto;

		background-color: #FF6E00;
		background-image:
			url("../_images/icon_x_w.svg"),
			url("../_images/arrow_w.svg");
		background-position:
			left  28px center,
			right 28px center;
		background-size: 34px,12px;
		background-repeat: no-repeat, no-repeat;
		box-shadow: 0 2px 0 rgba(153,74,29,1);
		display: block;
	}
		#content .contents__inner .btn a:hover,
		#content .contents__inner .btn a:focus-visible{
			color: #2F2F2F;
			background-color: #f4d924;
			background-image:
			url("../_images/icon_x.svg"),
			url("../_images/arrow_b.svg");
			text-decoration: none;
			opacity: 1;
			filter: alpha(opacity=100);
		}

#content .present__inner {
	text-align: center;
	width: 100%;
}
	#content .present__inner .present {
		background-color: #FF6E00;
		padding: 30px;
		text-align: center;
	}
		#content .present__inner .present .present__read {
			font-size: 26px;
			line-height: 40px;
			color: #fff;
			margin-bottom: 40px;
		}
		#content .present__inner .present .present__read span {
			font-size: 30px;
			font-weight: 700;
		}
		#content .present__inner .present .present__text {
			margin: 0;
			font-size: 42px;
			line-height: 1.2;
			font-weight: bold;
			letter-spacing: 0.05rem;
			color: #fff;
			padding: 0 40px;
			position: relative;
			display: inline-block;
			margin-bottom: 30px;
		}
			#content .present__inner .present .present__text::before,
			#content .present__inner .present .present__text::after{
				content: "";
				position: absolute;
				top: 65%;
				width: 3px;
				height: 100px;
				background: #fff;
				transform-origin: 50% 50%;
			}
			#content .present__inner .present .present__text::before{
				left: 0;
				transform: translateY(-50%) rotate(-30deg);
			}
			#content .present__inner .present .present__text::after{
				right: 0;
				transform: translateY(-50%) rotate(30deg);
			}
			#content .present__inner .present .present__text span {
				font-size: 60px;
				font-weight: bold;
				margin: 0 3px 0 5px;
			}

		.prize-list {
			color: #fff;
			padding: 20px 0 50px 0;
			max-width: 640px;
			margin: 0 auto;
		}
		.prize-list > div + div {
			margin-top: clamp(40px, 4vw, 40px);
		}
		.prize-list > div > div:first-child {
			display: grid;
			grid-template-columns: 1fr auto 1fr;
			align-items: center;
			gap: clamp(12px, 2vw, 24px);
		}
		.prize-list > div > div:first-child span {
			display: block;
			height: 3px;
			background: #fff;
		}
		.prize-list h2 {
			margin: 0;
			font-size: clamp(40px, 4vw, 40px);
			line-height: 1;
			font-weight: 600;
			text-align: center;
			white-space: nowrap;
		}
		.prize-list > div > div:last-child {
			display: grid;
			width: 90%;
			margin: 0 auto;
			grid-template-columns: 1.4fr 1.4fr 0.8fr;
			align-items: center;
			margin-top: clamp(15px, 1.5vw, 15px);
		}
		.prize-list p {
			margin: 0;
			text-align: center;
			font-weight: 700;
			line-height: 1.2;
			font-size: clamp(30px, 3vw, 30px);
		}
		.prize-list > div > div:last-child p:first-child {
			/*font-size: clamp(28px, 2.8vw, 56px);*/
			font-size: 30px;
		}

			#content .present__inner .present .note {
				font-size: 16px;
				color: #fff;
				margin: 30px 0 20px 0;
			}
		#content .present__inner .present img {
			width: 65%;
			margin: 0 auto;
		}

	#content .contents__inner .photos ul {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
		#content .contents__inner .photos ul li {
			width: 48%;
			list-style: none;
			font-size: 0;
			font-weight: bold;
			margin-bottom: 25px;
			
			opacity: 0;
			transform: translateY(20px);
			transition: opacity .6s ease, transform .6s ease;
		}
			#content .contents__inner .photos ul li.is-show {
				opacity: 1;
				transform: translateY(0);
			}

		#content .contents__inner .photos ul li p.photo {
			border: 7px solid #fff;
			
			border-radius: 3px;
			box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.4);
			margin-bottom: 8px;
			position: relative;
		}
			#content .contents__inner .photos ul li p.photo img {
				width: 100%;
			}
			#content .contents__inner .photos ul li p.photo span {
				width: 100%;
				position: absolute;
				left: 10px;
				bottom: 7px;
				z-index: 1;
				text-shadow: 0 1px 1px rgba(0, 0, 0, 0.80);
				color: #fff;
				font-size: 14px;
			}
		#content .contents__inner .photos ul li.image {
			text-align: center;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			#content .contents__inner .photos ul li.image img {
				width: 70%;
				margin: 0 auto;
			}
		#content .contents__inner .photos ul li p.tag {
			font-size: 18px;
			font-weight: bold;
		}

.member-logo {
  width: min(100% - 20px, 900px);
  margin: 0 auto;
  border: 10px solid #FF6E00;
  border-radius: 10px;
}
.member-logo h2 {
  margin: 0;
  padding: 10px 0 20px 0;
  background: #FF6E00;
  color: #fff;
  text-align: center;
  font-size: clamp(40px, 4.2vw, 40px);
  line-height: 1;
  font-weight: 700;
}
.member-logo ul {
	margin: 0;
	padding: 30px 30px;
	list-style: none;
	position: relative;
	/*height: 100%;*/
	aspect-ratio: 1320 / 820;
}
.member-logo li {
  min-width: 0;
	position: absolute;
}
.member-logo li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #ffffff;
  color: #222;
  text-decoration: none;
  text-align: center;
  font-weight: 700;
  font-size: clamp(18px, 1.8vw, 30px);
  line-height: 1.2;
  transition: opacity 0.2s ease;
}
.member-logo li.dark a {
  background: #222;
  color: #fff;
}
.member-logo li a:hover {
  opacity: 0.8;
}
.member-logo .h1  { width: 32.2%; left: 4.2%;  top: 6.5%; }
.member-logo .h2  { width: 25.0%; left: 41.0%; top: 6.0%; }
.member-logo .h3  { width: 21.5%; left: 74.0%; top: 4.0%; }
.member-logo .h4  { width: 28.5%; left: 5.0%;  top: 20.5%; }
.member-logo .h5  {width: 52.0%;left: 42.0%;top: 21.5%;}
.member-logo .h6  {width: 17.0%;left: 4.5%;top: 40.5%;}
.member-logo .h7  {width: 16.0%;left: 27.0%;top: 42.5%;}
.member-logo .h8  {width: 20.0%;left: 48.5%;top: 36.5%;}
.member-logo .h9  {width: 22.0%;left: 73.5%;top: 36.5%;}
.member-logo .h10 {width: 20.0%;left: 75.5%;top: 48.0%;}
.member-logo .h11 {width: 23.0%;left: 4.5%;top: 58.5%;}
.member-logo .h12 {width: 24.0%;left: 34.0%;top: 62.0%;}
.member-logo .h13 {width: 31.0%;left: 64.5%;top: 61.0%;}
.member-logo .h14 {width: 36.0%;left: 4.5%;top: 82.0%;}
.member-logo .h15 {width: 12.0%;left: 50.0%;top: 79.0%;}
.member-logo .h16 {width: 14.0%;left: 72.0%;top: 79.0%;}
.member-logo .h1 a img, .member-logo .h2 a img, .member-logo .h3 a img, .member-logo .h4 a img, .member-logo .h5 a img, .member-logo .h6 a img, .member-logo .h7 a img, .member-logo .h8 a img, .member-logo .h9 a img, .member-logo .h10 a img, .member-logo .h11 a img, .member-logo .h12 a img, .member-logo .h13 a img, .member-logo .h14 a img, .member-logo .h15 a img, .member-logo .h16 a img {
	width: 100%;
}
.member-logo p {
    margin: 0;
    padding: 0 35px 20px;
    color: #333;
    font-size: clamp(12px, 1.2vw, 12px);
    line-height: 1.7;
}

#notes {
	padding: 50px 0 80px 0;
	width: 100%;
	background-color: #fff;
}
	#notes .notes__inner {
		max-width: 900px;
		padding: 0 20px;
		margin: 50px auto 0 auto;
	}
	#notes .notes__inner p {
		font-size: 14px;
		margin: 15px 0 0 0;
		line-height: 1.4rem;
	}
	#notes .notes__inner h3 {
		font-size: 26px;
		font-weight: bold;
		text-align: center;
		margin-bottom: 40px;
	}
	#notes .notes__inner h4 {
		font-size: 20px;
		position: relative;
		padding-left: 15px;
		margin-bottom: 5px;
		font-weight: 600;
	}
		#notes .notes__inner h4::before{
			content:"";
			position: absolute;
			left: 0;
			top: 50%;
			transform: translateY(-50%);
			width: 3px;
			height: 20px;
			background: #2F2F2F;
			border-radius: 1px;
		}
	#notes .notes__inner h5 {
		font-size: 16px;
		margin-block-start: 0;
		margin-block-end: 0;
		margin: 25px 0 10px 0;
		font-weight: 600;
	}
	#notes .notes__inner ul li {
		font-size: 14px;
		list-style: none;
		text-indent: -0.8em;
		padding-left: 0.8em;
		margin-bottom: 3px;
	}
	#notes .notes__inner ul li::before {
		content:"・";
		margin-right: 3px;
		font-size: 14px;
		line-height: 26px;
	}

.steps__list{
    list-style: none;
    margin: 0 auto 15px auto;
    width: 100%;
    gap: 24px;
    position: relative;
    display: flex;
    justify-content: space-between;
}
	.steps__list::before{
		content:"";
		position: absolute;
		left: 50%; top: 50%;
		transform: translate(-50%,-50%);
		border-left: 20px solid #111;
		border-top: 22px solid transparent;
		border-bottom: 22px solid transparent;
	}
	.steps__item{
		position: relative;
		background: #fff;
		box-shadow: 0 10px 30px rgba(0,0,0,.06);
		padding: calc(22px + 36px) 20px 20px;
		text-align: center;
		color: #111;
		overflow: hidden;
		width: 42%;
		border-radius: 10px;
		
		opacity: 0;
		transform: translateY(20px);
		transition: opacity .6s ease, transform .6s ease;
	}
		.steps__item.is-show {
			opacity: 1;
			transform: translateY(0);
		}

	.steps__item::before{
		content: attr(data-step);
		position: absolute; inset: 0 auto auto 0;
		height: 36px;
		width: 100%;
		background: #111;
		color: #fff;
		font-weight: 700;
		line-height: 36px;
		letter-spacing: .04em;
		border-radius: 10px 10px 0 0;
	}
	.steps__icon{ height: 130px; display: block; margin: 6px auto 16px; }
	.steps__text{ margin: 0; font-size: 20px; line-height: 1.6; font-weight: 400; }
	.steps__text .hl{
		text-decoration: none;
		font-weight: 700;
		background: linear-gradient(to top, rgba(255,243,116,1) 0 40%, transparent 40% 100%);
		box-decoration-break: clone;
		color: #ED6C1A;
	}


@media (max-width: 1024px) {
	#content .contents__inner {
		padding: 0 40px 40px 40px;
	}
	.member-logo {
		width: min(100% - 24px, 980px);
		border-width: 6px;
		border-radius: 20px;
	}
	.member-logo ul {
		padding: 28px 24px 20px;
	}
	.member-logo .w3 {
		grid-column: span 2;
	}
	.member-logo p {
		padding: 0 24px 20px;
	}
	#notes {
		margin: 0 20px;
		width: auto;
	}
	#target {
		width: auto;
		text-align: center;
		padding: 0 30px;
	}
	#target p {
		font-size: 2.8vw;
		padding: 3vw 0;
	}
}


@media only screen and (max-width: 767px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
	
	#target p {
		font-size: 4.3vw;
		line-height: 170%;
		padding: 4vw 0;
	}
	#content .contents__inner {
        padding: 0 5vw 5vw 5vw;
    }
	#content .contents__inner p.date {
		font-size: 6vw;
		line-height: 8vw;
	}
	#content .contents__inner h3 {
		font-size: 6vw;
		line-height: 6vw;
		background-size: 7.4vw;
		padding: 2rem 0 0 3rem;
		margin: 0 0 4vw 0;
	}
	#content .contents__inner h3 span.caption {
		display: none;
	}
	#content .contents__inner .caption {
		margin-bottom: 3vw;
		font-size: 3.6vw;
	}
	#content .contents__inner ul.caption li {
		margin-bottom: .6vw;
		font-size: 3.5vw;
		line-height: 1.7;
	}
		#content .contents__inner ul.caption li::before{
			margin-right: .6vw;
			font-size: 3.5vw;
		}
	#content .contents__inner ul.caption {
		padding-bottom: 0;
	}
	#content .contents__inner .btn a {
		border-radius: 2vw;
		padding: 4vw 0 4vw 0;
		font-size: 4.8vw;
		max-width: inherit;
		width: auto;
		margin: 6vw auto 2vw auto;
		background-position: left 6vw center, right 5.6vw center;
		background-size: 8vw, 2.4vw;
	}
	
	.prize-list {
		padding: 2vw 0 5vw 0;
		display: inline-block;
	}
	.prize-list h2 {
		font-size: 7vw;
	}
	.prize-list div:first-child {
		display: flex;
		justify-content: left;
		align-items: center;
	}
	.prize-list > div + div {
		margin-top: 0.8rem;
		display: flex;
		justify-content: left;
		align-items: center;
		border-top: 1px solid #fff;
	}
	.prize-list > div > div:first-child span {
		/*height: 2px;*/
		display: none;
	}
	.prize-list > div > div:first-child {
		display: inline-block;
		margin-right: 5vw;
	}
	.prize-list > div > div:last-child {
		grid-template-columns: 1fr;
		gap: 0.4rem;
		margin-top: inherit;
		display: inline-block;
		text-align: left;
		width: auto;
        margin: inherit;
	}
	.prize-list > div > div:last-child p:first-child {
		text-align: left;
		font-size: 5.2vw;
	}
	.prize-list > div > div:last-child p:nth-child(2),
	.prize-list > div > div:last-child p:nth-child(3) {
		white-space: normal;
		display: inline-block;
		font-size: 5.2vw;
	}
	.prize-list > div p:nth-child(3) {
		text-align: left;
		margin-left: 1.2rem;
	}
	#content .present__inner .present .btn a {
		background-position: left 5vw center, right 3vw center;
		background-size: 8vw, 2.6vw;
		font-size: 4.6vw;
		padding: 4vw 0 4vw 0;
		width: 90%;
	}
	#content .present__inner .present .btn a:hover,
	#content .present__inner .present .btn a:focus-visible{
		background-size: 8vw, 3vw;
		background-position: left 5vw center, right 4vw center;
		font-size: 5vw;
	}
	#content .present__inner .present .note {
		font-size: 3.6vw;
		text-align: left;
		margin: 4vw auto 0 auto;
		width: 90%;
	}
	#content .present__inner .present {
		padding: 6vw 0;
		/*margin-top: 10vw;*/
	}
	#content .present__inner .present .present__read {
		font-size: 4.8vw;
		line-height: 8vw;
		margin-bottom: 3.4vw;
	}
	#content .present__inner .present .present__read span {
		font-size: 5.8vw;
		line-height: 10vw;
		font-weight: 700;
	}
	#content .present__inner .present .present__text {
		font-size: 6vw;
		line-height: 1.4;
		/* padding: 0 9vw; */
		margin-bottom: 5vw;
	}
	#content .present__inner .present .present__text span {
		/*font-size: 3.6rem;*/
		font-size: 10vw;
		line-height: 10vw;
	}
	#content .present__inner .present img {
		width: 84%;
	}
	#content .present__inner .present .present__text::before {
		left: 6vw;
		transform: translateY(-50%) rotate(-25deg);
	}
	#content .present__inner .present .present__text::after {
		right: 6vw;
		transform: translateY(-50%) rotate(25deg);
	}
	#content .present__inner .present .present__text::before, #content .present__inner .present .present__text::after {
		width: .6vw;
		height: 24vw;
	}
	#content .contents__inner .photos ul {
		display: block;
	}
	#content .contents__inner .photos ul li {
		width: auto;
		margin-bottom: 5vw;
	}
	#content .contents__inner .photos ul li p.tag {
		font-size: 4vw;
	}
	#content .contents__inner .photos ul li.image.sp {
		display: none;
	}
	#content .contents__inner p.read {
		font-size: 4.2vw;
		line-height: 6.8vw;
		margin-bottom: 2vw;
	}
	#content .contents__inner #cta-section .inner:last-child {
		padding: 4vw 0 7vw 0;
	}
	#content .contents__inner #cta-section .inner a.ctabtn {
		width: 100%;
		height: 20vw;
	}
	#content .contents__inner #cta-section .inner a::before {
		right: 5vw;
	}
	#content .contents__inner #cta-section .inner a.ctabtn img {
		width: 13.6vw;
		margin-right: 3.6vw;
		margin-left: 1.8vw;
	}
	#content .contents__inner #cta-section .inner a.ctabtn::before {
		left: 5vw;
		width: 23vw;
		height: 15vw;
	}
	#content .contents__inner #cta-section .inner a p {
		font-size: 4.8vw;
	}
	#content .contents__inner #cta-section {
		padding: 0 0 5vw 0;
	}
	#notes {
		padding: 0 0 8vw 0;
        margin: 0 1vw;
	}
	#notes .notes__inner {
		padding: 0 4vw;
		margin: 8vw auto 0 auto;
	}
	#notes .notes__inner p {
		font-size: 3.6vw;
		line-height: 1.7;
	}
	#notes .notes__inner h3 {
		margin-bottom: 6vw;
		font-size: 5.2vw;
	}
	#notes .notes__inner h4 {
		font-size: 4.8vw;
		padding-left: 3vw;
		margin-bottom: 4vw;
		font-weight: bold;
	}
		#notes .notes__inner h4::before{
			width: .6vw;
			height: 4.6vw;
		}
	#notes .notes__inner h5 {
		font-size: 4.4vw;
		margin: 5vw 0 1vw 0;
		font-weight: bold;
	}
	#notes .notes__inner ul li {
		font-size: 3.5vw;
		margin-bottom: 1.4vw;
		line-height: 1.7;
	}
	#notes .notes__inner ul li::before {
		margin-right: 1.75vw;
		font-size: 3.5vw;
		line-height: inherit;
	}
	#target .cta .btn a {
		border-radius: 2vw;
		padding: 4vw 0 4vw 0;
		font-size: 4.8vw;
		background-position: left 6vw center, right 5.6vw center;
	}
	
	.steps__list {
		margin: 0 auto 3vw auto;
		gap: 10vw;
		flex-direction: column;
	}
	.steps__item {
		box-shadow: 0 2vw 6vw rgba(0, 0, 0, .06);
		padding: calc(4vw + 7vw) 4vw 4vw;
		width: auto;
		border-radius: 2vw;
	}
	.steps__list::before {
		border-top: 4vw solid #111;
		border-right: 4.4vw solid transparent;
		border-left: 4.4vw solid transparent;
		top: 49.4%;
	}
	.steps__item::before {
		height: 7.2vw;
		line-height: 7.2vw;
		border-radius: 2vw 2vw 0 0;
		font-size: 4vw;
        padding: 1vw 0;
	}
	.steps__icon {
		height: 30vw;
		margin: 1vw auto 3.2vw;
	}
	.steps__text {
		font-size: 4.4vw;
	}
	.member-logo {
		margin: 6vw auto 0 auto;
		border-width: 1vw;
		border-radius: 3vw;
	}
	.member-logo h2 {
        padding: 1.2vw 1vw 2.2vw 1vw;
        font-size: 6vw;
	}
	.member-logo ul {
		/*padding: 20px 16px 16px;*/
		aspect-ratio: 292.5 / 360.75;
		padding: 4.5vw 4.5vw 0;
	}
	.member-logo li a {
		padding: 0.4rem 0.6rem;
       /* font-size: clamp(14px, 4.4vw, 24px);*/
        width: auto;
	}

	.member-logo .h1  {width: 51.5%;left: 4.5%;top: 3.7%;}
	.member-logo .h2  {width: 39.0%;left: 58.0%;top: 3.2%;}
	.member-logo .h3  {width: 37.0%;left: 10.0%;top: 12%;}
	.member-logo .h4  {width: 50.0%;left: 49.0%;top: 13.5%;}
	.member-logo .h5  {width: 80.0%;left: 10.0%;top: 26%;}
	.member-logo .h6  {width: 31.0%;left: 3.5%;top: 37.5%;}
	.member-logo .h7  {width: 27.0%;left: 38.0%;top: 39.0%;}
	.member-logo .h8  {width: 31.0%;left: 67.0%;top: 35.0%;}
	.member-logo .h9  {width: 36.0%;left: 14.0%;top: 51.5%;}
	.member-logo .h10 {width: 33.0%;left: 52.0%;top: 51.3%;}
	.member-logo .h11 {width: 34.0%;left: 6.0%;top: 62.8%;}
	.member-logo .h12 {width: 38.0%;left: 4.0%;top: 81.5%;}
	.member-logo .h13 {width: 45.0%;left: 50.0%;top: 64.0%;}
	.member-logo .h14 {width: 62.0%;left: 20.0%;top: 94.0%;}
	.member-logo .h15 {width: 19.0%;left: 49.0%;top: 78.0%;}
	.member-logo .h16 {width: 22.0%;left: 74.5%;top: 78.2%;}

	.member-logo p {
        padding: 0 3vw 3vw;
        font-size: 2.4vw;
        line-height: 1.6;
        margin: 10vw 0 0 0;
	}
}