@charset "UTF-8";
/* ==========================================================================
レイアウト
========================================================================== */
#index-company-action-training-report {
  -webkit-font-feature-settings: normal;
  font-feature-settings: normal;
}
#index-company-action-training-report .full-box {
  position: relative;
  width: min(100%, 1500px);
  min-width: 1172.9651162791px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  #index-company-action-training-report .full-box {
    width: 100%;
    min-width: 100%;
  }
}
#index-company-action-training-report .full-box > section {
  position: relative;
  display: grid;
  grid-template-columns: 4.1333333333% repeat(11, 5.2% 2.6666666667%) 5.2% 4.1333333333%;
  width: 100%;
  overflow: hidden;
}
#index-company-action-training-report .full-box > section > .is-full {
  grid-column: 1/-1;
}
#index-company-action-training-report .full-box > section > * {
  grid-column: var(--column, 4/23);
}
@media screen and (max-width: 767px) {
  #index-company-action-training-report .full-box > section {
    grid-template-columns: 5.3333333333% 1fr 5.3333333333%;
    width: 100%;
    min-width: 100%;
  }
  #index-company-action-training-report .full-box > section > * {
    grid-column: var(--column, 2/3);
  }
}
#index-company-action-training-report .page-menu_item.is-active {
  pointer-events: all;
}

/* ==========================================================================
タイトル
========================================================================== */
.headline2 {
  margin-top: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  font-size: 4.7rem;
  line-height: 1.6;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .headline2 {
    margin-top: 12px;
    font-weight: 700;
    letter-spacing: 0.05em;
    font-size: 3.2rem;
    line-height: 1.4;
  }
}

/* ==========================================================================
タイトル
========================================================================== */
.title {
  --column: 2 / 25;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 29px;
  min-height: 80px;
  padding: 12px 4.4776119403%;
  margin-top: 62px;
  border-radius: 16px;
  background-color: #0075D3;
}
@media screen and (max-width: 767px) {
  .title {
    --column: 2 / 3;
    flex-direction: column;
    row-gap: 4px;
    padding: 15px 8px 10px;
    border-radius: 12px;
  }
}
.title_tag {
  width: max-content;
  min-width: 11rem;
  padding: 0 13px;
  border-radius: 99px;
  background-color: #FFF;
  color: #0075D3;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.9285714286;
  letter-spacing: -0.003em;
  white-space: nowrap;
  text-align: center;
}
.title_body {
  color: #FFF;
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1.4736842105;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .title_body {
    font-size: 2.5rem;
    line-height: 1.4;
    text-align: center;
  }
}
.title_body span {
  padding-left: 1em;
}
@media screen and (max-width: 767px) {
  .title_body span {
    display: block;
    padding-left: 0;
  }
}

.title.is-brown {
  background-color: #8C3937;
}

.is-brown .title_tag {
  color: #8C3937;
}

/* ==========================================================================
アイキャッチ画像
========================================================================== */
.eyecatch {
  margin-top: 80px;
  overflow: visible !important;
}
@media screen and (max-width: 767px) {
  .eyecatch {
    margin-top: 48px;
  }
}
.eyecatch figure {
  position: relative;
  display: block;
}
.eyecatch figure picture, .eyecatch figure img {
  display: block;
}
.eyecatch figure img {
  border-radius: 16px;
}
@media screen and (max-width: 767px) {
  .eyecatch figure img {
    border-radius: 12px;
  }
}
.eyecatch_icon {
  position: absolute;
  display: block;
  pointer-events: none;
}
.eyecatch_icon.is-type01 {
  top: 15.1090342679%;
  left: -3.8596491228%;
  width: 14.9122807018%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-type01 {
    top: -10.3139013453%;
    left: -2.0298507463%;
    width: 22.8358208955%;
  }
}
.eyecatch_icon.is-type02 {
  bottom: -2.492211838%;
  left: 3.5087719298%;
  width: 3.8596491228%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-type02 {
    bottom: 34.7533632287%;
    left: 2.6865671642%;
    width: 5.9701492537%;
  }
}
.eyecatch_icon.is-type03 {
  top: 33.6448598131%;
  right: -6.5789473684%;
  width: 15.701754386%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-type03 {
    top: 10.0896860987%;
    right: -1.7910447761%;
    width: 21.7910447761%;
  }
}

