@charset "UTF-8";

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 300;
    src: url('./font/NotoSansJP/NotoSansJP-Light.woff2') format('woff2'),
         url('./font/NotoSansJP/NotoSansJP-Light.woff') format('woff'),
         url('./font/NotoSansJP/NotoSansJP-Light.otf')  format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('./font/NotoSansJP/NotoSansJP-Regular.woff2') format('woff2'),
         url('./font/NotoSansJP/NotoSansJP-Regular.woff') format('woff'),
         url('./font/NotoSansJP/NotoSansJP-Regular.otf')  format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 500;
    src: url('./font/NotoSansJP/NotoSansJP-Medium.woff2') format('woff2'),
         url('./font/NotoSansJP/NotoSansJP-Medium.woff') format('woff'),
         url('./font/NotoSansJP/NotoSansJP-Medium.otf')  format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('./font/NotoSansJP/NotoSansJP-Bold.woff2') format('woff2'),
         url('./font/NotoSansJP/NotoSansJP-Bold.woff') format('woff'),
         url('./font/NotoSansJP/NotoSansJP-Bold.otf')  format('opentype');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('./font/NotoSansJP/NotoSansJP-Black.woff2') format('woff2'),
         url('./font/NotoSansJP/NotoSansJP-Black.woff') format('woff'),
         url('./font/NotoSansJP/NotoSansJP-Black.otf')  format('opentype');
    font-display: swap;
}


/* =======================================
			common
======================================= */
html.modalOpen,
html.modalOpen body  {
    overflow: hidden;
}

body{
	margin:0;
	padding:0;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
	-webkit-text-size-adjust: 100%;
	min-width:1280px;
    width: 100%;
    font-size: 16px;
    line-height: 1.45;
    letter-spacing: 0.025em;
	color: #000;
}

body.ie {

}

.br {
    display: block;
}
.pc {
    display: block;
}
.sp {
    display: none;
}
.pc-inline {
    display: inline;
}
.pc-text {
    display: inline;
}
.sp-noText {
    display: inline;
}
.pc-br {
    display: block;
}
.sp-br {
    display: inline;
}
.no-show {
    display: none;
}
main {
    display: block;
}
a:hover {
    opacity: 0.7;
}
.emailLink {
    text-decoration: underline;
}

img {
    width: 100%;
    height: auto;
}

.big {
    font-size: 1.5em;
}
.bold {
    font-weight: 600;
}
.red {
    color: #FF0000;
}
.siteBlue {
    color: #00A5E3;
}
.siteDblue {
    color: #004194;
}
.errorRed {
    color: #E61A19;
}

.blockCenterTextLeft {
    width: 80%;
    margin: 0 auto;
    text-align: left;
}

.textCenter {
    text-align: center;
}
.textLeft {
    text-align: left;
}
.textRight {
    text-align: right;
}
.marginTop20 {
    margin-top: 20px;
}
.marginTop10 {
    margin-top: 10px;
}


.text__narrow {
    letter-spacing: -0.1em;
}

._pageAnchorBase {
    position: relative;
}
._pageAnchor {
    position: absolute;
}

.boxShadow {
    box-shadow : 3px 3px 6px 1px rgba(0, 0, 0, 0.45);
}
.boxShadow2 {
    box-shadow : 0px 2px 6px 0px rgba(0, 0, 0, 0.31);
}
/* =======================================
			icon
======================================= */

/* =======================================
			link
======================================= */
.textLink {
    font-size: 12px;
    color: #00A5E3;
    text-decoration: underline;
}
.textLink2 {
    color: #00A5E3;
    text-decoration: underline;
}
.textLink__noLine {
    text-decoration: none;
}
.textLink__color__gray {
    color: #707070;
}
.textLink__color__white {
    color: #FFF;
}
.textLink__font12 {
    font-size: 12px;
}
.textLink__font13 {
    font-size: 13px;
}
.textLink__font16 {
    font-size: 16px;
}
.textLink__wedge {
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 4.5px 9px;
}
.textLink__wedge_right_gray {
    padding-left: 10px;
    background-image: url("../img/wedge_right_gray.svg");
    color: #707070;
}
.textLink__wedge_right_white {
    padding-left: 10px;
    background-image: url("../img/wedge_right_white.svg");
    color: #FFF;
}

.btnLink {
    display: block;
    border-radius: 15px;
    padding: 6px 10px 6px 20px;
    font-size: 12px;
    line-height: 1.5em;
    color: #FFF;
    text-decoration: none;
    background-color: #00A5E3;

    background-image: url("../img/wedge_right_white.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 5px 10px;
}
.btnLink2 {
    display: block;
    border-radius: 5px;
    padding: 10px 12px;
    color: #FFF;
    text-decoration: none;
    background-color: #00A5E3;
}
.btnLink2Text {
    position: relative;
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.5em;
}
.btnLink2Text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background-image: url("../img/icon_plus_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/* =======================================
			input
======================================= */

/* chrome オートコンプリートカラー対応 */
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset;
}

input, select, textarea, button {
	background-color: transparent;
	border-style: none;
	color: inherit;
    font-family: inherit;
    font-size: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    font-weight: 400;
    margin: 0;
    padding: 0;
	outline: none;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
	outline: none;
}
input[type="checkbox"] {
	/* 透明度0 */
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	/* ブラウザのデフォルトのスタイルを削除 */
	-webkit-appearance: none;
	appearance: none;
	/* レイアウトから無視 */
	position: absolute;
	width: auto;
	outline: none;
}
input[type="radio"] {
	/* 透明度0 */
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	/* ブラウザのデフォルトのスタイルを削除 */
	-webkit-appearance: none;
	appearance: none;
	/* レイアウトから無視 */
	position: absolute;
	width: auto;
}

select::-ms-expand {
    display: none;
}
input:focus:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset;
}
input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #f2f2f2 inset;
}

input::placeholder {
	color: #bebebe;
}
/* 旧Edge対応 */
input::-ms-input-placeholder {
	color: #bebebe;
}
/* IE対応 */
input:-ms-input-placeholder {
	color: #bebebe;
}

input, select, textarea, button {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
}
input[type='submit']:hover,
button[type='submit']:hover {
    opacity: 0.7;
}

.inputText {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    padding: 10px 15px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    background-color: rgba(245, 247, 249, 1);
}
.inputText2 {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #707070;
    padding: 10px 20px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    background-color: rgba(245, 247, 249, 1);
}

.inputTextArea {
    display: block;
    resize: vertical;
    max-width: 670px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    padding: 10px 15px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    height: calc( 1.35em * 5 );
    background-color: rgba(245, 247, 249, 1);
}
.inputTextArea2 {
    display: block;
    resize: vertical;
    max-width: 390px;
    width: 100%;
    border-radius: 3px;
    border: 1px solid #707070;
    padding: 10px 20px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    height: calc( 1.35em * 5 );
    background-color: rgba(245, 247, 249, 1);
}

.inputRadio {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
}
.inputRadio + label {
    display: inline-block;
	cursor: pointer;
	padding: 0 0 0 30px;
	position: relative;
    line-height: 1.6em;
}
.inputRadio + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 24px;
    width: 24px;
    background-color: rgba(245, 247, 249, 1);
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    box-sizing: border-box;
}
.inputRadio:checked + label::after {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    border: none;
    border-radius: 50%;
    background-color: #31ACFF;
}

