@charset "UTF-8";

/* 2026 ようこそスーパーデリバリーへ
----------------------------------------------------------------------------- */
#welcome-wrap { 
	position: relative;
}
#welcome-wrap img {
	vertical-align: bottom;
}
/* menu */
#welcome-wrap #welcome-menu {
	position: fixed;
	right: 0;
	bottom: 20px;
	width: 150px;
	border-radius: 10px 0 0 10px;
	box-shadow: -5px 5px  rgba(0, 0, 0, 0.1);
	color: #fff;
}
#welcome-wrap #welcome-menu ul {
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#welcome-wrap #welcome-menu ul li {
	width: 100%;
	font-size: 13px;
	font-weight: 700;
	border-bottom: 1px solid #87A38E;
}
#welcome-wrap #welcome-menu ul li:last-of-type {
	border-bottom: none;
}
#welcome-wrap #welcome-menu ul li span {
	display: block;
	font-size: 11px;
}
#welcome-wrap #welcome-menu a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: calc(100% - 20px);
	padding: 0 0 0 20px;
	color: #fff;
	background: #3F6A4A;
	text-decoration: none;
	height: 42px;
}
#welcome-wrap #welcome-menu a:hover {
	background: #1B4827;
}
#welcome-wrap #welcome-menu li:first-child a {
	border-radius: 10px 0 0 0;
}
#welcome-wrap #welcome-menu li:last-child a {
	border-radius: 0 0 0 10px;
}

#welcome-wrap .back-to-top {
	display: none;
}

@media screen and (max-width: 940px) {
	#welcome-wrap #welcome-menu {
		display: none;
	}
	#welcome-wrap .back-to-top {
		display: flex;
		align-items: center;
		justify-content: center;
		position: fixed;
		right: 10px;
		bottom: 10px;
		width: 60px;
		height: 60px;
		background: #3F6A4A;
		border-radius: 50%;
		box-shadow: -5px 5px  rgba(0, 0, 0, 0.1);
	}
	#welcome-wrap .back-to-top:hover {
		background: #1B4827;
	}
	#welcome-wrap .back-to-top::before {
		content: "";
		position: absolute;
		top: 55%;
		left: 50%;
		width: 15px;
		height: 15px;
		border-top: 3px solid #fff;
		border-right: 3px solid #fff;
		transform: translate(-50%, -50%) rotate(-45deg);
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap .back-to-top {
		width: 40px;
		height: 40px;
	}
	#welcome-wrap .back-to-top::before {
		top: 56%;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
	}
}
/* 共通 */
#welcome-wrap img {
	width: 100%;
}
#welcome-wrap .nowrap {
	white-space: nowrap;
}
#welcome-wrap .pc-only {
	display: block;
}
#welcome-wrap .tab-only,
#welcome-wrap .sp-only {
	display: none;
}

#welcome-wrap .caption-wrap {
	margin: 0 auto 30px;
	text-align: center;
}
#welcome-wrap .caption-wrap .caption-part {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 16px;
	font-size: 23px;
	font-weight: bold;
	margin: 0;
	font-family: 游ゴシック体, "Yu Gothic";
}
#welcome-wrap .caption-wrap .caption-part::before,
#welcome-wrap .caption-wrap .caption-part::after {
	content: "";
	flex: none;  
	width: 34px;
	height: 1px;
	background: #333;
}
#welcome-wrap .caption-wrap .subheading {
	font-size: 44px;
	font-weight: bold;
	margin: 0 auto;
	font-family: 游ゴシック体, "Yu Gothic";
	display: inline-block;
}
#welcome-wrap .caption-wrap .lead-text {
	font-size: 18px;
	margin: 5px auto 20px;
	text-align: center;
}
#welcome-wrap .welcome-btn {
	position: relative;
	display: inline-block;
	border: 1px solid #0066CC;
	border-radius: 70px;
	background: #fff;
	padding: 18px 77px 18px 60px;
	font-size: 18px;
}
#welcome-wrap .welcome-btn::before {
	content: "";
	position: absolute;
	right: 30px;
	top: 50%;
	width: 8px;
	height: 8px;
	border-top: 2px solid #0066CC;
	border-right: 2px solid #0066CC;
	transform: translateY(-50%) rotate(45deg);
}
#welcome-wrap .welcome-btn:hover {
	background: #0066CC;
	color: #fff;
}
#welcome-wrap .welcome-btn:hover::before {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
@media screen and (max-width: 940px) {
	#welcome-wrap .caption-wrap {
			margin: 0 auto 20px;
	}
	#welcome-wrap .caption-wrap .caption-part {
		font-size: 20px;
	}
	#welcome-wrap .caption-wrap .subheading {
		font-size: 36px;
	}
	#welcome-wrap .caption-wrap .lead-text {
		font-size: 16px;
	}
	#welcome-wrap .pc-only {
		display: none;
	}
	#welcome-wrap .tab-only {
		display: block;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap .caption-wrap {
			margin: 0 auto 35px;
	}
	#welcome-wrap .caption-wrap .caption-part {
		font-size: 16px;
	}
	#welcome-wrap .caption-wrap .subheading {
		font-size: 32px;
	}
	#welcome-wrap .caption-wrap .lead-text {
		font-size: 14px;
	}
	#welcome-wrap .tab-only {
		display: none;
	}
	#welcome-wrap .sp-only {
		display: block;
	}
	#welcome-wrap .no-sp-only {
		display: none;
	}
}

