@charset "utf-8";

/*新着一覧　カテゴリアイコンの色*/
#main #news dd a:last-of-type {
  text-decoration: none;
}
#main #news dd a:first-of-type {
  text-decoration: underline;
}
#main #news dd span {
  color: #ffffff;
  margin-left: 12px;
  padding: 2px 10px;
  font-size: 80%;
  white-space: nowrap;
}
#main #news dd span.info {
  background-color: #a6d236;
}
#main #news dd span.training {
  background-color: #f6aa3e;
}
#main #news dd span.news {
  background-color: #aea4e1;
}

/* 2nd 共通
--------------------------*/
#btraining #bnavi ul,
#babout #bnavi ul,
#bvoice #bnavi ul {
  list-style-type: none;
  margin: 10px 30px;
  overflow: hidden;
}

#bservice #bnavi li,
#babout #bnavi li,
#bvoice #bnavi li {
  float: left;
  margin: 0 10px;
}

#bwp #main section h2,
#bservice #main section h2,
#bprice #main section h2,
#babout #main section h2,
#boffice #main section h2,
#bvoice #main section h2,
#bconsul #main h2,
#btraining #main section h2,
#bjinji #main section h2 {
  font-size: 160%;
  font-weight: bold;
  line-height: 1.4em;
  /*width: 577px;
width:auto;
height: 40px;*/
  background: url(../parts/h2_icon.png) no-repeat left top;
  color: #556fb5; /* 文字色 */
  padding: 2px 0px 0px 40px; /* 文字の先頭に余白 */
  margin-top: 30px;
  margin-bottom: 15px;
}

#main section h3 {
  font-size: 125%;
  line-height: 1.2em;
  /*font-weight: normal;*/
  border-bottom: solid 1px #556fb5;
  /*height: 24px;*/
  color: #556fb5;
  /*margin-bottom:18px;*/
  margin: 40px 0 10px;
  padding-bottom: 4px;
}
#main section h3.course {
  border-bottom: solid 1px #7b9729;
  /*height: 24px;*/
  color: #556fb5;
}
#main section h3.course span {
  border-right: 2px solid #7b9729;
  padding-right: 20px;
  color: #7b9729;
}

#main section h2 + h3 {
  margin-top: 10px !important;
}

#main section h4 {
  font-size: 110%;
  line-height: 1em;
  color: #000000;
  background-color: #e5dfd3;
  padding: 5px 10px 5px 6px;
  margin-top: 18px;
  margin-bottom: 10px;
  border-radius: 3px;
}
#main section h4 > span {
  display: block;
  border-left: solid 4px #556fb5;
  padding: 0 10px 2px;
}

#main #privacy ul {
  list-style-type: none;
  font-size: 14px;
}
#main #privacy li {
  padding: 2px 0 0 20px;
  background: url(../parts/menu-icon.png) no-repeat left 5px;
  margin-right: 5px;
  margin-left: 0px;
}
#main #privacy ul {
  list-style-type: none;
}

#main #newsline li {
  line-height: 1.5em;
  padding: 10px 0;
  background: url(../parts/list-line.png) no-repeat left bottom;
}
#main #newsline dl dt {
  font-weight: bold;
}
#main #newsline dl dd {
  margin-left: 2em;
}

#main #contact {
  position: relative;
}

#main #contact > a {
  display: block;
  position: absolute;
  right: 95px;
  top: 30px;
  z-index: 20000;
  width: 215px;
  height: 36px;
  text-indent: -9999px;
  background: url(../parts/2nd_button_out.png) no-repeat;
}
#main #contact > a:hover,
#main #contact > a.active {
  background: url(../parts/2nd_button_over.png) no-repeat;
}
#main #checkcontact {
  position: relative;
  margin-top: 250px;
  margin-left: -180px;
}

