@charset "UTF-8";

/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:414px) {
    .sma{
        display: block;
    }
}

/*PCでは無効（改行しない）*/
.tab{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .tab{
        display: block;
    }
}

/*tab PC適用*/
.tabpc{
    display: none;
}

/*tab pcでは有効*/
@media screen and (min-width:415px) {
    .tabpc{
        display: block;
    }
}


/*テーブルを可変*/

/*線なし、パディングなしタイプ*/
.tb_kahen{width: 65%;}
@media screen and (min-width: 1024px) {.tb_kahen{width: 65%;}}
@media screen and (max-width: 1023px) {.tb_kahen{width: 85%;}}
@media screen and (max-width: 768.5px) {.tb_kahen{width: 100%;}}
@media screen and (max-width: 428.5px) {.tb_kahen{width: 100%;}}
@media screen and (max-width: 390.5px) {.tb_kahen{width: 100%;}}
@media screen and (max-width: 320.5px) {.tb_kahen{width: 100%;}}

.tb_kahen td{border: none  !important; padding: 2px!important; }


.p_kahen{margin-left:1em;}
@media screen and (min-width: 1024px) {.p_kahen{margin-left: 1em;}}
@media screen and (max-width: 1023px) {.p_kahen{margin-left: 3em;}}
@media screen and (max-width: 768.5px) {.p_kahen{margin-left: 1em;}}
@media screen and (max-width: 428.5px) {.p_kahen{margin-left: 1em;}}
@media screen and (max-width: 390.5px) {.p_kahen{margin-left: 1em;}}
@media screen and (max-width: 320.5px) {.p_kahen{margin-left: 0em;}}


/*線なし、パディングなしタイプ*/
.tb_kahen2{width: 65%;}
@media screen and (min-width: 1024px) {.tb_kahen2{width: 65%;}}
@media screen and (max-width: 1023px) {.tb_kahen2{width: 85%;}}
@media screen and (max-width: 768.5px) {.tb_kahen2{width: 100%;}}
@media screen and (max-width: 428.5px) {.tb_kahen2{width: 100%;}}
@media screen and (max-width: 390.5px) {.tb_kahen2{width: 100%;}}
@media screen and (max-width: 320.5px) {.tb_kahen2{width: 100%;}}
.tb_kahen2 td{padding: 5px!important; } 


/*スマホとパソコンの横サイズ同じ*/
.tb_kahen3{width: 45%;}
@media screen and (min-width: 1024px) {.tb_kahen3{width: 45%;}}
@media screen and (min-width: 429px) and (max-width: 1023px) {.tb_kahen3{width: 60%;}}
@media screen and (max-width: 428.5px) {.tb_kahen3{width: 100%;}}
.tb_kahen3 td{padding: 2px!important; }
.tb_kahen3b td{border: none  !important; padding: 2px; }

/*囲み文字の指定*/

