@charset "UTF-8";

/* =======================================
			base
======================================= */
@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 {
    overflow-y: auto;
    scrollbar-gutter: stable;
}
body{
	margin:0;
	padding:0;
    font-family: "Noto Sans Japanese","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial",sans-serif;
    font-weight: 400;
	-webkit-text-size-adjust: 100%;
    min-width: 1280px;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
	color: #000;
}
main {
    display: block;
    margin-top: 67px;
}

._fix,
._fix  body {
	height: 100%;
	min-height: auto;
	overflow: hidden;
	position: fixed;
	width: 100%;
}

/* vue */
[v-cloak] {
	display: none !important;
}

/* pageAnchor */
._pageAnchorBase {
    position: relative;
}
._pageAnchor {
    position: absolute;
}

/* display */
.pc {
    display: block;
}
.sp {
    display: none;
}
.pc-br {
    display: block;
}
.sp-br {

}
.pc-text {
    display: inline;
}
.block-text {
    display: block;
}

/* a */
a {
    color: inherit;
}
a:hover {
    opacity: 0.7;
}
.textLink {
    text-decoration: underline;
}

/* color */
.blue {
    color: #1860AC;
}
.white {
    color: #ffffff;
}
.gray {
    color: #666666;
}
.orange {
    color: #F65B32;
}
.error {
    color: red;
}
.gray2 {
    color: #707070;
}

/* bg */
.bg-gray {
    background-color: #F9F9F9;
}

/* google map */
.map {
    position: relative;
}
.map iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

/* =======================================
			margin
======================================= */
.marginTop10 {
    margin-top: 10px;
}
.marginTop15 {
    margin-top: 15px;
}

/* =======================================
			inner
======================================= */
.inner01 {
    width: 1030px;
    margin: 0 auto;
}
.inner02 {
    width: 940px;
    margin: 0 auto;
}
.inner03 {
    width: 765px;
    margin: 0 auto;
}

/* =======================================
			box shadow
======================================= */
.boxshadow01 {
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* =======================================
			text
======================================= */
.bold {
    font-weight: 700;
}

.text__center {
    text-align: center;
}
.text__left {
    text-align: left;
}
.text__right {
    text-align: right;
}

.title01 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.66;
    letter-spacing: 0.03em;
}
.title02 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.01em;
}

.text01 {
    letter-spacing: 0.01em;
}
.text02 {
    font-size: 18px;
    line-height: 1.44;
    letter-spacing: 0.01em;
}

/* =======================================
			text dot kome num
======================================= */
.dot {
    position: relative;
    padding-left: 1em;
}
.dot:before {
    position: absolute;
    left: 0;
    content: "・";
}

.kome {
    position: relative;
    padding-left: 1em;
}
.kome::before {
    content: "※";
    position: absolute;
    left: 0;
}

.num01Base {
    counter-reset: num01Cnt;
}
.num01 {
    position: relative;
    padding-left: 1.5em;
}
.num01:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: num01Cnt;
    content: counter(num01Cnt)".";
}

.num02Base {
    counter-reset: num02Cnt;
}
.num02 {
    position: relative;
    padding-left: 2em;
}
.num02:before {
    position: absolute;
    top: 0;
    left: 0;
    counter-increment: num02Cnt;
    content: "("counter(num02Cnt)")";
}

/* =======================================
			input
======================================= */
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;
}

/* chrome オートコンプリートカラー対応 */
input:focus:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset;
}
input:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset;
}
input::placeholder {
	color: #CCCCCC;
}
/* 旧Edge対応 */
input::-ms-input-placeholder {
	color: #CCCCCC;
}
/* IE対応 */
input:-ms-input-placeholder {
	color: #CCCCCC;
}

input, select, textarea, button {
    font-family: "Noto Sans Japanese","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial",sans-serif;
    font-weight: 400;
}
input[type='submit']:hover,
button[type='submit']:hover {
    opacity: 0.7;
}

/* input text number textarea */
.inputText {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.42;
}
.noInputText {
    width: 100%;
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.42;
}
.inputNumber {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.42;
}
.inputTextArea {
    max-width: 100%;
    width: 100%;
    height: calc( 1.35em * 5 );
    border: 1px solid #CCCCCC;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.42;
}
.inputText200 {
    width: 200px;
    border: 1px solid #CCCCCC;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.42;
    margin-left: 25px;
}
.inputText72 {
    width: 72px;
    border: 1px solid #CCCCCC;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.42;
}
.inputText102 {
    width: 102px;
    border: 1px solid #CCCCCC;
    padding: 12px 10px;
    font-size: 14px;
    line-height: 1.42;
}

/* input select */
.inputSelectWrap {
    position: relative;
    display: inline-block;
    width: auto;
}
.inputSelectWrap::after {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    background-image: url("../images/wedge_down_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 2;
    pointer-events: none;
}
.inputSelect {
    width: 100%;
    border: 1px solid #CCCCCC;
    padding: 12px 30px 12px 10px;
    font-size: 14px;
    line-height: 1.42;
}

/* input radio */
.inputRadio {
    font-family: "Noto Sans Japanese","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial",sans-serif;
    font-size: 14px;
	color: #000;
}
.inputRadio + label {
    position: relative;
    display: inline-block;
	padding: 0 0 0 30px;
    font-size: 14px;
	color: #000;
    line-height: 1.3;
	cursor: pointer;
    
    vertical-align: top;
}
.inputRadio + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    border: 1px solid #888888;
    border-radius: 50%;
    box-sizing: border-box;
}
.inputRadio:checked + label {
    font-weight: 700;
    color: #1860AC;
}
.inputRadio:checked + label::before {
    border: 1px solid #1860AC;
    background-color: #1860AC;
}
.inputRadio:checked + label:after {
    content: "";
	position: absolute;
    height: 4px;
    width: 8px;
    left: 4px;
    top: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* input checkbox */
.inputCheckbox {
    font-family: "Noto Sans Japanese","HiraKakuPro-W3","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","Arial",sans-serif;
    font-size: 14px;
	color: #000;
}
.inputCheckbox + label {
    position: relative;
    display: inline-block;
	padding: 0 0 0 30px;
    font-size: 14px;
	color: #000;
    line-height: 1.3;
    letter-spacing: -0.05em;
	cursor: pointer;

    vertical-align: top;
}
.inputCheckbox + label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 18px;
    width: 18px;
    background-color: #FFFFFF;
    border: 1px solid #888888;
    border-radius: 5px;
    box-sizing: border-box;
}
.inputCheckbox:checked + label {
    font-weight: 700;
    color: #1860AC;
}
.inputCheckbox:checked + label::before {
    border: 1px solid #1860AC;
    background-color: #1860AC;
}
.inputCheckbox:checked + label:after {
    content: "";
	position: absolute;
    height: 4px;
    width: 8px;
    left: 4px;
    top: 5px;
    border-bottom: 2px solid #FFFFFF;
    border-left: 2px solid #FFFFFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* input width */
.inputText__w60 {
    width: 60px;
}
.inputText__w80 {
    width: 80px;
}
.inputText__w100 {
    width: 100px;
}
.inputText__w150 {
    width: 150px;
}
.inputSelectY {
    width: 90px;
}
.inputSelectMD {
    width: 70px;
}

/* input unit */
.inputItemUnit {
    font-size: 14px;
	color: #000;
    line-height: 1.3;
}

/* =======================================
			btn
======================================= */
.btnWrapCenter {
    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;
}
.btnWrapBetween {
    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;
}
.btnWrapColumn {
    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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.btn {
    position: relative;
    width: 290px;
    border-radius: 30px;
    border: 2px solid #2695D1;
    padding: 15px 40px 15px 20px;

    text-align: center;
    background-color: #1860AC;

    background-image: url("../images/circle_right_transparent_white.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 28px 28px;
    cursor: pointer;
}
.btnText {
    font-weight: 700;
    color: #FFF;
}
.btnTextIcon {
    font-size: 11px;
    font-weight: 700;
    color: #FFF;
}
.btn__noArrow {
    background-image: none;
}
.btn__white {
    border: 2px solid #1860AC;
    background-color: #FFF;
    background-image: url("../images/circle_right_transparent_blue.svg");
}
.btn__white .btnText {
    color: #1860AC;
}
.btn__gray {
    border: 2px solid #CCCCCC;
    background-color: #AFAFAF;
}
.btn__gray .btnText {
    color: #FFF;
}
.btn__return {
    padding: 15px 20px 15px 60px;
    background-image: url("../images/circle_left_transparent_white.svg");
    background-position: 20px center;
}
.btn__up {
    background-image: url("../images/circle_up_blue_white.svg");
}
.btn__down {
    background-image: url("../images/circle_down_blue_white.svg");
}
.btn__sideAreaEntry {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #2695D1;
    padding: 23px 23px 23px 50px;

    background-image: url("../images/icon_email_transparent.svg");
    background-repeat: no-repeat;
    background-position: 15px center;
    background-size: 20px auto;
    cursor: pointer;

    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;
}
.btn__min {
    width: 180px;
}
.btn__long {
    width: 370px;
}
.btn__sideArea {
    width: 100%;
    padding: 10px;
    background-image: none;
}
.btn__process {
    border: 2px solid #CCCCCC;
    background-color: #AFAFAF;
    background-image: none;
    cursor: default;
}

.btnWrapCenter:not(.no-left) .btn:nth-child(n+2) {
    margin-left: 15px;
}

/* =======================================
			ul ol
======================================= */
* + .list {
    margin-top: 20px;
}
.listItem:nth-child(n+2) {
    margin-top: 5px;
}

/* =======================================
			icon
======================================= */
.iconListItle {

}
.iconList {
    margin-top: -5px;
    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;
}
.iconItem {
    margin-top: 5px;
    margin-right: 5px;
    min-width: 73px;
    border-radius: 5px;
    padding: 3px 10px;
    text-align: center;
    background-color: #1860AC;
}
.iconListItem:last-child {
    margin-right: 0;
}
.iconItem__color1 {
    background-color: #2695D1;/*求人*/
}
.iconItem__color2 {
    background-color: #1EABFF;/*職種別情報*/
}
.iconItem__color3 {
    background-color: #FFA200;/*役立ち情報*/
}
.iconItem__color4 {
    background-color: #93D100;/*ブログ*/
}
.iconItem__color5 {
    background-color: #FF541E;/*スペシャリティ・専門領域*/
}
.iconItem__color6 {
    background-color: #FA8072;/*お知らせ*/
}
.iconItem__color7 {
    background-color: #00CED1;/*求人情報*/
}
.iconItem__color8 {
    background-color: #B8860B;/*製薬企業・CSOインタビュー*/
}
.iconItem__color9 {
    background-color: #A0522D;/*製薬企業と求人情報*/
}
.iconItem__color10 {
    background-color: #D2691E;/*製薬企業・企業紹介*/
}
.iconText {
    font-size: 12px;
    font-weight: 700;
    line-height: 1.41;
    color: #FFF;
}

/* =======================================
			contentsblock
======================================= */
.pageContents {

}
.pageContentsHeader {
    border-bottom: 1px solid #06709D;
    padding: 55px 0 30px;
}

.pageContentsSubTitleItem .iconList {
    display: inline;
}

.pageContentsDetailsHeader {
    position: relative;
    padding: 30px 0;
}
.pageContentsDetailsHeader:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background: -moz-linear-gradient(50% 0% -90deg,rgba(0, 0, 0, 0.16) 0%,rgba(0, 0, 0, 0.16) 100%);
    background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    background: -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(1,rgba(0, 0, 0, 0.16) ));
    background: -o-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    background: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333' ,GradientType=0)";
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    opacity: 0.05;
    filter: alpha(opacity=3) progid:DXImageTransform.Microsoft.Alpha(opacity=3) progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#333333' , GradientType=0);
}
.pageBodyContents {
    padding: 30px 0 100px;
}
.pageBodyContents__bottom {
    padding-bottom: 140px;
}
.pageBodyContentsTwoColumn {
    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;
}
.pageBodyContentsTwoColumnLeft {
    width: 215px;
}
.pageBodyContentsTwoColumnRight {
    width: 765px;
}

.pageSubContents  {
    padding: 50px 0 0;
}
.pageSubContentsHeader {
    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;
}
.pageSubContentsHeader__center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.pageSubContentsHeaderTitle {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.66;
    letter-spacing: 0.03em;
}
.pageSubContentsTowColumn {
    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;
}
.pageSubContentsLeftColumn {
    width: 490px;
}
.pageSubContentsText {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: 0.01em;
    color: #000;
}
.pageSubContentsRightColumn {
    width: 490px;
}
.pageSubContentsImg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

/* =======================================
			frameblock
======================================= */
.frameWrap01 {
    border-radius: 10px;
    padding: 40px;
    background-color: #fff;
}
.frameWrap01:nth-child(n+2) {
    margin-top: 30px;
}
.frameWrap02 {
    padding: 40px;
    background-color: #F2F2F2;
}
.frameWrap03 {
    border-radius: 10px;
    padding: 30px;
    background-color: #fff;
}
.frameHeader {

}
.frameBody {
    margin-top: 30px;
}
.frameFooter {
    margin-top: 30px;
}


/* =======================================
			globalHeader
======================================= */
.globalHeader01 {
    position: fixed;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #EFEFEF;
    background-color: #fff;
    z-index: 10;
    display: flex;
    justify-content: space-between;
}

.globalHeader01:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    content: "";
    display: block;
    width: 100%;
    height: 5px;
    background : -moz-linear-gradient(50% 0% -90deg,rgba(0, 0, 0, 0.16) 0%,rgba(0, 0, 0, 0.16) 100%);
    background : -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    background : -webkit-gradient(linear,50% 0% ,50% 100% ,color-stop(0,rgba(0, 0, 0, 1) ),color-stop(1,rgba(0, 0, 0, 0.16) ));
    background : -o-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    background : -ms-linear-gradient(-90deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#333333' ,GradientType=0)";
    background : linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.16) 100%);
    opacity : 0.05;
    filter: alpha(opacity=3) progid:DXImageTransform.Microsoft.Alpha(opacity=3) progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333',endColorstr='#333333' , GradientType=0);
}

