@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css);

/*----------------------------------------
	base
----------------------------------------*/

/*{  outline: 1px red solid;} ForDebug*/

html { /*お役立ち！*/
   scroll-behavior: smooth;
}
body {
  color: #333;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  line-height: 1.4;
  font-weight:400;/*Noto Sans JPのRegularWeitht*/
}
/*#wrapper{
  width:100%;
  overflow-x: hidden !important;
}*/
.sp_only{/*SP環境時、SPのみ表示（PC非表示）*/
  display: inline-block;
}
.pc_only{/*SP環境時、PC非表示★使用中!*/
  display: none;
}
/*PC,SP共通で改行したいときは、HTMLのbrタグ挿入*/

.sp_br01 {
  display: inline-block; /*SP環境時、改行タグを無効つまり連続に。2024-07 SPで無駄な改行あったためbr class=sp_br02をHTMLから削除した*/
}
.to-long{
  padding-bottom:16em;
}
/*.br-sma{/*SPでは改行
  display: inline-block;
  content: "";
  height: 0;
  margin: 0;}*/
@media screen and  (min-width: 400px),print{
  .sp_br02 {
    display: none;  /*PC環境時、改行に*/
  }
}
@media screen and  (min-width: 768px),print{
  body{
    font-size: 16px;
    line-height: 1.5;
  }
  .pc_only{/*PC環境時、PCのみ表示★使用中!*/
    display:inline-block;
  }
  .sp_only{/*PC環境時、SP非表示　★使用中!*/
    display: none;
  }
  .sp_br01 {
    display: none; /*PC環境時、改行タグを無効に*/
  }
}

/*主な太字のFontWeight*/
h1,h2,h3,h4,h5,h6,th,strong{
  font-weight: 700;
}/*注）h1~h6は単体（Class装飾無し）では使用しないこと！*/
h1{font-size:20px;}/*参考 初期h1は22px*/
h2{font-size:19px;} /*SPコーナー*/
h3{font-size:18px;} 
h4{font-size:16px;} 
h5{font-size:14px;} 
h6{font-size:12px;}
@media screen and  (min-width: 768px),print{
h1{font-size:26px;} /*参考 初期h1は32px*/
h2{font-size:24px;} /*1.5em目安*/
h3{font-size:20px;} /*1.25em目安*/
h4{font-size:16px;} /*1.0em目安*/
h5{font-size:15px;} /*body基準*h4=1.0em*/
h6{font-size:14px;} /*注 5,h6は原則使用しない!*/
}

a {
  color: #13448F; /*紺色*/
  transition: color 0.3s;
  text-decoration: none;
}
a:hover {
  color: #000;
  /*background: #ddd;*/
  text-decoration: none;
  opacity: 0.8;
}
a:hover img {
  opacity: 0.8;
}
.pre_footer a:hover, .footer a:hover{
  color:#ececf2;/**/
  /*color:#e2cfcf; PalePink色*/
  text-decoration: none;
}
p{
  line-height: 1.6;
  padding-left: 0.1em;
  padding-right: 0.1em;
  padding-bottom: 1.1em;
}
p.theme-name{
border:1px solid #ff8c00;
}
/*kai10 就規解説　安全衛生、旅費で使用中★★要確認*/
/* リストdl dt dd 横並び*/
dl{
  padding:0.2em;
  }
  dt{
    padding-top:0.4em;
    padding-bottom:0em;
    font-weight: 900;
  }
  dd{
  padding-top:0.1em;
  padding-bottom:0.1em;
  text-indent: 1em;/*先頭下げ無い場合は、yoko30を使用！*/
  }
  dd .li01{
  padding-bottom:0em;
  }
  /* リストdl dt dd 縦並び*/
  dl.tate{/*kaikt08高齢者解説で使用中*/
    padding:0.2em 0.1em;
    margin:0;
    }
  dl.tate dt{  
    padding-top:0.1em;
    padding-bottom:0em;
    font-weight: bold;
  }
  dl.tate dd{
    padding-top:0.1em;
    padding-bottom:0.8em;
  }

/*　dt,dd横並び hara-taisakuで使用*/
dl.yoko25 {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  /*flex-direction: row!important;
  justify-content: flex-start!important; 子要素を左寄せに揃える指定
  align-items: flex-start!important;子要素を上部で揃える指定*/
}
dl.yoko25 dt, dl.yoko25 dd {
  box-sizing: border-box;
}
dl.yoko25 dt {
  display: flex;
  align-items: flex-start;/*子要素を上部で揃える*/
  width: 25%;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 1.2em;
}
dl.yoko25 dt:last-of-type,
dl.yoko25 dd:last-of-type {
  border: none;
}
dl.yoko25 dd {
  display: flex;
  align-items: flex-start;/*子要素を上部で揃える*/
  width: 75%;
  margin-left: 0;
  text-indent: 0em;
  padding-top: 0;
  padding-bottom: 1.2em;
}
/*重要メモ　注）上下中央揃えにしたい時、dl（親要素）にalign-items:centerを記述してもWorkしないため、子要素に以下を記述。
.list dt,
.list dd {
  display: flex;
  align-items: center;
}*/

/*　note*/
.note-to-web {
  color: #333;
  font-size: 0.85em;
}
.note-to-web02 {
  color: #ccc;
  font-size: 0.85em;
}
.note-to-webA {
  color: #333;
  font-size: 0.8em;
  line-height: 1.5;
  background: beige;
  padding: 1em 1.25em;
}

/*--------------------
 Inline-Decoration
 --------------------*/
 /*　New 受付中 What's New TabList内*/
  [class*="whnw-att"] {/*背景　オレンジ　Inline-Block*/
 display: inline-block;
 color:#fff;
 font-weight: 400;
 font-size: 0.8em;
 padding:0 0.5em;
 margin-left:0.2em;
 margin-right:0.2em;
 background:#ff8c00; /*問い合わせボタンと同カラー*/
}
[class*="whnw-att"].ppl {/*背景　ブルー（オレンジ補色）#0077FF;*/
  background:#0077FF; /*ブルー*/
}
 /*　汎用New （What's New TabList以外。セミナー・法改正など）*/
[class*="nw-att"] {/*背景　オレンジ　Inline-Block*/
  display: inline-block;
  color:#fff;
  font-weight: 400;
  font-size: 0.8em;
  padding:0.1em 1.0em;
  margin-left:1.0em;
  margin-right:1.0em;
  background:#ff8c00;
 }
[class*="nw-att"].ppl {/*背景　ブルー（オレンジ補色）#0077FF;*/
  background:#0077FF; /*ブルー*/
}
 /*　汎用New-S （書籍・お客様の声）*/
 [class*="nw-att-s"] {/*背景　オレンジ　Inline-Block*/
  display: inline-block;
  color:#fff;
  font-weight: 300;
  font-size: 0.7em;
  padding:0.1em 0.5em;
  margin-left:0.5em;
  margin-right:0.5em;
  margin-bottom:0.7em;
  background:#ff8c00;
 }
@media screen and  (min-width: 768px),print{
  .whnw-att{
    padding:0 0.7em;
    margin-left:1.0em;
    margin-right:1.0em;
   }
   .nw-att-s{
    font-size: 0.8em;
    padding:0 0.5em;
    margin-left:1.0em;
    margin-bottom:0.5em;
   }
}
/*--------------------
 WebFontIcon Line Awesome
 --------------------*/
.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  vertical-align: bottom;
}
.lapennib::before {
  font-family: "Line Awesome Free"; 
  font-weight: 900; 
  content: "\f5ad";
  color: #2C579B;
  font-size: 1.6em;
  vertical-align: bottom;
}
.lafilealt::before {
  font-family: "Line Awesome Free"; font-weight: 400; content: "\f15c";
}

/*--------------------
 三角・矢印
 --------------------*/

 .arrow_s {
  position: relative;
  display: inline-block;
  padding-left: 12px;
}
.arrow_s:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 8px;
  border-color: transparent transparent transparent #333;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}




/*--------------------
 蛍光ペン
 --------------------*/
