@charset "utf-8";
 .form-group {
padding: 0px 10px 10px;
border-radius: 2px;
background-color: #FFFFFF;
margin-left: 5px;
margin-right: 5px;
}
#form-anhor .top_wp_box {
margin-bottom: 0px;
padding-bottom: 0px;
}
.radio02-input {
display: none;
}
.radio02-input+label {
padding-top: 10px;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 10px;
position: relative;
border: 1px solid #D8D8D8;
border-radius: 4px;
display: flex;
align-items: center;
line-height: 20px;
background-color: #FFFFFF;
font-size: 0.8em;
height: 100%;
letter-spacing: -0.1em;
}
.radio02-input+label.finishi_radio {
background-color: #CBCBCB;
}
.row-name {
text-align: left;
font-weight: 600;
padding-top: 20px;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 10px;
border-top: 1px solid #2b2f35;
}
.row-name_pp {
border-top: none;
margin-top: 0px;
}
.radio02-input+label::before {
content: "";
display: block;
position: absolute;
top: 1;
left: 1;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 50%;
}
.radio02-input:checked+label {
color: #000;
background-color: #e6d9ce;
border: 1px solid #C8A17E;
}
.radio02-input:checked+label::after {
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 13px;
width: 11px;
height: 11px;
background: #c8a17e;
border-radius: 50%;
}
.radio_y_box {
text-align: left;
display: flex;
flex-wrap: wrap;
}
.form-group .note {
padding-top: 5px;
text-align: left;
color: #969696;
font-size: 1em;
}
.cal_input {
padding: 10px;
border-radius: 2px;
background-color: #ddecf7;
}
@font-face {
font-family: "IonIcons";
src: url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1);
src: url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix) format("embedded-opentype"), url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1) format("truetype"), url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1) format("woff"), url(//code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons) format("svg");
font-weight: normal;
font-style: normal
}
.select-wrap {
position: relative;
margin-bottom: 5px;
}
.select-wrap:before {
z-index: 1;
position: absolute;
right: 15px;
top: 0;
content: "\f123";
font-family: "IonIcons";
line-height: 43px;
color: #7F878C;
pointer-events: none;
}
select {
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 40px;
padding: 8px 12px;
border: 1px solid #ddd;
color: #828c9a;
width: 100%;
border-radius: 2px;
}
select option {
background-color: #fff;
color: #333;
}
select::-ms-expand {
display: none;
}
select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #828c9a;
}
.select-wrap.select-primary:before {
color: #fff;
}
.select-wrap.select-primary>select {
background: #c8a17e;
color: #fff;
border-color: #c8a17e;
}
.select-wrap.select-primary>select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #fff;
}
.select-wrap.select-inverse:before {
color: #fff;
}
.select-wrap.select-inverse>select {
color: #fff;
border-color: #fff;
}
.cal_box img {
width: 25px;
margin-left: 5px;
}
.cal_box {
padding-bottom: 10px;
text-align: left;
}
.short {
padding: 10px;
border: 1px solid #CDCDCD;
border-radius: 2px;
width: 40%;
}
.text_post {
padding: 10px;
border: 1px solid #CDCDCD;
border-radius: 2px;
}
.text {
padding: 10px;
border: 1px solid #CDCDCD;
width: 70%;
border-radius: 2px;
}
.text_medium {
padding: 10px;
border: 1px solid #CDCDCD;
width: 100%;
border-radius: 2px;
}
.input01 {
margin-bottom: 5px;
text-align: left;
}
.job_entry_lead {
line-height: 1.5;
padding-bottom: 40px;
}
.job_entry_lead ul {
color: #0e3195;
font-weight: 900;
padding: 20px 0 10px;
}
.job_entry_lead li {
margin-left: 20px;
padding-bottom: 10px;
}
.hissu {
background-color: #E2A2A2;
color: #FFFFFF;
padding: 5px;
border-radius: 2px;
display: inline-block;
margin-left: 5px;
}
.actions a {
display: block;
padding-top: 18px;
padding-bottom: 18px;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: 400;
color: #FFFFFF;
font-size: 16px;
position: relative;
}
.sub_wrap .top_new_job li {
width: 100%;
margin: 0 auto;
float: none;
}
.textarea {
padding: 10px;
border: 1px solid #CDCDCD;
height: 100px;
width: 100%;
border-radius: 2px;
}
.form-check-label {}
.cb-set {
display: block;
font-size: 14px;
letter-spacing: 0;
width: 46%;
position: relative;
margin-bottom: 10px;
margin-right: 0.7em;
}
.checkbox,
.label-cb {
position: relative;
vertical-align: middle;
}
.checkbox {
margin: 0 -1.2em 0 .2em;
z-index: 10;
}
.label-cb {
padding-top: 20px;
padding-bottom: 15px;
z-index: 5;
display: block;
font-size: 12px;
font-weight: 400;
border: 1px solid #CDCDCD;
border-radius: 3px;
line-height: 1.5;
text-align: center;
height: 100%;
}
.cb-set input[type="checkbox"]:checked+label {
background-color: #e6d9ce;
border: 1px solid #C8A17E;
}
.row_flex_pp input[type="checkbox"]:checked+label,
.row_flex_pp input[type="checkbox"]:checked+label a {
color: #c0c0c0;
}
.row-check {
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-content: stretch;
padding-left: 0.7em
}
.row-check:after {
content: "";
display: block;
width: 48%; height: 0;
}
.form-check-input {
margin-right: 5px;
position: absolute;
z-index: 10;
top: 4px;
left: 4px;
}
.form_font {
letter-spacing: 0.2rem;
font-size: 12px;
}
.text_medium01 {
width: 50%;
}
.link {
position: fixed;
left: 0px;
bottom: 0px;
width: 100%;
display: flex;
z-index: 100;
}
.return {
align-items: center;
width: 50px;
position: relative;
}
.return a {
display: flex;
text-align: center;
background-color: #A98769;
width: 100%;
height: 1px;
min-height: 100%;
align-items: center;
justify-content: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #FFFFFF;
}
.postBtn {
font-size: 10px;
}
.row_select02 {
text-align: left;
}
.ui-datepicker {
width: 50vw;
max-width: 300px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .4em .2em;
text-align: right;
text-decoration: none;
font-size: 12px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
font-size: 10px;
width: 80px;
padding: 2px;
}
.ui-datepicker .ui-icon {
text-indent: 0;
}
.form_com {
font-size: 9px;
letter-spacing: -0.1em;
}
.radio_txt {
padding-bottom: 10px;
line-height: 1.5;
font-weight: 600;
text-indent: 0px;
font-size: 1em;
}
.input_flex01 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.radio_input {
width: 49%;
margin-top: 10px;
}
.input_other {
border: none;
padding-top: 20px;
}
.row_flex_pp {
padding-top: 40px;
}
.label-pp {
line-height: 1.5;
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
}
.label-pp a {
text-decoration: underline;
}
.input_flex_label2 label { }
.row-check_label3 label { }
.ank_human {
position: absolute;
width: 30px;
right: 5%;
top: -20px;
}
.radio_padding {
padding-left: 30px;
}
.row_name_in {
line-height: 1.5;
}
.radio_input label span {
padding-left: 20px;
}
.sentaku {
font-size: 10px;
padding-top: 5px;
text-align: center;
}
.form_rei {
font-size: 10px;
padding-bottom: 5px;
}
.sonota {
text-align: left;
padding-bottom: 5px;
}
.gift_check {
text-align: center;
}
@media only screen and (min-width: 481px) {
.actions a {
padding-top: 35px;
padding-bottom: 35px;
font-size: 24px;
}
.cal_box {}
.row_select {
width: 58%;
margin-left: auto;
margin-right: auto;
}
.row_select02 {
margin-left: 0px;
margin-right: auto;
}
.ui-datepicker {
max-width: 300px;
}
.input_flex_label2 label {}
.row-check_label3 label { }
.ank_human {
width: 40px;
}
}
@media only screen and (min-width: 768px) {
.row_flex {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-bottom: 20px;
}
.row_flex_pp {
padding-top: 60px;
}
.row-name {
border-left: none;
border-bottom: none;
width: 30%;
margin: 0px;
padding: 0px;
position: relative;
text-align: center;
}
.row_name_in {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
}
.inputs {
width: 70%;
text-align: left;
padding-top: 40px;
border-top: 1px solid #EAEAEA;
padding-bottom: 20px;
}
.form_font {
font-size: 14px;
}
.link {
display: block;
width: auto;
position: fixed;
top: 50%;
right: 10px;
left: auto;
}
.return {
display: inline-block;
width: auto;
justify-content: center;
align-items: center;
position: fixed;
bottom: 33px;
right: 33px;
}
.return a {
padding: 23px;
}
.row_select {
width: 50%;
margin-left: 0px;
margin-right: auto;
}
.select-wrap.select-primary>select {
height: 50px;
margin-bottom: 10px;
}
.text_medium {
padding: 15px;
}
.short {
padding: 15px;
}
.y_time {
width: 50%;
height: 50px;
}
.text_post {
padding: 15px;
}
.input01 {
margin-bottom: 15px;
}
.text {
padding: 15px;
}
.cb-set {
width: 31%;
}
.input_other {
border: none;
}
.row-check:after {
content: "";
display: block;
width: 32%; height: 0;
}
.radio02-input+label {
padding: 20px;
}
.radio02-input:checked+label::after {
left: 23px;
}
.radio_txt {
font-size: 1.1em;
}
.actions a {
padding-top: 40px;
padding-bottom: 40px;
font-size: 28px;
}
}
@media only screen and (min-width: 900px) {
.w900 {
margin: 0 auto;
width: 900px;
}
.sub_wrap .top_new_job li {
width: 70%;
}
}
@media only screen and (min-width: 1000px) {
.job_entry_lead {
margin: 0 auto;
width: 900px;
}
.return {
bottom: 43px;
right: 43px;
}
.return a {
padding: 33px;
}
.radio_input_k {}
} @media screen and (min-width: 1000px) {
.contact {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
}
.contact {
padding: 0;
margin: 0;
}
.contact dt {
text-align: left;
font-weight: 600;
padding-top: 20px;
padding-bottom: 10px;
margin-top: 20px;
margin-bottom: 10px;
border-top: 1px solid #2b2f35;
font-size: 12px;
}
@media only screen and (min-width: 768px) {
.contact dl {
display: flex;
justify-content: space-between;
align-items: stretch;
margin-bottom: 20px;
}
.contact dt {
border-left: none;
border-bottom: none;
width: 30%;
margin: 0px;
padding: 0px;
position: relative;
text-align: center;
border-top: 1px solid #2b2f35;
display: flex;
align-items: center;
font-size: 14px;
font-weight: bold;
}
.contact dd {
width: 70%;
text-align: left;
padding-top: 40px;
border-top: 1px solid #EAEAEA;
padding-bottom: 20px;
font-size: 14px;
}
.contact dd select {
width: 50%;
margin-left: 0px;
margin-right: auto;
}
.contact input[type="submit"]{
width: 400px;
}
}
.contact dt .required {
position: relative;
background-color: #E2A2A2;
color: #FFFFFF;
padding: 5px;
border-radius: 2px;
display: inline-block;
margin-left: 5px;
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.contact dd {
width: 58%;
}
.contact dd select {
width: 100%;
}
}
.contact dd.select-wrap.select-primary:before {
z-index: 1;
position: absolute;
right: 52%;
top: 45px;
content: "\f123";
font-family: "IonIcons";
line-height: 43px;
color: #fff;
pointer-events: none;
}
.contact dd input[type='text'] {
padding: 10px;
border: 1px solid #CDCDCD;
border-radius: 2px;
width: 40%;
}
.contact dd input.zip {
padding: 10px;
border: 1px solid #CDCDCD;
border-radius: 2px;
width: 17%;
margin-bottom: 8px;
}
.contact dd input#addr,
.contact dd input.email {
width: 70%;
padding: 10px;
border: 1px solid #CDCDCD;
border-radius: 2px;
}
.contact dd .placeholder {
font-size: 13px;
display: inline-block;
padding-top: 8px;
}
.contact dd textarea {
border: 1px solid #CDCDCD;
width: 100%;
border-radius: 2px;
padding: 10px;
}
.contact p {
font-size: 14px;
line-height: 1.8;
}
.contact .submit-area {
margin: 60px auto;
display: block;
position: relative;
}
.contact input[type="submit"] {
padding-top: 40px;
padding-bottom: 40px;
font-size: 28px;
background-color: #a98769;
color: #fff;
border: 2px solid #a98769;
transition: 0.3s;
position: relative;
border-radius: 2px;
font-family: 'kinuta-maruminfuji-stdn',"Yu Mincho", serif;
}
.contact input[type="submit"]:hover {
background-color: #fff;
color: #a98769;
}
@media only screen and (max-width: 767px) {
.contact dt {
font-size: 12px;
}
.contact dd {
font-size: 12px;
}
.contact dd.select-wrap.select-primary:before{
top: 50%;
transform: translateY(-50%);
right: 6%;            
}
.contact dd input.zip{
width: 28%;
}
.contact dd input#addr, .contact dd input.email{
width: 100%;
}
.contact input[type="submit"]{
display: block;
width: 80%;
margin-left: auto;
margin-right: auto;
max-width: 400px;
padding-top: 18px;
padding-bottom: 18px;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: 400;
color: #FFFFFF;
font-size: 16px;
position: relative;
}
}
@media only screen and (min-width: 768px) {} .page-mys-thanks .thanks_p {
text-align: center;
text-decoration: underline;
}