#main #checkcontact > a {
  display: block;
  position: absolute;
  right: 110px;
  top: 1px;
  z-index: 20000;
  width: 215px;
  height: 36px;
  text-indent: -9999px;
  background: url(../parts/2nd_button_out.png) no-repeat;
}
#main #checkcontact > a:hover,
#main #checkcontact > a.active {
  background: url(../parts/2nd_button_over.png) no-repeat;
}

#main .d-left,
#main .d-right {
  overflow: hidden;
  height: auto;
}

#main .d-left img {
  float: left;
  margin: 0 20px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

#main .d-right img {
  float: right;
  margin: 0 0 0 0px !important;
  padding: 0 !important;
  border: 0 !important;
}

#main .d-left p,
#main .d-right p {
  overflow: hidden;
  height: auto;
}

/*罫線付きテーブル*/
#main table.tbl {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 30px;
}
#main table.tbl th,
#main table.tbl td {
  font-size: 14px;
  border-top: 1px solid #b0bd88;
  border-bottom: 1px solid #b0bd88;
  padding: 7px 12px;
}
#main table.tbl th {
  color: #000;
  font-weight: normal;
  border-top: 2px solid #b0bd88;
  border-bottom: 2px solid #b0bd88;
  width: 20%;
}
#main table.tbl th.price {
  color: #000;
  font-weight: normal;
  border-top: 2px solid #b0bd88;
  border-bottom: 2px solid #b0bd88;
  width: 50%;
}
#main table.tbl th p {
  padding: 0 0 0 0;
}
/* #main table.tbl td {
} */
#main table.tbl td th,
#main table.tbl td td {
  border: none;
  background: none;
  padding: 1px 0 2px 0;
}

/*ページネーション*/
#main #pagenate {
  text-align: center;
  margin-top: 48px;
}
#main .pagenate {
  display: inline-block;
  margin: 0 auto;
  background-color: #f3f3f3;
  /*pie*/
  zoom: 1;
  position: relative;
  border-radius: 16px;
  box-shadow: 0 0 7px #989797, 0 8px 8px #fff inset;
}
#main .pagenate span:first-child,
#main .pagenate .prev {
  border-left: none;
}
#main .pagenate span:last-child,
#main .pagenate .next {
  border-right: none;
}
#main .pagenate a,
#main .pagenate span {
  text-align: center;
  display: block;
  width: 34px;
  padding: 10px 0 12px 0;
  border-left: 1px solid #fff;
  border-right: 1px solid #ddd;
  text-decoration: none;
  float: left;
  color: #7e7e7e;
  margin: 0;
  line-height: 1;
}
#main .pagenate span.current,
#main .pagenate a:hover {
  color: #e72b18;
}

/* お客様の声
--------------------------*/
#bvoice #main #ank ul {
  list-style-type: none;
  overflow: hidden;
}
#bvoice #main #ank li {
  float: left;
  margin-left: 23px;
  /*padding: 5px;
margin-right: 5px;
margin-left: 0px;*/
}
#bvoice #main #ank ul li:first-child {
  margin-left: 0;
}
#bvoice #main #ank li a {
  display: block;
}
#bvoice #main .voice {
  margin: 50px 0 0;
  padding: 120px 0 0;
  background: url(../consultant/parts/voicetop.png) no-repeat left top;
  overflow: visible;
}
#bvoice #main #voice1 {
  margin-top: 25px;
}
#bvoice #main .voice_contents {
  padding: 4px 5px 4px 5px;
}
#bvoice #main .voice_bottom {
  height: 52px;
  background: url(../consultant/parts/voicebottom.png) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
}
#bvoice #main p.title {
  margin: -90px 0 60px;
  text-align: center;
  font-weight: bold;
  font-size: 150%;
  color: #392b1e;
}
#bvoice #main .voice_contents p {
  padding: 0 30px;
}

