@charset "utf-8";
/* ========================= lp slide  ========================= */
/*  a  */
a {
	text-decoration: underline;
	cursor: pointer;
	color: #0033aa;
}
/*  大枠  */
.m3_aslp-slide-box {
  display: flex;
  justify-content: space-between; /* 左右均等分布 */
  margin: 10px 0;
}
.m3_aslp-slide-form-wrap {
  width: 590px;
  box-sizing: border-box;
  background-color: #fff;
  border: solid 10px #d6e8fb;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-box {
    flex-direction: column; /* 上下分布 */
    min-height: inherit;
    min-height: auto;
    margin: 0;
  }
  .m3_aslp-slide-form-wrap {
    width: 100%;
    box-sizing: border-box;
    border: 0;
  }
}
/*  メイン画像  */
.m3_aslp-slide-box-main-pc,
.m3_aslp-slide-box-main-sp {
  font-size: 0px;
  line-height: 0;
}
.m3_aslp-slide-box-main-pc img {
  width: 390px;
}
.m3_aslp-slide-box-main-sp img {
  width: 100%;
  border-top: 1px solid #fff;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-box-main-pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .m3_aslp-slide-box-main-sp {
    display: none;
  }
}
/*  フォームタイトル、ステップ図  */
.m3_aslp-slide-form-1min {
  line-height: 0;
  font-size: 0;
  margin: 3px;
}
.m3_aslp-slide-form-flow {
  line-height: 0;
  font-size: 0;
  margin: 3px;
	min-height: 47px;
}
.m3_aslp-slide-form-1min img, .m3_aslp-slide-form-flow img {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-form-1min {
    margin: 0 0 5px 0;
  }
  .m3_aslp-slide-form-flow {
    margin: 0;
		min-height: inherit;
  }
}
/*  フォーム中盤の高さ指定エリア  */
.m3_aslp-slide-form-middle {
  min-height: 350px;
  padding: 20px;
	box-sizing: border-box;
}

.m3_aslp-slide-form-middle2 {
  min-height: 350px;
  padding: 20px 20px 5px;
	box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-form-middle,
  .m3_aslp-slide-form-middle2{
    min-height: inherit;
    min-height: auto;
    padding: 10px;
  }
}
/*  フォーム項目 PC1カラム SP1カラム  */
.m3_aslp-slide-form-pc1-sp1 {
  margin: 0;
  padding: 0;
}

.m3_aslp-slide-form-pc1-sp1 dt {
  margin: 0 0 10px 0;
  padding: 0;
}
.m3_aslp-slide-form-pc1-sp1 dd {
  margin: 0 0 20px 0;
  padding: 0;
}
/*  フォーム項目 PC2カラム SP1カラム  */
.m3_aslp-slide-form-pc2-sp1 {
  margin: 0;
  padding: 0;
}
.m3_aslp-slide-form-pc2-sp1 dt {
  display: inline-block;
  width: 30%;
  padding-top: 5px;
  margin-right: 10px;
  box-sizing: border-box;
  vertical-align: top;
  text-align: right;
}

.m3_aslp-slide-form-pc2-sp1_tit{
  margin: 0;
  padding: 0;
  display: inline-block;
  width: 100%;
  padding: 0;
  box-sizing: border-box;
  vertical-align: top;
  text-align: left;
}

@media screen and (max-width: 768px) {
	.m3_aslp-slide-form-pc2-sp1_tit{
	  display:block;
	  width: 100%;
	  margin-left: 2%;
	  }
}
	
