@charset "UTF-8";

.mypageTopItem {
	margin-top: 10px;
}
.mypageTopItem:first-child {
	margin-top: 0;
}

.iconDisplay1,.iconDisplay2 {
	font-size: 14px;
	padding: 2px 10px;
	font-weight: bold;
	border: 1px solid var(--gray);
	color: var(--gray);
	width: 65px;
}
.iconDisplay2 {
	border: 1px solid var(--orange);
	color: var(--orange);
}
.layout3Left .mypageMenuWrapWrap {
	box-shadow: 2px 4px 8px var(--mypageBoxshadowColor);
	background-color: var(--white);
	padding: 20px 0;
	border-radius: 4px;
}
.layout3Left .mypageMenuWrapWrap--search {
	padding: 40px;
}
.layout3Left .mypageMenuWrapWrap--search .buttonModal {
	width: 100%;
}
.layout3Left .mypageMenuWrapTtlWrap {
	text-align: center;
}
.layout3Left .mypageMenuWrapTtl {
	background-image: url(../img/icon_mypage_gray.svg);
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 24px;
	font-weight: bold;
	color: #646E76;
	padding-left: 38px;
	display: inline-block;
}
.layout3Left .mypageMenu {
	margin-top: 20px;
	padding: 20px 0;
	border-top: 2px solid #EBEFF2;
}
.layout3Left .mypageMenu + .mypageMenu {
	margin-top: 0;
}
.layout3Left .mypageMenuTtl {
	font-size: 14px;
	font-weight: bold;
	padding: 0 40px;
}
.layout3Left .mypageMenuList {
}
.layout3Left .mypageMenuItem{
	margin-top: 10px;
}
.layout3Left .mypageMenuItemLink {
	padding: 10px 40px 10px calc(40px + 1em);
	display: block;
}
.layout3Left .mypageMenuItemLink:hover {
	background-color: #EBEFF2;
}

