@charset "utf-8"; /* charset */

/*必要要素の初期設定*/
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
}
h1,h2,h3,h4,h5,h6,p,ul,li,dl,dt,dd,table,th,td {
	margin:0;
	padding:0;
	box-sizing:border-box;
}
li {
	list-style:none;
}

/*必要要素の初期設定 ユニーク系*/
#m3_crr-line_lp a {
	text-decoration: underline!important;
  color:#0066ff!important;
}

/*general系*/
.m3_clearfix:after {
    content:"";
    display:block;
    clear:both;
}
.m3_bold {
  font-weight: bold;
}
.m3_display-ib {
  display: inline-block;
}
.m3_lh0 {
  line-height: 0;
}
.m3_fs0 {
  font-size: 0;
}

/*general ユニーク系*/
.m3_crr-line-orange {
  color: #f16709;
}

/*----------------------パンくず、コンテナ、タイトル ------------------  */
/*  line path  */
#m3_crr-line-path {
	line-height:1;
	border-bottom: 1px solid #D6DCEE;
	font-size: 0.75rem;
	margin: 0;
	min-width: 990px;
	text-align:left;
}
#m3_crr-line-path p {
	margin: 0 auto;
	padding: 8px 0 0.7em 5px;
	width: 950px;
}
#m3_crr-line-path a {
	margin: 0 12px;
	text-decoration: none;
}
#m3_crr-line-path em {
	font-style: normal;
	font-weight: bold;
	margin-left: 12px;
}
/*  base container  */
#m3_crr-line-container {
	clear:both;
	margin:0 auto;
	width:950px;
	padding-bottom:30px;
}
/*  joblist title  */
.m3_crr-line-joblistTit {
	padding-bottom:5px;
	border-bottom:4px solid #343399;
	text-align:left;
  margin-bottom: 1rem;
}
.m3_crr-line-joblistTit h2 {
	margin-top:15px;
	font-size:1.25rem;
}
@media screen and (max-width: 960px){
  body,#m3_crr-line-path {
    min-width: 100%;
  }
  #m3_crr-line-path, #m3_crr-line-path p, #m3_crr-line-container {
    width: 100%;
  }
  /*  joblist title  */
  .m3_crr-line-joblistTit {
    padding:5px;
    border-bottom:2px solid #343399;
    text-align:left;
    margin-bottom: 0.5rem;
  }
  .m3_crr-line-joblistTit h2 {
    margin-top:10px;
    font-size:1rem;
    line-height: 1.2;
  }
}
@media screen and (max-width: 640px){
  #m3_crr-line-path {
    display: none;
  }
}

/*-------------------- メインエリア ------------------  */
/*メインbox*/
.m3_crr-line-mainbox {
  margin-bottom: 0.5rem;
}
@media screen and (min-width:641px) {
  .m3_crr-line-sp-only {
    display: none;
  }
}
@media screen and (max-width:640px) {
  .m3_crr-line-pc-only {
    display: none;
  }
}
/*メインbox下メッセージ*/
.m3_crr-line-mainbox-bottom-msg {
  font-size: 0.875rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width:960px) {
  .m3_crr-line-mainbox-bottom-msg {
  padding: 0 10px;
  }
}
@media screen and (max-width:640px) {
  .m3_crr-line-mainbox-bottom-msg {
  font-size: 0.75rem;
  }
}
/*メインbox下 PR*/
.m3_crr-line-mainbox-bottom-pr {
  background-color: #efefef;
  padding: 10px;
}
.m3_crr-line-mainbox-bottom-pr dt {
  font-weight: bold;
  margin-bottom: 5px;
}
.m3_crr-line-mainbox-bottom-pr dd {
  font-size: 0.75rem;
}
.m3_crr-line-mainbox-bottom-pr-step1 {
  display: inline-block;
  background-color: #f29a28;
  margin: 0 5px 3px 0;
  padding: 5px;
  line-height: 1.0;
  color: #fff;
}
.m3_crr-line-mainbox-bottom-pr-point {
  display: inline-block;
  color: #f16709;
}
.m3_crr-line-mainbox-bottom-pr-point img {
  vertical-align: middle;
  margin: 0 0.25rem;
}
@media screen and (max-width:640px) {
  .m3_crr-line-mainbox-bottom-pr {
    margin: 10px;
  }
  .m3_crr-line-mainbox-bottom-pr dt {
    font-size: 0.875rem;
  }
  .m3_crr-line-mainbox-bottom-pr dd {
    font-size: 0.675rem;
  }
}