/* マーカー線・青 */
.mark-blue{
  background: linear-gradient(transparent 50%, #c1e0ff 75%); /*#c1e0ff #9eceff #7fbfff */
 font-weight: bold; 
 }
 /* マーカー線・黄色 */
 .mark-ylow{
 background:linear-gradient(transparent 50%, #fff799 75%);/*#fff799  #edde7b  #ffdc00 */
 font-weight:bold; 
 }
 /* マーカー線・オレンジ */
 .mark-orge{
 background:linear-gradient(transparent 50%, #ffe0c1 75%); /*#ffe0c1  #ffce9e  #ffbf7f */
 font-weight:bold; 
 }
 .mark-orge-n{ 
  background:linear-gradient(transparent 50%, #ffe0c1 75%); /*#ffe0c1  #ffce9e  #ffbf7f */
  font-weight:normal; 
  }
  
/*--------------------
 本文  Highlight To Text
 --------------------*/
.highli-01{
	background:linear-gradient(transparent 5%, #c1e7f5 0%); /*Light Aquablue Stronger #abdff2*/
	display: inline;
  padding:0px 2px 0px;
}
@media screen and  (min-width: 768px),print{
  p{
    line-height: 1.7;
  }
}

/*----------------------------------------
	コンテンツ中 目立つButton(To Company・Contact)
----------------------------------------*/
.goto-cta {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  /*justify-content: flex-end;*/
  margin:2.5em auto 3em;
  flex-wrap:nowrap;
  background: #21A2E2;/*法人アクアカラー*/
  width: 80%; /*SPでの幅*/
  min-width: 300px;
  padding:0.7em 2.0em 0.7em 2.0em;
  font-size: 1.0em;
  border-radius:8px;
  color:#fff;
}
.goto-cta.go-cont{
  background:#ffa500; /*左下page_contと同色*/
}
@media screen and  (min-width: 768px),print{
  .goto-cta {
    margin:2.5em auto 5em;
    width:50%; /*PCでの幅*/
    min-width: 500px;
    padding:1em 3.5em 1em 3.5em;
    font-size: 1.1em;    
  }
}
/*----------------------------------------
	Userへの参考ファイルBOX（矢印使用）
----------------------------------------*/
.goto-ref{ /*ハラス対策解説*/
  display: flex;
  flex-direction: row;
  justify-content: flex-srart;
  margin:0em auto 0.5em 1.0em;
  flex-wrap:nowrap;
  width:80%; /*SPでの幅*/
  padding:0.2em 0.2em;
  font-size: 1.0em;
  text-decoration: underline;
}

/*----------------------------------------
	右下Link Button
----------------------------------------*/
.goto-next { /*In Use・・sem.maga,モデル規則・規程Topなど*/
  display: flex;
  flex-direction: row;
  justify-content: center;
  /*justify-content: flex-end;*/
  margin:2.5em 0 2em auto;
  flex-wrap:nowrap;
  width:260px; /*SPでの幅*/
  padding:0.8em 0.4em;
  font-size: 0.9em;
  background: beige;/*#8b4513;茶色*/
}
.goto-next-s { /*In Use・・TopPage New, LPReg */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap:nowrap;
  margin:2.5em 0 1.0em auto;
  width:60%; 
  padding:0.2em 0.5em 0.5em;
  font-size:1.0em;
  border-bottom:0.1em solid rgba(94,47,13,0.3);/*#5e2f0dこげ茶色　　参考#ccc rgba(204,204,204,.6);*/
}

.sec-reg .goto-next-s, .sec-hara .goto-next-s, .sec-adv .goto-next-s{
  width:50%; /*Core3事業各頁　SPでの幅*/
  min-width:190px;
}
.sec-sem .goto-next{/*黄色 セミナー最新頁*/
  background: #FFE600;
}
.sec-semac .goto-next{
  background: #FFE600;
}
.mag-bnrs .goto-next{ /*水色 雑誌最新頁*/
  background: skyblue;
  color: #333;
}
.sec_magac .goto-next{
  background: skyblue;
  color: #333;
}

.goto-next .go-arrow {
  padding-left:1em;
}
@media screen and  (min-width: 768px),print{
  .goto-next { /*In Use*/
    width:360px; /*PCでの幅*/
    margin:2.8em 0 2.5em auto;
    padding:1em 0.8em;
    font-size: 1.0em;
  }
  .goto-next-s {
    width:40%; /*PCでの幅*/
    padding:0.5em 0.8em;
    font-size: 0.9em;
  }
  .sec-reg .goto-next-s, .sec-hara .goto-next-s, .sec-adv .goto-next-s{
    width:30%; /*Core3事業各頁　PCでの幅*/
    min-width:360px;
}
}

/*----------------------------------------
	華やか：中央角丸Button --　Company/3LP使用中
----------------------------------------*/

.go-text01,.go-text02{ /*Company=01 LP=02*/
  display: block;
  position: relative;
  background: #21A2E2;/*法人アクアカラー*/
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1.0em;
  font-weight: 500;
  transition: 0.3s;
  padding: 0.9em 1.1em;/*変更不可*/
  margin:2.0em auto 4.0em;
  width: 340px; /*SPでの幅*/
  border-radius:8px;
}
.go-text02{ /*LP=02*/  
  background:#ffa500; /*左下page_contと同色*/
}
.go-text01::after,.go-text02::after {
  position: absolute;
  display: block;
  content:"";
  right:1.4em;
  top:0;
  bottom:0;
  margin:auto;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transition: 0.3s;
  font-size: 0.9em;
}
@media screen and  (min-width: 768px),print{
  .go-text01,.go-text02{
    font-size: 1.1em;
    padding: 1.1em 1.1em;/*変更不可*/
    width: 500px; /*PCでの幅*/
    border-radius:8px;
  }

}




/*----------------------------------------
	container
----------------------------------------*/
.container{
  padding:0 4%;
  /*background: #faf0e6; #f0ffff;*/
}
@media screen and  (min-width: 768px),print{
  .container{
    margin: 0 auto 0;
    max-width: 1080px;
    padding:0 40px 0px; /*0 0px*/
  }
}
/*----------------------------------------
	header
----------------------------------------*/

header > .container{
  height:80px;
  padding-top: 10px;/*注：ここではpadding-bottomを指定しない.Footer等、他に影響するため*/
  padding-left: 0px;
  padding-right: 0px;
}
header{
  /*background: #f0f8ff;*/
  /*border-bottom: 1px solid #d3d3d3;*/
  box-shadow: 0 0px 3px rgba(0,0,0,0.3);
}
header .logo{ /*SP用高さ*/
 margin-top:5px;
 margin-left:10px;
  height: 28px;
}
header .logo img{ /*SP用高さ*/
  height: 100%;
}
/* SP用の設定 */
 .std_menu{
    display:none;
} 
@media screen and  (min-width: 768px),print{
  header > .container{
    padding-right:40px;
    padding-left:40px;
   }
  header .logo{ /*PC用高さ*/
  height: 36px;
  line-height: 1.5;
  margin-left:0px;
  }
  header .logo img{ /*PC用高さ*/
    width: 100%;
    margin-bottom:16px;/*LogoSVG時に追加*/
  }
}
  
/*----------------------------------------
	header内　SP　Nnav
----------------------------------------*/
.area_nav_header{/* MS独自 */
  display: none;
}
#sp_int_toggle {
  position:fixed;/*relativeではinline扱いになるため*/
  top: 0; /*ori60px*/
  display: none;
  width: 100vw; /*100%*/
  height: 100vh; /*100vh*/
  background: #fff;
  opacity: 1.0;
  display: block;/*前述のdisplay:none上書き*/
  right: -100vw;/*-100%*/
  transition: right .5s;
}
/*--- 3. スライドメニューの場合 --*/
#sp_int_toggle.sp_open {
  right: 0;
  z-index: 100;
}
/*以下１～３共通*/
#sp_int_toggle ul {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding-top:0px;
}
#sp_int_toggle ul li a {
  display:flex;
  align-items:center;
  justify-content:center;
  min-width: 300px;
  width: 90%;
  height:50px;
  line-height: 1.5;
  color: #666;
  font-size: 1.0rem;
  background:#f7f7f7;
  border-top: 1px solid #b5b5b5;
}
#sp_int_toggle ul li a:hover {
  background:#ccc;
  /*opacity: 0.8;*/
}
#sp_int_toggle ul li a:nth-last-child(1){
  border-bottom:1px solid #b5b5b5;
}
#sp_int_toggle .sp_cont{
  margin-top:30px;
  border-top: none;
  color: #fff;
  background:#ffa500; /*オレンジ*/
  border-radius: 8px;
}
#sp_int_toggle .sp_cont:hover {
  background:#FFC966;
}

/*トグルボタン_A ハンバーガー３線*/
#sp_toggle {
  z-index: 200;
  position: absolute;
  top: 0;
  right: 0px;
  display: inline-block;
  width: 60px;
  height: 60px;
margin-right: 2px;
opacity: 0.5;
cursor: pointer;
}
#sp_toggle span {
  position: absolute;
  top: 19px;
  left: 17px;
  display: inline-block;
  width: 30px;
  height: 3px;
  border-radius: 2px;
  background-color: #666;
}
#sp_toggle span:nth-child(2) {
  margin-top: 10px;
}
#sp_toggle span:last-child {
  margin-top: 20px;
}

/*トグルボタン_B　ハンバーガー×模様*/
#sp_toggle.open span {
  top: 29px;
  left: 14px;
  width: 35px;
  margin: 0;
}
#sp_toggle.open span:first-child {
  transform: rotate(45deg);
}
#sp_toggle.open span:nth-child(2) {
  display: none;
}
#sp_toggle.open span:last-child {
  transform: rotate(-45deg);
}

@media screen and  (min-width: 768px),print{
  header > .container{
    height: 116px;/*重要*/
  }
 #sp_toggle{
		display: none;
	}
  .area_std_header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top:10px;
    font-size: 14px;
    white-space: nowrap;
  }
  .area_std_header.cont-form{
    margin-top:1px;/*重要 Form BSとの兼ね合い*/
  }
  .std_menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-right:0;
    margin-left: auto;
  }
  .std_menu >li{
    margin-left: 10px;
    margin-right: 10px;
  }

  .std_menu.telno{
    /*display:flex;中央ぞろえ
    align-items:center;*/
    display:block;
    margin-left:auto;
    height:36px;
  }
  .std_menu.telno img{
    width:100px;/*要チェック★★★*/
    height:36px;
  }
  .btn_ico_email{
    color:#fff;
    display:flex;/*中央ぞろえ*/
    align-items:center;
    height:36px;
    padding:0 20px 0 42px;
    background:#2C579B;/*紺色*/
    border-radius:4px;
    position:relative;/*重要*/
    }
   .btn_ico_email:before{
    content:"";
    display:block;
    width:24px;
    height:24px;
    background:url("../img/ico/ico_mail01.svg") no-repeat center center;
    background-size:contain;
    position:absolute;/*重要*/
    top:50%;
    left:12px;
    transform: translate(0,-50%);
    z-index: 1;
    }
   .btn_ico_contact{
    color:#fff;
    font-size:1.1em;
    display:flex;
    align-items:center;
    height:36px;
    padding:0 30px;
    background:#ff8c00; /*オレンジ#ffa500*/
    border-radius:4px;
  } 
  .std_menu li:nth-child(2) a:hover{
    background:#4169e1;  /*not good #1a2d4d; 濃い紺色*/
    text-decoration: none;
  }
  .std_menu li:nth-child(3) a:hover{
    background:#ff8c00;  /*濃オレンジ*/
    text-decoration: none;
  }
 }
/*Tips　モデル規則　解説規則*/
 .btn_ico_ttl{
  position:relative;/*重要*/
  padding:0 1em 0 1em;/*重要*/
 }
 .btn_ico_ttl:before{
  position:absolute;/*重要*/
  top:50%;
  left:1px;
  transform: translate(0,-50%);
  z-index: 1;
  display: inline-block;
  /*font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;*/
 }
 .lapennib::before { /*ペンアイコン*/
  font-family: "Line Awesome Free"; font-weight: 900; content: "\f5ad"; color:#2C579B;
}
.lafilealt::before { /*Memoアイコン*/
  font-family: "Line Awesome Free"; font-weight: 900; font-size:1.8em; content: "\f15c"; color:#2C579B; padding-right: 3px; padding-left: 0px;
}
.laarrowcir::before {/*丸右矢印アイコン LINE Awesome*/
  font-family: "Line Awesome Free"; font-weight: 900; content: "\f0a9"; font-size: 1.6em; color: Tomato;
}

/*----------------------------------------
	header内　PC Nav
----------------------------------------*/

@media screen and  (min-width: 768px),print{

  .area_nav_header{
    display: block;
    color:#000;
    /*margin-top: 5px;*/
    /*margin-left:auto;*/
    background: #fff;
  }
  .list_nav_header{
    margin-top: 15px;/*これ以上大きいと下にはみ出る*/
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-left:1px solid  #4169e1;
  }
  .list_nav_header li{
    width: 180px;
    /*min-width: 200px;*/
    background:#fff;
    /*margin-left: 0px;*/
    border-right: 1px solid #4169e1;
    text-align: center;
    height:40px;
    line-height: 2;
  }
  .list_nav_header li a {
    display:block;
    height:40px;
    /*padding:0px;*/
      /*background:#ccc;*/
  }
  .list_nav_header li a:hover {
    background-color:rgba(0,191,255,0.1);
    text-decoration: none;
  }

}
/*----------------------------------------
	main
----------------------------------------*/
.main{
  margin-top: 1px;/*MainVisual とheader下線の隙間調整*/
  /*background: #ffa500;*/
}
.main h1{
  padding-top:2.0em;
	margin-bottom:1em;
	text-align:center;
}
.main_visual > .container {
    display: flex;
    flex-direction: column;/*flex単体真ん中3点セット*/
    align-items: center;
    justify-content: center;
    /*margin: 0 auto;*/
    /*height:360px;*/
}
.main_visual .slider{
		padding-top:2px;
		max-width:100%; /* スライダーの幅を指定*/
		list-style:none;
    height: auto;
	}
  /*==// ここからslick-dots //==*/
.slick-dots{
	/*画像の下部へ配置*/
	position:absolute;
  bottom: -30px;/*ドットの上下位置調整。初期値は-25px*/
	z-index:5;
}
.slick-dots li{
  width:22px;/*ドットの間隔。初期値は20px*/
}
.slick-dots li button:before{
  font-size:30px;/*ここはem指定不可。ドットの大きさ。初期値は6px*/
	color:#ccc;
	opacity:1;
}
.slick-dots li.slick-active button:before{
   color:#ffa500; opacity:1; 
}

