@charset "utf-8";

body {
  background-color: #f4f5f7;
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans", Meiryo, sans-serif;
}

section {
  margin-bottom: 70px;
}

a {
  text-decoration: none;
  color: inherit;
  /*親要素のフォントと同じ色にする*/
}

img {
  max-width: 100%;
}


.wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

body h2 {
  font-size: 1.5em;
  margin-left: 50px;
  /*見出しの下線を入れるためpaddingでなくmarginで指定*/
  margin-bottom: 20px;

  /*  以下、見出しの下線*/
  border-bottom: 1px solid #333;
  display: inline-block;
}

body h3 {
  margin-left: 60px;
  margin-bottom: 20px;
  font-size: 1.4em;

  /*以下、見出しの前の罫線*/
  padding: 0.1em 10px;
  /*上下 左右の余白*/
  border-left: solid 10px #E74400;
  /*左線*/
}

body h4 {
  font-size: 1.3em;
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: 20px;
}

/*基本のテキスト*/
.base-text {
  margin-left: 70px;
  margin-right: 70px;
  line-height: 1.6em;
  text-align: justify;
}

/*パンくずリスト:indexにはなし*/
.breadcrumbs {
  margin-left: 50px;
  margin-bottom: 30px;
}

.breadcrumbs ul {
  overflow: hidden;
  /*liのfloatでなくなる高さを維持*/
}

.breadcrumbs ul li {
  float: left;
  padding-right: 20px;
}

.breadcrumbs ul li a {
  text-decoration: underline;
}

.breadcrumbs ul li a:hover {
  opacity: 0.6;
}

/*header*/
header {
  color: #333;
  padding-top: 40px;
}

.logo {
  display: inline-block;
  margin-left: 20px;
}

.logo img {
  width: 210px;
  height: auto;
}

.header_right {
  display: inline-block;
  float: right;
  margin-right: 20px;
}

.phone {
  display: inline-block;
}

.phone img {
  width: 35px;
  height: 35px;
}

.phone_box {
  display: inline-block;
  margin: 0 10px;
}

.phone_box_number {
  display: block;
  font-size: 1.3em;
}

.phone_box_time {
  font-size: 0.8em;
}

/*index:お問い合わせボタン*/
.header_contact_btn {
  display: inline-block;
  float: right;
  width: 8em;
  height: 2em;
  background-color: #e74400;
  color: #fff;
  border-radius: 10px;
  text-align: center;
  line-height: 2em;
}

.header_contact_btn:hover {
  opacity: 0.6;
}

/*グローバルナビ*/
.hamburger_menu {
  display: none;
  /*ハンバーガーメニュー用のnavi*/
}

.header_nav ul {
  display: flex;
  padding-left: 300px;
  justify-content: space-evenly;
  padding-bottom: 20px;
}

.header_nav ul a {
  font-size: 0.9em;
  position: relative;
  display: inline-block;
}

.header_nav ul a::after {
  position: absolute;
  bottom: 2px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #333;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
}

.header_nav ul a:hover::after {
  bottom: -4px;
  opacity: 1;
  visibility: visible;
}

/*メイン画像*/
.maincontent {
  position: absolute;
  top: 180px;
}

.maincontent img {
  margin: 0 62px;
  /*62px=.wrapper:1024px-maincontent:900px/2*/
}

/*メイン画像〜私たちについてまでの背景の指定*/
.container {
  margin-top: 275px;
  padding-top: 350px;
  background-color: #ADD9CB;
  background-position: 50% 50%;
}

/*index:btn_研修ページへ*/
.training_btn {
  margin-left: 650px;
  margin-bottom: 20px;
  padding-left: 7px;
  width: 14em;
  height: 1.7em;
  line-height: 1.7em;
  background-color: #333;
  color: #fff;
  font-size: 1.4em;
  border-radius: 10px;
  text-align: center;
}

.training_btn:hover {
  opacity: 0.6;
}