/*メインビジュアル*/
#welcome-wrap #wc-mv { 
	background-color: #7ED3E4;
	background-image:
		linear-gradient(#89E0F2 1px, transparent 1px),
		linear-gradient(90deg, #89E0F2 1px, transparent 1px);
	background-size:
		10px 10px,
		10px 10px;
	text-align: center;
}
#welcome-wrap #wc-mv img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	max-width: 1118px;
}
#welcome-wrap .links {
	color: #0066CC;
	text-decoration: underline;
}
@media screen and (max-width: 940px) {
	#welcome-wrap #wc-mv img {
		width: 100%;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-mv img {
		height: auto;
	}
}
/* 卸価格の見方 */
#welcome-wrap #wc-point {
	background: #EEEEEE;
	padding: 60px 30px 50px;
	margin: 0 auto;
}
#welcome-wrap #wc-point .caption-wrap .subheading {
	padding:0 8px;
	background: url(/img/contents/welcome-point/point1_ttl_bk.png) no-repeat center calc(100% - 4px);
	background-size: contain;
}
#wc-point .point-wrap {
	max-width: calc(1200px - 90px);
	background: #fff;
	margin: 0 auto 30px;
	padding: 50px 45px 40px;
	text-align: center;
	font-size: 18px;
}
#wc-point .point-wrap:last-of-type {
	margin-bottom: 0;
}
#wc-point .point-wrap .sub-subheading {
	display: inline-block;
	font-size: 22px;
	background: #39B0C8;
	color: #fff;
	padding: 5px 30px;
	position: relative;
	margin: 0 auto;
}
#wc-point .point-wrap .check-pop {
	position: absolute;
	right: -50px;
	top: -45px;
	width: 78px;
	margin: 0;
}
#wc-point .point-wrap .point-lead-text {
	margin: 10px 0 40px;
}
#wc-point .point-wrap .point-lead-text span {
	font-weight: 700;
}
#wc-point .point-flow {
	display: flex;
	gap: 45px;
	align-items: flex-start;
}
#wc-point .point-flow .flow-box {
	width: 100%;
	max-width: 340px;
	position: relative;
	text-align: center;
}
#wc-point .point-flow p {
	margin: 1em 0 .2em;
}
#wc-point .point-flow .notice {
	font-size: 14px;
	color: #666666;
	margin: 0;
}
#wc-point .point-flow .flow-box span {
	font-weight: 700;
}
#wc-point .point-flow .flow-box .flow-img {
	width: 100%;
}
#wc-point .point-flow .flow-box .flow-number {
	width: 100%;
	max-width: 35px;
	margin: 20px auto 10px;
}
#wc-point .point-flow .flow-media {
	position: relative;
	width: 100%;
	aspect-ratio: 340 / 205;
}
#wc-point .point-flow .flow-box:not(:last-child) .flow-media::after {
	content: "";
	position: absolute;
	top: 50%; 
	right: -36px;
	width: 25px;
	height: 20px;
	background: url("/img/contents/welcome-point/point1_flow_allow.png") no-repeat center / contain;
}
@media screen and (max-width: 940px) {
	#welcome-wrap #wc-point {
		padding: 40px 30px 50px;
	}
	#wc-point .point-wrap {
		font-size: 16px;
		padding: 35px 25px 30px;
	}
	#wc-point .point-wrap.application {
		padding: 50px 25px 30px;
	}
	#wc-point .point-wrap .sub-subheading {
		font-size: 20px;
	}
	#wc-point .point-wrap .point-lead-text {
		margin: 10px 0 20px;
	}
	#wc-point .point-flow {
		gap: 30px;
	}
	#wc-point .point-flow .flow-box:not(:last-child) .flow-media::after {
		width: 17px;
		height: 14px;
		right: -24px; 
	}
	#wc-point .point-flow .notice {
		font-size: 12px;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-point {
		padding: 40px 15px 50px;
	}
	#wc-point .point-wrap {
		font-size: 14px;
	}
	#wc-point .point-wrap .sub-subheading {
		font-size: 16px;
	}
	#wc-point .point-wrap .check-pop {
		 width: 55px;
		 right: -30px;
		 top: -25px;
	}
	#wc-point .point-flow .flow-box {
		max-width: 100%;
	}
	#wc-point .point-flow {
		gap: 45px 0;
		flex-direction: column;
	}
	#wc-point .point-flow .flow-box {
		display: flex;
		flex-direction: column;
	}
	#wc-point .point-flow .flow-media {
		order: 2;
		margin: 1em 0 0 0 ;
	}
	#wc-point .point-flow .flow-content {
		order: 1;
	}
	#wc-point .point-flow .flow-box:not(:last-child) .flow-media::after {
		content: none;
	}
	#wc-point .point-flow .flow-box:not(:last-child)::after {
		content: "";
		position: absolute;
		bottom: -45px; 
		right: 50%;
		transform: translateX(50%) rotate(90deg);
		width: 25px;
		height: 29px;
		background: url("/img/contents/welcome-point/point1_flow_allow.png") no-repeat center / contain;
	}
	#wc-point .point-flow .notice {
		font-size: 12px;
	}
}
/* 選べる決済方法 */
#welcome-wrap #wc-payment {
	background: #39B0C8;
	padding: 60px 30px 80px;
	color: #fff;
	text-align: center;
}
#welcome-wrap #wc-payment .caption-wrap .caption-part::before,
#welcome-wrap #wc-payment .caption-wrap .caption-part::after {
	content: "";
	flex: none;
	width: 34px;
	height: 1px;
	background: #fff;
}
#welcome-wrap #wc-payment .caption-wrap .subheading {
	padding:0 8px;
	background: url(/img/contents/welcome-point/point2_ttl_bk.png) no-repeat center bottom;
	background-size: contain;
}
#wc-payment .payment-type {
	width: 100%;
	max-width: 778px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-areas:
		"a a"
		"b c";
	gap: 26px;
	color: #333;
}
#wc-payment .payment-paid { grid-area: a; }
#wc-payment .payment-creditCard { grid-area: b; }
#wc-payment .payment-cod { grid-area: c; }
#wc-payment .payment-paid,
#wc-payment .payment-creditCard,
#wc-payment .payment-cod {
	background: #fff;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