@media screen and  (min-width: 768px),print{ /*注：key_visualだと効かない*/
  .main h1{
    padding-top:1.2em;
    margin-bottom:1em;   
  }
  .main_visual .slider{
		padding-top:1px;
	}
  .slick-dots{
    bottom: -40px;/*ドットの上下位置調整。初期値は-25px*/
    z-index:5;
  }
  .slick-dots li{
    width:30px;/*ドットの間隔。初期値は20px*/
  }
  .slick-dots li button:before{
    font-size:40px;/*ここはem指定不可。ドットの大きさ。初期値は6px*/
  }
}
/*----------------------------------------
	main内の活動内容タブ
----------------------------------------*/

/*エリア土台
.saishin-bnrs{
  margin-top:2em; /*SP用
  margin-bottom:2em; 
  background: #fff;
  background: pink;
}
/*タブ切り替え全体のスタイル*/
.saishin .tabs {
  /*margin-top: 50px;tab文字改行回避のため*/
  padding-bottom: 2.2em;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width:100%;
  margin: 0 auto 20px;
  font-size: 0.8em;
}

/*タブのスタイル*/
.saishin .tab_item {
  width: calc(100%/4);
  height: 38px;
  border-bottom: 2px solid #21A2E2;/*ANAロゴアクア（水色）*/
  border-left:1px solid rgba(192,192,192, 0.8); /*#888薄いグレー*/
  line-height: 38px;
  color: #333;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.saishin .tab_item:hover {
  opacity: 0.7;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}
/*タブ切り替えの中身（コンテンツ）のスタイル*/
.saishin .tab_cont {
  display: none;
  padding: 1.5em 1.8em 0;
  clear: both;
  overflow: hidden;
  text-align: left;
  font-size: 1.1em;
}
/*選択されているタブのコンテンツのみを表示*/
#series:checked ~ #series_cont,
#wrinting:checked ~ #wrinting_cont,
#seminar:checked ~ #seminar_cont,
#mlma:checked ~ #mlma_cont{
  display: block;  
}
/*タブのスタイル*/
.saishin .tab_item {
  font-size: 1.1em;
}
/*選択されているタブのスタイルを変える*/
.saishin .tabs input:checked + .tab_item {
  background-color: #21A2E2;
  color: #fff;
}


/*
.saishin .tab-list li{
  margin-top: 0.5em;
  padding-left:1.2em;
  padding-bottom:0.2em;
  text-indent: -1.2em;
  line-height: 1.8;
  border-bottom:1px solid #ccc;
}
.saishin .tab-list li::before {
  color: #13448F;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f138";
  font-size: 1em;  
  letter-spacing: 0.09em;
  padding-right: 0.1em;
}
.saishin .tab-list li time {
  margin-right:0.5em;
  font-weight:900;
  color: #888;
}*/
.saishin .tab-list li{
position: relative;
margin-top: 0.5em;
margin-left: 0em;
padding-left:2.0em;
padding-bottom:0.2em;
text-indent: 0em;
line-height: 1.8;
border-bottom:1px solid #ccc;
font-size: 1.05em;
}
.saishin .tab-list li:before{/*円下地（背景）部分*/
  position: absolute;
  content: '';
  width: 1.2em;
  height: 1.2em;
  background: #13448F;
  border-radius: 50%;
  top: 0.4em;
  left: 0.2em;
  }
  .saishin .tab-list li:after{/*くの次右向き矢印　アイコン部分*/
  content: '';
  width: 0.55em;
  height: 0.55em;
  border: 1;
  border-top: solid 0.185em #fff;
  border-right: solid 0.185em #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 0.67em;
  left: 0.45em;
  bottom: 0;
  color: #fff;
  }

  /*　参考　三角矢印（右）のパターン
.saishin .tab-list li:after{
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0 5px 7px;
  border-color: transparent transparent transparent #fff;
  position: absolute;
  top: 0.6em;
  left: 0.65em;
  bottom: 0;
  color: #fff;
}*/

.saishin .tab-list li time {
  margin-right:0.5em;
  font-weight:900;
  color: #888;
}
.saishin .tab-list li .pc_only{
  display: none;
}

@media screen and  (min-width: 768px),print{
  /* ２カラム全体：活動内容とバナー群*/
  .saishin-bnrs > .container{
    padding: 5px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    /*height: auto;*/
    padding-top: 0px;/*すきま調整 */
    /*background: #ccc;*/
    max-width: 1000px;/*必須。これがないとはみ出る */
  }
  /*エリア土台*/
  .saishin-bnrs{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    align-content: space-between;
    margin-top:2em; /*PC用*/
    margin-bottom:2em; /*PC用*/
    flex-wrap: nowrap;
  }
  .saishin{ /* 超重要1/2 左側 */    
    font-size: 0.9em;
    text-align: left;
  }
  .saishin .tabs{
    font-size: 1em;
    min-width: 720px;
  }
  /*タブのスタイル*/
.saishin .tab_item {
  height: 50px;
  line-height: 50px;
}
  .saishin .tab_cont {
    font-size: 1.15em;
    min-width: 720px;
  }

  .saishin .tab-list li{
    font-size: 0.9em;
  }
  .saishin .tab-list li .pc_only{
    display: inline;
  }
}
/*WhatsNew内個別ハイライト 必ず後に配置し優先度Upさせる*/
.tab-list .whnw-sp_only{
  display: inline;
}
.tab-list .whnw-pc_only{
  display: none;
}
@media screen and  (min-width: 768px),print{
  .tab-list .whnw-sp_only{
    display: none;
  }
  .tab-list .whnw-pc_only{
    display: inline;
  }
}

/*汎用（WhatsNew以外）*/
.nw-sp_only{
  display: inline;
}
.nw-pc_only{
  display: none;
}
@media screen and  (min-width: 768px),print{
  .nw-sp_only{
    display: none;
  }
  .nw-pc_only{
    display: inline;
  }
}


/*--　/main内の活動内容タブここまで　-----*/


/*----------------------------------------
	main内 リスト先頭　FontIcons
----------------------------------------*/

.pt-list { /*UL のこと。顧問特長*/
background-color: #eef7fc;
display: block;
width: 100%;
padding:0em 0.2em 1.2em 0.8em;
margin:auto 0em 1em;
}
.pt-list li{ /*顧問特長*/
  padding-left:1.2em;
  text-indent:-1.2em;
  font-size: 1.0em;
}
.pt-list li::before { /*Check チェックアイコン LINE Awesome*/
  font-family: "Line Awesome Free"; font-weight: 900; content: "\f00c"; font-size: 1.0em;  color: #da8f05;
  letter-spacing: 0.05em;
  padding-right: 0.2em;
}

/*----------------------------------------
	main内のバナー群（6つ）
----------------------------------------*/

/*バナーは縦で表示　SP、PC共　*/
.prof-exp-bnrs > .container{
  display: flex;
  flex-direction: column;/*中央揃え*/
  width: 100%;/*要チェック*/
  /*margin-top: 0px;Margin相殺*/
}
.prof-exp-list{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 0.9em;
}
.prof-exp-list li{
  width:48%;
  margin-bottom: 0.9em;
}

@media screen and  (min-width: 768px),print{
  .prof-exp-bnrs >.container{
    display: flex;
    flex-direction: column; /*中央揃え*/
    /*justify-content: flex-end;効かない*/
    margin-top: 0;/*必須設定。上揃え。 */
    padding:0 0px 5px 30px;/*削除不可*/
   }
  .prof-exp-bnrs{ /* 超重要2/2 右側 */   
    width:240px;
    /*height:100%;*/
    padding-right:0;
  }
  .prof-exp-list{
    display: flex;
    justify-content: flex-start;
    /*margin-right: 0;
    margin-left: auto;*/
    font-size: 1.5em;
    margin-bottom: 2em;
  }
  .prof-exp-list li{
    height:70px;
    line-height: 1.5;
    width:100%;
    margin-bottom: 1em;
    padding-top:0em;
  }
}
/*----------------------------------------
	button 1：小,中小,中。buttonS,MS,Mに使用。特に＜のFontIcon.
----------------------------------------*/

.buttonS { /*Top PickUpナビ・書籍で使用中*/
  display: block;
  position: relative;
  background:#2C579B;/*紺色*/
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  font-weight: 700;
  transition: 0.3s;
  padding: 0.5em 0.6em;/*変更不可*/
  letter-spacing: 0.1em;
  margin-top: 0.8em;
}
.buttonS::after {
  position: absolute;
  display: block;
  content:"";
  right:1.0em;
  top:0;
  bottom:0;
  margin:auto;
  width: 0.6em;
  height: 0.6em;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transition: 0.3s;
  font-size: 0.9em;
}
.buttonM{/*Top 3事業ナビで使用中*/
  display: block;
  position: relative;
  background:#2C579B;/*紺色*/
  color: #fff;
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 1.0em;
  font-weight: 700;
  transition: 0.3s;
  padding: 0.7em 0.9em;/*padding12px 15px相当。変更不可*/
  margin-top: 0.8em;
  margin-bottom: 2em;
}
.buttonMS{
  display: block;
  position: relative;
  background:#2C579B;/*紺色*/
  color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 0.9em;
  font-weight: 500;
  transition: 0.3s;
  padding: 0.7em 0.7em;/*padding12px 15px相当。変更不可*/
  margin-top: 0.8em;
  margin-bottom: 2em;
}
.buttonM::after,.buttonMS::after {
  position: absolute;
  display: block;
  content:"";
  right:1.4em;
  top:0;
  bottom:0;
  margin:auto;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transition: 0.3s;
  font-size: 0.9em;
}
.buttonSS-U{/* Underline付き。最新What'sNew、RegLPで使用中*/
  display: block;
  position: relative;
  background:#fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: 1em;
  font-weight: 700;
  transition: 0.3s;
  padding: 0.7em 0.9em 0.6em;
  margin: 2.4em 0 2em auto;
  width: 220px;
  border-bottom:0.1em solid rgba(94,47,13,0.3);/*#5e2f0dこげ茶色　　参考#ccc rgba(204,204,204,.6);*/
}
.buttonSS-U::after {
  position: absolute;
  display: block;
  content:"";
  right:1.0em;
  top:0;
  bottom:0;
  margin:auto;
  width: 0.7em;
  height: 0.7em;
  border-top: 2px solid;
  border-right: 2px solid;
  transform: rotate(45deg);
  transition: 0.3s;
  font-size: 1em;
}
@media screen and  (min-width: 768px),print{
  .buttonSS-U{
    width: 300px;
  }
  .buttonSS-U,.buttonSS-U::after{
    font-size: 1.0em;
  }
  .buttonM {
    margin-bottom: 0.1em;/*削除可能かもしれない*/
  }
}
/*----------------------------------------
	button 2："bnr_box bnr_stdはNav,asideバナー群に使用
----------------------------------------*/
[class*="bnr_box"] {
  display: block;
  width:200px;  /*以前 width:240px;*/
  height:60px;
  border:1px solid #b3b3b3;
  /*margin-bottom:5px;*/
  /*box-shadow: 0px 5px 4px -3px rgba(16,61,72,.2);*/
  background-image: linear-gradient(150deg, rgba(217, 217, 217, 0.85) 10%, rgba(230, 230, 230, 0.5) 85%);
}
[class*="bnr_img"] {/*背景白地*/
  display: block;
  width:200px;  /*以前 width:240px;*/
  height:60px;
  border:1px solid #b3b3b3;
  background-color: #fff;
  background-image: linear-gradient(150deg, rgba(255, 255, 255, 0.85) 10%, rgba(255, 255, 255, 0.5) 85%);
  display: flex;
  flex-direction: column;/*1つで完結中央揃え*/
  align-items: center;/*テキストセンタリング必須*/
  justify-content: center;/*テキストMiddle必須*/
}
[class*="bnr_img"].aqu {/*背景アクアグラデ*/
  background-image: linear-gradient(150deg, rgba(249, 251, 253, 0.85) 10%, rgba(185, 213, 248, 0.5) 85%);
}
[class*="bnr_img"].logonavy {/*背景ネイビーグラデ*/
  background-image: linear-gradient(170deg, rgba(54, 94, 197, 0.65) 10%, rgba(249, 251, 253, 0.5) 85%);
}
[class*="bnr_m-img"] {
  display: block;
  width:200px;  /*以前 width:240px;*/
  height:180px;/*HRzine向け画像バナーで使用中*/
}
[class*="bnr_std"] {
  color: #13448f;/*News内liと同じ色*/
  font: 300 14px/1em 'futura PT', 'noto sans japanese',sans-serif;
  display: flex;
  flex-direction: column;/*1つで完結中央揃え*/
  align-items: center;/*テキストセンタリング必須*/
  justify-content: center;/*テキストMiddle必須*/
  height: 60px;
  line-height: 1.5;
  /*background: #f0fff0 honeydew*/;
  /*box-shadow: 0px 7px 6px -4px rgba(16,61,72,.2);*/
}
[class*="bnr_box"] a:hover{
  color: #1a2e4d;
  opacity: 0.7;
}
@media screen and  (min-width: 768px),print{
  [class*="bnr_box"] {
    width:180px;
    height:60px;
    margin-bottom:10px;/*効いていないようだ*/
  }
  [class*="bnr_img"] {/*効いていないようだ*/
    width:180px;
    height:60px;
    margin-bottom:10px;
  }
  [class*="bnr_std"] {
    font: 400 16px/1em 'futura PT', 'noto sans japanese',sans-serif;
    height: 60px;
    /*box-shadow: 0px 7px 6px -4px rgba(16,61,72,.2);*/
  }
}