/* 業務紹介,研修メニュー
--------------------------*/
#bservice #pnavi {
  margin: 10px 0 30px;
}
#bservice #pnavi ul {
  list-style-type: none;
  overflow: hidden;
}
#bservice #pnavi li {
  float: left;
  margin: 0 0 0 14px;
}
#bservice #pnavi li:first-child {
  margin-left: 0;
}
#bservice #main .plist ul {
  margin: 12px 0 0;
  list-style-type: none;
}
#bservice #main .plist li,
#btraining #pnavi ul li,
#btraining #main .plist li {
  background: url(../parts/menu-icon.png) no-repeat left 8px;
  margin: 0 0 0 5px;
  padding: 2px 0 0 20px;
}
#bservice #tts section h2 {
  margin: 40px 0 0;
  padding: 20px 0 0 60px;
  height: 1em;
  min-height: 50px;
}
#bservice #tts section h2#tt1 {
  background: url(../service/parts/tt1.png) no-repeat left center;
  margin-top: 20px;
}
#bservice #tts section h2#tt2 {
  background: url(../service/parts/tt2.png) no-repeat left center;
}
#bservice #tts section h2#tt3 {
  background: url(../service/parts/tt3.png) no-repeat left center;
}
#bservice #tts section h2#tt4 {
  background: url(../service/parts/tt4.png) no-repeat left center;
}
#bservice #tts section h2#tt5 {
  background: url(../service/parts/tt5.png) no-repeat left center;
}
#bservice #tts section h2#tt6 {
  background: url(../service/parts/tt6.png) no-repeat left center;
}
#bservice #tts section h2#tt7 {
  background: url(../service/parts/tt7.png) no-repeat left center;
}
#bservice #tts section h2#tt8 {
  background: url(../service/parts/tt8.png) no-repeat left center;
}
#bservice #main #flow {
  position: relative;
  width: 610px;
  height: 282px;
  margin: 15px 0 30px;
  background: url(../service/parts/flow.png) no-repeat;
}
#bservice #main #flow > a.cform {
  display: block;
  position: absolute;
  right: 440px;
  top: 90px;
  z-index: 20000;
  width: 162px;
  height: 25px;
  text-indent: -9999px;
  background: url(../service/parts/contactbutton.png) no-repeat;
}
#bservice #main #flow > a.staff {
  display: block;
  position: absolute;
  right: 0px;
  top: 140px;
  /*z-index:20000;*/
  width: 180px;
  height: 145px;
  /*text-indent: -9999px;*/
}
/*#bservice #main section h3 {
  font-weight: normal;
	height: 24px;
	color:#556fb5;
	padding-bottom:4px;
}*/
#bservice #t7 .plist ul {
  margin-left: 18px;
}
#bservice #main ul.menubutton {
  list-style-type: none;
  width: 364px;
  margin: 20px 0 120px auto;
  overflow: hidden;
}
#bservice #main ul.menubutton li {
  float: left;
  margin-left: 10px;
}
#bservice #bnavi ul {
  margin: 10px auto 0 20px;
}
#bservice #bnavi li:nth-child(odd) {
  clear: both;
  margin: 0 40px 10px 0;
}

/* 企業内研修 研修メニュー
--------------------------*/
#btraining #pnavi {
  margin: 25px 0 0;
  overflow: hidden;
}
#btraining #pnavi > ul > li {
  padding: 0 0 30px;
  background: none;
}
#btraining #pnavi > ul:first-of-type {
  width: 42%;
  float: left;
}
#btraining #pnavi > ul:last-of-type {
  width: 48%;
  float: right;
}
#btraining #pnavi > ul > li > ul {
  padding-top: 6px;
}
#btraining #main #tt1,
#btraining #main #tt2,
#btraining #main #tt3 {
  margin-top: 90px;
  margin-bottom: -10px;
}
#btraining #main #tt2 {
  margin-top: 30px;
}
#btraining #main .plist,
#btraining #main .inline {
  margin-top: 20px;
}
#btraining #main section h4 {
  padding: 0 0 0 5px;
  color: #7c952f;
  background-color: transparent;
}
#btraining #main .inline h4,
#btraining #main .inline p {
  display: inline;
}
#btraining #t3 {
  padding-bottom: 30px;
}