/*-------------------- 登録ボタンbox ------------------  */
.m3_crr-line-btnbox {
  text-align: center;
  margin: 2rem auto;
}
.m3_crr-line-btnbox-img {
  width: 320px;
}
@media screen and (max-width: 640px){ 
  .m3_crr-line-btnbox-img {
    width: 260px;
  }
}
.m3_crr-line-btnbox-msg {
  padding: 10px;
  font-size: 0.875rem;
  text-align: center;
}
@media screen and (max-width: 640px){
  .m3_crr-line-btnbox {
    margin: 1.5rem auto;
  }
  .m3_crr-line-btnbox-msg {
    font-size: 0.75rem;
  }
}
/*-------------------- 詳細box ------------------  */
.m3_crr-line-detail-box {
  margin: 0 0 2rem 0;
  background-color: #fbeed4;
  padding: 30px 20px;
}
.m3_crr-line-detail-box-ttl {
  font-size: 1.75rem;
  line-height: 1.1;
  border-bottom: 1px dashed #aaa;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
}
@media screen and (max-width: 960px){ 
  .m3_crr-line-detail-box {
    padding: 20px 10px;
  }
  .m3_crr-line-detail-box-ttl {
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
    padding-bottom: 0.25rem;
  }
}
@media screen and (max-width: 640px){ 
  .m3_crr-line-detail-box {
    padding: 10px 10px;
  }
  .m3_crr-line-detail-box-ttl {
    font-size: 1.125rem;
  }
}
/*-------------------- LINEの使い方 ------------------  */
/*ステップbox--PC4カラム、SP2カラム切り替え*/
.m3_crr-line-step-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -0.75%;
}
.m3_crr-line-step-box li{
  margin: 0 0.75% 10px;
  background-color: #fff;
  width: calc(24.25% - 0.75%);
}
@media screen and (max-width:640px) {
  .m3_crr-line-step-box li{
    width: calc(49.25% - 0.75%);
  }
}

/*ステップ 中身*/
.m3_crr-line-step-list dt {
  background-color: #78cb4f;
  padding: 0.5rem 0.25rem;
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
}
.m3_crr-line-step-list-step1 dt {
  background-color: #f29a28;

  
}
.m3_crr-line-step-list-step2 dt {
  background-color: #5180c8;
}
.m3_crr-line-step-list dd {
  padding: 0.5rem;
}
@media screen and (max-width:960px) {
  .m3_crr-line-step-list dt {
    font-size: 1rem;
  }
  .m3_crr-line-step-list dd {
    font-size: 0.875rem;
  }
}
.m3_crr-line-step-list-point {
  display: inline-block;
  color: #f16709;
}
.m3_crr-line-step-list-point img {
  vertical-align: middle;
  margin: 0 0.25rem;
}

/*-------------------- LINE連携、友だち登録の方法 ------------------  */
/*メソッド*/
.m3_crr-line-method {
}
.m3_crr-line-method-dt {
  background-color: #354f29;
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.1;
  padding: 5px 10px 5px 20px;
} 
.m3_crr-line-method-dd {
  background-color: #fff;
  padding: 30px 80px;
}
.m3_crr-line-method-ttlbox {
  display: table;
  margin-bottom: 20px;
}
.m3_crr-line-method-iconbox {
  display: table-cell;
}
.m3_crr-line-method-ttl {
  display: table-cell;
  vertical-align: middle;
  color: #354f29;
  font-size: 1.5rem;
  padding-left: 20px;
}
.m3_crr-line-method-icon {
  display: inline-block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #78cb4f;
  text-align:center;
  line-height: 80px;
  font-size: 1.25rem;
  vertical-align: middle;
  color: #fff;
  font-weight: normal;
}
.m3_crr-line-method-icon span {
  font-size: 1.5rem;
}
.m3_crr-line-method-qrbox {
  border-bottom: 1px dashed #aaa;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.m3_crr-line-method-qrbox img {
  float: right;
  margin: 0 0 0 20px;
  width: 155px;
}
.m3_crr-line-method-notes {
  font-size: 0.875rem;
}
.m3_crr-line-method-notes dt {
  margin-top: 1.5rem;
  font-weight: bold;
}
.m3_crr-line-method-notes dd {
}
.m3_crr-line-method-notes li {
  list-style-type: inherit;
  margin-left: 1rem;
} 
@media screen and (max-width: 960px){
  .m3_crr-line-method {
  }
  .m3_crr-line-method-dt {
    font-size: 1rem;
    padding: 3px 10px;
  }
  .m3_crr-line-method-dd {
    padding: 10px 30px;
    font-size: 0.875rem;
  }
  .m3_crr-line-method-ttlbox {
    margin-bottom: 10px;
  }
  .m3_crr-line-method-iconbox {
  }
  .m3_crr-line-method-ttl {
    font-size: 1rem;
    padding-left: 10px;
  }
  .m3_crr-line-method-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 0.875rem;
  }
  .m3_crr-line-method-icon span {
    font-size: 1rem;
  }
  .m3_crr-line-method-qrbox {
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  .m3_crr-line-method-qrbox img {
    margin: 0 0 0 15px;
    width: 100px;
  }
}

