@charset "UTF-8";
/*///////////////////////////////////////////////////////
	Author	tanayoshi
	Date　	2016.06.15
///////////////////////////////////////////////////////*/
/*css設定の読み込み
------------------------------*/
/*///////////////////////////////////////////////////////
	setting.css
	
	Author	tanayoshi
	Date　	2016.03.03
///////////////////////////////////////////////////////*/
/*カラー設定
------------------------------*/
/*テキストカラー*/
/*メインカラー*/
/*フッターカラー*/
/*青*/
/*基本設定
------------------------------*/
/*メイン横幅*/
/*ベンダープレフィックス設定
------------------------------*/
/*フォント設定
------------------------------*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);
@font-face {
  font-family: 'TeX Gyre Adventor';
  src: url("https://www.work-wheels.co.jp/fonts/texgyreadventor-bold.otf"); }
/*///////////////////////////////////////////////////////
	_style.css
	Author	tanayoshi
	Date　	2016.06.15
///////////////////////////////////////////////////////*/
#guideWrap {
  padding: 20px 0 60px;
  /*explainSection*/
  /*listBody*/ }
  #guideWrap .explainSection {
    margin-bottom: 30px; }
    #guideWrap .explainSection .subTitleStyle {
      margin-bottom: 10px;
      padding-bottom: 7px;
      border-bottom: 1px solid #333;
      text-align: center;
      font-weight: bold;
      font-size: 1.2em; }
    #guideWrap .explainSection p strong {
      display: inline-block;
      margin-bottom: 8px;
      font-weight: bold; }
  #guideWrap .listBody > li:last-child {
    border-bottom: 1px solid #B3B3B3; }
  #guideWrap .listBody > li h4 a {
    display: block;
    padding: 10px 10%;
    border-top: 1px solid #B3B3B3;
    background: #EFEFEF;
    font-size: 1.2em;
    font-weight: bold; }
  #guideWrap .listBody > li .listInner {
    display: none;
    padding: 15px 0; }
    #guideWrap .listBody > li .listInner .section {
      margin-bottom: 25px; }
    #guideWrap .listBody > li .listInner h5 {
      margin-bottom: 10px;
      font-size: 1.1em;
      font-weight: bold; }
      #guideWrap .listBody > li .listInner h5.title {
        padding-left: 5px;
        border-left: 4px solid #333; }
      #guideWrap .listBody > li .listInner h5.wftTitle {
        margin-top: 10px;
        border-bottom: 1px solid #333;
        font-size: 1.1em; }
        #guideWrap .listBody > li .listInner h5.wftTitle span {
          font-size: 0.8em; }
      #guideWrap .listBody > li .listInner h5.blueTitle {
        font-size: 1.2em;
        color: #1D2087; }
      #guideWrap .listBody > li .listInner h5.colorTitle {
        padding: 7px;
        background: #1D2087;
        font-size: 1.2em;
        color: #fff;
        font-weight: normal; }
        #guideWrap .listBody > li .listInner h5.colorTitle span {
          margin-left: 8px;
          font-size: 0.7em; }
    #guideWrap .listBody > li .listInner .sup .outer {
      display: grid;
      align-items: center;
      grid-template-columns: 48px 1fr;
      margin-bottom: 20px;
      padding-bottom: 10px;
      border-bottom: 1px solid #CCC; }
      #guideWrap .listBody > li .listInner .sup .outer .label {
        height: 20px;
        text-align: center;
        line-height: 20px;
        font-size: 10px;
        color: #fff;
        background: #333;
        border-radius: 3px; }
      #guideWrap .listBody > li .listInner .sup .outer .list {
        font-size: 12px; }
    #guideWrap .listBody > li .listInner .titleText {
      margin-bottom: 15px;
      font-weight: bold;
      font-size: 1em; }
      #guideWrap .listBody > li .listInner .titleText.mb5 {
        margin-bottom: 5px; }
    #guideWrap .listBody > li .listInner .attention {
      padding: 20px;
      background: #F8F8F8; }
    #guideWrap .listBody > li .listInner .etcBox {
      padding: 20px;
      border: 3px solid #ccc; }
    #guideWrap .listBody > li .listInner p {
      font-size: 0.9em; }
      #guideWrap .listBody > li .listInner p span {
        display: block;
        margin-top: 5px;
        line-height: 16px;
        font-size: 0.8em; }
        #guideWrap .listBody > li .listInner p span.tokkyo {
          font-size: inherit;
          text-align: right; }
      #guideWrap .listBody > li .listInner p .txt_link {
        color: #24278B;
        text-decoration: underline; }
    #guideWrap .listBody > li .listInner .small {
      font-size: 0.8em; }
    #guideWrap .listBody > li .listInner dl {
      padding: 20px 0; }
      #guideWrap .listBody > li .listInner dl dt {
        font-weight: bold; }
        #guideWrap .listBody > li .listInner dl dt.title {
          margin-bottom: 5px;
          padding: 3px 0;
          text-align: center;
          background: #1D2087;
          color: #fff;
          font-weight: normal; }
      #guideWrap .listBody > li .listInner dl dd {
        margin-bottom: 10px;
        font-size: 0.9em; }
    #guideWrap .listBody > li .listInner .wftTitle {
      margin-top: 10px;
      border-bottom: 1px solid #333;
      font-size: 1.1em; }
      #guideWrap .listBody > li .listInner .wftTitle span {
        font-size: 0.8em; }
    #guideWrap .listBody > li .listInner .closeBtn {
      text-align: center; }
      #guideWrap .listBody > li .listInner .closeBtn a {
        display: inline-block;
        padding: 6px 20px;
        background: #333;
        color: #fff; }
    #guideWrap .listBody > li .listInner.open {
      display: block; }

/*///////////////////////////////////////////////////////
	_style.css
	Author	tanayoshi
	Date　	2016.04.14
///////////////////////////////////////////////////////*/
/*=====共通設定=====*/
.mr0 {
  margin-right: 0; }

/*# sourceMappingURL=include.css.map */