.eyecatch_icon.is-detail02-01 {
  top: 3.2710280374%;
  right: -1.9298245614%;
  width: 3.8596491228%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail02-01 {
    top: -5.8295964126%;
    right: -2.0895522388%;
    width: 5.9701492537%;
  }
}
.eyecatch_icon.is-detail02-02 {
  top: 43.9252336449%;
  left: -9.7368421053%;
  width: 13.1578947368%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail02-02 {
    top: 55.1569506726%;
    left: -2.9850746269%;
    width: 17.6119402985%;
  }
}
.eyecatch_icon.is-detail02-03 {
  top: 73.6760124611%;
  right: -5.0877192982%;
  width: 15.4385964912%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail02-03 {
    top: 75.33632287%;
    right: 2.6865671642%;
    width: 22.6865671642%;
  }
}
.eyecatch_icon.is-detail03-01 {
  top: 3.2710280374%;
  left: -1.9298245614%;
  width: 3.8596491228%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail03-01 {
    top: -5.8295964126%;
    left: -2.9850746269%;
    width: 5.9701492537%;
  }
}
.eyecatch_icon.is-detail03-02 {
  top: 11.6822429907%;
  right: -3.3333333333%;
  width: 17.0175438596%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail03-02 {
    top: 12.1076233184%;
    right: -2.0895522388%;
    width: 20.8955223881%;
  }
}
.eyecatch_icon.is-detail03-03 {
  top: 73.0529595016%;
  left: -2.2807017544%;
  width: 16.1403508772%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail03-03 {
    top: 65.9192825112%;
    left: -2.3880597015%;
    width: 21.1940298507%;
  }
}
.eyecatch_icon.is-detail04-01 {
  top: 21.6510903427%;
  left: -1.1403508772%;
  width: 15.5263157895%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail04-01 {
    top: 21.0762331839%;
    left: -2.3880597015%;
    width: 24.1791044776%;
  }
}
.eyecatch_icon.is-detail04-02 {
  top: 4.984423676%;
  left: 36.3157894737%;
  width: 17.0175438596%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail04-02 {
    top: 3.1390134529%;
    left: 39.4029850746%;
    width: 22.9850746269%;
  }
}
.eyecatch_icon.is-detail04-03 {
  top: 14.7975077882%;
  left: 77.7192982456%;
  width: 14.8245614035%;
}
@media screen and (max-width: 767px) {
  .eyecatch_icon.is-detail04-03 {
    top: 13.4529147982%;
    left: inherit;
    right: -2.3880597015%;
    width: 21.1940298507%;
  }
}