.globalHeader01__noborder {
    border-bottom: none;
}
.globalHeaderInner {
    width: 1280px;
    min-height: 65.59px;
    margin: 0 auto;
    padding-left: 30px;
    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: nowrap; */
}
.dispflex{
    display: flex;
    width: auto;
}
.globalHeaderLogo {
    margin-left: 60px;
    width: 20%;
    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;
}
.globalHeaderLogo a,
.globalHeaderLogo span {
    display: block;
    width: 100%;
}
.globalHeaderLogo a img,
.globalHeaderLogo span img {
    width: 100%;
    height: 100%;
}
.leftlogo {
    width: 150px;
}
.rightlogo {
    width: 209px;
}
.globalHeaderNavPc {
    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;
}
.globalHeaderNavList01 {
    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;
}
.globalHeaderNavList01Item {
    position: relative;
    min-width: 158px;
}
.minW136 {
    min-width: 136px;
}

.globalHeaderNavList01Link {
    display: block;
    height: 100%;
    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;

    padding: 20px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    text-decoration: none;
}
.globalHeaderNavList01Link.current {
    /* background-color: #EEF5F9; */
    /* color: #1860AC; */
    background-color: #4887c7;
    color: #FFF;
}
.globalHeaderNavList01Text {

}
.globalHeaderNavList01MenuBtn {
    position: relative;
    width: 100%;
    background-color: #fff;
    cursor: pointer;
    z-index: 2;
}
a.globalHeaderNavList01MenuBtn:hover {
    opacity: 1;
}
.globalHeaderNavList01Menu {
    width: 100%;
    position: absolute;
    top: -320px;
    background-color: #fff;
    z-index: 1;
    transition: all 0.5s 0s ease;/*transitionの記述を追加*/
}
.globalHeaderNavList01MenuList {
    width: 100%;
}
.globalHeaderNavList01MenuBtn:hover + .globalHeaderNavList01Menu {
    top: 66px;
}
.globalHeaderNavList01Menu:hover {
    top: 66px;
}
.globalHeaderNavList01MenuItem {
    width: 100%;
    border-top: 1px solid #EFF7FF;
}
.globalHeaderNavList01MenuItemLink {
    width: 100%;
    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;

    padding: 10px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    text-align: center;
}
.globalHeaderNavList01MenuItem.current .globalHeaderNavList01MenuItemLink {
    background-color: #EFF7FF;
    color: #1860AC;
    opacity: 1;
}
.globalHeaderNavList01MenuItemLink:hover {
    background-color: #EFF7FF;
    color: #1860AC;
}

.globalHeaderNavList02 {
    margin-left: 15px;
    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; */
}
.globalHeaderNavList02Item {

}
.globalHeaderNavList02LinkText {
    height: 100%;
    width: 130px;
    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;

    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    text-align: center;
    color: #FFF;
    background-color: #65B445;
}
.globalHeaderNavList02Link {
    height: 100%;
    width: 130px;
    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;

    padding: 38px 8px 4px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    text-align: center;

    background-repeat: no-repeat;
}
.globalHeaderNavList02Link__contact {
    border: 2px solid #A6D393;
    color: #FFF;
    background-color: #65B445;

    background-image: url("../images/icon_balloon_square_transparent.svg");
    background-position: center 7.5px;
    background-size: 32px auto;
}
.globalHeaderNavList02Link__entry {
    border: 2px solid #E33C23;
    color: #FFF;
    background-color: #E33C23;

    background-image: url("../images/icon_balloon_circle_transparent.svg");
    background-position: center 6px;
    background-size: 32px auto;
}
.globalHeaderNavList02Text {
    display: block;
}
.globalHeaderNavList02Text--small {
    width: 100%;
    font-size: 0.8em;
    font-weight: 500;
}
.globalHeaderNavSp {
    display: none;
}

/* =======================================
			breadcrumb
======================================= */
.breadcrumb {
    border-bottom: 1px solid #EFEFEF;
    padding: 10px 0;
    background-color: #F9F9F9;
}
.breadcrumbList {
    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;
    line-height: 1.2;

    overflow-x: auto;
    overflow-y: hidden;
    word-break: keep-all;
    white-space: nowrap;
}
.breadcrumbListItem {
    position: relative;
    position: relative;
    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;
}
.breadcrumbListItem:nth-child(n+2) {
    padding-left: 20px;
}
.breadcrumbListItem:nth-child(n+2)::before {
    content: "＞";
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    font-size: 11px;
    color: #000;
}
.breadcrumbListItemLink {

}
.breadcrumbListItemNoLink {

}
.breadcrumbListItemText {
    font-size: 11px;
    color: #000;
}

/* ---------------------------------
        side
------------------------------------*/
.sideArea:nth-child(n+2) {
    margin-top: 30px;
    width: 100%;
}
.sideAreaWrap {
    width: 100%;
    border-radius: 10px;
    background-color: #fff;
}
.sideAreaWrap + .sideAreaWrap  {
    margin-top: 30px;
}
.sideAreaTableMainTitle {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    background-color: #1860AC;
    text-align: center;
}
.sideAreaTableMainTitleText {
    font-weight: 700;
    line-height: 1.43;
    letter-spacing: 0.01em;
    color: #FFF;
}