.mypageContentListEsBtnWrap {
	text-align: center;
}
.mypageContentListEsBtnWrap .button{
	width: 300px;
	height: 48px;
	font-size: 14px;
	border-radius: 8px;
}
.mypageContentEsList {
	margin-top: 40px;
}
.mypageContentEsItem {
	margin-top: 20px;
	background-color: #fff;
}
.duplicationButton, .editButton, .deleteButton, .displayButton, .previewButton {
	background-image: url(../img/icon_duplication.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 32px;
	font-size: 14px;
	font-weight: bold;
	color: #0E79D1;
	background-size: auto 24px;
	line-height: 24px;
}
.editButton{
	background-image: url(../img/icon_edit.svg);
}
.deleteButton{
	background-image: url(../img/icon_delete.svg);
	padding-left: 25px;
}
.displayButton{
	background-image: url(../img/icon_square_check.svg);
	padding-left: 30px;
}
.previewButton{
	background-image: url(../img/icon_display.svg);
	padding-left: 35px;
}
.mypageContentEsTop {
	padding: 30px 20px 20px;
}
.mypageContentEsTtl {
	font-size: 20px;
	color: #0E79D1;
	font-weight: bold;
}
.mypageContentEsText {
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.mypageContentEsBottom {
	border-top: 4px solid #F2F2F2;
	padding: 20px;
	display: flex;
	justify-content: flex-end;
}

.resumeListCheckWrap {
	background-color: #fff;
	padding: 20px 10px;
	margin-top: 10px;
}
.resumeList  + .resumeListCheckWrap {
	margin-top: 20px;
}
.resumeList{
}
.resumeItem {
	background-color: var(--white);
	margin-top: 20px;
}
/* .resumeItem:first-child {
	margin-top: 0;
} */
.resumeItemArticle {
	display: flex;
	align-items: stretch;
}
.resumeItemCheckBtnWrap {
	width: 45px;
	border-right: 4px solid #F2F2F2;
	position: relative;
}
.resumeItemCheckBtnWrap label {
	top: calc(50% - 11px);
	left: calc(50% - 11px);
}
.resumeItemTextWrapWrap {
	display: flex;
	align-items: stretch;
}
.resumeItemTextWrap {
	width: 710px;
}
.resumeItemArticle--column3 .resumeItemTextWrap { 
	width: 671px;
}
.resumeItemArticle--type3 .resumeItemTextWrap {
	width: 715px;
}
.resumeItemTextDl {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 10px;
}
.resumeItemTextIcon + .resumeItemTextDl {
	padding: 10px 10px 20px;
}
.resumeItemTextIcon {
	padding: 10px 10px 0;
}
.taikaiUser {
	padding: 20px 10px;
}
.resumeItemTextDlBlock {
	width: 25%;
}
.resumeItemTextDlBlock:nth-child(n + 5) {
	margin-top: 20px;
}
.resumeItemTextDt {
	font-size: 12px;
	font-weight: bold;
	color: #646E76;
	padding: 0 10px;
}
.resumeItemTextDd {
	line-height: 1.2;
	padding: 0 10px;
}
.resumeItemTextDl2 {
	border-top: 4px solid #F2F2F2;
	padding: 20px 10px;
}
.resumeItemTextDl2Block {
	display: flex;
}
.resumeItemTextDl2 .resumeItemTextDlBlock {
	width: 100%;
}
.resumeItemTextDl2 .resumeItemTextDt {
	display: inline-block;
	background-size: 10px;
}
.resumeItemTextDl2 .resumeItemTextDd {
	margin-top: 10px;
	display: none;
}
.resumeItemTextDt2 {
	font-size: 12px;
	font-weight: bold;
	color: #646E76;
	padding: 3px 0 0 10px;
	width: 10em;
}
.resumeItemTextDd2 {
	padding: 0;
	width: calc(100% - 8em);
}
.resumeItemTextBottom {
	display: flex;
	flex-wrap: wrap;
	padding: 20px 20px;
	border-top: 4px solid #F2F2F2;
	align-items: flex-start;
}
.resumeItemMemoRead {
	margin-left: 10px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	width: calc(100% - 75px);
}
.resumeItemMemo {
	/* width: 100%; */
	width: calc(100% - 75px);
	display: none;
	margin-left: 10px;
}
._memoInput .resumeItemMemoRead {
	display: none;
}
._memoInput .resumeItemMemo {
	display: block;
}
.resumeItemMemo .inputTextArea{
	height: 4.2em;
}
.resumeItemMemoBtnWrap {
	text-align: center;
	margin-top: 10px;
}
.resumeItemMemoBtnWrap .button {
	width: 120px;
	background-color: var(--orange);
	color: var(--white);
	padding: 5px;
}
.resumeItemBtnWrap {
	width: calc(100% - 715px);
	border-left: 4px solid #F2F2F2;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
}

.qrCondeWrap {
}

.selectResumeWrap .resumeItemCheckBtnWrap .button {
	font-size: 12px;
	position: absolute;
	top: calc(50% - 11px);
	left: calc(50% - 14px);
}
.scoutListTitle {
	cursor: pointer;
	padding: 10px 40px;
	border: 1px solid #707070;
	background-color: #646E76;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	background-image: url(../img/icon_arrow_bottom_white.svg);
	background-position: calc(100% - 20px) center;
	background-repeat: no-repeat;
	background-size: 15px;
}
.scoutListTitle._open {
	background-image: url(../img/icon_arrow_top_white.svg);
}
._selectScoutResumeWrap .formBtnWrap {
	margin-top: 40px;
}
/* .selectResumeWrap .resumeItemCheckBtnWrap {
	display: none;
}
.selectResumeWrap .resumeItemArticle--column3 .resumeItemTextWrap {
	width: 715px;
} */
.attedeeSearchBtnWrap .button {
	width: 300px;
	height: 48px;
}

.resumeDetailsHisotry {
	padding: 40px 20px 20px;
}
.resumeDetailsHisotry2 {
	padding: 0;
}
.commonTitleWrap .commonTitleLeft {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -19px;
}
.commonTitleWrap .commonTitleLeft .button {
	padding: 5px 20px;
}
.commonTitleWrap .codeCopyWrap {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -19px;
}
.codeCopyWrap .buttonWhiteBlue {
	cursor: inherit;
	padding: 0 20px;
	height: 38px;
	display: flex;
	align-items: center;
}

.flexBetween--iconDisplay .mypageContentEsTtl {
	width: calc(100% - 65px);
	padding-right: 20px;
}

.mypageNewsWrap {
	background-color: #fff;
	padding: 30px 20px;
	margin-top: 20px;
}
.mypageNewsWrap .mypageNewsList {
	margin-top: -20px;
}
.mypageNewsItem {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}
.mypageNewsArticle {
	display: flex;
}
.mypageNewsItemTime {
	width: 8em;
}
.mypageNewsItemTitle {
	width: calc(100% - 8em);
}
.mypageTopCaution .button{
	width: 300px;
	height: 48px;
	font-size: 14px;
}
.mypageTopLink {
	margin-top: 20px;
	text-align: right;
}
.mypageSpMenu {
	display: none;
}

.webPushSetWrap {
	margin-top: 20px;
}
.pwaQaTitle {
	font-weight: bold;
}
.pwaInstallWrap {
	padding-bottom: 60px;
}
.pwaInstallWrap .inner{
	padding: 0 60px;
}
.pwaInstallTitle:nth-child(n+2) {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px solid #ccc;
}
.pwaInstallDl {
	margin-top: 1em;
}
.pwaInstallDt:nth-child(n + 2) {
	margin-top: 2em;
}
.pwaInstallDd {
	margin-top: 1em;
}
.pwaInstallDdImg {
	max-width: 300px;
}

.mypage__profile-input-bar-wrap-wrap {
	position: relative;
	padding: 5px 0 40px 0;
}
.per-wrap {
	width: 620px;
	margin: 0 auto;
	position: relative;
}
.mypage__profile-input-bar-wrap-wrap .per {
	width: 86px;
	height: 36px;
	border-radius: 8px;
	background-color: #0063B1;
	color: #fff;
	text-align: center;
	font-size: 25px;
	position: absolute;
	left: 80%;
	margin-left: -61px;
}
.mypage__profile-input-bar-wrap-wrap .per::before {
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 7.5px 0px 7.5px;
	border-color: #0063B1 transparent transparent transparent;
	position: absolute;
	left: calc(50% - 7.5px);
	bottom: -8px;
}
.mypage__profile-input-bar-wrap-wrap .small{
	font-size: 19px;
}
.mypage__profile-input-bar-wrap {
	margin-top: 41px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.mypage__profile-input-bar-wrap .en {
	font-size: 25px;
}
.mypage__profile-input-bar-wrap .small {
	font-size: 15px;
}
.mypage__profile-input-bar {
	background-color: #fff;
	border: 1px solid #0063B1;
	border-radius: 20px;
	width: 620px;
	height: 21px;
}
.mypage__profile-input-bar-inner {
	background: transparent linear-gradient(93deg, #E0EFFF 0%, #0063B1 100%) 0% 0% no-repeat padding-box;
	border: 1px solid #0063B1;
	border-radius: 10px;
	width: 80%;
	height: 100%;
}

.mypageTopBanner {

}
.mypageTopBannerLink {
	display: flex;
	background-color: #fff;
}
.mypageTopBannerLink .left {
	width: 350px;
}
.mypageTopBannerLink .right {
	width: calc(100% - 350px);
	text-align: center;
	font-size: 0.9em;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:560px) {
	
	.layout3Left .mypageMenuWrapWrap {
		box-shadow: 0.36vw 0.71vw 1.43vw var(--mypageBoxshadowColor);
		padding: 0;
		border-radius: 0;
	}
	.layout3Left .mypageMenuBtn {
		color: #646E76;
		text-align: center;
		width: 100%;
		padding: 3.57vw 3.57vw;
		z-index: 3;
		position: relative;
	}
	.layout3Left .mypageMenuWrap {
		display: none;
		z-index: 2;
		position: relative;
		background-color: var(--white);
	}
	.layout3Left .mypageMenu {
		margin-top: 0;
	}
	.layout3Left .mypageMenuTtl {
		font-size: 3.75vw;
		padding: 0 7.14vw;
	}
	.layout3Left .mypageTopItem {
		margin-top: 3.57vw;
	}
	.iconDisplay1, .iconDisplay2 {
		font-size: 3.21vw;
		padding: 0.36vw 1.79vw;
		width: 14vw;
	}
	.mypageContentListEsBtnWrap .button {
		width: 53.57vw;
		height: 8.57vw;
		font-size: 2.5vw;
		border-radius: 1.43vw;
	}
	.mypageContentEsList {
		margin-top: 10.71vw;
	}
	.mypageContentEsItem {
		margin-top: 5.36vw;
	}
	.eventItemBottomWrap {
		border-top: 0.71vw solid #F2F2F2;
		padding-top: 2.68vw;
		display: block;
	}
	.eventItemBottom {
		margin: -3.57vw 0 0 -7.14vw;
		display: flex;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.eventItemBottom *{
		margin: 3.57vw 0 0 7.14vw;
	}
	.eventItemBottomLink,
	.eventItemBottomLink:first-child {
		margin: 3.57vw 0 0 7.14vw;
	}
	.duplicationButton, .editButton, .deleteButton, .displayButton,.previewButton {
		padding-left: 6.61vw;
		font-size: 3.21vw;
		background-size: auto 4.29vw;
		line-height: 4.29vw;
	}
	.deleteButton{
		padding-left: 4.46vw;
	}
	.displayButton{
		padding-left: 5.36vw;
	}
	.previewButton{
		padding-left: 6.25vw;
	}

	.resumeItemTextWrap {
		width: 76.07vw;
	}
	.resumeItemTextDl {
		padding: 3.57vw 0.89vw;
	}
	.resumeItemTextIcon + .resumeItemTextDl {
		padding: 1.78vw 0.89vw 3.57vw;
	}
	.resumeItemTextIcon {
		padding: 3.57vw 0.89vw 0;
	}
	.taikaiUser {
		padding: 3.57vw 0.89vw;
	}
	.resumeItemTextDlBlock:nth-child(odd) {
		width: 50%;
	}
	.resumeItemTextDlBlock:nth-child(even) {
		width: 50%;
	}
	.resumeItemTextDlBlock:nth-child(n + 3) {
		margin-top: 2.68vw;
	}
	.resumeItemTextDl2 .resumeItemTextDlBlock {
		width: 100%;
	}
	.resumeItemTextDd {
		padding: 0 1.79vw;
	}
	.resumeItemTextDt {
		font-size: 2.9vw;
		padding: 0 1.79vw;
	}
	.resumeItemBtnWrap {
		width: calc(100% - 76.07vw);
		border-left: 0.71vw solid #F2F2F2;
		font-size: 3.21vw;
	}
	.resumeItemTextDt2 {
		font-size: 2.86vw;
		padding: 0.54vw 0 0 1.79vw;
		width: 10em;
	}
	.resumeItemTextDl2 .resumeItemTextDt {
		background-size: 2.68vw;
	}
	.resumeItemCheckBtnWrap label {
		top: calc(50% - 2.86vw);
		left: calc(50% - 2.68vw);
	}
	.resumeItemCheckBtnWrap {
		width: 9.82vw;
		border-right: 0.71vw solid #F2F2F2;
	}
	.resumeItemArticle--column3 .resumeItemTextWrap {
		width: 68.21vw;
	}
	.resumeItemArticle--type3 .resumeItemTextWrap {
		width: 77.86vw;
	}
	.resumeItemArticle--column3 .resumeItemBtnWrap {
		width: calc(100% - 77.86vw);
	}
	.selectResumeWrap .resumeItemCheckBtnWrap .button {
		font-size: 2.5vw;
		top: calc(50% - 1.96vw);
		left: calc(50% - 3.04vw);
		padding: 0.36vw 0.36vw;
	}

	.selectResumeWrap .resumeItemCheckBtnWrap .button {
		font-size: 2.14vw;
		position: absolute;
		top: calc(50% - 1.96vw);
		left: calc(50% - 2.5vw);
	}
	.scoutListTitle {
		padding: 2.68vw 7.14vw;
		font-size: 3.21vw;
		background-position: calc(100% - 3.57vw) center;
		background-size: 2.68vw;
	}
	.resumeItem {
		margin-top: 5.36vw;
	}
	.resumeItemMemoRead {
		margin-left: 2vw;
		width: calc(100% - 19.8vw);
		line-height: 1.2;
	}
	.resumeItemMemo {
		margin-left: 2vw;
		width: calc(100% - 19.8vw);
	}
	.resumeItemMemo .inputTextArea {
		height: 3.6em;
		padding: 1vw 2vw;
	}
	.resumeItemMemoBtnWrap .button {
		width: 24vw;
		padding: 1vw;
	}
	.eventListBtnWrap {
		margin-top: 7.14vw;
	}
	.eventListBtnWrap .button {
		width: 81.79vw !important;
		height: 10.71vw !important;
	}
	.attedeeSearchDt {
		font-size: 3.57vw;
	}
	.attedeeSearchDd {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.attedeeSearchBtnWrap {
		margin-top: 10.71vw;
	}
	.attedeeSearchBtnWrap .button {
		width: 100%;
		height: 10.71vw;
	}
	.resumeDetailsHisotry {
		padding: 7.14vw 0 0 0;
	}

	
	.commonTitleWrap .commonTitleLeft .button {
		padding: 0 3vw;
		height: 12vw;
		line-height: 1.2;
		font-size: 3.5vw;
		margin-top: -6vw;
	}
	.commonTitleWrap .codeCopyWrap {
		margin-top: -4.5vw;
	}
	.codeCopyWrap .buttonWhiteBlue {
		padding: 0 1vw;
		height: 9vw;
		line-height: 1.2;
		font-size: 2.5vw;
	}

	.mypageContentEsTop {
		padding: 2.68vw;
	}
	.mypageContentEsTtl {
		font-size: 4.29vw;
	}
	.flexBetween--iconDisplay .mypageContentEsTtl {
		width: calc(100% - 14vw);
		padding-right: 2.68vw;
	}
	.mypageContentEsText {
		margin-top: 1.79vw;
	}
	.mypageContentEsBottom {
		border-top: 0.71vw solid #F2F2F2;
		padding-top: 2.68vw;
		display: block;
	}
	.mypageNewsWrap {
		padding: 2.68vw;
		margin-top: 7.14vw;
	}
	.mypageNewsItem {
		padding: 0.5em 0;
	}
	.mypageNewsArticle {
		display: block;
	}
	.mypageNewsItemTitle {
		width: 100%;
		margin-top: 0.5em;
	}

	.mypageTopCaution .button{
		width: 100%;
		height: 10.71vw;
    	font-size: 3.75vw;
	}
	.mypageTopLink {
		margin-top: 7.14vw;
	}

	.mypageSpMenu {
		display: block;
		position: relative;
	}
	.mypageSpMenu .mypageMenuWrapWrap {
		margin-top: 7.14vw;
	}
	.mypageSpMenu .mypageMenuWrapTtlWrap {
		text-align: center;
		border: 0.36vw solid var(--baseColor);
		border-radius: 0.71vw;
		color: var(--baseColor);
		font-weight: bold;
		background-color: #fff;
		cursor: pointer;
	}
	.mypageSpMenu .mypageMenuWrapTtl .sp {
		background-image: url(../img/icon_circle_blue_bottom.svg);
		background-repeat: no-repeat;
		background-position: calc(50% + 6em);
		background-size: 3.57vw;
		padding: 3.57vw;
	}
	._spMenuMypageOpen .mypageSpMenu .mypageMenuWrapTtl .sp {
		background-image: url(../img/icon_circle_blue_top.svg);
	}
	.mypageSpMenu .mypageMenuWrap {
		padding: 7.14vw 3.57vw;
		background-color: #fff;
		border-left: 0.36vw solid var(--baseColor);
		border-right: 0.36vw solid var(--baseColor);
		border-bottom: 0.36vw solid var(--baseColor);
		position: absolute;
		z-index: 1000;
		border-radius: 0 0 0.71vw 0.71vw;
		display: none;
		width: 100%;
		height: 60vh;
		overflow-y: scroll;
	}
	.mypageSpMenu .mypageMenu {
		border-bottom: 0.36vw solid #ccc;
	}
	._spMenuMypageOpen .mypageSpMenu .mypageMenuWrap {
		display: block;
	}
	.mypageSpMenu .mypageMenu:nth-child(n + 2) {
		margin-top: 1em;
	}
	.mypageSpMenu .mypageMenuItem {
		font-size: 0.9em;
	}
	.mypageSpMenu .mypageMenuItemLink {
		display: block;
		padding: 3.57vw;
	}
	.mypageSpMenu .mypageMenuTtl {
		font-weight: bold;
	}
	.mypageMenu2 {
		padding-bottom: 3.57vw;
	}
	/* .mypageSpMenu .mypageMenuList {
		padding-left: 1em;
	} */

	.mypageCommonWrap {
		margin-top: 5.36vw;
	}
	.buttonWebPush {
		background-image: url(../img/icon_alerm.svg);
		border: 0.36vw solid #084C91;
		background-color: #fff;
		color: #084C91;
		background-position: 3vw center;
		padding: 0 0 0 3vw;
		width: 50vw;
		height: 10.71vw;
		background-repeat: no-repeat;
		background-size: 5vw;
		border-radius: 0.89vw;
	}
	.buttonWebPush--reject {
		background-image: url(../img/icon_alerm_disabled.svg);
		border: 0.36vw solid #fff;
		background-color: #084C91;
		color: #fff;
	}

	
	.pwaInstallTitle {
		margin-top: 2em;
		font-weight: bold;
		cursor: pointer;
	}
	.pwaInstallTitle .toggleIcon {
		background-image: url(../img/icon_circle_blue_bottom.svg);
		background-size: cover;
		margin-left: 1em;
		height: 3.57vw;
		width: 3.57vw;
		display: inline-block;
	}
	.pwaInstallTitle._toggleOpen .toggleIcon {
		background-image: url(../img/icon_circle_blue_top.svg);
	}

	.mypage__profile-input-bar-wrap-wrap {
		padding: 0.89vw 0 7.14vw 0;
	}
	.per-wrap {
		width: 62vw;
	}
	.mypage__profile-input-bar-wrap-wrap .per {
		width: 15.36vw;
		height: 6.43vw;
		border-radius: 1.43vw;
		font-size: 4.46vw;
		left: 80%;
		margin-left: -10.89vw;
	}
	.mypage__profile-input-bar-wrap-wrap .per::before {
		border-width: 2.32vw 1.34vw 0vw 1.34vw;
		left: calc(50% - 1.34vw);
		bottom: -1.43vw;
	}
	.mypage__profile-input-bar-wrap-wrap .small {
		font-size: 3.39vw;
	}
	.mypage__profile-input-bar-wrap {
		margin-top: 7.32vw;
		justify-content: space-between;
	}
	.mypage__profile-input-bar-wrap .en {
		font-size: 4.46vw;
	}
	.mypage__profile-input-bar-wrap .small {
		font-size: 2.68vw;
	}
	.mypage__profile-input-bar {
		border-radius: 3.57vw;
		width: 62vw;
		height: 3.75vw;
		margin: 0 0.71vw;
	}
	.mypage__profile-input-bar-inner {
		border-radius: 1.79vw;
		width: 80%;
		height: 100%;
	}

	.mypageTopBannerLink {
		flex-direction: column-reverse;
	}
	.mypageTopBannerLink .left {
		width: 100%;
	}
	.mypageTopBannerLink .left img{
		width: 100%;
	}
	.mypageTopBannerLink .right {
		width: 100%;
		padding: 3.57vw 0;
	}
}