/*----------------------------------------
	table 1th（th 薄グレーヘッダー（左横）タイプ）
----------------------------------------*/
table {
  width:100%;
  /*table-layout: fixed;重要ここでは適用NG（規定レイアウト考慮）。本来fixedは画面はみだし回避の役割*/
  word-break: break-word;/*文字重なり回避*/
	border-collapse: collapse;
}
.tbl-lth { /*company,mprivacyの２ページで使用中*/
	width: 90%;
  margin:2em auto 4em;
}
.tbl-lth th {
	border-bottom: #ddd 1px solid; /*Ori#e3e3e3*/
	border-left: #ddd 1px solid; 
	text-align: left;
	background: #eee;
	padding: 10px;
	font-size: 0.95em;
  width:25%;
}
.tbl-lth th.t_top {
  border-top: #ccc 4px solid;
}
.tbl-lth td {
	border-bottom: #ddd 1px solid;
	border-right: #ddd 1px solid;
	text-align: left;
	padding: 10px;
  font-size: 0.95em;
  width:75%;
}
.tbl-lth td.t_top {
	border-top: #7db4e6 4px solid;
}

/*----------------------------------------
	table 2nd（th ネイビー（上）タイプ）セミナー
----------------------------------------*/

.tbl-2nd { /*セミナー頁、アーカイブ頁の表で使用中*/
	width: 100%;
  margin:2em auto 4em;
}
.tbl-2nd th { /*最新セミナー頁の表*/
  background: #2C579B;/*another idea #eee;*/
	border: #ddd 1px solid;
	text-align: left;
	padding: 6px;
  color: #fff;
	font-size: 0.9em;
  text-align: center;
}
.tbl-2nd th:first-of-type{
  border-left: #2C579B 1px solid;
}
.tbl-2nd th:last-of-type{
  border-right: #2C579B 1px solid;
}
.tbl-2nd .acplus th { /*過去セミナー頁の表 as of 5/18 Infunctionable*/
  background: #eee;
}
.acplus th:first-of-type{
  border-left: #eee 1px solid;
}
.acplus th:last-of-type{
  border-right: #eee 1px solid;
}
.t2_top.col_a{
	width:25%;
  font-size: 0.9em;
}
.t2_top.col_b{
	width:50%;
  font-size: 0.9em;
}
.t2_top.col_c{
	width:13%;
  font-size: 0.9em;
}
.t2_top.col_d{
	width:12%;
  font-size: 0.9em;
}
.tbl-2nd td {
	border: #ddd 1px solid;
	text-align: left;
	padding: 10px 6px;
  font-size: 0.9em;
}

/*----------------------------------------
	table 3rd（th 上タイプ）モデル規則規程の別表
----------------------------------------*/
.tbl-3rd{ /*シンプルな表*/
	width: 70%;
	margin:1em auto 2em;
	border: #ccc 1px solid; 
  font-size: 0.95em;
}
.tbl-3rd.a3-gray{ /*シンプルな表 枠線やや濃いグレー*/
	border: #a3a3a3 1px solid; 
}
.tbl-3rd th {
	background: #ddd;
  padding: 0.8em 1.2em;
	width:50%;
	text-align: left;
}
.tbl-3rd th:nth-child(2) {
	border-left: #ccc 1px solid; 
}
.tbl-3rd td {
  padding: 0.8em 1.2em;
	text-align: left;
  border-bottom: #ddd 1px solid; 
}
.tbl-3rd td:nth-child(2) {
	border-left: #ddd 1px solid; 
}
/*----------------------------------------
	table 3rd（th ※薄グレー上タイプ）モデル　別表B
----------------------------------------*/
 .tbl-3rd-b { /*シンプルな表*/
	width: 90%;
	margin:1em auto 2em;
	border: #ccc 1px solid; 
  font-size: 0.95em;
}
.tbl-3rd-b th {
	background: #ddd;
  padding: 0.6em 1em;
	text-align: left;
  width: 14%;
  border-bottom: #ccc 1px solid; 
}
.tbl-3rd-b td {
  padding: 0.6em 1em;
	text-align: left;
  width: 14%;
  border-bottom: #ccc 1px solid; 
}
.tbl-3rd-b .hidari-2w, .tbl-3rd-b .hidari-5w {
  width:10%;
}
.tbl-3rd-b th:nth-last-of-type(5){
	border-left: rgb(185, 185, 185) 1px solid; 
}
.tbl-3rd-b td:nth-last-of-type(5),.tbl-3rd-b td:nth-last-of-type(6){
  border-left: #ccc 1px solid; 
}

/*----------------------------------------
	table 4th（th ※薄グレー横タイプ）規程内の有給表
----------------------------------------*/
.tbl-4th { /*シンプルな表*/
	width: 100%;
	margin:1em auto 2em;
	border: #ccc 1px solid; 
  text-align: left;
  font-size: 0.9em;
}
.tbl-4th th {
	background: #ddd;
  padding: 0.6em 0.4em;
  width: 16%;
  border-bottom: #ccc 1px solid; 
}
.tbl-4th td {
  padding: 0.6em 0.4em;
  width: 8%;
  border-left: #ccc 1px solid; 
  border-bottom: #ccc 1px solid; 
}

