@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#group {
	width: 100%;
	height: auto;
}
	.group__inner {
		width: 90%;
		max-width: 1086px;
		height: auto;
		padding: 0 0 40px;
		margin: 0 auto;
	}
		.group__btn_wrap {
			width: 100%;
			height: auto;
		}
			.group__btn_list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				border-bottom: solid 1px var(--color--gray);
			}
			.group__btn_list::before,
			.group__btn_list::after {
				content: '';
				display: block;
				width: 25%;
				height: 0;
			}
			.group__btn_list::before {
				order: 1;
			}
				.group__btn_item {
					width: 25%;
					height: auto;
				}
					.group__btn_item__link {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 64px;
						background-color: var(--color--creamgray);
						font-size: 1.25rem;
						font-weight: 700;
						letter-spacing: 0.04em;
						color: var(--color--gray);
						position: relative;
						transition: .3s;
					}
					.group__btn_item__link.ftsatoshi {
						font-size: 0.8125rem;
					}
					.active .group__btn_item__link {
						background-color: var(--color--darkgray);
						color: #fff;
						pointer-events: none;
					}
					.group__btn_item__link:hover {
						background-color: var(--color--dark_creamgray);
					}
						.group__btn_item_icon {
							width: 6.5px;
							height: auto;
							margin-left: 15px;
							fill: var(--color--gray);
							transition: .3s;
						}
						.active .group__btn_item_icon {
							fill: #fff;
							transform: rotate(90deg);
						}

		.group__contents {
			width: 95%;
			max-width: 1000px;
			height: auto;
			padding: 60px 0 85px;
			margin: 0 auto;
		}
			.group__wrap {
				width: 100%;
				height: auto;
				margin-bottom: 100px;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
			.group__wrap:last-of-type {
				margin-bottom: 0;
			}
				.group__logo {
					width: 380px;
					height: auto;
					border: solid 1px var(--color--creamgray);
					position: relative;
				}
					.group__logo img {
						width: 100%;
						height: auto;
					}
					.group__details__note {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						text-align: right;
						position: absolute;
						bottom: -5px;
						left: 0;
						transform: translate(0%,100%);
					}
				.group__details {
					flex: 1;
					height: auto;
					padding-left: 60px;
				}
					.group__details__list {
						width: 100%;
						height: auto;
						border-top: solid 1px var(--color--lightgray);
					}
						.group__details__item {
							width: 100%;
							height: auto;
							padding: 12px 0;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.group__details__wrap {
								width: 100%;
								height: auto;
								font-size: 0.875rem;
								line-height: 2;
								letter-spacing: 0.04em;
								display: flex;
								justify-content: space-between;
								align-items: flex-start;
							}
								.group__details__heading {
									width: 145px;
									height: auto;
									padding-left: 10px;
									font-weight: 700;
								}
								.group__details__txt {
									flex: 1;
									height: auto;
									font-weight: 500;
								}
								.group__details__txt a:hover {
									text-decoration: underline;
								}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#group {
	width: 100%;
	height: auto;
}
	.group__inner {
		width: 90%;
		height: auto;
		padding: 0 0 40px;
		margin: 0 auto;
	}
		.group__btn_wrap {
			width: 100%;
			height: auto;
		}
			.group__btn_list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				border-bottom: solid 1px var(--color--gray);
			}
				.group__btn_item {
					width: calc(50% - 4px);
					height: auto;
					margin-bottom: 8px;
				}
				.group__btn_item:last-of-type {
					margin-bottom: 0;
				}
					.group__btn_item__link {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 54px;
						background-color: var(--color--creamgray);
						font-size: 1.125rem;
						font-weight: 700;
						letter-spacing: 0.04em;
						color: var(--color--gray);
						position: relative;
						transition: .3s;
					}
					.group__btn_item__link.ftsatoshi {
						font-size: 0.8125rem;
					}
					.active .group__btn_item__link {
						background-color: var(--color--darkgray);
						color: #fff;
						pointer-events: none;
					}
						.group__btn_item_icon {
							width: 6.5px;
							height: auto;
							margin-left: 15px;
							fill: var(--color--gray);
							transition: .3s;
						}
						.active .group__btn_item_icon {
							fill: #fff;
							transform: rotate(90deg);
						}

		.group__contents {
			width: 100%;
			height: auto;
			padding: 60px 0 120px;
			margin: 0 auto;
		}
			.group__wrap {
				width: 100%;
				height: auto;
				margin-bottom: 120px;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
			.group__wrap:last-of-type {
				margin-bottom: 0;
			}
				.group__logo {
					width: 250px;
					height: auto;
					border: solid 1px var(--color--creamgray);
					position: relative;
				}
					.group__logo img {
						width: 100%;
						height: auto;
					}
					.group__details__note {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						text-align: right;
						position: absolute;
						bottom: -5px;
						left: 0;
						transform: translate(0%,100%);
					}
				.group__details {
					flex: 1;
					height: auto;
					padding-left: 35px;
				}
					.group__details__list {
						width: 100%;
						height: auto;
						border-top: solid 1px var(--color--lightgray);
					}
						.group__details__item {
							width: 100%;
							height: auto;
							padding: 12px 0;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.group__details__wrap {
								width: 100%;
								height: auto;
								font-size: 0.875rem;
								line-height: 2;
								letter-spacing: 0.04em;
								display: flex;
								justify-content: space-between;
								align-items: flex-start;
							}
								.group__details__heading {
									width: 145px;
									height: auto;
									padding-left: 10px;
									font-weight: 700;
								}
								.group__details__txt {
									flex: 1;
									height: auto;
									font-weight: 500;
								}
}

/* SP ================================================== */
@media all and (max-width:599px){
#group {
	width: 100%;
	height: auto;
}
	.group__inner {
		width: 90%;
		height: auto;
		padding: 0 0 40px;
		margin: 0 auto;
	}
		.group__btn_wrap {
			width: 100%;
			height: auto;
		}
			.group__btn_list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-wrap: wrap;
				border-bottom: solid 1px var(--color--gray);
			}
				.group__btn_item {
					width: 100%;
					height: auto;
					margin-bottom: 8px;
				}
				.group__btn_item:last-of-type {
					margin-bottom: 0;
				}
					.group__btn_item__link {
						display: flex;
						justify-content: center;
						align-items: center;
						width: 100%;
						height: 54px;
						background-color: var(--color--creamgray);
						font-size: 1.125rem;
						font-weight: 700;
						letter-spacing: 0.04em;
						color: var(--color--gray);
						position: relative;
						transition: .3s;
					}
					.group__btn_item__link.ftsatoshi {
						font-size: 0.8125rem;
					}
					.active .group__btn_item__link {
						background-color: var(--color--darkgray);
						color: #fff;
						pointer-events: none;
					}
						.group__btn_item_icon {
							width: 6.5px;
							height: auto;
							margin-left: 15px;
							fill: var(--color--gray);
							transition: .3s;
						}
						.active .group__btn_item_icon {
							fill: #fff;
							transform: rotate(90deg);
						}

		.group__contents {
			width: 100%;
			height: auto;
			padding: 60px 0 120px;
			margin: 0 auto;
		}
			.group__wrap {
				width: 100%;
				height: auto;
				margin-bottom: 100px;
			}
			.group__wrap:last-of-type {
				margin-bottom: 0;
			}
				.group__logo {
					width: 75%;
					height: auto;
					margin: 0 auto 40px;
					border: solid 1px var(--color--creamgray);
					position: relative;
				}
					.group__logo img {
						width: 100%;
						height: auto;
					}
					.group__details__note {
						width: 100%;
						height: auto;
						font-size: 14px;
						font-weight: 700;
						text-align: right;
						position: absolute;
						bottom: -2px;
						left: 0;
						transform: translate(0%,100%);
					}
				.group__details {
					width: 100%;
					height: auto;
				}
					.group__details__list {
						width: 100%;
						height: auto;
						border-top: solid 1px var(--color--lightgray);
					}
						.group__details__item {
							width: 100%;
							height: auto;
							padding: 12px 0;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.group__details__wrap {
								width: 100%;
								height: auto;
								font-size: 0.875rem;
								line-height: 2;
								letter-spacing: 0.04em;
								display: flex;
								justify-content: space-between;
								align-items: flex-start;
							}
								.group__details__heading {
									width: 115px;
									height: auto;
									padding-left: 5px;
									font-weight: 700;
								}
								.group__details__txt {
									flex: 1;
									height: auto;
									font-weight: 500;
								}
}