#wc-payment .payment-paid {
	position: relative;
	padding: 40px 50px 30px;
}
#wc-payment .payment-paid .item-pop {
	position: absolute;
	width: 93px;
	left: -18px;
	top: -34px;
}
#wc-payment .payment-paid .paid-logo {
	width: 174px;
}
#wc-payment .payment-paid .paid-overview {
	padding: 0 0 0 55px;
	text-align: left;
}
#wc-payment .payment-paid .paid-title {
	font-size: 18px;
	margin: 0 0 13px;
}
#wc-payment .payment-paid .paid-content {
	font-size: 14px;
}
#wc-payment .payment-paid .paid-content span {
	color: #1D9E84;
	font-weight: 700;
}
#wc-payment .payment-paid .paid-content .note {
	line-height: 25px;
	font-size: 12px;
	color: #666666;
	padding: 0;
}
#wc-payment .payment-paid .plan {
	font-size: 14px;
	color: #666666;
	background: #EEEEEE;
	text-align: center;
	padding: 7px 0;
}
#wc-payment .payment-creditCard,
#wc-payment .payment-cod {
	max-width: 376px;
	justify-content: left;
	padding: 20px 0 20px 50px;
}
#wc-payment .payment-creditCard .visual {
	width: 100%;
	max-width: 95px;
}
#wc-payment .payment-cod .visual {
	width: 100%;
	max-width: 111px;
}
#wc-payment .payment-creditCard .type-name,
#wc-payment .payment-cod .type-name {
	font-size: 18px;
	margin: 0 0 0 30px;
}