/* 代表あいさつ
--------------------------*/
#babout #main a.tag {
  margin-left: -30px;
}

#babout #main ul.comment {
  list-style: none;
  width: 85%;
  margin: 10px auto 20px 80px;
}
#babout #main ul.comment li {
  color: #6c9c2d;
  font-size: 120%;
  text-indent: -1em;
  margin-bottom: 0.5em;
}
#babout #main .d-right img {
  margin-left: 20px !important;
}

/* 会社概要
--------------------------*/
#boffice #main .catch {
  margin-bottom: 25px;
}
#boffice #gaiyou .tbl th,
#boffice #gaiyou .tbl td {
  padding: 15px 10px 15px 15px;
}
#boffice #gaiyou .tbl th {
  font-weight: bold;
}
#boffice #gaiyou .tbl td {
  padding-right: 0;
}
#boffice #gaiyou .tbl th .staff {
  display: block;
  margin-left: -12px;
}
#boffice #main section h2 {
  margin-top: 50px;
}
#boffice #main section h3 {
  margin-top: 30px;
}

/* 料金表
--------------------------*/
#bprice #main section h2 {
  margin-top: 50px;
}
#bprice #main section h3.course {
  margin-top: 30px;
}
#bprice #main table.ptbl {
  width: 100%;
  margin: 0 0 3px;
  border: solid 1px #9a9995;
}

#bprice #main table.ptbl td,
.ptbl th {
  padding: 7px 22px;
  border: solid 1px #9a9995;
}

#bprice #main table.ptbl tr:nth-child(odd) td {
  background-color: #ebefe0;
}

#bprice #main table.ptbl th {
  background-color: #dddac9 !important;
}

#bprice #main table.ptbl td {
  border-top: solid 1px #ffffff;
}
#bprice #main table.ptbl td:not(:first-child) {
  text-align: right;
}
#bprice #main table.ptbl td.opt {
  border-top: solid 1px #ffffff;
  text-align: right;
}

#bprice #main section p.fss {
  line-height: 1.8;
  font-size: 85% !important;
}
#bprice #main table.tbl {
  margin-bottom: 3px;
}

/* あすなろ通信（Wordpress）
--------------------------*/
/*トップ*/
#bwp #info.index h1 {
  margin-bottom: 14px;
  padding: 0;
  background: none;
}
#bwp #info.index h1 + .lead {
  text-align: center;
  color: #a9a079;
  font-size: 110%;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serifl;
  background: url(../parts/h1.png) no-repeat scroll center bottom;
  padding-bottom: 24px;
  margin-bottom: 20px;
}
#bwp #info.index #magazine {
  width: 610px;
  margin-bottom: 84px;
}
#bwp #info.index #magazine h2 {
  background: none;
  margin: 4px 10px 22px 0;
  padding: 0;
  float: left;
}
#bwp #info.index #magazine .lead {
  line-height: 1.75;
  font-size: 90%;
}
#bwp #info.index #magazine .list {
  width: 610px;
  clear: both;
  margin-bottom: 48px;
}
#bwp #info.index #magazine .list p {
  font-size: 180%;
  line-height: 1;
  padding: 12px 0 0 0;
  border-top: 4px solid #339933;
  margin: 32px 0 8px 0;
}
#bwp #info.index #magazine .list p:nth-of-type(1) {
  margin-top: 0;
}
#bwp #info.index #magazine .list p a {
  text-decoration: none;
  color: #339933;
}
#bwp #info.index #magazine .list p img {
  margin-left: 16px;
}
#bwp #info.index #magazine .list h3 {
  font-size: 110%;
  color: #333;
  padding: 12px 0 0 0;
  border-bottom: none;
  border-top: 1px dotted #000;
  margin: 0;
  line-height: 1.4;
}
#bwp #info.index #magazine .list h3 span {
  margin-right: 16px;
}
#bwp #info.index #magazine .notice {
  overflow: hidden;
  background-color: #e6e6e0;
  border-radius: 5px;
  padding: 14px;
}
#bwp #info.index #magazine .notice p {
  color: #616161;
  font-size: 82%;
}
#bwp #info.index #magazine .notice p:first-child {
  float: left;
  margin-right: 14px;
}
#bwp #info.index #tmp {
  width: 610px;
}
#bwp #info.index #tmp h2 {
  background: none;
  margin: 4px 10px 22px 0;
  padding: 0;
  float: left;
}
#bwp #info.index #tmp .lead {
  line-height: 1.75;
  font-size: 90%;
}
#bwp #info.index .tmplist {
  width: 610px;
  clear: both;
}
#bwp #info.index .tmplist dl {
  width: 610px;
  border-bottom: 1px dotted #000;
  overflow: hidden;
  padding: 5px 0;
}
#bwp #info.index .tmplist .n1 {
  float: left;
  width: 25%;
  background: url(../info/parts/iconsyoshiki.png) no-repeat 6px center;
  padding: 5px 0 5px 36px;
}
#bwp #info.index .tmplist .n2 {
  float: left;
  color: #949494;
  width: 130px;
  padding: 7px 0 6px 0;
  font-size: 90%;
}
#bwp #info.index .tmplist .n3 {
  float: right;
  width: 140px;
}
/*一覧*/
#bwp #news.category,
#bwp #info.category {
  width: 610px;
  min-height: 355px;
  clear: both;
}
#bwp #info.category .archlist {
  width: 610px;
}
#bwp #info.category .archlist p {
  font-size: 180%;
  line-height: 1;
  padding: 12px 0 8px 0;
  border-top: 4px solid #339933;
  margin: 32px 0 0 0;
}
#bwp #info.category .archlist p:nth-of-type(1) {
  margin-top: 0;
}
#bwp #info.category .archlist p a {
  text-decoration: none;
  color: #339933;
}
#bwp #info.category .archlist p img {
  margin-left: 16px;
}

