@charset "UTF-8";
/* CSS Document */

.content {
    padding-top: 55px;
}
.inner {
    max-width: 900px;
}
h2 {
    font-size: 1.5em;
    text-align: center;
    margin: 0 auto 1em;
}
.intro {
    margin: 0 auto 2em;
    text-align: center;
}
.intro a {
    color: #3fa9f5;
}
.form-box dt, .form-box dd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    flex-direction: row;
}
.form-box dd div {
  margin: .5em 0;
}
.form-box dd .desc {
  width: 100%;
  margin: 0 0 1em;
  padding: 2px 5px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.6;
  background-image: linear-gradient(to bottom, rgb(63 169 245 / 45%) 0%, rgb(63 169 245 / 45%) 100%);
	/* border-bottom: 1px solid #3fa9f5; */
	letter-spacing: 0.05em;
}
.form-box input[type='text'],
.form-box select,
.form-box textarea {
    width: 100%;
    padding: 8px 10px;
    font-size: 1em;
    background: #fff;
    margin: 5px;
    border: 1px solid #bfbfbf;
    border-radius: 0;
    cursor: pointer;
}
.form-box input.sizeS {
    width: 100px;
}
.form-box label {
	margin-right:10px;
}
.form-box label.date-edit {
	margin-right:0;
  display: block;
  width: 100%;
  position: relative;
  cursor: pointer;
}
.form-box label.date-edit::after {
  content: "\f073";
	font-family: "icomoon";
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-size: 1.5em;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 4px;
	transform: translateY(-50%);
	pointer-events: none;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  font-weight: bold;
	min-height: auto;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1.8rem !important;
}
.form-box .submit-item {
    padding: 2em 0;
    text-align: center;
    margin: 0 auto;
}

.form-box input[type="submit"],
.form-box input[type="reset"],
.form-box input[type="button"],
.form-box a.btn {
    display: inline-block;
    padding: .8em 1.5em;
    color: #fff;
    background: #888;
    margin: 5px 10px;
    transition: all .5s;
    -webkit-transition: all .5s;
    letter-spacing: 2px;
}
.form-box input[type="submit"] {
    background: #3fa9f5;
    color: #fff;
}
p.error_messe {
    color: #e45725;
    margin: 0 auto .5em;
}
.form-box h3 {
    font-size: 1.2em;
    border-bottom: 1px solid ;
    margin: 0 auto .5em;
    padding-bottom: 5px;
}
.form-box .note {
    letter-spacing: 0;
    margin: 0 5px;
}
.form-box .hissu {
    font-size: .8em;
    display: inline-block;
    padding: 3px 5px;
    background: #e45725;
    color: #fff;
    font-weight: normal;
    margin: 0 0 0 10px;
    line-height: 1.2;
    vertical-align: bottom;
}
.jobcareer.guidelines table {
	width: 100%;
}
.jobcareer.guidelines table div {
	display: flex;
	align-items: center;
}
.jobcareer.guidelines {
	overflow-x: auto;
}
.jobcareer.guidelines input.year {
	width: 60px;
}
.jobcareer.guidelines input.month {
	width: 40px;
}
.jobcareer.guidelines dl {
	flex-wrap: nowrap;
	width: 100%;
	min-width: 550px;
}
.jobcareer.guidelines dt {
	width: 100%;
/*	justify-content: center;*/
}
.jobcareer.guidelines dt:first-of-type,
.jobcareer.guidelines dd:first-of-type{
	width: 190px;
    border-right: 2px solid #fff;
}
.jobcareer.guidelines dt:last-of-type,
.jobcareer.guidelines dd:last-of-type{
	width: calc(100% - 190px);
}
.notice {
	font-size: 1.4rem;
	padding: 5px 0;
}
@media screen and (min-width: 480px) {
    /* スマートフォン横 */
    .form-box dd div {
      margin: 0 1em 0 0;
    }
}

@media screen and (min-width: 768px) {
    /* タブレット縦 / スマートフォン横 */
}

@media screen and (min-width: 1025px) {
    /* デスクトップ/タブレット横 */

    .content {
    padding-top: 68px;
}
	.jobcareer.guidelines dt:first-of-type, .jobcareer.guidelines dd:first-of-type {
		width: calc(25% + 2px);
	}
}