/* side link */
.sideAreaLinkList {

}
.sideAreaLinkItem {
    border-top: 1px solid #EFEFEF;
}
.sideAreaLink {
    display: block;
    padding: 15px 30px 15px 15px;
    line-height: 1.42;
    background-image: url("../images/wedge_right_blue.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 15px);
    background-size: 6px auto;
}
.sideAreaLinkItem:last-child .sideAreaLink {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.sideAreaLinkText {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
}
.sideAreaLink.current {
    background-color: #4887c7;
    background-image: url("../images/wedge_right_white.svg");
}
.sideAreaLink.current .sideAreaLinkText {
    color: #FFF;
}

/* side job search */
.sideAreaTable {

}
.sideAreaTableList {

}
.sideAreaTableLine {
    border-top: 1px solid #EFEFEF;
    padding: 15px;
}
.sideAreaTableTitle {
    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;
}
.sideAreaTableTitleText {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: 0.01em;
    color: #000000;
}
.sideAreaTableModalBtn {
    width: 55px;
    border-radius: 5px;
    padding: 3px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    color: #FFF;
    background-color: #1860AC;
    cursor: pointer;
}
.sideAreaTableInput {
    position: relative;
    margin-top: 5px;
}
.sideAreaTableInputList {
    /* margin-top: -5px; */
    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;
}
.sideAreaTableInputListChoices {
    /* margin-top: 5px; */
    min-width: 50%;
    padding-right: 5px;
}
.sideAreaTableInputNoList {
    font-size: 12px;
    line-height: 1.6;
    letter-spacing: 0.01em;
}
.sideAreaInputText {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #CCCCCC;
    padding: 5px;
    font-size: 14px;
}
.sideAreaBtn {

}
.sideAreaBtnBlock {

}
.sideAreaBtnWrap {
    width: 215px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 15px;
    text-align: center;
    background-color: rgba(242, 252, 255, 0.8);
}
.is-sticky > .sideAreaBtnWrap {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.sideAreaJobSearchResultDescText01 {

}
.resultDescText01 {
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #0A0A0A;
}
.resultNunmber {
    padding: 0 0.5em;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.01em;
    color: #1860AC;
}
.sideAreaJobSearchBtnListWrap {
    margin-top: 10px;
}
.sideAreaJobSearchClearLink {
    margin-top: 10px;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0.01em;
    color: #0A0A0A;
    text-decoration: underline;
    text-align: center;
    cursor: pointer;
}
.graphbarinfo{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -10px;
}
.graphbarinfo2{
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: -5px;
    margin-left: -10px;
}
.graphbarinfowrapper{
    width: 25%;
    text-align: center;
    padding-top: 6px;
}
.subVisualBox {
    /* min-width: 81px; */
    height: 18px;
    border-radius: 4px;
    padding: 0px 11px;
    text-align: center;
    background-color: #F2FCFF;
    margin-left: 10px;
    margin-top: 5px;
}
.subVisualBoxText {
    font-size: 12px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0.04em;
    color: #1860AC;
}

/* side job entry */
.sideAreaJobEntryWrap.is-sticky {
    width: 215px;
}
.sideAreaJobEntryWrap.is-fixed {
    width: 215px;
}
.sideAreaJobEntryWrap {
    width: 100%;
    border-radius: 10px;
    padding: 15px;
    background-color: #fff;
}
.sideAreaJobEntryTitle {
    
}
.sideAreaJobEntryTitleText {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.sideAreaJobEntryBtnWrap {
    margin-top: 15px;
}

/* =======================================
			globalFooter
======================================= */
.globalFooter {
    position: relative;
}
.topBtn {
    bottom: 3%;
    position: fixed;
    right: 5%;
    display: none;
    z-index: 10;
    width: 50px;
    height: 50px;
    cursor: pointer;
}
.topBtn .linkImg {
    display: block;
    width: 100%;
}
.globalFooterNavContent {
    padding: 35.7px 0 38.5px;
    background-color: #072254;
}
.globalFooterNav {
    /* 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;
}
.globalFooterNavItem {

}
.globalFooterNavItem:nth-child(n+2) {
    margin-top: 21px;
}
.globalFooterNavTitle {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    color: #333333;
}
.globalFooterNavList {
    margin-top: 0px;
    display: flex;
    flex-wrap: wrap;
}
.globalFooterNavListItem {
    margin-right: 25px;
    white-space: nowrap;
}
.globalFooterNavListItem:nth-child(n+2) {
    /* margin-left: 10px; */
}
.globalFooterNavListItem a {
    display: inline-block;
    text-decoration: underline;
    color: #FFFFFF;
}

.globalFooterLogoContent {
    padding: 25px;
}
.globalFooterLogo {
    width: 150px;
}
.globalFooterLogoLink {
    display: block;
}
.globalFooterLogoLink img {
    width: 100%;
    height: auto;
}

.globalFooterCopyLightContent {
    border-top: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 5px 0;
    background-color: #3D3D3D;
}
.globalFooterCopyLight {
    font-size: 12px;
    line-height: 1.41;
    color: #FFF;
}

/* =======================================
			contact parts
======================================= */
.contactParts {
    position: relative;
    background-color: #1860AC;
    padding: 0 0 65px;
}
.balloonWrap {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -235px;
}
.balloonTitle01 {
    position: relative;
    width: 470px;
    border-radius: 20px;
    padding: 20px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
}
.balloonTitle01::after {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -12.5px;
    border-style: solid;
    border-width: 23px 12.5px 0 12.5px;
    border-color: #ffffff transparent transparent transparent;
}
.balloonTitle01Main {
    display: block;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.42;
    letter-spacing: -0.03em;
    color: #2695D1;
}
.balloonTitle01MainSub {
    padding-left: 10px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.03em;
    color: #000;
}
.balloonTitle01Sub {
    display: block;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: -0.03em;
    color: #000;
}
.contactPartsText01Wrap  {
    padding-top: 100px;
    text-align: center;
}
.contactPartsText01 {
    display: inline-block;
    padding: 0 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.01em;
    color: #fff;
    text-align: center;
    background-image: url("../images/line_slash_left_white.svg"),url("../images/line_slash_right_white.svg");
    background-repeat: no-repeat,no-repeat;
    background-position: left center,right center;
    background-size: auto 18px,auto 18px;
}
.contactPartsText02 {
    display: inline-block;
    padding: 0 30px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.45;
    letter-spacing: 0.01em;
    color: #fff;
    text-align: center;
}
.contactPartsBtn {
    margin: 10px auto 0;
    display: block;
    width: 555px;
    border-radius: 57px;
    border: 5px solid #fff;
    padding: 30px 20px;
    text-align: center;
    background-color: #E75742;
    background-image: url("../images/circle_right_transparent_white.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 45px 45px;
}
.contactPartsBtnText {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: #fff;
}

/* =======================================
			tableStyle
======================================= */
/* job search condition list */
.jobSearchCondition {
    position: relative;
    margin-top: 10px;
    border-radius: 10px;
    padding: 20px;
    background-color: #fff;
}
.jobSearchConditionItem {
    /* 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; */
    /* display: inline-block; */
    display: inline;
}
.jobSearchConditionItem:nth-child(n+2) {
    margin-top: 5px;
}
.jobSearchConditionItem .iconListItle {
    min-width: 3em;
    display: inline-block;
}
.jobSearchConditionItem .iconList {
    max-width: calc(100% - 3em);
    display: inline;
}
.jobSearchConditionItem .iconItem {
    display: inline-block;
}

/* jobList01 簡易一覧 */
.jobList01 {
    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;
}
.jobList01Item {
    margin-right: 20px;
    width: 330px;
}
.jobList01Item:nth-child(3n) {
    margin-right: 0;
}
.jobList01Item:nth-child(n+4) {
    margin-top: 20px;
}
.jobList01LinkBlock {
    display: block;
    height: 100%;
    border-radius: 10px;
    padding: 20px 10px;
    text-decoration: none;
    color: #333333;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.jobList01Article {

}
.jobList01Header {

}
.jobList01Title {
    width: 100%;
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: 0.01em;
}
.jobList01Desc {
    margin-top: 5px;
    width: 100%;
    border-top: 1px solid #E2F1FF;
    padding: 10px 0 0;
    letter-spacing: 0.01em;
}
.jobList01DescText {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.625;
}
.jobList01Table {
    margin-top: 10px;
    width: 100%;
    border-top: 1px solid #E2F1FF;
    padding-top: 10px;
}
.jobList01TableDl {
    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;
}
.jobList01TableDl:nth-child(n+2) {
    padding-top: 10px;
}
.jobList01TableDt {
    width: 90px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.42;
    color: #000;
}
.jobList01TableDd {
    width: calc(100% - 90px);
    font-size: 14px;
    line-height: 1.42;
    color: #0A0A0A;
}

/* jobList02 検索一覧 */
.jobList02 {
    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;
}
.jobList02Item {
    width: 100%;
}
.jobList02Item:nth-child(n+2) {
    margin-top: 30px;
}
.jobList02Article {
    position: relative;
    border-radius: 10px;
    background-color: #fff;
}
.jobList02Header {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 25px 30px 10px;
    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;
}
.jobList02Title {
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    letter-spacing: 0.01em;
}
.jobList02DetalisList {
    margin-top: 10px;
    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;
}
.jobList02Date {
    margin-right: 15px;
}
.jobList02Date:last-child {
    margin-right: 0;
}
.detalisListText {
    font-size: 13px;
    font-weight: 500;
    color: #BABABA;
    letter-spacing: 0.01em;
}
.jobList02Table {
    margin: 0 30px;
    border-top: 1px solid #EFEFEF;
    padding: 15px 0 30px;
}
.jobListCard {
    /* margin: 0 0px; */
    /* padding: 5px 0 5px; */
    margin-left: -10px;
    margin-top: -5px;
}
.jobList02TableDl {
    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;
}
.jobList02TableDl:nth-child(n+2) {
    padding-top: 10px;
}
.jobList02TableDt {
    position: relative;
    width: 130px;
    padding-right: 10px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.01em;
}
.jobList02TableDd {
    width: calc(100% - 130px);
    font-size: 15px;
    line-height: 1.33;
    letter-spacing: 0.01em;
    color: #0A0A0A;
}
.jobList02Footer {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 17.5px;
    background-color: #F2FCFF;
}
.jobList02FooterBtnWrap {

}
.jobList02Btn {
    background-size: 25px;
}

/* specialist,position list */
.jobList03 {
    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;
}
.jobList03Item {
    width: 455px;
}
.jobList03Item:nth-child(2n) {
    margin-left: 40px;
    width: 455px;
}
.jobList03Item:nth-child(n+3) {
    margin-top: 40px;
}
.jobList03LinkBlock {
    display: block;
}
.jobList03Section {

}
.jobList03Thum {
    width: 100%;
    height: 200px;
}
.jobList03ThumImg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.jobList03Title {
    padding: 20px 40px 20px 20px;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.4;

    background-image: url("../images/wedge_right_blue.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) center;
    background-size: 9px auto;
}

/* company table */
.lineTable01 {

}
.lineTable01Line {
    padding-bottom: 20px;
    border-bottom: 1px solid #EFEFEF;
    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;
}
.lineTable01Line:nth-child(n+2) {
    padding-top: 20px;
}
.lineTable01LineTitle {
    width: 200px;
    padding-right: 10px;
    font-weight: 700;
    letter-spacing: 0.01em;
}
.lineTable01LineDesc {
    width: calc(100% - 200px);
    line-height: 1.25;
    letter-spacing: 0.01em;
}
.lineTable01LineDesc .textLink {
    display: block;
}

/* =======================================
			blog list
======================================= */
/* top 注目企業 */
.blogList01 {
    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;
}
.blogList01Item {
    margin-right: 20px;
    width: 330px;
}
.blogList01Item:nth-child(3n) {
    margin-right: 0;
}
.blogList01Item:nth-child(n+4) {
    margin-top: 20px;
}
.blogList01LinkBlock {
    display: block;
    height: 100%;
    border-radius: 10px;
    padding: 20px 10px 17.5px;
    text-decoration: none;
    color: #333333;
    background-color: #fff;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.blogList01Article {

}
.blogList01Thum {
    width: 100%;
    height: 167px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.blogList01ThumImg {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.blogList01Desc {
    margin-top: 10px;
}
.blogList01Title {
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: 0.01em;
}
.blogList01Category {
    font-weight: 700;
    line-height: 1.625;
    letter-spacing: 0.01em;
}

/* top 新着情報、業界新着トピック、特集記事*/
.blogList02 {

}
.blogList02Item {
    width: 100%;
    border-bottom: 1px solid rgba(23, 98, 162, 0.21);
}
.blogList02Item:first-child {
    border-top: 1px solid rgba(23, 98, 162, 0.21);
}
.blogList02LinkBlock {
    display: block;
    padding: 12px 0;
    text-decoration: none;
    background-color: #fff;
}
.blogList02Article {
    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;
    /* -webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start; */
    /* -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; */
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.blogList02HeaderPc {
    /* width: 100%; */
}
.blogList02HeaderSp {
    width: 120px;
    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;
}

.blogList02Date {
    width: 120px;
    margin-bottom: 10px;
    padding-right: 20px;
}
.blogList02DateText {
    font-size: 14px;
    letter-spacing: 0.03em;
}

.blogList02IconList {
    width: 120px;
    padding-right: 20px;
}

.blogList02Title {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
}
.blogList02Title__type1 {
    /* width: calc(100% - 240px); */
    /* width: calc(100% - 120px); */
    /* width: 100%; */
}
.blogList02Title__type2 {
    width: calc(100% - 120px);
}

/* =======================================
            specialist
======================================= */
.specialistTowColumn {
    margin-top: 100px;
}
.specialistImg {
    height: 319px;
}
.webp .specialistImg {
    background-image: url("../images/job/specialist/specialist.webp");
}
.no-webp .specialistImg {
    background-image: url("../images/job/specialist/specialist.png");
}

/* =======================================
            position
======================================= */
.positionTowColumn {
    margin-top: 100px;
}
.positionImg {
    height: 319px;
}
.webp .positionImg {
    background-image: url("../images/job/position/position.webp");
}
.no-webp .positionImg {
    background-image: url("../images/job/position/position.png");
}

/* =======================================
			company
======================================= */
.companyMap {
    margin: 0 auto;
    width: 940px;
    padding-top: 445px;
}

/* =======================================
			acsess
======================================= */
.acsessText01 {
    letter-spacing: 0.01em;
}
.acsessText02 {
    margin-top: 10px;
    letter-spacing: 0.01em;
}
.acsessImg {
    margin-top: 30px;
    width: 527px;
    height: 527px;
}
.acsessText03 {
    margin-top: 30px;
    letter-spacing: 0.01em;
}

/* =======================================
			privacypolicy
======================================= */
.privacyList {

}
.privacyListItem:nth-child(n+2) {
    margin-top: 15px;
}
.privacyListItem .text01:nth-child(n+2) {
    margin-top: 5px;
}
.privacySubList {
    margin-top: 5px;
}
.privacySubListItem:nth-child(n+2) {
    margin-top: 5px;
}
.privacySubListItem .text01:nth-child(n+2) {
    margin-top: 5px;
}
.privacySign {
    margin-top: 55px;
}

/* =======================================
			jobqa
======================================= */
.faqList {
    margin-top: 30px;
}
.faqListItem:nth-child(n+2) {
    margin-top: 15px;
}
.faqBlock {
    border-radius: 10px;
    background-color: #FFF;
}
.faqQuestion {
    position: relative;
    padding: 20px 80px;
    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;

    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    cursor: pointer;

    background-image: url("../images/icon_plus_blue.svg");
    background-repeat: no-repeat;
    background-position: calc(100% - 30px) center;
    background-size: 20px 20px;
}
.faqQuestion::before {
    display: block;
    position: absolute;
    left: 30px;
    top: 18px;
    content: "Q";
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    color: #1860AC;
}
.faqQuestion.openList {
    background-image: url("../images/icon_minus_blue.svg");
}
.faqAnswerWrap {
    display: none;
}
.faqAnswer {
    position: relative;
    padding: 0 80px 20px;
    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;
}
.faqAnswer::before {
    display: block;
    position: absolute;
    left: 32px;
    top: 0;
    content: "A";
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    color: #1860AC;
}

/* =======================================
			jobsupport
======================================= */
.jobsupportList {
    /* margin-top: 42px; */
    margin-top: 12px;
}
.jobsupportListItem {
    position: relative;
}
.jobsupportListItem:nth-child(n+2) {
    margin-top: 78px;
}
.jobsupportListItem:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -31.5px;
    width: 63px;
    height: 18px;

    background-image: url("../images/triangle_wide_down_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.toclientListItem {
    position: relative;
}
.toclientListItem:nth-child(n+2) {
    margin-top: 78px;
}
.toclientListItem:nth-child(n+2)::before {
    content: "";
    position: absolute;
    top: -48px;
    left: 50%;
    margin-left: -31.5px;
    width: 63px;
    height: 18px;

    background-image: url("../images/triangle_wide_down_blue.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.jobsupportListItemWrap {
    position: relative;
    padding: 30px;
    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;
}
.jobsupportListItemIcon {
    position: absolute;
    left: 0;
    top: -12px;
    border-radius: 12px;
    padding: 2px 30px;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #FFF;
    background-color: #072254;
}
.jobsupportListItemLeft {
    width: 143px;
}
.jobsupportListItemThum {
    width: 143px;
    height: 102px;
    border-radius: 10px;

    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.webp .jobsupportListItem:nth-child(1) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport1.webp");
}
.no-webp .jobsupportListItem:nth-child(1) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport1.jpg");
}
.webp .jobsupportListItem:nth-child(2) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport2.webp");
}
.no-webp .jobsupportListItem:nth-child(2) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport2.jpg");
}
.webp .jobsupportListItem:nth-child(3) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport3.webp");
}
.no-webp .jobsupportListItem:nth-child(3) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport3.jpg");
}
.webp .jobsupportListItem:nth-child(4) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport4.webp");
}
.no-webp .jobsupportListItem:nth-child(4) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport4.jpg");
}
.webp .jobsupportListItem:nth-child(5) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport5.webp");
}
.no-webp .jobsupportListItem:nth-child(5) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport5.jpg");
}
.webp .jobsupportListItem:nth-child(6) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport6.webp");
}
.no-webp .jobsupportListItem:nth-child(6) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport6.jpg");
}
.webp .jobsupportListItem:nth-child(7) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport7.webp");
}
.no-webp .jobsupportListItem:nth-child(7) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport7.jpg");
}
.webp .jobsupportListItem:nth-child(8) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport8.webp");
}
.no-webp .jobsupportListItem:nth-child(8) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport8.jpg");
}
.webp .jobsupportListItem:nth-child(9) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport9.webp");
}
.no-webp .jobsupportListItem:nth-child(9) .jobsupportListItemThum {
    background-image: url("../images/jobsupport/jobsupport9.jpg");
}