/* 最新情報（Wordpress）
--------------------------*/
/*一覧*/
#bwp #news {
  width: 610px;
}
#bwp #news dl {
  width: 610px;
  overflow: hidden;
  padding: 8px 0;
  border-bottom: 1px dotted #000;
}
#bwp #news dt {
  float: left;
  width: 22%;
  font-size: 85%;
  padding: 2px 0 0 0;
}
#bwp #news dd {
  float: right;
  width: 78%;
}
#bwp #asunaro ul {
  list-style-type: none;
  font-size: 110%;
}
#bwp #asunaro li {
  margin: 0px 0;
  padding: 30px 0;
  background: url(../parts/line-info.png) no-repeat left bottom;
}
#bwp #asunaro dl dt {
  float: left;
  font-size: 80%;
  margin-right: 2px;
  margin-bottom: 0px;
  background: url(../parts/asunaro.png) no-repeat left top;
  padding: 10px 0 20px 40px;
}
#bwp #asunaro dl dd {
  margin-left: 4px;
  margin-bottom: 0px;
}
/*個別*/
#bwp #news.article {
  padding-bottom: 0 !important;
}
#bwp #news.article h2 {
  margin: 0;
}
#bwp #news.article .date {
  font-size: 80%;
  text-align: right;
  margin-bottom: 54px;
}
#bwp #news.article .content {
  width: 610px;
  min-height: calc(100vh - 800px);
  overflow: hidden;
  padding-bottom: 62px;
  border-bottom: 1px dotted #000;
  margin-bottom: 14px;
}
#bwp #news.article .img {
  float: right;
  margin: 0 0 14px 14px;
}
#bwp #news.article .list {
  background: url(../parts/article_icon.png) no-repeat left 2px;
  padding-left: 24px;
}

/* コンサルタント紹介
--------------------------*/
#bconsul #main ul.menubutton {
  list-style-type: none;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}
#bconsul #main ul.menubutton li {
  float: left;
  margin-right: 10px;
}