/*----------------------------------------
	table 5th（SP時 th td が１列 / PC時 th td が2列のタイプ）
----------------------------------------*/
.tbl-5th { /*問い合わせFormで使用中*/
	width: 100%;
	margin:1em auto 2em;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.tbl-5th th, .tbl-5th td {
  display: block;/*重要*/
	border: none;
  background-color: rgb(255, 255, 255);
  width:100%;/*重要*/
}
.tbl-5th th {
  padding: 1em 2em 0.5em; /*SP用微調整*/
  vertical-align: top;
}
.tbl-5th tr:first-child th { /*SP個別指定 天の調整*/
  padding-top: 30px;
}
.tbl-5th td {
  padding: 0.5em 2em 1em;/*SP用微調整*/
  border-bottom:1px #ccc solid;
}
.tbl-5th tr:last-child td { /*SP個別指定 地の調整*/
  padding-bottom: 30px;
}
.mulchk{ /*複数チェックボックス*/
 margin-left: 30px;
}
@media screen and  (min-width: 768px),print{
  .tbl-5th { /*問い合わせFormで使用中*/
    width: 100%;
    margin:2em auto 4em 0;
  }
  .tbl-5th th, .tbl-5th td {
    display: table-cell;/*default*/
    border: #ddd 1px solid;
  }
  .tbl-5th th {
    padding: 1em 1.5em 1em; /*PC用微調整*/
    width:25%;/*重要*/
  }
  .tbl-5th td {
    padding: 1em 1.5em 1em; /*PC用微調整*/
    width:75%;/*重要*/
    border-left:1px #ccc solid;
  }
  .tbl-5th tr:first-child th,.tbl-5th tr:first-child td  { /*PC個別指定 天の調整*/
    padding-top: 50px;
  }
  .tbl-5th tr:last-child th,.tbl-5th tr:last-child td  { /*PC個別指定 地の調整*/
    padding-bottom: 50px;
  }

}

/*----------------------------------------
      ul li wrap（1列⇔2列）様式例
----------------------------------------*/
.sec-yoshiki ul{
  display: flex;
  flex-direction: column;/*flex単体真ん中3点セット★要確認*/
  align-items: center;
  justify-content: center;
  width: 440px;
  max-width: 95%;
  font-size: 1em;
  margin-bottom: 2em;
}
.sec-yoshiki li{
  width: 100%; /*Imp*/

  background: #eee;
  padding:1.0em 0.7em 1.0em 0.8em;/*重要バランスSP*/
  margin-top: 0.5em;
  margin-bottom: 1em;
  letter-spacing:0.05em;
}
.sec-yoshiki li a{
  display: block;
  width: 100%;
  height:1.5;
  position: relative; /*Imp*/
  /*vertical-align: middle;*/
}
.sec-yoshiki li a:after{
  font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
  position: absolute; /*Imp*/
  right: 1em;
  top:50%;
  transform:translate(0,-50%);
  color:#13448F;
  font-size:0.8em;
}

@media screen and  (min-width: 768px),print{
  .sec-yoshiki ul{
    width:1000px;
    max-width: 100%; 
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap; /*ImpImp!!*/
    font-size: 1em;
    /*padding: 0.8em 1em 0.8em;*/
    margin-bottom: 3em;
  }
  .sec-yoshiki li{
    padding:0.8em 0.7em 0.8em 0.8em;/*重要バランスPC*/
    width:calc(100%/2)-2px; /*Imp*/
    max-width: 480px; 
    margin-bottom: 1em;
  }
  /*.sec-yoshiki li:nth-of-type(even){
    border-left: #ccc 1px dotted;
  }*/
  .sec-yoshiki ul:after{ /*奇数LI時、必須!*/
    content:"";
    display: block;
    width:calc(100%/2); /*Imp*/
    height: 0;
    margin-left: -1.0em;/*奇数LI時のはみ出しを目視微調整*/
  }
}

/*-----------------------------------------------
Top Main内 エリア土台 
-----------------------------------------------*/
/*sec-biz　sec-pick　sec-harass*/

.sec-biz > .container, .sec-pick > .container, .sec-harass > .container{
  display: flex;   /*index(top)のみで使用*/
  flex-direction: column;/*flex単体真ん中3点セット*/
  align-items: center;
  justify-content: center;
}
.sec-biz ,.sec-pick , .sec-harass{
    margin-bottom:2.2em; /*SP用*/
    background: #fff;
}
h2.flag{/*top頁柱３つのエリア*/
  text-align: center;
  letter-spacing: 0.1em;
  margin-top:1.5em;
  margin-bottom:0.4em;
  font-size: 1.5em;
}
.sec-biz h2.std,.sec-pick h2.std, .sec-harass h2.std{
  text-align: left;
  letter-spacing: 0.05em;
  margin-top:0.2em;
  margin-bottom:0.4em;
  font-size: 1.4em;
}
@media screen and  (min-width: 768px),print{
h2.flag{/*top頁柱３つのエリア*/
  margin-top:2.0em;
  margin-bottom:0.4em;
  font-size: 1.6em;
  }  
.sec-biz h2.std,.sec-pick h2.std, .sec-harass h2.std{
  margin-top:0.4em;
  margin-bottom:0.6em;
  font-size: 1.6em;
  }
}
/*----------------------------------------  
Top Main内sec-biz３メイン事業、biz-core（ハラスLP選ばれる理由など）
----------------------------------------*/
/*sec-biz内biz-team、biz-core*/

.biz-team, .biz-core{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top:20px;
  background: #fff;
}
.biz-team li{
  max-width: 330px;/*必須設定。これがないと規則Listのみ、縮小表示されてしまう*/
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  margin: 0.8em auto 1em;
  background: #fff;
}
.biz-core li{
  width: 100%;
  height: 100%;
  max-width: 380px;/*必須設定。これがないと縮小表示されてしまう*/
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0.5em auto 1em;
  padding:1em 1em;
  background: #fff;
}

.biz-team li h3{ /*お役立ちTopとほぼ同じ*/
  color:#ffa500;/*オレンジ*/
  text-align: center;
  margin:1.0em auto 1.0em;
  font-size: 1.3em;
}
.sec-adv .biz-core li h3,.sec-hara .biz-core li h3{/*LP 顧問・ハラス　選ばれる理由*/
  font-size: 1.4em;
  font-weight: 900;
  margin:0.8em auto 0.2em;
  padding:0.5em 1.0em 0.5em;
  color:#ffa500;/*オレンジ*/
  background-color: #fff;
  text-align: center;
}
.biz-team li p{
  font-size: 1.0em;
  line-height: 1.4;
  text-align: left;
  padding:0 0 0;
  margin: 0 auto 0.2em;
}
.biz-core li p{
  font-size: 1.0em;
  text-align: left;
  padding:1em 0.1em 1em;
  margin: 0 auto 0.2em;
}
.biz-team li .pic {
  order: -1;
  /*max-width: 100%;*/
  width: 100%;/*ソースどおり*/
  height:180px;/*ソースどおり*/  
  margin-left:auto;
  margin-right: auto;
}
.biz-core li .pic{
  order: -1;
  /*max-width: 100%;*/
  width: 220px;
  height:220px;
	max-width: 95%;
	margin: 0 auto;
	border-radius: 50%;
  border:1px solid #ccc;
}
.biz-core li .pic.aqua{ /*イラストがアクア色のため、特別に個別指定*/
  border:1px solid rgb(185, 213, 255);
}
.biz-team li .pic img,.biz-core li .pic img{
  width: 100%;
}
.biz-team li:first-child .pic{ /*biz-team TopPage 以下３つ*/
  background: url(../img/bg/biz_kisoku.jpg) no-repeat center / cover;
}
.biz-team li:nth-child(2) .pic{
  background: url(../img/bg/biz_harass.jpg) no-repeat center / cover;
}
.biz-team li:last-child .pic{
  background: url(../img/bg/biz_komon.jpg) no-repeat center / cover;
}
.biz-core.reg li:first-child .pic{ /*reg コア就規Page 以下３つ*/
  background: url(../img/core/woman-laptop_s.jpg) no-repeat center / cover;
}
.biz-core.reg li:nth-child(2) .pic{
  background: url(../img/core/wage_m.jpg) no-repeat center / cover;
}
.biz-core.reg li:last-child .pic{
  background: url(../img/core/syuki-wPen_wh300.jpg) no-repeat center / cover;
}
.biz-core.hara li:first-child .pic{ /*hara コアハラスPage 以下３つ*/
  background: url(../img/core/001.jpg) no-repeat center / cover;
}
.biz-core.hara li:nth-child(2) .pic{
  background: url(../img/core/003.jpg) no-repeat center / cover;
}
.biz-core.hara li:last-child .pic{
  background: url(../img/core/002.jpg) no-repeat center / cover;
}
.biz-core.adv li:first-child .pic{ /*adv コア顧問Page 以下３つ*/
  background: url(../img/core/career-up_focus_s.jpg) no-repeat center / cover;
}
.biz-core.adv li:nth-child(2) .pic{
  background: url(../img/core/senior_22881323_s.jpg) no-repeat center / cover;
}
.biz-core.adv li:last-child .pic{
  background: url(../img/core/Kaiko_1874177_s.jpg) no-repeat center / cover;
}
.biz-team .btn-biz { /*Default 紺色ボタン*/
  display: block;
  width: 80%;
  margin: 1em auto 1.8em;
}
.biz-core .btn-biz {
  display: block;
  width: 80%;
  min-width: 300px;
  margin: 0.2em auto 1em;
  font-size: 1.2em;
}
.biz-core h3.btn-biz {
  margin: 1.5em auto 1em; /*regのh3はボタン扱い*/
}
.btn-biz a:hover .buttonM,.btn-biz a:focus .buttonM{
  opacity: 0.9;
  color: fff;
}
.btn-biz a:hover .buttonM::after,.btn-biz a:focus .buttonM::after{
  right: 15px;
}
@media screen and  (min-width: 768px),print{  
/*3事業エリア土台*/
.sec-biz ,.sec-pick , .sec-harass{
  margin-bottom:2.6em; /*PC用*/
  }
  .biz-team, .biz-core{
    flex-direction:row;
    justify-content: space-between;
    font-size: 1em;
  }
  .biz-team li, .biz-core li{
    display: flex;
    flex-direction: column;/*ボタン位置を下端に揃えるために縦軸に変更*/
    width:calc(100%/3);
    padding:1em 1em;
  }
  .biz-team li h3{ /*オレンジ。お役立ちTopとほぼ同じ*/
    margin:1.0em auto 1.0em;
    font-size: 1.3em;
  }
  .biz-core li h3{/*オレンジ見出し*/
    font-size: 1.4em;
    font-weight: 900;
    margin:0em auto 0.1em;
    padding:0.5em 1.0em 0.2em;
  }
  .biz-team li p, .biz-core li p{
    line-height: 1.4;
    padding:0 0 1em;
    margin-bottom: 0 auto 0.5em;
  }
  .biz-team li .pic{
    /*max-width: 100%;*/
    width: 300px;
  }
  .biz-core li .pic{
    /*max-width: 100%;*/
    max-width: 240px;
  }
  .biz-team .btn-biz {
    margin:auto 1.25em 1.8em; /*autoは、ボタン位置を下端に揃える為*/    
  }
  .biz-core .btn-biz {
    margin: auto auto 0.5em; /*autoは、ボタン位置を下端に揃える為*/
    min-width:280px; 
  }
  .biz-core h3.btn-biz {
    margin: 1.5em auto 0.5em; /*regのh3はボタン扱い*/
    min-width:280px;  
  }
}

/*----------------------------------------
各3事業の上下隙間調整
----------------------------------------*/
/*.sec-reg h2 + div, .sec-hara h2 + div,.sec-adv h2 + div{
  margin-bottom:em;
}*/
.sec-reg h2 , .sec-hara h2 ,.sec-adv h2{
  margin-top:3em;
}
.sec-reg .for-adj, .sec-hara .for-adj,.sec-adv .for-adj{
  margin-top: 2.4em;
}

/*----------------------------------------
	Top Main内 sec-pick pickup電書と就規テンプレ
----------------------------------------*/
/*sec-pick*/

.pickup{
  margin-bottom:10px;
  /*border-top:1px solid #666;*/
}
.pickup a{
  display: block;
}
.pickup a:hover{
  opacity:.5;
}
.pickup-item{
  display: flex;
  align-items: flex-start;
  padding: 10px 5px 10px 0;
  border-bottom:1px solid #666;  
}
.pickup-item-pic{
  flex:0 0 40%;
  margin-top:0em;
  margin-right:1em;
  padding:1em;
 /* height:180px;auto*/
}
.pickup-item-pic img{
  border:1px solid #ddd;
}
.pickup-item-txt{
  flex:1 1 auto; /*つまり親要素pickup-itemにサイズ依存*/
  /*position:relative; btn用。不使用*/
  /*min-height:120px;*/
}
.btn-pickup{/*Top 2つのPickUp　右下青色で使用中*/
  width: 140px;
  margin:0.8em 0.4em 1.6em auto;
}
.btn-pickup-02{/*複数頁 右下lemon色で使用中*/
  width: 220px;
  margin:5.0em 0.4em 1.6em auto;
}
.pickup-item-txt h3{/*オレンジ見出し*/
  font-size: 1.4em;
  font-weight: 900;
  padding:0.5em 0.5em 1.0em 0;
  color:#ffa500;/*オレンジ*/
}
.pickup-item-txt p a{
  display: inline;
}
@media screen and  (min-width: 768px),print{  

  .pickup-item{
    align-items: flex-start;
    padding: 20px 10px 20px 10px;
  }
  .pickup-item-pic{
    flex:0 0 30%;
    margin-top:0em;
    margin-right:1em;
    padding:1em;
  }
  .btn-pickup{/*Top 2つのPickUp　右下青色で使用中*/
    width: 180px;
    margin:1.8em 0.2em 1.4em auto;
  }
  .btn-pickup-02{/*複数頁 右下lemon色で使用中*/
    width: 250px;
  }
  .pickup-item-txt p{
    font-size: 0.9em;
    line-height: 1.5;
  }
  .pickup-item-txt .pc_only{ /* PCのみ表示＝SP非表示部分*/
    display: inline;
  }
}

/*----------------------------------------
Top Main内 sec-harass ハラス対策コーナーGate.
----------------------------------------*/
/*sec-harass*/

.hara-intro{
  padding:1.3em 1.5em 0.4em ;/*重要調整レイアウト*/
  font-size: 1em;
  color:rgb(37, 37, 37);
}
.haragde-items{
  background: #f6d2c6;/*PINK枠#d77d7b;*/
  border-radius: 7px;
  padding:1em 1.5em;/*重要調整レイアウト*/
  margin-top: 1.5em;
  margin-bottom: 3em;
}
.haragde-items > div + div{
  margin-top:0em;
  padding-top: 2em;
  border-top:1px dotted #7b6963;
}
.haragde-item{
  display: flex;
  flex-direction: column;
  align-items: center; /*重要*/
  margin:1em 0 1.5em;
}
.haragde-item-core{ /*Coreハラス頁内*/
  display: flex;
  flex-direction: column;
  align-items: flex-start; /*重要*/
  align-content: flex-start;
  margin:1em auto 1.0em;
}
.haragde-item-pic{
  max-width: 360px;
  width: 100%;
  margin:0.3em auto 1em;
}
.haragde-item-pic img{
  border:1px solid #ccc;
  width: 100%;
}
.haragde-item-txt{
  width: 95%;
  margin-top:0.3em;
  margin-bottom:1em;
}
.haragde-item-txt-core{/*Coreハラス頁内*/
  width: 100%;
  margin:0.3em auto 1em;
  padding:0.5em 0.5em 0.5em;
}
.haragde-item-txt h3{/*小冊子見出し*/
  font-size: 1.4em;
  font-weight: 900;
  padding:0em 0.5em 1.5em;
  color:#B3424A;
  margin-top:0;
  text-align: center;
}

.haragde-item-txt p{
  padding-left:0.5em;
  padding-right:0.5em;
}
.haragde-item-txt .btn-biz{
  width: 50%;
  padding:0.3em 0; 
  margin:0.3em auto 1em;
}
.haragde-item-txt-core .btn-biz{
  width: 50%;
  padding:0.3em 0; 
  margin:0.3em auto 1em;

}

@media screen and  (min-width: 768px),print{

  .hara-intro{
    padding:25px 30px;/*重要調整レイアウト*/  
  }
  .haragde-items{
    border-radius: 10px;
    padding:25px 30px;/*重要調整レイアウト*/
    margin-top: 10px;
  }
  .haragde-item{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin:1em 0 1.5em;
  }
  .haragde-item-core{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin:1em 0 1.5em;
    position: relative;/*Try*/
  }
  .haragde-item:nth-of-type(1) {
    flex-direction: row-reverse;
  }
  .haragde-item-pic {
    flex:0 0 40%;
    margin-left:1em;
  }
  .haragde-item-pic .kaise {
    flex:0 0 40%;
    margin-left:0em;
    margin-right:1em;
  }
  .haragde-item-pic img{
    width: 100%;
  }
  .haragde-item-txt {
    flex: 1 1 auto;
    position: relative;/*Try*/
  } 
  .haragde-item-txt-core {
    flex: 1 1 auto;
    margin-top:10px;
    margin-left:20px;
  } 
  .haragde-item-txt .kaise{
    flex: 1 1 40%;
    margin-left: 1em;
  } 
  .haragde-item-txt h3{/*小冊子見出し*/
    font-size: 1.5em;
    padding:0em 0.5em 1.0em;
    text-align: left;
  }
   .haragde-item-txt p{
    padding-left:0.5em;
    padding-right:0.5em;
  }
  .haragde-item-txt .btn-biz{
    max-width: 180px;
    margin:1em 1em 0 auto;
  }
  .haragde-item-txt-core .btn-biz{
    max-width: 180px;
    bottom:0;
    right:0;
    position: absolute;/*Try*/
  }
  .haragde-item-txt:first-of-type .btn-biz{/*効かない*/
    left:0;
    bottom:0;
    right:auto;
    /*margin:1em auto  0 1em;*/
  }
}

/*----------------------------------------
	Main内adide ミニバナー
----------------------------------------*/
 /*エリア土台*/
 .dl-annai > .container{
  margin-top:20px; /*SP用 ここに必須*/
  }
.dl-annai  {
  padding-top:10px;
  padding-bottom:30px;/*SP用*/
  background-image: linear-gradient(180deg, rgba(233, 233, 233, 0.55), rgba(172, 172, 172, 0.55));
}
.as-banner{
  display: flex;
  justify-content: center;
  padding-top:12px;
  padding-bottom:24px;
}
.as-banner div{
  margin:0 10px;
  text-align: center;
}
.as-banner a:hover{
  opacity: 0.8;
}
.as-banner div img{
/*  max-width:80%;*/
  width:260px;
}
@media screen and  (min-width: 768px),print{
 /*エリア土台 DL（ダウンロード案内）*/
.dl-annai > .container{
  margin-top:40px; /*PC用　 ここに必須*/
  }
.dl-annai  {
  padding-top:10px;
  padding-bottom:40px;/*PC用*/
  background-image: linear-gradient(180deg, rgba(233, 233, 233, 0.55), rgba(172, 172, 172, 0.55));
}
  .as-banner{
    flex-direction: row;
  }
  .as-banner div{
    margin:0 30px;
  }
  .as-banner div img{
    /*  max-width:80%;*/
    width:300px;
    }
}
/*----------------------------------------
	Company: Google Map
----------------------------------------*/

/* 横幅を指定するための要素 */
.gmap-wrap {
  max-width: 80%; /* ここに横幅を指定 */
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}
/* Google Mapを囲う要素 */
.gmap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}