.webp .toclientListItem:nth-child(1) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient1.webp");
}
.no-webp .toclientListItem:nth-child(1) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient1.jpg");
}
.webp .toclientListItem:nth-child(2) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient2.webp");
}
.no-webp .toclientListItem:nth-child(2) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient2.jpg");
}
.webp .toclientListItem:nth-child(3) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient3.webp");
}
.no-webp .toclientListItem:nth-child(3) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient3.jpg");
}
.webp .toclientListItem:nth-child(4) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient4.webp");
}
.no-webp .toclientListItem:nth-child(4) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient4.jpg");
}
.webp .toclientListItem:nth-child(5) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient5.webp");
}
.no-webp .toclientListItem:nth-child(5) .jobsupportListItemThum {
    background-image: url("../images/toclient/toclient5.jpg");
}

.jobsupportListItemRight {
    width: 665px;
}
.jobsupportListItemTitle {

}
.jobsupportListItemTitleText {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.44;
    letter-spacing: 0.01em;
    color: #1860AC;
}
.jobsupportListItemDesc {
    margin-top: 18px;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: 0.01em;
}
.font28 {
    font-size: 28px;
}
.font24 {
    font-size: 24px;
}
.font20 {
    font-size: 20px;
}
.font18 {
    font-size: 18px;
}
.font16 {
    font-size: 16px;
}
.font12 {
    font-size: 12px;
}
.fontweight {
    font-weight: bold;
}
.pd-btm32 {
    padding-bottom: 32px;
}
.fw-bold {
    font-weight: bold;
}
.bder-blue {
    border-bottom: 2px solid #2695D1;
}
.bder-bluesolid1 {
    border-bottom: 1px solid #2695D1;
}
.pd-top55{
    padding-top: 55px;
}
.txtali-cen{
    text-align: center;
}
.helloSubImg{
    width: 468px;
    /* height: 323px; */
}
.subContentsHeader{
    background-color: #F2FCFF;
    padding:10px 2px 10px 10px;
    margin-top:36.87px;
}
/* =======================================
			action
======================================= */
.frameBodyList {
    /* width: 80%; */
    width: 100%;
}
.frameBodyListTitle {
    width: 100%;
    font-size: 1.2em;
    font-weight: 700;
}
.frameBodyListText {
    margin-top: 10px;
    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;
}
.frameBodyListText__space7 {
    width: 8em;
}

/* =======================================
			scroll
======================================= */
.scrollContents {
    position: relative;
    overflow-y: hidden;
    width: 100%;
}
.scrollWrap {
    position:relative;
    overflow-y: hidden;
}

.scroll-hint-icon {
    width: 120px;
    height: 90px;
    top: calc(50% - 60px);
    left: calc(50% - 45px);
}
.scroll-hint-text {
    margin-top: 0;
}

/* =======================================
			sticky
======================================= */
.stickyWrap {
    position: relative;
}
.stickyBlock.is-sticky {
    position: fixed;
    z-index: 2;
}
.stickyBlock.is-fixed {
    position: absolute;
    z-index: 2;
}
.stickyFormSideBottomWrap {

}
.stickyFormSideBottomBlock {
    display: block;
    position: relative;
	margin: 0;
	width: 100%;
	z-index: 5;
}
.stickyFormSideBottomBlock.is-sticky {
    position: fixed;
    bottom: 0;
    width: auto;
}