.m3_aslp-slide-form-pc2-sp1 dd {
  display: inline-block;
  width: 65%;
  padding: 0;
  margin-bottom: 10px !important;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-form-pc2-sp1 dt,
  .m3_aslp-slide-form-pc2-sp1 dd,
  .m3_aslp-slide-form-pc2-sp1_tit
  {
    width: 100%;
    margin: 1% 0;
    text-align: left;
  }
}
/*  補足のテキスト  */
.m3_aslp-slide-form-note {
  text-align: center;
  font-size: 0.875rem;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-form-note {
    text-align: left;
  }
}
/*  必須、任意マーク  */
.m3_aslp-slide-hissu {
  display: inline-block;
  border: 1px solid #c00;
  padding: 3px;
  margin-right: 5px;
  font-size: 0.75rem;
  line-height: 1.0;
  color: #c00;
}
.m3_aslp-slide-nini {
  display: inline-block;
  border: 1px solid #999;
  padding: 3px;
  margin-right: 5px;
  font-size: 0.75rem;
  line-height: 1.0;
  color: #333;
}
/*  エラーメッセージ  */
.m3_aslp-slide-form-error {
  font-size: 0.875rem;
  color: #c00;
  margin: 0;
  margin-top: 3px !important;
}
/*  formパーツアレンジ（text、select系）  */
.m3_aslp-slide-form-input, .m3_aslp-slide-form-textarea, .m3_aslp-slide-form-select {
  display: block;
  width: 100%;
  margin-bottom: 0 !important;
  padding: 8px 10px !important;
  border: 1px solid #999 !important;
  background-color: #FFF;
  box-sizing: border-box;
  font-size: 1rem!important;
  line-height: 1.5!important;
  border-radius: 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
}
.m3_aslp-slide-form-select {
  height: 2.7rem;
  padding: 10px 5px;
}
.m3_aslp-slide-form-textarea {
  height: 8em;
}
/*  formパーツアレンジ（radio、checkboxをボタン風に）  */
.m3_aslp-slide-button-radio input[type="radio"], .m3_aslp-slide-button-checkbox input[type="checkbox"] {
  display: none;
}
.m3_aslp-slide-button-radio label, .m3_aslp-slide-button-checkbox label {
  display: inline-block;
  width: 47%;
  padding: 10px 5px;
  margin: 1%;
  box-sizing: border-box;
  text-align: center;
  cursor: pointer;
  color: #333;
  background-color: #f2f2f2;
  border-radius: 4px;
  border-bottom: 3px solid #cbcbcb;
}
.m3_aslp-slide-button-radio label:hover, .m3_aslp-slide-button-checkbox label:hover {
  background-color: #f7e763;
}
.m3_aslp-slide-button-radio input[type="radio"]:checked + label, .m3_aslp-slide-button-checkbox input[type="checkbox"]:checked + label {
  background-color: #f7e763;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-button-radio label, .m3_aslp-slide-button-checkbox label {
    width: 100%;
    margin: 1% 0;
  }
	.m3_aslp-slide-button-radio label:hover, .m3_aslp-slide-button-checkbox label:hover {
  background-color: #f2f2f2;
	}
}
/*  追加のチェックボックス（ついで非常勤）エリア  */
.m3_aslp-slide-form-add-checkbox {
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-form-add-checkbox {
    text-align: left;
  }
}
/*  formパーツアレンジ（radio、checkboxのマークを大きく）  */
.m3_aslp-slide-form-chkbox {
  margin: 0;
}
.m3_aslp-slide-form-chkbox label {
  padding-left: 38px; /* ラベルの位置 */
  font-size: 1rem;
  line-height: 1;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.m3_aslp-slide-form-chkbox label:before {
  content: '';
  width: 18px; /* ボックスの横幅 */
  height: 18px; /* ボックスの縦幅 */
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #666;
  box-shadow: inset 1px 1px 1px 0px #999;
}
.m3_aslp-slide-form-chkbox input[type=checkbox] {
  display: none;
}
.m3_aslp-slide-form-chkbox input[type=checkbox]:checked + label:before {
  content: '\2713'; /* チェックの文字 */
  font-size: 18px; /* チェックのサイズ */
  color: #fff; /* チェックの色 */
  background-color: #3399ff; /* チェックした時の色 */
}

/*  エージェント選択エリア  */
.m3_crr-float1 ul{
	display: -webkit-flex;
	display: flex;

    -webkit-flex-direction: row;
    flex-direction: row;
}

br.note{
	display: none;
}

@media screen and (max-width: 768px) {
	.m3_crr-float1 ul{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0:
	}
	br.note{
		display: block;
	}
}

div.m3_crr-check-group .m3_crr-float1 li,
div.m3_crr-radio-group .m3_crr-float1 li {
    margin-top: -1px;
}

.m3_crr-check-group ul,
.m3_crr-check-group-comany ul{
	position: relative;

}


.m3_crr-check-group ul li,
.m3_crr-check-group-comany ul li{
	list-style:none;
	position: relative;
	overflow: hidden;
	float: left;
	height: 100%;
    min-height: 1px;
	
}

.m3_crr-check-group ul li small,
.m3_crr-check-group-comany ul li small{
	display: none;
}

@media screen and (max-width: 768px) {
	.m3_crr-check-group ul li,
	.m3_crr-check-group-comany ul li{
		list-style:none;
		width: 100%;
		float: none;
		display: block;
		position: relative;
		margin: 0;
		margin-bottom: 5px;
	}
	.m3_crr-check-group ul li small,
	.m3_crr-check-group-comany ul li small{
		display: block;
	}
}




div.m3_crr-check-group .m3_crr-check-group-comany {
    display: inline-block !important;
    padding: 5px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

div.m3_crr-check-group input:checked+label .m3_crr-check-group-inner {
    display: inline-block !important;
    padding-left: 20px!important;
    padding-right: 10px;
    background: url(https://m3c-career.s3.amazonaws.com/images/as/as_slide1/aslp_slide_check-o.png) 4px 4px no-repeat !important;
    -moz-background-size: 14px 14px!important;
    background-size: 14px 14px!important;
}

@media screen and (max-width: 768px) {
	div.m3_crr-check-group input:checked+label .m3_crr-check-group-inner {
		display: block !important;
		padding-left: 30px!important;
		padding-right: 10px;
		background: url(https://m3c-career.s3.amazonaws.com/images/as/as_slide1/aslp_slide_check-o.png) 4px 4px no-repeat !important;
		-moz-background-size: 20px 20px!important;
		background-size: 20px 20px!important;
	}
}

div.m3_crr-check-group label .m3_crr-check-group-inner {
    display: block;
    padding-left: 20px!important;
    padding-right: 10px;
    background: url(https://m3c-career.s3.amazonaws.com/images/as/as_slide1/aslp_slide_check-c.png) 4px 4px no-repeat !important;
    -moz-background-size: 14px 14px!important;
    background-size: 14px 14px!important;
}

@media screen and (max-width: 768px) {
	div.m3_crr-check-group label .m3_crr-check-group-inner {
		display: block;
		padding-left: 30px!important;
		padding-right: 10px;
		background: url(https://m3c-career.s3.amazonaws.com/images/as/as_slide1/aslp_slide_check-c.png) 4px 4px no-repeat !important;
		-moz-background-size: 20px 20px!important;
		background-size: 20px 20px!important;
	}
}

div.m3_crr-check-group .m3_crr-check-group-comany img {
    float: none !important;
    margin: 0 0 6px 0 !important;
    vertical-align: top;
}

div.m3_crr-check-group .m3_crr-check-group-comany strong{
	display: block;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
  div.m3_crr-check-group .m3_crr-check-group-comany img {
    margin:  0 5px 0 0 !important;
    vertical-align: middle;
  }
  div.m3_crr-check-group .m3_crr-check-group-comany strong {
    float: none !important;
	line-height: 1.6;
  }
}

.agent_content{
	position: relative;
	overflow: hidden;
}

div.m3_crr-check-group label {
    cursor: pointer;
    display: inline-block !important;
    width: 166px;
	height: 112px;
    border: solid 1px #aaa!important;
	border-bottom:#aaa 5px solid!important;
	margin-left: 5px !important;
	margin-right: 5px !important;
    padding: 0.2em 0!important;
    background: #fff!important;
	font-size: 14px;
	line-height: 1.3;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;

}

.inner {
    padding:0;
	overflow: hidden;
}
.caption {
    position:absolute;
    left:-1px;
	top:112px;
    background-color: rgba(0, 0, 0, 0.6);
    color:#fff;
    padding:5px 6px;
    width:170px;
    height:88px;
	font-size: 11px;
	box-sizing: border-box;
}


@media screen and (max-width: 768px) {
	.caption {
		display: none;
	}

}

@media screen and (max-width: 768px) {
	div.m3_crr-check-group label {
		cursor: pointer;
		display: inline-block !important;
		width: 90%;
		height: auto;
		border: solid 2px #aaa!important;
		border-bottom:#aaa 5px solid!important;
		margin: 0 !important;
		padding: 0.2em 0!important;
		background: #fff!important;

	}
}

div.m3_crr-check-group input {
    display: none;
}

div.m3_crr-check-group input:checked+label{
	background: #fff !important;
	border: #209cff 1px solid!important;
	border-bottom:#209cff 5px solid!important;
}

@media screen and (max-width: 768px) {
	div.m3_crr-check-group input:checked+label{
		background: #fff !important;
		border: #209cff 2px solid!important;
		border-bottom:#209cff 5px solid!important;
	}
}
input[type="checkbox"]+label, input[type="radio"]+label {
    display: inline-block;
    margin-left: 0.5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align:top !important;
}

@media screen and (max-width: 768px) {
	div.m3_crr-check-group label {
		cursor: pointer;
		display: block;
		width: 100%;
		border: solid 1px #aaa;
		margin: 0;
		padding: 0.65em 0;
		background: #fff !important;
	}
	div.m3_crr-check-group input:checked+label .m3_crr-check-group-inner {
		display: block;
		padding-left: 30px;
		padding-right: 10px;
		-moz-background-size: 21px 21px;
		background-size: 21px 21px;
	}
}

/*  ボタンエリア  */
.m3_aslp-slide-form-btn-box {
  display: flex;
  align-items: center; /* 上下中央揃え */
  margin: 0 30px 15px;
}
.m3_aslp-slide-form-btn-box-l {
  width: 20%;
}
.m3_aslp-slide-form-btn-box-r {
  width: 80%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-form-btn-box {
    margin: 0 10px 20px;
  }
}
/*  ボタン  */
.m3_aslp-slide-btn-green, .m3_aslp-slide-btn-white {
  display: block;
  position: relative;
  padding: 12px 10px;
  width: 100%;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  color: #000;
  font-size: 1.25rem;
  line-height: 1.3;
	cursor: pointer;
}
.m3_aslp-slide-btn-green {
  background: #78BF51;
  color: #fff !important;
  text-decoration: none !important;
  border-bottom: 2px solid #2b600f;
}
.m3_aslp-slide-btn-white {
  background: #FFF;
  color: #333;
  border: 1px solid #999;
  border-bottom: 2px solid #999;
}
.m3_aslp-slide-btn-green:hover {
  background-color: #63cd2c;
  padding: 12px 10px;
}
.m3_aslp-slide-btn-white:hover {
  background-color: #eee;
  padding: 12px 10px;
}
/*  greenボタン 左端に>付き  */
.m3_aslp-slide-btn-green::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
}
/*  ボタン内 テキストの一部だけ小さくする  */
.m3_aslp-slide-btn-text-option {
  font-size: 1.125rem;
}
@media screen and (max-width: 768px) {
  .m3_aslp-slide-btn-text-option {
    font-size: 0.9375rem;
  }
}

/*foundationの属性引き継ぎ*/
@media only screen and (min-width: 90.0625em)
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
}
@media only screen and (min-width: 90.0625em)
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
}

@media only screen and (min-width: 64.0625em)
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
}
@media only screen and (min-width: 64.0625em)
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
}

@media only screen and (min-width: 40.0625em)
.hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
}
@media only screen and (min-width: 40.0625em)
.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
}

.show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down {
    display: inherit !important;
}
.hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
    display: none !important;
}


/*slick---左右の矢印の色を変える*/
.slide-prev:before,
.slide-next:before {
    color: #333;
}
/*左右の矢印の位置を変える*/
.slide-next {
    right: -18px;
    z-index: 1500;
}
.slide-prev {
     left: -13px;
    z-index: 1500;
}

@media screen and (max-width: 768px) {
	.slide-next {
		right: -8px;
		z-index: 1500;
	}
	.slide-prev {
		 left: -8px;
		z-index: 1500;
	}
}

/*スライド画像の横幅可変*/
img {
    max-width: 100%;
     height: auto;
}


.slide-slider .slide-track,
.slide-slider .slide-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slide-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
    z-index: 0;
}

.slide-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slide-prev, .slide-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.slide-track:before, .slide-track:after {
    display: table;
    content: '';
}