/* line 8, page_recruit-entry_form.scss */ input, select, textarea { border: none; background: #ededed; padding: .35em .5em; box-sizing: border-box; max-width: 100%; font-family: "YakuHanJP", "Noto Sans JP", sans-serif; font-size: 18px; } /* line 10, page_recruit-entry_form.scss */ input:focus, select:focus, textarea:focus { border: #ededed; background: #fff; } /* line 12, page_recruit-entry_form.scss */ input[type=text] { width: 100%; } /* line 13, page_recruit-entry_form.scss */ select { margin-right: .5em; } /* line 14, page_recruit-entry_form.scss */ textarea { width: 100%; } /* line 15, page_recruit-entry_form.scss */ label:not(:first-child) { margin-left: .5em; } /*input[type="radio"] { opacity: 0; visibility: hidden; position: absolute; &:checked { + span.wpcf7-list-item-label::after { display: block;} } } .wpcf7-list-item.first { margin-left: 0;} span.wpcf7-list-item-label { position: relative; display: flex; align-items: center; cursor: pointer; &::before, &::after{ content: ""; @include br100; display: block;} &::before { border: 1px solid $gC; background: #fff; width: 18px; height: 18px; margin-right: .25em; margin-top: 1px;} &::after { width: 8px; height: 8px; background: $sC; left: 6px; position: absolute; top: 50%; margin-top: -3px; display: none;} }*/ /* line 29, page_recruit-entry_form.scss */ .tblWrap td p { position: relative; } /* line 30, page_recruit-entry_form.scss */ .wpcf7-list-item.first { margin-left: 0; } /* line 31, page_recruit-entry_form.scss */ .wpcf7-not-valid-tip { font-size: 13px; color: #f14a24; line-height: 1; position: absolute; bottom: -18px; } /* line 32, page_recruit-entry_form.scss */ input[type=radio], input[type=checkbox] { display: none; } /* line 34, page_recruit-entry_form.scss */ input[type=radio]:checked + span::after, input[type=checkbox]:checked + span::after { opacity: 1; } /* line 36, page_recruit-entry_form.scss */ input[type=radio] + span, input[type=checkbox] + span { position: relative; padding: 0 0 0 1.5em; } /* line 37, page_recruit-entry_form.scss */ input[type=radio] + span:not(:last-child), input[type=checkbox] + span:not(:last-child) { margin-right: 1em; } /* line 38, page_recruit-entry_form.scss */ input[type=radio] + span::before, input[type=radio] + span::after, input[type=checkbox] + span::before, input[type=checkbox] + span::after { content: ""; position: absolute; display: block; top: 50%; } /* line 39, page_recruit-entry_form.scss */ input[type=radio] + span::before, input[type=checkbox] + span::before { width: 18px; height: 18px; left: 0px; border: 1px solid #737373; background: #fff; margin-top: -9px; } /* line 40, page_recruit-entry_form.scss */ input[type=radio] + span::after, input[type=checkbox] + span::after { opacity: 0; transition: .4s all; z-index: 10; } /* line 46, page_recruit-entry_form.scss */ .radioWrap input[type=radio] + span::before { border-radius: 50%; } /* line 47, page_recruit-entry_form.scss */ .radioWrap input[type=radio] + span::after { width: 8px; height: 8px; left: 6px; margin-top: -3px; background: #f1883c; border-radius: 50%; } @media only screen and (max-width: 750px) { /* line 51, page_recruit-entry_form.scss */ .radioWrap .wpcf7-list-item { display: block; } /* line 52, page_recruit-entry_form.scss */ .radioWrap .wpcf7-list-item:not(:last-child) { margin-bottom: .5em; } /* line 53, page_recruit-entry_form.scss */ .radioWrap .wpcf7-list-item:not(:first-child) { margin-left: .0em; } } /* line 59, page_recruit-entry_form.scss */ .checkWrap input[type=checkbox] + span { padding-left: 1.75em; } /* line 61, page_recruit-entry_form.scss */ .checkWrap input[type=checkbox] + span::after { content: "\f00c"; font-family: "Font Awesome 6 Pro"; font-size: 20px; left: 4px; margin-top: -14px; color: #f1883c; } /* line 66, page_recruit-entry_form.scss */ .selectWrap p { display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; } /* line 68, page_recruit-entry_form.scss */ .selectWrap label:not(:last-child) { margin-right: .1em; } @media only screen and (max-width: 750px) { /* .wpcf7-form-control, .wpcf7-form-control-wrap*/ /* line 77, page_recruit-entry_form.scss */ input[type=tel], input[type=email] { width: 100% !important; /*max-width: 100% !important; box-sizing: border-box !important;*/ } } /* line 97, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro { margin-bottom: 3.5em; } /* line 98, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 2em; } /* line 99, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li { width: calc(100% / 3 - 8px); height: 90px; background: #fff; display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; padding-top: .75em; padding-left: 2.5em; position: relative; } /* line 100, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li::before, #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li::after { content: ""; width: 25px; height: 100%; background: #fff; clip-path: polygon(0 0, 0% 100%, 100% 50%); position: absolute; top: 0; } /* line 101, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li::before { left: 0; background: #f8f5ed; } /* line 102, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li::after { left: calc(100% + 0px); } /* line 103, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li span { font-family: "Montserrat", sans-serif; font-size: 14px; line-height: 1.5; font-weight: 600; color: #f1883c; } /* line 104, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li em { font-size: 22px; line-height: 1.5; font-weight: 600; } /* line 105, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list01::before { display: none; } /* line 105, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list01::after { z-index: 1; } /* line 106, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list02::before { z-index: 0; } /* line 106, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list02::after { z-index: 1; } /* line 107, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list03::before { z-index: 0; } /* line 107, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list03::after { display: none; } /* line 108, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.current { background: #f1883c; } /* line 109, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.current span, #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.current em { color: #fff; } /* line 111, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.current::after { background: #f1883c; } /* line 115, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro .read { text-align: center; } @media only screen and (max-width: 750px) { /* line 121, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro { margin-bottom: 2.5em; } /* line 122, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap { margin-bottom: 2em; } /* line 123, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li { width: calc(100% / 2.9 - 5px); height: 70px; padding-top: .4em; padding-left: 1.15em; } /* line 124, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li::before, #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li::after { width: 12px; height: 100%; } /* line 127, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li span { font-size: 11px; } /* line 128, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li em { font-size: 16px; line-height: 1.25; text-align: left; } /* line 129, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro ul.listWrap li.list01 { width: calc(100% / 3.1 - 5px); padding-left: .65em; } /* line 139, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .intro .read { text-align: justify; padding: 0 6.5%; } } /* line 146, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap { padding: 35px 50px 80px; } /* line 147, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap { width: 100%; margin: auto; } /* line 150, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr { display: flex; justify-content: space-between; flex-wrap: wrap; } /* line 151, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th, #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr td { line-height: 1.6; border-bottom: 1px solid; text-align: justify; padding: .75em; padding-right: 0; box-sizing: border-box; } /* line 152, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th { border-color: #f1883c; font-weight: 500; width: 250px; display: flex; } /* line 153, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th p { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; width: 100%; height: 100%; } /* line 154, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th p em { width: calc(100% - 60px); } /* line 155, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th p span.req { font-size: 12px; background: #f14a24; color: #fff; line-height: 1.6; padding: 0 .5em; /* position: absolute; top: 25px; right: 10px;*/ margin-right: 10px; } /* line 158, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr td { border-color: #d4d4d4; width: calc(100% - 250px); } /* line 173, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.nameSec { margin-bottom: 3em; } /* line 174, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.wishSec { margin-bottom: 3em; } /* line 176, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table { background: #ededed; } /* line 179, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr th, #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr td { border-bottom: none; padding-block: 1.5em; } /* line 181, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr th span.req { margin-left: 2em; } /* line 183, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr td { font-weight: 600; width: calc(100% - 350px); } /* line 191, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec .read { text-align: center; margin-top: 1.5em; } @media only screen and (max-width: 750px) { /* line 199, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap { width: 96%; margin: auto; padding: 10px 1.25em 60px; box-sizing: border-box; } /* line 204, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th, #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr td { padding: .5em 0; } /* line 205, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th { width: 100%; padding-top: 1em; font-weight: 500; } /* line 207, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th p em { width: calc(100% - 60px); } /* line 208, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr th p span.req { font-size: 12px; padding: 0 .5em; margin-right: 0px; } /* line 211, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap table tbody tr td { width: 100%; padding-top: .75em; padding-bottom: 1em; /*border-bottom: none;*/ } /* line 226, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.nameSec { margin-bottom: 3em; } /* line 227, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.wishSec { margin-bottom: 3em; } /* line 232, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr th, #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr td { padding-block: 1.25em; } /* line 233, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr th { width: 50px; } /* line 234, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr th span.req { margin-left: auto; } /* line 236, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec table tbody tr td { width: calc(100% - 60px); } /* line 244, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .inner .entry_formSec.recruitCmnWrap .tblWrap.agreeSec .read { text-align: center; margin-top: 1.5em; } } /* line 254, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy { border: 1px solid #d4d4d4; padding: 15px 25px; border-radius: 12px; height: 250px; overflow: auto; margin-bottom: 2em; } /* line 255, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy .wrap { text-align: left; } /* line 256, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy .wrap .t { font-size: 18px; line-height: 1.6; padding-bottom: .5em; margin-bottom: .5em; border-bottom: 2px dotted #d4d4d4; } /* line 257, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy .wrap .read { font-size: 14px; } /* line 260, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn { margin-top: 1.5em; position: relative; transition: .4s all; } /* line 267, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn input { background: #f14a24; color: #fff; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; height: 100%; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25)); padding-left: 1em; font-size: 25px; font-weight: 700; cursor: pointer; } @media only screen and (max-width: 750px) { /* line 267, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn input { filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.15)); } } /* line 268, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn::before { content: "\f0a9"; font-family: "Font Awesome 6 Pro"; color: #fff; font-weight: 600; font-size: 25px; line-height: 1; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; right: .75em; transition: .4s all; } /* line 270, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn:hover::before { right: .5em; } @media only screen and (max-width: 750px) { /* line 279, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy { padding: 15px 20px; border-radius: 12px; height: 180px; margin-bottom: 2em; } /* line 281, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy .wrap .t { font-size: 16px; padding-bottom: .5em; margin-bottom: .5em; } /* line 282, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .privacypolicy .wrap .read { font-size: 13px; } /* line 285, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn { margin-top: 2em; width: 100%; } /* line 292, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn input { padding-left: 1em; padding-right: 1em; font-size: 22px; margin-top: -.1em; } /* line 293, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn::before { font-size: 20px; right: .75em; } /* line 295, page_recruit-entry_form.scss */ #recruit.entry_form .entryformSec.recruitContents .entryBtn:hover::before { right: .5em; } }