.stickyUntilWrap {

}
.stickyUntilBlock.is-sticky {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(222, 238, 255, 0.8);
}
/*----------------------------------------
 Util
----------------------------------------*/
.ml24 {
    margin-left: 24px;
}
.ml10 {
    margin-left: 10px;
}
.mr10 {
    margin-right: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.ml60 {
    margin-left: 60px;
}
.mt7 {
    margin-top: 7px;
}
.mt12 {
    margin-top: 12px;
}
.mt50 {
    margin-top: 50px;
}
.pt0 {
    padding-top: 0px;
}
.pd0 {
    padding-bottom: 0px;
}
.pt29 {
    padding-top: 29.4px;
}
.pt22 {
    padding-top: 22px;
}
.pt66 {
    padding-top: 66px;
}
.minw128 {
    min-width: 128px;
}
.sppd05 {
}
.sppt05 {
}
.css-br::after {
}
.spwidth26 {
}
.black {
    color: #000;
}

/*----------------------------------------
 _画面の横幅が560pxまで
----------------------------------------*/
@media screen and (max-width:560px) {

    /* =======================================
                common
    ======================================= */
    body{
        min-width: auto;
        min-width: initial;
        font-size: 3.92vw;
    }
    main {
        margin-top: 16.07vw;
    }

    html.spMenuOpen,
    html.spMenuOpen body  {
        height: 100%;
        min-height: auto;
        position: fixed;
        width: 100%;
    }

    /* display */
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    .pc-br {
        display: inline;
    }
    .sp-br {
        display: block;
    }
    .pc-text {
        display: none;
    }
    .sp-none {
        display: none;
    }

    /* =======================================
                margin
    ======================================= */
    .marginTop10 {
        margin-top: 1.78vw;
    }
    .marginTop15 {
        margin-top: 2.67vw;
    }

    /* =======================================
                inner
    ======================================= */
    .inner01 {
        width: 92.85vw;
    }
    .inner02 {
        width: 92.85vw;
    }
    .inner03 {
        width: 92.85vw;
    }
    
    /* =======================================
                box shadow
    ======================================= */
    .boxshadow01 {
        box-shadow: 0vw 0.53vw 1.07vw 0vw rgba(0, 0, 0, 0.16);
    }

    /* =======================================
                text
    ======================================= */
    .title01 {
        font-size: 5.17vw;
    }
    .title02 {
        font-size: 3.92vw;
    }

    .text01 {
        font-size: 3.57vw;
    }
    .text02 {
        font-size: 3.57vw;
    }

    /* =======================================
                text dot kome num
    ======================================= */

    /* =======================================
                input
    ======================================= */
    /* input text number textarea */
    .inputText {
        border: 0.17vw solid #CCCCCC;
        padding: 3.57vw;
        font-size: 3.92vw;
        line-height: 1.45;
    }
    .inputNumber {
        border: 0.17vw solid #CCCCCC;
        padding: 3.57vw;
        font-size: 3.92vw;
        line-height: 1.45;
    }
    .inputTextArea {
        height: calc( 1.35em * 5 );
        border: 0.17vw solid #CCCCCC;
        padding: 3.57vw;
        font-size: 3.92vw;
        line-height: 1.45;
    }
    .inputText72 {
        width: 17vw;
        border: 0.17vw solid #CCCCCC;
        padding: 2.17vw 1.79vw;
        font-size: 3.92vw;
        line-height: 1.42;
    }
    .inputText102 {
        width: 18.21vw;
        border: 0.17vw solid #CCCCCC;
        padding: 2.17vw 1.79vw;
        font-size: 3.92vw;
        line-height: 1.42;
    }
    .inputText200 {
        width: 35.71vw;
        border: 0.17vw solid #CCCCCC;
        padding: 2.17vw 1.79vw;
        font-size: 3.92vw;
        line-height: 1.42;
        margin-left: 4.46vw;
    }
    
    /* input select */
    .inputSelectWrap::after {
        right: 2.67vw;
        margin-top: -0.53vw;
        width: 2.14vw;
        height: 1.07vw;
    }
    .inputSelect {
        border: 0.17vw solid #CCCCCC;
        padding: 3.57vw 7.14vw 3.57vw 3.57vw;
        font-size: 3.92vw;
        line-height: 1.45;
    }
    
    /* input radio */
    .inputRadio {
        font-size: 3.92vw;
    }
    .inputRadio + label {
        padding: 0 0 0 7.14vw;
        font-size: 3.92vw;
    }
    .inputRadio + label::before {
        height: 4.82vw;
        width: 4.82vw;
        border: 0.17vw solid #888888;
    }
    .inputRadio:checked + label::before {
        border: 0.17vw solid #1860AC;
    }
    .inputRadio:checked + label:after {
        width: 2.2vw;
        height: 1.2vw;
        left: 1vw;
        top: 1.2vw;
        border-bottom: 0.71vw solid #FFFFFF;
        border-left: 0.71vw solid #FFFFFF;
    }

    /* input checkbox */
    .inputCheckbox {
        font-size: 3.92vw;
    }
    .inputCheckbox + label {
        padding: 0 0 0 7.14vw;
        font-size: 3.92vw;
    }
    .inputCheckbox + label::before {
        height: 4.82vw;
        width: 4.82vw;
        border: 0.17vw solid #888888;
        border-radius: 0.53vw;
    }
    .inputCheckbox:checked + label::before {
        border: 0.17vw solid #1860AC;
    }
    .inputCheckbox:checked + label:after {
        /* width: 2.5vw;
        height: 1.6vw;
        left: 0.91vw;
        top: 0.81vw; */
        width: 2.2vw;
        height: 1.2vw;
        left: 1vw;
        top: 1.2vw;
        border-bottom: 0.71vw solid #FFFFFF;
        border-left: 0.71vw solid #FFFFFF;
    }

    /* =======================================
                btn
    ======================================= */
    .btn {
        width: 82.14vw;
        border-radius: 8.92vw;
        border: 0.35vw solid #2695D1;
        padding: 2.67vw 12.71vw 2.67vw 3.57vw;
    
        background-position: calc(100% - 3.57vw) center;
        background-size: 7.5vw 7.5vw;
    }
    .btnText {
        font-size: 4.64vw;
        line-height: 1.42;
    }
    .btn__noArrow {
        background-image: none;
    }
    .btn__white {
        border: 0.35vw solid #1860AC;
    }
    .btn__gray {
        border: 0.35vw solid #CCCCCC;
    }
    .btn__return {
        padding: 2.67vw 3.57vw 2.67vw 12.71vw;
        background-position: 3.57vw center;
        margin-top: 8vw;
    }
    .btn__min {
        width: 82.14vw;
    }
    .btn__long {
        width: 82.14vw;
    }
    .btn__sideArea {
        padding: 2.67vw;
    }

    .btnWrapCenter:not(.no-left) .btn:nth-child(n+2) {
        margin-left: 0vw;
    }

    .btnWrapCenter.sp-full .btn:nth-child(n+2) {
        margin-left: 0;
        margin-top: 3.57vw;
    }

    /* =======================================
                ul ol
    ======================================= */
    * + .list {
        margin-top: 3.57vw;
    }
    .listItem:nth-child(n+2) {
        margin-top: 0.89vw;
    }

    /* =======================================
                icon
    ======================================= */
    .iconList {
        margin-top: -0.89vw;
    }
    .iconItem {
        margin-top: 0.89vw;
        margin-right: 0.89vw;
        min-width: 15vw;
        border-radius: 0.71vw;
        padding: 0.53vw 1.78vw;
    }
    .iconListItem:last-child {
        margin-right: 0;
    }
    .iconText {
        font-size: 2.5vw;
    }

    /* =======================================
                contentsblock
    ======================================= */
    .pageContents {

    }
    .pageContentsHeader {
        border-bottom: 0.17vw solid #06709D;
        padding: 7.14vw 0 3.57vw;
    }
    
    .pageContentsDetailsHeader {
        padding: 3.57vw;
    }
    .pageContentsDetailsHeader:after {
        bottom: -0.89vw;
        height: 0.89vw;
    }

    .pageBodyContents {
        padding: 5vw 0 1vw;
    }
    .pageBodyContents__bottom {
        padding-bottom: 26.78vw;
    }
    .pageSubContentsTowColumn__sp-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .pageBodyContentsTwoColumnLeft {
        width: 100%;
    }
    .pageBodyContentsTwoColumnRight {
        padding-top: 8.92vw;
        width: 100%;
    }
    .pageSubContentsTowColumn__sp-column-reverse .pageBodyContentsTwoColumnLeft {
        padding-top: 8.92vw;
    }
    .pageSubContentsTowColumn__sp-column-reverse .pageBodyContentsTwoColumnRight {
        padding-top: 0;
    }

    .pageSubContents  {
        padding: 17.85vw 0 0;
    }
    .pageSubContentsHeader {
        font-size: 5.17vw;
        letter-spacing: 0;
    }
    .pageSubContentsHeader__center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .pageSubContentsHeaderTitle {
        font-size: 6.5vw;
        font-weight: 700;
        line-height: 1.66;
        letter-spacing: 0.03em;
    }

    .pageSubContentsLeftColumn {
        width: 100%;
    }
    .pageSubContentsText {
        font-size: 4.28vw;
        line-height: 1.45;
        color: #333333;
    }
    .pageSubContentsRightColumn {
        width: 100%;
    }
    .pageSubContentsImg {
        box-shadow: 0vw 0.53vw 1.07vw 0 rgba(0,0,0,0.16);
    }

    /* =======================================
                frameblock
    ======================================= */
    .frameWrap01 {
        border-radius: 1.78vw;
        padding: 3.57vw;
    }
    .frameWrap01:nth-child(n+2) {
        margin-top: 5.35vw;
    }
    .frameWrap02 {
        padding: 3.57vw;
    }
    .frameWrap03 {
        border-radius: 1.78vw;
        padding: 3.57vw;
    }
    .frameHeader {

    }
    .frameBody {
        margin-top: 5.35vw;
    }
    .frameFooter {
        margin-top: 5.35vw;
    }

    /* =======================================
                form
    ======================================= */
    .anchorList {
        padding: 3.32vw 0 4.98vw;
    }
    .anchorListItem {
        margin-top: 1.66vw;
        margin-right: 5vw;
    }
    .anchorListItem:last-child {
        margin-right: 0;
    }
    .anchorListItem a {
        min-height: 5vw;
        padding-left: 6vw;
        background-size: 5vw;
        font-size: 3vw;
    }

    .formInfoBlock {
        border-radius: 1.66vw;
        border: 0.33vw solid #1860AC;
        padding: 2.5vw;
    }
    .formInfoText {
        font-size: 3.33vw;
        line-height: 1.5;
    }
    
    .formErrorBlock {
        border-radius: 1.66vw;
        border: 0.33vw solid #ff0000;
        padding: 2.5vw;
    }
    .formErrorText {
        font-size: 3.33vw;
    }
    .formErrorBlock2 {
        border-radius: 1.66vw;
        border: 0.33vw solid #ff0000;
        padding: 2.5vw;
    }
    .formErrorText2{
        font-size: 3.33vw;
    }
    .formTopInfo {
        padding-top: 5vw;
    }
    .formSection {
        /* padding: 9.33vw 0 13.33vw; */
        padding: 9.33vw 0 0;
    }
    .formSection .formInfoBlock {

    }
    .formEntryJobInfo {
        margin-top: 3.33vw;
    }
    .formEntryJobInfo__noMarginTop {
        margin-top: 0;
    }
    .formEntryJobInfoTitle {
        border-top-left-radius: 1.66vw;
        border-top-right-radius: 1.66vw;
        padding: 2.5vw 4.16vw;
        font-size: 4.66vw;
        line-height: 1.44;
    }
    .formEntryJobInfoDesc {
        border-bottom-left-radius: 1.66vw;
        border-bottom-right-radius: 1.66vw;
        padding: 3.33vw 4.16vw 4.16vw;
    }
    .formEntryJobTitle {
        font-size: 4.33vw;
        line-height: 1.4;
    }
    .formEntryJobDesc {
        margin-top: 1.66vw;
        font-size: 3vw;
    }

    .formStepList {
        margin-top: 9.33vw;
    }
    .formStepList__noMarginTop {
        margin-top: 0;
    }
    .formStepItem {
        width: 34vw;
        padding: 2vw 3.33vw;
        font-size: 3.5vw;
   
        background-image: url("../images/step_arrow_white-sp.svg");
        background-size: 34vw auto;
    }
    .formStepItem:nth-child(2) {
        margin-left: -6.5vw;
        padding-left: 7.5vw;
    }
    .formStepItem:nth-child(3) {
        margin-left: -6.5vw;
        padding-left: 7.5vw;
    }
    .formStepItem.current {
        background-image: url("../images/step_arrow_blue-sp.svg");
    }
    .formStepItem.current + .formStepItem {
        background-image: url("../images/step_arrow_lightBlue-sp.svg");
    }
    .formStepItemText {
    
    }
    
    .formInputBox {

    }
    .formInputList {

    }
    .formInputList:nth-of-type(n+2) {
        /* margin-top: 3.33vw; */
        margin-top: 6.66vw;
    }
    .formErrorBlock + .formInputList {
        margin-top: 3.33vw;
    }
    .formStepList + .formInputBox > .formErrorBlock {
        margin-top: 3.33vw;
    }
    .formStepList + .formInputBox > .formInputList {
        margin-top: 3.33vw;
    }
    .formInputListTitle {
        padding: 2.5vw 4.16vw;
        font-size: 4.66vw;
        line-height: 1.44;
    }
    .formLineItem {
        /* border-bottom: none; */
        border-top: none;
    }
    .formLineItemWrap {

    }
    .formLineItemTitle {
        width: 100%;
        padding: 3.33vw 18.33vw 3.33vw 5vw;
    }
    .requisite {
        top: 3.33vw;
        right: 5vw;
        display: inline-block;
        border-radius: 0.83vw;
        padding: 0.83vw 2.5vw;
        font-size: 3vw;
        font-weight: 500;
        line-height: 1.44;
    }
    .noEdit {
        top: 3.33vw;
        right: 5vw;
        display: inline-block;
        border-radius: 0.83vw;
        padding: 0.83vw 2.5vw;
        font-size: 3vw;
        font-weight: 500;
        line-height: 1.44;
    }
    .itemDelete {
        top: 3.33vw;
        right: 5vw;
    }
    .deleteBtn {
        display: inline-block;
        border-radius: 0.83vw;
        padding: 0.83vw 2.5vw;
        font-size: 3vw;
        font-weight: 500;
        line-height: 1.44;
    }
    .formLineItemInput {
        width: 100%;
        padding: 4.16vw 5vw;
    }
    .formLineItemInput__Modal {
        padding-bottom: 3.33vw;
    }
    .formLineItemInputConf {
        width: 100%;
        padding: 2.5vw 5vw;
    }
    .formInputSelectWrap {
        min-width: 50vw;
    }

    .formLineItemInputList {

    }
    .formLineItemInputListItem {
        width: 100%;
    }
    .formLineItemInputListItem:nth-child(n+2) {
        margin-top: 3.33vw;
    }
    .formChoiceList {
        margin-top: -3.33vw;
        padding: 0;
    }
    .formChoiceList__center {

    }
    .formChoiceListItem {
        /* width: 100%; */
        width: auto;
        margin-top: 3.33vw;
        margin-right: 3.33vw;
    }
    .formChoiceListItem__pc30 {
        min-width: 45%;
    }
    .formChoiceListItem__spWmin45 {
        min-width: 45%;
    }
    .formChoiceListItem__50 {
        /* width: 100%; */
        width: auto;
    }

    /* form file */
    .fileTableListWrap {
        margin-bottom: 2.5vw;
    }
    .fileInputWrap {
        margin-bottom: 2.5vw;
    }
    .resumeFile,
    .thumbnailFile {
        display: none;
    }
    .resumeUploadLabel,
    .thumbnailUploadLabel {
        margin-right: 0;
        min-width: 50vw;
        border: 0.16vw solid #CCCCCC;
        padding: 2.5vw 5vw 2.5vw 3.33vw;
        font-size: 4.16vw;

        min-width: 50.66vw;
        border: 0.26vw solid #CCCCCC;
        padding: 3.2vw 8vw 3.2vw 2.66vw;
        background-position: 45vw center;
        background-size: 2.5vw 3.83vw;
        font-size: 4.16vw;
    }
    .resumeUploadLabel2,
    .thumbnailUploadLabel2 {
        width: 100%;
        padding: 2.5vw 3.33vw 2.5vw 0;
        /* font-size: 4.16vw; */
        font-size: 3.33vw;
    }
    .preview {
        width: 40vw;
        height: 50vw;
        display: block;
        border: 0.25vw solid #dfdfdf;
        padding: 0.5em 0.75em;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }
    .fileTableListTitle {
        width: 100%;
        margin-bottom: 1.25vw;
    }
    .uploadDeletBtn {
        min-width: 25vw;
    }
    .uploadDeletBtn.noDisplay{
        display: none;
    }
    .uploadDeletBtn {

    }
    .uploadDeletBtn::after {

    }
    .uploadDeletBtn:hover {

    }

    /* form privacy */
    .fromPrivacyBox {
       margin-top: 8.33vw;
    }
    .formNoteText {
        margin-top: 3.33vw;
        font-size: 3vw;
    }

    .formScrollBox {
        counter-reset: num-title-cnt;
        margin-top: 6.66vw;
        padding: 1em;
        max-height: 10em;
        border: 0.26vw solid #707070;
    }
    .formScrollBox .tosPremise{
        font-size: 3vw;
    }
    .formScrollBox .tosSubTitle01 {
        font-size: 3vw;
    }
    .formScrollBox .tosText01{
        font-size: 3vw;
    }
    .formScrollBox .tosText02 {
        font-size: 3vw;
    }

    .formChoiceListPrivacy {
        margin-top: 4vw;
    }

    
    .formBtnWrap {
        margin-top: 5.33vw;
    }
    #pageLinkEnter.formBtnWrap {
        margin-top: 10.66vw;
    }
    .formBtnWrap__conf {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
    .formAddBtnWrap {
        margin-top: 1.66vw;
    }
    .formAddWrap {
        width: 50vw;
    }

    .formInputBtnWrap {
        width: 77.33vw;
    }
    .formInputBtn {
        background-position: 66.2vw center;
    }
    .formInputBtnWrap__retrun {
        width: 32vw;
    }
    .formInputBtn__return {
        background-position: 2.66vw center;
        background-size: 5.6vw;
        padding: 2.4vw 4.8vw;
    }

    .formInputBtnWrap__send {
        width: 52vw;
    }
    .formInputBtn__send {
        background-position: 41.2vw center;
    }

    .formBtnWrap__applyRetrun {
        width: 38vw;
    }
    .formInputBtn__applyRetrun {
        font-size: 0.9em;
        background-size: 4vw;
        background-position: 2vw center;
        padding: 2.4vw 4.8vw;
    }
    .formInputBtnWrap__applySend {
        margin-left: 4vw !important;
        width: 48vw;
    }
    .formInputBtn__applySend {
        background-position: 36.2vw center;
    }

    .formInputModalBtn {
        margin-bottom: 1.33vw;
        min-width: 50.66vw;
        border: 0.26vw solid #CCCCCC;
        padding: 3.2vw 8vw 3.2vw 2.66vw;
        background-position: 43.66vw center;
        background-size: 2.93vw 2.66vw;
    }
    .formInputModalConditionTitle {
        margin-bottom: 1.33vw;
    }
    .formInputModalCondition {
        margin-bottom: 1.33vw;
    }
    
    .formLinkText {
        padding: 0 1.33vw;
    }
    .formInputUint {
        padding: 0 1.33vw;
    }

    /* =======================================
                globalHeader
    ======================================= */
    .globalHeader01 {
        border-bottom: 0.17vw solid #EFEFEF;
    }
    .globalHeader01:after {
        bottom: -0.89vw;
        height: 0.89vw;
    }
    .globalHeader01__noborder {
        border-bottom: none;
    }
    .globalHeaderInner {
        width: 100%;
        min-height: 16.07vw;
        padding-left: 1.78vw;

        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .dispflex{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .globalHeaderLogo {
        margin-left: 0;
        width: 24.35vw;
    }
    .leftlogo {
        width: 26.7vw;
    }
    .rightlogo {
        width: 30.0vw;
    }
    .globalHeaderLogo a {

    }
    .globalHeaderLogo a img {

    }
    .globalHeaderNavPc {

    }
    .globalHeaderNavList01 {
        display: none;
    }
    .globalHeaderNavList01Item {

    }
    .globalHeaderNavList01Link {

    }
    .globalHeaderNavList01Text {

    }
    .globalHeaderNavList02 {
        margin-left: 0;
    }
    .globalHeaderNavList02Item {

    }
    .globalHeaderNavList02LinkText {
        width: 18.28vw;
        padding: 0.89vw 0;
        font-size: 2.67vw;
        line-height: 1.4;
    }
    .globalHeaderNavList02Link {
        width: 14.28vw;
        padding: 7.14vw 0 0.89vw;
        font-size: 2.67vw;
        line-height: 1.4;
    }
    .globalHeaderNavList02Link__contact {
        border-width: 0.35vw;
        background-position: center 1.33vw;
        background-size: 6.78vw auto;
    }
    .globalHeaderNavList02Link__entry {
        border-width: 0.35vw;
        background-position: center 1.07vw;
        background-size: 6.17vw auto;
    }
    .globalHeaderNavList02Text {

    }
    .globalHeaderMenuBtn {
        height: 100%;
        width: 14.28vw;
        background-color: #FFF;
        background-repeat: no-repeat;
        background-image: url("../images/btn_spmenu_open.svg");
        background-position: center;
        background-size: 8.57vw auto;
        cursor: pointer;
    }
    .globalHeaderNavSp {
        display: none;
        position: fixed;
        top: 16.25vw;
        width: 67.85vw;
        height: 100%;
        z-index: 15;
        background-color: #1860AC;
    }
    .globalHeaderNavSpInner {
        width: 100%;
        height: calc(100vh - 16.25vw);
        overflow-y: auto;
        background-color: #1860AC;
    }
    
    .globalHeaderNavSplist02 {
        width: 100%;
    }
    .globalHeaderNavSplist01 + .globalHeaderNavSplist02 {
        margin-top: 5vw;
    }
    .globalHeaderNavSplist02Item {
        
    }
    .globalHeaderNavSplist02Link {
        display: block;
        border-top: 0.16vw solid rgba(255, 255, 255, 0.15);
        padding: 3.57vw 6.25vw 3.57vw 7.14vw;

        background-repeat: no-repeat;
        background-image: url("../images/wedge_right_white.svg");
        background-position: calc(100% - 6.25vw) center;
        background-size: 0.89vw auto;
    }
    .globalHeaderNavSplist02Item:last-child .globalHeaderNavSplist02Link {
        border-bottom: 0.16vw solid rgba(255, 255, 255, 0.15);
    }
    .globalHeaderNavSplist02Text {
        line-height: 1.45;
        color: #fff;
    }

    .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;
    }
    .spMenuOpen .globalHeaderMenuBtn {
        background-image: url("../images/btn_spmenu_close.svg");
    }
    .spMenuOpen .globalHeaderNavSp {
        display: block;
    }

    /* =======================================
                breadcrumb
    ======================================= */
    .breadcrumb {
        border-bottom: 0.17vw solid #EFEFEF;
        padding: 2.05vw 0;
    }
    .breadcrumbList {
        -webkit-overflow-scrolling: touch;
    }
    .breadcrumbListItem:nth-child(n+2) {
        padding-left: 4.46vw;
    }
    .breadcrumbListItem:nth-child(n+2):before {
        left: 0.89vw;
        top: 0.89vw;
        font-size: 3.03vw;
    }
    .breadcrumbListItemText {
        font-size: 3.03vw;
        color: #333333;
    }

    /* ---------------------------------
            side
    ------------------------------------*/
    .sideArea {
        border-radius: 1.78vw;
    }
    .sideArea:nth-child(n+2) {
        margin-top: 8.92vw;
    }
    .sideAreaWrap  {
        border-radius: 1.78vw;
    }
    .sideAreaWrap + .sideAreaWrap  {
        margin-top: 8.92vw;
    }
    .sideAreaTableMainTitle {
        border-top-left-radius: 1.78vw;
        border-top-right-radius: 1.78vw;
        padding: 3.57vw;
    }
    .sideAreaTableMainTitleText {
        font-size: 5.17vw;
    }

    /* side link */
    .spFooterNave {
        padding-top: 17.85vw;
    }
    .sideAreaLinkList {

    }
    .sideAreaLinkItem {
        border-top: 0.17vw solid #EFEFEF;
    }
    .sideAreaLink {
        padding: 5.35vw 12.5vw 5.35vw 5.35vw;
        background-position: calc(100% - 5.35vw);
        background-size: 2.14vw auto;
    }
    .sideAreaLinkItem:last-child .sideAreaLink {
        border-bottom-left-radius: 1.78vw;
        border-bottom-right-radius: 1.78vw;
    }
    .sideAreaLinkText {
        font-size: 5vw;
    }

    /* side job search */
    .sideAreaTable {

    }
    .sideAreaTableList {
        padding: 3.57vw;
    }
    .sideAreaTableLine {
        border-top: none;
        padding: 0;
    }
    .sideAreaTableLine:nth-child(n+2) {
        margin-top: 3.57vw;
    }
    .sideAreaTableTitle {
        border-radius: 1.78vw;
        padding: 3.57vw 14.28vw 3.57vw 5.35vw;
        background-color: #FFFFFF;

        background-image: url("../images/triangle_down_blue.svg");
        background-repeat: no-repeat;
        background-position: calc(100% - 3.57vw);
        background-size: 2.85vw;
        cursor: pointer;
        box-shadow: 0px 0px 10px #00000029;
    }
    .sideAreaTableTitleText {
        font-size: 3.92vw;
        line-height: 1.45;
        letter-spacing: 0.01em;
        color: #1860AC;
    }
    .sideAreaTableInput {
        margin-top: 1.78vw;
    }
    .sideAreaTableInput__freeword::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 3.57vw;
        width: 4.1vw;
        height: 4.1vw;
        margin-top: -2.05vw;
        background-image: url("../images/icon_loupe_gray_white.svg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .sideAreaTableInputList {
        /* margin-top: -1.78vw; */
        margin-top: 0;
    }
    .sideAreaTableInputListChoices {
        margin-top: 1.78vw;
        min-width: 50%;
        padding-right: 1.78vw;
    }
    .sideAreaTableInputNoList {
        font-size: 3.92vw;
        line-height: 1.5;
    }
    .sideAreaInputText {
        padding: 2.67vw 3.57vw 2.67vw 10.71vw;
        font-size: 3.92vw;
        font-weight: 500;
        line-height: 1.42;
        letter-spacing: 0.01em;
    }
    .sideAreaBtn {

    }
    .sideAreaBtnBlock {

    }
    .sideAreaBtnWrap {
        width: 92.85vw;
        padding: 3.57vw 3.57vw 7.14vw;
        text-align: center;
        background-color: rgba(222, 238, 255, 0.8);
    }
    .stickyFormSideBottomBlock.is-sticky .sideAreaBtnWrap {

    }
    .sideAreaJobSearchResultDescText01 {

    }
    .resultDescText01 {
        font-size: 3.57vw;
    }
    .resultNunmber {
        font-size: 7.14vw;
    }
    .sideAreaJobSearchBtnListWrap {
        margin-top: 1.78vw;
    }
    .sideAreaJobSearchClearLink {
        margin-top: 3.57vw;
        display: inline-block;
        font-size: 4.64vw;
    }

    /* =======================================
                globalFooter
    ======================================= */
    .globalFooter {

    }
    .topBtn {
        right: 2%;
        width: 13.33vw;
        height: 13.33vw;
    }
    .topBtn img {

    }
    
    .globalFooterLogoContent {
        padding: 6.25vw 0;
        background-color: #FFFFFF;
    }
    .globalFooterLogo {
        margin: 0 auto;
        width: 60vw;
    }

    .globalFooterCopyLightContent {
        border-width: 0.17vw;
        padding: 1.78vw 0;
    }
    .globalFooterCopyLight {
        font-size: 1.96vw;
        line-height: 1.45;
        letter-spacing: -0.01em;
    }

    /* =======================================
                contact parts
    ======================================= */
    .contactParts {
        padding: 0 0 9.82vw;
    }
    .balloonWrap {
        position: absolute;
        top: -9.82vw;
        left: 50%;
        margin-left: -46.425vw;
    }
    .balloonTitle01 {
        position: relative;
        width: 92.85vw;
        border-radius: 3.57vw;
        padding: 3.57vw;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 0 1.7vw 0 rgba(0, 0, 0, 0.16);
    }
    .balloonTitle01::after {
        bottom: -4.82vw;
        margin-left: -2.5vw;
        border-width: 5vw 2.5vw 0 2.5vw;
    }
    .balloonTitle01Main {
        font-size: 5.71vw;
        line-height: 1.43;
    }
    .balloonTitle01MainSub {
        padding-left: 1.78vw;
        font-size: 3.57vw;
        line-height: 1.45;
    }
    .balloonTitle01Sub {
        font-size: 3.92vw;
        line-height: 1.45;
    }
    .contactPartsText01Wrap  {
        padding-top: 17.85vw;
    }
    .contactPartsText01 {
        padding: 0 5.35vw;
        font-size: 4.64vw;
        line-height: 1.42;
        background-size: auto 3.92vw,auto 3.92vw;
    }
    .contactPartsText02 {
        padding: 0 5.35vw;
        font-size: 4.64vw;
        line-height: 1.42;
        background-size: auto 3.92vw,auto 3.92vw;
    }
    .contactPartsBtn {
        margin: 2.67vw auto 0;
        width: 100%;
        border-radius: 10.71vw;
        border: 0.71vw solid #fff;
        padding: 5.35vw 3.57vw;
        background-position: calc(100% - 3.57vw) center;
        background-size: 9.28vw 9.28vw;
    }
    .contactPartsBtnText {
        font-size: 5.17vw;
    }

    /* =======================================
                tableStyle
    ======================================= */
    /* job search condition list */
    .jobSearchCondition {
        display: none;
        margin-top: 0;
    }

    /* jobList01 簡易一覧 */
    .jobList01 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .jobList01Item {
        margin-right: 0;
        width: 100%;
    }
    .jobList01Item:nth-child(n+2) {
        margin-top: 5.35vw;
    }
    .jobList01Item:nth-child(n+4) {
        margin-top: 5.35vw;
    }
    .jobList01LinkBlock {
        border-radius: 3.57vw;
        padding: 5.35vw 3.57vw;
        color: #000;
        box-shadow: 0vw 0.53vw 1.07vw 0vw rgba(0, 0, 0, 0.16);
    }
    .jobList01Article {

    }
    .jobList01Header {

    }
    .jobList01Title {
        font-size: 4.28vw;
        line-height: 1.45;
    }
    .jobList01Desc {
        margin-top: 0.89vw;
        border-width: 0.17vw;
        padding: 1.78vw 0 0;
    }
    .jobList01DescText {
        font-size: 3.92vw;
        line-height: 1.5;
    }
    .jobList01Table {
        margin-top: 1.78vw;
        border-width: 0.17vw;
        padding-top: 1.78vw;
    }
    .jobList01TableDl {

    }
    .jobList01TableDl:nth-child(n+2) {
        padding-top: 1.78vw;
    }
    .jobList01TableDt {
        width: 23.21vw;
        font-size: 3.92vw;
        font-weight: 700;
        line-height: 1.45;
    }
    .jobList01TableDd {
        width: calc(100% - 23.21vw);
        font-size: 3.57vw;
        line-height: 1.45;
    }

    /* jobList02 検索一覧 */
    .jobList02 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .jobList02Item {
        width: 100%;
    }
    .jobList02Item:nth-child(n+2) {
        margin-top: 7.14vw;
    }
    .jobList02Article {
        border-radius: 1.78vw;
    }
    .jobList02Header {
        border-top-left-radius: 1.78vw;
        border-top-right-radius: 1.78vw;
        padding: 5.35vw 5.35vw 3.57vw;
    }
    .jobList02Title {
        font-size: 4.28vw;
        line-height: 1.25;
        letter-spacing: 0.03em;
    }
    .jobList02DetalisList {
        margin-top: 1.78vw;
    }
    .jobList02Date {
        margin-right: 5.35vw;
    }
    .jobList02Date:last-child {
        margin-right: 0;
    }
    .detalisListText {
        font-size: 3.03vw;
    }
    .jobList02Table {
        margin: 0 5.35vw;
        border-top: 0.17vw solid #EFEFEF;
        padding: 3.57vw 0 5.35vw;
    }
    .jobList02TableDl:nth-child(n+2) {
        padding-top: 1.78vw;
    }
    .jobList02TableDt {
        width: 100%;
        padding-right: 0;
        font-size: 3.92vw;
        line-height: 1.45;
    }
    .jobList02TableDd {
        margin-top: 0.89vw;
        width: 100%;
        font-size: 3.57vw;
        line-height: 1.65;
    }
    .jobList02Footer {
        border-bottom-left-radius: 1.78vw;
        border-bottom-right-radius: 1.78vw;
        padding: 5.35vw;
    }
    .jobList02FooterBtnWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        align-items: center;
    }
    .jobList02FooterBtnWrap:not(.no-left) .btn:nth-child(n+2) {
        margin-bottom: 3.57vw;
        margin-left: 0;
    }
    .jobList02Btn {
        background-size: 7.5vw;
    }

    /* specialist,position list */
    .jobList03 {

    }
    .jobList03Item {
        width: 100%;
    }
    .jobList03Item:nth-child(2n) {
        margin-left: 0;
        width: 100%;
    }
    .jobList03Item:nth-child(n+2) {
        margin-top: 5.35vw;
    }
    .jobList03Item:nth-child(n+3) {
        margin-top: 5.35vw;
    }
    .jobList03Thum {
        height: 37.5vw;
    }
    .jobList03Title {
        padding: 3.57vw 10.71vw 3.57vw 3.57vw;
        font-size: 3.57vw;
        line-height: 1.45;

        background-position: calc(100% - 3.57vw) center;
        background-size: 1.78vw auto;
    }

    /* company table */
    .lineTable01 {

    }
    .lineTable01Line {
        padding-bottom: 2.67vw;
        border-bottom: 0.17vw solid #EFEFEF;
    }
    .lineTable01Line:nth-child(n+2) {
        padding-top: 2.67vw;
    }
    .lineTable01LineTitle {
        width: 100%;
        padding-right: 0;
        line-height: 1.36;
    }
    .lineTable01LineDesc {
        padding-top: 1.78vw;
        width: 100%;
        line-height: 1.36;
    }

    /* =======================================
                blog list
    ======================================= */
    /* top 注目企業 */
    .blogList01 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
    .blogList01Item {
        margin-right: 0;
        width: 100%;
    }
    .blogList01Item:nth-child(3n) {
        margin-right: 0;
    }
    .blogList01Item:nth-child(n+2) {
        margin-top: 5.35vw;
    }
    .blogList01Item:nth-child(n+4) {
        margin-top: 5.35vw;
    }
    .blogList01LinkBlock {
        border-radius: 3.57vw;
        padding: 5.35vw 3.57vw;
        color: #000000;
        box-shadow: 0vw 0.53vw 1.07vw 0vw rgba(0, 0, 0, 0.16);
    }
    .blogList01Thum {
        height: 45.53vw;
        box-shadow: 0vw 0.53vw 1.07vw 0vw rgba(0, 0, 0, 0.16);
    }
    .blogList01Desc {
        margin-top: 2.67vw;
    }
    .blogList01Title {
        font-size: 4.28vw;
        line-height: 1.45;
    }
    .blogList01Category {
        font-size: 4.28vw;
        line-height: 1.45;
    }

    /* top 新着情報、業界新着トピック、特集記事*/
    .blogList02 {

    }
    .blogList02Item {
        width: 100%;
        border-bottom: 0.17vw solid rgba(23, 98, 162, 0.21);
    }
    .blogList02Item:first-child {
        border-top: 0.17vw solid rgba(23, 98, 162, 0.21);
    }
    .blogList02LinkBlock {
        padding: 4.46vw 0;
    }
    .blogList02Article {

    }
    .blogList02HeaderPc {
        display: none;
    }
    .blogList02HeaderSp {
        width: 100%;
    }
    .blogList02IconList {
        width: auto;
        padding-right: 3.57vw;
    }
    .blogList02Date {
        margin-bottom: 0;
        width: 25vw;
        padding-right: 3.57vw;
    }
    .blogList02DateText {
        font-size: 3.92vw;
    }
    .blogList02Title {
        margin-top: 1.78vw;
        font-size: 3.92vw;
        line-height: 1.42;
    }
    .blogList02Title__type1 {
        width: 100%;
    }
    .blogList02Title__type2 {
        width: 100%;
    }

    /* =======================================
                specialist
    ======================================= */
    .specialistTowColumn {
        margin-top: 17.85vw;
    }
    .specialistImg {
        height: 335x;
    }
    .specialistLeftColumn {
        margin-top: 5.35vw;
    }

    /* =======================================
                position
    ======================================= */
    .positionTowColumn {
        margin-top: 17.85vw;
    }
    .positionImg {
        height: 335x;
    }
    .positionLeftColumn {
        margin-top: 5.35vw;
    }

    /* =======================================
                company
    ======================================= */
    .companyMap {
        width: 92.85vw;
        padding-top: 71.42vw;
    }

    /* =======================================
                acsess
    ======================================= */
    .acsessText01 {
        font-size: 3.57vw;
        line-height: 1.45;
    }
    .acsessText02 {
        margin-top: 5.35vw;
        font-size: 3.57vw;
        line-height: 1.45;
    }
    .acsessImg {
        margin-top: 5.35vw;
        width: 92.85vw;
        height: 92.85vw;
    }
    .acsessText03 {
        margin-top: 5.35vw;
        font-size: 3.57vw;
        line-height: 1.45;
    }

    /* =======================================
                privacypolicy
    ======================================= */
    .privacyList {

    }
    .privacyListItem:nth-child(n+2) {
        margin-top: 2.67vw;
    }
    .privacyListItem .text01:nth-child(n+2) {
        margin-top: 0.89vw;
    }
    .privacySubList {
        margin-top: 0.89vw;
    }
    .privacySubListItem:nth-child(n+2) {
        margin-top: 0.89vw;
    }
    .privacySubListItem .text01:nth-child(n+2) {
        margin-top: 0.89vw;
    }
    .privacySign {
        margin-top: 9.82vw;
    }

    /* =======================================
                jobqa
    ======================================= */
    .faqList {
        margin-top: 5.35vw;
    }
    .faqListItem:nth-child(n+2) {
        margin-top: 3.57vw;
    }
    .faqBlock {
        border-radius: 1.78vw;
    }
    .faqQuestion {
        padding: 3.57vw 8.92vw;
        font-size: 3.92vw;
        line-height: 1.45;

        background-position: calc(100% - 3.57vw) center;
        background-size: 3.57vw 3.57vw;
    }
    .faqQuestion::before {
        left: 2.67vw;
        top: 2.21vw;
        font-size: 5vw;
    }
    .faqAnswerWrap {
        display: none;
    }
    .faqAnswer {
        padding: 0 8.92vw 3.57vw 8.92vw;
        font-size: 3.57vw;
        line-height: 1.45;
    }
    .faqAnswer::before {
        left: 3.27vw;
        top: -1.42vw;
        font-size: 5vw;
    }

    /* =======================================
                jobsupport
    ======================================= */
    .jobsupportList {
        /* margin-top: 8.03vw; */
        margin-top: 3.03vw;
    }
    .jobsupportListItem:nth-child(n+2) {
        margin-top: 18.75vw;
    }
    .jobsupportListItem:nth-child(n+2)::before {
        top: -12.05vw;
        margin-left: -8.92vw;
        width: 17.85vw;
        height: 5.35vw;
    }
    .jobsupportListItemIcon {
        top: -2.67vw;
        border-radius: 2.67vw;
        padding: 0.35vw 5.35vw;
        font-size: 3.21vw;
    }
    .jobsupportListItemWrap {
        padding: 5.35vw 3.57vw 3.57vw;
    }
    .jobsupportListItemRight {
        width: 100%;
    }
    .jobsupportListItemTitle {
        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;
    }
    .jobsupportListItemThum {
        width: 75vw;
        height: 53.4vw;
        margin: 0 auto;
    }
    .jobsupportListItemTitleText {
        /* width: calc(100% - 20vw); */
        width: calc(100% - 23.21vw);
        padding-left: 5.35vw;
        font-size: 3.92vw;
        line-height: 1.45;
        /* margin-top: 5vw;
        margin-left: -5vw; */
        /* color: #000; */
    }
    .jobsupportListItemDesc {
        margin-top: 3.57vw;
        width: 100%;
        font-size: 3.75vw;
        line-height: 1.42;
    }
    .font20 {
        font-size: 4.28vw
    }
    .font18 {
        font-size: 3.92vw;
    }
    .font16 {
        font-size: 3.75vw;
    }
    .font12 {
        font-size: 2.81vw;
    }
    .ml24 {
        margin-left: 0vw;
    }
    .spmt5 {
        margin-top: 5vw;
    }
    .minW136 {
        min-width: 14.28vw;
    }
    .sppd05 {
        padding-bottom: 0.5vw;
    }
    .sppt05 {
        padding-top: 0.5vw;
    }
    .mt7 {
        margin-top: 1.25vw;
    }
    .mt12 {
        margin-top: 2.14vw;
    }
    .ml10 {
        margin-left: 1.79vw;
    }
    .mr10 {
        margin-right: 1.79vw;
    }
    .ml60 {
        margin-left: 4.6vw;
    }
    .minw128 {
    }
    .css-br::after {
        content: "\A" ;
        white-space: pre;
    }
    .spwidth26 {
        width: 26.78vw
    }
    .pt0 {
        padding-top: 0vw;
    }
    .pt66 {
        padding-top: 9.46vw;
    }
    .pd0 {
        padding-bottom: 0vw;
    }
    .bder-blue {
        border-bottom: 0.34px solid #2695D1;
    }
    .jobListCard {
        margin-left: -1.78vw;
        margin-top: -0.89vw;
    }
    .subVisualBox {
        height: 5vw;
        border-radius: 0.71vw;
        /* padding: 0.17vw 1.96vw; */
        text-align: center;
        background-color: #F2FCFF;
        /* margin: 0.62vw; */
        margin-left: 1.78vw;
        margin-top: 0.89vw;

    }
    .subVisualBoxText {
        font-size: 2.65vw;
        padding: 0.6vw 0vw;
    }
    .graphbarinfo{
    }
    .graphbarinfo2{
        display: -webkit-box;
        display: flex;
        flex-wrap: wrap;
        margin-top: -0.89vw;
        margin-left: -1.78vw;
    }
}