/* Google Mapのiframe */
.gmap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*----------------------------------------
	Company:近隣ビル写真
----------------------------------------*/
.comp-bldg{
  margin-top:1.0em;
  margin-bottom: 1.5em;
  display:flex;
  align-items:center;
  justify-content:center;
  align-content:center;
}
.comp-bldg .pic{
  max-width: 380px;
  width: 100%;
  margin:0.3em auto 1em;  
}
.comp-bldg p{
  font-size:0.8em;
  color:#666;
  text-align:center;
  padding-top: 1em;
}
.comp-bldg img{ /*sem画像と同じ値*/
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
} 
@media screen and  (min-width: 768px),print{
  .comp-bldg{
    margin-top:1.2em;
  }
  .comp-bldg .pic{
    max-width: 700px;
  }
}
/*----------------------------------------
	YouTube サムネイル（紹介）
----------------------------------------*/
.youtube-emb {
  width: 100%;
  margin:1em auto 1em;
  aspect-ratio: 16 / 9;
}
.youtube-emb iframe,.youtube-emb .video-desc {
  width: 100%;
  height: 100%;
}
.youtube-emb + .youtube-emb{
 margin-top:0em;
}
@media screen and  (min-width: 768px),print{
  .youtube-emb {
    width: 70%;
    aspect-ratio: 16 / 9;
  }
}
/*----------------------------------------
	Prefooter
----------------------------------------*/
.pre_footer > .container{
  height:60px;
  width: 100%;
  min-width:370px;
}
.pre_footer{
  background: #505050; /*薄いグレー*/
  color: #fff;
  font-size: 12px;
}
.pre_foot{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding-right:0;
  padding-left:1.2em;
}
.pre_foot.form-page{/*Contact/ booklet21 form*/
  justify-content: flex-end;
  padding-right:0;
  padding-left:0;
}
.snss{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;/*重要右寄せ*/
  margin-left: auto;/*重要右寄せ*/
}
.snss a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 0em;
  padding-right: 0.8em; /* SP用 */
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 2em; /*0はFB YT非表示になるためNG. テキストを隠すためは無し */
  width: 1.8em;
  height: 1.8em; /*高さを明示 */
  line-height: 1.8em;
}
.snss a svg {
  width: 90%;
  height: 90%;
  fill: currentColor; /* カラー変更 */
}
.snss a:hover {
	opacity: .8;
}
.snss a:last-child{
  margin-right:0;
}
.ml_email{
  color:#fff;
  display:flex;/*中央ぞろえ*/
  align-items:center;
  padding:0 24px 0 48px;
  background:#2C579B;
  position:relative;
  height:60px;
  }
 .ml_email:before{
  content:"";
  display:block;
  width:24px;
  height:24px;
  background:url("../img/ico/ico_mail01.svg") no-repeat center center;
  background-size:contain;
  position:absolute;
  top:50%;
  left:12px;
  transform: translate(0,-50%);
  z-index: 1;
  }
  .ml_email{
    box-shadow: 1px 0px 3px #636363;
  } 
@media screen and  (min-width: 768px),print{
  .pre_footer > .container{
    height:80px;
  }
  .pre_footer { 
    font-size: 0.9em;
  }
  .pre_foot{
    padding-left:3em;
  }
  .pre_foot.form-page{/*Contact/ booklet21 form*/

  }
  .ml_email{
    height:80px;
    }
  .snss a {
    font-size: 2em;
    margin-right: 0.5em;
    padding-right:0em;/*重要 PC用*/
    width: 2em;
    line-height: 2em;
  }
  .snss a svg {
    width: 50%;
    height: 50%;
  }
}
/*----------------------------------------
	footer
----------------------------------------*/
.footer > .container{
  /*height:10px;*/
}
.footer{
  background: #434343;
  color: #fff;
}
.main_foot{
  display: flex;
  align-content: flex-start;
  justify-content: space-between;
  padding-top:30px;/*重要本フッター上スペース*/
}
.footA{
  font-size: 0.8em;/*必須*/
}
.comp{
  letter-spacing:0.08em;
  line-height: 1.5;
  font-weight: bold;
  font-size: 1em;
}
.footB{
  padding-left:10px;
  border-left:1px solid rgb(230, 219, 219,0.5);
  line-height: 2;
  font-size: 0.8em;
}
.footB li a{
  color: #fff;
  font-size: 0.8em;
}
.footB li a:hover {
	opacity: .8;
}
.post_foot{
  background: #434343;
  text-align: center;
  padding:2.5em 0px 2.5em;/*本フッター下スペース*/
  font-size: 0.6em;
}

@media screen and  (min-width: 768px),print{
  .footer > .container{
    /*height:10px;*/
  }
  .main_foot{
    padding-top:44px;/*本フッター上スペース*/
  }
  .comp{
    font-size: 1.2em;
  }
  .footB{
    padding-left:30px;
    border-left:1px solid rgb(230, 219, 219,0.5);
  }
  .footB li a{
    color: #fff;
    font-size: 1em;
  }
  .post_foot{
    padding:3em 0px 3em;/*本フッター下スペース*/
    font-size: 0.7em;
  }
}
/*----------------------------------------
	GoToPageTop
----------------------------------------*/
#page_top{
  position: fixed;
  width: 46px;
  height: 46px;
  right: 1.0em;
  bottom: 1.0em;
  background: #59B9E9;
  opacity: 0.6;
  border-radius: 50%;
  z-index: 10;
}
#page_top a{
  position: absolute;
  display: block;
  width: 46px;
  height: 46px;
  text-decoration: none;
  font-size: 27px;
  margin: auto;
  text-align: center;
  z-index: 11;
}
@media screen and  (min-width: 768px){ /*print対象外*/
  #page_top{
    width: 50px;
    height: 50px;
    right: 1.2em;
    bottom: 1.2em;
    z-index: 10;
  }
  #page_top a{
    width: 50px;
    height: 50px;
    font-size: 30px;
    z-index: 11;
  }
}
/*----------------------------------------
	誘導固定ボタン（問い合わせへ）
----------------------------------------*/
#page_cont{
  position:fixed;
  left:1.0em;
  bottom:1.0em;
  background:none; 
  border-radius:5px;
  opacity: 0.95;
  width: 220px;
  height: 50px;
  background:#ffa500;
  z-index: 10;
}
#page_cont a{
  position: absolute;
  display: block;
  text-decoration: none;
  text-align: center;
  color:#fff;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
  font-weight: bold;
  width: 220px;
  height: 50px;
  font-size: 0.9em;
  padding:0.2em 0.6em;
  z-index: 11;
}
#page_cont .page_cont_txt{
display: inline;
color:#2a1302;
text-shadow: none;
font-size: 0.75em;
z-index: 12;
}
@media screen and  (min-width: 768px){ /*print対象外*/
  #page_cont{
    left:1em;
    bottom:0.7em;
    border-radius:5px;
    box-shadow: 1px 0px 2px #888;
    width: 280px;
    height: 70px;
    bottom:0.9em;
  }
  #page_cont a{
    text-shadow: 2px 2px 3px rgba(0,0,0,0.5);
    font-weight: bold;
    width: 280px;
    height: 70px;
    font-size: 1em;
    padding:0.4em 1.2em;
}
#page_cont .page_cont_txt{
  font-size: 0.8em;
}
}