@media screen and (max-width: 640px) {
  .m3_crr-line-method-dd {
    padding: 10px;
  }
}
/*-------------------- 転職を考えていない先生もぜひご活用ください ------------------  */
/*PR box*/
.m3_crr-line-pr-box {
  margin: 2rem 0;
}
.m3_crr-line-pr-box-ttl {
  background-color: #78cb4f;
  padding: 0.25rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.m3_crr-line-pr-box-inner {
  width: 70%;
  margin: 1rem auto;
}
.m3_crr-line-pr-box-cnsl {
  float: left;
  margin-right: 2rem;
  width: 210px;
}
.m3_crr-line-pr-box-text {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.m3_crr-line-pr-box-text span {
  display: inline-block;
}
.m3_crr-line-pr-box-logo {
  width:310px;
}

@media screen and (max-width: 960px){
  .m3_crr-line-pr-box-ttl {
  font-size: 1.25rem;
  }
  .m3_crr-line-pr-box-inner {
  width: 70%;
  margin: 1rem auto;
  }
  .m3_crr-line-pr-box-cnsl {
  margin-right: 1rem;
  width: 120px;
  }
  .m3_crr-line-pr-box-text {
  font-size: 1.25rem;
  }
  .m3_crr-line-pr-box-text span {
  display: inline;
  }
.m3_crr-line-pr-box-logo {
  width:200px;
  margin-left: 0;
  }
}
@media screen and (max-width: 640px){
  .m3_crr-line-pr-box-ttl {
  font-size: 1rem;
  }
  .m3_crr-line-pr-box-inner {
  width: 95%;
  }
  .m3_crr-line-pr-box-text {
  font-size: 0.875rem;
  }
  .m3_crr-line-pr-box-logo {
  width:150px;
  }
}
/*-------------------- ログイン後リダイレクト画面 ------------------  */
.m3_crr-line-after-login-box {
  margin: 2rem 0;
  text-align: center;
}
.m3_crr-line-after-login-box-msg {
  padding: 1rem;
  background-color: #eeeeee;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 1rem;
}
.m3_crr-line-after-login-box-img {
  margin-bottom: 1rem;
  width: 422px;
}
.m3_crr-line-after-login-box-text {
  font-size: 0.875rem;
}
@media screen and (max-width: 640px){
.m3_crr-line-after-login-box {
  margin: 1rem 0;
  }
  .m3_crr-line-after-login-box-msg {
    padding: 0.5rem;
    font-size: 0.875rem;
  }
  .m3_crr-line-after-login-box-img {
    width: 310px;
  }
  .m3_crr-line-after-login-box-text {
    font-size: 0.75rem;
  }
}

/*-------------------- 完了画面 ------------------  */
.m3_crr-line-comp-msgbox {
  margin: 2rem 0;
}
.m3_crr-line-comp-msgbox-inner {
  width: 70%;
  margin: 1rem auto;
}
.m3_crr-line-comp-msgbox-cnsl {
  float: left;
  margin-right: 2rem;
  margin-bottom: 2rem;
  width: 170px;
}
.m3_crr-line-comp-msgbox-text {
  padding-top: 1rem;
  font-size: 1rem;
}

@media screen and (max-width: 960px){
  .m3_crr-line-comp-msgbox-inner {
    width: 70%;
    margin: 1rem auto;
  }
  .m3_crr-line-comp-msgbox-cnsl {
    margin-right: 1rem;
    width: 120px;
  }
  .m3_crr-line-comp-msgbox-text {
    font-size: 1rem;
  }
}
@media screen and (max-width: 640px){
  .m3_crr-line-comp-msgbox {
    margin: 1rem 0;
  }
  .m3_crr-line-comp-msgbox-inner {
    width: 95%;
  }
  .m3_crr-line-comp-msgbox-text {
    font-size: 0.875rem;
    margin: 0.5rem auto;
  }
}