@media screen and (max-width: 940px) {
	#welcome-wrap #wc-payment {
		padding: 40px 30px 50px;
	}
	#wc-payment .payment-paid {
		padding: 40px;
	}
	#wc-payment .payment-type {
 		gap: 16px;
	}
	#wc-payment .payment-paid .item-pop {
		width: 85px;
		left: -15px;
	}
	#wc-payment .payment-paid .paid-logo {
		width: 148px;
	}
	#wc-payment .payment-paid .paid-overview {
		padding: 0 0 0 40px;
	}
	#wc-payment .payment-paid .paid-title {
		margin: 0 0 10px;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-payment {
		padding: 40px 15px 50px;
	}
	#wc-payment .payment-type {
		max-width: 100%;
		grid-template-columns: 1fr;
		grid-template-areas:
			"a"
			"b"
			"c";
		gap: 20px;
	}
	#wc-payment .payment-paid {
		display: block;
		max-width: 100%;
		padding: 40px 30px 30px;
	}
	#wc-payment .payment-creditCard {
		max-width: 100%;
		padding: 33px 50px 33px 44px;
	}
	#wc-payment .payment-cod {
		max-width: 100%;
		padding: 18px 50px 18px 30px;
	}
	#wc-payment .payment-paid .item-pop {
		width: 76px;
		left: -12px;
		top: -30px;
	}
	#wc-payment .payment-paid .paid-logo {
		width: 160px;
		margin: 0 auto 22px;
	}
	#wc-payment .payment-paid .paid-overview {
		padding: 0;
		text-align: left;
	}
	#wc-payment .payment-paid .paid-title {
		font-size: 14px;
		margin: 0 0 15px;
		text-align: center;
	}
	#wc-payment .payment-creditCard,
	#wc-payment .payment-cod {
		display: grid;
		grid-template-columns: 120px 1fr;
		align-items: center;
	}
	#wc-payment .payment-creditCard .visual,
	#wc-payment .payment-cod .visual {
		margin: 0;
	}
	#wc-payment .payment-creditCard .type-name,
	#wc-payment .payment-cod .type-name {
		font-size: 14px;
		margin: 0;
	}
}
/* おトクで便利な情報 */
#welcome-wrap #wc-useful {
	background: #EEEFD8;
	padding: 60px 30px 80px;
	text-align: center;
}
#welcome-wrap #wc-useful .caption-wrap .subheading {
	padding: 0 8px;
	background: url(/img/contents/welcome-point/point3_ttl_bk.png) no-repeat center bottom;
	background-size: contain; 
}
#wc-useful .useful-wrap {
	width: 100%;
	max-width: 1072px;
	margin: 0 auto;
}
#wc-useful .membership-wrap {
	width: 100%;
	max-width: 942px;
	display: flex;
	align-items: center;
	margin: 0 auto 60px;
}
#wc-useful .membership-wrap .membership-content {
	width: 486px;
	text-align: left;
	flex-shrink: 0;
	font-size: 18px;
}
#wc-useful .membership-wrap .membership-benefits {
	width: 100%;
	max-width: 456px;
}
#wc-useful .membership-wrap .membership-title {
	display: inline-block;
	font-size: 22px;
	background: #39B0C8;
	color: #fff;
	padding: 5px 30px;
	margin: 0 0 18px;
}
#wc-useful .membership-wrap .membership-item-name {
	font-weight: 700;
	margin: 0 0 12px;
}
#wc-useful .membership-wrap .note {
	font-size: 14px;
	line-height: 2;
	color: #666666;
	margin: 0 0 18px;
}
#wc-useful .search-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
}
#wc-useful .search-wrap .membership-content {
	max-width: 486px;
	text-align: left;
	flex-shrink: 0;
	font-size: 18px;
	margin: 0 0 0 40px;
}
#wc-useful .search-wrap .membership-content span {
	font-weight: 700;
}
#wc-useful .search-wrap .search-benefits {
	max-width: 546px;
}
#wc-useful .search-wrap .search-title {
	display: inline-block;
	font-size: 22px;
	background: #39B0C8;
	color: #fff;
	padding: 5px 30px;
	margin: 0 0 18px;
}
@media screen and (max-width: 940px) {
	#welcome-wrap #wc-useful {
		padding: 40px 30px 50px;
	}
	#wc-useful .membership-wrap {
		justify-content: space-between;
		margin: 0 auto 40px;
	}
	#wc-useful .membership-wrap .membership-content {
		width: 352px;
		font-size: 16px;
		overflow-wrap: break-word;
	}
	#wc-useful .membership-wrap .membership-title {
		font-size: 20px;
	}
	#wc-useful .search-wrap .membership-content {
		max-width: 304px;
		font-size: 16px;
	}
	#wc-useful .membership-wrap .note {
		line-height: 1.4;
		margin: 6px 0 18px;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-useful {
		padding: 40px 15px 50px;
	}
	#wc-useful .membership-wrap {
		max-width: 100%;
		display: block;
		margin: 0 auto 10px;
	}
	#wc-useful .membership-wrap .membership-content {
		width: 100%;
		text-align: center;
		font-size: 14px;
	}
	#wc-useful .membership-wrap .membership-title {
		font-size: 16px;
		margin: 0 auto 10px;
	}
	#wc-useful .search-wrap {
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		margin: 0 auto;
	}
	#wc-useful .search-wrap .search-title {
		font-size: 16px;
		margin: 0 auto 10px;
	}
	#wc-useful .search-wrap .membership-content {
		order: 1;
		text-align: center;
		font-size: 14px;
		margin: 0;
	}
	#wc-useful .search-wrap .search-benefits {
		order: 2;
	}
}
/* 困ったときは？ */
#welcome-wrap #wc-troubled {
	background: #39B0C8;
	padding: 60px 30px 80px;
	text-align: center;
}
#welcome-wrap #wc-troubled .caption-wrap .subheading {
	padding: 0 8px;
	background: url(/img/contents/welcome-point/inquiry_ttl_bk.png) no-repeat center bottom;
	background-size: contain;
	color: #fff;
}
#wc-troubled .troubled-wrap {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: auto 1fr;
	column-gap: 40px;
	row-gap: 0;
	font-size: 18px;
}
#wc-troubled .troubled-wrap .troubled-block {
	display: contents;
}
#wc-troubled .troubled-wrap .troubled-header {
	grid-row: 1;
	background: #fff;
	padding: 40px 0 30px;
	box-sizing: border-box;
}
#wc-troubled .troubled-wrap .troubled-content {
	grid-row: 2;
	background: #D2EEF4 url(/img/contents/welcome-point/inquiry_allow.png) no-repeat center top;
	background-size: 42px auto;
	padding: 62px 0 40px;
	box-sizing: border-box;
}
#wc-troubled .troubled-wrap .troubled-content span {
	font-weight: 700;
}
#wc-troubled .troubled-wrap .list-title {
	display: inline-block;
	margin: 0 auto 25px;
	padding: 5px 30px;
	background: #EEEEEE;
	font-size: 22px;
	font-weight: 700;
}
#wc-troubled .troubled-wrap .list {
	margin: 0;
}
#wc-troubled .troubled-wrap .list.product-list {
	max-width: 400px;
	margin: 0 auto;
}
#wc-troubled .troubled-wrap .list.system-list {
	max-width: 325px;
	margin: 0 auto;
}
#wc-troubled .troubled-wrap .list .item {
	white-space: nowrap;
}
#wc-troubled .troubled-wrap .list .item::after {
	content: " / ";
}
#wc-troubled .troubled-wrap .list .item:last-child::after {
	content: "";
}
#wc-troubled .troubled-wrap .product-img {
	width: 100%;
	max-width: 322px;
	margin: 20px auto 0;
}
#wc-troubled .troubled-wrap .system-img {
	width: 100%;
	max-width: 405px;
	margin: 20px auto 0;
}