/* あすなろ人事　2024.08
--------------------------*/
#bjinji .conts > h1 {
  margin-bottom: 14px;
  padding: 0;
  background: none;
}
#bjinji .conts > h1 + .lead {
  text-align: center;
  color: #988973;
  font-size: 180% !important;
  font-weight: bold;
  font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serifl;
  background: url(../parts/h1.png) no-repeat scroll center bottom;
  padding-bottom: 24px;
  margin-bottom: 20px;
}

/* お問い合わせ　以下後で削除
--------------------------*/
#bcontact #main #privacy {
  background: url(../form/parts/formtop.png) no-repeat left top;
  overflow: visible;
  padding-top: 35px;
}
#bcontact #main #privacy_contents {
  padding: 4px 30px 4px 30px;
}
#bcontact #main #privacy_contents p.ptitle {
  font-size: 110%;
  margin-left: 10px;
  color: #556fb5;
}
#bcontact #main #privacy_contents p a.plink1 {
  font-size: 70%;
  margin-left: 295px;
}
#bcontact #main #privacy_contents p a.plink2 {
  font-size: 70%;
  margin-left: 46px;
}
#bcontact #main #privacy_bottom {
  height: 98px;
  background: url(../form/parts/formbottom.png) no-repeat left bottom;
  font-size: 1px;
  line-height: 1px;
}
#bcontact #main #column {
  background: url(../form/parts/bgprivacy.png) repeat;
  width: 600px;
  height: auto;
  padding-top: 10px;
  overflow: auto;
}
#bcontact #main #column #columninner {
  width: 540px;
  height: auto;
  margin-top: 0px;
  margin-bottom: 10px;
  margin-left: 10px;
  margin-right: 10px;
  background: #ffffff;
  padding: 10px 20px;
}
#bcontact #main #column #columninner p.ctitle {
  padding: 10px 0 10px 0px;
  font-size: 120%;
  color: #556fb5;
  border-bottom: 2px solid #556fb5;
}
#bcontact #main #column #columninner dt {
  margin-top: 1em;
  font-weight: bold;
}

form {
  margin: 20px 20px;
  padding: 0;
  font-size: 14px;
}
form fieldset {
  width: 600px;
  margin-top: 50px;
  border: 0;
}
form legend {
  padding: 1em 2px 0 2px;
  font-weight: bold;
}
form em {
  display: inline;
  margin-left: 130px;
}
form em.radio {
  float: left;
  display: block;
}
form label {
  display: block;
  margin-top: 10px;
  padding: 2px 10px 0 2px;
  font-weight: bold;
  color: #7b9729;
  background: url(../form/parts/border.png) no-repeat 180px top;
  border-bottom: 1px solid #7b9729;
}
form label.need {
  display: block;
  margin-top: 10px;
  padding: 2px 10px 0 2px;
  font-weight: bold;
  color: #7b9729;
  border-bottom: 1px solid #7b9729;
  background: url(../form/parts/borderneed.png) no-repeat 180px top;
}
form fieldset ol {
  margin: 0;
  padding: 0;
}
form fieldset li {
  list-style: none;
  clear: both;
  margin: 0;
  padding: 5px 5px 10px 5px;
}
form input {
  margin-top: 20px;
  width: 500px;
  height: 30px;
}
form input.q {
  position: relative;
  top: -10px;
  width: auto;
  height: auto;
}
form input.postcode1 {
  width: 100px;
  height: 30px;
}
form input.postcode2 {
  width: 150px;
  height: 30px;
}
form input.submit {
  width: 200px;
  height: 40px;
}
form input.p {
  display: block;
  position: absolute;
  top: -5px;
  left: 30px;
  width: auto;
  height: auto;
  z-index: 1;
}

form .optp {
  position: relative;
  border-top: 1px solid #b0bd88;
  border-left: 1px solid #b0bd88;
  border-bottom: 1px solid #b0bd88;
  border-right: 1px solid #b0bd88;
  background: #ffffff;
  padding: 10px 10px 10px 0;
  left: 100px;
  top: -80px;
  z-index: 0;
}

form .optp em {
  margin-left: 60px;
}