#recruit .TAB{ display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 32px;} #recruit .TAB .tabLabel { color: #000; font-weight: 700; background: #FFF; padding: 1em 0; text-align: center; border-right: 1px solid #D0D0D0; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; flex: 1; order: -1; transition: .5s ; cursor: pointer;} #recruit .TAB .tabLabel:first-of-type { border-left: 1px solid #D0D0D0;} #recruit .TAB .tabLabel a{ background: none;} #recruit .TAB .tabLabel:nth-last-of-type(1){ margin-right: 0;} #recruit .TAB input { display: none;} #recruit .TAB input:checked + .tabLabel { color: #000; background: #F2F2F2;} #recruit .TAB input:checked + .tabLabel + .news_list { padding: 1em 0 0 0; height: auto; overflow: auto; transition: .5s opacity; opacity: 1;} #recruit .contents{ max-width:960px; margin:auto;} .text-center { text-align : center;} .font-bold { font-weight : bold; font-size : 1.1em;} #entry .entry-message { margin : 0 auto; padding : 30px 0;} #entry .policy-box { text-align : center; padding-top : 20px;} #entry .policy-inner { display: inline-block; font-weight : bold; font-size : 1.2em;} #entry label { width : 100%;} #entry .item-title { display : block; padding-bottom : 10px; font-weight : bold;} #entry label .required-icon::after { font-weight : normal; margin-left: 1.0em; padding: 0px 6px; font-size : 0.8em; color: white; background-color: #538EB4; content: "必須"; vertical-align : 10%;} #entry .row { width : 100%; display: flex; justify-content: space-between; display: -ms-flexbox; flex-wrap: wrap; -ms-flex-wrap: wrap; margin-bottom : 30px; box-sizing: border-box;} #entry .col-2 { width : 49%; box-sizing: border-box;} #entry .form-text { padding : 12px; border: 1px solid #eaeaea; width : 100%; background : #f9f9f9; margin-bottom : 5px; transition: all 0.5s; border: solid 1px #ccc; box-shadow: none;} #entry .form-text:focus { background : #fff; border-color : #538EB4; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);} #entry .form-select { padding : 12px; border: 1px solid #eaeaea; background : #f9f9f9; margin-bottom : 5px; transition: all 0.5s; border: solid 1px #ccc; box-shadow: none;} #entry .wd28{ width: 28%;} #entry .form-select:focus { background : #fff; border-color : #538EB4; box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);} #entry .horizontal-item{ position: relative; padding-left: 32px;} #entry .checkboxlist { display: flex; flex-wrap:wrap; width: 100%;} #entry .checkboxlist .mwform-checkbox-field { width: 50%; display: block; position: relative; margin : 0; padding-left: 32px; cursor: pointer; user-select: none;} #entry .mwform-checkbox-field input { display: none;} #entry .mwform-checkbox-field-text::before{ position: absolute; display: block; content: ""; top: 0; left: 0; height: 22px; width: 22px; border: solid 1px #d4dae2;} #entry .mwform-checkbox-field-text::after{ content: ""; display: block; position: absolute; left: 6px; top: 1.2px; width: 8.5px; height: 12.5px; border: solid #FFF; border-width: 0 2px 2px 0; transform: rotate(50deg); opacity: 0;} #entry .mwform-checkbox-field input:checked + .mwform-checkbox-field-text::before{ background: #538EB4; border-color: #538EB4;} #entry .mwform-checkbox-field input:checked + .mwform-checkbox-field-text::after{ opacity: 1;} #entry .mwform-checkbox-field-text { font-size : 0.9em;} #entry .form-file-box { display : flex;} #entry .form-file { display :none;} #entry .form-file-label { font-size: 0.8rem; padding: 8px 10px; display: inline-block; position: relative; cursor: pointer; margin-right: 8px; background: #fff; border : 1px solid #ccc; border-radius : 30px; width : 350px; text-align : center;} #entry .form-file-label:hover { opacity: 0.7; transition: 0.3s ease-out;} #entry .form-file-label:after { content: "選択されていません"; color : #538EB4; font-size: 1em; height: 20px; line-height: 20px; position: absolute; right: -140px; top: calc(50% - 10px);} #entry .invalid-error { background : pink; border-color : #538EB4;} #entry .invalid-message { color : #538EB4; font-size : 0.9em;} #entry .form-comment { padding : 5px 0; font-size : 0.9em;} #entry .btn-send { width : 100%; max-width : 60%; font-weight : bold; font-size : 1.2em; padding : 20px 0; border : 3px solid #000;} #entry .btn-send:hover { background : #000; color : #fff;} #entry .entry-finish-message { text-align : center; width : 100%; max-width : 60%; font-weight : bold; font-size : 1.2em; padding : 20px 0; border : 3px solid #000; margin : 100px 0 40px; display: inline-block;} #recruit a.btn_blue_center { width: 380px; max-width: 100%; height: 60px; line-height: 60px; background: #4983AB; color: #FFF; font-size: 20px; font-weight: 700; margin: 0.7em auto; display: block; position: relative; transition: .3s; z-index: 2;} @media screen and (max-width: 768px) { #recruit .TAB{ margin-top: 1em;} #recruit .TAB .tabLabel { flex-basis: 46%; margin-right: 2%; margin-bottom: 2%; padding: 0.75em 0; border: 1px solid #D0D0D0; font-size: 12px;} #recruit .TAB .tabLabel:nth-last-of-type(3) { margin-right: 0;} #entry .col-2 { width: 100%;} #entry .row .col-2:first-child { margin-bottom: 30px;} .checkboxlist .checkboxlist-item { width : 100%;}} .dummy-banner { display : flex; align-items: center; justify-content: center; width : 100%; margin-bottom : 30px;} .dummy-banner img{ width: 100%; height: auto;} .subtitle { color : #538EB4; padding : 10px 0; border-bottom : 1px solid #ccc; font-weight : bold;} .subtitle2 { color : #538EB4; padding : 10px 0; font-weight : bold;} .table-recruit { border-collapse: collapse;} .table-recruit > thead > tr > th { color : #538EB4; padding : 10px 0; border-bottom : 1px solid #ccc;} .table-recruit > tbody > tr > th { width : 30%; padding : 15px 0; border-bottom : 1px solid #ccc; font-size : 0.9em;} .table-recruit > tbody > tr > td { width : 70%; padding : 15px 0; border-bottom : 1px solid #ccc; font-size : 0.9em;} .flow { margin : 20px 0;} .flow-item { width : 100%; max-width : 350px; border : 2px solid #000; margin : 20px auto; text-align : center; padding : 15px 0; font-weight : bold;} .flow-arrow { width: 0; height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 25px solid #ccc; margin : auto; margin-bottom : -30px; padding : 15px 0;} .btn-entry { width : 100%; max-width : 500px; background : #538EB4; color : #fff; font-weight : bold; padding : 25px; box-shadow : 1px 1px #ccc;} 

#recruit .contents{
	display: none;
}
#recruit .contents.is-open{
	display: block;
}