/*背景色あり(枠線あり)*/
.kakomimasu{display: inline-block; border: solid 1px #000; padding: 0px 4px; background-color: #faeef4;}
/*背景色なし*/
.kakomimasu2{display: inline-block; border: solid 1px #000; padding: 0px 4px;}

/*背景色あり(枠線なし)*/
.kakomimasu3{display: inline-block; border: none; padding: 0px 4px; background-color: #faeef4;}


/*（例とタイトルが）濃いピンク背景*/

.kakomimasu4{display: inline-block; border: none; padding: 6px 4px; background-color: #efcbe4; text-indent: -3em; padding-left: 3em; line-height: 1.2em; font-weight: bold;}


/*図の設定*/

/*記号や線があるtd*/
td .kigou {
	text-align: center;
	vertical-align: top ;
	overflow: hidden;
	line-height: 12px ;
	padding: 0 0 0 0 ;
	margin: 0 0 0 0  ;
	height: 22px ;
}

td .kigou img {
	vertical-align: top ;
	overflow: hidden ;
	max-width:100% ;
	height:auto ;
    margin: 0 0 0 0  ;
	padding: 0 0 0 0  ;
}

td .kigou p {
	vertical-align: middle ;
	line-height: 12px ;
	padding: 0px ;
	margin: 0px ;
	font-size: 12px ;
}




/*分数式のテーブル可変*/

.3kahen{
 width: 100px;	
}

/*@media screen and (min-width: 415px) {.3kahen td {width: 70%; background-color: aqua; margin-top: 100px !important;  }}
@media screen and (min-width: 769px) {.3kahen td {width: 50%; background-color: aqua; margin-top: 100px !important; }}*/



/*社労士用 小タイトル１*/

.s-1-sr {
  color:black;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  text-indent: 0;
  background-color: #faeef4 !important;
  border-radius: 5px;
  width: 100%;
  margin: 25px 0px 30px 0px;
  font-size: 33px;
}

@media screen and (max-width: 768.5px) {
  .s-1-sr {
    color:black;
    font-weight: bold;
    padding: 0.65062vw 0.65062vw 0.65062vw 1.95185vw;
    text-indent: 0;
    background-color: #faeef4 !important;
    border-radius: 0.65062vw;
    width: 100%;
    margin: 3.25309vw 0px 1.30124vw 0px;
    font-size: 3.7vw;
  }
}

@media screen and (max-width: 768.5px) {.s-1-sr {font-size: 3.7vw;}}
@media screen and (max-width: 428.5px) {.s-1-sr {font-size: 4.0vw;}}
@media screen and (max-width: 390.5px) {.s-1-sr {font-size: 4.5vw;}}
@media screen and (max-width: 320.5px) {.s-1-sr {font-size: 5.0vw;}}


/*社労士用 小タイトル2*/

.s-2-sr {
  color:black;
  font-weight: bold;
  width: 100%;
  font-size: 23px;
}

@media screen and (max-width: 768.5px) {
  .s-2-sr {
    color:black;
    font-weight: bold;
    text-indent: 0;
    width: 100%;
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 768.5px) {.s-2-sr {font-size: 2.6vw; text-indent: -1.2em; padding-left: 1.2em; line-height: 1.2em;}}
@media screen and (max-width: 428.5px) {.s-2-sr {font-size: 3.8vw; text-indent: -1.2em; padding-left: 1.2em; line-height: 1.2em;}}
@media screen and (max-width: 390.5px) {.s-2-sr {font-size: 4.6vw; text-indent: -1.2em; padding-left: 1.2em; line-height: 1.2em;}}
@media screen and (max-width: 320.5px) {.s-2-sr {font-size: 4.6vw; text-indent: -1.2em; padding-left: 1.2em; line-height: 1.2em;}}


/*重要度*/

@media screen and (min-width: 1024px) {
.jyd{ font-size: 15px; border: 1px solid; padding: 1px 5px 1px 5px; display: inline-block; font-weight: 500; letter-spacing: 0em; text-align: center; margin: 0px; }
.parent-sr { position:relative; margin-top: 15px;  }
.child-left-sr { position:absolute; width: 85%; padding-right: 10px; }
.child-right-sr { position:absolute; width: 15%; right:0; }
}

@media screen and (max-width: 1023px) {
.jyd{font-size: 1.5vw; border: 1px solid; padding: 1px 5px 1px 5px; display: inline-block; font-weight: 500; letter-spacing: 0em; text-align: center; margin: 0px; }
.parent-sr { position:relative; margin-top: 15px;  }
.child-left-sr { position:absolute; width: 88%; padding-right: 10px; }
.child-right-sr { position:absolute; width: 12%; right:0; }
}

@media screen and (max-width: 768.5px) {
.jyd{font-size: 2.0vw; border: 1px solid; padding: 1px 5px 1px 5px; display: inline-block; font-weight: 500; letter-spacing: 0em; text-align: center; margin: 0px; }
.parent-sr { position:relative; margin-top: 25px;  }
.child-left-sr { position:absolute; width: 85%; padding-right: 10px; }
.child-right-sr { position:absolute; width: 15%; right:0; }
}

@media screen and (max-width: 428.5px) {
.jyd{font-size: 2.7vw; border: 1px solid; padding: 1px 5px 1px 5px; display: inline-block; font-weight: 500; letter-spacing: 0em; text-align: center; margin: 0px; }
.parent-sr { position:relative; margin-top: 15px;  }
.child-left-sr { position:absolute; width: 78%; padding-right: 10px; }
.child-right-sr { position:absolute; width: 22%; right:0; }	
}

@media screen and (max-width: 390.5px) {
.jyd{font-size: 2.7vw; border: 1px solid; padding: 1px 5px 1px 5px; display: inline-block; font-weight: 500; letter-spacing: 0em; text-align: center; margin: 0px; }
.parent-sr { position:relative; margin-top: 15px;  }
.child-left-sr { position:absolute; width: 78%; padding-right: 10px; }
.child-right-sr { position:absolute; width: 22%; right:0; }
}

@media screen and (max-width: 320.5px) {
.jyd{ font-size: 3.5vw; border: 1px solid; padding: 1px 5px 1px 5px; display: inline-block; font-weight: 500; letter-spacing: 0em; text-align: center; margin: 0px; }
.parent-sr { position:relative; margin-top: 10px;  }
.child-left-sr { position:absolute; width: 73%; padding-right: 10px; }
.child-right-sr { position:absolute; width: 27%;right:0; }
}



/*Outline*/

.outline{padding: 0px; margin-left: 8px; width: 100px;}
@media screen and (min-width: 1024px) {.outline{width: 140px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.outline{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.outline{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.outline{width: 120px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.outline{width: 100px;}}
@media screen and (max-width: 390.5px) {.outline{width: 100px;}}
@media screen and (max-width: 320.5px) {.outline{width: 100px;}}


/*ちょっとアドバイス*/

.advice{padding: 0px; margin-left: 8px; width: 100px;}
@media screen and (min-width: 1024px) {.advice{width: 140px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.advice{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.advice{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.advice{width: 120px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.advice{width: 100px;}}
@media screen and (max-width: 390.5px) {.advice{width: 100px;}}
@media screen and (max-width: 320.5px) {.advice{width: 100px;}}


/*ここで具体例*/

.example{padding: 0px; margin-left: 8px; width: 100px;}
@media screen and (min-width: 1024px) {.example{width: 80px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.example{width: 70px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.example{width: 70px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.example{width: 70px; margin-top: 20px;}}
@media screen and (max-width: 428.5px) {.example{width: 50px;}}
@media screen and (max-width: 390.5px) {.example{width: 50px;}}
@media screen and (max-width: 320.5px) {.example{width: 50px;}}




/*ADCANCE*/

.advance{padding: 0px; margin-left: 8px; width: 100px;}
@media screen and (min-width: 1024px) {.advance{width: 140px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.advance{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.advance{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.advance{width: 120px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.advance{width: 100px;}}
@media screen and (max-width: 390.5px) {.advance{width: 100px;}}
@media screen and (max-width: 320.5px) {.advance{width: 100px;}}


/*判例チェック*/

.hanrei{padding: 0px; margin: 0px !important; width: 100px;}
@media screen and (min-width: 1024px) {.hanrei{width: 140px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.hanrei{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.hanrei{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.hanrei{width: 120px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.hanrei{width: 100px;}}
@media screen and (max-width: 390.5px) {.hanrei{width: 100px;}}
@media screen and (max-width: 320.5px) {.hanrei{width: 100px;}}


/*条文*/

.article{padding: 0px; margin-left: 8px; width: 50px;}
@media screen and (min-width: 1024px) {.article{width: 70px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.article{width: 60px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.article{width: 60px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.article{width: 60px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.article{width: 50px;}}
@media screen and (max-width: 390.5px) {.article{width: 50px;}}
@media screen and (max-width: 320.5px) {.article{width: 50px;}}


/*参考条文*/

.sanko{padding: 0px; margin-left: 8px; width: 100px;}
@media screen and (min-width: 1024px) {.sanko{width: 140px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.sanko{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.sanko{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.sanko{width: 120px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.sanko{width: 100px;}}
@media screen and (max-width: 390.5px) {.sanko{width: 100px;}}
@media screen and (max-width: 320.5px) {.sanko{width: 100px;}}


/*ここをチェック*/

.check{padding: 0px; margin-left: 8px; width: 100px;}
@media screen and (min-width: 1024px) {.check{width: 140px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.check{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 1023px) {.check{width: 120px; margin-top: 20px;}}
@media screen and (max-width: 768.5px) {.check{width: 120px; margin-top: 10px;}}
@media screen and (max-width: 428.5px) {.check{width: 100px;}}
@media screen and (max-width: 390.5px) {.check{width: 100px;}}
@media screen and (max-width: 320.5px) {.check{width: 100px;}}






/*PCでは無効（改行しない）*/
.s_pc{ display: none !important;}
.s_pc835{ display: none !important;}
.s_pc800{ display: none !important;}
.s_tb3_992{ display: none !important;}
.s_tb3_991{ display: none !important;}
.s_tb3{ display: none !important;}
.s_tb2{ display: none !important;}
.s_tb1{ display: none !important;}
.s_xs3{ display: none !important;}
.s_xs2{ display: none !important;}
.s_xs{ display: none !important;}





/*1025以上表示*/
@media screen and (min-width: 1025px) {
    .s_pc{
        display: block !important;
    }
}


/*835以上表示*/
@media screen and (min-width: 835px) {
    .s_pc835{
        display: block !important;
    }
}


/*800以上表示*/
@media screen and (min-width: 800px) {
    .s_pc800{
        display: block !important;
    }
}


/*992〜1024表示*/
@media screen and (min-width: 992px) and (max-width: 1024px) {
    .s_tb3_992{
        display: block !important;
    }
}

/*835〜991表示*/
@media screen and (min-width: 835px) and (max-width: 991px) {
    .s_tb3_991{
        display: block !important;
    }
}




/*835〜1024表示*/
@media screen and  (min-width: 835px) and (max-width: 1024px)  {
    .s_tb3{
        display: block !important;
    }
}

/*769〜799表示*/
@media screen and (min-width: 769px) and (max-width: 799px) {
    .s_tb799{
        display: block !important;
    }
}


/*769〜834表示*/
@media screen and (min-width: 769px) and (max-width: 834px) {
    .s_tb2{
        display: block !important;
    }
}

/*721〜768表示*/
@media screen and (min-width: 721px) and (max-width: 768px) {
    .s_tb1{
        display: block !important;
    }
}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {
    .s_xs3{
        display: block !important;
    }
}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {
    .s_xs2{
        display: block !important;
    }
}

/*320以下で表示*/
@media screen and (max-width:320px) {
    .s_xs{
        display: block !important;
    }
}