.inputCheckbox {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
}
.inputCheckbox + label {
    /* display: block; */
    display: inline-block;
	cursor: pointer;
	padding: 0 0 0 30px;
	position: relative;
    line-height: 1.6em;
    letter-spacing: -0.05em;
}
.inputCheckbox.allCheck + label {
    display: inline-block;
}
.inputCheckbox + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 24px;
    width: 24px;
    background-color: rgba(245, 247, 249, 1);
    border: 1px solid #D9D9D9;
    border-radius: 5px;
    box-sizing: border-box;
}
.inputCheckbox:checked + label::before {
    background-color: #31ACFF;
    border: 1px solid #31ACFF;
}
.inputCheckbox:checked + label::after {
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
    content: "";
    height: 6.25px;
    width: 10px;
    left: 6px;
    top: 6px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


.inputRadio2 {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
}
.inputRadio2 + label {
	position: relative;
    display: inline-block;
    border-radius: 14px;
    border: 2px solid #707070;
	padding: 0 10px;
    color: #707070;
    background-color: #FFF;
    cursor: pointer;
}
.inputRadio2:checked + label {
    border: 2px solid #00A5E3;
    color: #FFF;
    background-color: #00A5E3;
}

.inputCheckbox2 {
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
}
.inputCheckbox2 + label {
	position: relative;
    display: inline-block;
    border-radius: 14px;
    border: 2px solid #707070;
	padding: 0 10px 0 25px;
    color: #707070;
    background-color: #FFF;
    cursor: pointer;
}
.inputCheckbox2 + label::before {
    border-bottom: 2px solid #00A5E3;
    border-left: 2px solid #00A5E3;
    content: "";
    height: 8px;
    width: 12px;
    left: 6px;
    top: 4px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.inputCheckbox2:checked + label {
    border: 2px solid #00A5E3;
    color: #FFF;
    background-color: #00A5E3;
}
.inputCheckbox2:checked + label::before {
    border-bottom: 2px solid #FFF;
    border-left: 2px solid #FFF;
}

.inputSelectWrap {
    position: relative;
    width: auto;
    display: inline-block;
    z-index: 1;
}
.inputSelectWrap::after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -2.5px;
    content: "";
    display: block;
    width: 10px;
    height: 5px;
    background-image: url("../img/wedge_down_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}
.inputSelect {
    width: 100%;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    padding: 10px 30px 10px 15px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
    z-index: 1;
}
.inputSelect2 {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #707070;
    padding: 10px 40px 10px 20px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-weight: 400;
    z-index: 1;
}

.serachSelect.selected {
    font-weight: 600;
    color: #00A5E3;
    border: 1px solid #00A5E3;
}

.inputText__90 {
    width: 90px;
}
.inputSelect__90 {
    width: 90px;
}
.inputSelect__110 {
    width: 110px;
}

.radioList {
    margin-top: -10px;
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.radioListItem {
    margin-top: 10px;
    margin-right: 20px;
}
.radioListItem:last-child {
    margin-right: 0;
}
.checkboxList {
    margin-top: -10px;
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.checkboxListItem {
    margin-top: 10px;
    margin-right: 20px;
}
.checkboxListItem:last-child {
    margin-right: 0;
}
/* =======================================
			list
======================================= */

.komeText {
    position: relative;
    padding-left: 1em;
}
.komeText::before {
    content: "※";
    position: absolute;
    left: 0;
}

.dotText {
    position: relative;
    padding-left: 1em;
    line-height: 1.45em;
}
.dotText:before {
    position: absolute;
    left: 0;
    content: "・";
}
/* .dotText:nth-of-type(1) {
    margin-top: 0.5em;
} */

.numList {
    counter-reset: number 0;
}
.numListText {
    position: relative;
    padding-left: 1.5em;
}
.numListText::before {
    position: absolute;
    left: 0;
    counter-increment: number 1;
    content: counter(number)".";
}

.numKakkoList {
    counter-reset: number 0;
}
.numKakkoListText {
    position: relative;
    padding-left: 2em;
}
.numKakkoListText::before {
    position: absolute;
    left: 0;
    counter-increment: number 1;
    content: "("counter(number)")";
}


/* =======================================
			form table
======================================= */



/* =======================================
			common part
======================================= */
.mainWrap01 {
    /* margin-bottom: 50px; */
    padding-bottom: 50px;
}
.bgImg01Wrap {
    width: 100%;
    height: 100vh;
    min-height: 380px;
    position: relative;
    background-image: url("../img/loginBg_pc.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.bgImg01Mask {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(152,152,152,0.57);
}

.bgImg02Wrap {
    width: 100%;
    height: 100vh;
    min-height: 380px;
    position: relative;
    background-color: #fff;
}

.inner01 {
    width: 1180px;
    margin: 0 auto;
}
.inner02 {
    width: 1080px;
    margin: 0 auto;
}
.inner03 {
    width: 960px;
    margin: 0 auto;
}
.inner04 {
    width: 900px;
    margin: 0 auto;
}
.inner05 {
    width: 820px;
    margin: 0 auto;
}

.mainContents {
    
}
.formContents {
    margin-top: 60px;
}
.compContents {

}
.pageContents {
    margin-top: 30px;
}
.pageContents2 {
    margin-top: 60px;
    margin-bottom: 140px;
}

.pageHeader01 {
    
}
.pageHeaderTitle01 {
    position: relative;
    padding-left: 25px;
    font-size: 32px;
    font-weight: 500;
    line-height: 1.45em;
}
.pageHeaderTitle01::before {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -7.5px;
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 3px;
    background-color: #004194;
}

.pageHeader02 {
    position: relative;
    text-align: center;
}
.pageHeaderUserName {
    position: absolute;
    top: 10px;
    left: 60px;
    font-size: 27px;
}
.pageHeaderTitle02 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.45em;
}


.contentsTitle {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.45em;
}
.contentsSubTitle {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.45em;
}
.contentsWrap {
    border: 1px solid #004194;
}
.contentsHeader {
    padding: 28px 12px 28px 30px;
    background-color: #004194;
}
.contentsHeaderTitle {
    font-size: 27px;
    color: #fff;
}
.contentsDetails {
        
}

.text24 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.45em;
}
.text20 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45em;
}
.text18 {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.45em;
}
.text14 {
    font-size: 14px;
    line-height: 1.5em;
}

.text__pc__narrow {
    letter-spacing: -0.1em;
}

.breadcrumb {

}
.breadcrumbList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.breadcrumbListItem {
    position: relative;
}
.breadcrumbListItem:nth-child(n+2) {
    padding-left: 20px;
}
.breadcrumbListItem:nth-child(n+2):before {
    content: "";
    display: block;
    position: absolute;
    left: 8px;
    margin-top: -2.5px;
    top: 50%;
    width: 6px;
    height: 10px;
    background-image: url("../img/wedge_right_black.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 6px 10px;
}
.breadcrumbListItemLink {
    text-decoration: underline;
    color: #808080;
}
.breadcrumbListItemNoLink {

}
.breadcrumbListItemText {
    font-size: 12px;
}

.twoColumnWrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.leftColumnWrap {
    width: 820px;
}
.rightColumnWrap {
    width: 320px;
}

/* =======================================
			btn
======================================= */ 
.btnLinkListCenter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.btnLinkListItem {
    margin-right: 40px;
}
.btnLinkListItem:last-child {
    margin-right: 0;
}
.btnLinkListCenter2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.btnLinkListItem2 {
    margin-right: 40px;
}
.btnLinkListItem2:last-child {
    margin-right: 0;
}
.btnLinkListCenter3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.btnLinkListCenter4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.btnLinkListCenter4Item {

}
.btnLinkListCenter4Item:nth-child(n+2) {
    margin-right: 40px;
}

.inputBtn {
    position: relative;
    width: 264px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.inputBtn__short {
    width: 150px;
}
.inputBtn__long {
    width: 445px;
}
.inputBtn__auto {
    width: auto;
}
.inputBtn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -5px;
    width: 15px;
    height: 10px;
    background-image: url(../img/arrow_right_white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.inputBtn__back::after {
    left: 15px;
    right: auto;
    background-image: url(../img/arrow_left_white.svg);
}
.inputBtn__search::after {
    left: 35px;
    right: auto;
    margin-top: -11px;
    width: 22px;
    height: 22px;
    background-image: url(../img/icon_lupe_white.svg);
}
.inputBtn__email::after {
    left: 15px;
    right: auto;
    margin-top: -9.5px;
    width: 25px;
    height: 19px;
    background-image: url(../img/icon_email_white.svg);
}
.inputBtn__clear::after {
    content: none;
    left: auto;
    right: auto;
    background-image: none;
}
.inputBtn__cancel::after {
    content: none;
    left: auto;
    right: auto;
    background-image: none;
}

.inputButton {
    display: block;
    width: 100%;
    border-radius: 7px;
    padding: 15px;
    color: #fff;
    background-color: #00A5E3;

    text-align: center;
    text-decoration: none;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    cursor: pointer;

    box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.45);
}
.inputButton__back {
    background-color: #B6B8BA;
}
.inputButton__run {
    background-color: #D9D9D9;
}
.inputButton__search {
    padding: 22.5px 35px;
    font-size: 24px;
}
.inputButton__clear {
    padding: 7.5px;
    font-size: 0.9em;
    background-color: #B6B8BA;
}
.inputButton__cancel {
    background-color: #B6B8BA;
}
.inputButton__cancel2 {
    background-color: #B6B8BA;
}
.inputButton__noClick {
    cursor: default !important;
}

.scoutButton {
    position: relative;
    width: 264px;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
    
    border-radius: 7px;

    padding: 14px;
    font-weight: 500;
    line-height: 1.5;

    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 10px center;

    box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.45);
    background-repeat: no-repeat;
    background-position: 20px center;

}
.scoutButton__request {
    border: 1px solid #00A5E3;
    color: #00A5E3;
    background-image: url("../img/icon_airplane_white_off.svg");
    background-size: 24px;
}
.on.scoutButton__request {
    color: #FFF;
    background-color: #00A5E3;
    background-image: none;
    cursor: default;
}
.scoutButton__noRequest {
    /* border: 1px solid #B6B8BA; */
    /* color: #B6B8BA; */
    color: #FFF;
    background-color: #B6B8BA;
    cursor: default;
}
.scoutButton__consider {
    border: 1px solid #f5be5f;
    color: #f5be5f;
    background-image: url("../img/icon_ster_white_off.svg");
    background-size: 24px;
}
.on.scoutButton__consider {
    color: #FFF;
    background-color: #f5be5f;
    background-image: url(../img/icon_ster_white_on.svg);
}

/* =======================================
			flameBox
======================================= */
.flameWrap {
    /* position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin: 0;
    width: 540px;
    transform: translateY(-50%) translateX(-50%); */
}
.flameWrap01 {
    min-height: 370px;
    padding-top: calc((100vh - 380px) / 2);
}
.flameWrap02 {
    min-height: 473px;
    padding-top: calc((100vh - 480px) / 2);
}
.flameWrap03 {
    min-height: 370px;
    padding: 50px 0 80px;
}
.flameWrap04 {
    min-height: 370px;
    padding: 0;
}

.flameLogo {
    width: 117px;
    margin: 0 auto 40px;
}


.flameBox01 {
    position: relative;
    width: 540px;
    margin: 0 auto;
    padding: 20px 20px 40px;
    border-radius: 2px;
    background: #FFFFFF;
}
.flameBox01__type2 {
    padding-bottom: 20px;
}

.flameBoxLeftLine {
    position: absolute;
    top: 0;
    left: 0;
    width: 11px;
    height: 100%;
}
.flameBoxLeftLineUp {
    width: 100%;
    height: 50%;
    border-top-left-radius: 2px;
    background-color: #16145F;
}
.flameBoxLeftLineDown {
    width: 100%;
    height: 50%;
    border-bottom-left-radius: 2px;
    background-color: #0067B1;
}


.flameBoxWrap {
    margin: 0 auto;
    /* width: 390px; */
    width: 470px;
    min-height: 310px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.flameBoxWrap__widthFull {
    width: 100%;
}
.flameBoxWrap__center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
} 

.flameBoxLogo {
    width: 117px;
    margin: 0 auto;
}
.flameBoxTitle {
    margin: 0 auto;
    text-align: center;
}
.flameBoxMainTitle {
    margin: 15px 0 10px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.45em;
}

.flameBoxSubTitle {
    margin: 0 auto;
    padding-top: 5px;
    text-align: center;
}

.flameBoxDesc {
    margin: 20px auto;
    min-width: 450px;
}
.flameBoxText01 {
    margin-top: 20px;
}
.flameBoxText03 {
    /* margin-top: 20px; */
}

.flameBoxBtnList {
    margin-top: 20px;
}
.flameBoxBtnList__marginTop80 {
    margin-top: 80px;
}

.flameBoxFormWrap {
    margin: 0 auto;
    width: 390px;
}
.flameBoxFormWrap01 {
    padding-top: 10px;
}
.flameBoxFormWrap02 {
    /* padding-top: 20px; */
}

.flameBoxFormList {
    margin: 0 auto;
    width: 390px;
}
.flameBoxFormListItem:nth-child(n+2) {
    margin-top: 10px;
}

.flameBoxFormTextLink {
    margin-top: 5px;
    line-height: 1em;
}
.flameBoxFormBtnList {
    margin-top: 20px;
}

.flameBox02 {
    margin-top: 20px;
    border: 1px solid rgba(217, 217, 217, 1);
    border-radius: 20px;
}
.flameBox02Wrap {
    padding: 50px;
}
.flameBox02Title {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    padding: 15px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 65, 148, 1);

}
.flameBox02TitlePosition {
    position: relative;
    /* padding-left: 0.5em; */
}
.flameBox02TitleRequired {
    /* position: absolute;
    top: 50%;
    left: 0;
    margin-top: -0.5em; */
    color: rgba(255, 0, 0, 1);
}

.flameBox03Wrap {
    padding: 30px;
}


.flameBox04 {
    position: relative;
    width: 800px;
    margin: 0 auto;
    padding: 40px 20px;
    border-radius: 2px;
    background: #FFFFFF;
}
.flameBoxText03 {
    position: relative;
}
.flameBoxText03Title {
    position: absolute;
    width: 12.5em;
    left: 0;
}
.flameBoxText03Title::after {
    position: absolute;
    content: "：";
    right: 0;
}
.flameBoxText03Text {
    display: block;
    padding-left: 12.5em;
}

.flameBoxForm {
    opacity: 0;
}
.flameBoxForm.is-show {
    opacity: 1;
}

.flameInfoBox {
    border: 1px solid #D9D9D9;
    padding: 15px;
    font-size: 15px;
}
/* =======================================
			form
======================================= */ 
.formInfoWrap {
    margin: 15px 0;
    border-radius: 6px;
    border: 2px solid #00A5E3;
    padding: 10px;
    background-color: #FFFFFF;
}
.formErrorWrap {
    margin: 15px 0;
    border-radius: 6px;
    border: 2px solid #E61A19;
    padding: 10px;
    text-align: center;
    background-color: #FFFFFF;
}

.formErrorWrap__noMargin {
    margin: 0;
}
.formErrorWrap__width80 {
    width: 80%;
}

.formWrap01 {
    width: 960px;
    margin: 50px auto;
}
.formTable {
    border-bottom: 1px solid #D9D9D9;
}
.formTableLine {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formTableTh {
    position: relative;
    border-top: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    padding: 16px 15px;
    background-color:rgba(0, 103, 177, 0.1);
}
.formTableTh__conf {
    padding: 25px 15px;
}
.formTableTh__noSideBorder {
    border-left: none;
}
.formTableTd {
    position: relative;
    border-top: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    padding: 16px 20px;
}
.formTableTd__conf {
    /* padding: 27.5px 20px; */
    padding: 25px 20px;
}
.formTableTd__noSideBorder {
    border-right: none;
}
.formTable01ThText {
    position: relative;
    line-height: 1.75em;
}
.formRequired {
    position: absolute;
    top: 0;
    right: 0;
    color: rgba(255, 0, 0, 1);
}

.formInputFixedText {

}
.fileDownloadBtn {
    color: #00A5E3;
    text-decoration: underline;
}
.formInputNote {
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(112, 112, 112, 1);
}
.formInfo {
    /* display: none; */
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: #00A5E3;
}
.formError {
    /* display: none; */
    padding-top: 5px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 0, 0, 1);
}
.formFileError {
    display: block;
}
.formFileError.noDisplay {
    display: none;
}
.formInfoWrap .formError,
.formErrorWrap .formError {
    padding-top: 0;
}

.formTableTdList01 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formTableTdList01Item {
    margin-right: 30px;
    width: 280px;
}
.formTableTdList01Item:last-child {
    margin-right: 0;
}

.formTableTdList02 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.formTableTdList03 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formTableTdList03Item {
    width: 100%;
}
.formTableTdList03Item:nth-child(n+2) {
    margin-top: 15px;
}
.formTableTdTitle {
    margin-bottom: 5px;
    color: #707070;
    font-weight: 500;
}

.formUnit {
    padding: 0 5px;
    color: rgba(112, 112, 112, 1);
}
.formUnitNoRight {
    padding-right: 0;
}



/* file input */
.inputFileWrapper {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.inputFileBox {
    margin-right: 1em;
}
.inputFileName {
  margin: 5px 0 0;
}
.upload-delet {
    display: block;
    margin: 10px 0 0;
    padding: 0px 10px;
    letter-spacing: 0.9px;
    text-decoration: none;
    text-align: center;
    border-radius: 14px;
    border: 2px solid #00A5E3;
    cursor: pointer;

    color: #FFF;
    background-color: #00A5E3;
    /* color: #00A5E3;
    background-color: #FFF; */
}
.upload-delet:hover {
    color: #FFF;
    background-color: #00A5E3;
}
.resumeFile {
    display: none;
}
.resumeUploadLabel {
    position: relative;
    cursor: pointer;
    width: auto;
    display: block;
    border: 2px solid #707070;
    border-radius: 14px;
    padding: 0 10px;
}
.noDisplay {
    display: none;
}
.noBtnDisplay {
    display: none !important;
}

.formPrivacyBox {
    margin-top: 45px;
}
.formPrivacyBoxList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.formPrivacyBoxListItem {
    width: 100%;
    text-align: center;
}

.flameBtnList {
    margin-top: 20px;
}
.flameBtnList__conf {
    margin-top: 50px;
}

.formTable01 {
    width: 960px;
    margin: 0 auto;
}
.formTableTh01 {
    width: 250px;
}
.formTableTd01 {
    width: 710px;
}

.formTable02 {
    width: 960px;
    margin: 0 auto;
}
.formTableTh02 {
    width: 249px;
}
.formTableTd02 {
    width: 709px;
}

/* =======================================
            click menu modal 
======================================= */
.ckikcGlobalMenuMask {
    display: none;
}
.clickMenuMask {
    display: none;
}


/* =======================================
			globalHeader
======================================= */
.globalHeader01 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.globalHeader02 {
    margin-top: 70px;
}
.globalHeaderMainWrap {
    position: relative;
}
.globalHeaderMainWrap:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.globalHeaderSubWrap {

}
.globalHeaderMainWrapInner {
    width: 1280px;
    margin: 0 auto;
    background-color: #fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalHeaderSubWrapInner {
    width: 1280px;
    margin: 0 auto;
    background-color: #fff;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	/* -webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end; */
	/* -webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch; */
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;

    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalHeaderLogo {
    padding: 10px 0 10px 30px;
}
.globalHeaderLogo a {
    width: 100px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalHeaderLogo a img {
    width: 100%;
    height: auto;
}
.globalHeaderTitle {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalHeaderTitleText {
    font-size: 18px;
    font-weight: 500;
}
.globalHeaderNav {

}
.globalHeaderNavList {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	/* -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalHeaderNavItem {

}
.globalHeaderNavItem__listType1 {
    width: 230px;
}
.globalHeaderNavItem__listType2 {
    width: 150px;
}
.globalHeaderNavItem__linkType3 {
    border-left: 1px solid #F5F5F5;

}
.globalHeaderNavItemBtnWrap {
    position: relative;
    height: 100%;
    z-index: 11;
}
.globalHeaderNavItemBtn {
    position: relative;
    height: 100%; 
    border-left: 1px solid #F5F5F5;
    padding: 19px 24.5px;
    background-color: #FFF;
    z-index: 12;
}

.globalHeaderNavItemBtnWrap:hover .globalHeaderNavItemBtn,
.globalHeaderNavItemBtn.current {
    background-color: #EDEDEE !important;
}
.globalHeaderNavItemLink {
    display: block;
    position: relative;
    height: 100%;
    padding: 22px 25px;
}
.globalHeaderNavItemLink__bg__blue {
    background-color: #00A5E3;
}
.globalHeaderNavItemLink__bg__dblue {
    background-color: #16145F;
}

.globalHeaderNavItemLinkText {
    font-size: 20px;
    font-weight: 500;
}
.globalHeaderNavItemLinkText__wedge {
    padding-right: 20px;
    background-image: url("../img/wedge_down_blue.svg");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 10px 5px;
}
.globalHeaderNavItemLinkText__color__white {
    color: #fff;
}
.globalHeaderNavItemLinkText__color__black {
    color: #000;
}

/* .globalHeaderNavItemBtnWrap:hover > .globalHeaderNavSubList__listType1 {
    height: 70px;
}
.globalHeaderNavItemBtnWrap:hover > .globalHeaderNavSubList__listType2 {
    height: 140px;
} 
*/


.globalHeaderNavSubList {
    /* display: none; */
    position: absolute;
    background-color: #EDEDEE;
    /* overflow: hidden; */
    top: 0;
    opacity: 0;
    height: 0;
    z-index: 0;
    transition: 0.2s all linear;
}
.globalHeaderNavItemBtnWrap:hover > .globalHeaderNavSubList {
    /* display: block; */
    /* overflow: visible; */
    top: 70px;
    opacity: 1;
    height: auto;
    z-index: 1;
}

.globalHeaderNavSubList__listType1 {
    width: 230px;
    top: -70px;
}
.globalHeaderNavSubList__listType2 {
    width: 150px;
    top: -141px;
}
.globalHeaderNavSubListItem {
    position: relative;
}
.globalHeaderNavSubListItem:first-child::before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: rgba(0, 0, 0, 0.1);
    background: -moz-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0)));
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -ms-linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 100%);
}
.globalHeaderNavSubListItem:nth-child(n+2) {
    border-top: 1px solid rgba(112, 112, 112, 0.26);
}
.globalHeaderNavSubListItemLink {
    display: block;
    padding: 7.5px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3em;
    color: #000;
}
.globalHeaderNavSubListItemLink.current,
.globalHeaderNavSubListItemLink:hover {
    background-color: #B6B8BA;
}
.globalHeaderNavItemLink {

}
.globalHeaderIcon {

}
.icon__companyList {
    padding-left: 34px;
    background-image: url("../img/icon_earth_white.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 24px 24px;
}
.icon__companyAdmin {
    padding-left: 39px;
    background-image: url("../img/icon_gear_white.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 29px 20px;
}

.globalHeaderNavSp {
    display: none;
}

/* =======================================
			burger
======================================= */
.burgerPosition {

}
.burgerClickBtn {
    cursor: pointer;
}
.burgerHeader {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.burgerTitle {
    font-size: 19px;
    font-weight: 500;
    color: #FFF;
}
.burgerContents {

}
.burgerContentsPc {
    display: block;
}
.burgerContentsSp {
    display: none;
}
.burgerCount {

}
.burgerCountNum {

}
.burgerBtn {

}
.burgerList {
    display: block;
}

.burgerPosition2 {
    border: 1px solid #004194;
}
.burgerClickBtn2 {
    cursor: pointer;
}
.burgerHeader2 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;

    margin-bottom: 84px;
    padding: 18px 12px 18px 30px;
    background-color: #004194;
}
.burgerTitle2 {
    font-size: 27px;
    font-weight: 500;
    color: #FFF;
}
.burgerBtn2 {
    display: block;
    width: 48px;
    height: 48px;
    background-image: url("../img/btn_hamburger_open.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}
.burgerList2 {
    opacity: 0;
    height: 0;
    z-index: 0;
    margin-top:  -84px;
    /* transition: 0.2s margin-top linear; */
    transition: 0.2s all linear;
}
.burgerListView2 {
    display: none;
}
.burgerListViewFlame2 {

}
.burgerOpen2 .burgerHeader2 {
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}
.burgerOpen2 .burgerBtn2 {
    background-image: url("../img/btn_hamburger_close.svg");
}
.burgerOpen2 .burgerList2 {
    margin-top: 0;
    opacity: 1;
    height: auto;
    z-index: 1;
}
.burgerOpen2 .burgerListView2 {
    display: block;
}

/* =======================================
			pageHeader
======================================= */


/* =======================================
			sideNave
======================================= */


/* =======================================
			pager
======================================= */

.pagenation {
    position: relative;
    margin-top: 40px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pagenation__top {
    margin-top: 0;
    margin-bottom: 10px;
}
.pagenation__top2 {
    margin-top: 0;
    margin-bottom: 0;
}
.resultCount {
    position: relative;
    margin-bottom: 20px;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


*:not(._pageAnchorBase) + .resultCount {
    margin-top: 20px;
}

.pagenationCount {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
    text-align: center;
}
.pagenationCount__top {
    text-align: left;
    margin-bottom: 0;
}

.resultCount.type2 .pagenationCount {
    margin: 0;
}
.resultCount:not(.type2) .pagenationCount {
    /* margin: 0; */
    text-align: left;
}
.pagenationCountNum {
    font-size: 1.5em;
}
.pagenationCountNum.siteDblue {
    padding: 0 5px;
}

/* .resultCount .pagerListBox {
    margin-top: 20px;
} */

.pagerListBox {
    width: auto;
    min-width: 350px;
    position: relative;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.pagerPrev {
    position: absolute;
    top: 50%;
    left: -72px;
    margin-top: -24px;
    font-size: 0;
}
.pagerPrevLink {
    display: block;
    height: 48px;
    width: 48px;
    border-radius: 10px;
    background-color: #004194;
    background-image: url("../img/arrow_left_white2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}
.pagerNext {
    font-size: 0;
    position: absolute;
    top: 50%;
    right: -72px;
    margin-top: -24px;
    font-size: 0;
}
.pagerNextLink {
    display: block;
    height: 48px;
    width: 48px;
    border-radius: 10px;
    background-color: #004194;
    background-image: url("../img/arrow_right_white2.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.pagerList {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.pagerListItem {
    margin: 0 12px;
}
.pagerListItem__noMargin {
    margin: 1px 0;
}
.pagerListItemLink {
    font-size: 18px;
    color: #98A6B5;
}
.pagerListItemLink:hover {
    color: #0067B1;
    opacity: 1;
}

.pagerListItemLink.current {
    color: #0067B1;
}
.pagerListItemPoints {
    display: block;
}


/* =======================================
			globalFooter
======================================= */
.globalFooter {
    position: relative;
    background-color: #010029;
}
.topBtn {
    bottom: 3%;
    position: fixed;
    right: 5%;
    display: none;
    z-index: 10;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.topBtn a {
    display: block;
    width: 100%;
}
.topBtn a img {
    width: 100%;
}

.globalFooterInner {
    width: 1180px;
    margin: 0 auto;
    padding: 20px 0;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalFooterLogoWrap {
    width: 100%;
}
.globalFooterLogo {
    display: block;
    width: 100px;
    height: auto;
    margin: 0 auto;
}
.globalFooterLogo img{
    width: 100%;
    height: auto;
}
.globalFooterNav {
    width: 720px;
    margin: 30px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.globalFooterNavList {

}
.globalFooterNavListItem {
    width: 100%;
}
.globalFooterNavListItem:nth-child(n+2) {
    margin-top: 20px;
}
.globalFooterNavListItemLink {
    font-size: 15px;
    color: #FFF;
    text-decoration: none;
}
.globalFooterCopy {
    margin-top: 30px;
    font-size: 15px;
    color: #FFF;
}



/* =======================================
			top
======================================= */

/* =======================================
			reminder
======================================= */

/* =======================================
			mypage
======================================= */
/* top */
.pageSubHeader {
    margin-top: 15px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pageSubHeader2 {
    margin-top: 15px;
    display: block;
}
.pageSubHeader__marginBottom {
    margin-top: 0;
    margin-bottom: 15px;
}
.pageSubHeader2Wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pageSubTitle {
    font-size: 28px;
}

.scoutListWrap {
    margin-top: 15px;
}
.scoutListHeader {
    display: none;
}
.scoutList01 {
    margin: 0 auto;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.scoutList01Item {
    width: 260px;
    margin-right: 20px;
}
.scoutList01Item:nth-child(n+4) {
    margin-top: 20px;
}
.scoutList01Item:nth-child(3n) {
    margin-right: 0px;
}

.scoutList01__slider {
    width: 280px;
    margin: 0 auto;
}
.scoutList01Item__slider {
    margin: 10px;
    width: 260px;
}

.scoutList01Wrap {
    height: 100%;

    border-radius: 3px;
    padding: 10px 20px 20px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutList01Block {
    width: 100%;
}
.scoutList01Header {
    line-height: 1.45;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutList01Icon {
    width: 55px;
    height: 55px;
}
.scoutList01Icon img {
    width: auto;
    height: 100%;
}
.scoutList01Location {
    width: 155px;
}
.scoutList01Desc {
    margin-top: 10px;
}

.scoutDlList01 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutDlList01Dt {
    width: 100%;
    font-size: 14px;
    font-weight: 500;
}
.scoutDlList01Dd {
    width: 100%;
    font-size: 17px;
    font-weight: 500;
}

.scoutDlList02 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    border-bottom: 1px solid #EBEBEB;
}
.scoutDlList02Dt {
    width: 65px;
    padding: 5px 10px 5px 0;
    font-size: 13px;
    font-weight: 500;
}
.scoutDlList02Dd {
    padding: 5px 0;
    width: 155px;
    font-size: 13px;
    font-weight: 500;
}
.scoutList01Btn {
    margin-top: 20px;
}
.scoutList01Button {
    position: relative;
    display: block;
    width: 100%;
    border-radius: 5px;
    border: 2px solid #00A5E3;
    padding: 5px 10px;

    font-size: 12px;
    font-weight: 500;
    text-align: center;

    color: #00A5E3;
    background-color: #FFF;
    text-decoration: none;

    box-shadow: 3px 3px 6px 1px rgba(0,0,0,0.45);
}
.scoutList01Button::after {
    position: absolute;
    top: 50%;
    right: 10px;
    content: "";
    margin-top: -5px;
    width: 15px;
    height: 10px;
    background-image: url(../img/arrow_right_blue.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.sideNavWrap {
    border-radius: 3px;
    background-color: #FFF;
    box-shadow : 3px 3px 6px 1px rgba(0, 0, 0, 0.45);
}
.sideNavWrap:nth-child(n+2){
    margin-top: 45px;
}
.sideNavHeader {

}
.sideNavTitle {

}

.sideNavHeaderPc {
    display: block;
}
.sideNavHeaderSp {
    display: none;
}
.sideNavCount {

}
.sideNavCountNum {

}
.sideNavBtn {

}

.sideNavList {

}
.sideNavListDate {

}
.sideNavListIcon {
    border-radius: 8px;
    padding: 1px 10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sideNavListIcon__type1 {
    background-color: #16145F;
}
.sideNavListIcon__type2 {
    background-color: #004194;
}
.sideNavListIconText {
    font-size: 10px;
    line-height: 1.45em;
    color: #FFF;
}

.infoSideNavWrap {

}
.infoSideNavHeader {
    background-color: #00A5E3;
}
.infoSideNavCountNum {

}
.infoSideNavList {
    padding: 0 10px 20px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.infoSideNavListItem {
    width: 100%;
    border-bottom: 1px solid #C7C7C7;
    padding-top: 5px;
}
.infoSideNavListItem__noList {
    border: none;
}
.infoSideNavListItemHeader {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.infoSideNavListItemDate {
    margin-right: 10px;
    font-size: 13px;
}
.infoSideNavListItemIcon {

}
.infoSideNavListItemText {
    font-size: 13px;
    text-decoration: underline;
    color: #00A5E3;
}

.considerSideNavHeader {
    background-color: #16145F;
}
.considerSideNavList {
    padding: 25px 20px 20px;
}
.noList2 {
    padding: 15px 25px 0;
    font-size: 14px;
}
.considerSideNavList .noList {
    padding: 0 10px 10px;
    font-size: 14px;
}
.slide-arrow {
    position: absolute;
    top: 50%;
    margin-top: -19px;
    width: 15px;
    height: 38px;
    cursor: pointer;
    z-index: 5;
}
.prev-arrow {
    left: -15px;
}
.next-arrow {
    right: -15px;
}
.slick-dots {
    position: relative;
    bottom: auto;
}
.slick-dots li button:before {
    margin: 9px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: 1px solid #707070;
    background-color: #FFF;
    content: '';
    opacity: 1;
    color: #707070;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    background-color: #707070;
}

.scoutListBtn {
    margin-top: 60px;
}

/* regist */
.page-mypage .pageSub-registTop {

}
.page-mypage .pageSub-registTop .flameBoxTitle {
    padding-top: 25px;
}
.page-mypage .pageSub-registTop .flameBoxText02 {
    /* padding-top: 30px; */
}
.page-mypage .pageSub-registTop .flameBoxBtnList {
    /* margin-top: 50px; */
}

/* staff */
.pageSubHeader__right {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pageSubHeaderUpWrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pageSubHeaderLeftWrap {

}
.pageSubHeaderRightWrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.pageSubHeaderCount {
    margin-right: 50px;
    font-size: 18px;
}
.pageSubHeaderCountNum {
    font-size: 34px;
}
.pageSubHeaderBtnLink2Wrap {
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pageSubHeaderBtnLink2 {

}

.sortForm01 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.sortForm01Title {
    margin-right: 5px;
    font-size: 15px;
}
.sortForm01SerachSelectWrap {
    position: relative;
    width: auto;
    display: inline-block;
    z-index: 1;
}
.sortForm01SerachSelectWrap::after {
    position: absolute;
    top: 50%;
    right: 7px;
    margin-top: -2.5px;
    content: "";

    display: block;
    width: 8px;
    height: 5px;
    background-image: url("../img/triangle_down_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}
.sortForm01SerachSelect {
    width: 100%;
    border-radius: 12px;
    border: 1px solid #000;
    padding: 2.5px 24px 2.5px 12px;
    font-family: "Noto Sans Japanese","ヒラギノ角ゴ Pro W3","HiraKakuPro-W3","メイリオ",Meiryo,Arial,sans-serif;
    font-size: 12px;
    font-weight: 400;
    z-index: 1;
}

.userListContents {
    margin-top: 10px;
}
.userSortForm02 {

}
.userSortForm02List {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: #004194;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.userSortForm02ListItem {
    padding: 10px 20px;
}

.userSortForm02ListItem:nth-child(1) {
    /* width: 225px; */
    /* width: 275px; */
    width: 335px;
}
.userSortForm02ListItem:nth-child(2) {
    /* width: 225px; */
    /* width: 275px; */
    width: 110px;
}
.userSortForm02ListItem:nth-child(3) {
    /* width: 180px; */
    width: 130px;
}
.userSortForm02ListItem:nth-child(4) {
    /* width: 200px; */
    width: 170px;
}
.userSortForm02ListItem:nth-child(5) {
    /* width: 190px; */
    width: 150px;
    text-align: center;
}
.userSortForm02ListItem:nth-child(6) {
    /* width: 215px; */
    /* width: 195px; */
    width: 115px;
    text-align: center;
}
.userSortForm02ListItem:nth-child(7) {
    width: 170px;
    text-align: center;
}
.userSortForm02ListItemLink {
    font-size: 15px;
    color: #FFF;
}


.userSortForm02NoLink {
    line-height: 1;

}
.userSortForm02SortLink {
    position: relative;
    padding-right: 10px;
    line-height: 1;
}
.userSortForm02SortLink::after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
    content: "";
    width: 6px;
    height: 10px;
    background-image: url("../img/wedge_up_down_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}
.userSortForm02Link {
    line-height: 1;
}

.userList {

}
.userListLine {
    border-bottom: 1px solid #707070;
    border-right: 1px solid #707070;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.userListLine:nth-child(odd) {
    border-left: 6px solid #00A5E3;
}
.userListLine:nth-child(even) {
    border-left: 6px solid #004194;
}
.userListItme {
    padding: 20px;
    font-size: 15px;
}
.userListItmeUp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.userListItmeUpLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.userListItmeUpRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.userListItmeDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.userListItemName {
    /* width: 219px; */
    /* width: 269px; */
    position: relative;
    /* width: 289px; */
    width: 329px;
    line-height: 1.45;
}
.userListItemName::after {
    /* position: absolute;
    right: 0;
    top: 50%; */
    content: "さん";
    font-size: 15px;
    /* margin-top: -0.5em; */
}
.userListItemNamePc {

}
.userListItemNameSp {
    display: none;
}
.userListItemId {
    width: 110px;
}
.userListItemRegistDate {
    /* width: 180px; */
    width: 130px;
}
.userListItemLocation {
    /* width: 200px; */
    width: 170px;
}
.userListItemScout {
    /* width: 190px; */
    width: 150px;
    text-align: center;
    line-height: 1;
}
.userListItemStatus {
    /* width: 215px; */
    /* width: 195px; */
    width: 115px;
    text-align: center;
}
.userListItemDesc {
    width: 169px;
    text-align: center;
}

.userListItemTitle {
    display: none;
}

.userListItemNameText {
    font-size: 20px;
}

.userListItemScoutNum {
    font-size: 23px;
}
.userListItemScoutNotNum {
    display: block;
}
.userListItemDescLink {
    display: block;
    border-radius: 5px;
    padding: 10px;
    line-height: 1;
    background-color: #00A5E3;
    color: #FFF;
    text-align: center;
}
.userListItemDescLinkText {

}

/* staffDetails */
.staffDetailsContents {
    margin-top: 35px;
}
.staffDetailsContents2 {
    margin-top: 100px;
}
.pageSubHeader02 {
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffDetailsPageSubHeader {
    margin-bottom: 10px;
}
.staffName {
    margin-right: 35px;
    font-size: 27px;
}
.staffInterview {
    width: 100%;
    line-height: 1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	/* -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; */
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewTitle {

}
.staffInterviewNum {
    margin-top: 5px;
}
.consentNum {

}
.rejectionNum {

}

.staffDetailsBtn {
    margin-top: 25px;
    padding-bottom: 25px;
}

.staffInterviewLisContents {
    margin-top: 100px;
}
.staffInterviewLisContents2 {
    margin-top: 35px;
}
.staffInterviewListHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewListHeaderTitleKome {
    font-size: 14px;
    color: #fff;
}
.staffInterviewListWrap {
    border: 1px solid #004194;
    padding-bottom: 40px;
}
.staffInterviewTitleList {
    border-bottom: 1px solid #707070;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewTitleListItem {    
    border-right: 1px solid #707070;
    padding: 10px 20px;
}
.staffInterviewTitleListItem:last-child {    
    border-right: none;
    padding: 10px 20px;
}
.staffInterviewTitleListItemClient {
    width: 325px;
}
.staffInterviewTitleListItemClient2 {
    width: 472px;
}
.staffInterviewTitleListItemJobType {
    width: 192px;
}
.staffInterviewTitleListItemDate {
    /* width: 147px; */
    width: 137px;
}
.staffInterviewTitleListItemRequest {
    /* width: 147px; */
    width: 157px;
}
.staffInterviewTitleListItemDesc {
    width: 147px;
}
.staffInterviewList {
    border-bottom: 1px solid #707070;
}
.staffInterviewListLine {

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewListItmeUp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewListItmeUpLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewListItmeUpRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewListItme {
    padding: 25px 20px;
    font-size: 20px;
    border-right: 1px solid #707070;
}
.staffInterviewListItme:last-child {

}
.staffInterviewListItmeClient {
    width: 325px;
}
.staffInterviewListItmeClient2 {
    width: 472px;
}
.staffInterviewListItmeClientPc {

}
.staffInterviewListItmeClientSp {
    display: none;
}
.staffInterviewListItmeJobType {
    width: 192px;
}
.staffInterviewListItmeDate {
    /* width: 147px; */
    width: 137px;
}
.staffInterviewListItmeRequest {
    /* width: 147px; */
    width: 157px;
    padding: 20px 15px;
}
.staffInterviewListItme__noRightBorder.staffInterviewListItmeRequest {
    border-right: none;
}

.staffInterviewListItmeTitle {
    display: none;
}
.staffInterviewInputSelectWrap {
    width: 100%;
}
.staffInterviewInputSelect {
    font-size: 16px;
}
.off.staffInterviewInputSelect{
    background-color: #B6B8BA;
}
.staffInterviewListItmeDown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.staffInterviewListItmeDesc {
    width: 147px;
    padding: 23px 15px;
    border-right: none;
}
.staffInterviewListItmeDescLink {
    display: block;
    border-radius: 5px;
    padding: 12.5px 10px;
    line-height: 1;
    background-color: #00A5E3;
    color: #FFF;
    text-align: center;
    font-size: 15px;
}
.staffInterviewListItmeDescLinkText {

}

/* staff company */
.staffCompanyContents {
    margin-top: 35px;
}
.staffCompanyPageSubHeader {
    margin-bottom: 15px;
}
.staffCompanyBtn {
    margin-top: 25px;
    padding-bottom: 25px;
}

/* scout top */
.searchListWrap {

}
.searchBox {

}
.searchBoxModalBtn {
    position: relative;
    width: 100%;
    display: block;
    border-radius: 30px;
    border: 1px solid #000;
    padding: 15px 50px 15px 25px;
    text-align: left;
    color: #707070;
}
.searchBoxModalBtn::after {
    position: absolute;
    content: "";
    top: 50%;
    right: 20px;
    margin-top: -12.5px;
    width: 25px;
    height: 25px;

    background-image: url("../img/icon_lupe_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}
.searchBoxConditionBox {
    margin-top: 10px;
    border-radius: 10px;
    border: 1px solid #000;
    padding: 15px 25px;

    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.searchBoxConditionBoxTitle {
    width: 120px;
    font-weight: 500;
}
.searchBoxConditionBoxText {
    width: 700px;
}
.searchConditionBoxTextLine {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.searchConditionBoxTextLine span:nth-child(1) {
    width: 120px;
}
.searchConditionBoxTextLine span:nth-child(2) {
    width: 580px;
}
.scoutSearchContents {
    margin-top: 40px;
}
.scoutSearchListWrap {

}
.scoutSearchList {

}
.scoutSearchListItem {

}
.scoutModalBtn {
    
}
.scoutListContents {
    margin-top: 40px;
}

/* scout newList */
.scoutNewListContents {

}
.scoutList02 {

}
.scoutList02Line {
    border-radius: 2px;
    padding: 15px 10px;
    background-color: #FFF;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;

    /* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;

    box-shadow : 0px 2px 6px 0px rgba(0, 0, 0, 0.31);
}
.scoutList02Line:nth-child(n+2) {
    margin-top: 10px;
}
.scoutList02Line:nth-child(odd) {
    border-left: 6px solid #00A5E3;
}
.scoutList02Line:nth-child(even) {
    border-left: 6px solid #004194;
}
.scoutList02Itme {

}
.scoutList02ItmeUp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutList02ItmeUpLeft {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutList02ItmeUpLeftLeft {
    width: 60px;
    margin-right: 20px;
}
.scoutList02ItmeUpLeftRight {
    width: 603px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutList02ItmeUpRight {

}
.scoutList02ItmeDown {

}
.scoutList02ItmeDownList {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutList02ItmeDownListItem:nth-child(n+2) {
    margin-top: 8px;
}


.scoutList02ItemLinkText {

}
.scoutList02Icon {
    width: 100%;
    height: 60px;
}
.scoutList02Icon img {
    width: 100%;
    height: 100%;
}
.scoutList02Id {
    margin-bottom: 5px;
    width: 100%;
}
.scoutList02Company {
    margin-bottom: 5px;
    width: 100%;
}
.scoutList02Location {
    margin-bottom: 5px;
    width: 100%;
}

.scoutDlList03 {
    margin-right: 1em;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.scoutDlList03Item {
    position: relative;
    font-size: 10px;
}
.scoutDlList03ItemTitle {
    position: absolute;
    left: 0;
    font-size: 10px;
}
.scoutDlList03ItemTitle::after {
    content: "：";
}
.scoutDlList03ItemId {
    padding-left: 5em;
    font-size: 16px;
}
.scoutDlList03ItemId .scoutDlList03ItemTitle {
    font-size: 16px;
}
.scoutDlList03ItemCompany {
    padding-left: 4em;
    font-size: 16px;
}
.scoutDlList03ItemCompany .scoutDlList03ItemTitle {
    font-size: 16px;
}
.scoutDlList03ItemLocation {
    padding-left: 7em;
    font-size: 16px;
}
.scoutDlList03ItemLocation .scoutDlList03ItemTitle {
    font-size: 16px;
}

.scoutDlList03ItemJobCategory {
    padding-left: 3em;
}
.scoutDlList03ItemTenure {
    padding-left: 5em;
}
.scoutDlList03ItemEducation {
    padding-left: 5em;
}
.scoutDlList03ItemDegree {
    padding-left: 3em;
}
.scoutDlList03ItemCv {
    padding-left: 5em;
}
.scoutList02IdSp {
    display: none;
}
.scoutList02CompanySp {
    display: none;
}
.scoutList02LocationSp {
    display: none;
}
.scoutList02JobCategory {

}
.scoutList02Tenure {

}
.scoutList02Education {

}
.scoutList02Degree {

}
.scoutList02Cv {
    width: 100%;
}
.scoutList02ItemLink {
    display: block;
    width: 53px;
    border-radius: 3px;
    padding: 30px 10px 8px;
    font-size: 14px;
    color: #FFF;
    text-align: center;
    background-color: #004194;
    background-image: url("../img/icon_lupe_white.svg");
    background-repeat: no-repeat;
    background-position: center 10px;
    background-size: 16px;
    line-height: 1.2;
}
.scoutList02ItemRequest {
    display: block;
    width: 130px;
    border-radius: 3px;
    /* padding: 8.5px 30px 8.5px 40px; */
    /* font-size: 10px; */
    border: 1px solid #00A5E3;
    padding: 6px 19px 6px 29px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    /* color: #FFF;
    background-color: #00A5E3; */
    color: #00A5E3;
    background-color: #FFF;

    background-image: url("../img/icon_airplane_white_off.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 14.5px 15px;
}
/* .on.scoutList02ItemRequest {
    color: #FFF;
    background-color: #00A5E3;
    cursor: default;
} */
.on.scoutList02ItemRequest {
    display: block;
    width: 130px;
    border-radius: 3px;
    border: 1px solid #00A5E3;
    padding: 26px 19px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    color: #FFF;
    background-color: #00A5E3;
    background-image: none;
    cursor: default;
}
.scoutList02ItemConsider {
    display: block;
    width: 130px;
    border-radius: 3px;
    /* border: 1px solid #FFCA6E; */
    /* padding: 8.5px 30px 8.5px 40px; */
    /* padding: 8px 29px 8px 39px; */
    /* font-size: 10px; */
    border: 1px solid #f5be5f;
    padding: 6px 19px 6px 29px;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.5;
    /* color: #FFCA6E; */
    color: #f5be5f;
    background-color: #FFF;

    background-image: url("../img/icon_ster_white_off.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 12px;
}
.on.scoutList02ItemConsider {
    color: #FFF;
    /* background-color: #FFCA6E; */
    background-color: #f5be5f;
    background-image: url("../img/icon_ster_white_on.svg");
}

.scoutList02ItemSent {
    display: block;
    width: 130px;
    border-radius: 3px;
    padding: 25.5px 30px 25.5px 30px;

    font-size: 14px;
    line-height: 1.5;
    color: #FFF;
    background-color: #00A5E3;

    background-image: url("../img/icon_airplane_white_off.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 14.5px 15px;
    cursor: default;
}
.scoutList02ItemOn {
    display: block;
    width: 130px;
    border-radius: 3px;
    border: 1px solid #00A5E3;
    padding: 26px 19px;
    font-size: 12px;
    line-height: 1.5;
    color: #FFF;
    background-color: #00A5E3;
    cursor: default;
}
.scoutList02ItemNA {
    display: block;
    width: 130px;
    border-radius: 3px;
    /* padding: 15px 30px; */
    /* padding: 27px 19px 27px 29px; */
    /* font-size: 14px; */
    padding: 6px 19px;
    /* padding: 19px; */
    font-size: 12px;
    line-height: 1.5;
    color: #FFF;
    background-color: #B6B8BA;

    /* background-image: url("../img/icon_airplane_white_on.svg");
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 14.5px 15px; */
    cursor: default;
}

/* scout detials */
.scoutListContentsContentsFrame {
    border: 1px solid #D9D9D9;
    padding: 15px;
}
.scoutList02ItmeUpLeftRight__full {
    width: 656px;
}

/* companyList */
.companyList01 {
    margin-top: 15px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.companyList01Item {
    width: 440px;
    border-radius: 2px;
    padding: 20px;
    background-color: #FFF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.companyList01Item:nth-child(2n+1) {
    margin-right: 20px;
}
.companyList01Item:nth-child(n+3) {
    margin-top: 20px;
}
.companyList01ItemTitle {
    width: 250px;
    font-size: 20px;
    line-height: 1.45;
}
.companyList01ItemLink {
    display: block;
    width: 140px;
    border-radius: 5px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    color: #FFF;
    background-color: #00A5E3;
}

/* service */
.pageSubTitlService {
    border-bottom: 1px solid #008EDD;
    padding-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.45;
}
.pageSubTitlService:nth-child(n+2) {
    margin-top: 40px;
}
.pageTextService {
    padding-top: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
}
.pageImgService {
    margin-top: 20px;
    width: 100%;
    height: 442px;
    font-size: 0;
    background-image: url("../img/service_system_overview_pc.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.serviceCanDoList {
    margin-top: 30px;
    padding: 0 50px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.serviceCanDoListItem {
    width: 100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.serviceCanDoListItem:nth-child(n+2) {
    margin-top: 25px;
}
.serviceCanDoListItemIcon {
    width: 440px;
    height: 236px;
    border-radius: 24px;
    padding: 184.5px 7.5px 18.5px;
    text-align: center;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: center 40px;
    box-shadow : 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
}
.serviceCanDoListItem:nth-child(1) .serviceCanDoListItemIcon {
    background-image: url("../img/icon_service_publish.svg");
    background-size: 86px 118px;
}
.serviceCanDoListItem:nth-child(2) .serviceCanDoListItemIcon {
    background-image: url("../img/icon_service_search.svg");
    background-size: 121px 121px;
}
.serviceCanDoListItem:nth-child(3) .serviceCanDoListItemIcon {
    background-image: url("../img/icon_service_mtg.svg");
    background-size: 121px 121px;
}
.serviceCanDoListItem:nth-child(4) .serviceCanDoListItemIcon {
    background-position: center 65px;
    background-image: url("../img/icon_service_email.svg");
    background-size: 120x 80px;
}
.serviceCanDoListItem:nth-child(5) .serviceCanDoListItemIcon {
    background-image: url("../img/icon_service_list.svg");
    background-size: 90px 117px;
}
.serviceCanDoListItemIconText {
    font-size: 21px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.025em;
}
.serviceCanDoListItemText {
    width: 490px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.025em;

    /* display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; */
}
.serviceCanDoListItemTextWrap {

}
.serviceCanDoNote {
    margin-top: 25px;
    padding: 0 50px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.025em;
}

/* contact */
.contactText01 {
    margin-bottom: 40px;
    font-size: 23px;
}
.page-mypage .pageSub-contactThanks .flameBoxText02 {

}

/* tos */
.legalTextTile {
    font-size: 18px;
    line-height: 1.45;
    font-weight: 500;
}
.legalTextTile:nth-of-type(n+2) {
    margin-top: 2em;
}
.legalText {
    margin-top: 0.75em;
    line-height: 1.75;
}
.legalTextList .dotText {
    line-height: 1.75;
}
.leglTextRight {
    margin-top: 1em;
    text-align: right;
}
.legalTextList2 .numKakkoListText {
    line-height: 1.75;
}
.legalTextListLeftSpace {
    margin-left: 1em;
}


/* faq */
.faqList {
    counter-reset: number 0;
}
.faqListTextQ {
    position: relative;
    padding-left: 50px;
    font-weight: 700;
}
.faqListTextQ::before {
    position: absolute;
    left: 0;
    counter-increment: number 1;
}
.faqListTextQ::before {
    content: "Q"counter(number)".";
}
.faqListTextA {
    position: relative;
    padding-top: 20px;
    padding-left: 50px;
    font-size: 18px;
    font-weight: 500;
}
.faqListTextA::before {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 24px;
    font-weight: 500;
}
.faqListTextA::before {
    content: "A"counter(number)".";
}

/* vue form */
[v-cloak] {
    display:none;
}
.vueFormView {
    display: none;
}
.vueFormView.is-show {
    display: block;
}



/*----------------------------------------
 _画面の横幅が375pxまで
----------------------------------------*/
@media screen and (max-width:375px) {

    /* =======================================
                common
    ======================================= */
    html.spMenuOpen,
    html.spMenuOpen body  {
        overflow: hidden;
    }

    body{
        min-width:initial;
        min-width:auto;
        width: 100%;
        font-size: 3.46vw;
    }

    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .pc-inline {
        display: none;
    }
    .pc-text {
        display: block;
    }
    .sp-noText {
        display: inline;
    }
    .pc-br {
        display: inline;
    }
    .sp-br {
        display: block;
    }
    .blockCenterTextLeft {
        width: 100%;
        text-align: center;
    }
    .marginTop20 {
        margin-top: 5.33vw;
    }
    .marginTop10 {
        margin-top: 2.66vw;
    }

    .boxShadow {
        box-shadow : 0.8vw 0.8vw 1.6vw 0.8vw rgba(0, 0, 0, 0.45);
    }
    .boxShadow2 {
        box-shadow : 0px 0.8vw 2.66vw 0px rgba(0, 0, 0, 0.31);
    }
    /* =======================================
                icon
    ======================================= */

    /* =======================================
                link
    ======================================= */
    .textLink {
        font-size: 2.66vw;
    }
    .textLink__font13 {
        font-size: 3.46vw;
    }
    .textLink__font16 {
        font-size: 3.46vw;
    }

    .textLink__wedge {
        background-size: 1.2vw 2.4vw;
    }
    .textLink__wedge_right_gray {
        padding-left: 2.66vw;
    }
    .textLink__wedge_right_white {
        padding-left: 2.66vw;
    }

    .btnLink {
        border-radius: 4vw;
        padding: 1.6vw 2.66vw 1.6vw 5.33vw;
        font-size: 3.46vw;

        background-position: 2.66vw center;
        background-size: 1.33vw 2.66vw;
    }

    .btnLink2 {
        border-radius: 1.33vw;
        padding: 2.66vw 1.2vw  2.66vw 2.4vw;
    }
    .btnLink2Text {
        padding-left: 3.46vw;
        font-size: 3.46vw;
    }
    .btnLink2Text::before {
        margin-top: -1.33vw;
        width: 2.66vw;
        height: 2.66vw;
    }
    /* =======================================
                input
    ======================================= */
    .inputText {
        border-radius: 1.06vw;
        border: 0.26vw solid #D9D9D9;
        padding: 2.66vw;
    }
    .inputText2 {
        border-radius: 1.06vw;
        border: 0.26vw solid #707070;
        padding: 2.66vw;
    }
    .inputTextArea {
        max-width: 100%;
        border-radius: 1.06vw;
        border: 0.26vw solid #D9D9D9;
        padding: 2.66vw;
    }
    .inputTextArea2 {
        max-width: 100%;
        border-radius: 1.06vw;
        border: 0.26vw solid #707070;
        padding: 2.66vw;
    }

    .inputRadio + label {
        padding: 0 0 0 8vw;
    }
    .inputRadio + label::before {
        width: 5.33vw;
        height: 5.33vw;
        border: 0.26vw solid #D9D9D9;
    }
    .inputRadio:checked + label::after {
        position: absolute;
        top: 1.33vw;
        left: 1.33vw;
        width: 2.66vw;
        height: 2.66vw;
    }
    .inputCheckbox + label {
        padding: 0 0 0 8vw;
    }
    .inputCheckbox.allCheck + label {

    }
    .inputCheckbox + label::before {
        width: 5.33vw;
        height: 5.33vw;
        background-color: rgba(245, 247, 249, 1);
        border: 0.26vw solid #D9D9D9;
        border-radius: 1.06vw;
    }
    .inputCheckbox:checked + label::before {
        border: 0.26vw solid #31ACFF;
    }
    .inputCheckbox:checked + label::after {
        border-bottom: 0.66vw solid #FFFFFF;
        border-left: 0.66vw solid #FFFFFF;
        content: "";
        height: 1.66vw;
        width: 2.66vw;
        left: 1.06vw;
        top: 0.8vw;
    }


    .inputRadio2 {

    }
    .inputRadio2 + label {
        border-radius: 3.73vw;
        border: 0.53vw solid #707070;
        padding: 0.4vw 2.66vw;
    }
    .inputRadio2:checked + label {
        border: 0.53vw solid #00A5E3;
    }
    
    .inputCheckbox2 {

    }
    .inputCheckbox2 + label {
        border-radius: 3.73vw;
        border: 0.53vw solid #707070;
        padding: 0.4vw 2.66vw 0.4vw 6.66vw;
    }
    .inputCheckbox2 + label::before {
        border-bottom: 0.66vw solid #00A5E3;
        border-left: 0.66vw solid #00A5E3;
        height: 1.33vw;
        width: 2.66vw;
        left: 1.8vw;
        top: 1.4vw;
    }
    .inputCheckbox2:checked + label {
        border: 0.53vw solid #00A5E3;
    }
    .inputCheckbox2:checked + label::before {
        border-bottom: 0.66vw solid #FFF;
        border-left: 0.66vwvw solid #FFF;
    }

    .inputSelectWrap::after {
        right: 1.33vw;
        margin-top: -0.66vw;
        width: 2.66vw;
        height: 1.33vw;
    }
    .inputSelect {
        width: 100%;
        border-radius: 1.06vw;
        border: 0.26vw solid #D9D9D9;
        padding: 2.66vw 4vw 2.66vw 2.66vw;
    }
    .inputSelect2 {
        width: 100%;
        border-radius: 1.06vw;
        border: 0.26vw solid #707070;
        padding: 2.66vw 4vw 2.66vw 2.66vw;
    }
    .serachSelect.selected {
        border: 0.26vw solid #00A5E3;
    }
    .inputText__90 {
        width: 17.46vw;
    }
    .inputSelect__90 {
        width: 17.46vw;
    }
    .inputSelect__110 {
        width: 24vw;
    }

    .radioList {
        margin-top: -2.66vw;
    }
    .radioListItem {
        margin-top: 2.66vw;
        margin-right: 3.73vw;
    }
    .radioListItem:last-child {
        margin-right: 0;
    }
    .checkboxList {
        margin-top: -2.66vw;
    }
    .checkboxListItem {
        margin-top: 2.66vw;
        margin-right: 3.73vw;
    }
    .checkboxListItem:last-child {
        margin-right: 0;
    }
    /* =======================================
                list
    ======================================= */
    .slick-track {
        display: flex;
    }
    .slick-slide {
        height: auto !important;
    }

    /* =======================================
                form table
    ======================================= */



    /* =======================================
                common part
    ======================================= */
    .mainWrap01 {
        /* margin-bottom: 10.66vw; */
        padding-bottom: 10.66vw;
    }
    .bgImg01Wrap {
        min-height: 93.33vw;
        background-image: url("../img/loginBg_sp.png");
    }
    .bgImg01Mask {
    }

    .inner01 {
        width: 100%;
        margin: 0 auto;
        padding: 0 2.66vw;
    }
        .inner02 {
        width: 94.66vw;
        margin: 0 auto;
    }
    .inner03 {
        width: 94.66vw;
        margin: 0 auto;
    }
    .inner04 {
        width: 94.66vw;
        margin: 0 auto;
    }
    .inner05 {
        width: 94.66vw;
        margin: 0 auto;
    }

    .mainContents {
    
    }
    .formContents {
        margin-top: 6.66vw;
    }
    .compContents {
    
    }
    .pageContents {
        margin-top: 9.33vw;
    }
    .pageContents2 {
        margin-top: 13.33vw;
        margin-bottom: 24vw;
    }

    .pageHeader01 {
        
    }
    .pageHeaderTitle01 {
        padding-left: 4vw;
        font-size: 6.4vw;
    }
    .pageHeaderTitle01::before {
        margin-top: -1.33vw;
        width: 2.66vw;
        height: 2.66vw;
        border-radius: 0.8vw;
    }
    
    .pageHeader02 {

    }
    .pageHeaderUserName {
        position: relative;
        top: auto;
        left: auto;
        font-size: 5.33vw;
        text-align: left;
    }
    .pageHeaderTitle02 {
        font-size: 6.4vw;
    }
    
    .contentsTitle {
        font-size: 6.4vw;
    }
    .contentsSubTitle {
        font-size: 4.26vw;
    }
    .contentsWrap {
        border: 0.26vw solid #004194;
    }
    .contentsHeader {
        padding: 2.66vw;
    }
    .contentsHeaderTitle {
        font-size: 5.33vw;
    }
    .contentsDetails {

    }

    .text24 {
        font-size: 5.06vw;
    }
    .text20 {
        font-size: 4.26vw;
    }
    .text14 {
        font-size: 3.2vw;
    }

    .text20_sp {
        font-size:5.33vw;
    }

    .text__sp__narrow {
        letter-spacing: -0.1em;
    }

    .breadcrumb {

    }
    .breadcrumbList {
        overflow-x: scroll;
        word-break: keep-all;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    .breadcrumbListItem {

    }
    .breadcrumbListItem:nth-child(n+2) {
        padding-left: 5vw;
    }
    .breadcrumbListItem:nth-child(n+2):before {
        left: 2vw;
        margin-top: -1.25vw;
        width: 1.5vw;
        height: 2.5vw;
        background-size: 1.5vw 2.5vw;
    }
    .breadcrumbListItemLink {

    }
    .breadcrumbListItemNoLink {

    }
    .breadcrumbListItemText {
        font-size: 2.75vw;
    }

    .twoColumnWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .leftColumnWrap {
        width: 100%;
    }
    .rightColumnWrap {
        width: 100%;
        margin-top: 8vw;
    }

    /* =======================================
                btn
    ======================================= */
    .btnLinkListItem {
        margin-right: 8vw;
    }
    .btnLinkListItem:last-child {
        margin-right: 0;
    }
    .btnLinkListCenter2 {
        padding: 0 2.66vw;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .btnLinkListItem2 {
        margin-right: 0;
    }
    .btnLinkListCenter3 {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .btnLinkListCenter4 {

    }
    .btnLinkListCenter4Item {

    }
    .btnLinkListCenter4Item:nth-child(n+2) {
        margin-right: 4vw;
    }

    .inputBtn {
        width: 72vw;
    }
    .inputBtn__short {
        width: 29.33vw;
    }
    .inputBtn__long {
        width: 100%;
    }
    .inputBtn__auto {
        width: auto;
    }
    .inputBtn__sp__middle {
        width: 51.73vw;
    }
    .inputBtn::after {
        right: 4vw;
        margin-top: -1.33vw;
        width: 4vw;
        height: 2.66vw;
        background-image: url(../img/arrow_right_white.svg);
    }
    .inputBtn__back::after {
        left: 4vw;
        background-image: url(../img/arrow_left_white.svg);
    }
    .inputBtn__search::after {
        left: 4vw;
        right: auto;
        margin-top: -3.6vw;
        width: 7.2vw;
        height: 7.2vw;
        background-image: url(../img/icon_lupe_white.svg);
    }
    .inputBtn__email::after {
        left: 4vw;
        right: auto;
        margin-top: -2.53vw;
        width: 6.66vw;
        height: 5.06vw;
        background-image: url(../img/icon_email_white.svg);
    }
    .inputBtn__clear::after {
        content: none;
        left: auto;
        right: auto;
        background-image: none;
    }
    .inputBtn__cancel::after {
        content: none;
        left: auto;
        right: auto;
        background-image: none;
    }

    .inputButton {
        width: 100%;
        border-radius: 1.86vw;
        padding: 4vw;
        font-size: 4.26vw;
        /* box-shadow: 0 0 4.26vw #5A5A5A54; */
        box-shadow: 0.8vw 0.8vw 1.6vw 0.26vw rgba(0,0,0,0.45);
    }
    .inputButton.text20_sp {
        padding: 5vw 4vw;
        font-size: 5.33vw;
    }
    .inputButton__run {

    }
    .inputButton__search {
        padding: 5vw 4vw;
        font-size: 5.33vw;
    }
    .inputButton__clear {
        padding: 2vw;
        font-size: 0.9em;
        background-color: #B6B8BA;
    }
    .inputButton__cancel {
        background-color: #B6B8BA;
        padding: 2vw;
    }
    .inputButton__cancel2 {
        background-color: #B6B8BA;
    }
    .scoutButton {
        width: 42.66vw;
        border-radius: 1.86vw;
        padding: 2.66vw 4vw;
        font-size: 4vw;
        box-shadow: 0.8vw 0.8vw 1.6vw 0.26vw rgba(0,0,0,0.45);
        background-position: 2.66vw center;
    }
    .scoutButton__request {
        border: 0.26vw solid #00A5E3;
        background-size: 4vw;
    }
    .on.scoutButton__request {
        width: 72vw;
        padding: 4vw;
        background-image: none;
    }
    .scoutButton__noRequest {
        width: 72vw;
        padding: 4vw;
        background-image: none;
    }
    .scoutButton__consider {
        border: 0.26vw solid #f5be5f;
        background-size: 4vw;
    }

    /* =======================================
                flameBox
    ======================================= */
    .flameWrap01 {
        min-height: 93.33vw;
        padding-top: calc((100vh - 93.33vw) / 2);
    }
    .flameWrap02 {
        min-height: 112vw;
        padding-top: calc((100vh - 112vw) / 2);
    }
    .flameWrap03 {
        min-height: 93.33vw;
        padding: 10.66vw 0 13.33vw;
    }
    .flameWrap04 {
        min-height: 93.33vw;
        padding: 0;
    }
    .flameLog {
        width: 24vw;
    }
    .flameBox01 {
        width: 82.66vw;
        min-height: 93.33vw;
        margin: 0 auto;
        padding: 8vw 5.33vw;
        border-radius: 0.53vw;
    }
    .flameBox01__type2 {
        padding-bottom: 5.33vw;
    }

    .flameBoxLeftLine {
        width: 1.33vw;
    }
    .flameBoxLeftLineUp {
        border-top-left-radius: 0.53vw;
    }
    .flameBoxLeftLineDown {
        border-bottom-left-radius: 0.53vw;
    }

    .flameBoxWrap {
        width: 72vw;
        min-height: 82.66vw;
    }
    .flameBoxWrap__widthFull {
        width: 100%;
    }
    .flameLogo {
        width: 24vw;
        margin: 0 auto 6.4vw;
    }
    .flameBoxLogo {
        width: 24vw;
    }
    .flameBoxTitle {
        margin: 0 auto;
        text-align: center;
    }
    .flameBoxMainTitle {
        margin: 4vw 0 2.66vw;
        /* font-size: 4.26vw; */
        font-size: 5.33vw;
    }
    .flameBoxSubTitle {
        padding-top: 1.33vw;
    }

    .flameBoxDesc {
        margin: 5.33vw 0;
        width: auto;
        min-width: initial;
        min-width: auto;
    }

    .flameBoxText01 {
        margin-top: 4vw;
    }
    .flameBoxText03 {
        /* margin-top: 4vw; */
    }
    .flameBoxText03Title {
        position: relative;
        width: auto;
        left: auto;
    }
    .flameBoxText03Title::after {
        position: relative;
        content: "：";
        right: auto;
    }
    .flameBoxText03Text {
        /* padding-left: 1em; */
        display: inline-block;
        padding-left: 0;
    }

    .flameBoxBtnList {
        margin-top: 5.33vw;
    }

    .flameBoxBtnList__marginTop80 {
        margin-top: 21.33vw;
    }

    .flameBoxFormWrap {
        width: 72vw;
    }
    .flameBoxFormWrap01 {
        padding-top: 2vw;
    }
    .flameBoxFormWrap02 {
        /* padding-top: 4vw; */
    }

    .flameBoxFormList {
        width: 72vw;
    }
    .flameBoxFormListItem:nth-child(n+2) {
        margin-top: 4vw;
    }

    .flameBoxFormTextLink {
        margin-top: 2.66vw;
    }
    .flameBoxFormBtnList {
        margin-top: 8vw;
    }

    .flameBox02 {
        margin-top: 6.66vw;
        border: 0.26vw solid rgba(217, 217, 217, 1);
        border-radius: 2.66vw;
    }
    .flameBox02Wrap {
        padding: 4vw 2.4vw 8vw;
    }
    .flameBox02Title {
        border-top-left-radius: 2.66vw;
        border-top-right-radius: 2.66vw;
        padding: 2.66vw 4vw;
        letter-spacing: -0.1em;    
    }
    .flameBox02TitlePosition {
        position: relative;
    }
    .flameBox02TitleRequired {
        color: rgba(255, 0, 0, 1);
    }

    .flameBox03Wrap {
        padding: 5.33vw 2.66vw;
    }

    .flameBox04 {
        width: 92.66vw;
        min-height: 93.33vw;
        margin: 0 auto;
        padding: 8vw 5.33vw;
        border-radius: 0.53vw;
    }
    .inputBtn.flameBox04InputBtn__submit {
        width: 32.66vw;
    }
    .inputBtn.flameBox04InputBtn__submit::after {
        right: 2.66vw;
    }

    .flameInfoBox {
        border: 0.26vw solid #D9D9D9;
        padding: 2.66vw;
        font-size: 3.46vw;
    }
    /* =======================================
                form
    ======================================= */ 
    .formInfoWrap {
        margin: 2.66vw 0;
        border-radius: 1.6vw;
        border: 0.53vw solid #00A5E3;
        padding: 2.66vw;
    }
    .formErrorWrap {
        margin: 2.66vw 0;
        border-radius: 1.6vw;
        border: 0.53vw solid #E61A19;
        padding: 2.66vw;
    }

    .formErrorWrap__noMargin {
        margin: 0;
    }
    .formErrorWrap__width80 {
        width: 100%;
    }

    .formWrap01 {
        width: 89.33vw;
        margin: 0 auto;
    }
    .formTable {
        border-bottom: 0.26vw solid #D9D9D9;
    }
    .formTableLine {

    }
    .formTableTh {
        border-top: 0.26vw solid #D9D9D9;
        border-left: 0.26vw solid #D9D9D9;
        padding: 2.66vw 1.33vw;
    }
    .formTableTh__conf {
        padding: 4.4vw 1.33vw;
    }
    .formTableTh__noSideBorder {
        border-left: none;
    }
    .formTableTd {
        border-top: 0.26vw solid #D9D9D9;
        border-right: 0.26vw solid #D9D9D9;
        padding: 2.66vw 1.33vw;
    }
    .formTableTd__conf {
        padding: 4.4vw 1.33vw;

        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .formTableTd__noSideBorder {
        border-right: none;
    }
    .formTable01ThText {
        line-height: 1.45em;
    }
    .formTable01ThText__narrow {
        letter-spacing: -0.1em;
    }
    .formRequired {

    }

    .formInputFixedText {

    }
    .formInputNote {
        /* padding-top: 0.26vw; */
        padding-top: 1.33vw;
        font-size: 3.46vw;
    }
    .formInfo {
        padding-top: 0.26vw;
        font-size: 3.46vw;
    }
    .formError {
        padding-top: 0.26vw;
        font-size: 3.46vw;
    }

    .formTableTdList01 {

    }
    .formTableTdList01Item {
        margin-right: 0;
        width: 100%;
    }
    .formTableTdList01Item:last-child {
        margin-right: 0;
    }
    .formTableTdList01Item:nth-child(n+2) {
        margin-top: 1.33vw;
    }

    .formTableTdList02 {

    }
    .formTableTdTitle {
        margin-bottom: 1.33vw;
    }

    .formUnit {
        padding: 0 0.66vw;
    }
    .formUnitNoRight {
        padding-right: 0;
    }

    /* file input */
    .inputFileWrapper {

    }
    .inputFileBox {
        margin-right: 0em;
    }
    .inputFileName {
        margin: 1.33vw 0 0;
        width: 100%;
    }
    .upload-delet {
        margin: 1.33vw 0 0;
        border-radius: 3.73vw;
        border: 0.53vw solid #00A5E3;
        padding: 0 2.66vw;
    }
    .resumeFile {
        display: none;
    }
    .resumeUploadLabel {
        border: 0.53vw solid #707070;
        border-radius: 3.73vw;
        padding: 0 2.66vw;
    }
    .noDisplay {
        display: none;
    }

    .formPrivacyBox {
        margin-top: 8vw;
    }

    .flameBtnList {
        margin-top: 8vw;
    }

    .formTable01 {
        width: 89.33vw;
        margin: 0 auto;
    }
    .formTableTh01 {
        width: 20vw;
    }
    .formTableTd01 {
        width: 69.33vw;
    }

    .formTable02 {
        width: 100%;
        margin: 0 auto;
    }
    .formTableTh02 {
        width: 20.8vw;
    }
    .formTableTd02 {
        width: 73.06vw;
    }
    /* =======================================
                click menu modal 
    ======================================= */
    .spMenuOpen .ckikcGlobalMenuMask {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.9);
        z-index: 9;
    }
    .subMenuOpen .clickMenuMask {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(51, 51, 51, 0.9);
        z-index: 10;
    }

    /* =======================================
                globalHeader
    ======================================= */

    .globalHeader02 {
        margin-top: 10.66vw;
    }

    .globalHeaderMainWrap:after {
        bottom: -1.33vw;
        height: 1.33vw;
    }
    .globalHeaderSubWrap {
    
    }
    .globalHeaderMainWrapInner {
        width: 100%;
    }
    .globalHeaderSubWrapInner {
        width: 100%;
    }
    .globalHeaderLogo {
        padding: 2.66vw 0 2.66vw 5.33vw;
    }
    .globalHeaderLogo a {
        width: 21.33vw;
    }
    .globalHeaderLogo a img {

    }
    .globalHeaderTitleText {
        font-size: 4vw;
    }
    .globalHeaderNav {
        display: none;
    }
    .globalHeaderMenuBtn {
        margin-top: 1.6vw;
        margin-right: 2.66vw;
        width: 13.06vw;
        height: 13.06vw;

        background-image: url("../img/btn_sp_menu_open.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;

    }
    .spMenuOpen .globalHeaderMenuBtn {
        background-image: url("../img/btn_sp_menu_close.svg");
    }


    .globalHeaderNavSp {
        display: none;
        position: fixed;
        width: 76vw;
        height: 100%;
        z-index: 15;
        background-color: #004194;
    }
    .spMenuOpen .globalHeaderNavSp {
        display: block;
    }
    .globalHeaderNavSpWrap {
        /* padding: 4vw 8vw; */
        padding: 4vw 8vw 8vw;
        overflow: scroll;
    }
    .globalHeaderNavSplist {
        width: 100%;
    }
    .globalHeaderNavSplistItem {
        border-bottom: 0.53vw solid #FFF;
        padding: 4vw 0;
    }
    .globalHeaderNavSplistItemTitle {
        position: relative;
    }
    .globalHeaderNavSplistItemTitle::before {
        position: absolute;
        top: 50%;
        left: -6vw;
        margin-top: -0.53vw;
        content: "";
        width: 4vw;
        height: 0.53vw;
        background-color: #FFF;
    }
    .globalHeaderNavSplistItemTitleText {
        font-size: 5.33vw;
        font-weight: 500;
        color: #FFF;
    }
    .globalHeaderNavSpSubList {
        margin-top: 3.2vw;
    }
    .globalHeaderNavSpSubListItem {
        width: 100%;
    }
    .globalHeaderNavSpSubListItem:nth-child(n+2) {
        margin-top: 3.2vw;
    }
    .globalHeaderNavSpSubListItemLink {
        font-size: 4vw;
        color: #FFF;
    }

     .globalHeaderNavSpLogOut {
         /* margin-top: 8vw; */
         margin-top: 2vw;
         text-align: right;
     }
     .globalHeaderNavSpLogOut + .globalHeaderNavSpLogOut{
        /* margin-top: 4vw; */
        margin-top: 2vw;
    }
    /* =======================================
                burger
    ======================================= */
    .burgerPosition {
        position: relative;
    }
    .burgerClickBtn {
        cursor: pointer;
    }
    .burgerHeader {
        position: relative;
        margin-bottom: 12vw;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        padding: 2.66vw 2.66vw 2.66vw 5.33vw;
        z-index: 2;
    }

    .burgerHeaderSp {
        display: none;
    }
    .burgerTitle {
        font-size: 5.06vw;
    }
    .burgerContentsPc {
        display: none;
    }
    .burgerContentsSp {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .burgerCount {
        font-size: 2.93vw;
        color: #FFF;
    }
    .burgerCountNum {
        font-size: 5.06vw;
    }
    .burgerBtn {
        margin-left: 2.66vw;
        width: 6.4vw;
        height: 6.4vw;
        background-image: url("../img/btn_hamburger_open.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        pointer-events: none;
    }
    .burgerList {
        margin-top: -12vw;
        opacity: 0;
        height: 0;
        z-index: 0;
        /* transition: 0.2s margin-top linear; */
        transition: 0.2s all linear;
    }
    .burgerListView {
        display: none;
    }

    .burgerOpen .burgerHeader {
        margin-bottom: 0;
    }
    .burgerOpen .burgerBtn {
        background-image: url("../img/btn_hamburger_close.svg");
    }
    .burgerOpen .burgerList {
        margin-top: 0;
        opacity: 1;
        height: auto;
        z-index: 1;
        padding-bottom: 8vw;
    }
    .burgerOpen .burgerListView {
        display: block;
    }
    .burgerPosition2 {
        border: 0.26vw solid #004194;
    }
    .burgerHeader2 {
        margin-bottom: 12.8vw;
        padding: 2.66vw;
    }
    .burgerTitle2 {
        font-size: 5.33vw;
    }
    .burgerBtn2 {
        width: 6.4vw;
        height: 6.4vw;
        background-image: url("../img/btn_hamburger_open.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        pointer-events: none;
    }
    .burgerList2 {
        /* margin-top: -12vw; */
        margin-top: -12.8vw;
        opacity: 0;
        height: 0;
        z-index: 0;
        transition: 0.2s all linear;
    }
    .burgerListView2 {
        display: none;
    }
    .burgerOpen2 .burgerHeader2 {
        margin-bottom: 0;
    }
    .burgerOpen2 .burgerBtn2 {
        background-image: url("../img/btn_hamburger_close.svg");
    }
    .burgerOpen2 .burgerList2 {
        margin-top: 0;
        opacity: 1;
        height: auto;
        z-index: 1;
    }
    .burgerOpen2 .burgerListView2 {
        display: block;
    }

    /* =======================================
                pager
    ======================================= */
    .pagenation {
        margin-top: 8vw;
    }
    .pagenation__inFlame {
        margin: 8vw auto 0;
        width: 95%;
    }
    .pagenation__top {
        margin-top: 0;
        margin-bottom: 2.66vw;
    }
    .pagenation__top2 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .resultCount {
        margin-bottom: 4vw;
    }
    *:not(._pageAnchorBase) + .resultCount {
        margin-top: 4vw;
    }
    .pagenationCount {
        margin-bottom: 0;
    }
    .pagenationCount__top {

    }
    .resultCount .pagenationCount {
        margin-bottom: 0;
    }
    .resultCount.type2 .pagenationCount {
        margin: 0;
    }
    .pagenationCountNum.siteDblue {
        padding: 0 1.33vw;
    }

    /* .resultCount .pagerListBox {
        margin-top: 2.5vw;
    } */

    .pagerListBox {
        width: 100%;
        min-width: initial;
        min-width: auto;
    }
    .pagerPrev {
        /* margin-right: 2vw; */
        /* left: -16.4vw; */
        left: 0;
        /* margin-top: -6.4vw; */
        margin-top: -4.8vw;
    }
    .pagerPrevLink {
        /* height: 12.8vw;
        width: 12.8vw; */
        height: 9.6vw;
        width: 9.6vw;
        border-radius: 2.66vw;
        background-size: 4.26vw;
    }
    .pagerNext {
        /* margin-left: 2vw; */
        /* right: -16.4vw; */
        right: 0;
        /* margin-top: -6.4vw; */
        margin-top: -4.8vw;
    }
    .pagerNextLink {
        /* height: 12.8vw;
        width: 12.8vw; */
        height: 9.6vw;
        width: 9.6vw;
        border-radius: 2.66vw;
        background-size: 4.26vw;
    }
    .pagerList {
        /* width: calc(100vw - 38.4vw); */
        width: 100%;
        
    }
    .pagerListItem {
        /* margin: 0 3.2vw; */
        margin: 0 2.66vw;
        letter-spacing: -0.1em;
    }
    .pagerListItem__noMargin {
        margin: 0.26vw 0;
    }
    .pagerListItemType2 {
        margin: 0;
    }
    .pagerListItemLink {
        font-size: 4.8vw;
    }
    .pagerListItemLink.current {

    }
    .pagerListItemPoints {

    }

    /* =======================================
                globalFooter
    ======================================= */
    .globalFooter {
        position: relative;
    }
    .topBtn {
        bottom: 2%;
        width: 13.33vw;
        height: 13.33vw;
    }

    .globalFooterInner {
        width: 100%;
        padding: 10.66vw 13.33vw 6.66vw;
    }
    .globalFooterLogoWrap {

    }
    .globalFooterLogo {
        width: 32vw;
    }
    .globalFooterLogo img{

    }
    .globalFooterNav {
        width: 100%;
        margin: 8vw auto 0;
    }
    .globalFooterNavList {
        width: 100%;
    }
    .globalFooterNavList:nth-child(n+2) {
        margin-top: 8vw;
    }
    .globalFooterNavListItem {
        width: 100%;
    }
    .globalFooterNavListItem:nth-child(n+2) {
        margin-top: 2.66vw;
    }
    .globalFooterNavListItemLink {
        font-size: 4vw;
    }
    .globalFooterCopy {
        margin-top: 8vw;
        font-size: 2.93vw;
        text-align: center;
    }
    
    /* =======================================
                top
    ======================================= */

    /* =======================================
                reminder
    ======================================= */

    /* =======================================
                mypage
    ======================================= */
    /* top */
    .pageSubHeader {
        margin-top: 4vw;
    }
    .pageSubHeader__marginBottom {
        margin-top: 0;
        margin-bottom: 4vw;
    }
    .pageSubHeader2 {
        margin-top: 4vw;
    }

    .pageSubHeader2Wrap {

    }
    .pageSubHeaderPc {
        display: none;
    }
    .pageSubTitle {
        font-size: 28px;
    }

    .scoutListWrap {
        margin-top: 0;
        border: 0.26vw solid #004194;
    }
    .scoutListHeader {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-color: #004194;
    }
    .scoutList01 {
        margin: 0 auto;
    }

    .scoutList01Item {
        margin-right: 0;
        width: 77.33vw;
    }
    .scoutList01Item:nth-child(n+4) {
        margin-top: 0;
    }
    .scoutList01Item:nth-child(3n) {
        margin-right: 2.66vw;
    }

    .scoutList01__sp__slider {
        width: 82.66vw;
        margin: 0 auto;
        padding: 8vw 0 0;
    }
    .scoutList01Item__sp__slider {
        margin: 2.66vw !important;
        width: 77.33vw;
    }

    .scoutList01__slider {
        width: 82.66vw;
        margin: 0 auto;
    }
    .scoutList01Item__slider {
        margin: 2.66vw !important;
        width: 77.33vw;
    }

    .scoutList01Wrap {
        height: 100%;

        border-radius: 0.8vw;
        padding: 2.66vw 5.33vw 4vw;
    }
    .scoutList01Block {
        width: 100%;
    }
    .scoutList01Header {

    }
    .scoutList01Icon {
        width: 16vw;
        height: 16vw;
    }
    .scoutList01Icon img {
        width: auto;
        height: 100%;
    }
    .scoutList01Location {
        width: 48vw;
    }
    .scoutList01Desc {
        margin-top: 2.66vw;
    }

    .scoutDlList01 {

    }
    .scoutDlList01Dt {
        font-size: 4.26vw;
    }
    .scoutDlList01Dd {
        font-size: 4.8vw;
    }

    .scoutDlList02 {
        border-bottom: 0.26vw solid #EBEBEB;
    }
    .scoutDlList02Dt {
        width: 21.33vw;
        padding: 2.66vw 4vw 2.66vw 0;
        font-size: 4vw;
    }
    .scoutDlList02Dd {
        padding: 2.66vw 0;
        width: 45.33vw;
        font-size: 4vw;
    }
    .scoutList01Btn {
        margin-top: 5.33vw;
    }
    .scoutList01Button {
        border-radius: 1.33vw;
        border: 0.53vw solid #00A5E3;
        padding: 4vw;

        font-size: 4.8vw;

        box-shadow : 0.8vw 0.8vw 1.6vw 0.8vw rgba(0, 0, 0, 0.45);
    }
    .scoutList01Button::after {
        right: 2vw;
        margin-top: -1.8vw;
        width: 5.33vw;
        height: 3.6vw;
    }

    .sideNavWrap {
        border-radius: 0;
        box-shadow: none;
    }
    .sideNavWrap:nth-child(n+2){
        margin-top: 0;
    }
    .sideNavHeader {

    }
    .sideNavTitle {

    }
    
    .sideNavCount {

    }
    .sideNavCountNum {

    }
    .sideNavBtn {
        margin: 8vw auto 0;
        width: 89.33vw;
    }
    .sideNavList {

    }
    .sideNavListDate {

    }
    .sideNavListIcon {
        border-radius: 8px;
        padding: 1px 10px;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .sideNavListIcon__type1 {

    }
    .sideNavListIcon__type2 {

    }
    .sideNavListIconText {
        font-size: 2.66vw;
    }

    .infoSideNavWrap {
        border: 0.26vw solid #00A5E3;
    }
    .infoSideNavHeader {

    }
    .infoSideNavCountNum {

    }
    .burgerOpen .burgerList.infoSideNavburgerList {
        padding-bottom: 0;
    }
    .infoSideNavList {
        padding: 0 2.66vw 1.33vw;
    }
    .infoSideNavListItem {
        border-bottom: 0.26vw solid #C7C7C7;
        padding-top: 1.33vw;
    }
    .infoSideNavListItem__noList {
        border: none;
    }
    .infoSideNavListItem:last-child {
        border-bottom: none;
    }

    .infoSideNavListItemHeader {

    }
    .infoSideNavListItemDate {
        margin-right: 5.33vw;
        font-size: 3.46vw;
    }
    .infoSideNavListItemIcon {

    }
    .infoSideNavListItemText {
        font-size: 3.46vw;
    }
    .noList2 {
        padding:2.66vw;
        font-size: 4vw;
    }
    .considerSideNavWrap {
        border: 0.26vw solid #16145F;
    }
    .considerSideNavHeader {

    }
    .considerSideNavList {
        padding: 5.33vw 0 0;
    }
    .considerSideNavList .noList {
        padding: 1.33vw 2.66vw 0;
        font-size: 4vw;
    }
    .slide-arrow {
        margin-top: -5.06vw;
        width: 4vw;
        height: 10.13vw;
    }
    .prev-arrow {
        left: -4vw;
    }
    .next-arrow {
        right: -4vw;
    }
    .slick-dots {
        position: relative;
        bottom: auto;
    }
    .slick-dots li button:before {
        margin: 2.4vw;
        width: 2.93vw;
        height: 2.93vw;
        border: 0.26vw solid #707070;
    }
    .slick-dots li.slick-active button:before {

    }

    .scoutListBtn {
        margin-top: 13.33vw;
    }


    /* regist */
    .page-mypage .pageSub-registTop {

    }
    .page-mypage .pageSub-registTop .flameBoxTitle {
        padding-top: 0;
    }
    .page-mypage .pageSub-registTop .flameBoxText02 {
        /* padding-top: 8vw; */
    }
    .page-mypage .pageSub-registTop .flameBoxBtnList {
        /* margin-top: 12vw; */
    }

    /* staff */
    .pageSubHeaderUpWrap {

    }
    .pageSubHeaderCount {
        margin-right: 1.33vw;
        font-size: 4.8vw;
        /* order: 2; */
    }
    .pageSubHeaderCountNum {
        font-size: 6vw;
    }
    .pageSubHeaderBtnLink2 {
        width: 45.33vw;
        /* order: 1; */
    }

    .sortForm01 {

    }
    .sortForm01Title {
        margin-right: 0.8vw;
        font-size: 3.2vw;
    }
    .sortForm01SerachSelectWrap {

    }
    .sortForm01SerachSelectWrap::after {
        right: 1.86vw;
        margin-top: -0.66vw;
        width: 2.13vw;
        height: 1.33vw;
    }
    .sortForm01SerachSelect {
        border-radius: 3.2vw;
        border: 0.26vw solid #000;
        padding: 0.66vw 6vw 0.66vw 4.26vw;
        font-size: 3.2vw;
    }

    .userListContents {
        margin-top: 3.2vw;
    }
    .userSortForm02 {
        display: none;
    }
    .userSortForm02List {

    }
    .userSortForm02ListItem {

    }
    .userSortForm02ListItem:nth-child(1) {

    }
    .userSortForm02ListItem:nth-child(2) {

    }
    .userSortForm02ListItem:nth-child(3) {

    }
    .userSortForm02ListItem:nth-child(4) {

    }
    .userSortForm02ListItem:nth-child(5) {

    }
    .userSortForm02ListItem:nth-child(6) {

    }
    .userSortForm02ListItem:nth-child(7) {

    }
    .userSortForm02ListItemLink {

    }
    .userSortForm02NoLink {

    }
    .userSortForm02SortLink {

    }
    .userSortForm02SortLink::after {

    }
    .userSortForm02Link {

    }

    .userList {

    }
    .userListLine {
        border-radius: 1.33vw;
        padding: 2.66vw 2.66vw 2.66vw 1.33vw;
        box-shadow : 0.8vw 0.8vw 1.6vw 0.8vw rgba(0, 0, 0, 0.45);
    }
    .userListLine:nth-child(odd) {
        border-left: 1.33vw solid #00A5E3;
    }
    .userListLine:nth-child(even) {
        border-left: 1.33vw solid #004194;
    }
    .userListLine:nth-child(n+2) {
        margin-top: 6.4vw;
    }
    .userListItme {
        padding: 0;
        font-size: 3.46vw;
    }
    .userListItmeUp {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .userListItmeUpLeft {
        width: 61.33vw;
    }
    .userListItmeUpRight {
        width: 26.66vw;
    }

    .userListItemName {
        width: 100%;
    }
    .userListItemName::after {
        font-size: 4vw;
    }
    .userListItemNamePc {
        display: none;
    }
    .userListItemNameSp {
        display: block;
        width: 100%;
    }
    .userListItemId {
        width: 100%;
    }
    .userListItemRegistDate {
        width: 100%;
    }
    .userListItemLocation {
        width: 100%;
    }
    .userListItemScout {
        width: 100%;
    }
    .userListItemStatus {
        width: 42.66vw;
    }
    .userListItemDesc {
        width: 42.66vw;
    }
    
    .userListItemName {
        font-size: 4vw;
    }
    .userListItemNameText {
        font-size: 5.33vw;
    }
    .userListItemRegistDate {
        font-size: 3.46vw;
    }
    .userListItemLocation {
        font-size: 3.46vw;
    }
    .userListItemScout {
        border-radius: 2.66vw;
        padding: 2.66vw 1.33vw;
        font-size: 4vw;
        color: #fff;
        background-color: #004194;
    }
    .userListItemScoutNum {
        font-size: 6.13vw;
    }
    .userListItemScoutNotNum {
        display: block;
    }

    .userListItmeDown {
        margin-top: 4vw;
        width: 100%;
        
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .userListItemStatus {
        border-radius: 1.6vw;
        border: 0.26vw solid #000;
        padding: 2.26vw;
        font-size: 4vw;
        text-align: center;
    }
    .userListItemDesc {

    }

    .userListItemTitle {
        display: inline-block;
        font-size: 3.46vw;
    }
    .userListItemScout .userListItemTitle {
        display: block;
    }

    .userListItemDescLink {
        border-radius: 1.6vw;
        padding: 2.26vw;
        font-size: 4vw;
        text-align: center;
        line-height: 1.5;
        height: 100%;
    }
    .userListItemDescLinkText {

    }

    .userListBtnLinkListCenter {
        margin-top: 8vw;
    }
    .userListInputBtn::after {
        content: none;
    }
    .userListInputButton {
        font-size: 4.26vw;
    }
    .userListInputButtonText {
        position: relative;
        padding-left: 8vw;
        font-size: 4.26vw;
    }
    .userListInputButtonText::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        margin-top: -2.13vw;
        width: 4.26vw;;
        height: 4.26vw;;
        background-image: url("../img/icon_plus_white.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }


    /* staffDetails */
    .staffDetailsContents {
        margin-top: 9.33vw;
    }
    .staffDetailsContents2 {
        margin-top: 9.33vw;
    }
    .pageSubHeader02 {

    }
    .staffDetailsPageSubHeader {
        margin-bottom: 2.66vw;
    }
    .staffName {
        /* margin-right: 9.33vw; */
        margin-right: 0;
        width: 100%;
        font-size: 5.33vw;
    }
    .staffInterview {
        width: 100%;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .staffInterviewTitle {

    }
    .staffInterviewNum {
        margin-top: 1.33vw;
    }
    .consentNum {

    }
    .rejectionNum {

    }
    .staffDetailsBtn {
        margin-top: 6.66vw;
        padding-bottom: 6.66vw;
    }
    .staffInterviewLisContents {
        margin-top: 6.66vw;
    }
    .staffInterviewLisContents2 {
        margin-top: 9.33vw;
    }
    .staffInterviewListHeaderTitleKome {
        margin-top: 1.66vw;
        font-size: 3.46vw;
    }
    .staffInterviewListWrap {
        border: 0.26vw solid #004194;
        padding-bottom: 6.66vw;;
    }
    .staffInterviewTitleList {
        display: none;
    }
    .staffInterviewTitleListItem {    

    }
    .staffInterviewTitleListItem:last-child {    

    }
    .staffInterviewTitleListItemClient {
        width: auto;
    }
    .staffInterviewTitleListItemClient2 {
        width: auto;
    }
    .staffInterviewTitleListItemJobType {
        width: auto;
    }
    .staffInterviewTitleListItemDate {
        width: auto;
    }
    .staffInterviewTitleListItemRequest {
        width: auto;
    }
    .staffInterviewTitleListItemDesc {
        width: auto;
    }
    .staffInterviewList {

    }
    .staffInterviewListLine {
        padding: 2.66vw;
        display: block;
    }
    .staffInterviewListItmeUp {
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .staffInterviewListItmeUpLeft {
        width: 56vw;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .staffInterviewListItmeUpRight {
        width: 32vw;
        display: block;
    }
    .staffInterviewListItme {
        padding: 0;
        font-size: 5.66vw;
        border-right: none;
    }
    .staffInterviewListItme:last-child {

    }
    .staffInterviewListItmeClient {
        width: 100%;
    }
    .staffInterviewListItmeClient2 {
        width: 100%;
    }
    .staffInterviewListItmeClientPc {
        display: none;
    }
    .staffInterviewListItmeClientSp {
        display: block;
        width: 100%;
    }
    .staffInterviewListItmeTitle {
        display: inline-block;
        font-size: 3.46vw;
    }
    .staffInterviewListItmeJobType {
        width: 100%;
        padding-top: 1.33vw;
        font-size: 3.46vw;
    }
    .staffInterviewListItmeDate {
        width: 100%;
        padding-top: 1.33vw;
        font-size: 3.46vw;
    }
    .staffInterviewListItmeRequest {
        width: 100%;
        border-radius: 2.66vw;
        padding: 2.66vw;
        background-color: #16145F;
        text-align: center;
    }
    .staffInterviewListItme__noRightBorder.staffInterviewListItmeRequest {

    }
    .staffInterviewListItmeRequest .staffInterviewListItmeTitle {
        margin-bottom: 0.8vw;
        display: block;
        color: #FFF;
        line-height: 1;
    }
    .staffInterviewInputSelectWrap {
        width: 100%;
    }
    .staffInterviewInputSelectWrap::after {
        right: 1.33vw;
        margin-top: -0.66vw;
        width: 2.13vw;
        height: 1.33vw;
        background-image: url("../img/triangle_down_blue.svg");
    }
    .staffInterviewInputSelect {
        padding: 2.33vw 4vw 2.33vw 2.66vw;
        font-size: 4vw;
        background-color: #FFF;
    }
    .off.staffInterviewInputSelect{
        background-color: #B6B8BA;
    }
    .staffInterviewListItmeDown {
        margin-top: 2.66vw;
        display: block;
    }
    .staffInterviewListItmeDesc {
        width: 100%;
        padding: 0;
        border-right: none;
    }
    .staffInterviewListItmeDescLink {
        border-radius: 1.6vw;
        padding: 3.2vw 2.66vw;
        width: 100%;
        font-size: 4vw;
    }
    .staffInterviewListItmeDescLinkText {

    }

    /* staff edit */
    .staffEditFlameBox02 {
        margin-top: 2.66vw;
    }
        
    /* staff company */
    .staffCompanyContents {
        margin-top: 9.33vw;
    }
    .staffCompanyPageSubHeader {
        margin-bottom: 2.66vw;
    }
    /* 
    .staffCompanyDetails {
        border: 0.26vw solid #004194;
    } */
    .staffCompanyBtn {
        margin-top: 6.66vw;
        padding-bottom: 6.66vw;
    }

    /* scout top */
    .searchListWrap {

    }
    .searchBox {

    }
    .searchBoxModalBtn {
        border-radius: 7.46vw;
        border: 0.26vw solid #000;
        padding: 2.66vw 2.66vw 2.66vw 5.33vw;
        font-size: 4.26vw;
    }
    .searchBoxModalBtn::after {
        right: 5.33vw;
        margin-top: -3.33vw;
        width: 6.66vw;
        height: 6.66vw;
    }
    .searchBoxConditionBox {
        margin-top: 2.66vw;
        border-radius: 2.66vw;
        border: 0.26vw solid #000;
        padding: 2.66vw 5.33vw;
    }
    .searchBoxConditionBoxTitle {
        width: 100%;
    }
    .searchBoxConditionBoxText {
        margin-top: 1.33vw;
        width: 100%;
    }
    .searchConditionBoxTextLine {

    }
    .searchConditionBoxTextLine span:nth-child(1) {
        width: 28vw;
    }
    .searchConditionBoxTextLine span:nth-child(2) {
        width: 55.46vw;
    }

    .scoutSearchContents {
        margin-top: 10.66vw;
    }
    .scoutSearchListWrap {

    }
    .scoutSearchList {

    }
    .scoutSearchListItem {

    }
    .scoutModalBtn {
        
    }

    .scoutListContents {
        margin-top: 8.8vw;
    }

    /* scout newList */
    .scoutNewListContents {
        margin-top: 6.4vw;
    }
    .scoutList02 {

    }
    .scoutList02Line {
        border-radius: 1.33vw;
        padding: 2.66vw 2.66vw 2.66vw 1.33vw;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;

        box-shadow : 0px 0.8vw 2.66vw 0px rgba(0, 0, 0, 0.31);
    }
    .scoutList02Line:nth-child(n+2) {
        margin-top: 6.4vw;
    }
    .scoutList02Line:nth-child(odd) {
        border-left: 1.33vw solid #00A5E3;
    }
    .scoutList02Line:nth-child(even) {
        border-left: 1.33vw solid #004194;
    }
    .scoutList02Itme {

    }
    .scoutList02ItmeUp {
        /* -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; */
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .scoutList02ItmeUpLeft {

    }
    .scoutList02ItmeUpLeftLeft {
        display: none;
    }
    .scoutList02ItmeUpLeftRight {
        width: 61.33vw;
    }
    .scoutList02ItmeUpRight {

    }
    .scoutList02ItmeDown {
        margin-top: 1.33vw;
        width: 100%;
    }
    .scoutList02ItmeDownList {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-line-pack: stretch;
        align-content: stretch;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .scoutList02ItmeDownListItem:nth-child(n+2) {
        margin-top: 0;
    }
    .scoutDlList03 {
        margin-right: 0;
        width: 100%;
    }
    .scoutDlList03Item {
        font-size: 2.93vw;
    }
    .scoutDlList03ItemTitle {
        width: 5em;
        font-size: 2.93vw;
    }
    .scoutDlList03ItemTitle::after {
        position: absolute;
        right: 0;
    }
    .scoutDlList03ItemId {
        font-size: 4vw;
    }
    .scoutDlList03ItemId .scoutDlList03ItemTitle {
        font-size: 4vw;
        width: auto;
    }
    .scoutDlList03ItemId .scoutDlList03ItemTitle::after {
        position: relative;
        right: auto;
    }
    .scoutDlList03ItemCompany {
        font-size: 4vw;
    }
    .scoutDlList03ItemCompany .scoutDlList03ItemTitle {
        font-size: 4vw;
        width: auto;
    }
    .scoutDlList03ItemCompany .scoutDlList03ItemTitle::after {
        position: relative;
        right: auto;
    }
    .scoutDlList03ItemLocation {
        font-size: 4vw;
    }
    .scoutDlList03ItemLocation .scoutDlList03ItemTitle {
        font-size: 4vw;
        width: auto;
    }
    .scoutDlList03ItemLocation .scoutDlList03ItemTitle::after {
        position: relative;
        right: auto;
    }
    .scoutDlList03ItemJobCategory {
        padding-left: 5em;
    }
    .scoutDlList03ItemTenure {
        padding-left: 5em;
    }
    .scoutDlList03ItemEducation {
        padding-left: 5em;
    }
    .scoutDlList03ItemDegree {
        padding-left: 5em;
    }
    .scoutDlList03ItemCv {
        padding-left: 5em;
    }

    .scoutList02ItemLinkText {

    }
    .scoutList02Icon {

    }
    .scoutList02Icon img {

    }
    .scoutList02IdPc {
        display: none;
    }
    .scoutList02IdSp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .scoutList02Id {
        margin-bottom: 0;
        width: 100%;
    }
    .scoutList02CompanyPc {
        display: none;
    }
    .scoutList02CompanySp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .scoutList02Company {
        margin-bottom: 0;
        width: 100%;
    }
    .scoutList02LocationPc {
        display: none;
    }
    .scoutList02LocationSp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .scoutList02Location {
        margin-bottom: 0;
        width: 100%;
    }
    .scoutList02JobCategory {

    }
    .scoutList02Tenure {

    }
    .scoutList02Education {

    }
    .scoutList02Degree {

    }
    .scoutList02Cv {
        width: 100%;
    }
    .scoutList02ItemLink {
        width: 25.86vw;
        border-radius: 2.66vw;
        padding: 12vw 4vw 2.66vw;
        font-size: 4vw;
        background-position: center 4vw;
        background-size: 6.4vw;
    }
    .scoutList02ItemRequest {
        width: 42.66vw;
        border-radius: 1.6vw;
        border: 0.26vw solid #00A5E3;
        /* padding: 2.66vw 9.33vw; */
        padding: 2.4vw 9.06vw;
        font-size: 4vw;
        line-height: 1.4;

        background-position: 2.66vw center;
        background-size: 3.86vw 4vw;

        order: 2;
    }
    .on.scoutList02ItemRequest {
        width: 100%;
        border-radius: 1.6vw;
        border: 0.26vw solid #00A5E3;
        padding: 2.4vw 9.06vw;
        font-size: 4vw;
        line-height: 1.4;

        background-image: none;

        order: 2;
    }
    .scoutList02ItemConsider {
        width: 42.66vw;
        border-radius: 1.6vw;
        /* border: 0.26vw solid #FFCA6E; */
        border: 0.26vw solid #f5be5f;
        padding: 2.4vw 9.06vw;
        font-size: 4vw;
        line-height: 1.4;

        background-position: 2.66vw center;
        background-size: 3.86vw;

        order: 1;
    }
    .scoutList02ItemSent {
        width: 100%;
        border-radius: 1.6vw;
        padding: 2.66vw 9.33vw;
        font-size: 4vw;
        line-height: 1.4;

        background-position: 2.66vw center;
        background-size: 3.86vw 4vw;
    }
    /* .scoutList02ItemOn {
        width: 100%;
        border-radius: 1.6vw;
        padding: 2.66vw 9.33vw;
        font-size: 4vw;
        line-height: 1.4;
    } */
    .scoutList02ItemNA {
        width: 25.86vw;
        border-radius: 1.6vw;
        padding: 2.66vw 9.33vw;
        font-size: 4vw;
        line-height: 1.4;

        /* background-position: 2.66vw center;
        background-size: 3.86vw 4vw; */
    }

    /* scout detials */
    .scoutListContentsContentsFrame {
        border: none;
        padding: 0;
    }
    .scoutList02ItmeUpLeftRight__full {
        width: 100%;
    }

    /* companyList */
    .companyList01 {
        margin-top: 2.66vw;
    }
    .companyList01Item {
        width: 100%;
        border-radius: 1.33vw;
        padding: 4vw 2.66vw;
    }
    .companyList01Item:nth-child(2n+1) {
        margin-right: 0;
    }
    .companyList01Item:nth-child(n+2) {
        margin-top: 5.33vw;
    }
    .companyList01Item:nth-child(n+3) {
        margin-top: 5.33vw;
    }
    .companyList01ItemTitle {
        width: 100%;
        font-size: 5.33vw;
    }
    .companyList01ItemLink {
        margin-top: 4vw;
        width: 100%;
        border-radius: 1.33vw;
        padding: 2.66vw;
        font-size: 4vw;
    }

    /* service */
    .pageSubTitlService {
        border-bottom: none;
        padding-bottom: 0;
        font-size: 4.8vw;
        color: #008EDD;
    }
    .pageSubTitlService:nth-child(n+2) {
        margin-top: 10.66vw;
    }
    .pageTextService {
        padding-top: 4vw;
        font-size: 4vw;
        line-height: 1.66;
        letter-spacing: 0.075em;
    }
    .pageImgService {
        margin-top: 4vw;
        height: 66.93vw;
        background-image: url("../img/service_system_overview_sp.svg");
    }
    .serviceCanDoList {
        margin-top: 4vw;
        padding: 0 2.66vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .serviceCanDoListItem {
        width: 100%;
    }
    .serviceCanDoListItem:nth-child(n+2) {
        margin-top: 8vw;
    }
    .serviceCanDoListItemIcon {
        width: 100%;
        height: 41.33vw;
        border-radius: 6.4vw;
        padding: 32vw 4vw 4vw;

        background-position: center 8vw;
        box-shadow : 0 0.8vw 1.8vw 0 rgba(0, 0, 0, 0.4);
    }
    .serviceCanDoListItem:nth-child(1) .serviceCanDoListItemIcon {
        background-size: 15.2vw 20.8vw;
    }
    .serviceCanDoListItem:nth-child(2) .serviceCanDoListItemIcon {
        background-size: 20.8vw 21.33vw;
    }
    .serviceCanDoListItem:nth-child(3) .serviceCanDoListItemIcon {
        background-size: 20.8vw 21.6vw;
    }
    .serviceCanDoListItem:nth-child(4) .serviceCanDoListItemIcon {
        background-position: center 10.66vw;
        background-size: 20.8vw 13.86vw;
    }
    .serviceCanDoListItem:nth-child(5) .serviceCanDoListItemIcon {
        background-size: 16vw 20.53vw;
    }
    .serviceCanDoListItemIconText {
        font-size: 3.73vw;
    }
    .serviceCanDoListItemText {
        margin-top: 5.33vw;
        width: 100%;
        font-size: 4vw;
        line-height: 1.4;
        letter-spacing: 0.025em;

        /* -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start; */
    }
    .serviceCanDoListItemTextWrap {

    }
    .serviceCanDoNote {
        margin-top: 8vw;
        width: 100%;
        padding: 0 2.66vw;
        font-size: 4vw;
        line-height: 1.4;
        letter-spacing: 0.025em;
    }

    /* contact */
    .contactPageHeaderTitle01 {
        letter-spacing: -0.05em;
    }
    .contactText01 {
        margin-bottom: 5.33vw;
        font-size: 4vw;
    }
    .page-mypage .pageSub-contactThanks .flameBoxText02 {

    }

    /* tos */
    .legalTextTile {
        font-size: 4.26vw;
    }
    .legalText {
        margin-top: 0.75em;
        line-height: 1.75;
    }
    .leglTextRight {

    }

    /* faq */
    .faqList {
        counter-reset: number 0;
    }
    .faqListTextQ {
        padding-left: 13.33vw;
    }
    .faqListTextA {
        padding-top: 4.8vw;
        padding-left: 13.33vw;
        font-size: 4vw;
    }
    .faqListTextA::before {
        top: 4vw;
        font-size: 4.8vw;
    }
}
