@charset "UTF-8";

@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 400;
	src: local('Noto Sans CJK JP Regular');
	src: url('../font/NotoSansCJKjp/NotoSansCJKjp_Regular.woff') format('woff'),
		url('../font/NotoSansCJKjp/NotoSansCJKjp_Regular.otf')  format('opentype');
}
@font-face {
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
	src: local('Noto Sans CJK JP Bold');
	src: url('../font/NotoSansCJKjp/NotoSansCJKjp_Bold.woff') format('woff'),
		url('../font/NotoSansCJKjp/NotoSansCJKjp_Bold.otf') format('opentype');
}
:root {
	--white: #FFFFFF;
	--red: #B50000;
	--gray: #646E76;
	--orange: #F0882F;
	--textColor: #333333;
	--noteColor: #9F9F9F;
	--linkColor: #0E79D1;
	--baseColor: #1B559F;
	--boderColor: #BDBDBD;
	--boxshadowColor: rgba(0,0,0,0.16);
	--mypageBoxshadowColor: rgba(83,83,83,0.16);
	--eventBoxshadowColor: rgba(0,0,0,0.031);
	--bgColor: #EBEFF2;
}
body{
	margin:0;
	padding:0;
	font-family: 'Noto Sans Japanese',Arial,sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	min-width:1280px;
	font-size: 16px;
	color: #333;
	overflow: hidden;
}
.roboto-bold {
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-style: normal;
  }
