/* CSS Document */

/* -----------------------------------------------------------------------------

  Company
  
----------------------------------------------------------------------------- */

@media screen and (min-width: 751px) {

/* page_tit
---------------------------------------------*/
.page_tit{
  text-align: center;
  margin-bottom: 74px;
}
.page_tit .tit{
  font-size: 320%;
  margin-bottom: 0.331em;
}
.page_tit .tit + p{
  font-size: 120%;
}
/* dl
---------------------------------------------*/
dl.cf{
  width: 100%;
  font-size: 140%;
  line-height: 2;
}
dl.cf > dt{
  width: 16.2%;
  float: left;
  border-top: 1px solid #000;
  padding-top: 3.5%;
  padding-left: 2.4%;
  padding-bottom: 3.9%;
  box-sizing: border-box;
  color:#000;
}
dl.cf > dt.last{
  border-bottom: 1px solid #000;
}
dl.cf > dd{
  width: 81.4%;
  float: right;
  border-top: 1px solid #eee;
  padding-top: 3.5%;
  padding-left: 1.4%;
  padding-bottom: 3.9%;
  box-sizing: border-box;
  color:#555555;
}

dl.cf > dd.last{
  border-bottom: 1px solid #eee;
}
  dl.cf > dd .box{
    margin-top: 1em;
  }
    dl.cf > dd .box dl dd:before{
    content: "◇";
    display: inline-block;
  }
/* intro
---------------------------------------------*/
#intro{
  font-size: 120%;
  line-height: 1.8;
  padding: 0 0 71px;
}
#intro .inner{
  max-width: 600px;
}
  #intro .inner p:not(:first-of-type){
    margin-top: 1em;
  }
/* recruit_info
---------------------------------------------*/
  #recruit_info{
    padding: 0 0 92px;
  }
#recruit_info .inner{
  max-width: 740px;
}
#recruit_info .tit {
    font-size: 160%;
    line-height: 1;
    padding-left: 1em;
    padding-bottom: 0.9375em;
    box-sizing: border-box;
}
  /*  #subscription 
---------------------------------------------*/
  #subscription{
    background: #FBFBFF;
    text-align: center;
    padding: 50px 0;
  }
  #subscription .btn{
    font-size:180%;
  }
  #subscription .btn.typ1{
    width:32.727%;
    font-size:180%;
    padding: 1.111em 0;
  }
  /*-----endPC------------------------------------------------------------*/}
@media screen and (max-width: 750px) {
  /* page_tit
---------------------------------------------*/
.page_tit{
  padding-bottom: 35px;
  text-align: center;
  color: #00003F;
}
.page_tit .tit{
  font-size: 230%;
  margin-bottom: 0.956em;
}
.page_tit .tit + p{
  font-size: 120%;
  }
/* intro
---------------------------------------------*/
#intro{
  font-size: 100%;
  line-height: 1.8;
  padding-bottom: 60px;
}
#intro .inner{
  width: 92%;
  margin: auto;
}
  #intro .inner p:not(:first-of-type){
    margin-top: 1em;
  }
/* dl
---------------------------------------------*/
dl.cf{
  width: 100%;
  font-size: 110%;
  line-height: 2;
}
dl.cf > dt{
  width: 25%;
  float: left;
  border-top: 1px solid #000;
  padding-top: 3.5%;
  padding-left: 2.4%;
  padding-bottom: 3.9%;
  box-sizing: border-box;
  color: #000;
}
dl.cf > dt.last{
  border-bottom: 1px solid #000;
}
dl.cf > dd{
  width: 72%;
  float: right;
  border-top: 1px solid #eee;
  padding-top: 3.5%;
  padding-left: 1.4%;
  padding-bottom: 3.9%;
  box-sizing: border-box;
  color: #555555;
}
dl.cf > dd.last{
  border-bottom: 1px solid #eee;
}
  dl.cf > dd .box{
    margin-top: 1em;
  }
    dl.cf > dd .box dl dd:before{
    content: "◇";
    display: inline-block;
  }
/* recruit_info
---------------------------------------------*/
  #recruit_info{
    padding-bottom: 60px
  }
#recruit_info .inner{
  width: 92%;
  margin: auto;
}
#recruit_info .tit {
    font-size: 130%;
    padding-left: 1em;
    padding-bottom: 0.961em;
    box-sizing: border-box;

}
  /*  #subscription 
---------------------------------------------*/
  #subscription{
    background: #FBFBFF;
    text-align: center;
    padding: 42px 0;
  }
  #subscription .inner {
    width: 92%;
    margin: auto;
}
  /*-----endSP------------------------------------------------------------*/}