.main-contents .sec-mypage--signup {
	background-color: #ededed;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup {
		padding: 40px 0;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup {
		padding: 5.33333vw 0;
	}
}

.main-contents .sec-mypage--signup .inner-wrap {
	background-color: #fff;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap {
		width: 700px !important;
		margin: auto !important;
		padding: 24px 32px;
		border-radius: 8px;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap {
		margin: auto !important;
		padding: 4.26667vw 5.33333vw;
		border-radius: 2.13333vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap h1 {
	text-align: center;
	margin: 0;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap .title {
	padding: 0.25em 0;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table {
	margin-bottom: 1em;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-row {
		margin: 2em 0;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-row {
		margin: 1.5em 0;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-head {
	padding: 0.5em 0;
	font-weight: 700;
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-head {
		font-size: 4.26667vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data {
	position: relative;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex {
	display: flex;
	align-items: center;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex input {
	flex: 1 1 auto;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex input[name=height], .main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex input[name=weight] {
	flex: 0 0 4em;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex-pc {
		display: flex;
		align-items: center;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex-pc input {
	flex: 1 1 auto;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--flex-pc > div:not(:first-child) {
		margin-left: 0.5em;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--group-name {
	display: flex;
	align-items: stretch;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--group-name .form-wrap__input-groupname {
		border-radius: 8px 0 0 8px;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--group-name .form-wrap__input-groupname {
		border-radius: 2.13333vw 0 0 2.13333vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--group-name .form-wrap__remove-groupname {
	font-weight: 500;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--group-name .form-wrap__remove-groupname {
		border-radius: 0 8px 8px 0;
		margin: 0;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--group-name .form-wrap__remove-groupname {
		border-radius: 0 2.13333vw 2.13333vw 0;
		flex: 0 0 16vw;
		margin: 0;
	}
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--btn-wrap {
		padding-top: 24px;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--btn-wrap {
		padding-top: 4.26667vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data--btn-wrap .btn {
	flex: 1 1 50% !important;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__table-data-item:not(:first-child) {
		margin-left: 0.5em;
	}
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__name-wrap {
		flex: 0 0 50%;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__name-wrap input {
	width: 100%;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__sex-wrap {
	display: flex;
	align-items: center;
	font-weight: 500;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__sex-wrap + [class$=__sex-wrap] {
	margin-left: 1em;
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__sex-wrap input[type=radio] {
		width: 4.26667vw;
		height: 4.26667vw;
		margin-right: 0.2em;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__sex-wrap label {
		font-size: 4vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-y {
	flex: 0 0 4em !important;
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-y {
		font-size: 4vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-m {
	flex: 0 0 2em !important;
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-m {
		font-size: 4vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-d {
	flex: 0 0 2em !important;
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-d {
		font-size: 4vw;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__birth-label {
		font-size: 4vw;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__post-code-01 {
	flex: 0 0 3em !important;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__post-code-02 {
	flex: 0 0 6em !important;
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap__tel-01, .main-contents .sec-mypage--signup .inner-wrap .form-wrap__tel-02, .main-contents .sec-mypage--signup .inner-wrap .form-wrap__tel-03 {
	flex: 0 0 6em !important;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap__remove-groupname {
		flex: 0 0 130px;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap .required {
	color: #fff;
	background-color: #790000;
}

@media only screen and (min-width: 768px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap .required {
		font-size: 10px;
		padding: 0.2em;
	}
}

@media only screen and (max-width: 767px) {
	.main-contents .sec-mypage--signup .inner-wrap .form-wrap .required {
		font-size: 2.13333vw;
		padding: 0.2em 0.4em;
	}
}

.main-contents .sec-mypage--signup .inner-wrap .form-wrap .w100 {
	width: 100%;
}

.sec-modal--search-group .search-box {
	display: flex;
	position: relative;
}

.sec-modal--search-group .search-box__search-keyword {
	flex: 1 1 auto;
}

@media only screen and (min-width: 768px) {
	.sec-modal--search-group .search-box__search-keyword {
		font-size: 2rem;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}

.sec-modal--search-group .search-box__search-btn {
	flex: 0 0 100px;
}

@media only screen and (min-width: 768px) {
	.sec-modal--search-group .search-box__search-btn {
		font-size: 2rem;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
}

.sec-modal--search-group .search-box__result {
	position: absolute;
	bottom: 0;
	transform: translateY(100%);
	background-color: #fff;
	width: 100%;
	overflow-y: scroll;
}

@media only screen and (min-width: 768px) {
	.sec-modal--search-group .search-box__result {
		border: 1px solid #999;
		max-height: 200px;
	}
}

.sec-modal--search-group .search-box__result a {
	display: flex;
}

.sec-modal--search-group .search-box__result a + a {
	margin-top: 0.25em;
}

.sec-modal--search-group .search-box .search-result__group-link {
	display: flex;
	padding: 0.25em 0.5em;
}

.sec-modal--search-group .search-box .result-message {
	color: #fa5252;
	display: flex;
	padding: 0.5em;
}