::-webkit-scrollbar{
	width: 5px;
}
::-webkit-scrollbar-track{
	background-color: #ccc;
}
::-webkit-scrollbar-thumb{
	background-color: #777;
    border-radius: 15px;
}
a {
	color: inherit;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
input[type=number] {
	-moz-appearance: textfield;
}
select {
	color: inherit;
}
button {
	font-family: inherit;
	cursor: pointer;
	border: 0;
	font-size: inherit;
	background-color: inherit;
	color: inherit;
}
iframe {
	max-width: 100%;
}
.hide {
	display: none;
}
.red {
	color: #dd554e;
}
.textRed {
	color: var(--red);
}
:focus {
    outline: none;
}
.sp,
.spInline {
	display: none;
}
.inner {
	width: 1160px;
	margin: 0 auto;
}
.inner1 {
	width: 1280px;
	margin: 0 auto;
}
.inner2 {
	width: 840px;
	margin: 0 auto;
}
._fix {
	height: 100%;
	min-height: auto;
	overflow: hidden;
	position: fixed;
	width: 100%;
}
.text + .text {
	margin-top: 1em;
}
.textLine {
	text-decoration: underline;
}
.link {
	color: var(--linkColor);
}
.link2 {
	color: var(--linkColor);
	background-image: url(../img/icon_arrow_right_blue.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
	background-size: 10px;
}
.link3 {
	color: var(--linkColor);
	background-image: url(../img/icon_modal.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 18px 0 0;
}
.textAreaLine1,
.textAreaLine2,
.textAreaLine3 {
	display: -webkit-box !important;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
}
.textAreaLine2 {
	-webkit-line-clamp: 2;
}
.textAreaLine3 {
	-webkit-line-clamp: 3;
}
.textAreaLine3Hidden {
	height: 4.6em;
	overflow: hidden;
}
.mT1 {
	margin-top: 5px;
}
.mT2 {
	margin-top: 20px;
}
.mT3 {
	margin-top: 40px;
}
.mT4 {
	margin-top: 60px;
}
.mT5 {
	margin-top: 10px;
}
.mT6 {
	margin-top: 100px;
}
.mT7 {
	margin-top: 70px;
}
.mB1 {
	margin-bottom: 5px;
}
.mB2 {
	margin-bottom: 20px;
}
.mB3 {
	margin-bottom: 40px;
}
.mB4 {
	margin-bottom: 60px;
}
.text1 {
	font-size: 14px;
}
.text2 {
	font-size: 16px;
}
.text3 {
	font-size: 18px;
}
.text4 {
	font-size: 10px;
}
.text5 {
	font-size: 12px;
}
.text6 {
	font-size: 20px;
}
.title {
	border-left: 8px solid #1B559F;
	border-bottom: 1px solid #1B559F;
	padding: 0 0 10px 20px;
	font-size: 28px;
	font-weight: bold;
}
.fosntSize08 {
	font-size: 0.8em;
}
.fosntSize09 {
	font-size: 0.9em;
}
.fosntSize12 {
	font-size: 1.2em;
}
.fosntSize13 {
	font-size: 1.3em;
}
.fosntSize14 {
	font-size: 1.4em;
}
.center {
	text-align: center;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.textCut {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.flexBetween {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.disabledCursor {
	cursor: inherit !important;
}
.linkArrow{
	background-image: url(../img/icon_arrow_right_black.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.linkArrowBlueRight {
	background-image: url(../img/icon_arrow_right_blue.svg);
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 10px auto;
	padding-right: 15px;
}
.note {
	font-size: 14px;
	color: var(--noteColor);
}
.frame {
	padding: 40px;
	background-color: var(--white);
}
.inputText, .inputTextArea {
	background-color: #F8F8F9;
	width: 100%;
	font-size: inherit;
	font-family: inherit;
	border: 1px solid #9F9F9F;
	border-radius: 4px;
	height: 48px;
	padding: 0 20px;
}
.inputTextReadOnly {
	background-color: inherit;
	font-size: inherit;
	font-family: inherit;
	border: 0;
	color: inherit;
}
.textIndent--2 {
	padding-left: 1em;
	text-indent: -1em;
}
.textIndent--4 {
	padding-left: 2em;
	text-indent: -2em;
}
.inputMini {
	width: 4.2em;
}
.inputDate {
	width: 10em;
}
.inputTextArea {
	height: 10em;
	padding: 10px 20px;
}
.inputSelect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: 10px 30px 10px 20px;
	font-size: inherit;
	font-family: inherit;
	position: relative;
	background-image: url(../img/icon_arrow_bottom_gray.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) center;
	background-color: #fff;
	border-radius: 4px;
	border: 1px solid #9F9F9F;
	background-color: #F8F8F9;
	background-size: 10px;
	max-width: 100%;
}
.selectWrap {
	position: relative;
}
.selectWrap .inputSelect {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
}
.inputCheckbox,
.inputRadio {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: none;
}

.inputCheckbox + label {
	cursor: pointer;
	padding-left: 30px;
	vertical-align: top;
	position: relative;
	display: inline-block;
}
.inputCheckbox + label::before,
.inputCheckbox + label::after {
	content: "";
	display: block; 
	position: absolute;
}
.inputCheckbox + label::before {
	background-color: #fff;
	border-radius: 0%;
	border: 1px solid #9F9F9F;
	width: 20px;
	height: 20px;
	top: 0.2em;
	left: 0;
}
.inputCheckbox + label::after {
	border-bottom: 3px solid #387DCE;
	border-left: 3px solid #387DCE;
	opacity: 0;
	height: 6px;
	width: 11px;
	transform: rotate(-45deg);
	top: 0.4em;
	left: 4px;
}
.inputCheckbox:checked + label::after {
	opacity: 1;
}
.inputRadio + label::before, .inputRadio:checked + label::before {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	position: absolute;
	left: 0;
	background-color: #EBEBEB;
	border: 1px solid #9F9F9F;
	border-radius: 50%;
	top: 0.3em;
}
.inputRadio:checked + label::after {
	content: "";
	width: 10px;
	height: 10px;
	display: block;
	position: absolute;
	left: 4px;
	background-color: #0E79D1;
	border-radius: 50%;
	top: 0.55em;
}
.inputRadio + label {
	position: relative;
	display: inline-block;
	min-height: 26px;
	padding-left: 25px;
}
.button {
	border-radius: 4px;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	padding: 0;
}
.buttonWhiteBlue {
	border: 2px solid var(--baseColor);
	background-color: var(--white);
	color: var(--baseColor);
}
.buttonBlue {
	border: 2px solid var(--baseColor);
	background-color: var(--baseColor);
	color: var(--white);
}
.buttonWhite {
	background-color: var(--white);
	color: var(--textColor);
	border: 1px solid #707070;
	border-radius: 0;
}
.buttonOrange {
	border: 2px solid var(--orange);
	background-color: var(--orange);
	color: var(--white);
}
.buttonWhiteOrange {
	border: 2px solid var(--orange);
	background-color: var(--white);
	color: var(--orange);
}
.buttonGray {
	border: 2px solid var(--gray);
	background-color: var(--gray);
	color: var(--white);
}
.buttonModal {
	width: auto;
	height: 48px;
	background-color: #F8F8F9;
	border: 1px solid #9F9F9F;
	font-size: 14px;
	text-align: left;
	background-image: url(../img/icon_modal.svg);
	background-repeat: no-repeat;
	background-position: calc(100% - 20px) center;
	padding: 0 40px 0 20px;
}
.buttonTextWrap {
	text-align: center;
	margin-top: 25px;
}
.buttonText,
.buttonTextUnderline {
	line-height: 1.3;
	margin: 0;
	padding: 0;
}
.buttonTextUnderline {
	text-decoration: underline;
}
.buttonTextPrev,
.buttonTextNext {
	color: inherit;
	border: 0;
	font-weight: normal;
	box-shadow: none;
	width: 120px !important;
	background-color: inherit;
	height: auto !important;
}
.buttonTextNext {
	background-image: url(../img/icon_arrow1_left_green.svg);
	background-repeat: no-repeat;
	background-position: 20px center;
}
.buttonAuto {
	padding: 10px 20px;
}
.buttonMini {
	padding: 5px 20px;
	font-size: 0.9em;
}
.releaseBtn {
	border: 1px solid var(--baseColor);
	color: var(--baseColor);
	border-radius: 50%;
	width: 20px;
	text-align: center;
	font-size: 10px;
	height: 20px;
}
.noImage {
	background-color: var(--bgColor);
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.9em;
}

.bg {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	top: 0;
	left: 0;
	background-color: rgb(0,0,0, 0.45);
	z-index: 9999;
}
.modalWrap {
	position: absolute;
	/* height: 100%; */
	left: 0;
	top: 40px;
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	width: 100%;
}
.modal {
	max-width: 900px;
	/* max-height: 80vh; */
	background-color: #fff;
	box-shadow: 0px 3px 6px var(--boxshadowColor);
	padding: 30px;
	z-index: 1;
	overflow: hidden;
	position: relative;
	width: 80vw;
	/* height: 100%; */
}
.modalHeader {
	text-align: center;
	height: 15%;
}
.modalCloseBtn::before, .modalCloseBtn::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 3px;
	left: 10px;
	top: 24px;
	background-color: var(--white);
	transform: rotate(-45deg);
}
.modalCloseBtn::after {
	transform: rotate(45deg);
}
.modalCloseBtn {
	top: 0;
	right: 0;
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
	background-color: var(--baseColor);
	border-radius: 0;
}
.modalBody {
	margin-top: 30px;
}
.modalBodySingle {
	border: 1px solid #ddd;
	padding: 30px;
}
.modalBodySingleList {
	display: flex;
	flex-wrap: wrap;
	margin-top: -1em;
}
.modalBodySingleItem {
	width: 50%;
	margin-top: 1em;
	padding: 0 0.5em 0 0;
}
.modalBodySingleItem:nth-child(even) {
	padding: 0 0 0 0.5em;
}
.modalBodySeparate {
	display: flex;
	justify-content: space-between;
}
.modalBodyLeft {
	/* overflow-y: scroll; */
	width: 40%;
	border: 1px solid #ddd;
}
.modalBodyLeftItem {
	border-top: 1px solid #ddd;
}
.modalBodyLeftItem .buttonText {
	padding: 20px 90px 20px 20px;
	width: 100%;
	text-align: left;
	border-left: 4px solid #fff;
	position: relative;
}
.modalBodyLeftItem .buttonText._active {
	border-left: 4px solid var(--baseColor);
}
.modalSelected {
	display: none;
	background-color: var(--baseColor);
	color: var(--white);
	font-size: 12px;
	padding: 0.2em 0;
	border-radius: 4px;
	width: 50px;
	text-align: center;
	position: absolute;
	right: 20px;
	top: calc(50% - 10px);
}
.modalBodyLeftItem .buttonText._selected .modalSelected {
	display: inline-block;
}
.modalBodyLeftItem:first-child {
	border-top: 0;
}
.modalBodyRight {
	/* overflow-y: scroll; */
	width: 60%;
	padding: 30px;
	border: 1px solid #ddd;
}
.modalBodyRightList {
	display: none;
	margin-top: -1em;
	flex-wrap: wrap;
}
.modalBodyRightList:first-child {
	display: flex;
}
.modalBodyRightItem {
	width: 50%;
	margin-top: 1em;
	padding: 0 0.5em 0 0;
}
.modalBodyRightItem:nth-child(even) {
	padding: 0 0 0 0.5em;
}
.modalBtn {
	text-align: center;
	padding: 30px 0 0 0;
}
.modalBtn .button {
	padding: 0.5em 2em;
}
.modalBtnWrap .buttonNo {
	background-color: #8CA0AF;
	border-color: #8CA0AF;
}
.modalBtnWrap .buttonYes{
	margin-left: 20px;
}
.modalBtn2Wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
}
.modalBtn2Wrap .button {
	width: 360px;
	height: 40px;
	margin: 0;
	font-size: 16px;
}
.modalList {
	display: flex;
	flex-wrap: wrap;
	margin: -15px 0 0 0;
}
.modalItem {
	margin: 15px 0 0 0;
}
.modalSubTitle {
	margin-top: 1.5em;
	border-bottom: 1px solid #ddd;
	padding: 0 0 0.7em;
}
.modalCenterList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.modalCenterItem {
}
.modalCenterItem:nth-child(n + 2) {
	margin: 0 0 0 40px;
}
.modalItemCol2 {
	width: 50%;
}
.modalItemCol3 {
	width: 33%;
}
.modalItemCol4 {
	width: 25%;
}
.modalParentList {
	margin-top: -40px;
}
.modalParentItem {
	margin-top: 40px;
	font-weight: bold;
}
.modalChildList {
	display: flex;
	flex-wrap: wrap;
	margin: 5px 0 0 0;
}
.modalChildList + .modalChildList {
	border-top: 1px dashed #ccc;
	margin-top: 1em;
}
.modalChildItem {
	width: 33%;
	margin: 15px 0 0 0;
	font-weight: normal;
}


.commonModalWrap {
	position: fixed;
	height: 100%;
	left: 0;
	top: 0;
	align-items: center;
	justify-content: center;
	z-index: 10000;
	width: 100%;
	background-color: rgb(0, 0, 0, 0.3);
	display: flex;
}
.commonModal {
	max-width: 900px;
	background-color: #fff;
	box-shadow: 0px 3px 6px var(--boxshadowColor);
	padding: 30px;
	z-index: 1;
	overflow: hidden;
	position: relative;
	width: 80vw;
	/* height: 100%; */
}
.commonModalHeader {
	text-align: center;
	height: 15%;
}
.commonModalCloseBtn::before, .commonModalCloseBtn::after {
	content: "";
	position: absolute;
	width: 30px;
	height: 3px;
	left: 10px;
	top: 24px;
	background-color: var(--white);
	transform: rotate(-45deg);
}
.commonModalCloseBtn::after {
	transform: rotate(45deg);
}
.commonModalCloseBtn {
	top: 0;
	right: 0;
	position: absolute;
	width: 50px;
	height: 50px;
	display: block;
	background-color: var(--baseColor);
	border-radius: 0;
}
.commonModalTitle {
	font-size: 24px;
	font-weight: bold;
}
.commonModalTitle .strong {
	color: var(--baseColor);
	font-size: 28px;
}
.commonModalTitle .img {
	width: 40px;
	vertical-align: top;
	margin: 0 0.5em;
}
.commonModalBody {
	margin-top: 2em;
	text-align: center;
}
.commonModalBody .section2DlBlock {
	width: 100%;
	box-shadow: none;
	border-radius: 4px;
	padding: 0;
	background-color: #fff;
}
.commonModalButtonWrap {
	margin-top: 2em;
	display: flex;
	justify-content: center;
	gap: 0 20px;
}
.commonModalButtonWrap .button {
	height: 50px;
	width: 180px;
}
.commonModalButtonWrap .cancelButton {
	border: 2px solid #084C91;
  color: #084C91;
}
.commonModalButtonWrap .submitButton {
	border: 2px solid #F0882E;
  background-color: #F0882E;
  color: #ffffff;
} 

.formErrorWrap {
	margin-top: 20px;
	color: var(--red);
}
.formError {
	
}
.wrap {
	padding-top: 112px;
}
.clientMypage .wrap {
	padding-top: 56px;
}
.content {
	padding-bottom: 80px;
}
.content--bgGray {
	background-color: #EBEFF2;
}
.content2 {
	padding: 80px 0;
	background-color: var(--bgColor);
}
.content3 {
	padding: 80px 0;
	background-color: var(--white);
}
.header {
	box-shadow: 2px 4px 8px var(--boxshadowColor);
	z-index: 10;
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	background-color: #fff;
}
.headerTop {
	padding: 13px 40px;
}
.headerTop .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
}
.spMenu,
.headerSpMypageLink {
	display: none;
}
.headerTopLogo{
}
.headerTopList{
}
.headerTop .button{
	width: 144px;
	height: 40px;
}
.headerTopListLink:nth-child(n + 2){
	margin-left: 60px;
}
.headerBottom {
	background-color: var(--baseColor);
	color: var(--white);
	padding: 20px 0;
}
.headerBottom .inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 40px;
}
.headerBottomBtnList {
	display: none;
}
.headerBottomMenuList {
	display: flex;
	align-items: center;
	font-size: 14px;
}
.headerBottomMenuItem {
	margin-left: 50px;
	position: relative;
}
.headerBottomMenuItem:first-child{
	margin-left: 0;
}
.header .mypageMenuWrapWrap {
	display: none;
}
.toggleDown {
	background-image: url(../img/icon_arrow_bottom_white.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	padding-right: 20px;
	cursor: pointer;
}
.toggleDown._open {
	background-image: url(../img/icon_arrow_top_white.svg);
}
.toggleDownGray {
	background-image: url(../img/icon_arrow_bottom_gray.svg);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px !important;
	cursor: pointer;
}
.toggleDownGray._toggleOpen,
._toggleOpen .toggleDownGray {
	background-image: url(../img/icon_arrow_top_gray.svg);
}
.headerBottomMenuList2 {
	background-color: var(--white);
	color: var(--linkColor);
	padding: 20px;
	box-shadow: 2px 4px 8px #00000029;
	border-radius: 0px 0px 4px 4px;
	position: absolute;
	top: 40px;
	width: 208px;
	left: -30px;
	display: none;
	z-index: 1;
}
.headerBottomMenuItem2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 20px;
}
.headerBottomMenuItem2:first-child {
	margin-top: 0;
}
.headerBottomMenuLink2 {

}

.headerType2 {
	height: 112px;
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	background-color: #fff;
	z-index: 1000;
}
.headerType2 .inner {
	width: 1280px;
	padding: 0 0 0 35px;
	height: 100%;
}
.headerType2Inner {
	width: 1280px;
	height: 100%;
	display: flex;
	justify-content: space-between;
}
.headerType2Left {
	width: 303px;
	padding-top: 35px;
}
.headerType2TopLogo{
	width: 100%;
}
.headerType2Right {
	width: calc(100% - 303px);
}
.headerType2RightTop {
	display: flex;
	justify-content: flex-end;
}
.headerType2List1 {
	display: flex;
}
.headerType2Item1Link {
	padding: 10px 20px;
	background-color: #E0EFFF;
	color: #0063B1;
	font-size: 13px;
	font-weight: bold;
	display: block;
}
.headerType2Item1:nth-child(2) .headerType2Item1Link {
	background-color: #0063B1;
	color: #ffffff;
}
.headerType2RightBottom {
	margin-top: 13px;
	display: flex;
	justify-content: flex-end;
}
.headerType2Item2 {
	position: relative;
}
.headerType2Item2List {
	display: none;
	background-color: var(--white);
	border-radius: 0px 0px 4px 4px;
	position: absolute;
	top: 2em;
	width: 220px;
	left: 0;
	z-index: 1;
	padding: 0 20px 20px 20px;
}
.headerType2Item2Link{
	font-weight: bold;
}
.headerType2Item2 .toggleDown{
	background-image: url(../img/icon_arrow_bottom_black.svg);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 14px auto;
	padding-right: 20px;
	cursor: pointer;
}
.headerType2Item2 .toggleDown._open {
	background-image: url(../img/icon_arrow_top_white.svg);
}
.headerType2List2 {
	display: flex;
	align-items: center;
	gap: 0 20px;
}
.headerType2Item2Item:nth-child(n + 2){
	margin-top: 0.5em;
}
.headerType2Item2ItemLink {
	color: inherit;
}
.headerType2List3 {
	display: flex;
	align-items: center;
	margin-left: 23px;
	gap: 0 13px;
}
.headerType2Item3 .button {
	width: 132px;
	height: 46px;
	border: 2px solid #084C91;
	border-radius: 5px;
	font-size: 14px;
	color: #084C91;
	background-image: url(../img/icon_login.svg);
	background-repeat: no-repeat;
	background-position: 22px center;
	padding-left: 22px;
}
.headerType2Item3:nth-child(2) .button{
	border: 2px solid #F0882E;
	background-color: #F0882E;
	color: #ffffff;
	background-image: url(../img/icon_human.svg);
}
.headerType2Logined .headerType2Item3 .button {
	background-image: url(../img/icon_human.svg);
	background-position: 12px center;
	border: 2px solid #F0882E;
	background-color: #F0882E;
	color: #ffffff;
}
.headerType2Logined .headerType2Item3:nth-child(2) .button {
	background-image: url(../img/icon_login.svg);
	background-position: 12px center;
	border: 2px solid #084C91;
	background-color: #ffffff;
	color: #084C91;
}
.footer{
}
.footer .inner{

}
.footerTop {
	padding: 20px 0;
}
.footerTopMenuList {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
}
.footerTopMenuItem {
	padding: 0 40px;
	border-left: 1px solid var(--boderColor);
	line-height: 1.6;
}
.footerTopMenuItem:first-child {
	border-left: 0;
}
.footerBottom {
	background-color: #1A2533;
	color: var(--white);
	padding: 14px 0 20px;
}
.footerBottom .inner {
	padding: 0 40px;
}
.footerBottom .recruiterButtonWrap {
	text-align: right;
}
.footerBottom .recruiterButton{
	width: 194px;
	height: 48px;
	font-size: 14px;
	font-weight: normal;
}
.footerBottomMenuList {
	margin-top: 40px;
	display: flex;
	align-items: center;
	font-size: 12px;
	justify-content: right;
}
.footerBottomMenuItem{
	margin-left: 100px;
}
.footerBottomMenuItem:first-child{
	margin-left: 0;
}
.footerCopyright {
	margin-top: 40px;
	text-align: center;
	font-size: 12px;
}

.topBtn {
	bottom: 3%;
	position: fixed;
	right: 5%;
	display: none;
	width: 50px;
	height: 50px;
	cursor: pointer;
	background-color: var(--baseColor);
	border-radius: 50%;
	background-image: url(../img/icon_arrow_top_white.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	z-index: 5;
}
.campaignBtn {
    bottom: 10%;
    position: fixed;
    right: 1%;
    z-index: 5;
    width: 200px;
}
.layout1 {
	padding: 40px 0;
}
.layout1 .inner{
	display: flex;
	justify-content: space-between;
}
.layout1Left {
	width: 800px;
}
.layout1Right {
	width: 300px;
}
.layout2 {
	width: 560px;
	/* width: 800px; */
	margin: 0 auto;
}
/* .login .layout2 {
	width: 560px;
} */
.layout3 {
	padding: 40px 0;
}
.layout3 .inner{
	display: flex;
	justify-content: space-between;
}
.layout3Left {
	width: 300px;
	padding-top: 60px;
}
.layout3--2 .layout3Left {
	padding-top: 0;
}
.layout3Right {
	width: 800px;
}
.layout4 {
	width: 800px;
	margin: 0 auto;
}
.layout5 {
	width: 960px;
	margin: 0 auto;
}
.commonTitleWrap {
	position: relative;
}
.commonTitle1 {
	font-size: 28px;
	font-weight: bold;
}
.layout3Right .commonTitle1 {
	text-align: center;
}
.commonTitle2 {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}
.commonTitle3::before {
	content: "";
	width: 80px;
	height: 4px;
	background-color: #0E79D1;
	display: block;
	position: absolute;
	bottom: -3px;
	border-radius: 2px;
}
.commonTitle3 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 2px solid #CCCCCC;
	padding-bottom: 10px;
	position: relative;
}
.commonTitle4 {
	font-size: 16px;
	font-weight: bold;
}
.commonTitle5 {
	font-size: 18px;
	font-weight: bold;
}
.commonTitleToggle {
	background-image: url(../img/icon_arrow_bottom_gray.svg);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 20px !important;
	cursor: pointer;
	background-size: 15px;
}
.commonTitleToggle._toggleOpen {
	background-image: url(../img/icon_arrow_top_gray.svg);
}
.commonTitle6 {
	text-align: center;
}
.commonTitle6Text {
	font-size: 25px;
	font-weight: 500;
	position: relative;
}
.commonTitle6Text::before, .commonTitle6Text::after {
    content: "";
    width: 105px;
    height: 1px;
    background-color: #707070;
    position: absolute;
    top: calc(50% - 0.5px);
    left: -125px;
}
.commonTitle6Text::after {
	left: auto;
    right: -125px;
}
.commonList {
	padding-left: 1em;
}
.commonItem {
	text-indent: -1em;
	margin-top: 0.5em;
}
.commonItem:first-child {
	margin-top: 0;
}
.thanksWrap {
	margin-top: 20px;
}
.thanksWrap2 {
	width: 540px;
	margin: 0 auto;
}
.thanksText{
	margin-top: 1em;
}
.thanksLine {
	margin-top: 20px;
	padding: 20px;
	text-align: center;
	background-color: #fff;
}
.thanksLineLink {
	width: 80px;
	margin: 1em 0;
	display: inline-block;
}
.thanksLine .thanksText {
	margin-top: 1em;
	font-size: 1.1em;
	font-weight: bold;
}
.thanksBtnWrap {
	margin-top: 40px;
	text-align: center;
}
.thanksBtnWrap .button {
	width: 300px;
	height: 48px;
	font-size: 14px;
}

.commonContact {
	background-image: url(../img/text_contact_us.svg),url(../img/bg_contact.webp);
	background-repeat: no-repeat;
	background-position: center;
	padding: 60px 0;
}
.commonContactTtl {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: var(--baseColor);
}
.commonContactEntryBtnWrap {
	margin-top: 30px;
	text-align: center;
}
.commonContactEntryBtnWrap .button {
	width: 500px;
	height: 80px;
	font-size: 24px;
}
.commonContactContactBtnWrap {
	margin-top: 60px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: var(--baseColor);
}
.commonContactContactBtnWrap .button {
	width: 290px;
	height: 59px;
	margin-left: 20px;
}

.commonError {
	margin-top: 40px;
}
.errorWrap {
	margin-top: 1em;
}
.error {
	color: #DD554E;
	margin-top: 0.5em;
}


.pager {
	margin-top: 40px;
}
.pagerTotal {
	text-align: center;
}
.pagerList {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.pagerItem {
	width: 50px;
	line-height: 50px;
	margin-left: 8px;
}
.pagerItem:first-child {
	margin-left: 0;
}
.pagerLink {
	display: block;
	background-color: #fff;
	border: 1px solid #646E76;
	border-radius: 4px;
	text-align: center;
	height: 100%;
}

.pagerItem--active .pagerLink{
	background-color: #646E76;
	color: var(--white);
}
.pagerItem--prev {
	margin-right: 50px;
}
.pagerItem--prev .pagerLink {
	background-image: url(../img/icon_arrow_left_gray.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.pagerItem--next {
	margin-left: 50px;
}
.pagerItem--next .pagerLink {
	background-image: url(../img/icon_arrow_right_gray.svg);
	background-repeat: no-repeat;
	background-position: center;
}


.icon {
	border-radius: 26px;
	font-weight: bold;
	padding: 1px 15px;
	display: inline-block;
	font-size: 14px;
}
.iconNew {
	border: 1px solid #DF81A2;
	background-color: #DF81A2;
	color: var(--white);
}
.iconGy {
	border: 2px solid var(--baseColor);
	background-color: var(--white);
	color: var(--baseColor);
}
.iconSt {
	border: 2px solid var(--red);
	background-color: var(--white);
	color: var(--red);
}
.icon1 {
	border: 1px solid var(--red);
	background-color: var(--red);
	color: var(--white);
}
.icon2{
	border: 1px solid #00BECC;
	background-color: #00BECC;
	color: var(--white);
}
.icon3{
	border: 1px solid #FFA500;
	background-color: #FFA500;
	color: var(--white);
}
.icon4{
	border: 1px solid #9F5420;
	background-color: #9F5420;
	color: var(--white);
}
.icon5{
	border: 1px solid #228B22;
	background-color: #228B22;
	color: var(--white);
}
.icon6{
	border: 1px solid #387DCE;
	background-color: #387DCE;
	color: var(--white);
}
.iconTag {
	background-color: #F8F8F9;
	border: 1px solid #9F9F9F;
}
.iconFeature {
	border: 1px solid #1B559F;
	border-radius: 4px;
	padding: 1px 14px;
	font-weight: bold;
	color: #1B559F;
}
.table1{
	font-size: 14px;
	width: 100%;
}
.table1Th {
	width: 170px;
	background-color: #646E76;
	color: var(--white);
	padding: 20px;
	text-align: left;
	border: 1px solid #9F9F9F;
}
.table1Td{
	padding: 20px;
	border: 1px solid #9F9F9F;
}
.table2 {
	font-size: 18px;
	width: 100%;
}
.table2Th {
	text-align: left;
	width: 148px;
	vertical-align: top;
	padding: 20px 20px 20px 0;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}
.table2Td {
	padding: 20px 0;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}
.list{

}
.item {
	padding-left: 1em;
	text-indent: -1em;
}
.item--0_5 {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.item--1_5 {
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.item--2 {
	padding-left: 2em;
	text-indent: -2em;
}
.item--3 {
	padding-left: 3em;
	text-indent: -3em;
}
.item--4 {
	padding-left: 4em;
	text-indent: -4em;
}
.list2{

}
.item2 {
	margin-top: 0.5em;
}
.item2:first-child {
	margin-top: 0;
}
.listInline{
	display: flex;
	flex-wrap: wrap;
	margin: -0.5em 0 0 -0.5em;
}
.itemInline{
	margin: 0.5em 0 0 0.5em;
}
.commonMenuWrap{
	box-shadow: 10px 10px 10px var(--eventBoxshadowColor);
	background-color: var(--white);
	padding: 40px;
	border-radius: 8px;
}
.content3 .commonMenuWrap{
	border: 1px solid #9F9F9F;
}
.commonMenu{
}
.commonMenuList {
	margin-top: 20px;
}
.commonMenuItem{
	margin-top: 10px;
}
.commonMenuItem label{
	font-weight: bold;
}
.commonMenu .buttonModal {
	width: 100%;
	border-radius: 4px;
}
.commonMenuList2{
	border-bottom: 1px solid #707070;
}
.commonMenuItem2 {
	padding: 10px 20px;
	border-top: 1px solid #707070;
	font-size: 14px;
	font-weight: bold;
}
.hotWordList {
	margin-top: 10px;
}
.sogoLink .button {
	width: 100%;
	padding: 5px 0;
	line-height: 1.2;
}
.sideBanner {

}
.sideBannerList {
	
}
.sideBannerItem {
	margin-top: 20px;
}
.listSegmentWrap {
	text-align: right;
}

.eventBtn .button {
	height: 48px;
	width: 100%;
	font-size: 14px;
}

.eventItem {
	padding: 20px;
	margin-top: 20px;
	background-color: var(--white);
}
.mypageTop .eventList {
	margin: 0 0 0 -20px;
	display: flex;
	flex-wrap: wrap;
}
.mypageTop .eventItem {
	padding: 0;
	width: calc(50% - 20px);
	margin: 20px 0 0 20px !important;
}
.mypageTop .eventItem._scoutReadWrap {
	width: 100%;
	margin: 0 !important;
}
.mypageTop .eventItem._scoutReadWrap:nth-child(n + 2) {
	margin-top: 20px !important;
}
.mypageTop .eventList .eventItemImgWrap {
	width: 100px;
	height: 80px;
}
.mypageTop .eventList .eventItemTextWrap {
	width: calc(100% - 100px);
}
.eventItem:first-child {
	margin-top: 0;
}
.eventArticle{
	
}
.eventArticleInner {
	display: flex;
}
.eventImgWrap{
	width: 200px;
	height: 120px;
	background-color: #fff;
}
.eventImg {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.eventTextWrap {
	width: calc(100% - 200px);
	padding-left: 20px;
}
.eventIndustry {
	font-size: 14px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.eventName {
	margin-top: 8px;
	color: var(--baseColor);
	font-weight: bold;
	font-size: 20px;
}
.eventCaption {
	font-size: 14px;
	margin-top: 15px;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	/* max-height: 6.2em; */
}
.eventItemDl {
	font-size: 12px;
}
.eventItemDlBlock {
	display: flex;
}
.eventItemDlBlock:nth-child(n + 2) {
	margin-top: 5px;
}
.eventItemDt {
	width: 5.5em;
}
.eventItemDd {
	width: calc(100% - 5.5em);
}
.eventItemDlBlock--2char .eventItemDt {
	width: 3.2em;
}
.eventItemDlBlock--2char .eventItemDd {
	width: calc(100% - 3.2em);
}
.mypageTop .eventItemTopWrap .icon{
	font-size: 12px;
}
.eventClientItemDateWrap {
	display: flex;
	flex-wrap: wrap;
	margin: -0.3em 0 0 -1em;
}
.eventClientItemTime {
	margin: 0.3em 0 0 1em;
}
.eventBtnWrap {
	margin-top: 10px;
	text-align: right;
}
.eventBtnWrap .button {
	width: 152px;
	height: 40px;
	z-index: 1;
	position: relative;
}
.eventItemBottomWrap {
	border-top: 4px solid #F2F2F2;
	padding-top: 15px;
	display: flex;
	justify-content: flex-end;
}
.eventItemBottomLink {
	margin-left: 40px;
}
.eventItemBottomLink:first-child {
	margin-left: 0;
}

.searchWrap {
	width: 100%;
	display: flex;
	align-items: center;
}
.searchWrap .inputText {
	border-radius: 4px 0 0 4px;
}
.searchButton {
	width: 40px;
	background-color: #646E76;
	height: 48px;
	display: block;
	border-radius: 0 4px 4px 0;
	background-image: url(../img/icon_search.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
}


.copySuccess::before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 9.5px 0 9.5px;
	border-color: #ddd transparent transparent transparent;
	position: absolute;
	bottom: -9px;
	left: 50%;
	margin-left: -9.5px;
}
.copySuccess::after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 7.5px 0 7.5px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	bottom: -7px;
	left: 50%;
	margin-left: -7.5px;
}
.copySuccess {
	font-size: 12px;
	position: absolute;
	margin-left: -60px;
	opacity: 0;
	width: 120px;
	display: block;
	left: 50%;
	top: -45px;
	background-color: #fff;
	padding: 10px;
	text-align: center;
	color: #333;
	border-radius: 2px;
	border: 1px solid #ddd;
	z-index: -1;
}
.copySuccessOn {
	animation-timing-function: linear;
	animation-fill-mode: forwards;
	animation-name: copySuccess;
	animation-duration: 1s;
}


._eventDatetimepickerShow .xdsoft_datetimepicker {
	display: block !important;
}
._eventDatetimepickerShow .xdsoft_close {
	position: absolute;
	top: 10px;
	right: 10px;
	background-color: #4CAF50;
	color: white;
	border: none;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 14px;
}

._eventDatetimepickerShow .xdsoft_close:hover {
	background-color: #45a049;
}

.calendarModalWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 10000;
}
.calendarModalBg {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.calendarModal {
	max-height: 80vh;
	background-color: #fff;
	z-index: 1;
	overflow: hidden;
	box-shadow: 0px 3px 6px var(--boxshadowColor);
	padding: 30px 30px;
	position: relative;
}
.calendarModalCloseWrap {
	text-align: right;
}
.calendarModalHeader {
	font-size: 18px;
	font-weight: bold;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0 40px;
}
.calendarModalHeader .button {
	background-repeat: no-repeat;
	background-size: cover;
	width: 30px;
	height: 30px;
}
.calendarModalHeader .button:first-child{
	background-image: url(../img/icon_circle_blue_left.svg);
}
.calendarModalHeader .button:last-child{
	background-image: url(../img/icon_circle_blue_right.svg);
}
.calendarModalTitle {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	color: #00A1C7;
	letter-spacing: 0.24px;
}
.calendarModalCloseBtn::before {
	content: "";
	position: absolute;
	width: 25px;
	height: 3px;
	background-color: #000;
	transform: rotate(-45deg);
	left: -2px;
	top: 8px;
}
.calendarModalCloseBtn::after {
	content: "";
	position: absolute;
	width: 25px;
	height: 3px;
	background-color: #000;
	transform: rotate(45deg);
	left: -2px;
	top: 8px;
}
.calendarModalCloseBtn {
	position: relative;
	width: 20px;
	height: 20px;
	cursor: pointer;
}
.calendarModalBodyText {
	margin: 0 80px;
	padding: 40px;
	text-align: center;
}
.calendarModalBody {
	overflow-y: scroll;
	margin-top: 20px;
}
.calendarModalBodyInner {
	margin: 0 80px;
	padding: 40px;
	border-radius: 10px;
	border: 1px solid #D9D9D9;
}
.calendarModalBtnWrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
}
.calendarModalBtnWrap .button {
	width: 200px;
	margin: 0;
}
.calendarModalBtnWrap--yesno {
	display: block;
}
.calendarModalBtnWrap--yesno .button {
	display: block;
	margin: 0 auto;
}
.calendarModalBtnWrap--yesno .button + .button {
	margin: 20px auto 0;
}
.calendarModalBtnWrap .buttonNo {
	background-color: #8CA0AF;
	border-color: #8CA0AF;
}
.calendarModalBtnWrap .buttonYes{
	margin-left: 20px;
}
.calendarModalBtn2Wrap {
	padding-top: 40px;
	display: flex;
	justify-content: center;
}
.calendarModalBtn2Wrap .button {
	width: 360px;
	height: 40px;
	margin: 0;
	font-size: 16px;
}
.calendarModalList {
	display: flex;
	flex-wrap: wrap;
	margin: -15px 0 0 0;
}
.calendarModalItem {
	margin: 15px 0 0 0;
}
.calendarModalSubTitle {
	margin-top: 1.5em;
	border-bottom: 1px solid #ddd;
	padding: 0 0 0.7em;
}
.calendarModalCenterList {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.calendarModalCenterItem {
}
.calendarModalCenterItem:nth-child(n + 2) {
	margin: 0 0 0 40px;
}
.calendarModalItemCol2 {
	width: 50%;
}
.calendarModalItemCol3 {
	width: 33%;
}
.calendarModalItemCol4 {
	width: 25%;
}
.calendarModalParentList {
	margin-top: -40px;
}
.calendarModalParentItem {
	margin-top: 40px;
	font-weight: bold;
}
.calendarModalChildList {
	display: flex;
	flex-wrap: wrap;
	margin: 5px 0 0 0;
}
.calendarModalChildList + .calendarModalChildList {
	border-top: 1px dashed #ccc;
	margin-top: 1em;
}
.calendarModalChildItem {
	width: 33%;
	margin: 15px 0 0 0;
	font-weight: normal;
}
.calendarTblWrap {
	display: table;
	margin: 0 auto;
}
.calendarTbl {
}
._setCalendarDate {
	cursor: pointer;
}
.calendarTblTh {
	border: 1px solid #D9D9D9;
	height: 50px;
	width: 60px;
	background-color: #F2F2F2;
	font-weight: normal;
}
.calendarTblTd {
	border: 1px solid #D9D9D9;
	height: 50px;
	width: 60px;
	text-align: center;
}	
.calendarTblNa {
	background-color: #999;
}
.calendarTblSat {
	background-color: #1D7FE0;
	color: #fff;
}
.calendarTblSun,
.calendarTblHoliday {
	background-color: #E0271D;
	color: #fff;
}
._setCalendarDate2 {
	cursor: pointer;
}
.calendarTblTdInner {
	width: 100%;
	height: 100%;
	line-height: 1.3;
}
.calendarTblToday .calendarTblTdInner {
	border: 2px solid var(--baseColor);
	background-color: #fff;
	color: var(--baseColor);
	/* display: flex;
	align-items: center;
	justify-content: center; */
}
.selectCalendarDate .calendarTblTdInner {
	border: 2px solid #E0271D;
	background-color: #fff;
	color: #E0271D;
	/* display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap; */
}
.calendarTblTdSign {
	color: var(--orange);
	display: block;
	width: 100%;
}
.calendarBtnWrap{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.calendarBtnWrap .button {
	margin: 0;
}
.calendarBtnWrap .buttonTextNext {
	background-image: url(../img/icon_arrow1_left_green.svg);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 0 0 0 20px;
	width: auto !important;
}
.calendarBtnWrap .buttonTextPrev {
	background-image: url(../img/icon_arrow1_right_green.svg);
	background-repeat: no-repeat;
	background-position: right center;
	padding: 0 20px 0 0;
	width: auto !important;
}
.calendarBtn2Wrap {
	margin-top: 20px;
	display: flex;
	justify-content: center;
}
.calendarBtn2Wrap .button {
	order: 2px solid var(--baseColor);
	background-color: var(--baseColor);
	color: var(--white);
	padding: 0.5em 2em;
}
._pwaInstallWrap {
	display: none;
}
.section2Dl {
	display: flex;
	justify-content: center;
	color: #5A718E;
	flex-direction: column;
	margin-top: 20px;
	gap: 20px 0;
}
.section2DlBlock {
	width: 100%;
	box-shadow: 0px 2px 20px rgba(27,85,159,0.301);
	border-radius: 4px;
	padding: 20px;
	background-color: #fff;
}
.section2DtIcon {
	background-image: url(../img/icon_hand_point_right.svg);
	background-repeat: no-repeat;
	padding-left: 35px;
}
.section2Dd {
	margin-top: 10px;
}
.section2Dd + .section2Dt {
	margin-top: 20px;
}
@keyframes copySuccess {
	0% { 
		transform: translateY(5px); 
		opacity: 0;
		z-index: 10000;
	}
	20% { 
		transform: translateY(0px); 
		opacity: 1;
	}
	90% { 
		opacity: 1;
	}
	100% { 
		opacity: 0;
		z-index: 10000;
	}
}
@media screen and (max-width:560px) {
	
	body{
		-webkit-text-size-adjust: 100%;
		min-width: initial;
		min-width: auto;
		font-size: 3.75vw;
		padding-bottom: 13.39vw;
	}
	.pwaStandalone body{
		padding-bottom: 18.39vw;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.spInline {
		display: inline !important;
	}
	.inner,
	.inner1,
	.inner2 {
		width: 100%;
	}

	.inputRadio:checked + label::after {
		width: 2.68vw;
		height: 2.68vw;
		left: 1.35vw;
		border-radius: 50%;
		top: 0.4em;
	}
	.inputRadio + label::before, .inputRadio:checked + label::before {
		width: 5vw;
		height: 5vw;
		top: 0;
	}
	.inputRadio + label {
		min-height: 5vw;
		padding-left: 8.04vw;
	}
	.inputCheckbox + label::after {
		border-bottom: 0.54vw solid #387DCE;
		border-left: 0.54vw solid #387DCE;
		height: 1.43vw;
		width: 2.86vw;
		top: 0.4em;
		left: 1.25vw;
	}
	.inputCheckbox + label::before {
		width: 5.36vw;
		height: 5.36vw;
		top: 0em;
		left: 0;
	}
	.inputCheckbox + label {
		padding-left: 8.04vw;
	}
	iframe {
		margin-top: 3.99vw;
		height: calc((100vw - 6.25vw * 2) * 0.5625) !important;
	}
	.text1 {
		font-size: 3.21vw;
	}
	.text3 {
		font-size: 5.36vw;
	}
	.text4 {
		font-size: 2.86vw;
	}
	.text6 {
		font-size: 3.75vw;
	}
	.title {
		border-left: 1.43vw solid #1B559F;
		padding: 0 0 1.79vw 3.57vw;
		font-size: 4.29vw;
		font-weight: bold;
	}
	.mT1 {
		margin-top: 1.79vw;
	}
	.mT2 {
		margin-top: 7.14vw;
	}
	.mT3 {
		margin-top: 5.36vw;
	}
	.mT4 {
		margin-top: 10.71vw;
	}
	
	.mT7 {
		margin-top: 12.5vw;
	}
	.mB2 {
		margin-bottom: 7.14vw;
	}
	.link3 {
		padding: 0 4.46vw 0 0;
		background-size: 2.68vw;
	}
	.icon {
		border-radius: 4.64vw;
		padding: 0.18vw 2.68vw;
		font-size: 2.5vw;
	}
	.iconFeature {
		border-radius: 0.71vw;
		padding: 0.18vw 2.5vw;
		font-size: 2.5vw;
	}
	.frame {
		padding: 7.14vw;
	}
	.table1Th {
		width: 28.57vw;
		padding: 2.68vw;
		font-size: 3.75vw;
	}
	.table1Td {
		padding: 2.68vw;
		font-size: 3.75vw;
	}
	.inputText, .inputTextArea {
		border-radius: 0.71vw;
		height: 13.39vw;
		padding: 0 3.57vw;
	}
	.inputTextArea {
		height: 10em;
		padding: 3.57vw 3.57vw;
	}
	.inputSelect {
		padding: 3.75vw 7.14vw 3.75vw 3.57vw;
		background-position: calc(100% - 2.68vw) center;
		border-radius: 0.71vw;
		background-size: 2.68vw;
	}
	.buttonModal {
		height: 13.39vw;
		font-size: inherit;
		background-position: calc(100% - 3.57vw) center;
		padding: 0 10.71vw 0 3.57vw;
		background-size: 2.68vw;
	}
	.buttonAuto {
		padding: 1.79vw 3.57vw;
	}
	.releaseBtn {
		width: 5.36vw;
		font-size: 3.21vw;
		height: 5.36vw;
		line-height: 1;
	}
	.toggleTopGray,
	.toggleDownGray {
		padding-right: 7.14vw !important;
		background-size: 3.57vw auto;
	}

	.listSegmentWrap {
		margin-top: 3.57vw;
	}
	.listSegmentWrap .inputSelect {
		padding: 1.96vw 7.14vw 1.96vw 3.57vw;
		background-position: calc(100% - 2.68vw) center;
		border-radius: 0.71vw;
		background-size: 2.68vw;
		font-size: 2.86vw;
	}

	.commonTitle1 {
		font-size: 5vw;
	}
	.commonTitle2 {
		font-size: 4.29vw;
	}
	.commonTitle3::before {
		width: 14.29vw;
		height: 0.71vw;
		bottom: -0.54vw;
		border-radius: 0.36vw;
	}
	.commonTitle3 {
		font-size: 4.29vw;
		border-bottom: 0.36vw solid #CCCCCC;
		padding-bottom: 1.79vw;
	}
	.commonTitle4 {
		font-size: 4.29vw;
	}
	.commonTitleToggle {
		padding-right: 4.29vw !important;
		background-size: 4.29vw;
	}
	.commonTitle6Text {
		font-size: 4.46vw;
	}
	.commonTitle6Text::before, .commonTitle6Text::after {
		width: 18.75vw;
		height: 0.18vw;
		top: calc(50% - 0.09vw);
		left: -22.32vw;
	}
	.commonTitle6Text::after {
		left: auto;
		right: -22.32vw;
	}
	.table2 {
		font-size: 3.21vw;
	}
	.table2Th {
		width: 23.21vw;
		padding: 3.57vw 3.57vw 3.57vw 0;
	}
	.table2Td {
		padding: 3.57vw 0;
	}
	.wrap {
		padding-top: 12.5vw;
	}
	.clientMypage .wrap {
		padding-top: 14.29vw;
	}
	.content {
		padding-bottom: 17.86vw;
	}
	.content--2 {
		padding-bottom: 0;
	}
	.content2 {
		padding: 7.14vw 0 17.86vw;
	}
	.content3 {
		padding: 7.14vw 0;
	}
	.layout1Left {
		width: 100%;
	}
	.layout1 {
		padding: 0;
		margin-top: 10.71vw;
	}
	.layout1 .inner {
		display: block;
		padding: 0 3.57vw;
	}
	.layout1Right {
		width: 100%;
		margin-top: 19.64vw;
	}
	.layout2 {
		width: 100%;
		padding: 0 3.57vw;
	}
	.layout3 {
		padding: 0 3.57vw;
	}
	.layout3 .inner {
		display: block;
	}
	.layout3Left {
		width: 100%;
		padding-top: 0;
	}
	.layout3Left--spHide {
		display: none;
	}
	.layout3Right {
		margin-top: 10.71vw;
		width: 100%;
	}
	.mypage .layout3Left{
		display: none;
	}
	.mypage .layout3Right {
		margin-top: 0;
		padding: 7.14vw 0 0;
	}
	.details .layout3Right {
		margin-top: 0;
	}
	.clientMypage .layout3Right {
		margin-top: 0;
	}
	.clientMypage .layout3Left {
		display: none;
	}
	.layout3--reverse .inner {
		display: flex;
		flex-direction: column-reverse;
	}
	.layout3--reverse .layout3Left {
		margin-top: 10.71vw;
	}
	.layout3--reverse .layout3Right {
		margin-top: 0;
	}
	.layout3--resume .layout3Left {
		display: block;
	}
	.layout3--resume .mypageMenuWrapWrap {
		display: none;
	}
	.layout3--resume .mypageMenuWrapWrap--search {
		display: block;
		padding: 5.36vw !important;
	}
	.layout3--resume .mypageMenuWrapWrap--search .text2{
		font-size: 4.29vw;
		text-align: center;
	}
	.layout3--resume .mypageMenuWrapWrap--search .mT2 {
		margin-top: 2.68vw;
	}
	.layout3--resume .mypageMenuWrapWrap--search .buttonModal {
		width: 100%;
		height: 8.39vw;
	}
	.layout3--resume .mypageMenuWrapWrap--search .inputText {
		height: 8.39vw;
		margin-bottom: 1.79vw;
	}
	.layout3--resume .eventBtn .button {
		height: 10.71vw;
		width: 100%;
		font-size: 3.75vw;
		border-radius: 1.43vw;
	}
	.layout4 {
		width: 100%;
		margin: 0 auto;
		padding: 0 3.57vw 10.71vw;
	}
	.layout5 {
		width: 100%;
		padding: 0 3.57vw;
	}
	.mypage .content2 {
		padding: 0 0 7.14vw;
	}
	.header {
		box-shadow: 0.36vw 0.71vw 1.43vw var(--boxshadowColor);
		height: 14.29vw;
		background-color: var(--white);
		z-index: 1000;
	}
	._spMenuOpen .header,
	._spMypageMenuOpen .header{
		z-index: 10000;
	}
	.headerTop {
		padding: 0;
		height: 100%;
	}
	.headerTop .inner {
		padding: 0;
	}
	.clientMypage .headerTop .inner {
		display: block;
		text-align: center;
	}
	.clientMypage .spMenu {
		position: absolute;
		left: 0;
	}
	.clientMypage .headerTopLogo {
		margin: 5.3vw 0 0 0;
	}
	.headerTopList {
		display: none;
	}
	.headerBottom {
		display: none;
		padding: 3.57vw 0 0;
	}
	.headerBottom .inner {
		display: block;
		padding: 0;
	}
	.headerBottomBtnList {
		display: flex;
		align-items: center;
		padding: 0 3.57vw;
		justify-content: space-between;
	}
	.headerBottomBtnListLink .button {
		width: 44.64vw;
		height: 10.71vw;
		font-size: 3.75vw;
	}
	.headerBottomBtnListLink .buttonWhiteBlue {
		border: 0.36vw solid var(--white);
	}
	.headerBottomMenuList {
		margin-top: 3.57vw;
		display: block;
	}
	.headerBottomMenuItem {
		margin-left: 0;
		border-top: 0.71vw solid #174D91;
	}
	.headerBottomMenuLink {
		padding: 3.57vw 7.14vw;
		font-size: 3.75vw;
		display: block;
		width: 100%;
		text-align: left;
		background-position: calc(100% - 7.14vw);
	}
	.headerBottomMenuList2 {
		background-color: inherit;
		color: var(--white);
		padding: 0 0 7.14vw calc(7.14vw + 2em);
		box-shadow: none;
		border-radius: 0;
		position: inherit;
		top: auto;
		width: 100%;
		left: auto;
		display: none;
		z-index: 0;
	}
	.headerBottomMenuItem2 {
		font-size: 3.75vw;
		font-weight: normal;
		margin-top: 5.36vw;
	}
	.headerTopLogo {
		width: 31.07vw;
	}
	.spMenu,
	.headerSpMypageLink {
		display: block;
	}
	.spMenu {
		width: 14.29vw;
		height: 14.29vw;
		position: relative;
	}
	.spMenuLine {
		width: 7.32vw;
		height: 0.36vw;
		background-color: #707070;
		border-radius: 0.36vw;
		display: block;
		position: absolute;
		top: 4.29vw;
		left: 3.57vw;
		padding: 0;
	}
	.spMenuLine:nth-child(2) {
		top: 50%;
	}
	.spMenuLine:nth-child(3) {
		bottom: 3.57vw;
		top: auto;
	}
	._spMenuOpen .spMenu { 
		background-color: #1B559F;
	}
	._spMenuOpen .spMenuLine:nth-child(1) {
		transform: rotate(45deg);
		top: 7.14vw;
		background-color: var(--white);
	}
	._spMenuOpen .spMenuLine:nth-child(2) {
		display: none;
	}
	._spMenuOpen .spMenuLine:nth-child(3) {
		transform: rotate(-45deg);
		bottom: auto;
		top: 7.14vw;
		background-color: var(--white);
	}
	._spMenuOpen .headerBottom {
		display: block;
		overflow-y: scroll;
		max-height: calc(100vh - 14.29vw);
		max-height: calc(100dvh - 14.29vw);
	}
	.header .mypageMenuWrapWrap {
		background-color: var(--baseColor);
		padding: 3.57vw 0;
		border-radius: 0;
		color: var(--white);
		display: none;
	}
	._spMenuOpen .header .mypageMenuWrapWrap,
	._spMypageMenuOpen .header .mypageMenuWrapWrap {
		display: block;
	}
	._spMenuOpen .header ._mypageMenu {
		display: none;
	}
	._spMypageMenuOpen .header ._mypageMenu {
		display: block;
	}
	.header .mypageMenuWrapTtlWrap {
		text-align: center;
	}
	.header .mypageMenuWrap {
		max-height: calc(100vh - 27.86vw);
		max-height: calc(100dvh - 27.86vw);
		overflow-y: scroll;
	}
	.header .mypageMenuWrapTtl {
		background-image: url(../img/icon_mypage_white.svg);
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 4.29vw;
		font-size: 4.29vw;
		font-weight: bold;
		color: var(--white);
		padding-left: 6.79vw;
		display: inline-block;
	}
	.header .mypageMenu {
		margin-top: 3.57vw;
		padding: 6.25vw 0;
		border-top: 0.36vw solid #174D91;
	}
	.header .mypageMenu + .mypageMenu {
		margin-top: 0;
	}
	.header .mypageMenuTtl {
		font-size: 3.75vw;
		font-weight: bold;
		padding: 0 7.14vw;
	}
	.header .mypageMenuItem {
		margin-top: 5.36vw;
	}
	.header .mypageMenuItemLink {
		padding: 1.79vw 7.14vw 1.79vw calc(7.14vw + 1em);
		display: block;
	}
	.mypageMenuBtn {
		position: relative;
		background-image: url(../img/icon_mypage.svg);
		background-position: center;
		width: 14.29vw;
		height: 14.29vw;
		background-repeat: no-repeat;
	}
	.spMypageMenuLine {
		width: 7.32vw;
		height: 0.36vw;
		background-color: #707070;
		border-radius: 0.36vw;
		position: absolute;
		top: 4.29vw;
		left: 3.57vw;
		padding: 0;
		display: none;
	}
	._spMypageMenuOpen .mypageMenuBtn {
		background-color: var(--baseColor);
	}
	._spMypageMenuOpen .spMypageMenuLine {
		display: block;
	} 
	._spMypageMenuOpen .spMypageMenuLine:nth-child(1) {
		transform: rotate(45deg);
		top: 7.14vw;
		background-color: var(--white);
	}
	._spMypageMenuOpen .spMypageMenuLine:nth-child(2) {
		transform: rotate(-45deg);
		bottom: auto;
		top: 7.14vw;
		background-color: var(--white);
	}
	.headerType2 {
		height: 12.5vw;
	}
	._spMenuOpen .headerType2,
	._spMypageMenuOpen .headerType2{
		z-index: 10000;
	}
	.headerType2 {
		height: 12.5vw;
	}
	.headerType2 .inner {
		width: 100%;
		padding: 0 0 0 3.57vw;
		height: 100%;
	}
	.headerType2Inner {
		align-items: center;
		width: 100%;
	}
	.headerType2Left {
		width: 33.39vw;
		padding-top: 0;
	}
	.headerType2Right {
		width: calc(100% - 33.39vw);
	}
	.headerType2RightTop {
		display: none;
	}
	.headerType2RightBottom {
		margin-top: 0;
	}
	.headerType2List2 {
		display: none;
	}
	.headerType2Item3 .button {
		width: 21.43vw;
		height: 8.21vw;
		border: 0.36vw solid #084C91;
		border-radius: 0.89vw;
		font-size: 3.21vw;
		background-size: 3.04vw auto;
		background-position: 1.79vw center;
		padding-left: 4.29vw;
	}
	.headerType2Item3:nth-child(2) .button {
		width: 21.43vw;
		height: 8.21vw;
		border: 0.36vw solid #F0882E;
		border-radius: 0.89vw;
		font-size: 3.21vw;
		background-position: 1.79vw center;
		padding-left: 3.93vw;
		background-size: 3.57vw auto;
	}
	.headerType2Logined .headerType2Item3 .button {
		background-image: url(../img/icon_human.svg);
		border: 0.36vw solid #F0882E;
		background-color: #F0882E;
		color: #fff;
		font-size: 2.68vw;
	}
	.headerType2Logined .headerType2Item3:nth-child(2) .button {
		background-image: url(../img/icon_logout.svg);
		border: 0.36vw solid #084C91;
		background-color: #fff;
		color: #084C91;
		font-size: 2.68vw;
		background-position: 1.79vw center;
	}
	.clientMypage .headerType2Top .inner {
		display: block;
		text-align: center;
	}
	.clientMypage .spMenuType2 {
		position: absolute;
		left: 0;
	}
	.clientMypage .headerType2TopLogo {
		margin: 5.3vw 0 0 0;
	}
	.spMenuType2,
	.headerType2SpMypageLink {
		display: block;
	}
	.spMenuType2 {
		width: 10.71vw;
		height: 12.5vw;
		position: relative;
	}
	.spMenuType2Line {
		width: 4.29vw;
		height: 0.36vw;
		background-color: #084C91;
		display: block;
		position: absolute;
		top: 4.29vw;
		left: calc(50% - 2.14vw);
		padding: 0;
	}
	.spMenuType2Line:nth-child(2) {
		top: 50%;
	}
	.spMenuType2Line:nth-child(3) {
		bottom: 3.57vw;
		top: auto;
	}
	.spMenuType2Wrap {
		display: none;
		background-color: #EDF6FA;
		padding: 5.36vw 10.71vw 8.93vw;
		position: fixed;
		top: 12.5vw;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10000;
		overflow-y: scroll;
	}
	._spMenuOpen .spMenuType2Wrap {
		display: block;
	}
	._spMenuOpen .spMenuType2Line {
		transform: rotate(45deg);
		top: 6.07vw;
		width: 6.25vw;
	}
	._spMenuOpen .spMenuType2Line:nth-child(2) {
		transform: rotate(-45deg);
	}
	._spMenuOpen .spMenuType2Line:nth-child(3) {
		display: none;
	}
	.spMenuType2List{
	}
	.spMenuType2Item {
		border-bottom: 0.18vw solid #ccc;
	}
	.spMenuType2ItemLink{
		display: block;
		font-size: 3.57vw;
		padding: 3.57vw 0;
		font-weight: bold;
	}
	.spMenuType2List2 {
		margin-top: 3.57vw;
	}
	.spMenuType2Item2{
		margin-top: 1.79vw;
	}
	.spMenuType2Item2Link {
		font-size: 2.86vw;
		font-weight: bold;
		background-image: url(../img/icon_circle_blue_right.svg);
		background-size: 2.68vw;
		background-repeat: no-repeat;
		background-position: right center;
		color: #0063B1;
		padding-right: 3.57vw;
	}
	.spMenuType2List3{
		margin-top: 7.14vw;
	}
	.spMenuType2Item3{
		margin-top: 3.57vw;
	}
	.spMenuType2Item3 .button {
		width: 100%;
		height: 14.29vw;
		border: 0.36vw solid #084C91;
		border-radius: 0.89vw;
		font-size: 4.29vw;
		color: #084C91;
		background-image: url(../img/icon_login.svg);
		background-repeat: no-repeat;
		background-position: 26.79vw center;
		padding-left: 6.25vw;
		background-size: 4.64vw;
		background-color: #fff;
	}
	.spMenuType2Item3:nth-child(2) .button {
		background-image: url(../img/icon_human.svg);
		border: 0.36vw solid #F47B36;
		background-color: #F47B36;
		color: #fff;
		background-position: 22.68vw center;
	}

	.headerType2Logined .spMenuType2Item3 .button {
		background-image: url(../img/icon_human.svg);
		border: 0.36vw solid #F0882E;
		background-color: #F0882E;
		color: #fff;
		background-position: 25vw;
	}
	.headerType2Logined .spMenuType2Item3:nth-child(2) .button {
		background-image: url(../img/icon_logout.svg);
		border: 0.36vw solid #084C91;
		background-color: #fff;
		color: #084C91;
	}
	.footerTop {
		padding: 0 3.57vw;
	}
	.footerTopMenuList {
		display: flex;
		justify-content: inherit;
		font-size: 3.21vw;
		flex-wrap: wrap;
		margin: -3.57vw 0 0 -7.14vw;
		padding: 3.57vw 0 0 0;
	}
	.footerTopMenuItem {
		padding: 0;
		border-left: 0;
		line-height: inherit;
		margin: 3.57vw 0 0 7.14vw;
	}
	.footerBottom {
		padding: 7.14vw 3.57vw 3.57vw;
		margin-top: 3.57vw;
	}
	.clientMypage .footerBottom {
		margin-top: 0;
	}
	.footerBottom .inner {
		padding: 0;
	}
	.footerBottom .recruiterButton {
		width: 42.86vw;
		height: 8.57vw;
		font-size: 3.21vw;
	}
	.footerBottomMenuList {
		margin: 3.57vw 0 0 -7.14vw;
		display: flex;
		align-items: center;
		font-size: 2.86vw;
		justify-content: inherit;
		flex-wrap: wrap;
	}
	.footerBottomMenuItem {
		margin: 3.57vw 0 0 7.14vw;
	}
	.footerBottomMenuItem:first-child {
		margin-left: 7.14vw;
	}
	.footerCopyright {
		margin-top: 7.14vw;
		font-size: 2.14vw;
	}
	.commonMenuWrap {
		box-shadow: 1.79vw 1.79vw 1.79vw var(--eventBoxshadowColor);
		padding: 2.68vw;
		border-radius: 1.79vw;
	}
	.details .commonMenuWrap {
		display: none;
	}
	.commonMenuTtl  {
		font-size: 4.29vw;
		text-align: center;
	}
	.commonMenuList {
		margin: 0 0 0 -5.36vw;
		display: flex;
		flex-wrap: wrap;
	}
	.sogoLink .button {
		width: 100%;
		padding: 0.89vw 0;
		line-height: 1.2;
	}
	.commonMenu .buttonModal {
		width: calc(33% - 3.04vw);
		height: 9.29vw;
	}
	.commonMenuItemBtnWrap {
		display: flex;
		flex-wrap: wrap;
		margin: 1.79vw 0 0 -3.21vw;
	}
	.commonMenuItemBtn {
		width: calc(33% - 3.04vw);
		margin: 3.57vw 0 0 3.21vw;
	}
	.commonMenuItemBtn2 {
		margin: 3.57vw 0 0 0;
	}
	.commonMenuItemBtn .buttonModal {
		width: 100%;
		font-size: 3.21vw;
		padding: 0 1.79vw;
		background-position: calc(100% - 0.89vw);
	}
	.commonMenuItem {
		margin: 5.36vw 0 0 5.36vw;
	}
	.commonMenuList2--inline {
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 0 -2.68vw;
		border: 0;
	}
	.commonMenuItem2 {
		padding: 3.57vw 3.57vw;
		font-size: 3.21vw;
	}
	.commonMenuList2--inline .commonMenuItem2 {
		border: 0;
		padding: 0;
		margin: 2.68vw 0 0 2.68vw;
	}
	.commonMenuTextWrap {
		margin-top: 3.57vw;
	}
	.commonMenuText {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-top: 1.79vw;
	}
	.commonMenuTextWrap .inputText {
		height: 10vw;
		width: 50.71vw;
		margin: 0;
	}
	.commonMenuTextWrap .button {
		width: 34.64vw;
		height: 10vw;
		font-size: 3.21vw;
	}
	.hotWordList {
		margin-top: 1.79vw;
	}
	.sideBanner {
		margin: 0;
	}
	.sideBanner .sideBannerItemImg {
		width: 100%;
	}
	.sideBannerItem {
		margin-top: 7.14vw;
	}
	/* .sideBannerItem:first-child {
		margin-top: 0;
	} */
	.pager {
		margin-top: 7.14vw;
	}
	.pagerList {
		margin-top: 3.57vw;
	}
	.pagerItem {
		width: 8.93vw;
		line-height: 8.93vw;
		margin-left: 1.43vw;
		margin-right: 0;
	}
	.pagerLink {
		border-radius: 0.71vw;
	}
	.eventItem {
		padding: 0;
		margin-top: 10.71vw;
	}
	.eventItemDl {
		font-size: 3.75vw;
		margin-top: 3.57vw;
	}
	.eventItemArticle .eventItemDl {
		margin-top: 1.79vw;
	}
	.mypageTop .eventList {
		margin: 0;
	}
	.mypageTop .eventItem {
		width: 50%;
		margin: 7.14vw 0 0 0 !important;
		padding: 0 1.79vw;
	}
	.mypageTop .eventItemArticleInner {
		display: block;
	}
	.mypageTop .eventItemTopWrap .icon {
		font-size: inherit;
	}
	.mypageTop .eventList .eventItemImgWrap {
		width: 100%;
		height: 26.79vw;
	}
	.mypageTop .eventList .eventItemTextWrap {
		width: 100%;
		margin-top: 1.79vw;
	}
	.mypageTop .eventList .noImage {
		font-size: 0.7em;
	}
	.mypageTop .eventItemTextWrap .mT1 {
		font-size: 0.9em;
	}
	.mypageTop .eventItemMainText {
		font-size: 0.7em;
	}
	.mypageTop .eventItem._scoutReadWrap {
		padding: 0 !important;
		box-shadow: none !important;
	}
	.mypageTop .eventItem._scoutReadWrap .eventItemArticleInner {
		display: flex;
	}
	.mypageTop .eventItem._scoutReadWrap:nth-child(n+2) {
		margin-top: 3.57vw !important;
	}
	.eventImgWrap {
		width: 28.57vw;
		height: 21.43vw;
	}
	.eventTextWrap {
		width: calc(100% - 28.57vw);
		padding-left: 1.79vw;
	}
	.eventIndustry {
		font-size: 3.21vw;
	}
	.eventName {
		margin-top: 1.79vw;
		font-size: 4.29vw;
	}
	.eventCaption {
		font-size: 3.75vw;
		margin-top: 1.79vw;
	}
	.eventBtnWrap {
		margin-top: 1.79vw;
	}
	.eventBtnWrap .button {
		width: 27.14vw;
		height: 7.14vw;
		font-size: 2.86vw;
	}

	.modal {
		box-shadow: 0vw 0.54vw 1.07vw var(--boxshadowColor);
		padding: 5.36vw 3.57vw;
		z-index: 1;
		width: 90vw;
	}
	.modalCloseBtn::before, .modalCloseBtn::after {
		width: 6.25vw;
		height: 0.54vw;
		left: 2.32vw;
		top: 5vw;
	}
	.modalCloseBtn {
		width: 10.71vw;
		height: 10.71vw;
	}
	.modalHeader .text3 {
		font-size: 4.29vw;
	}
	.modalBodySingleItem {
		width: 100%;
	}
	.modalBodySingleItem:nth-child(2n) {
		padding: 0;
	}
	.modalBodyLeft {
		width: 100%;
	}
	.modalBodyLeftItem .buttonText {
		padding: 3.57vw 10.71vw 3.57vw 3.57vw;
		width: 100%;
		border-left: 0;
		background-image: url(../img/icon_arrow_bottom_gray.svg);
		background-position: calc(100% - 3.57vw) center;
		background-repeat: no-repeat;
		background-size: 3.57vw;
	}
	.modalBodyLeftItem .buttonText._active {
		border-left: 0;
	}
	.modalBodyLeftItem .buttonText._open {
		background-image: url(../img/icon_arrow_top_gray.svg);
	}
	.modalBodyRight {
		display: none;
	}
	.modalBodyRightList {
		padding: 0 3.57vw 3.57vw;
	}
	.modalBodyRightItem {
		width: 100%;
		padding: 0;
	}
	.modalBodyRightItem:nth-child(2n) {
		padding: 0;
	}
	.modalBodyRightItem:nth-child(2) {
		display: none;
	}
	.modalSelected {
		font-size: 2.14vw;
		padding: 0.2em 0;
		border-radius: 0.71vw;
		width: 8.93vw;
		position: relative;
		right: auto;
		top: -0.2em;
		margin-left: 1.79vw;
	}	.commonModal {
		box-shadow: 0vw 0.54vw 1.07vw var(--boxshadowColor);
		padding: 5.36vw;
		width: 90vw;
	}
	.commonModalHeader {
		padding-top: 7vw;
	}
	.commonModalTitle {
		font-size: 4.29vw;
	}
	.commonModalTitle .strong {
		font-size: 5vw;
	}
	.commonModalTitle .img {
    width: 8vw;
	}
	.commonModalBody {
		text-align: left;
		max-height: 60vh;
		overflow-y: scroll;
	}
	.commonModalBody .section2Dl {
		margin-top: 0;
		padding: 0;
	}
	.commonModalBody .section2Dd {
		font-size: 3vw;
	}
	.commonModalButtonWrap {
		gap: 0 3.57vw;
	}
	.commonModalButtonWrap .button {
		height: 8.93vw;
		width: 28vw;
	}
	.thanksWrap {
		margin-top: 5.36vw;
	}
	.thanksLineLink {
		width: 14.29vw;
	}
	.thanksLine {
		margin-top: 5.36vw;
		padding: 3.57vw;
	}
	.thanksWrap2 {
		width: 100%;
		margin: 5.36vw auto 0;
	}
	.thanksWrap2 .text1 {
		font-size: 3.75vw;
	}
	.thanksWrap2 .mT2 {
		margin-top: 3.57vw;
	}
	.thanksBtnWrap {
		margin-top: 7.14vw;
	}
	.thanksBtnWrap .button {
		width: 81.79vw;
		height: 10.71vw;
		font-size: 3.75vw;
	}

	.commonContact {
		background-position: center 14.25vw,center;
		padding: 8.93vw 0 7.14vw;
		background-size: auto 75px, cover;
	}
	.commonContactTtl {
		font-size: 4.29vw;
	}
	.commonContactEntryBtnWrap {
		margin-top: 5.36vw;
	}
	.commonContactEntryBtnWrap .button {
		width: 81.79vw;
		height: 14.29vw;
		font-size: 4.29vw;
	}
	.commonContactContactBtnWrap {
		margin-top: 10.71vw;
		text-align: center;
		font-size: 3.21vw;
	}
	.commonContactContactBtnWrap .button {
		width: 51.79vw;
		height: 10.54vw;
		display: block;
		margin: 2.68vw auto 0;
	}

	.topBtn {
		width: 8.93vw;
		height: 8.93vw;
		background-size: 3.57vw;
		bottom: 15vw;
	}
	.pwaStandalone .topBtn {
		bottom: 20vw;
	}
	.campaignBtn {
		bottom: 19.18vw;
		position: fixed;
		right: calc(50% - 35.71vw);
		z-index: 5;
		width: 71.43vw;
	}
	.searchButton {
		width: 7.14vw;
		height: 8.57vw;
		border-radius: 0 0.71vw 0.71vw 0;
		background-size: 3.57vw;
	}

	.copySuccess::before {
		border-width: 1.79vw 1.7vw 0 1.7vw;
		bottom: -1.61vw;
		margin-left: -1.7vw;
	}
	.copySuccess::after {
		border-width: 1.43vw 1.34vw 0 1.34vw;
		bottom: -1.25vw;
		margin-left: -1.34vw;
	}
	.copySuccess {
		font-size: 2.14vw;
		margin-left: -10.71vw;
		width: 21.43vw;
		left: 50%;
		top: -8.04vw;
		padding: 1.79vw;
		border-radius: 0.36vw;
	}

	.spGlovalMenu {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 13.39vw;
		border-top: 1px solid #EBE8E8;
		background-color: #fff;
		padding-top: 1.43vw;
		z-index: 100;
	}
	.pwaStandalone .spGlovalMenu {
		height: 18.39vw;
		padding-bottom: 5vw;
	}
	.spGlovalMenuList{
		display: flex;
		justify-content: space-between;
	}
	.spGlovalMenuItem{
		font-size: 2.5vw;
		font-weight: bold;
		text-align: center;
		width: 25%;
	}
	.spGlovalMenuItemLink{
		display: block;
		background-repeat: no-repeat;
		background-position: center top;
		padding-top: 7.14vw;
		color: #6C7475;
	}
	.spGlovalMenuItemLink.active{
		color: #2280E8;
	}
	.spGlovalMenuItem:nth-child(1) .spGlovalMenuItemLink{
		background-image: url(../img/icon_global_home.svg);
		background-size: 7.5vw;
	}
	.spGlovalMenuItem:nth-child(1) .spGlovalMenuItemLink.active{
		background-image: url(../img/icon_global_home_active.svg);
	}
	.spGlovalMenuItem:nth-child(2) .spGlovalMenuItemLink{
		background-image: url(../img/icon_global_search.svg);
		background-size: 6.43vw;
	}
	.spGlovalMenuItem:nth-child(2) .spGlovalMenuItemLink.active{
		background-image: url(../img/icon_global_search_active.svg);
	}
	.spGlovalMenuItem:nth-child(3) .spGlovalMenuItemLink{
		background-image: url(../img/icon_global_company.svg);
		background-size: 6.96vw;
	}
	.spGlovalMenuItem:nth-child(3) .spGlovalMenuItemLink.active{
		background-image: url(../img/icon_global_company_active.svg);
	}
	.spGlovalMenuItem:nth-child(4) .spGlovalMenuItemLink{
		background-image: url(../img/icon_global_scout.svg);
		background-size: 7.86vw;
	}
	.spGlovalMenuItem:nth-child(4) .spGlovalMenuItemLink.active{
		background-image: url(../img/icon_global_scout_active.svg);
	}
	.spGlovalMenuItem:nth-child(5) .spGlovalMenuItemLink{
		background-image: url(../img/icon_global_mypage.svg);
		background-size: 5.18vw;
	}
	.spGlovalMenuItem:nth-child(5) .spGlovalMenuItemLink.active{
		background-image: url(../img/icon_global_mypage_active.svg);
	}
	.calendarModal {
		box-shadow: 0vw 0.54vw 1.07vw var(--boxshadowColor);
		padding: 5.36vw 3.57vw;
		z-index: 1;
		width: 90vw;
	}
	.calendarModalHeader {
		font-size: 4.29vw;
		gap: 0 10vw;
	}
	.calendarModalHeader .button {
		width: 7vw;
		height: 7vw;
	}
	.calendarTblTh,
	.calendarTblTd {
		height: 11vw;
		width: 12vw;
	}
	.modalBtn2Wrap {
		padding-top: 7.98vw;
	}
	.modalBtn2Wrap .button {
		width: 100%;
		height: 10.64vw;
		margin: 0;
		font-size: 3.73vw;
	}
	.modalBtnWrap .button {
		width: 44.64vw;
	}
	.modalBtnWrap--yesno .button + .button {
		margin: 3.57vw auto 0;
	}
	.calendarBtn2Wrap {
		margin-top: 5.32vw;
	}
	.calendarBtnWrap {
		margin-top: 5.32vw;
	}
	
	.section2Dl {
		margin-top: 5.36vw;
		gap: 3.57vw 0;
	}
	.section2DlBlock {
		width: 100%;
		box-shadow: 0vw 0.36vw 3.57vw rgba(27,85,159,0.301);
		border-radius: 2.14vw;
		padding: 3.57vw;
	}
	.section2Dt {
		font-size: 3vw;
	}
	.section2Dd + .section2Dt {
		margin-top: 4vw;
	}
	.section2Dd {
		margin-top: 2vw;
		font-size: 2.5vw;
	}
	.section2DtIcon {
		padding-left: 6vw;
	}
}