/*----------------------------------------
	main内の活動内容タブ
----------------------------------------*/

.news_top > .container{
  margin: 0.5em auto 0em;
  background: #fff;
  padding:1% 4%;
}
.adhoc-news, .video-desc{
  color:rgb(37, 37, 37);
  padding:1.2em 1.5em 0.4em ;/* 重要調整レイアウト*/
  font-size: 0.9em;
  line-height: 0.9;
  border:5px solid rgba(216, 215, 215, 0.8); /*#888薄いグレー*/
}
.video-desc{
  border:1px solid rgba(216, 215, 215, 0.8); /*#888薄いグレー*/
}
.adhoc-news h3 ,.video-desc h3{
  color:#2C579B;/*紺色*/
  font-size: 1.1em;
  padding-bottom: 1.0em;
}
.adhoc-news h4 ,.video-desc h4{
  color:rgb(37, 37, 37);
  font-size: 1.1em;
  padding-bottom: 0.2em;
}
.adhoc-news h5{
  color:rgb(37, 37, 37);
  font-size: 1.05em;
  line-height: 1.0;
  letter-spacing:0.1em;
  padding-bottom: 0.5em;
}
.box-bg-pink{
 color:rgb(14, 1, 1);
 background: #f1cbcb;
 padding:1.2em 1.3em ;/* 重要調整レイアウト*/
 font-size: 1.0em;
 margin-bottom: 1.4em;
}
.inblo-mokuji{
  display: inline-block;
  background: #fff;
  border-radius: 0.5em;
  margin: 0;
  padding:0.1em 0.5em;
  font-size: 1.1em;
  letter-spacing:0.12em;
}
@media screen and  (min-width: 768px),print{
  .news_top > .container{
    margin: 1.5em auto 0em;
    padding:0% 3%;
  }
}
/*エリア土台*/
.saishin-bnrs{
  margin-top:30px; /*SP用*/
  margin-bottom:20px; /*SP用*/
  background: #fff;
}
/*タブ切り替え全体のスタイル*/
.saishin{
  background: #fff;
}
.tabs {
  /*margin-top: 50px;tab文字改行回避のため*/
  padding-bottom: 40px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  max-width: 640px;/*必須 これがないとPC環境で横伸縮発生する*/
  margin: 0 auto 20px;
}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 40px;
  border-bottom: 2px solid #21A2E2;/*ANAロゴアクア（水色）*/
  border-left:1px solid rgba(192,192,192, 0.8); /*#888薄いグレー*/
  line-height: 40px;
  font-size: 14px;
  text-align: center;
  color: #333333;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}



/*--　/ main内の活動内容タブここまで　-----*/

/*--- label forid　CSSアコーディオン---*/ /*雑誌過去ページ*/
  .accord_toggle1, .accord_toggle2, .accord_toggle3, .accord_toggle4 , .accord_toggle5, .accord_toggle6, .accord_toggle7, .accord_toggle8{
  display: none;
  }
  .accord_option {
  margin: 2em auto 3em;
  position: relative;
  margin-bottom: 1em;
  }
  .accord_title,
  .accord_content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.8s;
  }
  .accord_content .magac-year{ /*発売年タイトル*/
  font-size: 1.6em;
  color: #ffa500; /*オレンジ*/;
  padding-top: 1.0em;
  padding-bottom: 0.5em;
  }
  .accord_content .faq-answer{ /*FAQ 回答*/
    margin: 0.5em 1em 1.5em;
    padding: 0.5em 1em 1em 2em;
    text-indent: -1em;
    color: #474747;
    background: #fff;/*背景色*/
    border-left: double 7px #21A2E2;
    border-right: double 7px #21A2E2;
    }
  .accord_title {
  border: solid 1px #ccc;
  background: #eee;
  padding: 1em 2em 1em 1em;/*advのLPではSPで文字重なるため、P-rightは2em必要*/
  display: block;
  color: #333;
  font-weight: bold;
  margin-bottom: 1.2em;
  }
  .accord_title::after,
  .accord_title::before {
  content: "";
  position: absolute;
  right: 1.25em;
  top: 1.25em;
  width: 2px;
  height: 0.75em;
  background-color: #999;
  transition: all 0.3s;
  }
  .accord_title::after {
  transform: rotate(90deg);
  }
  .accord_content {
  max-height: 0;
  overflow: hidden;
  }
 /* .accord_toggle:checked + .accord_title + .accord_content {
  max-height: 1800px;
  transition: all 1.5s;
  }
  .accord_toggle:checked + .accord_title::before {
  transform: rotate(90deg) !important;
  }*/

.accord_toggle1:checked + .accord_title + .accord_content,
.accord_toggle2:checked + .accord_title + .accord_content,
.accord_toggle3:checked + .accord_title + .accord_content,
.accord_toggle4:checked + .accord_title + .accord_content,
.accord_toggle5:checked + .accord_title + .accord_content,
.accord_toggle6:checked + .accord_title + .accord_content,
.accord_toggle7:checked + .accord_title + .accord_content, 
.accord_toggle8:checked + .accord_title + .accord_content {
  max-height: 7000px; /*超重要*/
  transition: all 1.5s;
  }
.accord_toggle1:checked + .accord_title::before,
.accord_toggle2:checked + .accord_title::before,
.accord_toggle3:checked + .accord_title::before,
.accord_toggle4:checked + .accord_title::before,
.accord_toggle5:checked + .accord_title::before,
.accord_toggle6:checked + .accord_title::before,
.accord_toggle7:checked + .accord_title::before,
.accord_toggle8:checked + .accord_title::before {
  transform: rotate(90deg) !important;
  }

 /* float */
 .float-box {
  display: flow-root;/* clearfix を使うことなくフロートの回り込みを解除*/
  margin: 30px 0;
}
.float-left {
  float: left;
  margin: 0 1rem 0.8rem 0;
  width: 40%;
}
.float-right {
  float: right;
  margin: 0 0 1rem 1rem;
  width: 40%;
}
.float-box p { /* 上下マージンをOFF */
  margin: 0;
}
.float-box img { 
  max-width:100%;
  border-radius: 10px;
}
.float-box img.kaku{ 
  max-width:50%;
  border-radius: 0;
}
.float-box img.bk21{ 
  border-radius: 0;
  max-width:50%;
}
@media screen and  (min-width: 768px),print{ /*小冊子贈呈目次ページ*/
  .float-box img.bk21{ 
    width:30%;
    max-width:40%;
  }
}
/* チャット */
.chat {
  margin: 30px 0;
}
.chat-1st, .chat-2nd {
  display: flex;
  margin: 1em 0 3em;
}
.chat-2nd {
  flex-direction: row-reverse;
}
.chat-1st .face {
  flex: 0 0 80px;
  margin: 0 10px 0 0;
}
.chat-2nd .face {
  flex: 0 0 80px;
  margin: 0 0 0 10px;
}
.face img {
  border-radius: 50%;
}
.talk {
  flex: 1 1 auto;
  padding: 1.5rem;
  border-radius: 20px;
}
.chat-1st .talk {
  background:#eee;/*薄グレー*/
}
.sec-reg .chat-2nd .talk {/*就業規則ページ用 超薄い色*/
  background:#d7ebD4;
}
.sec-adv .chat-2nd .talk {/*顧問ページ用 超薄い色*/
  background:#dadaea;
}
.sec-hara .chat-2nd .talk {/*ハラス研修ページ用 超薄い色*/
  background:#fbe9e8;
}
.talk p {
  margin: 0;
}
@media screen and  (min-width: 768px),print{
  .chat-1st, .chat-2nd {
    display: flex;
  }
  .chat-1st .face {
    flex: 0 0 130px;
    margin: 0 20px 0 0;
  }
  .chat-2nd .face {
    flex: 0 0 130px;
    margin: 0 0 0 20px;
  }
}

.flow-to-deliver {/*発注フロー親*/
  padding-bottom: 2em;
}
.flow-to-deliver ul{ /*発注フロー*/
  display:flex;
  flex-direction:column;
  align-items: center;
  margin-top:20px;
  }
.flow-to-deliver li{
  display: block;
  width: 100%;
  max-width: 330px;
  min-height: 160px;
  border-radius: 7px;
  text-align: center;
  border:0 solid #ccc;
  } 
.sec-reg .flow-to-deliver li {/*就業規則ページ用*/
    background: linear-gradient(rgba(255, 255, 255,0),rgba(215, 235, 212,1));/*黄緑～白へのグラデ*/
}
.sec-adv .flow-to-deliver li {/*顧問ページ用*/
    background: linear-gradient(rgba(255, 255, 255,0),rgba(181,182,212,1));/*ネイビー～白へのグラデ*/
}
.sec-hara .flow-to-deliver li {/*ハラス研修ページ用*/
    background: linear-gradient(rgba(255, 255, 255,0),rgba(238,199,198,1));/*Pink～白へのグラデ*/
}
  
.flow-to-deliver li + li{
    margin-top: 1.5em;
  } 
.flow-to-deliver li h3{
   border-radius: 7px 7px 0 0;
   padding:0.5em 0.5em;
   font-size: 1em;
   font-weight:bold;
   color:#fff;
}
.sec-reg .flow-to-deliver li h3{/*就業規則ページ用*/
  background-color:#2e7e22;/*さらに濃い緑 rgb(46, 126, 34) */
}
.sec-adv .flow-to-deliver li h3{/*顧問ページ用*/
  background-color:#062a67;/*濃いネイビー*/
}
.sec-hara .flow-to-deliver li h3{/*ハラス研修ページ用*/
  background-color:#d77d7b; /*濃いコーラルピンク*/
}

.flow-to-deliver li p:first-of-type {
  margin-top: 0.8em;
  margin-bottom: 0em;
  font-size: 1em;
  font-weight: bold;
  }