.training_btn span {
  padding-left: 10px;
  padding-right: 20px;
  font-size: 0.6em;
}


/*index:私たちについて*/
.index_aboutus_text {
  font-size: 1.2em;
  padding-left: 70px;
  padding-right: 50px;
  text-align: justify;
}

/*index/trainig:btn_cov-2の取り組みページ*/
.cov2_btn {
  margin-top: 20px;
  margin-left: 70px;
  width: 29em;
  height: 1.7em;
  line-height: 1.7em;
  font-size: 1.4em;
  border-radius: 10px;
  text-align: center;
}

/*index:白ボタン用*/
.btn_white {
  background-color: #fff;
  color: #333;
}

/*trainig:黒ボタン用*/
.btn_black {
  background-color: #333;
  color: #fff;
}

.cov2_btn:hover {
  opacity: 0.6;
  color: #fff;
  background-color: #333;
}

/*index:四つの特徴ボタン*/
/*
.index_feauture {
  width: calc(100% / 4);
}*/

.feature_box {
  display: flex;
  justify-content: space-between;
  margin-left: 70px;
  margin-right: 50px;
  padding-bottom: 60px;
}

.feauture_item {
  margin-right: 10px;
  padding: 20px;
  background-color: #fff;
  width: 170px;
  height: auto;
  text-align: center;
  border-radius: 10px;
  font-weight: bold;
}

.feauture_item img {
  padding: 10px;
  width: 100px;
  height: auto;
}

.feauture_box_text {
  font-size: 0.75em;
  text-align: justify;
  font-weight: normal;
  letter-spacing: -1px;
}

/*index:研修説明*/
.training_box {
  display: flex;
  justify-content: space-between;
  margin-left: 70px;
  margin-right: 50px;
  padding-bottom: 10px;
  text-align: center;
}

.index_training ul li {
  list-style-type: square;
  margin-left: 120px;
}

/*index:研修の種類ボックス*/
.training_box_item {
  width: calc(100% / 3);
  margin: 5px;
  padding: 20px 10px;
  background-color: #ADD9CB;
  text-align: center;
  border-radius: 10px;
  font-weight: bold;
}

.training_box_item img {
  width: 220px;
  height: 140px;
}

.training_box_title {
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 10px;
  height: 3em;
  text-align: center;
  border-bottom: 3px solid #E74400;
}

.training_box_text {
  margin-left: 5px;
  padding-bottom: 15px;
  font-weight: normal;
  font-size: 1em;
  text-align: left;
  height: 4em;
}

.training_box_target {
  display: flex;
  height: 70px;
  padding-bottom: 10px;
}

.target {
  width: 50px;
  border: 1px solid #333;
  border-radius: 10px;
  background-color: #fff;
  height: 2em;
  text-align: center;
  line-height: 2em;
  font-size: 0.9em;
}

.target_list {
  width: 180px;
  padding-left: 15px;
  font-weight: normal;
  font-size: 0.9em;
  text-align: left;
  line-height: 1.3em;
}

/*training:研修ボックスの追加箇所*/
.training_part {
  height: 6.4em;
}

.training_part_title {
  font-size: 1.15em;
}

.training_part_text {
  width: 200px;
  /*画像t-box imgと横幅あわせた*/
  margin: 0 auto;
  text-align: justify;
}

/*training:第3段階の欄外の説明文*/
.training_box_menu {
  padding-left: 80px;
  padding-right: 60px;
  font-size: 0.9em;
  text-align: justify;
}

/*index:コーチング*/
/*index:コーチングの種類のボックス*/

.index_c_box {
  display: flex;
  margin-left: 70px;
  margin-bottom: 20px;
}

.c_box_item {
  border-radius: 10px;
  display: flex;
  width: 400px;
  margin-left: 5px;
}

.c_box_item img {
  width: 150px;
  height: auto;
  margin: 10px;
}

.c_box_content {
  margin: 10px;
}

.c_box_title2 {
  font-size: 0.8em;
  font-weight: normal;
}