@media screen and (max-width: 940px) {
	#welcome-wrap #wc-troubled {
		padding: 40px 30px 50px;
	}
	#wc-troubled .troubled-wrap {
		font-size: 16px;
		column-gap: 18px;
	}
	#wc-troubled .troubled-wrap .troubled-header {
		padding: 25px 0 15px
	}
	#wc-troubled .troubled-wrap .list.product-list {
		max-width: calc(100% - 52px);
	}
	#wc-troubled .troubled-wrap .troubled-content {
		padding: 60px 0 40px;
		background-size: 40px 42px;
	}
	#wc-troubled .troubled-wrap .list-title {
		font-size: 20px;
		margin: 0 auto 15px;
	}
	#wc-troubled .troubled-wrap .product-img {
		max-width: 280px;
	}
	#wc-troubled .troubled-wrap .system-img {
		max-width: 290px;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-troubled {
		padding: 40px 15px 50px;
	}
	#wc-troubled .troubled-wrap {
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 25px;
		font-size: 14px;
	}
	#wc-troubled .troubled-wrap .list-title {
		font-size: 16px;
	}
	#wc-troubled .troubled-wrap .troubled-block {
		display: block;
	}
	#wc-troubled .troubled-wrap .troubled-content {
		padding: 60px 0 40px;
		background-size: 40px 40px 25px;
	}
}
/* 特集も満載 */
#welcome-wrap #wc-feature {
	background: #EEEEEE;
	padding: 60px 0 80px;
	text-align: center;
}
#welcome-wrap #wc-feature .caption-wrap .subheading {
	padding: 0 8px;
	background: url(/img/contents/welcome-point/feature_ttl_bk.png) no-repeat center bottom;
	background-size: contain;
}
#wc-feature .feature-wrap {
	width: 100%;
	max-width: 1140px;
	margin: 0 auto;
}
#wc-feature .feature-wrap ul {
	display: flex;
	gap: 40px 30px;
	flex-wrap: wrap;
	padding: 0;
	margin: 0;
	justify-content: center
}
#wc-feature .feature-wrap li {
	width: 100%;
	max-width: 360px;
}
#wc-feature .feature-wrap li:hover {
	opacity: 0.6;
}
#wc-feature .feature-btn {
	margin: 68px auto 0;
}
#wc-feature .feature-btn .links {
	text-decoration: none;
}
@media screen and (max-width: 940px) {
	#welcome-wrap #wc-feature {
		padding: 40px 0 50px;
	}
	#wc-feature .feature-wrap li {
		max-width: 225px;
	}
	#wc-feature .feature-btn .welcome-btn {
		font-size: 16px;
	}
	#wc-feature .feature-btn {
		margin: 27px auto 0;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-feature {
		padding: 40px 15px 50px;
	}
	#wc-feature .feature-wrap ul {
		gap: 10px 5px;
	}
	#wc-feature .feature-wrap li {
		max-width: 170px;
	}
	#welcome-wrap .feature-btn .welcome-btn {
		padding: 15px 54px 15px 40px;
	}
}
/* welcomeフッター */
#welcome-wrap #wc-footer {
	background-color: #7ED3E4;
	background-image:
		url(/img/contents/welcome-point/lets_img.png),
		linear-gradient(#89E0F2 1px, transparent 1px),
		linear-gradient(90deg, #89E0F2 1px, transparent 1px);
	background-size:
		200px,
		10px 10px,
		10px 10px;
	background-repeat: 
		no-repeat,
		repeat,
		repeat;
	background-position: 
		calc(50% + 300px) bottom ,
		top left,
		top left;
	text-align: center;
	padding: 46px 0 63px;
}
#wc-footer .subheading {
	font-size: 42px;
	font-weight: 700;
	margin: 0 auto 16px;
	line-height: 1.4;
	font-family: 游ゴシック体, "Yu Gothic";
}
#wc-footer .footer-btn .links {
	text-decoration: none;
	font-size: 24px;
}
@media screen and (max-width: 940px) {
	#welcome-wrap #wc-footer {
		padding: 42px 0 45px;
		background-size:
			180px,
			10px 10px,
			10px 10px;
		background-position:
			calc(50% + 260px) bottom,
			top left,
			top left;
	}
	#wc-footer .subheading {
		font-size: 38px;
	}
	#wc-footer .footer-btn .links {
		font-size: 20px;
	}
}
@media screen and (max-width: 670px) {
	#welcome-wrap #wc-footer {
		background-size:
			146px,
			10px 10px,
			10px 10px;
		background-repeat: 
			no-repeat,
			repeat,
			repeat;
		background-position: 
			50% bottom ,
			top left,
			top left;
		text-align: center;
		padding: 46px 0 182px;
	}
	#wc-footer .subheading {
		font-size: 28px;
	}
	#welcome-wrap .footer-btn .welcome-btn {
		padding: 15px 52px 15px 40px;
	}
}