/* ==========================================================================
冒頭文
========================================================================== */
.intro {
  margin-top: 80px;
  padding-bottom: 76px;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 12"><defs><clipPath id="a"><rect width="100" height="12" fill="none"/></clipPath><clipPath id="b"><rect width="20" height="10" transform="translate(0 -0.164)" fill="%230065b1"/></clipPath></defs><g transform="translate(-700 -648.996)"><g transform="translate(700 648.996)" clip-path="url(%23a)"><g transform="translate(-672 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%230065b1"/></g></g><g transform="translate(-652 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%230065b1"/></g></g><g transform="translate(-632 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%230065b1"/></g></g><g transform="translate(-612 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%230065b1"/></g></g><g transform="translate(-592 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%230065b1"/></g></g></g></g></svg>');
  background-repeat: no-repeat;
  background-position: 50% 100%;
  background-size: 100px;
}
@media screen and (max-width: 767px) {
  .intro {
    margin-top: 48px;
    padding-bottom: 60px;
  }
}
.intro_text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 2;
  text-align: center;
}

.intro.is-brown {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 12"><defs><clipPath id="a"><rect width="100" height="12" fill="none"/></clipPath><clipPath id="b"><rect width="20" height="10" transform="translate(0 -0.164)" fill="%238A3A38"/></clipPath></defs><g transform="translate(-700 -648.996)"><g transform="translate(700 648.996)" clip-path="url(%23a)"><g transform="translate(-672 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%238A3A38"/></g></g><g transform="translate(-652 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%238A3A38"/></g></g><g transform="translate(-632 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%238A3A38"/></g></g><g transform="translate(-612 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%238A3A38"/></g></g><g transform="translate(-592 -2227)"><g transform="translate(672 2227.165)" clip-path="url(%23b)"><path d="M0,9.9a9.9,9.9,0,1,1,19.792,0Z" transform="translate(0 -0.039)" fill="%238A3A38"/></g></g></g></g></svg>');
}

/* ==========================================================================
CONTENTS
========================================================================== */
.article {
  margin-top: 120px;
  padding-bottom: 120px;
}
@media screen and (max-width: 767px) {
  .article {
    margin-top: 80px;
    padding-bottom: 80px;
  }
}
.article_block + .article_block {
  position: relative;
  margin-top: 80px;
  padding-top: 86px;
}
.article_block + .article_block::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 6px;
  border-top: 1px solid #0065B1;
  border-bottom: 1px solid #0065B1;
}
@media screen and (max-width: 767px) {
  .article_block + .article_block {
    margin-top: 40px;
  }
}
.article_title {
  color: #0065B1;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .article_title {
    font-size: 2.5rem;
    line-height: 1.4;
  }
}
.article_content {
  margin-top: 48px;
}
.article_content + .article_content {
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .article_content + .article_content {
    margin-top: 40px;
  }
}
@media screen and (min-width: 768px) {
  .article_content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "text img";
    grid-column-gap: 3.5087719298%;
  }
  .article_content:nth-of-type(even) {
    grid-template-areas: "img text";
  }
}
@media screen and (max-width: 767px) {
  .article_content {
    margin-top: 40px;
  }
}
.article_text {
  font-size: 1.6rem;
  line-height: 1.6;
  letter-spacing: -0.003em;
}
@media screen and (min-width: 768px) {
  .article_text {
    grid-area: text;
  }
}
.article_text dl + dl {
  margin-top: 1.6em;
}
.article_text dt {
  display: inline;
  color: #0065B1;
  font-weight: 700;
}
.article_text dt::after {
  content: "：";
}
.article_text dd {
  display: inline;
}
.article_img {
  position: relative;
  height: fit-content;
}
@media screen and (min-width: 768px) {
  .article_img {
    grid-area: img;
  }
}
@media screen and (max-width: 767px) {
  .article_img {
    margin-top: 40px;
  }
}
.article_icon {
  position: relative;
  display: block;
  width: 100%;
}
.article_icon > img {
  position: absolute;
  display: block;
}
.article_icon.is-type01 {
  height: 213px;
}
.article_icon.is-type01 > img {
  left: 50%;
  bottom: -7px;
  transform: translateX(-50%);
  width: 239px;
}
@media screen and (max-width: 767px) {
  .article_icon.is-type01 {
    height: 128px;
  }
  .article_icon.is-type01 > img {
    bottom: 0;
    width: 129px;
  }
}
.article_icon.is-type02 {
  height: 364px;
}
.article_icon.is-type02 > img {
  left: 50%;
  bottom: 0;
  transform: translateX(calc(-50% - 9px));
  width: 176px;
}
@media screen and (max-width: 767px) {
  .article_icon.is-type02 {
    height: 139px;
  }
  .article_icon.is-type02 > img {
    bottom: -16px;
    transform: translateX(calc(-50% - 72.5px));
    width: 96px;
  }
}
.article_icon.is-type03 {
  height: 285px;
}
.article_icon.is-type03 > img {
  left: 50%;
  bottom: 0;
  transform: translateX(calc(-50% + 22px));
  width: 296px;
}
@media screen and (max-width: 767px) {
  .article_icon.is-type03 {
    height: 120px;
  }
  .article_icon.is-type03 > img {
    transform: translateX(calc(-50% + 66.5px));
    width: 158px;
  }
}
.article_icon.is-type04 {
  height: 340px;
}
.article_icon.is-type04 > img {
  left: 50%;
  bottom: 0;
  transform: translateX(calc(-50% - 11px));
  width: 158px;
}
@media screen and (max-width: 767px) {
  .article_icon.is-type04 {
    height: 182px;
  }
  .article_icon.is-type04 > img {
    transform: translateX(-50%);
    width: 100px;
  }
}

.article_button {
  margin-top: 120px;
}
@media screen and (max-width: 767px) {
  .article_button {
    margin-top: 80px;
  }
}
.article_button .c-button {
  margin: 0 auto;
}

.is-brown .article_block + .article_block::before {
  border-color: #8C3937;
}
@media screen and (max-width: 767px) {
  .article_block.mt24-sp {
    margin-top: 24px;
  }
  .article_block.mt80-sp {
    margin-top: 80px;
  }
}

.is-brown .article_title {
  color: #8C3937;
}

.is-brown .article_text dt {
  color: #8C3937;
}
.article_text dd p:nth-of-type(1) {
  display: inline;
}
.article_text p + p {
  margin-top: 1.67em;
}
.article_text .fw-bold {
  font-weight: 600;
}

.article_img img + img {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .article_img img + img {
    margin-top: 24px;
  }
}
.article_img figcaption {
  margin-top: 16px;
  font-size: 1.4rem;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .article_img figcaption {
    margin-top: 12px;
  }
}

.article_img_icon {
  display: block;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .article_img_icon {
    margin-top: 24px;
  }
  .article_img_icon img {
    height: auto;
  }
}
.article_img_icon.is-detail02-01 {
  margin-top: 66px;
  margin-left: 6px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail02-01 {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 8.0597014925%;
    text-align: right;
  }
  .article_img_icon.is-detail02-01 img {
    max-width: 129px;
  }
}
.article_img_icon.is-detail02-02 {
  margin-top: 88px;
  margin-left: 74px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail02-02 {
    margin-top: 24px;
    margin-left: 14.0298507463%;
    text-align: left;
  }
  .article_img_icon.is-detail02-02 img {
    max-width: 96px;
  }
}
.article_img_icon.is-detail02-03 {
  margin-top: 145px;
  margin-left: 48px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail02-03 {
    margin-top: 24px;
    margin-right: 7.7611940299%;
    text-align: right;
  }
  .article_img_icon.is-detail02-03 img {
    max-width: 158px;
  }
}
.article_img_icon.is-detail03-01 {
  margin-top: 64px;
  margin-left: 38px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail03-01 {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 8.0597014925%;
    text-align: right;
  }
  .article_img_icon.is-detail03-01 img {
    max-width: 129px;
  }
}
.article_img_icon.is-detail03-02 {
  margin-top: 83px;
  margin-left: 64px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail03-02 {
    margin-top: 24px;
    margin-left: 4.4776119403%;
  }
  .article_img_icon.is-detail03-02 img {
    max-width: 96px;
  }
}
.article_img_icon.is-detail03-03 {
  margin-top: 78px;
  margin-left: 22px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail03-03 {
    margin-top: 24px;
    margin-left: 5.3731343284%;
    text-align: left;
  }
  .article_img_icon.is-detail03-03 img {
    max-width: 158px;
  }
}
.article_img_icon.is-detail04-01 {
  margin-top: 64px;
  margin-left: 38px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail04-01 {
    margin-top: 24px;
    margin-left: 14.0298507463%;
    text-align: left;
  }
  .article_img_icon.is-detail04-01 img {
    max-width: 129px;
  }
}
.article_img_icon.is-detail04-02 {
  margin-top: 78px;
  margin-left: 22px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail04-02 {
    margin-top: 24px;
    margin-left: 0;
    margin-right: 10.7462686567%;
    text-align: right;
  }
  .article_img_icon.is-detail04-02 img {
    max-width: 158px;
  }
}
.article_img_icon.is-detail04-03 {
  margin-top: 83px;
  margin-left: 64px;
}
@media screen and (max-width: 767px) {
  .article_img_icon.is-detail04-03 {
    margin-top: 24px;
    margin-left: 4.4776119403%;
  }
  .article_img_icon.is-detail04-03 img {
    max-width: 96px;
  }
}

.article_title_tag {
  display: inline-block;
  margin-bottom: 24px;
  padding: 2px 24px;
  background-color: #0075D3;
  border-radius: 99px;
  color: #FFF;
  font-size: 2.2rem;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .article_title_tag {
    padding: 4px 24px;
    font-size: 2rem;
    line-height: 1.4;
  }
}

.text_note {
  font-size: 1.4rem;
  text-align: right;
}
.eyecatch .text_note {
  margin-top: 8px;
}
.member .text_note {
  margin-top: 40px;
}

/* ==========================================================================
座談会メンバーリスト
========================================================================== */
.member {
  margin-top: 80px;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .member {
    margin-top: 48px;
  }
}

.member_list {
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 40px;
}
.member_list.is-clmn04 {
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 5.2333333333%;
}
@media screen and (max-width: 767px) {
  .member_list.is-clmn04 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8%;
  }
}
.member_list.is-clmn05 {
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 7.4333333333%;
}
@media screen and (max-width: 767px) {
  .member_list.is-clmn05 {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 8%;
  }
}

.is-clmn04 .member_img {
  padding: 0 22.0833333333%;
}
@media screen and (max-width: 767px) {
  .is-clmn04 .member_img {
    padding: 0 11.8421052632%;
  }
}
.is-clmn05 .member_img {
  padding: 0 8.125%;
}
@media screen and (max-width: 767px) {
  .is-clmn05 .member_img {
    padding: 0 11.8421052632%;
  }
}
.member_img figcaption {
  margin-top: 8px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}
.is-brown .member_img figcaption {
  color: #8C3937;
}

.member_text {
  margin-top: 8px;
  font-size: 1.4rem;
}

/* ==========================================================================
ページ内リンク
========================================================================== */
.anchor {
  margin-top: 80px;
}
.anchor + .article {
  margin-top: 80px;
}

.anchor_list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .anchor_list {
    flex-direction: column;
    align-items: center;
  }
}

.anchor_link {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #1A1A1A;
  text-decoration: underline;
}
.anchor_link:hover, .anchor_link:visited {
  color: #1A1A1A;
}

.anchor_text {
  color: #1A1A1A;
}

.anchor_icon {
  line-height: 0;
  transition: transform 0.3s cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (min-width: 768px) {
  .anchor_link:hover .anchor_icon {
    transform: translateY(4px);
  }
}

[id^=anchor] {
  scroll-margin-top: 184px;
}
@media screen and (max-width: 767px) {
  [id^=anchor] {
    scroll-margin-top: 81px;
  }
}