.c_box_title1 {
  font-size: 1.2em;
  font-weight: 700;
  line-height: 1.2em;
  height: ;
  margin-bottom: 0.5em;
}

.c_box_content ul li {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 0.75em;
}

.box_yellow {
  background-color: #FFCC99;
}

.box_blue {
  background-color: #9CD1EF;
}

/*index:btnコーチングページへ*/
.coaching_btn {
  margin-left: 620px;
  padding-left: 5px;
  width: 11.5em;
  height: 1.7em;
  line-height: 1.7em;
  background-color: #333;
  color: #fff;
  font-size: 1.4em;
  border-radius: 10px;
  text-align: center;
}

.coaching_btn:hover {
  opacity: 0.6;
}

.coaching_btn span {
  padding-left: 10px;
  padding-right: 20px;
  font-size: 0.6em;
  text-align: center;
}

.index_instructor p {
  padding-left: 70px;
  padding-right: 50px;
}

.index_instructor li {
  list-style-type: square;
  list-style-position: inside;
  padding-left: 70px;
}

.index_top_message_banner {
  margin-bottom: 40px;
}

.index_top_message_banner img:hover {
  opacity: 0.6;
}

.popBtn {
  color: #ff0000;
  font-weight: 700;
}

.popBtn:hover {
  opacity: 0.6;
}

/*index:お問い合わせ*/

.index_contact {
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #ADD9CB;
  margin: 0;
}

.index_contact_text {
  padding-left: 70px;
  padding-right: 50px;
}

/*index:お問い合わせのお問い合わせボタンB*/
.index_contact_btn {
  margin: 20px 0 20px 400px;
  width: 240px;
}

.index_contact_btn_icon {
  width: 12em;
  background-color: #e74400;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  line-height: 2em;
}

.index_contact_btn_icon:hover {
  opacity: 0.6;
}

.contact-btn_b a {
  display: block;
  font-size: 1.2em;
  color: #fff;
  text-align: center;
}

.index_contact_phone {
  display: flex;
  margin-top: 20px;
}

.index_contact_phone img {
  width: 40px;
  height: 40px;
}


/*footer*/
.footer_main {
  padding: 30px;
  background-color: #333;
  color: #fff;
  height: 150px;
}

.footer_index {
  float: left;
}

footer a {
  color: #e8e8e8;
}

footer a:hover {
  color: #fff;
  background-color: #666;
  font-weight: bold;
}

.footer_office {
  float: right;
}

small {
  clear: both;
  display: block;
  text-align: center;
}

/*"training"研修ページ*/
.overview {
  display: flex;
  text-align: center;
  margin: 20px 70px;
}

.overview-box {
  width: 300px;
  height: auto;
  border: 1px solid #333;
  border-radius: 10px;
  margin: 10px;
  padding: 20px;
}

.overview-box p img {
  width: 120px;
  height: auto;
}

.overview-title {
  font-size: 1.5em;
}

.overview-text li {
  text-align: justify;
  margin: 5px;
  letter-spacing: -1px;
  font-size: 0.9em;
  list-style-type: disc;
}

/*"training"目標達成後*/
.victory {
  margin-left: 70px;
  margin-right: 50px;
  margin-top: 30px;
  padding: 20px 70px;
  border: 5px solid #ADD9CB;
}

.victory-title {
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 1em;
}

.victory-a {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 0.2em;
}

.victory-b {
  margin-left: 2em;
  text-align: justify;
  margin-bottom: 0.8em;
}

/*"coaching"*/
.coachingFlex {
  display: flex;
  margin-left: 70px;
  margin-right: 50px
}

.coachingFlex img {
  width: 280px;
  height: 200px;
}

.coachingTitle h5 {
  padding: 0.5em 1em;
  width: 350px;
  font-size: 1.2em;
  margin-left: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
  border-radius: 10px;
}

.coachingYellow h5 {
  background: #FFCC99;
}

.coachingBlue h5 {
  background: #9CD1EF;
}

