@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

/*================================================
 *  派遣：研修システムページ
================================================*/

/******** 共通 ********/
h2{
   font-weight: 600;
   font-size: 28px;
   text-align: center;
   font-family: "Hina Mincho", serif;
   margin: 2em 0 1em 0;
   padding-bottom: 0.3em;
   border-bottom: #181818 dotted 3px;
   line-height: 1.2em;
}
h2 small{
   font-size: 20px;
}
h3{
   background-color: #6AB187;
   font-size: 20px;
   color:#f0f0f0;
   padding: 0.3em 0.5em;
   margin-bottom: 0.5em;
}
h4{
   background-color: #F4CC70;
   border-radius: 10px;
   display: inline-block;
   padding: 0.1em 0.5em;
   margin-top:1em;
}
h5{
   font-weight: 600;
}
h5::before{
   font-family: 'Font Awesome 5 Free';
   content: "\f192";
   font-weight: 600;
   color:#20948B;
   margin-right:0.5em;
}
.add_text{
   margin-top: 0.5em;
}
.indent{
   padding-left:1em;
}

/*** main 全体 ***/
.w_1000 section p{
   margin: 0.5em 0 1em 0;
}
.w_1000 section{
   margin-bottom: 2em;
}

#hygiene_mng_01, #hygiene_mng_02{
   margin-bottom: 5em;
}

/*** 衛生管理者（第一種及び第二種）、第二種衛生管理者講習 講師派遣 ***/
#hygiene_mng_01 a, #hygiene_mng_02 a{
   color:#0E214D;
   font-weight: 600;
   text-decoration: underline;
   text-decoration-color: #DE7A22;
}
#hygiene_mng_01 i, #hygiene_mng_02 i{
   color:#DE7A22;
   font-weight: 600;
   margin-right: 0.5em;
   padding-left:1em;
}

#hygiene_mng_01 ul{
   padding: 0.5em 0 0.5em 1em;
}
#hygiene_mng_01 ul li{
	text-indent: -1em;
	padding-left: 1em;
}
#hygiene_mng_01 ul li::before{
   content: "・";
   margin-right: 0.5em;
   font-weight: 600;
   color:#DE7A22;
}

/*** 第二種衛生管理者講習 講師派遣 ***/
#hygiene_mng_02 dl{
   margin: 1em 0;
}
#hygiene_mng_02 dl dt{
   font-weight: 500;
   color:#0E214D;
}
.example{
   padding-left:1em;
}

/*** 左右BOXに隙間を開ける ***/
.split_1-3{ padding-left: 2em; }

#topbnr img{ width: 100%; }

/******** 派遣ページ右メニュー section ********/
.staff_menu{ margin-bottom: 2em; }
.staff_menu img{ width: 100%; margin-bottom: 1em; }
.staff_menu ul{
   margin: 1em;
}
.staff_menu li::before{
   font-family: 'Font Awesome 5 Free';
   content: "\f054";
   margin-right: 0.5em;
   font-weight: 600;
   color:#DE7A22;
}
.staff_menu button{
   width: 100%;
   margin: 1em 0;
}
.staff_menu a:hover{ font-weight: 600; }



/*================================================
 *  タブレット向けデザイン
================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
   h2{ font-size: 23px; }
   h2 small{
      font-size: 18px;
   }

}



/*================================================
 *  スマートフォン向けデザイン
================================================*/
@media screen and (max-width:767px) {

   h2{ font-size: 20px; }
   h3{
      text-align: center;
      font-size: 14px;
      border-radius: 10px;
      font-weight: 600;
   }

   /*** main 全体 ***/
   .w_1000 section{
      padding: 0.5em;
      margin-bottom: 0;
   }
   .w_1000 section p{
      padding: 0 0.5em;
   }

   /*** 左右BOX reset ***/
   .split_1-3{ padding-left: 0; margin-bottom: 5em; }
   .staff_menu img{ padding: 0 2em; }

   #hygiene_mng_02 .split_1-3{ margin-bottom:0; }
}