.flow-to-deliver li p:last-of-type {
  margin-bottom: 1.2em;
  font-size: 0.9em;
  padding:1em 1.2em 1em;
}
@media screen and  (min-width: 768px),print{
  .flow-to-deliver ul {
    display: flex;
    flex-direction:row;
    justify-content: space-between;
    align-items:stretch;/*要素を縦方向に最大まで広げることにより、横並びの高さを揃える*/
  }
  .flow-to-deliver li {
    width: calc((100% - 5px) / 4);
  }
  .flow-to-deliver li + li{
    margin-top:0em;
    margin-left:1.5em;
  } 

}
/*----------------------------------------
	複数要素（草野式）
----------------------------------------*/
.multi{ /*<ul>に相当の土台。PC2～3列、SP1列*/
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -3.0em;
}
.multi li{
  margin-top: 3.0em;
  padding:0.8em 1em 1.5em;
  background:#fff;  /*別候補　薄い水色#c1e7f6;*/
  border:1px solid #ccc;  
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.20);/*枠線*/
}
.multi li ul{ /*顧問特長で使用。打ち消し*/
  margin-top: -0.8em;
  margin-bottom: 1em;
  display:inline-block;
}
.multi li ul li{/*顧問特長で使用。打ち消し*/
  margin-top: 0.8em;
  padding:0.2em 1em 0em;
  background:none; 
  border:none;  
  box-shadow: none;
}
/*PC　2カラム用*/
.multi-pc2col { /*<ul>に相当*/  
  width: 95%;
  margin-left: auto;
  margin-right: auto;
}
.multi-pc2col li h3{ /*3事業共通（就業規則/研修/顧問）*/
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  padding:0.2em 0.5em;
  font-size: 1.1em;
  font-weight:bold;
  color:#fff;
  border-radius: 5px;
}
.sec-reg .multi-pc2col li h3{/*就業規則ページ用*/
  background-color:#2e7e22;/*さらに濃い緑 rgb(46, 126, 34) */
}
.sec-adv .multi-pc2col li h3{/*顧問ページ用*/
  background-color:#062a67;/*濃いネイビー*/
}
.sec-hara .multi-pc2col li h3{/*ハラス研修ページ用*/
  background-color:#d77d7b; /*濃いコーラルピンク*/
}
.multi-pc2col li p{
 padding:0.5em 0.5em;
 font-size: 1em;
 }
.multi-pc2col li .mini-01{
   font-size: 0.85em;
}
.multi-pc2col > .flx{ /*顧問子要素下揃え用*/
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.flx .pt-list{
  margin-top:20px;
  align-self: flex-end;/*顧問子要素下揃え用 個別指定*/
}
@media screen and (min-width: 768px),print {
  .multi-pc2col {/*<ul>に相当*/
    max-width: none;
  }
  .multi-pc2col li {/*<li>に相当*/
    width: calc((100% - 20px)/2);
  }
  .multi-pc2col li ul li{/*顧問特長で使用。打ち消し*/
    width: 100%;
  }
  .multi-pc2col .flx{ /*顧問子要素下揃え用*/

  }
}

/*----------------------------------------
	問合せフォーム 大枠
----------------------------------------*/
.sec-cont-entry > .container{
    width: 100%;
    margin-top:2em;/*重要　BS customファイルとの兼ね合い*/
    margin-bottom: -3em;/*重要　BS customファイルとの兼ね合い*/
    font-size: 1.1em;
  }
.sec-cont-entry{ /*背景4色グラデ*/
  background: -moz-linear-gradient(top, #FFF, #FFC778 20%, #F89174 70%, #FFF);
  background: -webkit-linear-gradient(top, #FFF, #FFC778 20%, #F89174 70%, #FFF);
  background: linear-gradient(to bottom, #FFF, #FFC778 20%, #F89174 70%, #FFF);
    /*Ori background:rgba(245,245,220,0.75); Beige #F5F5DC */
  }
.sec-cont-entry.thanks{ /*背景1色*/
  background: #FFF;
}
.sec-cont-entry .cont-intro{/*前文パート*/
    margin:0em auto 0.5em;
    width: 90%;
}
.sec-cont-entry .cont-thanks{/*エラー頁も代用*/
  margin:0em auto 3em;
  width: 90%;
  min-height:500px;
}
.sec-cont-entry .cont-ent{
    /*margin-top: -60px;Page内リンクの位置調整
    padding-top:60px;*/
    margin:0em auto 3em;
    line-height: 1.5;
    width: 100%;
}
@media screen and  (min-width: 768px),print{
  .sec-cont-entry .cont-ent{
    width: 90%;
}
}

/*----------------------------------------
	問合せフォーム 内部
----------------------------------------*/

.sec-cont-entry .form-btn { /*オリジナルForm　entry　確認へ　ボタン*/
  display       : inline-block;
  width: 40%;
  cursor        : pointer; 
  margin: 1em auto 2em;
  padding       : 0.8em 2em;
  white-space:nowrap;/*改行禁止*/
  transition    : .3s; 
  border-radius : 6px;
  color         : #fff;
  font-size     : 0.9em;
  font-weight: 200;
  letter-spacing: 0.1em;
  background:#2C579B;/*紺色*/;
  border: none;
}
.sec-cont-entry .form-btn.go { /*オリジナルForm　confirm 送信　ボタン*/
  margin: 1em 2em 3em;
  padding       : 0.6em 2em 0.6em 1.6em;/*個別微調整*/
  text-align    : center;
  background:#2C579B;/*紺色*/;
  width: 25%;
}
.sec-cont-entry .form-btn.back { /*オリジナルForm　confirm 戻る　ボタン*/
  margin: 1em 2em 3em;
  padding       : 0.6em 2em;
  background:rgb(104, 102, 102);/*灰色*/;
  width: 25%;
}
.sec-cont-entry .form-btn:hover {
  opacity: 0.7;
}
.sec-cont-entry a:hover { /*Form table用 デフォルトhoverを戻す*/
  color: #000;
  opacity: 1.0;
}
@media screen and  (min-width: 768px),print{
  .sec-cont-entry  .form-btn{ 
    font-size     : 1.1em;
    letter-spacing: 0.2em;
    width: 30%;
    padding: 1em 2.2em;
  }
  .sec-cont-entry .form-btn.go { 
    margin: 1em 0 2em 3em;
    padding       : 0.6em 1.6em 0.6em 1.6em;/*個別微調整*/
    background:#2C579B;/*紺色*/;
    width: 20%;
  }
  .sec-cont-entry .form-btn.back { 
    margin: 1em 0 2em 3em;
    padding       : 0.6em 2em;
    background:rgb(104, 102, 102);/*灰色*/;
    width: 20%;
  }
}
.camp-sem-guide{ /*研修キャンペーン用 全体箱*/
	display:inline-block;
	position:relative;
  padding:0.6em 0.6em 0.2em 5em; /*重要設定値アイコン分の左余白確保*/
	background: #fff4db;
  font-size:1em;
  margin: 0 0 1em 0;
  border-radius: 10px;
}
.camp-sem-icon{ /*FAを囲むためのSpan。オレンジ円 htmlにfas付加*/
	display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 1.0em;
    width: 3.2em;
    height: 3.2em;
    text-align: center;
    background: #ff8c00;
    border-radius: 50%;
    font-weight: 900;
}
.camp-sem-icon i{ /*FA内のアイコン部分の装飾*/
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0.25em;
    color: #fff;
    font-size: 2.2em;
    font-weight: 300;
    line-height: 1.5em;
    transition:.3s;
}
.camp-sem-guide:hover {
  color: #ff8c00;
}
.camp-sem-guide:hover .camp-sem-icon i{/*Hover時のfa-flag内の旗（Font Icon）部分の回転*/
  top: 25%;  /*Mami Added*/
  transform: rotateY(360deg);
}
.camp-sem-guide .camp-sem-ttl{/*案内文タイトル*/
  padding-top:0.5em;
  padding-bottom:0.4em;
  text-align: left;
	line-height:1.4;
  font-size: 1.1em;
  font-weight: 700;
}
.camp-sem-guide .camp-sem-txt{/*案内文中身文章*/
	line-height:1.2;
  font-size: 1.0em;
}
.camp-sem-txt i{
  font-size: 1.0em;
  font-weight: 900;
}
@media screen and  (min-width: 768px),print{
  .camp-sem-guide .camp-sem-ttl{/*案内文タイトル*/
    padding-top:0.3em;
    padding-bottom:0.4em;
  }
  .camp-sem-guide .camp-sem-txt{/*案内文中身文章*/
    font-size: 0.9em;
  }
  .camp-sem-txt i{
    font-size: 0.9em;
  }
}

/*----------------------------------------
	主にbox幅変更用（Width）および文字変更用（FontSize） 
----------------------------------------*/
/* FontSize Choices*/
.fs-095{
  font-size: 0.95em;
}
.fs-090{
  font-size: 0.90em;
}
.fs-085{
  font-size: 0.85em;
}
.fs-080{
  font-size: 0.8em;
}
.fs-070{
  font-size: 0.7em;
}
/* Width Choices*/
.wd-100{
  width: 100%;
}
.wd-098{/*箱 boxNのDefault*/
  width: 98%;
}
.wd-095{/*箱 boxNのDefault*/
  width: 95%;
}
.wd-090{
  width: 90%;
}
.wd-085{
  width: 85%;
}
.wd-080{
  width: 80%;
}
.wd-075{
  width: 75%;
}
.wd-070{
  width: 70%;
}
.wd-060{
  width: 60%;
}

/* FontColor FC Choices*/
.fc-navy{
  color: #182c6b;/*Navy (24, 44, 107)*/
}
.fc-navy01{
  color: #13448f;/*Navy (19, 68, 143) シアン青色　メルマガ登録ボタン色*/
}
.fc-stbrown{
  color: #5e2f0d;/*こげ茶色 (94,47,13) */
}
.fc-ashen{
  color: #7b6963;/*いぶしグレー茶色 (123, 105, 99) */
}

/* Background Color BG Choices*/
.bg-lemon{/*bg-beigeは共通boxで使用済。*/
  color: #000;
  font-size: 0.9em;
  letter-spacing: 0.09em;
  font-weight: normal;
  background-color: #F5F5DC;
  border:#ADAC70 1px solid;
  letter-spacing: 0.09em;
}
.bg-lemon-02{/*枠無しタイプ。bg-beigeは共通boxで使用済。*/
  color: #000;
  font-size: 0.9em;
  letter-spacing: 0.09em;
  font-weight: normal;
  background-color: #F5F5DC;
}
.bg-navy{
  background-color: #182c6b;/*Navy (24, 44, 107)*/
}
.bg-navy01{
  background-color: #13448f;/*Navy (19, 68, 143) シアン青色メルマガ登録ボタン色*/
}
.bg-stbrown{
  background-color: #5e2f0d;/*こげ茶色 (94,47,13)*/
}
.bg-ashen{
  background-color: #7b6963;/*いぶしグレー茶色 (123, 105, 99)*/
}
.bg-skinPink{
  background-color: #f6d2c6;/*肌Pink (246, 210, 198)*/
}
.bg-syuki01{
  background-color:#2e7e22;/*就規用01 (46, 126, 34) 濃い緑 h3で使用中*/
}
.bg-komon01{
  background-color:#062a67;/*顧問用 濃いネイビー h3で使用中*/
}
.bg-hara01{
  background-color: #452b2a; /*ハラス用 非常に濃い茶色（Pinkとの相性）h3の2色で使用中*/
}
.bg-hara02{
  background-color:#d77d7b;/*ハラス用 濃いコーラルピンク　h3の2色で使用中*/
}