.coachingTitle ol {
  list-style-type: decimal;
  margin-left: 2em;
}

.coaching_disc li {
  list-style-type: disc;
  margin-left: 2em;
}

.coachingText {
  margin-left: 20px;
  margin-right: 20px;
  line-height: 1.6em;
  text-align: justify;
}

.text_note {
  margin-top: 20px;
  margin-left: 25px;
}

/*"company"ご挨拶*/
.top-title {
  margin-bottom: 20px;
}


/*"company"ポケット資料集*/
.pocket {
  margin-top: 40px;
  margin-left: 100px;
  margin-right: 100px;
}

.pocket_books {
  display: flex;
}

.pocket_image {
  min-width: 150px;
  margin-right: 20px;
}

.pocket-link {
  height: calc(100% / 2);
  border: 1px solid #333;
  padding: 10px;
}

.pocket-link:hover {
  opacity: 0.5;
}

.p-txt-1 {
  font-size: 1.3em;
}

.p-txt-2 {
  margin-left: 1em;
  font-size: 0.75em;
}

.pocket-notes {
  margin-top: 10px;
  font-size: 0.75em;
  line-height: 1.2em;
}

/*"company"会社概要*/
.about {
  background-color: #ADD9CB;
  padding-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.aboutcompany {
  font-size: 1.2em;
  margin-left: 70px;
  border-collapse: separate;
  border-spacing: 40px 30px;
}

/*"info_virus"ウイルス注意事項*/
.virus {
  margin-right: 50px;
}

.virus p {
  padding-left: 3em;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: justify;
}

.virus ul {
  list-style-type: decimal;
  padding-left: 5em;
  text-align: justify;
}

.virus article {
  margin-bottom: 1-px;
}

/*"privacy_policy"プライバシーポリシー*/
.privacy_policy_main p {
  margin-left: 70px;
  margin-right: 50px;
  line-height: 1.7em;
  text-align: justify;
}

.privacy-title {
  font-weight: bold;
}

.privacy-subtitle {
  padding-left: 1em;
}

.privacy-subsubtitle {
  padding-left: 2em;
}

.privacy-subsubsubtitle {
  padding-left: 3em;
}

/*"contact"フォーム*/
.form {
  background-color: #ADD9CB;
  font-weight: bold;
  margin-bottom: 0;
  padding-top: 10px;
  padding-bottom: 60px;
}

.form a {
  color: #0044CC;
  font-weight: bold;
  text-decoration: underline;
}

.form a:hover {
  opacity: 0.6;
}

form p {
  padding-top: 20px;
  margin-left: 90px;
  font-size: 1.2em;
  line-height: 2em;
}

select,
textarea,
input[type="text"],
input[type="email"] {
  width: 300px;
  height: 2em;
}

textarea {
  font-size: 1.2em;
  width: 400px;
  height: 6em;
}


input[type="submit"] {
  width: 200px;
  height: 2em;
}

.contact_contact_btn {
  display: inline-block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 80px;
  padding: 5px 10px;
  background-color: #fff;
  color: #e74400;
  border-radius: 10px;
  text-align: center;
  line-height: 2em;
  text-decoration: none;
}

/* イベント */

/* .maincontent img:hover {
  opacity: 0.6;
} */

.event {
width: 100%;
margin: 0 auto;
}


.eventimg {
  text-align: center;
  margin-top: 10px;
}

.event table {
  /* margin-left: 85px; */
  margin-left: 65px;
}

.eventbig {
  font-size: 1.5em;
}

.event table tr td {
  vertical-align: top;
  line-height: 1.2em;
  padding-bottom: 1.2em;
  padding-left: 1.2em;
}

.event table tr td span {
  text-decoration: underline;
}

.mail {
  text-decoration: underline;
  padding-bottom: 1px;
}

.eventText {
  margin-left: 35px;
}

.event article {
  margin-top: 40px;
}

.eventText p {
  margin-left: 30px;
  line-height: 1.8em;
}

.eventsection {
  margin-top: 70px;
margin-bottom: 20px;
margin-left: 0vw;
margin-right: 10vw;
}

.eventsection p {
  /* margin-left: 8vw; */
  margin-left: 85px;
  line-height: 1.8em;
}

/*:btn_研修ページへ*/
.event_btn {
  padding: 5px;
  width: 14em;
  height: 1.2em;
  line-height: 1.2em;
  background-color: #333;
  color: #fff;
  font-size: 1em;
  border-radius: 10px;
  text-align: center;
}


.event_btn:hover {
  opacity: 0.9;
}

/*以下、タブレット用*/
@media screen and (max-width: 780px) {

  img {
    height: auto;
  }

  .wrapper {
    width: 100%;
  }

  /*メイン画像*/
  .maincontent {
    position: static;
  }

  .maincontent img {
    margin: 0 auto;
    vertical-align: bottom;
  }

  /*メイン画像〜私たちについてまでの背景の指定*/
  .container {
    margin-top: 0;
    padding-top: 20px;
    background-position: center center;
  }

  .header_nav ul a {
    font-size: 0.75em;
  }

  .training_btn,
  .coaching_btn {
    margin-left: 40px;
  }

  .training_box,
  .index_c_box {
    margin-left: 30px;
    margin-right: 100px;
  }

  .c_box_title2 {
    font-size: 0.75em;
    padding-left: 10px;
  }

  .c_box_title1 {
    font-size: 1em;
    padding-left: 10px;
  }

  .c_box_content ul li {
    padding-left: 10px;
  }

  .index_contact_btn {
    margin: 20px 0 20px 280px;
    width: 240px;
  }

  /*training:第3段階の欄外の説明文*/
  .training_box_menu {
    padding-left: 50px;
  }
}


/*以下、スマホ用*/
@media screen and (max-width: 480px) {

  .eventsection p {
    margin-left: 10px;
  }

.eventText {
  margin-left: 0;
}

.event table {
  margin-left: 0;
}

  section {
    margin-bottom: 30px;
  }

  img {
    max-width: 100%;
    /*親要素のwidth幅の100%*/
  }

  body h2,
  body h3,
  body h4,
  .base-text {
    margin-left: 0;
    margin-right: 20px;
    font-size: 1.1em;
  }

  /*ハンバーガーメニュー用*/
  .header_nav {
    display: none;
  }

  .hamburger_menu {
    display: inline-block;
  }

  .navOpen {
    /*アイコンのサイズ*/
    width: 36px;
    height: 40px;
    float: right;
    margin-left: 230px;
    margin-top: 7px;
    cursor: pointer;
    background: url(../images/menu.png) no-repeat 0 0;
    background-size: 72px;
  }

  /*スマホ用メニュー閉じるボタン*/
  .navClose {
    background-position: -36px 0;
    /*ボタンの画像切り替え*/
  }

  .menu-sp {
    clear: both;
    position: relative;
  }

  .menu-sp ul {
    width: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255, 255, 255, 0.9);
    border-bottom: 3px #ccc solid;
  }

  .menu-sp li {
    line-height: 1.4;
    border-top: 1px #ccc solid;
  }

  .menu-sp a {
    color: #000;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-size: 0.85em;
  }

  /*ここまでハンバーガーメニュー用*/

  .breadcrumbs {
    display: none;
  }

  .index_aboutus_text {
    padding-left: 20px;
    padding-right: 20px;
  }

  .index_training ul li {
    margin-left: 40px;
    margin-right: 20px;
  }

  .base-text {
    margin-right: 20px;
    line-height: 1.4em;
    text-align: justify;
  }

  .index_aboutus_text {
    font-size: 1.1em;
  }

  .feature_box {
    display: block;
    margin: 10px;
  }

  .feauture_item {
    margin: 10px auto;
    padding-bottom: 10px;
  }

  .feauture_item img {
    padding: 10px;
    width: 100px;
  }

  .feauture_box_text {
    font-size: 0.7em;
  }

  .index_aboutus_text {
    line-height: 1.2em;
  }

  .training_box {
    display: block;
  }

  .training_box_item {
    width: auto;
    margin-left: 0;
  }

  .index_c_box {
    display: block;
  }

  header {
    display: flex;
    padding: 0;
    margin-bottom: 10px;
  }

  .logo img {
    margin: 0;
    width: 100px;
  }

  /*index:お問い合わせボタン*/
  .phone,
  .header_contact_btn,
  footer {
    display: none;
  }

  .training_btn {
    margin-left: 10px;
    margin-bottom: 20px;
    font-size: 1em;
  }

  .coaching_btn {
    font-size: 1em;
    margin-left: 10px;
  }

  .coaching_btn span {
    padding-right: 10px;
  }


  .cov2_btn {
    margin-top: 20px;
    margin-left: 15px;
    padding: 5px;
    width: 280px;
    height: auto;
    line-height: 1.3em;
    font-size: 0.9em;
    border-radius: 10px;
    text-align: left;
  }

  .index_contact_btn {
    margin: 20px 0 20px 100px;
    width: 240px;
  }

  .training_box {
    margin-left: 60px;
    margin-right: 60px;
  }

  .index_c_box {
    margin: 0 auto;
  }


  .c_box_item {
    width: 300px;
    margin-left: 30px;
    margin-bottom: 10px;
  }

  /*trainingページ*/
  .overview {
    display: block;
    text-align: center;
    margin: 20px;
  }

  .overview-box {
    width: 250px;
    margin: 10px auto;
  }

  .overview-text {
    font-size: 0.9em;
  }

  .victory {
    margin: 10px;
    padding: 10px;
    text-align: left;
  }

  .victory-title,
  .victory-a {
    font-size: 1em;
    text-align: left;
  }

  .victory-b {
    margin-left: 10px;
  }

  .training_box_menu {
    font-size: 0.75em;
  }

  .coachingFlex {
    display: block;
    margin-left: 20px;
  }

  .coachingText {
    margin: 10px;
    line-height: 1.3em;
  }

  .text_note {
    margin-left: 10px;
  }

  .coachingTitle h5 {
    margin-left: 20px;
    width: 300px;
    padding: 0.5em;
    font-size: 1em;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .coachingFlex {
    margin-right: 50px
  }

  .aboutcompany {
    margin-left: 20px;
    border-spacing: 15px 10px;
    font-size: 1em;
  }

  .movile_img {
    display: none;
  }

  /*"company"ポケット資料集*/
  .pocket {
    margin-left: 20px;
    margin-right: 20px;
  }


  .pocket-link {
    border-radius: 20px;
    padding: 10px;
  }

  .p-txt-1 {
    font-size: 1em;
  }

  .p-txt-2 {
    margin-left: 0.75em;
  }

  .contact_contact_btn {
    margin-left: 20px;
  }

}

/*wp読み込み*/
.news-box{
  padding: 1em 0;
    border-bottom: 1px solid #fff;
    width: 100%;
}
.date{
  margin: 0 0.8em;
  font-size:80%;
}
.news-more{
  margin: 0 auto;
  width:200px;
  text-align:center;
  font-size:15px;
  color:#fff;
  background-color:#333;
  padding:5px 10px;
  border-radius: 10px;
}
.news-lead{
  margin-bottom:30px;
}
.staff-more{
  margin: 0 auto;
  width:200px;
  text-align:center;
  font-size:15px;
  color:#fff;
  background-color:#333;
  padding:5px 10px;
  border-radius: 10px;
  margin-top:30px;


}
.slider {
  margin: 0 auto;
  width: 100%;
}
.slide-img {
  margin: 0 10px;
}
.slide-img img {
  height: auto;
  width: 100%;
}

.contact__txt {
  margin: 1em 0 0 80px;
}
@media screen and (max-width: 480px) {
  .contact__txt {
    margin: 1em 0 0 20px;
  }
}